@charset "UTF-8";
/* Nordic Fighter custom styles – build 2026-11-08k (K2 + P1 + fixes) (moved from Cloudflare Worker) */
:root { --nf-custom-build: "2026-11-08k"; }

/* ===== Trust banner ===== */
.nf-trust-banner {
  position: relative;
  width: 100%;
  background: #0a0a0a;
  border-bottom: 3px solid #3cbdec;
  padding: 12px 20px;
  box-sizing: border-box;
  font-family: "Helvetica Neue", Arial, sans-serif;
  z-index: 10;
}
.nf-trust-banner__inner {
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 40px;
  text-align: center;
}
.nf-trust-banner__item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 1.2;
}
.nf-trust-banner__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #3cbdec;
  flex-shrink: 0;
}
.nf-trust-banner__icon svg {
  width: 16px;
  height: 16px;
  stroke: #0a0a0a;
  fill: none;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.nf-trust-banner__google {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.3px;
  text-decoration: none;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid rgba(60, 189, 236, 0.4);
  background: rgba(60, 189, 236, 0.08);
  transition:
    background 0.2s,
    border-color 0.2s;
}
.nf-trust-banner__google:hover {
  background: rgba(60, 189, 236, 0.18);
  border-color: rgba(60, 189, 236, 0.7);
}
.nf-trust-banner__stars {
  display: inline-flex;
  gap: 1px;
}
.nf-trust-banner__stars svg {
  width: 14px;
  height: 14px;
}
.nf-trust-banner__rating {
  font-weight: 700;
  color: #fff;
}
.nf-trust-banner__label {
  color: #b8b8b8;
  font-size: 13px;
}
.nf-trust-banner__text-mobile {
  display: none;
}
@media (max-width: 768px) {
  .nf-trust-banner {
    padding: 9px 10px;
  }
  .nf-trust-banner__inner {
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: space-between;
  }
  .nf-trust-banner__item,
  .nf-trust-banner__google {
    font-size: 11px;
    font-weight: 700;
    gap: 6px;
    letter-spacing: 0.2px;
    white-space: nowrap;
    min-width: 0;
  }
  .nf-trust-banner__google {
    padding: 5px 9px;
  }
  .nf-trust-banner__icon {
    width: 22px;
    height: 22px;
  }
  .nf-trust-banner__icon svg {
    width: 11px;
    height: 11px;
    stroke-width: 2.5;
  }
  .nf-trust-banner__google svg:first-child {
    width: 15px !important;
    height: 15px !important;
  }
  .nf-trust-banner__stars {
    gap: 0;
  }
  .nf-trust-banner__stars svg {
    width: 12px;
    height: 12px;
  }
  .nf-trust-banner__rating {
    font-weight: 800;
  }
  .nf-trust-banner__label {
    display: none;
  }
  .nf-trust-banner__text-desktop {
    display: none;
  }
  .nf-trust-banner__text-mobile {
    display: inline;
  }
}

/* ===== Stock labels ===== */
body:not(.availability-only-page) .stock.available > span:not([data-stock-replaced]) {
  visibility: hidden;
}
body:not(.availability-only-page) .stock.available > span[data-stock-replaced] {
  visibility: visible;
}
body:not(.availability-only-page) .stock.available > span[data-stock-replaced] {
  display: inline-block;
  background-color: #76de0b;
  color: #000 !important;
  padding: 4px 10px;
  border-radius: 0;
  font-weight: 600;
  text-transform: none !important;
  line-height: 1.4;
}
body.has-bestallningsvara .stock.available > span[data-stock-replaced],
body.has-bestallningsvara .stock.available {
  display: none !important;
}
body:not(.availability-only-page) [data-bestallningsvara-replaced] {
  display: inline-block;
  background-color: #ec6883;
  color: #000 !important;
  padding: 4px 10px;
  border-radius: 0;
  font-weight: 600;
  text-transform: none !important;
  line-height: 1.4;
}
.catalog-product-view .product-social-links {
  display: none;
}

/* ===== Header restyle + mobile search ===== */
.nf-header.header__content {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 18px 0 !important;
  min-height: 84px !important;
  width: 100% !important;
}
.nf-header .logo__container {
  background: transparent !important;
  width: auto !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  margin-right: 12px !important;
}
/* The theme prints a SECOND search box inside .flex-right (blue, italic
   placeholder). It stretched to 100% width and squashed the real search,
   the logo and the buttons. We use #header-search-container (desktop) and
   the mobile search band instead, so hide the duplicate everywhere. */
.nf-header .flex-right > .lof-autosearch,
.nf-header .flex-right > .search_box {
  display: none !important;
}
/* Theme's own account icon (inline SVG) — we add a Font Awesome icon instead */
.nf-header .header__item-account .js-item-myaccount-action > svg {
  display: none !important;
}
.nf-header .logo__container .logo {
  display: inline-block !important;
}
.nf-header .logo__container .logo img {
  /* max sizes only + auto on both axes = original aspect ratio, never stretched */
  max-height: 55px !important;
  max-width: 280px !important;
  height: auto !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
}
.nf-header .flex-left {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}
.nf-header .header__additional-content {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 600px !important;
  min-width: 0 !important;
}
/* Page Builder wrapper around the search — let it stretch too */
.nf-header .header__additional-content > div {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
}
.nf-header #header-search-container {
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: 600px !important;
  position: relative !important;
  margin: 0 !important;
}
.nf-header #header-search-container .box,
.nf-header #header-search-container .lof-search,
.nf-header #header-search-container .control {
  background: transparent !important;
  position: relative !important;
  width: 100% !important;
}
.nf-header #header-search-container input[type="text"] {
  width: 100% !important;
  height: 44px !important;
  background: #fafafa !important;
  border: 1.5px solid #d4d4cf !important;
  border-radius: 0 !important;
  padding: 0 44px 0 16px !important;
  font-size: 14px !important;
  color: #1a1a1a !important;
  box-shadow: none !important;
  font-style: normal !important;
}
.nf-header #header-search-container input[type="text"]:focus {
  outline: none !important;
  border-color: #0a5a7a !important;
  background: #fff !important;
}
.nf-header #header-search-container input[type="text"]::placeholder {
  color: #8a8a84 !important;
  font-style: normal !important;
}
.nf-header #header-search-container .button-search {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 44px !important;
  height: 44px !important;
  background: transparent !important;
  border: none !important;
  color: #5a5a55 !important;
  font-size: 15px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  transition:
    background 0.15s ease,
    color 0.15s ease !important;
}
.nf-header #header-search-container .button-search:hover,
.nf-header #header-search-container .button-search:focus {
  background: #1a1a1a !important;
  color: #fff !important;
}
.nf-header #header-search-icon {
  display: none !important;
}
.nf-header .block.block-search {
  display: none !important;
}
.nf-header .button.action-search-slideout {
  display: none !important;
}
.nf-header .flex-right.flex-right {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  position: relative !important;
}
.nf-header .flex-right i,
.nf-header .flex-right .fa,
.nf-header .flex-right .fas,
.nf-header .flex-right [class*="fa-"] {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  inset: auto !important;
  transform: none !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
  line-height: 1 !important;
  width: auto !important;
  height: auto !important;
}
.nf-header .flex-right a.headerbutton-kassa,
.nf-header .headerbutton-kassa.headerbutton-kassa,
.nf-header a.headerbutton-kassa {
  background-color: #76de0b !important;
  background: #76de0b !important;
  color: #000 !important;
  border-radius: 0 !important;
  height: 44px !important;
  width: auto !important;
  min-width: auto !important;
  padding: 0 16px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  transition: background 0.15s ease !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  margin: 0 !important;
  flex-direction: row !important;
  flex-shrink: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  position: relative !important;
}
.nf-header a.headerbutton-kassa:hover {
  background-color: #66c309 !important;
  background: #66c309 !important;
  color: #000 !important;
}
.nf-header .headerbutton-kassa i.fa,
.nf-header .headerbutton-kassa i.fas {
  color: #000 !important;
  font-size: 13px !important;
}
.nf-header .header__item-account.header__item-account {
  flex: 0 0 auto !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
}
.nf-header .header__item-account .button.js-item-myaccount-action,
.nf-header .header__item-account a.js-item-myaccount-action,
.nf-header .header__item-account a.button {
  background: #f0f0ea !important;
  background-color: #f0f0ea !important;
  border-radius: 0 !important;
  height: 44px !important;
  width: auto !important;
  min-width: auto !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  color: #1a1a1a !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  border: none !important;
  box-shadow: none !important;
  text-transform: none !important;
  white-space: nowrap !important;
  transition: background 0.15s ease !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  position: relative !important;
  flex-shrink: 0 !important;
}
.nf-header .header__item-account .button.js-item-myaccount-action:hover {
  background: #e4e4dc !important;
  background-color: #e4e4dc !important;
}
.nf-header .header__item-account .button.js-item-myaccount-action i.fas,
.nf-header .header__item-account .button.js-item-myaccount-action i.fa {
  font-size: 13px !important;
  color: #1a1a1a !important;
}
.nf-header .header__item-account .button .athlete2-icon-login {
  display: none !important;
}
.nf-header .header__item-account .button.js-item-myaccount-action .label,
.nf-header .header__item-account .button .label {
  display: inline-block !important;
  visibility: visible !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: inherit !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  clip: auto !important;
  overflow: visible !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}
.nf-header .minicart-wrapper.minicart-wrapper {
  flex: 0 0 auto !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
}
.nf-header .minicart-wrapper a.action.showcart,
.nf-header .minicart-wrapper .action.showcart {
  background: #3cbdec !important;
  background-color: #3cbdec !important;
  border-radius: 0 !important;
  height: 44px !important;
  width: auto !important;
  min-width: auto !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: #1a1a1a !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
  text-transform: none !important;
  position: relative !important;
  white-space: nowrap !important;
  transition: background 0.15s ease !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}
.nf-header .minicart-wrapper .action.showcart:hover {
  background: #2aa9d8 !important;
  background-color: #2aa9d8 !important;
}
.nf-header .minicart-wrapper .action.showcart i.fa,
.nf-header .minicart-wrapper .action.showcart i.fas {
  font-size: 13px !important;
  color: #1a1a1a !important;
}
.nf-header .minicart-wrapper .action.showcart .text {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  position: static !important;
  clip: auto !important;
  overflow: visible !important;
  text-transform: none !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
.nf-header .minicart-wrapper .action.showcart .counter.qty,
.nf-header .minicart-wrapper .action.showcart .counter {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  color: #1a1a1a !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 0 0 0 10px !important;
  margin: 0 0 0 2px !important;
  min-width: 0 !important;
  height: 18px !important;
  border-radius: 0 !important;
  border-left: 1px solid rgba(0, 0, 0, 0.25) !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  line-height: 1 !important;
  position: static !important;
  vertical-align: middle !important;
  transform: none !important;
  box-shadow: none !important;
  float: none !important;
  flex-shrink: 0 !important;
}
.nf-header .minicart-wrapper .action.showcart .counter.qty .counter-number {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  display: inline !important;
}
.nf-header .minicart-wrapper .action.showcart .counter.qty .counter-label {
  display: none !important;
}
@media (max-width: 768px) {
  .nf-header.header__content {
    padding: 10px 12px 12px !important;
    min-height: 0 !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .nf-header .logo__container {
    flex: 0 0 100% !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 6px !important;
    align-items: center !important;
  }
  .nf-header .logo__container .logo img {
    max-height: 53px !important;
    max-width: 240px !important;
    height: auto !important;
    width: auto !important;
  }
  .nf-header #header-search-container {
    display: none !important;
  }
  .nf-header .nf-mobile-search-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    box-sizing: border-box !important;
    background: #f0f0ea !important;
    border: none !important;
    border-radius: 0 !important;
    color: #1a1a1a !important;
    font-size: 15px !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    text-decoration: none !important;
    transition: background 0.15s ease !important;
    order: -1 !important;
    line-height: 1 !important;
  }
  .nf-header .nf-mobile-search-btn:hover,
  .nf-header .nf-mobile-search-btn:focus {
    background: #1a1a1a !important;
    color: #fff !important;
  }
  /* Hamburger + Kassa are moved into .flex-right by the JS and the desktop
     search is hidden, so .flex-left is empty on mobile. Left visible it
     took up its own 40px row (the big gap under the logo). */
  .nf-header .flex-left.flex-left {
    display: none !important;
  }
  .nf-header .header__additional-content {
    max-width: none !important;
    flex: 0 0 auto !important;
  }
  .nf-header .slide-out-menu--mobile,
  .nf-header .action.slide-out-menu--mobile,
  .nf-header div.slide-out-menu--mobile {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    color: #1a1a1a !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    background: #f0f0ea !important;
    cursor: pointer !important;
    line-height: 1 !important;
    height: 40px !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
    order: -2 !important;
  }
  .nf-header .slide-out-menu--mobile .hamburger-menu-icon-small {
    width: 26px !important;
    height: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    flex-shrink: 0 !important;
  }
  .nf-header .slide-out-menu--mobile .hamburger-menu-icon-small span {
    display: block !important;
    width: 100% !important;
    height: 3px !important;
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    border-radius: 0 !important;
  }
  .nf-header .slide-out-menu--mobile > span:not(.hamburger-menu-icon-small):not(.hamburger-menu-icon-small *) {
    display: inline-block !important;
    color: #1a1a1a !important;
    font-size: 12px !important;
    font-weight: 600 !important;
  }
  /* One full-width row: [☰ Navigation][🔍] ........ [Kassa][🛍 0] */
  .nf-header .flex-right.flex-right {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    height: 40px !important;
  }
  .nf-header .flex-right a.headerbutton-kassa {
    margin-left: auto !important;
  }
  .nf-header a.headerbutton-kassa,
  .nf-header .headerbutton-kassa.headerbutton-kassa,
  .nf-header .flex-right a.headerbutton-kassa {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    box-sizing: border-box !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    gap: 6px !important;
    line-height: 1 !important;
  }
  .nf-header .header__item-account {
    display: none !important;
  }
  .nf-header .minicart-wrapper {
    height: 40px !important;
    box-sizing: border-box !important;
    align-items: stretch !important;
  }
  .nf-header .minicart-wrapper .action.showcart {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    box-sizing: border-box !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    gap: 6px !important;
    line-height: 1 !important;
  }
  .nf-header .header__item-account .button.js-item-myaccount-action .label {
    display: none !important;
  }
  .nf-header .minicart-wrapper .action.showcart .text {
    display: none !important;
  }
  .nf-header .minicart-wrapper .action.showcart .counter.qty,
  .nf-header .minicart-wrapper .action.showcart .counter {
    border-left: none !important;
    padding: 0 !important;
    margin: 0 0 0 4px !important;
  }
}
/* Very narrow phones: drop the "Navigation" word, keep the burger icon */
@media (max-width: 360px) {
  .nf-header .slide-out-menu--mobile > span:not(.hamburger-menu-icon-small):not(.hamburger-menu-icon-small *) {
    display: none !important;
  }
  .nf-header a.headerbutton-kassa,
  .nf-header .minicart-wrapper .action.showcart {
    padding: 0 10px !important;
  }
}
.nf-mobile-search-band {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  background: #fff;
  padding: 12px 16px;
  border-top: 1px solid #e4e4dc;
  border-bottom: 1px solid #e4e4dc;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  z-index: 999;
}
.nf-mobile-search-band.open {
  display: block;
}
.nf-mobile-search-band .nf-msb-inner {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}
.nf-mobile-search-band input[type="text"] {
  flex: 1;
  width: 100%;
  height: 44px;
  background: #fafafa;
  border: 1.5px solid #d4d4cf;
  border-radius: 0;
  padding: 0 16px;
  font-size: 16px;
  color: #1a1a1a;
  font-family: inherit;
  box-shadow: none;
  outline: none;
}
.nf-mobile-search-band input[type="text"]:focus {
  border-color: #0a5a7a;
  background: #fff;
}
.nf-mobile-search-band .nf-msb-submit {
  width: 44px;
  height: 44px;
  background: #1a1a1a;
  color: #fff;
  border: none;
  border-radius: 0;
  font-size: 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.nf-mobile-search-band .nf-msb-close {
  width: 44px;
  height: 44px;
  background: #f0f0ea;
  color: #1a1a1a;
  border: none;
  border-radius: 0;
  font-size: 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.nf-mobile-search-band .nf-msb-close:hover {
  background: #e4e4dc;
}
@media (min-width: 769px) {
  .nf-header .nf-mobile-search-btn {
    display: none !important;
  }
}

/* ===== Top nav (megamenu) ===== */
@media only screen and (min-width: 1025px) {
  .nf-topnav > .level0 > .level-top {
    padding: 13px 10px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    position: relative !important;
    transition:
      background-color 0.2s ease,
      color 0.2s ease !important;
    white-space: nowrap !important;
  }
  .nf-topnav > .level0.parent > .level-top .nf-caret {
    display: inline-block;
    margin-left: 4px;
    font-size: 9px;
    opacity: 0.7;
    transition: transform 0.25s ease;
    transform-origin: center;
    vertical-align: 1px;
  }
  .nf-topnav > .level0:hover > .level-top .nf-caret,
  .nf-topnav > .level0.active > .level-top .nf-caret,
  .nf-topnav > .level0.has-active > .level-top .nf-caret {
    transform: rotate(180deg);
    opacity: 1;
  }
  .nf-topnav > .level0 > .level-top:hover {
    background-color: #084a66 !important;
    color: #fff !important;
  }
  .nf-topnav > .level0.active > .level-top,
  .nf-topnav > .level0.has-active > .level-top {
    background-color: #084a66 !important;
    color: #fff !important;
  }
  .nf-topnav > .level0 > .level-top:hover::before,
  .nf-topnav > .level0.active > .level-top::before,
  .nf-topnav > .level0.has-active > .level-top::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 3px !important;
    background: #3cbdec !important;
    top: auto !important;
    width: auto !important;
    transform: none !important;
  }
  .nf-topnav > .level0 > .level-top[style*="252, 0, 9"]:hover,
  .nf-topnav > .level0 > .level-top[style*="rgb(252, 0, 9)"]:hover {
    background-color: #c92836 !important;
  }
  .nf-topnav > .level0 > .level-top[style*="252, 0, 9"]::before,
  .nf-topnav > .level0 > .level-top[style*="rgb(252, 0, 9)"]::before {
    display: none !important;
  }
}

/* ===== Category page product cards ===== */
.products-grid .product-items {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 18px 18px !important;
}
.products-grid .product-items > li.product-item {
  flex: 1 1 calc(33.333% - 12px) !important;
  max-width: calc(33.333% - 12px) !important;
  margin: 0 !important;
}
.products-grid .product-item {
  background: #fff !important;
  border: 1px solid #e0e0d8 !important;
  transition: all 0.25s ease !important;
  position: relative !important;
  padding: 0 !important;
}
.products-grid .product-item:hover {
  border-color: rgb(60, 189, 236) !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1) !important;
}
.products-grid .product-item::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 0 !important;
  background: rgb(60, 189, 236) !important;
  transition: height 0.25s ease !important;
  z-index: 5 !important;
  pointer-events: none !important;
}
.products-grid .product-item:hover::before {
  height: 4px !important;
}
.products-grid .product-item-info {
  position: relative !important;
}
.products-grid .product-grid__image-wrapper {
  overflow: hidden !important;
  position: relative !important;
}
.products-grid .product-image-photo {
  transition: transform 0.4s ease !important;
}
.products-grid .product-item:hover .product-image-photo {
  transform: scale(1.06) !important;
}
.products-grid .product-item-details {
  padding: 16px 18px 20px !important;
}
.products-grid .ox-product-grid__category-link {
  color: rgb(60, 189, 236) !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.8px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.products-grid .product-item:hover .ox-product-grid__category-link {
  color: #006898 !important;
}
.products-grid .quality-commercial,
.products-grid .quality-semi {
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  padding: 4px 8px !important;
  display: inline-block !important;
  margin-top: 6px !important;
  border-radius: 0 !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.products-grid .product-item-name {
  margin: 8px 0 0 !important;
}
.products-grid .product-item-name a,
.products-grid .product-item-link {
  color: #1a1a1a !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}
.products-grid .product-item:hover .product-item-name a,
.products-grid .product-item:hover .product-item-link {
  color: #006898 !important;
}
.products-grid .price-box {
  padding-top: 10px !important;
  margin-top: 10px !important;
  position: relative !important;
}
.products-grid .price-box::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 24px !important;
  height: 2px !important;
  background: rgb(60, 189, 236) !important;
  transition: width 0.25s ease !important;
}
.products-grid .product-item:hover .price-box::before {
  width: 48px !important;
}
.products-grid .price-box .price {
  color: #006898 !important;
  font-weight: 900 !important;
  transition: color 0.2s ease !important;
}
.products-grid .product-item:hover .price-box .price {
  color: rgb(60, 189, 236) !important;
}
.products-grid .price-box .price-label {
  color: #888 !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  font-weight: 700 !important;
}
.products-grid .price-box .minimal-price .price-label {
  display: inline-block !important;
  margin-right: 4px !important;
}
.products-grid .rating-summary .rating-result > span:before {
  color: rgb(60, 189, 236) !important;
}
.products-grid .product-reviews-summary {
  margin-top: 10px !important;
}
.products-grid .reviews-actions a {
  font-size: 11px !important;
  color: #888 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-weight: 700 !important;
}
.products-grid .stock-notification-button,
.products-grid .product-item .action.tocart {
  background: rgb(60, 189, 236) !important;
  color: #000 !important;
  border: none !important;
  border-radius: 0 !important;
  transition: all 0.2s ease !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-size: 11px !important;
  padding: 10px 16px !important;
}
.products-grid .stock-notification-button:hover,
.products-grid .product-item .action.tocart:hover {
  background: #000 !important;
  color: #fff !important;
}
.products-grid .quality-tooltip {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
@media (max-width: 1200px) {
  .products-grid .product-items > li.product-item {
    flex: 1 1 calc(33.333% - 12px) !important;
    max-width: calc(33.333% - 12px) !important;
  }
}
@media (max-width: 900px) {
  .products-grid .product-items > li.product-item {
    flex: 1 1 calc(50% - 9px) !important;
    max-width: calc(50% - 9px) !important;
  }
}
@media (max-width: 640px) {
  .products-grid .product-items {
    gap: 12px 12px !important;
  }
  .products-grid .product-items > li.product-item {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
  .products-grid .product-item-details {
    padding: 12px 14px 16px !important;
  }
}

/* ===== Homepage product cards ===== */
#prodpoppis .product-item,
#prodnyheter .product-item {
  margin-bottom: 18px !important;
}
#prodpoppis .product-items,
#prodnyheter .product-items {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px 12px !important;
}
#prodpoppis .product-items > li.product-item,
#prodnyheter .product-items > li.product-item {
  flex: 1 1 calc(20% - 12px) !important;
  max-width: calc(20% - 12px) !important;
}
#prodpoppis .product-item,
#prodnyheter .product-item {
  background: #fff !important;
  border: 1px solid #e0e0d8 !important;
  transition: all 0.25s ease !important;
  position: relative !important;
}
#prodpoppis .product-item:hover,
#prodnyheter .product-item:hover {
  border-color: rgb(60, 189, 236) !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1) !important;
}
#prodpoppis .product-item::before,
#prodnyheter .product-item::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 0 !important;
  background: rgb(60, 189, 236) !important;
  transition: height 0.25s ease !important;
  z-index: 5 !important;
  pointer-events: none !important;
}
#prodpoppis .product-item:hover::before,
#prodnyheter .product-item:hover::before {
  height: 4px !important;
}
#prodpoppis .product-image-photo,
#prodnyheter .product-image-photo {
  transition: transform 0.4s ease !important;
}
#prodpoppis .product-item:hover .product-image-photo,
#prodnyheter .product-item:hover .product-image-photo {
  transform: scale(1.06) !important;
}
#prodpoppis .ox-product-label-new,
#prodnyheter .ox-product-label-new {
  background: rgb(60, 189, 236) !important;
  color: #000 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  padding: 5px 10px !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
#prodpoppis .stock.unavailable,
#prodnyheter .stock.unavailable {
  background: #0a0a0a !important;
  color: #fff !important;
  padding: 6px 12px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  border-radius: 0 !important;
}
#prodpoppis .stock.unavailable span,
#prodnyheter .stock.unavailable span {
  color: #fff !important;
}
#prodpoppis .ox-product-grid__category-link,
#prodnyheter .ox-product-grid__category-link {
  color: rgb(60, 189, 236) !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.8px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
#prodpoppis .product-item:hover .ox-product-grid__category-link,
#prodnyheter .product-item:hover .ox-product-grid__category-link {
  color: #006898 !important;
}
#prodpoppis .product-item-name a,
#prodnyheter .product-item-name a,
#prodpoppis .product-item-link,
#prodnyheter .product-item-link {
  color: #1a1a1a !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
#prodpoppis .product-item:hover .product-item-name a,
#prodnyheter .product-item:hover .product-item-name a,
#prodpoppis .product-item:hover .product-item-link,
#prodnyheter .product-item:hover .product-item-link {
  color: #006898 !important;
}
#prodpoppis .price-box,
#prodnyheter .price-box {
  padding-top: 8px !important;
  position: relative !important;
}
#prodpoppis .price-box::before,
#prodnyheter .price-box::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 24px !important;
  height: 2px !important;
  background: rgb(60, 189, 236) !important;
  transition: width 0.25s ease !important;
}
#prodpoppis .product-item:hover .price-box::before,
#prodnyheter .product-item:hover .price-box::before {
  width: 48px !important;
}
#prodpoppis .price,
#prodnyheter .price {
  color: #006898 !important;
  font-weight: 900 !important;
  transition: color 0.2s ease !important;
}
#prodpoppis .product-item:hover .price,
#prodnyheter .product-item:hover .price {
  color: rgb(60, 189, 236) !important;
}
#prodpoppis .price-label,
#prodnyheter .price-label {
  color: #888 !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  font-weight: 700 !important;
}
#prodpoppis .rating-summary .rating-result > span:before,
#prodnyheter .rating-summary .rating-result > span:before {
  color: rgb(60, 189, 236) !important;
}
#prodpoppis .product-item-inner .action.tocart,
#prodnyheter .product-item-inner .action.tocart {
  background: rgb(60, 189, 236) !important;
  color: #000 !important;
  border: none !important;
  border-radius: 0 !important;
  transition: all 0.2s ease !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}
#prodpoppis .product-item-inner .action.tocart:hover,
#prodnyheter .product-item-inner .action.tocart:hover {
  background: #000 !important;
  color: #fff !important;
}
#prodpoppis .product-item-inner .action.tocart svg,
#prodnyheter .product-item-inner .action.tocart svg {
  fill: #000 !important;
  transition: fill 0.2s ease !important;
}
#prodpoppis .product-item-inner .action.tocart:hover svg,
#prodnyheter .product-item-inner .action.tocart:hover svg {
  fill: #fff !important;
}
@media (max-width: 1200px) {
  #prodpoppis .product-items > li.product-item,
  #prodnyheter .product-items > li.product-item {
    flex: 1 1 calc(25% - 12px) !important;
    max-width: calc(25% - 12px) !important;
  }
}
@media (max-width: 900px) {
  #prodpoppis .product-items > li.product-item,
  #prodnyheter .product-items > li.product-item {
    flex: 1 1 calc(33.333% - 12px) !important;
    max-width: calc(33.333% - 12px) !important;
  }
}
@media (max-width: 640px) {
  #prodpoppis .product-items > li.product-item,
  #prodnyheter .product-items > li.product-item {
    flex: 1 1 calc(50% - 6px) !important;
    max-width: calc(50% - 6px) !important;
  }
}

/* ===== Promo puffar + Kunder ===== */
.promo-puffar-container {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 0px !important;
}
#promo-puffar {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 18px !important;
  margin: 0 !important;
}
#promo-puffar > [class*="col-"] {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  flex: none !important;
  width: auto !important;
}
.promo-puffar-item {
  background: #fff !important;
  border: 1px solid #e0e0d8 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
  position: relative !important;
  height: 100% !important;
}
.promo-puffar-item:hover {
  border-color: rgb(60, 189, 236) !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1) !important;
  transform: translateY(-3px) !important;
}
.promo-puffar-item::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 0 !important;
  background: rgb(60, 189, 236) !important;
  transition: height 0.25s ease !important;
  z-index: 5 !important;
  pointer-events: none !important;
}
.promo-puffar-item:hover::before {
  height: 4px !important;
}
.promo-puffar-item > a {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  text-decoration: none !important;
  color: inherit !important;
}
.promo-puffar-bild {
  overflow: hidden !important;
  position: relative !important;
}
.promo-puffar-bild img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}
.promo-puffar-item:hover .promo-puffar-bild img {
  transform: scale(1.06) !important;
}
.promo-puffar-content {
  padding: 22px 22px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  background: #fff !important;
}
.promo-puffar-content h3 {
  color: #006898 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  line-height: 1.3 !important;
  margin: 0 0 12px !important;
  padding-bottom: 10px !important;
  position: relative !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  transition: color 0.25s ease !important;
}
.promo-puffar-content h3::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 24px !important;
  height: 2px !important;
  background: rgb(60, 189, 236) !important;
  transition: width 0.25s ease !important;
}
.promo-puffar-item:hover .promo-puffar-content h3::after {
  width: 48px !important;
}
.promo-puffar-content p {
  font-size: 13px !important;
  line-height: 1.65 !important;
  color: #444 !important;
  margin: 0 0 14px !important;
  flex: 1 !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
}
.puffar-lasmer {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: rgb(60, 189, 236) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  margin-top: auto !important;
  transition:
    gap 0.2s ease,
    color 0.2s ease !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.puffar-lasmer::after {
  content: "→" !important;
  transition: transform 0.2s ease !important;
}
.promo-puffar-item:hover .puffar-lasmer {
  color: #006898 !important;
  gap: 10px !important;
}
#kunder {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 0px !important;
}
#kunder > h3 {
  color: #006898 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin: 0 0 20px !important;
  padding: 0 0 12px !important;
  position: relative !important;
  display: inline-block !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  line-height: 1.2 !important;
}
#kunder > h3::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 48px !important;
  height: 4px !important;
  background: rgb(60, 189, 236) !important;
  display: block !important;
}
@media (max-width: 1100px) {
  #promo-puffar {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 600px) {
  #promo-puffar {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
}

/* ===== Fotorama gallery fixes ===== */
.fotorama--fullscreen .fotorama__arr {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 60px !important;
  height: 100px !important;
  top: 50% !important;
  margin-top: -50px !important;
  background-color: rgba(0, 0, 0, 0.45) !important;
  z-index: 10 !important;
  pointer-events: auto !important;
}
.fotorama--fullscreen .fotorama__arr--prev {
  left: 0 !important;
}
.fotorama--fullscreen .fotorama__arr--next {
  right: 0 !important;
}
.fotorama--fullscreen .fotorama__fullscreen-icon {
  z-index: 100 !important;
}
.fotorama--fullscreen .fotorama__arr .fotorama__arr__arr {
  width: 30px !important;
  height: 30px !important;
  background-color: transparent !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.fotorama--fullscreen .fotorama__arr .fotorama__arr__arr:before,
.fotorama--fullscreen .fotorama__arr .fotorama__arr__arr:after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  width: 14px !important;
  height: 3px !important;
  background: #fff !important;
  left: 50% !important;
  top: 50% !important;
}
.fotorama--fullscreen .fotorama__arr--prev .fotorama__arr__arr:before {
  transform: translate(-50%, -50%) rotate(-45deg) translateY(-5px);
}
.fotorama--fullscreen .fotorama__arr--prev .fotorama__arr__arr:after {
  transform: translate(-50%, -50%) rotate(45deg) translateY(5px);
}
.fotorama--fullscreen .fotorama__arr--next .fotorama__arr__arr:before {
  transform: translate(-50%, -50%) rotate(45deg) translateY(-5px);
}
.fotorama--fullscreen .fotorama__arr--next .fotorama__arr__arr:after {
  transform: translate(-50%, -50%) rotate(-45deg) translateY(5px);
}
@media (pointer: coarse) {
  #ox-zoom-cursor,
  .fotorama--fullscreen #ox-zoom-cursor {
    display: none !important;
  }
  body.custom-gallery-cursor .fotorama--fullscreen .fotorama__stage,
  body.custom-gallery-cursor .fotorama--fullscreen .fotorama__stage__frame,
  body.custom-gallery-cursor .fotorama--fullscreen .fotorama__img {
    cursor: default !important;
    touch-action: pan-y pinch-zoom !important;
  }
  .fotorama--fullscreen .fotorama__stage,
  .fotorama--fullscreen .fotorama__stage__shaft,
  .fotorama--fullscreen .fotorama__stage__frame {
    pointer-events: auto !important;
  }
}

/* ===== Copyright footer =====
   Theme markup (copyright-layout-2): .container > .row > two .col-12 —
   first holds the payment-methods image, second the © line. Stack both,
   centred, on a black bar with the brand-blue top line. */
.copyright-footer {
  background: #0a0a0a !important;
  padding: 28px 0 32px !important;
  border-top: 3px solid #3cbdec !important;
}
.copyright-footer .container {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}
.copyright-footer .container > .row {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  margin: 0 !important;
}
.copyright-footer .container > .row > [class*="col-"] {
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  min-width: 0 !important;
}
.copyright-footer [data-content-type="html"],
.copyright-footer p {
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  line-height: 0 !important;
}
/* Payment methods image */
.copyright-footer img {
  display: inline-block !important;
  width: auto !important;
  max-width: min(680px, 100%) !important;
  height: auto !important;
  max-height: 48px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  vertical-align: middle !important;
}
/* © line */
.copyright-footer .copyright {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 auto !important;
  text-align: center !important;
}
.copyright-footer .copyright::before {
  content: "" !important;
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  background: #3cbdec !important;
  flex-shrink: 0 !important;
}
.copyright-footer .copyright,
.copyright-footer .copyright * {
  color: #9a9a9a !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  letter-spacing: 0.5px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
.copyright-footer .copyright strong {
  color: #fff !important;
  font-weight: 700 !important;
}
@media (max-width: 768px) {
  .copyright-footer {
    padding: 24px 0 140px !important; /* room so the chat bubble + to-top button never cover the © line */
  }
  .copyright-footer .container {
    padding: 0 16px !important;
  }
  .copyright-footer img {
    max-height: 36px !important;
  }
  .copyright-footer .copyright,
  .copyright-footer .copyright * {
    font-size: 11px !important;
  }
}

/* ===== Back-to-top button (#toTop) =====
   Pinned bottom-right, directly UNDER the Tawk chat bubble (which nf-custom.js
   lifts to 80px), centred on the same vertical line so they stack neatly. */
#toTop {
  position: fixed !important;
  right: 26px !important;
  left: auto !important;
  bottom: 18px !important;
  top: auto !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: #3cbdec !important;
  /* no display rule: the theme shows/hides it on scroll */
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
  z-index: 999 !important;
  transform: none !important;
  transition: background 0.2s ease, opacity 0.2s ease !important;
}
#toTop:hover {
  background: #0a0a0a !important;
}
#toTop small {
  display: none !important; /* icon only */
}
#toTop span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  line-height: 0 !important;
}
#toTop svg {
  width: 18px !important;
  height: 18px !important;
  fill: #0a0a0a !important;
}
#toTop:hover svg {
  fill: #fff !important;
}
@media (max-width: 768px) {
  #toTop {
    right: 16px !important;
    bottom: 14px !important;
    width: 44px !important;
    height: 44px !important;
  }
}

/* ===== Quantity +/- buttons ===== */
.nf-qty {
  display: inline-flex;
  align-items: stretch;
  flex-wrap: nowrap;
}
.nf-qty .nf-qty__btn {
  display: none;
}
@media (max-width: 1024px) {
  .nf-qty {
    display: inline-flex !important;
  }
  .nf-qty .nf-qty__btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #f0f0ea !important;
    color: #1a1a1a !important;
    border: 1.5px solid #d4d4cf !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-transform: none !important;
    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
    transition: background 0.15s ease !important;
  }
  .nf-qty .nf-qty__btn::before,
  .nf-qty .nf-qty__btn::after {
    display: none !important;
    content: none !important;
  }
  .nf-qty .nf-qty__btn:hover,
  .nf-qty .nf-qty__btn:active,
  .nf-qty .nf-qty__btn:focus {
    background: #3cbdec !important;
    color: #000 !important;
    outline: none !important;
  }
  .nf-qty input.qty {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    background: #fff !important;
    border: 1.5px solid #d4d4cf !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important;
  }
  .nf-qty input.qty::-webkit-outer-spin-button,
  .nf-qty input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
  }
  .nf-qty input.qty:focus {
    outline: none !important;
    background: #fafafa !important;
  }
}

/* ===== Minicart buttons: all match "Töm varukorgen" =====
   The share-cart module hard-codes background-color:#1979c3 inline on
   "Ladda ner PDF", "Dela varukorgen" and "Spara Varukorg". !important
   in a stylesheet beats a non-important inline style. */
.block-minicart .checkout-methods-items button.action.checkout,
.block-minicart .checkout-methods-items #empty_cart_button,
.block-minicart .checkout-methods-items #btnpop,
.block-minicart .checkout-methods-items #submitbtn {
  background: #3cbdec !important;
  background-color: #3cbdec !important;
  color: #000 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: background 0.15s ease !important;
}
.block-minicart .checkout-methods-items button.action.checkout a,
.block-minicart .checkout-methods-items button.action.checkout i {
  color: #000 !important;
  text-decoration: none !important;
}
.block-minicart .checkout-methods-items button.action.checkout:hover,
.block-minicart .checkout-methods-items button.action.checkout:focus,
.block-minicart .checkout-methods-items button.action.checkout:active {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
}
/* Icons + link text follow the button on hover (were stuck on black) */
.block-minicart .checkout-methods-items button.action.checkout:hover a,
.block-minicart .checkout-methods-items button.action.checkout:hover i,
.block-minicart .checkout-methods-items button.action.checkout:hover svg,
.block-minicart .checkout-methods-items button.action.checkout:focus a,
.block-minicart .checkout-methods-items button.action.checkout:focus i,
.block-minicart .checkout-methods-items button.action.checkout:active a,
.block-minicart .checkout-methods-items button.action.checkout:active i {
  color: #fff !important;
  fill: #fff !important;
}

/* ===== Mobile: never let the page get wider than the screen =====
   The page uses maximum-scale=1, so phones can't zoom out. Any element
   wider than the screen makes the whole layout viewport wider, and then
   everything fixed to the screen edge (mobile menu, search band, minicart
   slideout) lines up with the wider page and ends up partly off-screen.
   html: hidden (goes to the viewport); body: clip (does NOT turn body into
   a scroll container, so window scrolling and the sticky header still work). */
@media (max-width: 1024px) {
  html {
    overflow-x: hidden !important;
  }
  body {
    overflow-x: clip !important;
    max-width: 100% !important;
  }
}

/* Theme slideouts (account/minicart dialogs): never wider than the screen */
@media (max-width: 768px) {
  .ox-dialog {
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }
  /* Header buttons must not squash into each other */
  .nf-header .slide-out-menu--mobile,
  .nf-header .flex-right > * {
    flex-shrink: 0 !important;
  }
}

/* Mobile search band: everything inside must shrink to fit */
.nf-mobile-search-band,
.nf-mobile-search-band * {
  box-sizing: border-box !important;
}
.nf-mobile-search-band {
  width: 100% !important;
  max-width: 100vw !important;
}
.nf-mobile-search-band .nf-msb-inner,
.nf-mobile-search-band form {
  min-width: 0 !important;
  max-width: 100% !important;
}
.nf-mobile-search-band form {
  flex: 1 1 auto !important;
  display: flex !important;
}
.nf-mobile-search-band input[type="text"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
.nf-mobile-search-band .nf-msb-submit,
.nf-mobile-search-band .nf-msb-close {
  flex: 0 0 44px !important;
  margin: 0 !important;
}

/* Trust banner: on small phones (≤400px) the three items didn't fit on
   one nowrap line and pushed the page wider. Tighten it up. */
.nf-trust-banner {
  overflow: hidden;
  max-width: 100%;
}
@media (max-width: 400px) {
  .nf-trust-banner {
    padding: 8px 8px;
  }
  .nf-trust-banner__inner {
    gap: 6px;
  }
  .nf-trust-banner__item,
  .nf-trust-banner__google {
    font-size: 10.5px;
    gap: 4px;
  }
  .nf-trust-banner__google {
    padding: 4px 7px;
  }
  .nf-trust-banner__stars svg {
    width: 10px;
    height: 10px;
  }
}
@media (max-width: 350px) {
  .nf-trust-banner__stars {
    display: none;
  }
}

/* ===== Mobile search band buttons: white icons on dark =====
   The theme's button styles were overriding ours, leaving a dark X on a
   dark button. */
.nf-mobile-search-band .nf-msb-submit,
.nf-mobile-search-band .nf-msb-close {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 44px !important;
  cursor: pointer !important;
}
.nf-mobile-search-band .nf-msb-submit i,
.nf-mobile-search-band .nf-msb-close i {
  color: #fff !important;
  font-size: 16px !important;
}
.nf-mobile-search-band .nf-msb-submit:hover,
.nf-mobile-search-band .nf-msb-close:hover,
.nf-mobile-search-band .nf-msb-submit:focus,
.nf-mobile-search-band .nf-msb-close:focus {
  background: #3cbdec !important;
  background-color: #3cbdec !important;
  color: #000 !important;
}
.nf-mobile-search-band .nf-msb-submit:hover i,
.nf-mobile-search-band .nf-msb-close:hover i,
.nf-mobile-search-band .nf-msb-submit:focus i,
.nf-mobile-search-band .nf-msb-close:focus i {
  color: #000 !important;
}

/* ===== Kill the theme's button hover overlay =====
   Athlete2 animates button hovers with a dark ::before/::after layer that
   slides over the button and hides the icon. (Same fix as the qty buttons.)
   NOT applied to the minicart buttons: the theme uses those layers to draw
   them, so removing them broke 3 of the 4 buttons. */
.nf-mobile-search-band .nf-msb-submit::before,
.nf-mobile-search-band .nf-msb-submit::after,
.nf-mobile-search-band .nf-msb-close::before,
.nf-mobile-search-band .nf-msb-close::after,
.nf-header .nf-mobile-search-btn::before,
.nf-header .nf-mobile-search-btn::after {
  display: none !important;
  content: none !important;
}
/* Keep icons above anything the theme might still layer in */
.nf-mobile-search-band .nf-msb-submit i,
.nf-mobile-search-band .nf-msb-close i,
.nf-header .nf-mobile-search-btn i,
.block-minicart .checkout-methods-items button.action.checkout i,
.block-minicart .checkout-methods-items button.action.checkout a {
  position: relative !important;
  z-index: 2 !important;
}

/* ===== Sticky header (while scrolling) =====
   The theme adds .ox-sticky.sticky to .page-header when it sticks and paints
   it grey (#343434). Make it black like the trust banner, with a white logo
   and the same blue line underneath. Normal (non-sticky) header unchanged. */
.page-header.ox-sticky.sticky .sticky-wrapper,
.page-header.ox-sticky.sticky.resize .sticky-wrapper,
.menu-position--below .page-header.ox-sticky.sticky.resize .sticky-wrapper {
  background: #0a0a0a !important;
  background-color: #0a0a0a !important;
  border-bottom: 3px solid #3cbdec !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
}
.page-header.ox-sticky.sticky .nf-header .logo__container .logo img {
  filter: brightness(0) invert(1) !important;
}
.page-header.ox-sticky.sticky .nf-header.header__content {
  padding: 8px 0 !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
}
/* The theme's sticky bar is shorter than the normal header, so the full-size
   logo got its top cut off. Scale it down (aspect ratio kept) while sticky. */
.page-header.ox-sticky.sticky .nf-header .logo__container,
.page-header.ox-sticky.sticky .nf-header .logo__container .logo {
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  height: auto !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
}
.page-header.ox-sticky.sticky .nf-header .logo__container .logo img {
  max-height: 42px !important;
  max-width: 230px !important;
  height: auto !important;
  width: auto !important;
}
/* When sticky, the theme moves the main menu into the left column next to
   the search, where it was squeezing the search and poking out underneath.
   Hide it there on desktop; the search gets the full middle space. */
@media (min-width: 1025px) {
  .page-header.ox-sticky.sticky .nf-header .flex-left .ox-megamenu {
    display: none !important;
  }
}

/* Sticky: vertically centre the logo (theme pushes it down with its own
   offsets in sticky mode). Reset every layer: container, link, picture, img. */
.page-header.ox-sticky.sticky .nf-header .logo__container {
  align-self: center !important;
  position: static !important;
  top: auto !important;
  transform: none !important;
}
.page-header.ox-sticky.sticky .nf-header .logo__container .logo,
.page-header.ox-sticky.sticky .nf-header .logo__container picture,
.page-header.ox-sticky.sticky .nf-header .logo__container .logo img {
  display: block !important;
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  vertical-align: middle !important;
}
.page-header.ox-sticky.sticky .nf-header.header__content {
  align-items: center !important;
}

/* =====================================================================
   STARTSIDA G "BUTIK FÖRST" – used by the Home Page CMS content (nfg-*)
   ===================================================================== */
.nfg, .nfg * { box-sizing: border-box; }
.nfg { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #1a1a1a; max-width: 1380px; margin: 0 auto; display: flex; flex-direction: column; gap: 48px; }
.nfg a { text-decoration: none; }
.nfg h2, .nfg h3 { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; }

/* ---------- USP strip ---------- */
.nfg-usp { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px; background: #fff; border: 1px solid #e0e0d8; padding: 14px 22px; }
.nfg-usp__item { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #1a1a1a; }
.nfg-usp__item strong { text-transform: uppercase; }
.nfg-usp__item svg { width: 22px; height: 22px; flex-shrink: 0; stroke: #006898; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- Category cards ---------- */
.nfg-cats { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 10px; }
.nfg-cat { background: #fff; border: 1px solid #e0e0d8; display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 12px 12px 16px; color: #1a1a1a !important; text-align: center; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.nfg-cat:hover { border-color: #3cbdec; box-shadow: 0 6px 20px rgba(0,0,0,.08); transform: translateY(-2px); }
.nfg-cat__img { width: 100%; aspect-ratio: 4 / 3; overflow: hidden; background: #f4f4f1; }
.nfg-cat__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
.nfg-cat:hover .nfg-cat__img img { transform: scale(1.06); }
.nfg-cat__name { font-weight: 800; font-size: 13px; text-transform: uppercase; letter-spacing: .3px; line-height: 1.25; }

/* ---------- Gympaket banner + offert box ---------- */
.nfg-promo { display: flex; flex-wrap: wrap; gap: 14px; }
.nfg-banner { flex: 2 1 560px; min-height: 280px; position: relative; overflow: hidden; background: #23292e; color: #fff !important; padding: 36px; display: flex; flex-direction: column; justify-content: flex-end; gap: 12px; }
.nfg-banner img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(.5); transition: transform .5s ease, filter .3s ease; }
.nfg-banner:hover img { transform: scale(1.04); filter: brightness(.6); }
.nfg-banner > span { position: relative; }
.nfg-banner__tag { align-self: flex-start; background: #3cbdec; color: #000; font-size: 11px; font-weight: 800; letter-spacing: 1.5px; padding: 5px 10px; text-transform: uppercase; }
.nfg-banner__title { font-weight: 900; font-size: 36px; line-height: 1; text-transform: uppercase; max-width: 560px; }
.nfg-banner__link { font-weight: 700; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; color: #3cbdec; }
.nfg-offert { flex: 1 1 300px; min-height: 280px; background: #3cbdec; color: #000 !important; padding: 36px; display: flex; flex-direction: column; justify-content: space-between; gap: 16px; transition: background .2s ease; }
.nfg-offert:hover { background: #2aa9d8; }
.nfg-offert__title { font-weight: 900; font-size: 26px; line-height: 1.05; text-transform: uppercase; }
.nfg-offert__text { font-size: 14px; line-height: 1.55; }
.nfg-offert__btn { align-self: flex-start; display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; background: #0a0a0a; color: #fff; font-weight: 700; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; }

/* ---------- Product shelf with tabs ---------- */
.nfg-shelf { background: #fff; border: 1px solid #e0e0d8; padding: 24px 28px 28px; }
.nfg-shelf__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 12px; border-bottom: 1px solid #e0e0d8; margin-bottom: 22px; }
.nfg-tabs { display: flex; gap: 4px; }
.nfg-tab { min-height: 48px; padding: 0 22px; border: 0 !important; border-bottom: 4px solid transparent !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; font-family: inherit; font-weight: 900; font-size: 18px; text-transform: uppercase; color: #6b6b66 !important; cursor: pointer; margin: 0 0 -1px; }
.nfg-tab::before, .nfg-tab::after { display: none !important; content: none !important; }
.nfg-tab[aria-selected="true"] { color: #1a1a1a !important; border-bottom-color: #3cbdec !important; }
.nfg-tab:hover { color: #1a1a1a !important; }
.nfg-shelf__all { font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #006898 !important; padding-bottom: 14px; }
.nfg-shelf__all:hover { color: #3cbdec !important; }
.nfg-shelf__all[hidden] { display: none !important; }
/* Hidden panel keeps its width (not display:none) so the product slider measures correctly */
.nfg-panel[hidden] { display: block !important; height: 0; overflow: hidden; visibility: hidden; }

/* ---------- Shared heading + button ---------- */
.nfg-h2 { margin: 0 !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 900 !important; font-size: 24px !important; text-transform: uppercase !important; letter-spacing: .3px !important; padding-bottom: 12px !important; border-bottom: 4px solid #3cbdec; align-self: flex-start; line-height: 1.2 !important; color: #006898 !important; }
.nfg-btn { display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; background: #3cbdec; color: #000 !important; font-weight: 700; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap; transition: background .2s ease, color .2s ease; }
.nfg-btn:hover { background: #fff; color: #000 !important; }

/* Switcher panels (Företaget + Nöjda kunder): stacked in one grid cell, fade between */
.nfg-story__stage, .nfg-cases__stage { display: grid; position: relative; }
.nfg-story__panel, .nfg-case { grid-area: 1 / 1; opacity: 0; visibility: hidden; transition: opacity .5s ease, visibility 0s linear .5s; }
.nfg-story__panel.is-active, .nfg-case.is-active { opacity: 1; visibility: visible; transition: opacity .5s ease, visibility 0s; }

/* ---------- Företaget: black fact list + photo ---------- */
.nfg-story { display: grid; grid-template-columns: minmax(300px, 2fr) 3fr; background: #0a0a0a; }
.nfg-story__nav { padding: 36px; display: flex; flex-direction: column; gap: 22px; }
.nfg-story .nfg-h2 { color: #fff !important; }
.nfg-story__list { display: flex; flex-direction: column; }
.nfg-story__tab { display: flex !important; gap: 16px; align-items: baseline; width: 100%; min-height: 0 !important; padding: 13px 0 13px 14px !important; margin: 0 !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid #2a2a2a !important; border-left: 3px solid transparent !important; border-radius: 0 !important; box-shadow: none !important; text-align: left; cursor: pointer; font-family: inherit; text-transform: none !important; letter-spacing: 0 !important; transition: border-color .2s ease, background .2s ease !important; }
.nfg-story__tab::before, .nfg-story__tab::after { display: none !important; content: none !important; }
.nfg-story__tab b { font-weight: 900; font-size: 20px; color: #3cbdec; min-width: 110px; flex-shrink: 0; line-height: 1.3; }
.nfg-story__tab span { color: #a8a8a8; font-size: 14px; line-height: 1.5; transition: color .2s ease; }
.nfg-story__tab:hover span, .nfg-story__tab.is-active span { color: #fff; }
.nfg-story__tab.is-active { border-left-color: #3cbdec !important; background: rgba(60,189,236,.08) !important; }
.nfg-story__stage { min-height: 440px; }
.nfg-story__panel { margin: 0; position: relative; overflow: hidden; background: #1a1d20; }
.nfg-story__panel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.nfg-story__panel figcaption { position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 20px; padding: 20px 24px; background: rgba(10,10,10,.82); color: #fff; font-weight: 800; font-size: 20px; line-height: 1.25; text-transform: uppercase; }

/* ---------- Nöjda kunder: photo + black case panel + name nav ---------- */
.nfg-cases { background: #fff; border: 1px solid #e0e0d8; padding: 36px; display: flex; flex-direction: column; gap: 24px; }
.nfg-cases__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 12px 24px; }
.nfg-cases__sub { font-size: 14px; color: #555; max-width: 520px; }
.nfg-case { display: grid; grid-template-columns: 3fr 2fr; min-height: 460px; background: #0a0a0a; }
.nfg-case__img { position: relative; overflow: hidden; background: #1a1d20; }
.nfg-case__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.nfg-case__body { padding: 32px; display: flex; flex-direction: column; gap: 12px; color: #fff; border-top: 4px solid #3cbdec; }
.nfg-case__logo { height: 52px; display: flex; align-items: center; }
.nfg-case__logo img { max-height: 52px; max-width: 190px; width: auto; height: auto; object-fit: contain; }
.nfg-case__title { margin: 0 !important; color: #fff !important; font-size: 26px !important; font-weight: 900 !important; text-transform: uppercase; line-height: 1.1 !important; }
.nfg-case__tagline { margin: 0 !important; color: #3cbdec !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 0; text-transform: none; line-height: 1.45 !important; }
.nfg-case__text { margin: 0 !important; color: #c4c4c4 !important; font-size: 14px !important; line-height: 1.65 !important; }
.nfg-case .nfg-btn { align-self: flex-start; margin-top: auto; }
.nfg-cases__nav { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 8px; }
.nfg-cases__tab { min-height: 52px !important; padding: 0 12px !important; margin: 0 !important; background: #fff !important; border: 1px solid #e0e0d8 !important; border-radius: 0 !important; box-shadow: none !important; color: #333 !important; font-family: inherit; font-weight: 700 !important; font-size: 13px !important; text-transform: none !important; letter-spacing: 0 !important; line-height: 1.25 !important; cursor: pointer; transition: border-color .2s ease, background .2s ease, color .2s ease !important; }
.nfg-cases__tab::before, .nfg-cases__tab::after { display: none !important; content: none !important; }
.nfg-cases__tab:hover { border-color: #3cbdec !important; color: #006898 !important; }
.nfg-cases__tab.is-active { background: #0a0a0a !important; border-color: #0a0a0a !important; color: #fff !important; box-shadow: inset 0 -3px 0 #3cbdec !important; }


/* ---------- Theme overrides for the switchers (theme forces nowrap etc. on buttons) ---------- */
.nfg-story, .nfg-story > *, .nfg-cases, .nfg-cases > *, .nfg-case > * { min-width: 0; }
.nfg-story__tab, .nfg-story__tab *, .nfg-cases__tab, .nfg-story__panel figcaption, .nfg-story__panel figcaption * {
  white-space: normal !important; overflow-wrap: anywhere; word-break: normal;
}
.nfg-story__tab, .nfg-cases__tab { height: auto !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; }
.nfg-story__tab b { font-weight: 900 !important; }
.nfg-story__tab span { font-weight: 500 !important; }
.nfg-story__panel figcaption { flex-wrap: nowrap; text-transform: none; font-size: inherit; }
.nfg-story__cap { display: flex; flex-direction: column; gap: 4px; min-width: 0; font-weight: 800; font-size: 20px; line-height: 1.25; color: #fff; }
.nfg-story__cap small { font-size: 12px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #3cbdec; }
.nfg-story__panel figcaption .nfg-btn { flex-shrink: 0; }
.nfg-case__title { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; text-transform: uppercase !important; }
@media (max-width: 640px) {
  .nfg-story__panel figcaption { flex-direction: column; align-items: flex-start; }
  .nfg-story__cap { font-size: 16px; }
  .nfg-story__stage { aspect-ratio: 4 / 3 !important; }
  .nfg-story__tab { padding: 12px 0 12px 10px !important; gap: 12px; }
  .nfg-case .nfg-btn { margin-top: 6px; }
}

/* ---------- Puffar ---------- */
.nfg-puffs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.nfg-puff { background: #fff; border: 1px solid #e0e0d8; display: flex; color: #1a1a1a !important; transition: border-color .2s ease, box-shadow .2s ease; }
.nfg-puff:hover { border-color: #3cbdec; box-shadow: 0 6px 20px rgba(0,0,0,.08); }
.nfg-puff__img { flex: 0 0 160px; overflow: hidden; background: #d9dde1; }
.nfg-puff__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
.nfg-puff:hover .nfg-puff__img img { transform: scale(1.06); }
.nfg-puff__body { padding: 20px 22px; display: flex; flex-direction: column; gap: 8px; }
.nfg-puff__title { margin: 0 !important; color: #006898 !important; font-size: 16px !important; font-weight: 800 !important; text-transform: uppercase; line-height: 1.3 !important; }
.nfg-puff__text { margin: 0 !important; font-size: 13px !important; line-height: 1.55 !important; color: #444 !important; }
.nfg-puff__more { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #006898; margin-top: auto; }

/* ---------- Reviews feed (EmbedSocial) ---------- */
.nfg-reviews { display: flex; flex-direction: column; gap: 20px; }

/* ---------- Välj oss (full-width black band) ---------- */
.nfg-why { width: 100vw; margin-left: calc(50% - 50vw); background: #0a0a0a; border-top: 3px solid #3cbdec; padding: 44px 24px; }
.nfg-why__grid { max-width: 1380px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.nfg-why__card { background: #151515; border: 1px solid #2a2a2a; padding: 26px 28px; display: flex; flex-direction: column; gap: 14px; transition: border-color .2s ease; }
.nfg-why__card:hover { border-color: #3cbdec; }
.nfg-why__head { display: flex; align-items: center; gap: 16px; }
.nfg-why__icon { width: 52px; height: 52px; background: #3cbdec; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.nfg-why__icon svg { width: 24px; height: 24px; stroke: #000; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.nfg-why__title { margin: 0 !important; font-size: 19px !important; color: #fff !important; text-transform: uppercase; font-weight: 700 !important; line-height: 1.2 !important; }
.nfg-why__text { margin: 0 !important; font-size: 13.5px !important; line-height: 1.7 !important; color: #bbb !important; }
.nfg-why__text a { color: #3cbdec !important; border-bottom: 1px solid rgba(60,189,236,.4); }
.nfg-why__text a:hover { color: #fff !important; border-bottom-color: #fff; }

/* ---------- AAA badge ---------- */
.nfg-aaa { display: flex; justify-content: center; padding: 8px 0 16px; }
.nfg-aaa img { max-height: 90px; width: auto; }

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
  .nfg-cats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .nfg-puffs, .nfg-why__grid { grid-template-columns: 1fr; }
  .nfg-story { grid-template-columns: 1fr; }
  .nfg-story__stage { order: -1; min-height: 0; aspect-ratio: 16 / 10; }
  .nfg-case { grid-template-columns: 1fr; grid-template-rows: 240px auto; min-height: 0; }
}
@media (max-width: 640px) {
  .nfg { gap: 32px; }
  .nfg-usp { padding: 12px 14px; }
  .nfg-usp__item { font-size: 13px; }
  .nfg-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .nfg-banner, .nfg-offert { padding: 24px; min-height: 0; }
  .nfg-story__nav, .nfg-cases { padding: 20px; }
  .nfg-story__tab b { min-width: 86px; font-size: 17px; }
  .nfg-story__panel figcaption { font-size: 15px; padding: 14px 16px; }
  .nfg-case__body { padding: 22px; }
  .nfg-case__title { font-size: 21px !important; }
  .nfg-cases__nav { display: flex; overflow-x: auto; gap: 6px; padding-bottom: 6px; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; }
  .nfg-cases__tab { flex: 0 0 auto; min-height: 44px !important; padding: 0 14px !important; white-space: nowrap; }
  .nfg-banner { min-height: 240px; }
  .nfg-banner__title { font-size: 26px; }
  .nfg-shelf { padding: 16px; }
  .nfg-tab { font-size: 14px; padding: 0 12px; }
  .nfg-puff__img { flex-basis: 110px; }
  .nfg-why { padding: 32px 16px; }
}

/* =====================================================================
   KATEGORISIDA K2 "FILTER ÖVERST" (all category pages, nfk-*)
   Built by nf-custom.js on top of the theme's own markup – nothing in
   Magento templates is changed. Swissup layered navigation stays the
   engine: our bar just forwards clicks to its filter links.
   ===================================================================== */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .column.main { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }

/* ---------- Title + USP chips ---------- */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .page-title-wrapper { margin: 8px 0 12px !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .page-title-wrapper .page-title {
  margin: 0 !important; display: inline-block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 900 !important; font-size: 40px !important; line-height: 1.05 !important; text-transform: uppercase !important;
  color: #1a1a1a !important; padding-bottom: 14px !important; border-bottom: 4px solid #3cbdec;
}
.nfk-usp { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.nfk-usp span { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1px solid #e0e0d8; padding: 8px 12px; font-size: 13px; font-weight: 800; text-transform: uppercase; color: #1a1a1a; }
.nfk-usp svg { width: 18px; height: 18px; stroke: #006898; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }

/* ---------- Description: clamped + "Läs mer" ---------- */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .category-description { position: relative; max-width: 900px; margin: 0 0 6px !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .category-description [data-element="inner"] { padding: 0 !important; margin: 0 !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .category-description p { font-size: 15px !important; line-height: 1.6 !important; color: #444 !important; margin: 0 0 8px !important; }
.nfk-desc-clamped { max-height: 4.9em; overflow: hidden; }
.nfk-desc-clamped::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2.2em; background: linear-gradient(rgba(239,240,243,0), #eff0f3); pointer-events: none; }
button.nfk-more { display: inline-block; margin: 0 0 18px !important; padding: 0 !important; min-height: 0 !important; height: auto !important; border: 0 !important; background: none !important; box-shadow: none !important; color: #006898 !important; font-family: inherit !important; font-weight: 700 !important; font-size: 14px !important; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer; }
button.nfk-more::before, button.nfk-more::after { display: none !important; content: none !important; }
button.nfk-more:hover { color: #0a0a0a !important; }

/* ---------- Shared button reset (theme styles every <button>) ---------- */
.nfk-subcats button, .nfk-bar button, .nfk-drawer-close {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: 0 !important; box-shadow: none !important;
  border-radius: 0 !important; margin: 0 !important; height: auto !important; line-height: 1.2 !important; white-space: nowrap !important; cursor: pointer;
}
.nfk-subcats button::before, .nfk-subcats button::after, .nfk-bar button::before, .nfk-bar button::after, .nfk-drawer-close::before, .nfk-drawer-close::after { display: none !important; content: none !important; }

/* ---------- Subcategory buttons ---------- */
.nfk-subcats { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
.nfk-subcats button { display: inline-flex !important; align-items: center; gap: 8px; min-height: 44px !important; padding: 0 16px !important; background: #fff !important; border: 1px solid #e0e0d8 !important; color: #1a1a1a !important; font-weight: 800 !important; font-size: 13px !important; text-transform: uppercase !important; transition: border-color .2s ease !important; }
.nfk-subcats button:hover { border-color: #3cbdec !important; }
.nfk-subcats button small { font-weight: 500; color: #6b6b66; font-size: 13px; }
.nfk-subcats button[aria-pressed="true"] { background: #0a0a0a !important; border-color: #0a0a0a !important; color: #fff !important; }
.nfk-subcats button[aria-pressed="true"] small { color: #c4c4c4; }

/* ---------- Filter bar (sits on top of the theme toolbar, one white box) ---------- */
.nfk-bar { background: #fff; border: 1px solid #e0e0d8; border-bottom: 0; padding: 14px 16px; display: flex; flex-direction: column; gap: 12px; }
.nfk-bar__row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; }
.nfk-seg { display: flex; flex-wrap: wrap; border: 1px solid #0a0a0a; }
.nfk-seg button { min-height: 44px !important; padding: 0 16px !important; border: 0 !important; background: #fff !important; color: #1a1a1a !important; font-weight: 800 !important; font-size: 12px !important; letter-spacing: 1px !important; text-transform: uppercase !important; }
.nfk-seg button:hover { background: #e3f4fb !important; }
.nfk-seg button[aria-pressed="true"] { background: #0a0a0a !important; color: #fff !important; }
.nfk-drops { display: flex; flex-wrap: wrap; gap: 8px; }
.nfk-drops button { display: inline-flex !important; align-items: center; gap: 8px; min-height: 44px !important; padding: 0 14px !important; border: 1px solid #d4d4cf !important; background: #fff !important; color: #1a1a1a !important; font-weight: 700 !important; font-size: 13px !important; text-transform: none !important; }
.nfk-drops button:hover { border-color: #3cbdec !important; }
.nfk-drops button svg { width: 12px; height: 12px; stroke: currentColor; fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.nfk-drops button.nfk-all { background: #0a0a0a !important; border-color: #0a0a0a !important; color: #fff !important; }
.nfk-active { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.nfk-active:empty { display: none; }
.nfk-active button { min-height: 32px !important; padding: 0 10px !important; border: 0 !important; background: #e3f4fb !important; color: #00445f !important; font-weight: 700 !important; font-size: 12px !important; text-transform: none !important; }
.nfk-active button.nfk-clear { background: none !important; color: #006898 !important; text-decoration: underline; }
.nfk-qinfo { margin: 0 !important; padding: 12px 14px; font-size: 14px !important; line-height: 1.5 !important; }
.nfk-qinfo strong { text-transform: uppercase; }
/* theme toolbar becomes the bottom row of the same box */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .nfk-bar + .toolbar.toolbar-products { background: #fff; border: 1px solid #e0e0d8; border-top: 1px solid #ecece6; padding: 8px 16px !important; margin: 0 0 18px !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .toolbar .filters-action { display: none !important; } /* replaced by our bar */

/* ---------- Product grid: full width, 4 columns ---------- */
@media (min-width: 1025px) {
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready.page-layout-2columns-left .column.main { width: 100% !important; max-width: 100% !important; float: none !important; padding-left: 0 !important; padding-right: 0 !important; flex: 1 1 100% !important; }
}
@media (min-width: 1200px) {
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-items > li.product-item { flex: 1 1 calc(25% - 13.5px) !important; max-width: calc(25% - 13.5px) !important; }
}
/* quality badge on top of the image, tooltip still on hover */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-name > br { display: none !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .quality-commercial,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .quality-semi,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .quality-home {
  position: absolute !important; top: 10px; right: 10px; z-index: 6; margin: 0 !important; cursor: help;
  font-size: 10px !important; font-weight: 800 !important; letter-spacing: 1px !important; text-transform: uppercase !important; padding: 4px 8px !important;
}
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .quality-tooltip { left: auto !important; right: 0 !important; width: 240px; max-width: 70vw; text-transform: none !important; letter-spacing: 0 !important; font-weight: 500 !important; }
.nfk-stock { display: block; margin-top: 6px; font-size: 12px; font-weight: 600; }
.nfk-stock--in { color: #2f6b00; }
.nfk-stock--out { color: #8a5a00; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .stock-notification-button { background: #fff !important; color: #0a0a0a !important; border: 1.5px solid #0a0a0a !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .stock-notification-button:hover { background: #0a0a0a !important; color: #fff !important; }

/* offert card in the grid */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-items > li.nfk-promo { background: #0a0a0a !important; border: 0 !important; border-top: 4px solid #3cbdec !important; padding: 0 !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-items > li.nfk-promo::before { display: none !important; }
.nfk-promo a { display: flex; flex-direction: column; justify-content: space-between; gap: 16px; height: 100%; min-height: 340px; padding: 28px; color: #fff !important; text-decoration: none !important; }
.nfk-promo__kicker { font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #3cbdec; }
.nfk-promo__title { font-weight: 900; font-size: 26px; line-height: 1.05; text-transform: uppercase; }
.nfk-promo__text { font-size: 14px; line-height: 1.55; color: #c4c4c4; }
.nfk-promo__btn { align-self: flex-start; display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; background: #3cbdec; color: #000; font-weight: 700; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; }
.nfk-promo a:hover .nfk-promo__btn { background: #fff; }

/* ---------- Quality guide under the products ---------- */
.nfk-guide { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 28px 0 8px; }
.nfk-guide__card { background: #fff; border: 1px solid #e0e0d8; padding: 22px; display: flex; flex-direction: column; gap: 10px; }
.nfk-guide__card .nfk-q { align-self: flex-start; font-size: 12px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 6px 10px; }
.nfk-guide__card p { margin: 0 !important; font-size: 14px !important; line-height: 1.6 !important; color: #444 !important; }
.nfk-guide__card a { font-size: 13px; font-weight: 700; color: #006898 !important; text-decoration: none !important; margin-top: auto; }
.nfk-q { background: #f4f4f1; color: #1a1a1a; } /* real badge colours are copied in by nf-custom.js */

/* ---------- Desktop: the filter column slides out from the LEFT ----------
   Sits above the sticky header/logo (very high z-index), full screen height. */
@media (min-width: 1025px) {
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .sidebar-main {
    position: fixed !important; top: 0 !important; left: 0 !important; bottom: 0 !important; z-index: 2147483001 !important;
    width: 400px !important; max-width: 90vw !important; max-height: none !important; margin: 0 !important; padding: 70px 26px 26px !important;
    float: none !important; order: 0 !important; box-sizing: border-box !important;
    background: #fff !important; border: 0 !important; border-right: 4px solid #3cbdec !important; box-shadow: 0 0 50px rgba(0,0,0,.3);
    overflow-y: auto !important; display: block !important;
    transform: translateX(-105%); transition: transform .3s ease; visibility: hidden;
  }
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready.nfk-drawer-open .sidebar-main { transform: none; visibility: visible; }
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .sidebar-additional { display: none !important; }
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .sidebar-main #layered-filter-block { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .sidebar-main .filter-title { display: none !important; }
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .sidebar-main .filter-content { display: flex !important; flex-direction: column; gap: 18px; }
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .sidebar-main .filter-options-item {
    margin: 0 !important; padding: 0 0 6px !important; border: 0 !important; border-top: 3px solid #0a0a0a !important; background: none !important; box-shadow: none !important;
  }
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .sidebar-main .filter-options-title {
    padding: 12px 0 8px !important; margin: 0 !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 15px !important; font-weight: 900 !important; letter-spacing: .5px !important; text-transform: uppercase !important; color: #1a1a1a !important;
  }
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .sidebar-main .filter-options-content { padding: 0 !important; margin: 0 !important; }
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .sidebar-main .filter-options-content .item { display: flex !important; align-items: center; gap: 8px; margin: 0 0 8px !important; }
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .sidebar-main .filter-options-content .item .swissup-filter-item-checkbox { flex: 0 0 auto; margin: 0 !important; }
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .sidebar-main .filter-options-content a { color: #1a1a1a !important; font-size: 14px !important; }
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .sidebar-main .filter-options-content .count { color: #6b6b66 !important; font-size: 12px !important; }
}
/* light dim behind the panel – above the header too, so nothing pokes through */
.nfk-backdrop { display: none; position: fixed; inset: 0; z-index: 2147483000; background: transparent; } /* no dimming – only catches clicks outside the panel */
body.nfk-drawer-open .nfk-backdrop { display: block; }
.nfk-drawer-close { position: absolute !important; top: 16px; right: 16px; z-index: 2; width: 44px !important; height: 44px !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; background: #f0f0ea !important; color: #1a1a1a !important; font-size: 18px !important; display: flex !important; align-items: center; justify-content: center; }
.nfk-drawer-close:hover { background: #0a0a0a !important; color: #fff !important; }
.nfk-drawer-head { position: absolute; top: 24px; left: 26px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 900; font-size: 20px; text-transform: uppercase; color: #1a1a1a; }
@media (max-width: 1024px) { .nfk-drawer-close, .nfk-backdrop, .nfk-drawer-head { display: none !important; } }
.nfk-flash { animation: nfkFlash 1.4s ease; }
@keyframes nfkFlash { 0%, 45% { background: #e3f4fb; } 100% { background: transparent; } }
.nfk-drops button[aria-expanded="true"] { border-color: #0a0a0a !important; background: #0a0a0a !important; color: #fff !important; }

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
  .nfk-guide { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .page-title-wrapper .page-title { font-size: 28px !important; }
  .nfk-usp { display: none; }
  .nfk-subcats { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; -webkit-overflow-scrolling: touch; }
  .nfk-subcats button { flex: 0 0 auto; }
  .nfk-bar { padding: 12px; }
  .nfk-seg { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nfk-seg button { padding: 0 8px !important; font-size: 11px !important; letter-spacing: .5px !important; white-space: normal !important; }
  .nfk-drops { width: 100%; }
  .nfk-drops button { flex: 1 1 auto; justify-content: center; }
  .nfk-drops button:not(.nfk-all) { display: none !important; } /* phones: one "Filter" button opens the panel */
}

/* =====================================================================
   PRODUKTSIDA P1 "KLASSISK" (all product pages, nfp-*)
   Simple, grouped and bundle. Every rule is gated on body.nfp-ready, which
   nf-custom.js sets only after it has rearranged the page – a stale or
   failed script leaves the normal theme layout instead of a broken one.
   ===================================================================== */
body.catalog-product-view.nfp-ready .column.main { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
body.catalog-product-view.nfp-ready .column.main > .product.media,
body.catalog-product-view.nfp-ready .column.main > .product-info-main {
  width: 100% !important; max-width: none !important; float: none !important; margin: 0 !important; box-sizing: border-box;
}

/* ---------- Layout: top = gallery | buy box, then everything full width ---------- */
@media (min-width: 1025px) {
  body.catalog-product-view.nfp-ready .column.main {
    display: grid !important; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: 20px; align-items: start;
  }
  body.catalog-product-view.nfp-ready .column.main > * { grid-column: 1 / -1; min-width: 0; }
  body.catalog-product-view.nfp-ready .column.main > .product.media { grid-column: 1; grid-row: 1; }
  body.catalog-product-view.nfp-ready .column.main > .nfp-video { grid-column: 1; grid-row: 2; }
  body.catalog-product-view.nfp-ready .column.main > .product-info-main { grid-column: 2; grid-row: 1 / span 2; }
}
@media (max-width: 1024px) {
  body.catalog-product-view.nfp-ready .column.main { display: flex !important; flex-direction: column; }
  body.catalog-product-view.nfp-ready .column.main > * { order: 3; }
  body.catalog-product-view.nfp-ready .column.main > .product.media { order: 0; }
  body.catalog-product-view.nfp-ready .column.main > .product-info-main { order: 1; }
  body.catalog-product-view.nfp-ready .column.main > .nfp-video { order: 2; }
}

/* ---------- Gallery + quality badge on the image ---------- */
body.catalog-product-view.nfp-ready .product.media { position: relative; background: #fff; border: 1px solid #e0e0d8; padding: 12px !important; }
body.catalog-product-view.nfp-ready .product.media > .ProductAttributeQuality { position: absolute; top: 14px; right: 14px; z-index: 20; margin: 0 !important; }
body.catalog-product-view.nfp-ready .ProductAttributeQuality .quality-commercial,
body.catalog-product-view.nfp-ready .ProductAttributeQuality .quality-semi,
body.catalog-product-view.nfp-ready .ProductAttributeQuality .quality-home {
  display: inline-block !important; margin: 0 !important; padding: 6px 10px !important; cursor: help;
  font-size: 11px !important; font-weight: 800 !important; letter-spacing: 1px !important; text-transform: uppercase !important;
}
body.catalog-product-view.nfp-ready .ProductAttributeQuality .quality-tooltip { right: 0 !important; left: auto !important; width: 260px; text-transform: none !important; letter-spacing: 0 !important; font-weight: 500 !important; }
body.catalog-product-view.nfp-ready .nfp-video { margin-top: 14px; background: #0a0a0a; }
body.catalog-product-view.nfp-ready .nfp-video .nfvid-x7k2-wrapper { margin: 0 !important; }

/* ---------- Buy box ---------- */
body.catalog-product-view.nfp-ready .column.main > .product-info-main {
  background: #fff !important; border: 1px solid #e0e0d8 !important; border-top: 4px solid #3cbdec !important;
  padding: 32px !important; display: flex !important; flex-direction: column; gap: 14px;
}
body.catalog-product-view.nfp-ready .product-info-main > * { margin: 0 !important; }
body.catalog-product-view.nfp-ready .ox-product-page__categories,
body.catalog-product-view.nfp-ready .ox-product-page__categories a { font-size: 12px !important; font-weight: 700 !important; letter-spacing: 3px !important; text-transform: uppercase !important; color: #006898 !important; text-decoration: none !important; }
body.catalog-product-view.nfp-ready .product-info-main .page-title { margin: 0 !important; color: #1a1a1a !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 900 !important; font-size: 34px !important; line-height: 1.05 !important; text-transform: uppercase !important; letter-spacing: 0 !important; }
body.catalog-product-view.nfp-ready .product-info-main .product-reviews-summary { font-size: 13px; }
body.catalog-product-view.nfp-ready .product-info-main .product-reviews-summary a { color: #006898 !important; }
body.catalog-product-view.nfp-ready .product-info-main .rating-result > span::before { color: #3cbdec !important; }
body.catalog-product-view.nfp-ready .product-info-main .product-info-price { border: 0 !important; border-top: 1px solid #ecece6 !important; padding: 16px 0 0 !important; display: flex; flex-direction: column; gap: 10px; background: none !important; }
body.catalog-product-view.nfp-ready .product-info-main .product-info-price .price-box { margin: 0 !important; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
body.catalog-product-view.nfp-ready .product-info-main .product-info-price .price { color: #006898 !important; font-weight: 900 !important; font-size: 36px !important; line-height: 1.05; }
body.catalog-product-view.nfp-ready .product-info-main .product-info-price .old-price .price { color: #6b6b66 !important; font-weight: 500 !important; font-size: 16px !important; text-decoration: line-through; }
body.catalog-product-view.nfp-ready .product-info-main .product-info-price .price-label { display: none; }
body.catalog-product-view.nfp-ready .product-info-main .product-info-price .minimal-price .price-label,
body.catalog-product-view.nfp-ready .product-info-main .product-info-price .price-from .price-label { display: inline; font-size: 14px; font-weight: 700; color: #555; }
body.catalog-product-view.nfp-ready .product-info-main .product-info-stock-sku { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; padding: 0 !important; font-size: 13px; color: #555; }
body.catalog-product-view.nfp-ready .product-info-main .stock { margin: 0 !important; font-weight: 700; }
body.catalog-product-view.nfp-ready .product-info-main .product.attribute.sku,
body.catalog-product-view.nfp-ready .product-info-main .product.attribute.sku * { color: #6b6b66 !important; font-size: 12px !important; font-weight: 500 !important; display: inline !important; }
body.catalog-product-view.nfp-ready .product-info-main > .product.attribute.overview { font-size: 15px; line-height: 1.65; color: #444; }
body.catalog-product-view.nfp-ready .product-info-main > .product.attribute.overview p { margin: 0 0 8px; }

/* add to cart */
body.catalog-product-view.nfp-ready .product-info-main .box-tocart { margin: 0 !important; }
body.catalog-product-view.nfp-ready .product-info-main .box-tocart .fieldset { display: flex !important; gap: 10px; align-items: stretch; margin: 0 !important; }
body.catalog-product-view.nfp-ready .product-info-main .box-tocart .field.qty { margin: 0 !important; flex: 0 0 auto; }
body.catalog-product-view.nfp-ready .product-info-main .box-tocart .field.qty .label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
body.catalog-product-view.nfp-ready .product-info-main .box-tocart input.qty { height: 56px !important; width: 64px !important; text-align: center; font-size: 17px !important; font-weight: 700 !important; border: 1.5px solid #d4d4cf !important; border-radius: 0 !important; }
body.catalog-product-view.nfp-ready .product-info-main .box-tocart .actions { flex: 1 1 auto; margin: 0 !important; padding: 0 !important; display: flex; }
body.catalog-product-view.nfp-ready #product-addtocart-button,
body.catalog-product-view.nfp-ready .product-info-main #bundle-slide {
  width: 100% !important; min-height: 56px !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important;
  background: #3cbdec !important; color: #000 !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 800 !important; font-size: 15px !important; letter-spacing: 1px !important; text-transform: uppercase !important; box-shadow: none !important;
}
body.catalog-product-view.nfp-ready #product-addtocart-button:hover,
body.catalog-product-view.nfp-ready .product-info-main #bundle-slide:hover { background: #0a0a0a !important; color: #fff !important; }
body.catalog-product-view.nfp-ready .product-info-main .stock-notification-button {
  width: 100%; min-height: 52px !important; margin: 0 !important; background: #fff !important; color: #0a0a0a !important;
  border: 1.5px solid #0a0a0a !important; border-radius: 0 !important; font-weight: 800 !important; font-size: 13px !important; text-transform: uppercase !important;
}

/* grouped: rows with steppers */
body.catalog-product-view.nfp-ready #super-product-table { width: 100%; border-collapse: collapse; border: 1px solid #e0e0d8; margin: 0 0 12px; }
body.catalog-product-view.nfp-ready #super-product-table .table-caption { display: none; }
body.catalog-product-view.nfp-ready #super-product-table thead th { background: #f4f4f1; padding: 10px 14px !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: 1px; text-transform: uppercase; color: #555; text-align: left; }
body.catalog-product-view.nfp-ready #super-product-table tbody td { padding: 12px 14px !important; border-top: 1px solid #ecece6; vertical-align: middle; }
body.catalog-product-view.nfp-ready #super-product-table .product-item-name { display: block; font-size: 14px; font-weight: 700; margin-bottom: 4px; }
body.catalog-product-view.nfp-ready #super-product-table .price-box { margin: 0 !important; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
body.catalog-product-view.nfp-ready #super-product-table .price-label { display: none !important; }
body.catalog-product-view.nfp-ready #super-product-table .price { color: #006898 !important; font-weight: 900 !important; font-size: 16px !important; }
body.catalog-product-view.nfp-ready #super-product-table .old-price .price { color: #6b6b66 !important; font-weight: 500 !important; font-size: 12px !important; text-decoration: line-through; }
body.catalog-product-view.nfp-ready #super-product-table td.col.qty { text-align: right; width: 1%; white-space: nowrap; }
body.catalog-product-view.nfp-ready #super-product-table .stock.unavailable { color: #8a5a00; font-size: 12px; font-weight: 700; }
body.catalog-product-view.nfp-ready #super-product-table .stock.unavailable span { font-size: 0; }
body.catalog-product-view.nfp-ready #super-product-table .stock.unavailable span::after { content: "● Slut i lager"; font-size: 12px; }
body.catalog-product-view.nfp-ready .product-info-main .nf-qty { display: inline-flex !important; }
body.catalog-product-view.nfp-ready .product-info-main .nf-qty .nf-qty__btn {
  display: inline-flex !important; align-items: center; justify-content: center; width: 40px !important; min-width: 40px !important; height: 40px !important;
  padding: 0 !important; margin: 0 !important; border: 1.5px solid #d4d4cf !important; border-radius: 0 !important; background: #f0f0ea !important;
  color: #1a1a1a !important; font-size: 18px !important; font-weight: 700 !important; box-shadow: none !important; cursor: pointer;
}
body.catalog-product-view.nfp-ready .product-info-main .nf-qty .nf-qty__btn::before,
body.catalog-product-view.nfp-ready .product-info-main .nf-qty .nf-qty__btn::after { display: none !important; content: none !important; }
body.catalog-product-view.nfp-ready .product-info-main .nf-qty .nf-qty__btn:hover { background: #3cbdec !important; }
body.catalog-product-view.nfp-ready .product-info-main .nf-qty input.qty { width: 44px !important; min-width: 44px !important; height: 40px !important; text-align: center; font-weight: 700 !important; border: 1.5px solid #d4d4cf !important; border-left: 0 !important; border-right: 0 !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; }

/* bundle: "Det här ingår" + hide "+0,00 kr" */
.nfp-incl { list-style: none; margin: 0 !important; padding: 0 !important; border: 1px solid #e0e0d8; }
.nfp-incl__head { display: flex; justify-content: space-between; align-items: center; padding: 12px 14px; background: #f4f4f1; font-size: 11px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: #555; }
.nfp-incl li { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-top: 1px solid #ecece6; font-size: 14px; font-weight: 600; line-height: 1.3; }
.nfp-incl li svg { width: 18px; height: 18px; flex-shrink: 0; stroke: #2f6b00; fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.nfp-incl li span { flex: 1; }
.nfp-incl li b { font-size: 13px; font-weight: 700; color: #555; white-space: nowrap; }
body.catalog-product-view.nfp-ready .bundle-options-container .price-notice:has([data-price-amount="0"]) { display: none !important; }

/* USP row (3 columns) */
body.catalog-product-view.nfp-ready .product-info-main .product__after-desc-block .info-block { display: none !important; }
body.catalog-product-view.nfp-ready .product-info-main .product__after-desc-block:not(:has(*:not(.info-block):not(br))) { display: none !important; }
.nfp-usp3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; border-top: 1px solid #ecece6; padding-top: 16px; }
.nfp-usp3 div { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; font-size: 12px; font-weight: 700; color: #1a1a1a; }
.nfp-usp3 svg { width: 22px; height: 22px; stroke: #006898; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
body.catalog-product-view.nfp-ready .product-info-main .product-social-links { font-size: 12px; opacity: .8; }

/* ---------- Section links + content cards ---------- */
.nfp-tabs { display: flex; flex-wrap: wrap; gap: 4px; border-bottom: 1px solid #d4d4cf; margin: 28px 0 20px; }
.nfp-tabs a { min-height: 48px; padding: 0 20px; display: flex; align-items: center; text-decoration: none !important; font-weight: 900; font-size: 15px; text-transform: uppercase; color: #6b6b66 !important; border-bottom: 4px solid transparent; margin-bottom: -1px; }
.nfp-tabs a:hover, .nfp-tabs a.is-active { color: #1a1a1a !important; border-bottom-color: #3cbdec; }
body.catalog-product-view.nfp-ready .product.info.detailed { margin: 0 0 14px !important; }
body.catalog-product-view.nfp-ready .product.info.detailed .product.data.items { display: flex !important; flex-wrap: wrap; gap: 14px; margin: 0 !important; border: 0 !important; align-items: flex-start; }
body.catalog-product-view.nfp-ready .product.data.items > .item.title { display: none !important; }
body.catalog-product-view.nfp-ready .product.data.items > .item.content {
  display: block !important; float: none !important; margin: 0 !important; box-sizing: border-box;
  background: #fff !important; border: 1px solid #e0e0d8 !important; padding: 32px !important;
  font-size: 15px; line-height: 1.7; color: #333; flex: 1 1 100%; scroll-margin-top: 110px;
}
body.catalog-product-view.nfp-ready .product.data.items > .item.content.nfp-desc { flex: 2 1 560px; width: auto !important; }
body.catalog-product-view.nfp-ready .product.data.items > .item.content.nfp-specs { flex: 1 1 340px; width: auto !important; }
.nfp-h2 { margin: 0 0 16px !important; display: inline-block; color: #006898 !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 900 !important; font-size: 22px !important; line-height: 1.2 !important; text-transform: uppercase; padding-bottom: 12px; border-bottom: 4px solid #3cbdec; }
body.catalog-product-view.nfp-ready .product.data.items > .item.content h2:not(.nfp-h2),
body.catalog-product-view.nfp-ready .product.data.items > .item.content h3,
body.catalog-product-view.nfp-ready .product.data.items > .item.content h4 { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 900 !important; text-transform: uppercase; color: #1a1a1a !important; letter-spacing: .2px; }
body.catalog-product-view.nfp-ready .product.data.items > .item.content table { width: 100%; border-collapse: collapse; font-size: 14px; }
body.catalog-product-view.nfp-ready .product.data.items > .item.content table th { text-align: left; padding: 10px 8px; background: #0a0a0a; color: #fff; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; }
body.catalog-product-view.nfp-ready .product.data.items > .item.content table td { padding: 9px 8px; border-bottom: 1px solid #ecece6; }
body.catalog-product-view.nfp-ready #product-attribute-specs-table th { background: none !important; color: #555 !important; font-size: 14px !important; letter-spacing: 0 !important; text-transform: none !important; font-weight: 400 !important; border-bottom: 1px solid #ecece6; width: 45%; }
body.catalog-product-view.nfp-ready #product-attribute-specs-table td { font-weight: 700; text-align: right; }
body.catalog-product-view.nfp-ready .additional-attributes-wrapper .table-caption { display: none; }
.nfp-qnote { margin-top: 18px; padding: 14px 16px; font-size: 13px; line-height: 1.5; }
.nfp-qnote strong { text-transform: uppercase; }
.nfp-qnote { background: #f4f4f1; color: #1a1a1a; } /* real badge colours are copied in by nf-custom.js */

/* related / upsell */
body.catalog-product-view.nfp-ready .column.main > .block.related,
body.catalog-product-view.nfp-ready .column.main > .block.upsell { margin-top: 28px !important; scroll-margin-top: 110px; }
body.catalog-product-view.nfp-ready .block.related .block-title strong,
body.catalog-product-view.nfp-ready .block.upsell .block-title strong { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 900 !important; text-transform: uppercase; color: #006898 !important; }

@media (max-width: 640px) {
  body.catalog-product-view.nfp-ready .column.main > .product-info-main { padding: 20px !important; }
  body.catalog-product-view.nfp-ready .product-info-main .page-title { font-size: 26px !important; }
  body.catalog-product-view.nfp-ready .product-info-main .product-info-price .price { font-size: 30px !important; }
  body.catalog-product-view.nfp-ready .product.data.items > .item.content { padding: 20px !important; }
  .nfp-tabs { flex-wrap: nowrap; overflow-x: auto; }
  .nfp-tabs a { flex: 0 0 auto; padding: 0 14px; font-size: 13px; }
}

/* =====================================================================
   FIXES 2026-11-01d (from live screenshots)
   ===================================================================== */

/* ---------- Main menu: one line, tidy spacing (theme markup:
   .ox-megamenu-navigation > li.level0 > .ox-mm-a-wrap > a.level-top) ---------- */
@media (min-width: 1025px) {
  .ox-megamenu-navigation {
    display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: stretch !important;
    margin: 0 auto !important; padding: 0 !important; width: 100%;
  }
  .ox-megamenu-navigation > li.level0 { flex: 0 0 auto !important; float: none !important; margin: 0 !important; display: flex !important; }
  .ox-megamenu-navigation > li.level0 > .ox-mm-a-wrap { display: flex !important; align-items: stretch; margin: 0 !important; padding: 0 !important; }
  .ox-megamenu-navigation > li.level0 > .ox-mm-a-wrap > a,
  .ox-megamenu-navigation > li.level0 > a.level-top {
    display: flex !important; align-items: center; height: 46px !important; line-height: 1 !important; padding: 0 13px !important; margin: 0 !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 700 !important;
    letter-spacing: 0 !important; text-transform: none !important; white-space: nowrap !important;
  }
  .ox-megamenu-navigation > li.level0 > .ox-mm-a-wrap > a:hover { background: #084a66 !important; color: #fff !important; }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .ox-megamenu-navigation > li.level0 > .ox-mm-a-wrap > a,
  .ox-megamenu-navigation > li.level0 > a.level-top { padding: 0 8px !important; font-size: 13px !important; }
}

/* ---------- Hide the English "Incl. tax:" label in front of prices ---------- */
.price-wrapper[data-label]::before, .price-wrapper[data-label]::after,
.price-including-tax::before, .price-excluding-tax::before,
.price-container [data-label="Incl. tax"]::before, .price-container [data-label="Excl. tax"]::before {
  display: none !important; content: none !important;
}

/* ---------- K2 category cards: quality badge back on the image ---------- */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-info { position: relative !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-details,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-name { position: static !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .quality-commercial,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .quality-semi,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .quality-home { top: 10px !important; right: 10px !important; bottom: auto !important; left: auto !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-name .product-item-link { display: block; margin-top: 2px; }

/* ---------- P1 product page ---------- */
/* title: the theme colours the inner <span class="base">, so style both */
body.catalog-product-view.nfp-ready .product-info-main .page-title,
body.catalog-product-view.nfp-ready .product-info-main .page-title .base {
  color: #1a1a1a !important; text-transform: uppercase !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 900 !important; font-size: 34px !important; line-height: 1.05 !important; letter-spacing: 0 !important;
}
/* price, stock + sku: left aligned (theme centres them) */
body.catalog-product-view.nfp-ready .product-info-main .product-info-price { align-items: flex-start !important; text-align: left !important; justify-content: flex-start !important; width: 100% !important; }
body.catalog-product-view.nfp-ready .product-info-main .product-info-price .price-box,
body.catalog-product-view.nfp-ready .product-info-main .product-info-stock-sku { justify-content: flex-start !important; text-align: left !important; width: 100% !important; margin: 0 !important; float: none !important; }
body.catalog-product-view.nfp-ready .product-info-main .product-reviews-summary { justify-content: flex-start !important; text-align: left !important; }
/* empty theme containers made gaps at the bottom of the box */
body.catalog-product-view.nfp-ready .column.main > .product-info-main > *:empty { display: none !important; }

/* quantity: [ − | 1 | + ] then a full-width cart button */
body.catalog-product-view.nfp-ready .product-info-main .box-tocart { display: block !important; width: 100% !important; }
body.catalog-product-view.nfp-ready .product-info-main .box-tocart .fieldset { width: 100% !important; display: flex !important; gap: 10px !important; }
body.catalog-product-view.nfp-ready .product-info-main .box-tocart .actions { flex: 1 1 auto !important; width: auto !important; display: flex !important; }
body.catalog-product-view.nfp-ready .product-info-main .box-tocart .actions #product-addtocart-button { flex: 1 1 auto !important; }
body.catalog-product-view.nfp-ready .product-info-main .qty-controls-wrap {
  display: flex !important; align-items: stretch !important; height: 56px !important; width: auto !important; margin: 0 !important; padding: 0 !important; position: static !important;
}
body.catalog-product-view.nfp-ready .product-info-main .qty-controls-wrap .qty-minus { order: 0; }
body.catalog-product-view.nfp-ready .product-info-main .qty-controls-wrap input.qty { order: 1; }
body.catalog-product-view.nfp-ready .product-info-main .qty-controls-wrap .qty-plus { order: 2; }
body.catalog-product-view.nfp-ready .product-info-main .qty-controls-wrap .qty-minus,
body.catalog-product-view.nfp-ready .product-info-main .qty-controls-wrap .qty-plus {
  position: relative !important; display: flex !important; align-items: center; justify-content: center;
  width: 46px !important; height: 56px !important; margin: 0 !important; padding: 0 !important; transform: none !important;
  background: #f0f0ea !important; border: 1.5px solid #d4d4cf !important; color: #1a1a1a !important; font-size: 14px !important; cursor: pointer; text-decoration: none !important;
}
body.catalog-product-view.nfp-ready .product-info-main .qty-controls-wrap .qty-minus:hover,
body.catalog-product-view.nfp-ready .product-info-main .qty-controls-wrap .qty-plus:hover { background: #3cbdec !important; }
body.catalog-product-view.nfp-ready .product-info-main .qty-controls-wrap input.qty {
  width: 56px !important; height: 56px !important; margin: 0 !important; padding: 0 !important; text-align: center !important;
  border: 1.5px solid #d4d4cf !important; border-left: 0 !important; border-right: 0 !important; border-radius: 0 !important;
  font-size: 17px !important; font-weight: 700 !important; -moz-appearance: textfield; appearance: textfield; background: #fff !important;
}
body.catalog-product-view.nfp-ready .product-info-main .qty-controls-wrap input.qty::-webkit-outer-spin-button,
body.catalog-product-view.nfp-ready .product-info-main .qty-controls-wrap input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
@media (max-width: 640px) {
  body.catalog-product-view.nfp-ready .product-info-main .page-title,
  body.catalog-product-view.nfp-ready .product-info-main .page-title .base { font-size: 26px !important; }
}

/* =====================================================================
   K2 PRODUCT CARDS v2 (category pages) – build 2026-11-01f
   Same height cards, image on top with labels, 2-line name, price + stock,
   always-visible cart button at the bottom (moved there by nf-custom.js).
   ===================================================================== */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-items { align-items: stretch !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-items > li.product-item { display: flex !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-info {
  display: flex !important; flex-direction: column !important; width: 100% !important; height: 100% !important; position: relative !important;
  background: #fff; padding: 0 !important; margin: 0 !important;
}
/* image */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-grid__image-wrapper { position: relative !important; padding: 14px 14px 6px !important; background: #fff; overflow: hidden; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-image-photo { object-fit: contain !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-grid-overlay { display: none !important; }
/* sale / new / frontad labels: top-left of the image */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .ox-product-labels-wrapper {
  top: 10px !important; left: 10px !important; bottom: auto !important; right: auto !important; z-index: 6;
  display: flex; flex-direction: column; align-items: flex-start; gap: 4px; max-width: calc(100% - 130px);
}
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .ox-product-labels-wrapper > span {
  margin: 0 !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: .5px !important; line-height: 1.25 !important;
  padding: 4px 7px !important; white-space: normal !important;
}
/* the theme's hover-only add-to-cart overlay is not used any more (button moved below) */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-grid__image-wrapper .product-item-inner:not(:has(.ox-dots, .ox-nav)) { display: none !important; }

/* details */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-details {
  flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; gap: 6px; padding: 10px 16px 16px !important; margin: 0 !important;
}
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-name { margin: 0 !important; display: block; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-name .product-item-link {
  display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  min-height: 2.7em; margin: 0 !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.35 !important; color: #1a1a1a !important;
}
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item:hover .product-item-name .product-item-link { color: #006898 !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-reviews-summary { margin: 0 !important; font-size: 12px; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .price-box { margin: auto 0 0 !important; padding-top: 10px !important; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .price-box .price { font-size: 19px !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .price-box .old-price .price { font-size: 13px !important; font-weight: 500 !important; color: #6b6b66 !important; text-decoration: line-through; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .price-box .price-label { font-size: 10px !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .price-box .special-price .price-label,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .price-box .old-price .price-label { display: none !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .nfk-stock { margin: 0; }

/* cart / notify button at the bottom of every card */
.nfk-actions { margin-top: 10px; }
.nfk-actions .actions-primary, .nfk-actions form { display: block !important; width: 100% !important; margin: 0 !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .nfk-actions .action.tocart,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .nfk-actions .stock-notification-button,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-details > .aw-cus__stock-notification .stock-notification-button {
  display: flex !important; align-items: center; justify-content: center; gap: 8px; width: 100% !important; min-height: 44px !important;
  margin: 0 !important; padding: 0 12px !important; border-radius: 0 !important; box-shadow: none !important; position: static !important;
  font-size: 12px !important; font-weight: 800 !important; letter-spacing: 1px !important; text-transform: uppercase !important; opacity: 1 !important; visibility: visible !important;
  transform: none !important;
}
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .nfk-actions .action.tocart { background: #3cbdec !important; color: #000 !important; border: 0 !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .nfk-actions .action.tocart:hover { background: #0a0a0a !important; color: #fff !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .nfk-actions .action.tocart span { display: inline !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .stock-notification-button { background: #fff !important; color: #0a0a0a !important; border: 1.5px solid #0a0a0a !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .stock-notification-button:hover { background: #0a0a0a !important; color: #fff !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-details > .aw-cus__stock-notification { margin-top: 10px !important; }

/* tighter cards on phones: 2 per row */
@media (max-width: 640px) {
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-items { gap: 10px !important; }
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-items > li.product-item { flex: 1 1 calc(50% - 5px) !important; max-width: calc(50% - 5px) !important; }
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-grid__image-wrapper { padding: 8px 8px 4px !important; }
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-details { padding: 8px 10px 12px !important; }
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-name .product-item-link { font-size: 13px !important; }
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .price-box .price { font-size: 16px !important; }
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .quality-commercial,
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .quality-semi,
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .quality-home { font-size: 8px !important; padding: 3px 5px !important; top: 6px !important; right: 6px !important; }
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .nfk-actions .action.tocart,
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .stock-notification-button { font-size: 10px !important; letter-spacing: .3px !important; min-height: 40px !important; }
  body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-items > li.nfk-promo { flex-basis: 100% !important; max-width: 100% !important; }
  .nfk-promo a { min-height: 0; }
}
/* theme draws its own frame/shadow/offset on .product-item-info (double border on hover) – keep only the card's frame */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-info,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-info:hover,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item:hover .product-item-info {
  border: 0 !important; outline: 0 !important; box-shadow: none !important; transform: none !important; top: auto !important; left: auto !important;
}
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-info::before,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-info::after { display: none !important; content: none !important; }
/* prices: no dark box on hover, stay readable */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .price-box .price,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .price-box .price-wrapper,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item:hover .price-box .price,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item:hover .price-box .price-wrapper {
  background: transparent !important; padding: 0 !important; box-shadow: none !important;
}
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .price-box .price,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item:hover .price-box .price { color: #006898 !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .price-box .old-price .price,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item:hover .price-box .old-price .price { color: #6b6b66 !important; }
/* name: left aligned like the rest of the card */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-details,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-name { text-align: left !important; }
/* borders must be inside the width, or 2-per-row cards wrap to 1 */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-items > li.product-item { box-sizing: border-box !important; }

/* ---------- K2 cards: no grey overlay on hover – the image stays fully visible ---------- */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-grid__image-wrapper::before,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-grid__image-wrapper::after,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-photo::before,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-photo::after,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-image-container::before,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-image-container::after,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-image-wrapper::before,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-image-wrapper::after { display: none !important; content: none !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-grid-overlay,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-inner:not(:has(.ox-dots, .ox-nav)),
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .overlay-link { display: none !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item:hover .product-grid__image-wrapper,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item:hover .product-image-container,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item:hover .product-image-wrapper { background: #fff !important; opacity: 1 !important; filter: none !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item:hover .product-image-photo:not(.product-thumb-image-photo) { opacity: 1 !important; filter: none !important; }
/* the theme fades in a 2nd photo on hover – keep that, but never a half-transparent mix */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item:hover .product-first-image-photo { opacity: 1 !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-second-image-photo { display: none !important; }

/* ---------- K2 cards: kill EVERY hover overlay/fade the theme may use ---------- */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-items > li.product-item::after,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-info::before,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-info::after,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-details::before,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-details::after,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-photo::before,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-photo::after,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .ox-product-hover-image-container::before,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .ox-product-hover-image-container::after { display: none !important; content: none !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item.product-item:hover .product-item-info,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item.product-item:hover .product-grid__image-wrapper,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item.product-item:hover .product-item-photo,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item.product-item:hover .product-image-container,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item.product-item:hover .product-image-wrapper {
  background: #fff !important; background-image: none !important; opacity: 1 !important; filter: none !important; -webkit-filter: none !important;
}
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item.product-item .product-first-image-photo,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item.product-item:hover .product-first-image-photo {
  opacity: 1 !important; visibility: visible !important; filter: none !important; -webkit-filter: none !important; display: block !important;
}
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item.product-item .product-second-image-photo { display: none !important; }
/* the cyan top bar on hover stays (it is ours); everything else inside the image is image only */

/* ---------- Filter panel scrolling: thick, visible scrollbar + nothing inside blocks scrolling ---------- */
@media (min-width: 1025px) {
  body.nfk-ready .sidebar-main {
    overflow-y: scroll !important; overflow-x: hidden !important; overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding-right: 10px !important;
  }
  /* Firefox only (Chrome ignores its own 18px scrollbar style if these are set) */
  @supports (-moz-appearance: none) {
    body.nfk-ready .sidebar-main {
      scrollbar-width: auto !important;               /* the widest size Firefox allows (it only has auto/thin) */
      scrollbar-color: #3cbdec #e6e8ea !important;    /* thumb / track */
    }
  }
  body.nfk-ready .sidebar-main::-webkit-scrollbar { width: 18px !important; }            /* Chrome / Edge / Safari: ~3× thicker */
  body.nfk-ready .sidebar-main::-webkit-scrollbar-track { background: #e6e8ea; }
  body.nfk-ready .sidebar-main::-webkit-scrollbar-thumb { background: #3cbdec; border: 4px solid #e6e8ea; border-radius: 0; min-height: 60px; }
  body.nfk-ready .sidebar-main::-webkit-scrollbar-thumb:hover { background: #006898; }
  /* inner theme wrappers must not clip or capture the scroll */
  body.nfk-ready .sidebar-main #layered-filter-block,
  body.nfk-ready .sidebar-main .filter-content,
  body.nfk-ready .sidebar-main .filter-options-item,
  body.nfk-ready .sidebar-main .filter-options-content {
    height: auto !important; max-height: none !important; overflow: visible !important;
  }
}

/* drag-to-scroll cursor in the filter panel */
@media (min-width: 1025px) {
  body.nfk-ready .sidebar-main { cursor: grab; }
  body.nfk-ready .sidebar-main.nfk-dragging, body.nfk-ready .sidebar-main.nfk-dragging * { cursor: grabbing !important; user-select: none !important; }
  body.nfk-ready .sidebar-main a, body.nfk-ready .sidebar-main input, body.nfk-ready .sidebar-main label, body.nfk-ready .sidebar-main button,
  body.nfk-ready .sidebar-main .filter-options-title { cursor: pointer; }
}

/* ---------- K2 cards: THE grey hover cover ----------
   The theme styles the add-to-cart area (.product-item-actions inside .product-item-inner) as an
   absolutely positioned dark overlay that fades in on hover. We moved that area to the bottom of
   the card, so the overlay stretched over the whole card. Force it back to a normal, static row. */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .nfk-actions,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .nfk-actions .product-item-actions,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .nfk-actions .actions-primary,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .nfk-actions .actions-secondary,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .nfk-actions form,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item.product-item:hover .nfk-actions,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item.product-item:hover .nfk-actions .product-item-actions,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item.product-item:hover .nfk-actions .actions-primary,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item.product-item:hover .nfk-actions form {
  position: static !important; inset: auto !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important;
  width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;
  background: none !important; background-color: transparent !important; box-shadow: none !important;
  opacity: 1 !important; visibility: visible !important; transform: none !important; transition: none !important;
  display: block !important; z-index: auto !important; pointer-events: auto !important;
}
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .nfk-actions { margin-top: 10px !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .nfk-actions .actions-secondary { display: none !important; } /* compare/wishlist icons not used in K2 */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .nfk-actions::before,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .nfk-actions::after,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .nfk-actions .product-item-actions::before,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .nfk-actions .product-item-actions::after,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .nfk-actions .actions-primary::before,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .nfk-actions .actions-primary::after { display: none !important; content: none !important; }
/* the stock-notification ("Bevaka") box can get the same overlay styling */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-details > .aw-cus__stock-notification {
  position: static !important; inset: auto !important; background: none !important; opacity: 1 !important; transform: none !important; width: 100% !important; height: auto !important;
}

/* used by the hover guard in nf-custom.js: kill pseudo-element overlays on a wrapper of the photo */
.nfk-nopseudo::before, .nfk-nopseudo::after { display: none !important; content: none !important; }

/* ---------- K2 cards: strict whitelist inside the image area ----------
   Only the photo, the labels and the quality badge may live there – anything else the theme
   adds (hover overlays, quick-view/compare layers…) is hidden from the start, so nothing flashes. */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-grid__image-wrapper > *:not(.product-item-photo):not(.ox-product-labels-wrapper):not(.ProductAttributeQuality):not(.product-item-inner):not(style):not(script) { display: none !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-photo > *:not(.product-image-container):not(style):not(script) { display: none !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-image-container > *:not(.product-image-wrapper):not(style) { display: none !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-image-wrapper > *:not(img) { display: none !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-info > *:not(.product-grid__image-wrapper):not(.product-item-details):not(style):not(script):not(.ox-product-labels-wrapper) { display: none !important; }

/* ---------- K2 cards: light grey box behind name, price, stock and button ---------- */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-details,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item.product-item:hover .product-item-details {
  background: #f6f6f6 !important; background-image: none !important; border-top: 1px solid #ebebeb !important; box-shadow: none !important; filter: none !important;
}
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-details :is(.price-box, .price-box *, .price-container, .price-wrapper, .product-item-name, .nfk-stock, .product-reviews-summary) { background: transparent !important; box-shadow: none !important; }

/* ---------- K2 cards: nothing dark behind price/name on hover (2026-11-01o) ---------- */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-details::before,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-details::after,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-info::before,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-info::after { background: transparent !important; box-shadow: none !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item .product-item-details *:not(.nfk-actions):not(.nfk-actions *):not(.ProductAttributeQuality):not(.ProductAttributeQuality *):not([class*="quality-"]):not([class*="quality-"] *),
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item:hover .product-item-details *:not(.nfk-actions):not(.nfk-actions *):not(.ProductAttributeQuality):not(.ProductAttributeQuality *):not([class*="quality-"]):not([class*="quality-"] *) {
  background-color: transparent !important; box-shadow: none !important;
}
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item:hover .product-item-details .price-box .price { color: #0b6e99 !important; }
/* K2 cards: dark text on the light box – theme turns it white on hover */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item .product-item-details .product-item-name,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item .product-item-details .product-item-name a,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item:hover .product-item-details .product-item-name a,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item:hover .product-item-details .product-item-link {
  color: #111 !important; -webkit-text-fill-color: #111 !important; opacity: 1 !important; visibility: visible !important; text-shadow: none !important;
}
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item .product-item-details .product-item-name { transform: none !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item:hover .product-item-details .price-box .price,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item .product-item-details .price-box .price { color: #0b6e99 !important; -webkit-text-fill-color: #0b6e99 !important; opacity: 1 !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item:hover .product-item-details .price-box .old-price .price { color: #888 !important; -webkit-text-fill-color: #888 !important; }

/* K2 cards (2026-11-01p): the theme draws its grey hover layer from the name link stretched over the card –
   remove that layer up front so nothing flashes, and make sure the name itself is never hidden */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-name::before,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-name::after,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-link::before,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-link::after,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-info > a::before,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-info > a::after,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-photo::before,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-photo::after,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-image-container::before,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-image-container::after,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-image-wrapper::before,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-image-wrapper::after,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-grid__image-wrapper::before,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-grid__image-wrapper::after {
  content: none !important; display: none !important; background: none !important; opacity: 0 !important;
}
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item .product-item-name,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item .product-item-name .product-item-link {
  visibility: visible !important; opacity: 1 !important; position: static !important; clip: auto !important; clip-path: none !important; width: auto !important; height: auto !important;
}
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item .product-item-name { display: block !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item .product-item-name .product-item-link { display: -webkit-box !important; }

/* K2 cards (2026-11-01q): no dark panel behind the price on hover – also gradients, inset shadows and pseudo layers */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item .product-item-details *:not(.nfk-actions):not(.nfk-actions *):not(.ProductAttributeQuality):not(.ProductAttributeQuality *):not([class*="quality-"]):not([class*="quality-"] *),
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item:hover .product-item-details *:not(.nfk-actions):not(.nfk-actions *):not(.ProductAttributeQuality):not(.ProductAttributeQuality *):not([class*="quality-"]):not([class*="quality-"] *) {
  background-image: none !important; box-shadow: none !important; filter: none !important; backdrop-filter: none !important;
}
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item:hover .product-item-details *:not(.nfk-actions):not(.nfk-actions *):not(.ProductAttributeQuality):not(.ProductAttributeQuality *):not([class*="quality-"]):not([class*="quality-"] *):not(.price-box)::before,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item:hover .product-item-details *:not(.nfk-actions):not(.nfk-actions *):not(.ProductAttributeQuality):not(.ProductAttributeQuality *):not([class*="quality-"]):not([class*="quality-"] *)::after,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item .product-item-details *:not(.nfk-actions):not(.nfk-actions *):not(.ProductAttributeQuality):not(.ProductAttributeQuality *):not([class*="quality-"]):not([class*="quality-"] *):not(.price-box)::before,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item .product-item-details *:not(.nfk-actions):not(.nfk-actions *):not(.ProductAttributeQuality):not(.ProductAttributeQuality *):not([class*="quality-"]):not([class*="quality-"] *)::after {
  background: none !important; box-shadow: none !important;
}

/* ===== Cart drawer: show the products (2026-11-01t) =====
   The JJ_Nfupdates cart template renders the item list while the drawer is still closed. Magento's
   sidebar script then measures the items (0 px while hidden) and writes height:0 inline on
   .minicart-items-wrapper – so the cart shows the total but no products. !important beats that inline height. */
.block-minicart .minicart-items-wrapper,
#minicart-content-wrapper .minicart-items-wrapper {
  height: auto !important; max-height: none !important; min-height: 0 !important;
  overflow: visible !important; display: block !important;
}
.block-minicart #mini-cart,
#minicart-content-wrapper #mini-cart { display: block !important; height: auto !important; visibility: visible !important; }
#minicart-content-wrapper .block-content { width: 100% !important; box-sizing: border-box !important; }
/* the drawer itself scrolls when there are many products */
.ox-slideout .block-minicart, .block-minicart.ox-slideout,
.ox-slideout #minicart-content-wrapper { overflow-y: auto !important; max-height: 100vh; }

/* "Välj alternativ" link on products with options – looks like the cart button */
a.nf-choose-options { display: flex !important; align-items: center; justify-content: center; text-decoration: none !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .nfk-actions a.nf-choose-options { background: #0a0a0a !important; color: #fff !important; width: 100%; min-height: 44px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; font-size: 13px; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .nfk-actions a.nf-choose-options:hover { background: #3cbdec !important; color: #000 !important; }

/* ===== Cart drawer tools (Töm / PDF / Dela) – same look as the old module buttons ===== */
#minicart-content-wrapper .nf-cart-tools {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;
  padding: 20px 24px; margin: 0 0 16px; background: #cad3dc; box-sizing: border-box;
}
#minicart-content-wrapper .nf-cart-tool {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
  min-height: 58px; padding: 8px 6px; border: 0; border-radius: 0; cursor: pointer;
  background: #3cbdec !important; color: #000 !important; text-decoration: none !important;
  font-size: 12px; font-weight: 600; line-height: 1.2; text-align: center; text-transform: none; letter-spacing: 0;
}
#minicart-content-wrapper .nf-cart-tool svg { width: 18px; height: 18px; fill: currentColor; }
#minicart-content-wrapper .nf-cart-tool:hover,
#minicart-content-wrapper .nf-cart-tool:focus-visible { background: #000 !important; color: #fff !important; }
#minicart-content-wrapper .nf-cart-tool::before, #minicart-content-wrapper .nf-cart-tool::after { display: none !important; }

/* ===== Athlete2 1.8.3 features on the K2 category cards (2026-11-01x) ===== */
/* Thumbnail carousel on cards (theme setting "thumb carousel"): keep its dots + arrows, nothing else of that layer */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-grid__image-wrapper .product-item-inner:has(.ox-dots, .ox-nav) {
  display: block !important; position: absolute !important; inset: 0 !important; z-index: 3;
  background: transparent !important; box-shadow: none !important; opacity: 1 !important; transform: none !important;
  pointer-events: none !important;           /* clicks go to the photo/link underneath */
}
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-inner:has(.ox-dots, .ox-nav)::before,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-inner:has(.ox-dots, .ox-nav)::after { display: none !important; content: none !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-inner > :not(.ox-dots):not(.ox-nav) { display: none !important; }
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-inner .ox-dots,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-inner .ox-nav,
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-inner .ox-nav button { pointer-events: auto !important; }
/* Stock status from the theme (setting "stock status") – the card already shows its own stock line */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid .product-item-details .stock-info-block { display: none !important; }
/* Grid banners (theme setting "banners in grid") are not product cards */
body:is(.catalog-category-view,.catalogsearch-result-index).nfk-ready .products-grid li.product-item-with-banner {
  border: 0 !important; background: none !important; box-shadow: none !important; padding: 0 !important;
}

/* Desktop search field built by nf-custom.js when the old search box is gone (2026-11-01z) */
.nf-header #header-search-container .nf-search-form { display: flex; align-items: stretch; width: 100%; max-width: 520px; }
.nf-header #header-search-container .nf-search-form .control { flex: 1 1 auto; }
.nf-header #header-search-container .nf-search-form input[type="text"] { width: 100%; height: 42px; box-sizing: border-box; }
.nf-header #header-search-container .nf-search-form .button-search { width: 46px; height: 42px; background: #3cbdec; color: #000; border: 0; cursor: pointer; }

/* =====================================================================
   STARTSIDA: product shelf (Populära produkter / Nyheter) with the same cards as the category pages (K2)
   Generated from the K2 card rules above – scope: body.nfk-home-cards #prodpoppis / #prodnyheter.
   Column widths stay the theme's (5 per row). nf-custom.js sets body.nfk-home-cards.
   ===================================================================== */
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-name > br { display: none !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .quality-commercial,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .quality-semi,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .quality-home {
  position: absolute !important; top: 10px; right: 10px; z-index: 6; margin: 0 !important; cursor: help;
  font-size: 10px !important; font-weight: 800 !important; letter-spacing: 1px !important; text-transform: uppercase !important; padding: 4px 8px !important;
}
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-info { position: relative !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-details,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-name { position: static !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .quality-commercial,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .quality-semi,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .quality-home { top: 10px !important; right: 10px !important; bottom: auto !important; left: auto !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-name .product-item-link { display: block; margin-top: 2px; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-items { align-items: stretch !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-items > li.product-item { display: flex !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-info {
  display: flex !important; flex-direction: column !important; width: 100% !important; height: 100% !important; position: relative !important;
  background: #fff; padding: 0 !important; margin: 0 !important;
}
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-grid__image-wrapper { position: relative !important; padding: 14px 14px 6px !important; background: #fff; overflow: hidden; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-image-photo { object-fit: contain !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-grid-overlay { display: none !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .ox-product-labels-wrapper > span {
  margin: 0 !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: .5px !important; line-height: 1.25 !important;
  padding: 4px 7px !important; white-space: normal !important;
}
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-grid__image-wrapper .product-item-inner:not(:has(.ox-dots, .ox-nav)) { display: none !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-details {
  flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; gap: 6px; padding: 10px 16px 16px !important; margin: 0 !important;
}
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-name { margin: 0 !important; display: block; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-name .product-item-link {
  display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  min-height: 2.7em; margin: 0 !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.35 !important; color: #1a1a1a !important;
}
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item:hover .product-item-name .product-item-link { color: #006898 !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-reviews-summary { margin: 0 !important; font-size: 12px; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .price-box { margin: auto 0 0 !important; padding-top: 10px !important; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .price-box .price { font-size: 19px !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .price-box .old-price .price { font-size: 13px !important; font-weight: 500 !important; color: #6b6b66 !important; text-decoration: line-through; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .price-box .price-label { font-size: 10px !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .price-box .special-price .price-label,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .price-box .old-price .price-label { display: none !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .nfk-stock { margin: 0; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .nfk-actions .action.tocart,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .nfk-actions .stock-notification-button,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-details > .aw-cus__stock-notification .stock-notification-button {
  display: flex !important; align-items: center; justify-content: center; gap: 8px; width: 100% !important; min-height: 44px !important;
  margin: 0 !important; padding: 0 12px !important; border-radius: 0 !important; box-shadow: none !important; position: static !important;
  font-size: 12px !important; font-weight: 800 !important; letter-spacing: 1px !important; text-transform: uppercase !important; opacity: 1 !important; visibility: visible !important;
  transform: none !important;
}
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .nfk-actions .action.tocart { background: #3cbdec !important; color: #000 !important; border: 0 !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .nfk-actions .action.tocart:hover { background: #0a0a0a !important; color: #fff !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .nfk-actions .action.tocart span { display: inline !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .stock-notification-button { background: #fff !important; color: #0a0a0a !important; border: 1.5px solid #0a0a0a !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .stock-notification-button:hover { background: #0a0a0a !important; color: #fff !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-details > .aw-cus__stock-notification { margin-top: 10px !important; }
@media (max-width: 640px) {
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-items { gap: 10px !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-grid__image-wrapper { padding: 8px 8px 4px !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-details { padding: 8px 10px 12px !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-name .product-item-link { font-size: 13px !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .price-box .price { font-size: 16px !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .quality-commercial,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .quality-semi,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .quality-home { font-size: 8px !important; padding: 3px 5px !important; top: 6px !important; right: 6px !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .nfk-actions .action.tocart,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .stock-notification-button { font-size: 10px !important; letter-spacing: .3px !important; min-height: 40px !important; }
}
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-info,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-info:hover,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item:hover .product-item-info {
  border: 0 !important; outline: 0 !important; box-shadow: none !important; transform: none !important; top: auto !important; left: auto !important;
}
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-info::before,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-info::after { display: none !important; content: none !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .price-box .price,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .price-box .price-wrapper,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item:hover .price-box .price,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item:hover .price-box .price-wrapper {
  background: transparent !important; padding: 0 !important; box-shadow: none !important;
}
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .price-box .price,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item:hover .price-box .price { color: #006898 !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .price-box .old-price .price,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item:hover .price-box .old-price .price { color: #6b6b66 !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-details,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-name { text-align: left !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-items > li.product-item { box-sizing: border-box !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-grid__image-wrapper::before,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-grid__image-wrapper::after,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-photo::before,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-photo::after,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-image-container::before,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-image-container::after,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-image-wrapper::before,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-image-wrapper::after { display: none !important; content: none !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-grid-overlay,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-inner:not(:has(.ox-dots, .ox-nav)),
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .overlay-link { display: none !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item:hover .product-grid__image-wrapper,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item:hover .product-image-container,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item:hover .product-image-wrapper { background: #fff !important; opacity: 1 !important; filter: none !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item:hover .product-image-photo:not(.product-thumb-image-photo) { opacity: 1 !important; filter: none !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item:hover .product-first-image-photo { opacity: 1 !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-second-image-photo { display: none !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-items > li.product-item::after,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-info::before,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-info::after,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-details::before,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-details::after,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-photo::before,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-photo::after,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .ox-product-hover-image-container::before,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .ox-product-hover-image-container::after { display: none !important; content: none !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item.product-item:hover .product-item-info,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item.product-item:hover .product-grid__image-wrapper,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item.product-item:hover .product-item-photo,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item.product-item:hover .product-image-container,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item.product-item:hover .product-image-wrapper {
  background: #fff !important; background-image: none !important; opacity: 1 !important; filter: none !important; -webkit-filter: none !important;
}
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item.product-item .product-first-image-photo,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item.product-item:hover .product-first-image-photo {
  opacity: 1 !important; visibility: visible !important; filter: none !important; -webkit-filter: none !important; display: block !important;
}
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item.product-item .product-second-image-photo { display: none !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .nfk-actions,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .nfk-actions .product-item-actions,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .nfk-actions .actions-primary,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .nfk-actions .actions-secondary,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .nfk-actions form,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item.product-item:hover .nfk-actions,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item.product-item:hover .nfk-actions .product-item-actions,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item.product-item:hover .nfk-actions .actions-primary,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item.product-item:hover .nfk-actions form {
  position: static !important; inset: auto !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important;
  width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;
  background: none !important; background-color: transparent !important; box-shadow: none !important;
  opacity: 1 !important; visibility: visible !important; transform: none !important; transition: none !important;
  display: block !important; z-index: auto !important; pointer-events: auto !important;
}
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .nfk-actions { margin-top: 10px !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .nfk-actions .actions-secondary { display: none !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .nfk-actions::before,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .nfk-actions::after,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .nfk-actions .product-item-actions::before,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .nfk-actions .product-item-actions::after,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .nfk-actions .actions-primary::before,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .nfk-actions .actions-primary::after { display: none !important; content: none !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-details > .aw-cus__stock-notification {
  position: static !important; inset: auto !important; background: none !important; opacity: 1 !important; transform: none !important; width: 100% !important; height: auto !important;
}
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-grid__image-wrapper > *:not(.product-item-photo):not(.ox-product-labels-wrapper):not(.ProductAttributeQuality):not(.product-item-inner):not(style):not(script) { display: none !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-photo > *:not(.product-image-container):not(style):not(script) { display: none !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-image-container > *:not(.product-image-wrapper):not(style) { display: none !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-image-wrapper > *:not(img) { display: none !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-info > *:not(.product-grid__image-wrapper):not(.product-item-details):not(style):not(script):not(.ox-product-labels-wrapper) { display: none !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-details,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item.product-item:hover .product-item-details {
  background: #f6f6f6 !important; background-image: none !important; border-top: 1px solid #ebebeb !important; box-shadow: none !important; filter: none !important;
}
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-details :is(.price-box, .price-box *, .price-container, .price-wrapper, .product-item-name, .nfk-stock, .product-reviews-summary) { background: transparent !important; box-shadow: none !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-details::before,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-details::after,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-info::before,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-info::after { background: transparent !important; box-shadow: none !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item .product-item-details *:not(.nfk-actions):not(.nfk-actions *):not(.ProductAttributeQuality):not(.ProductAttributeQuality *):not([class*="quality-"]):not([class*="quality-"] *),
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item:hover .product-item-details *:not(.nfk-actions):not(.nfk-actions *):not(.ProductAttributeQuality):not(.ProductAttributeQuality *):not([class*="quality-"]):not([class*="quality-"] *) {
  background-color: transparent !important; box-shadow: none !important;
}
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item:hover .product-item-details .price-box .price { color: #0b6e99 !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item .product-item-details .product-item-name,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item .product-item-details .product-item-name a,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item:hover .product-item-details .product-item-name a,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item:hover .product-item-details .product-item-link {
  color: #111 !important; -webkit-text-fill-color: #111 !important; opacity: 1 !important; visibility: visible !important; text-shadow: none !important;
}
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item .product-item-details .product-item-name { transform: none !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item:hover .product-item-details .price-box .price,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item .product-item-details .price-box .price { color: #0b6e99 !important; -webkit-text-fill-color: #0b6e99 !important; opacity: 1 !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item:hover .product-item-details .price-box .old-price .price { color: #888 !important; -webkit-text-fill-color: #888 !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-name::before,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-name::after,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-link::before,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-link::after,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-info > a::before,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-info > a::after,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-photo::before,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-photo::after,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-image-container::before,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-image-container::after,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-image-wrapper::before,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-image-wrapper::after,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-grid__image-wrapper::before,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-grid__image-wrapper::after {
  content: none !important; display: none !important; background: none !important; opacity: 0 !important;
}
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item .product-item-name,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item .product-item-name .product-item-link {
  visibility: visible !important; opacity: 1 !important; position: static !important; clip: auto !important; clip-path: none !important; width: auto !important; height: auto !important;
}
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item .product-item-name { display: block !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item .product-item-name .product-item-link { display: -webkit-box !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item .product-item-details *:not(.nfk-actions):not(.nfk-actions *):not(.ProductAttributeQuality):not(.ProductAttributeQuality *):not([class*="quality-"]):not([class*="quality-"] *),
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item:hover .product-item-details *:not(.nfk-actions):not(.nfk-actions *):not(.ProductAttributeQuality):not(.ProductAttributeQuality *):not([class*="quality-"]):not([class*="quality-"] *) {
  background-image: none !important; box-shadow: none !important; filter: none !important; backdrop-filter: none !important;
}
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item:hover .product-item-details *:not(.nfk-actions):not(.nfk-actions *):not(.ProductAttributeQuality):not(.ProductAttributeQuality *):not([class*="quality-"]):not([class*="quality-"] *):not(.price-box)::before,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item:hover .product-item-details *:not(.nfk-actions):not(.nfk-actions *):not(.ProductAttributeQuality):not(.ProductAttributeQuality *):not([class*="quality-"]):not([class*="quality-"] *)::after,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item .product-item-details *:not(.nfk-actions):not(.nfk-actions *):not(.ProductAttributeQuality):not(.ProductAttributeQuality *):not([class*="quality-"]):not([class*="quality-"] *):not(.price-box)::before,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item .product-item-details *:not(.nfk-actions):not(.nfk-actions *):not(.ProductAttributeQuality):not(.ProductAttributeQuality *):not([class*="quality-"]):not([class*="quality-"] *)::after {
  background: none !important; box-shadow: none !important;
}
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .nfk-actions a.nf-choose-options { background: #0a0a0a !important; color: #fff !important; width: 100%; min-height: 44px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; font-size: 13px; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .nfk-actions a.nf-choose-options:hover { background: #3cbdec !important; color: #000 !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-grid__image-wrapper .product-item-inner:has(.ox-dots, .ox-nav) {
  display: block !important; position: absolute !important; inset: 0 !important; z-index: 3;
  background: transparent !important; box-shadow: none !important; opacity: 1 !important; transform: none !important;
  pointer-events: none !important;           
}
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-inner:has(.ox-dots, .ox-nav)::before,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-inner:has(.ox-dots, .ox-nav)::after { display: none !important; content: none !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-inner > :not(.ox-dots):not(.ox-nav) { display: none !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-inner .ox-dots,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-inner .ox-nav,
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-inner .ox-nav button { pointer-events: auto !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-item-details .stock-info-block { display: none !important; }

/* shelf grid: equal-height cards with a little gap */
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-items { display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; }
body.nfk-home-cards :is(#prodpoppis, #prodnyheter) .products-grid .product-items > li.product-item { padding: 6px !important; }

/* ===== Normal (not sticky) header on desktop, Athlete2 1.8.3 (2026-11-01zb) =====
   The theme now puts the main menu inside the same row as logo + buttons, which squeezed the search to
   nothing. Row 1: logo | big search | Kassa · Mitt konto · Varukorg. Row 2: the menu, full width.
   The sticky header keeps its own layout. */
@media (min-width: 1025px) {
  .page-header:not(.sticky) .nf-header.header__content {
    display: flex !important; flex-wrap: wrap !important; align-items: center !important; row-gap: 16px !important;
  }
  .page-header:not(.sticky) .nf-header .logo__container { order: 1; flex: 0 0 auto !important; }
  .page-header:not(.sticky) .nf-header .flex-left {
    order: 2; flex: 1 1 320px !important; min-width: 280px !important; justify-content: center !important; padding: 0 24px !important;
  }
  .page-header:not(.sticky) .nf-header .header__additional-content,
  .page-header:not(.sticky) .nf-header #header-search-container { max-width: 640px !important; width: 100% !important; }
  .page-header:not(.sticky) .nf-header .flex-right { order: 3; flex: 0 0 auto !important; }
  .page-header:not(.sticky) .nf-header .header-nav-wide {
    order: 4; flex: 0 0 100% !important; width: 100% !important; max-width: none !important; margin: 0 !important;
  }
  .page-header:not(.sticky) .nf-header .header-nav-wide .ox-megamenu-navigation { justify-content: flex-start; flex-wrap: nowrap; }
}

/* Mega menu dropdowns open BELOW the menu bar (row 2), not over it (2026-11-01zc) */
@media (min-width: 1025px) {
  .page-header:not(.sticky) .nf-header .header-nav-wide { position: relative !important; }
  .page-header:not(.sticky) .nf-header .header-nav-wide .ox-megamenu-navigation,
  .page-header:not(.sticky) .nf-header .header-nav-wide .ox-megamenu-navigation > li.level0 { position: static !important; }
  .page-header:not(.sticky) .nf-header .header-nav-wide .ox-megamenu-navigation > li.level0 > .ox-megamenu__dropdown {
    top: 100% !important; bottom: auto !important; margin-top: 0 !important;
  }
}

/* ===== Theme +/- quantity buttons (Athlete2 1.8.3), product page incl. grouped table (2026-11-02a) =====
   The theme draws + and – as small bars (::before/::after, position:absolute) INSIDE the button,
   so the button must be position:relative. Grouped rows get the same buttons, a bit smaller. */
body.catalog-product-view.nfp-ready .qty-controls-wrap .qty-minus,
body.catalog-product-view.nfp-ready .qty-controls-wrap .qty-plus { position: relative !important; --a2-ipm-color: #1a1a1a; }
body.catalog-product-view.nfp-ready .qty-controls-wrap .qty-minus::before,
body.catalog-product-view.nfp-ready .qty-controls-wrap .qty-plus::before,
body.catalog-product-view.nfp-ready .qty-controls-wrap .qty-plus::after {
  content: '' !important; display: block !important; position: absolute !important; background: #1a1a1a !important;
}
body.catalog-product-view.nfp-ready .qty-controls-wrap .qty-minus::before,
body.catalog-product-view.nfp-ready .qty-controls-wrap .qty-plus::before { left: calc(50% - 5px) !important; top: calc(50% - 1px) !important; width: 10px !important; height: 2px !important; }
body.catalog-product-view.nfp-ready .qty-controls-wrap .qty-plus::after { left: calc(50% - 1px) !important; top: calc(50% - 5px) !important; width: 2px !important; height: 10px !important; }
body.catalog-product-view.nfp-ready .qty-controls-wrap .qty-minus:hover::before,
body.catalog-product-view.nfp-ready .qty-controls-wrap .qty-plus:hover::before,
body.catalog-product-view.nfp-ready .qty-controls-wrap .qty-plus:hover::after { background: #000 !important; }
/* grouped table rows */
body.catalog-product-view.nfp-ready #super-product-table .qty-controls-wrap {
  display: inline-flex !important; align-items: stretch !important; height: 40px !important; width: auto !important; margin: 0 !important; padding: 0 !important; position: static !important;
}
body.catalog-product-view.nfp-ready #super-product-table .qty-controls-wrap .qty-minus { order: 0; }
body.catalog-product-view.nfp-ready #super-product-table .qty-controls-wrap input.qty { order: 1; }
body.catalog-product-view.nfp-ready #super-product-table .qty-controls-wrap .qty-plus { order: 2; }
body.catalog-product-view.nfp-ready #super-product-table .qty-controls-wrap .qty-minus,
body.catalog-product-view.nfp-ready #super-product-table .qty-controls-wrap .qty-plus {
  display: flex !important; width: 38px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; transform: none !important;
  background: #f0f0ea !important; border: 1.5px solid #d4d4cf !important; cursor: pointer; text-decoration: none !important; left: auto !important; right: auto !important;
}
body.catalog-product-view.nfp-ready #super-product-table .qty-controls-wrap .qty-minus:hover,
body.catalog-product-view.nfp-ready #super-product-table .qty-controls-wrap .qty-plus:hover { background: #3cbdec !important; }
body.catalog-product-view.nfp-ready #super-product-table .qty-controls-wrap input.qty {
  width: 46px !important; min-width: 46px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; text-align: center !important;
  border: 1.5px solid #d4d4cf !important; border-left: 0 !important; border-right: 0 !important; border-radius: 0 !important;
  font-weight: 700 !important; -moz-appearance: textfield; appearance: textfield; background: #fff !important;
}
body.catalog-product-view.nfp-ready #super-product-table .qty-controls-wrap input.qty::-webkit-outer-spin-button,
body.catalog-product-view.nfp-ready #super-product-table .qty-controls-wrap input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* our own old +/- (pre-1.8.3 grouped pages) stay hidden where the theme has its own */
body.catalog-product-view.nfp-ready .qty-controls-wrap .nf-qty__btn { display: none !important; }

/* =====================================================================
   PRODUKTBESKRIVNING D1 "Ren & redaktionell" (2026-11-02b)
   Text, headings, lists and tables in Beskrivning + the Specifikationer card. nf-custom.js adds .nfd
   and tidies the markup (header rows, Totalt row, Övrigt table, lead paragraph).
   ===================================================================== */
body.catalog-product-view.nfp-ready .product.data.items > .item.content.nfp-desc { padding: 40px 48px !important; }
body.catalog-product-view .nfd { font-size: 16px !important; line-height: 1.75 !important; color: #333 !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; }
body.catalog-product-view .nfd p { margin: 0 0 14px !important; font-size: inherit !important; line-height: inherit !important; }
body.catalog-product-view .nfd p.nfd-lead { font-size: 19px !important; line-height: 1.6 !important; color: #1a1a1a !important; border-left: 4px solid #3cbdec; padding-left: 18px; margin: 4px 0 28px !important; }
body.catalog-product-view .nfd p.nfd-kicker { display: table; background: #0a0a0a; color: #fff !important; font-size: 11px !important; letter-spacing: 1.5px; text-transform: uppercase; padding: 6px 10px; margin: 0 0 18px !important; line-height: 1.3 !important; }
body.catalog-product-view .nfd p.nfd-kicker strong { color: #fff !important; }
body.catalog-product-view .nfd p.nfd-note { font-size: 13px !important; color: #6b7680 !important; margin-top: 10px !important; }
body.catalog-product-view .nfd h2:not(.nfp-h2) { font-size: 30px !important; line-height: 1.2 !important; font-weight: 900 !important; letter-spacing: -.3px !important; text-transform: none !important; color: #0a0a0a !important; margin: 0 0 16px !important; }
body.catalog-product-view .nfd h3, body.catalog-product-view .nfd h4 { display: flex !important; align-items: center; gap: 12px; font-size: 20px !important; line-height: 1.3 !important; font-weight: 800 !important; text-transform: none !important; letter-spacing: 0 !important; color: #0a0a0a !important; margin: 34px 0 10px !important; }
body.catalog-product-view .nfd h4 { font-size: 17px !important; }
body.catalog-product-view .nfd h3::before, body.catalog-product-view .nfd h4::before { content: ""; flex: 0 0 22px; height: 4px; background: #3cbdec; }
body.catalog-product-view .nfd a { color: #006898 !important; font-weight: 600; text-decoration: none !important; border-bottom: 1px solid #9fdcf3; }
body.catalog-product-view .nfd a:hover { color: #0a0a0a !important; border-bottom-color: #0a0a0a; }
body.catalog-product-view .nfd strong, body.catalog-product-view .nfd b { color: #1a1a1a; }
/* lists: checkmarks; a nested list (e.g. 2 × 2,5 kg) becomes small boxes */
body.catalog-product-view .nfd ul { list-style: none !important; margin: 0 0 18px !important; padding: 0 !important; }
body.catalog-product-view .nfd ul > li { position: relative; padding: 7px 0 7px 30px !important; margin: 0 !important; border-bottom: 1px solid #f0f0ea; }
body.catalog-product-view .nfd ul > li::before { content: ""; position: absolute; left: 4px; top: 15px; width: 12px; height: 7px; border-left: 3px solid #3cbdec; border-bottom: 3px solid #3cbdec; transform: rotate(-45deg); }
body.catalog-product-view .nfd ul ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 2px !important; }
body.catalog-product-view .nfd ul ul > li { border: 1px solid #d9dce0; background: #f6f6f6; padding: 4px 10px !important; font-size: 14px; font-weight: 700; color: #1a1a1a; }
body.catalog-product-view .nfd ul ul > li::before { display: none; }
body.catalog-product-view .nfd ol { margin: 0 0 18px !important; padding-left: 22px !important; }
body.catalog-product-view .nfd ol > li { padding: 4px 0 4px 6px; }
body.catalog-product-view .nfd ol > li::marker { color: #006898; font-weight: 800; }
/* tables: black header, zebra rows, bold first column, Totalt row */
body.catalog-product-view .nfd .nfd-table { width: 100%; overflow-x: auto; margin: 22px 0 !important; -webkit-overflow-scrolling: touch; }
body.catalog-product-view .nfd .nfd-table table { width: 100% !important; border-collapse: collapse !important; font-size: 15px !important; margin: 0 !important; border: 0 !important; }
body.catalog-product-view .nfd .nfd-table th { background: #0a0a0a !important; color: #fff !important; text-align: left !important; font-size: 11px !important; letter-spacing: 1.2px !important; text-transform: uppercase !important; font-weight: 800 !important; padding: 12px 14px !important; border: 0 !important; }
body.catalog-product-view .nfd .nfd-table td { padding: 11px 14px !important; border: 0 !important; border-bottom: 1px solid #ebebeb !important; text-align: left !important; vertical-align: top; background: #fff; }
body.catalog-product-view .nfd .nfd-table tbody tr:nth-child(even) td { background: #f7f8f9 !important; }
body.catalog-product-view .nfd .nfd-table td:first-child { font-weight: 700; color: #1a1a1a; width: 40%; }
body.catalog-product-view .nfd .nfd-table tfoot td { font-weight: 900 !important; border-top: 3px solid #0a0a0a !important; border-bottom: 0 !important; background: #fff !important; color: #0a0a0a; }
/* Specifikationer card */
body.catalog-product-view #additional.nfd { font-size: 15px !important; }
body.catalog-product-view #additional.nfd #product-attribute-specs-table th { padding: 10px 0 !important; }
body.catalog-product-view #additional.nfd #product-attribute-specs-table td { padding: 10px 0 !important; font-weight: 800 !important; border-bottom: 1px solid #ebebeb !important; }
body.catalog-product-view #additional.nfd .nfd-specs-h { font-size: 16px !important; margin: 24px 0 6px !important; }
body.catalog-product-view #additional.nfd .nfd-table { margin: 8px 0 0 !important; }
body.catalog-product-view #additional.nfd .nfd-table th { font-size: 10px !important; padding: 10px !important; }
body.catalog-product-view #additional.nfd .nfd-table td { font-size: 14px !important; padding: 9px 10px !important; }
@media (max-width: 767px) {
  body.catalog-product-view.nfp-ready .product.data.items > .item.content.nfp-desc { padding: 24px 18px !important; }
  body.catalog-product-view .nfd p.nfd-lead { font-size: 17px !important; }
  body.catalog-product-view .nfd h2:not(.nfp-h2) { font-size: 24px !important; }
  body.catalog-product-view .nfd h3 { font-size: 18px !important; }
  body.catalog-product-view .nfd .nfd-table td:first-child { width: auto; }
}

/* =====================================================================
   PRODUKTSIDA: "Relaterade produkter" / "Vi hittade andra produkter…" (+ cross-sell) with the category cards (2026-11-02c)
   Generated from the K2 card rules – scope: body.nfk-rel-cards .block.related/.upsell/.crosssell.
   The theme's carousel (5 per row, arrows by the title) stays. nf-custom.js sets body.nfk-rel-cards.
   ===================================================================== */
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-name > br { display: none !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .quality-commercial,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .quality-semi,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .quality-home {
  position: absolute !important; top: 10px; right: 10px; z-index: 6; margin: 0 !important; cursor: help;
  font-size: 10px !important; font-weight: 800 !important; letter-spacing: 1px !important; text-transform: uppercase !important; padding: 4px 8px !important;
}
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-info { position: relative !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-details,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-name { position: static !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .quality-commercial,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .quality-semi,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .quality-home { top: 10px !important; right: 10px !important; bottom: auto !important; left: auto !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-name .product-item-link { display: block; margin-top: 2px; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-items { align-items: stretch !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item { display: flex !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-info {
  display: flex !important; flex-direction: column !important; width: 100% !important; height: 100% !important; position: relative !important;
  background: #fff; padding: 0 !important; margin: 0 !important;
}
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-grid__image-wrapper { position: relative !important; padding: 14px 14px 6px !important; background: #fff; overflow: hidden; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-image-photo { object-fit: contain !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-grid-overlay { display: none !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .ox-product-labels-wrapper > span {
  margin: 0 !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: .5px !important; line-height: 1.25 !important;
  padding: 4px 7px !important; white-space: normal !important;
}
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-grid__image-wrapper .product-item-inner:not(:has(.ox-dots, .ox-nav)) { display: none !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-details {
  flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; gap: 6px; padding: 10px 16px 16px !important; margin: 0 !important;
}
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-name { margin: 0 !important; display: block; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-name .product-item-link {
  display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  min-height: 2.7em; margin: 0 !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.35 !important; color: #1a1a1a !important;
}
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item:hover .product-item-name .product-item-link { color: #006898 !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-reviews-summary { margin: 0 !important; font-size: 12px; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .price-box { margin: auto 0 0 !important; padding-top: 10px !important; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .price-box .price { font-size: 19px !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .price-box .old-price .price { font-size: 13px !important; font-weight: 500 !important; color: #6b6b66 !important; text-decoration: line-through; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .price-box .price-label { font-size: 10px !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .price-box .special-price .price-label,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .price-box .old-price .price-label { display: none !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .nfk-stock { margin: 0; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .nfk-actions .action.tocart,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .nfk-actions .stock-notification-button,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-details > .aw-cus__stock-notification .stock-notification-button {
  display: flex !important; align-items: center; justify-content: center; gap: 8px; width: 100% !important; min-height: 44px !important;
  margin: 0 !important; padding: 0 12px !important; border-radius: 0 !important; box-shadow: none !important; position: static !important;
  font-size: 12px !important; font-weight: 800 !important; letter-spacing: 1px !important; text-transform: uppercase !important; opacity: 1 !important; visibility: visible !important;
  transform: none !important;
}
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .nfk-actions .action.tocart { background: #3cbdec !important; color: #000 !important; border: 0 !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .nfk-actions .action.tocart:hover { background: #0a0a0a !important; color: #fff !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .nfk-actions .action.tocart span { display: inline !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .stock-notification-button { background: #fff !important; color: #0a0a0a !important; border: 1.5px solid #0a0a0a !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .stock-notification-button:hover { background: #0a0a0a !important; color: #fff !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-details > .aw-cus__stock-notification { margin-top: 10px !important; }
@media (max-width: 640px) {
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-items { gap: 10px !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-grid__image-wrapper { padding: 8px 8px 4px !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-details { padding: 8px 10px 12px !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-name .product-item-link { font-size: 13px !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .price-box .price { font-size: 16px !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .quality-commercial,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .quality-semi,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .quality-home { font-size: 8px !important; padding: 3px 5px !important; top: 6px !important; right: 6px !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .nfk-actions .action.tocart,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .stock-notification-button { font-size: 10px !important; letter-spacing: .3px !important; min-height: 40px !important; }
}
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-info,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-info:hover,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item:hover .product-item-info {
  border: 0 !important; outline: 0 !important; box-shadow: none !important; transform: none !important; top: auto !important; left: auto !important;
}
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-info::before,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-info::after { display: none !important; content: none !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .price-box .price,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .price-box .price-wrapper,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item:hover .price-box .price,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item:hover .price-box .price-wrapper {
  background: transparent !important; padding: 0 !important; box-shadow: none !important;
}
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .price-box .price,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item:hover .price-box .price { color: #006898 !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .price-box .old-price .price,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item:hover .price-box .old-price .price { color: #6b6b66 !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-details,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-name { text-align: left !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item { box-sizing: border-box !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-grid__image-wrapper::before,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-grid__image-wrapper::after,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-photo::before,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-photo::after,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-image-container::before,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-image-container::after,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-image-wrapper::before,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-image-wrapper::after { display: none !important; content: none !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-grid-overlay,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-inner:not(:has(.ox-dots, .ox-nav)),
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .overlay-link { display: none !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item:hover .product-grid__image-wrapper,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item:hover .product-image-container,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item:hover .product-image-wrapper { background: #fff !important; opacity: 1 !important; filter: none !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item:hover .product-image-photo:not(.product-thumb-image-photo) { opacity: 1 !important; filter: none !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item:hover .product-first-image-photo { opacity: 1 !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-second-image-photo { display: none !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item::after,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-info::before,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-info::after,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-details::before,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-details::after,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-photo::before,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-photo::after,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .ox-product-hover-image-container::before,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .ox-product-hover-image-container::after { display: none !important; content: none !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item.product-item:hover .product-item-info,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item.product-item:hover .product-grid__image-wrapper,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item.product-item:hover .product-item-photo,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item.product-item:hover .product-image-container,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item.product-item:hover .product-image-wrapper {
  background: #fff !important; background-image: none !important; opacity: 1 !important; filter: none !important; -webkit-filter: none !important;
}
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item.product-item .product-first-image-photo,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item.product-item:hover .product-first-image-photo {
  opacity: 1 !important; visibility: visible !important; filter: none !important; -webkit-filter: none !important; display: block !important;
}
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item.product-item .product-second-image-photo { display: none !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .nfk-actions,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .nfk-actions .product-item-actions,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .nfk-actions .actions-primary,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .nfk-actions .actions-secondary,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .nfk-actions form,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item.product-item:hover .nfk-actions,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item.product-item:hover .nfk-actions .product-item-actions,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item.product-item:hover .nfk-actions .actions-primary,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item.product-item:hover .nfk-actions form {
  position: static !important; inset: auto !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important;
  width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;
  background: none !important; background-color: transparent !important; box-shadow: none !important;
  opacity: 1 !important; visibility: visible !important; transform: none !important; transition: none !important;
  display: block !important; z-index: auto !important; pointer-events: auto !important;
}
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .nfk-actions { margin-top: 10px !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .nfk-actions .actions-secondary { display: none !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .nfk-actions::before,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .nfk-actions::after,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .nfk-actions .product-item-actions::before,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .nfk-actions .product-item-actions::after,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .nfk-actions .actions-primary::before,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .nfk-actions .actions-primary::after { display: none !important; content: none !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-details > .aw-cus__stock-notification {
  position: static !important; inset: auto !important; background: none !important; opacity: 1 !important; transform: none !important; width: 100% !important; height: auto !important;
}
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-grid__image-wrapper > *:not(.product-item-photo):not(.ox-product-labels-wrapper):not(.ProductAttributeQuality):not(.product-item-inner):not(style):not(script) { display: none !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-photo > *:not(.product-image-container):not(style):not(script) { display: none !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-image-container > *:not(.product-image-wrapper):not(style) { display: none !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-image-wrapper > *:not(img) { display: none !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-info > *:not(.product-grid__image-wrapper):not(.product-item-details):not(style):not(script):not(.ox-product-labels-wrapper) { display: none !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-details,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item.product-item:hover .product-item-details {
  background: #f6f6f6 !important; background-image: none !important; border-top: 1px solid #ebebeb !important; box-shadow: none !important; filter: none !important;
}
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-details :is(.price-box, .price-box *, .price-container, .price-wrapper, .product-item-name, .nfk-stock, .product-reviews-summary) { background: transparent !important; box-shadow: none !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-details::before,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-details::after,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-info::before,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-info::after { background: transparent !important; box-shadow: none !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item .product-item-details *:not(.nfk-actions):not(.nfk-actions *):not(.ProductAttributeQuality):not(.ProductAttributeQuality *):not([class*="quality-"]):not([class*="quality-"] *),
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item:hover .product-item-details *:not(.nfk-actions):not(.nfk-actions *):not(.ProductAttributeQuality):not(.ProductAttributeQuality *):not([class*="quality-"]):not([class*="quality-"] *) {
  background-color: transparent !important; box-shadow: none !important;
}
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item:hover .product-item-details .price-box .price { color: #0b6e99 !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item .product-item-details .product-item-name,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item .product-item-details .product-item-name a,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item:hover .product-item-details .product-item-name a,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item:hover .product-item-details .product-item-link {
  color: #111 !important; -webkit-text-fill-color: #111 !important; opacity: 1 !important; visibility: visible !important; text-shadow: none !important;
}
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item .product-item-details .product-item-name { transform: none !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item:hover .product-item-details .price-box .price,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item .product-item-details .price-box .price { color: #0b6e99 !important; -webkit-text-fill-color: #0b6e99 !important; opacity: 1 !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item:hover .product-item-details .price-box .old-price .price { color: #888 !important; -webkit-text-fill-color: #888 !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-name::before,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-name::after,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-link::before,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-link::after,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-info > a::before,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-info > a::after,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-photo::before,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-photo::after,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-image-container::before,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-image-container::after,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-image-wrapper::before,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-image-wrapper::after,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-grid__image-wrapper::before,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-grid__image-wrapper::after {
  content: none !important; display: none !important; background: none !important; opacity: 0 !important;
}
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item .product-item-name,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item .product-item-name .product-item-link {
  visibility: visible !important; opacity: 1 !important; position: static !important; clip: auto !important; clip-path: none !important; width: auto !important; height: auto !important;
}
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item .product-item-name { display: block !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item .product-item-name .product-item-link { display: -webkit-box !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item .product-item-details *:not(.nfk-actions):not(.nfk-actions *):not(.ProductAttributeQuality):not(.ProductAttributeQuality *):not([class*="quality-"]):not([class*="quality-"] *),
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item:hover .product-item-details *:not(.nfk-actions):not(.nfk-actions *):not(.ProductAttributeQuality):not(.ProductAttributeQuality *):not([class*="quality-"]):not([class*="quality-"] *) {
  background-image: none !important; box-shadow: none !important; filter: none !important; backdrop-filter: none !important;
}
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item:hover .product-item-details *:not(.nfk-actions):not(.nfk-actions *):not(.ProductAttributeQuality):not(.ProductAttributeQuality *):not([class*="quality-"]):not([class*="quality-"] *):not(.price-box)::before,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item:hover .product-item-details *:not(.nfk-actions):not(.nfk-actions *):not(.ProductAttributeQuality):not(.ProductAttributeQuality *):not([class*="quality-"]):not([class*="quality-"] *)::after,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item .product-item-details *:not(.nfk-actions):not(.nfk-actions *):not(.ProductAttributeQuality):not(.ProductAttributeQuality *):not([class*="quality-"]):not([class*="quality-"] *):not(.price-box)::before,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item .product-item-details *:not(.nfk-actions):not(.nfk-actions *):not(.ProductAttributeQuality):not(.ProductAttributeQuality *):not([class*="quality-"]):not([class*="quality-"] *)::after {
  background: none !important; box-shadow: none !important;
}
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .nfk-actions a.nf-choose-options { background: #0a0a0a !important; color: #fff !important; width: 100%; min-height: 44px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; font-size: 13px; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .nfk-actions a.nf-choose-options:hover { background: #3cbdec !important; color: #000 !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-grid__image-wrapper .product-item-inner:has(.ox-dots, .ox-nav) {
  display: block !important; position: absolute !important; inset: 0 !important; z-index: 3;
  background: transparent !important; box-shadow: none !important; opacity: 1 !important; transform: none !important;
  pointer-events: none !important;           
}
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-inner:has(.ox-dots, .ox-nav)::before,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-inner:has(.ox-dots, .ox-nav)::after { display: none !important; content: none !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-inner > :not(.ox-dots):not(.ox-nav) { display: none !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-inner .ox-dots,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-inner .ox-nav,
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-inner .ox-nav button { pointer-events: auto !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .products-grid .product-item-details .stock-info-block { display: none !important; }

/* carousel: equal-height cards */
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .owl-stage { display: flex !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .owl-item { display: flex !important; height: auto !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .owl-item > .product-item { display: flex !important; width: 100% !important; padding: 6px !important; box-sizing: border-box !important; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .product-item-info { width: 100% !important; }
/* before the carousel starts (or without it): a simple row */
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .product-items:not(.owl-loaded) { display: flex !important; flex-wrap: wrap; gap: 12px; }
body.nfk-rel-cards :is(.block.related, .block.upsell, .block.crosssell) .product-items:not(.owl-loaded) > .product-item-info { flex: 0 0 calc((100% - 48px) / 5); }

/* =====================================================================
   HEADER H1 "Svart butik" (2026-11-02d)
   Black top bar with 5 USPs · black main row: white logo, white search with cyan button, Konto / Varukorg as
   icon + label, cyan KASSA · dark menu bar with white uppercase links, Outlet in red, "Offert →" in cyan.
   ===================================================================== */
/* top bar */
.nf-trust-banner { background: #0a0a0a !important; border-bottom: 1px solid #22272c !important; }
.nf-trust-banner__inner { max-width: 1380px !important; margin: 0 auto !important; padding: 0 24px !important; justify-content: space-between !important; gap: 20px !important; min-height: 34px; }
.nf-trust-banner__item, .nf-trust-banner__google, .nf-trust-banner__phone { color: #c9ced3 !important; font-size: 12px !important; }
.nf-trust-banner__item b, .nf-trust-banner__phone b, .nf-trust-banner__rating { color: #fff !important; font-weight: 700 !important; }
.nf-trust-banner__icon { background: none !important; width: auto !important; height: auto !important; }
.nf-trust-banner__icon svg { width: 15px !important; height: 15px !important; stroke: #3cbdec !important; fill: none !important; }
.nf-trust-banner__google { border: 0 !important; background: none !important; padding: 0 !important; }
.nf-trust-banner__phone { display: inline-flex; align-items: center; gap: 7px; text-decoration: none !important; }
@media (max-width: 1024px) {
  .nf-trust-banner__item--desk, .nf-trust-banner__phone { display: none !important; }
  .nf-trust-banner__inner { justify-content: center !important; }
}

/* main row: black */
body .page-header,
body .page-header .sticky-wrapper,
body .page-header .header__content-wrapper,
body .page-header .nf-header.header__content { background: #0a0a0a !important; }
body .page-header { border-bottom: 0 !important; }
body .page-header .nf-header.header__content .logo__container .logo img { filter: brightness(0) invert(1) !important; }

/* search: white field + cyan square button */
body .page-header .nf-header.header__content #header-search-container input[type="text"] {
  background: #fff !important; border: 0 !important; border-radius: 0 !important; height: 48px !important; padding: 0 18px !important;
  font-size: 15px !important; color: #1a1a1a !important; box-shadow: none !important;
}
body .page-header .nf-header.header__content #header-search-container .button-search,
body .page-header .nf-header.header__content #header-search-container button[type="submit"] {
  background: #3cbdec !important; color: #000 !important; width: 56px !important; height: 48px !important; border: 0 !important; border-radius: 0 !important;
}
body .page-header .nf-header.header__content #header-search-container .button-search:hover,
body .page-header .nf-header.header__content #header-search-container button[type="submit"]:hover { background: #fff !important; color: #000 !important; }
body .page-header .nf-header.header__content #header-search-container .nf-search-form,
body .page-header .nf-header.header__content #header-search-container .lof-search { display: flex !important; align-items: stretch !important; }
body .page-header .nf-header.header__content .nf-mobile-search-btn { color: #fff !important; background: transparent !important; }

/* Konto + Varukorg: icon over a small uppercase label */
body .page-header .nf-header.header__content .header__item-account .js-item-myaccount-action,
body .page-header .nf-header.header__content .minicart-wrapper .action.showcart {
  display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 4px !important;
  background: transparent !important; color: #fff !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important;
  min-width: 70px !important; height: 52px !important; padding: 4px 10px !important; position: relative !important;
  font-size: 11px !important; font-weight: 700 !important; letter-spacing: .6px !important; text-transform: uppercase !important; line-height: 1 !important;
}
body .page-header .nf-header.header__content .header__item-account .js-item-myaccount-action:hover,
body .page-header .nf-header.header__content .minicart-wrapper .action.showcart:hover { background: #16191c !important; color: #fff !important; }
body .page-header .nf-header.header__content .header__item-account .js-item-myaccount-action i,
body .page-header .nf-header.header__content .minicart-wrapper .action.showcart i { font-size: 20px !important; color: #fff !important; margin: 0 !important; }
body .page-header .nf-header.header__content .header__item-account .js-item-myaccount-action .label { display: none !important; }
body .page-header .nf-header.header__content .header__item-account .js-item-myaccount-action::after { content: "Konto"; display: block !important; position: static !important; background: none !important; width: auto !important; height: auto !important; }
body .page-header .nf-header.header__content .minicart-wrapper .action.showcart .text { display: block !important; color: #fff !important; font-size: 11px !important; margin: 0 !important; }
body .page-header .nf-header.header__content .minicart-wrapper .action.showcart .counter.qty {
  position: absolute !important; top: 0 !important; right: 8px !important; margin: 0 !important; border: 0 !important;
  background: #3cbdec !important; color: #000 !important; min-width: 20px !important; height: 20px !important; padding: 0 5px !important;
  display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 0 !important;
}
body .page-header .nf-header.header__content .minicart-wrapper .action.showcart .counter.qty.empty { display: none !important; }
body .page-header .nf-header.header__content .minicart-wrapper .action.showcart .counter-number { color: #000 !important; font-size: 11px !important; font-weight: 900 !important; }

/* KASSA: cyan, text then arrow */
body .page-header .nf-header.header__content .headerbutton-kassa {
  display: inline-flex !important; flex-direction: row-reverse !important; align-items: center !important; gap: 10px !important;
  height: 48px !important; padding: 0 20px !important; margin-left: 8px !important;
  background: #3cbdec !important; color: #000 !important; border: 0 !important; border-radius: 0 !important;
  font-weight: 900 !important; font-size: 13px !important; letter-spacing: 1px !important; text-transform: uppercase !important;
}
body .page-header .nf-header.header__content .headerbutton-kassa:hover { background: #fff !important; color: #000 !important; }
body .page-header .nf-header.header__content .headerbutton-kassa i { color: #000 !important; font-size: 14px !important; }

/* menu bar: dark, full width */
body .page-header:not(.sticky) .nf-header.header__content .header-nav-wide {
  background: #16191c !important; border: 0 !important; border-bottom: 3px solid #3cbdec !important;
  position: relative !important; isolation: isolate;
  display: flex !important; align-items: center !important;
}
body .page-header:not(.sticky) .nf-header.header__content .header-nav-wide > * { background: transparent !important; }
body .page-header:not(.sticky) .nf-header.header__content .header-nav-wide .ox-megamenu-navigation { background: transparent !important; flex: 1 1 auto; }
body .page-header:not(.sticky) .nf-header.header__content .header-nav-wide .ox-megamenu-navigation > li.level0 > .ox-mm-a-wrap > a,
body .page-header:not(.sticky) .nf-header.header__content .header-nav-wide .ox-megamenu-navigation > li.level0 > a.level-top {
  color: #e6e9ec !important; background: transparent !important; white-space: nowrap !important;
  font-size: 12px !important; font-weight: 700 !important; letter-spacing: .5px !important; text-transform: uppercase !important;
  padding: 0 11px !important; height: 48px !important; line-height: 48px !important; border-bottom: 3px solid transparent !important;
}
body .page-header:not(.sticky) .nf-header.header__content .header-nav-wide .ox-megamenu-navigation > li.level0:first-child > .ox-mm-a-wrap > a { padding-left: 0 !important; }
body .page-header:not(.sticky) .nf-header.header__content .header-nav-wide .ox-megamenu-navigation > li.level0 > .ox-mm-a-wrap > a:hover,
body .page-header:not(.sticky) .nf-header.header__content .header-nav-wide .ox-megamenu-navigation > li.level0:is(.active, .has-active, .ox-megamenu--opened) > .ox-mm-a-wrap > a { color: #fff !important; border-bottom-color: #fff !important; }
body .page-header:not(.sticky) .nf-header.header__content .header-nav-wide .ox-megamenu-navigation > li.level0 > .ox-mm-a-wrap > a::before { display: none !important; }
body .page-header:not(.sticky) .nf-header.header__content .header-nav-wide .ox-megamenu-navigation > li.nf-nav-outlet,
body .page-header:not(.sticky) .nf-header.header__content .header-nav-wide .ox-megamenu-navigation > li.nf-nav-outlet > .ox-mm-a-wrap,
body .page-header:not(.sticky) .nf-header.header__content .header-nav-wide .ox-megamenu-navigation > li.nf-nav-outlet > .ox-mm-a-wrap > a { background: transparent !important; }
body .page-header:not(.sticky) .nf-header.header__content .header-nav-wide .ox-megamenu-navigation > li.nf-nav-outlet > .ox-mm-a-wrap > a { color: #ff5a5a !important; }
body .page-header:not(.sticky) .nf-header.header__content .header-nav-wide .nf-nav-offert {
  margin-left: auto; flex: 0 0 auto; color: #3cbdec !important; text-decoration: none !important; white-space: nowrap;
  font-size: 12px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; padding: 0 0 0 14px; line-height: 48px;
}
body .page-header:not(.sticky) .nf-header.header__content .header-nav-wide .nf-nav-offert:hover { color: #fff !important; }
@media (max-width: 1024px) {
  body .page-header:not(.sticky) .nf-header.header__content .header-nav-wide .nf-nav-offert { display: none !important; }
  body .page-header .nf-header.header__content .slide-out-menu--mobile, body .page-header .nf-header.header__content .slide-out-menu--mobile * { color: #fff !important; }
  body .page-header .nf-header.header__content .slide-out-menu--mobile .hamburger-menu-icon-small span,
  body .page-header .nf-header.header__content .slide-out-menu--mobile .icon span { background: #fff !important; }
  body .page-header .nf-header.header__content .minicart-wrapper .action.showcart { min-width: 48px !important; height: 48px !important; padding: 4px !important; }
  body .page-header .nf-header.header__content .minicart-wrapper .action.showcart .text { display: none !important; }
}

/* ---------- H1 fixes after the first live test (2026-11-02e) ---------- */
@media (min-width: 1025px) {
  body .page-header .nf-header.header__content .nf-mobile-search-btn { display: none !important; }
  body .page-header .nf-header.header__content #header-search-container { max-width: 640px !important; }
  body .page-header .nf-header.header__content #header-search-container .nf-search-form .control,
  body .page-header .nf-header.header__content #header-search-container .lof-search .control { flex: 1 1 auto !important; width: auto !important; }
  body .page-header .nf-header.header__content #header-search-container .nf-search-form .button-search,
  body .page-header .nf-header.header__content #header-search-container .lof-search .button-search { position: static !important; flex: 0 0 56px !important; }
}
/* order in the right group: Konto · Varukorg · KASSA */
body .page-header .nf-header.header__content .flex-right > .header__item-account { order: 1; }
body .page-header .nf-header.header__content .flex-right > .minicart-wrapper { order: 2; }
body .page-header .nf-header.header__content .flex-right > .headerbutton-kassa { order: 3; }
body .page-header .nf-header.header__content .header__item-account .js-item-myaccount-action::after { content: none !important; display: none !important; }
body .page-header .nf-header.header__content .nf-ic-label { display: block; font-size: 11px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: #fff; line-height: 1; }
body .page-header .nf-header.header__content .minicart-wrapper .action.showcart .text { text-transform: uppercase !important; letter-spacing: .6px !important; font-weight: 700 !important; }
/* menu links: the module's global.css forces lowercase/regular on the inner span */
body .page-header:not(.sticky) .nf-header.header__content .header-nav-wide .ox-megamenu-navigation { justify-content: flex-start !important; margin: 0 !important; padding: 0 !important; }
body .page-header:not(.sticky) .nf-header.header__content .header-nav-wide .ox-megamenu-navigation > li.level0 > .ox-mm-a-wrap > a span,
body .page-header:not(.sticky) .nf-header.header__content .header-nav-wide .ox-megamenu-navigation > li.level0 > a.level-top span {
  color: inherit !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: 12px !important;
  font-weight: 700 !important; letter-spacing: .5px !important; text-transform: uppercase !important;
}
/* sticky: no menu bar, no Offert link */
body .page-header.sticky .nf-header .nf-nav-offert { display: none !important; }

/* =====================================================================
   MEGA MENU M3 "Sidomeny + innehåll" (2026-11-02f) – built by nf-custom.js from the CMS menu content.
   Desktop: black side menu · categories of the hovered group · promo / help box. Mobile keeps the original.
   ===================================================================== */
.nfm3 { display: none; }
@media (min-width: 1025px) {
  body .page-header .ox-megamenu-navigation > li.level0 > .ox-megamenu__dropdown.nfm3-on {
    left: 0 !important; right: 0 !important; width: auto !important; max-width: none !important; margin: 0 !important;
    padding: 0 !important; background: #fff !important; border: 0 !important; border-radius: 0 !important;
    box-shadow: 0 24px 40px rgba(0,0,0,.22) !important;
  }
  body .page-header .ox-megamenu-navigation > li.level0 > .ox-megamenu__dropdown.nfm3-on > .ox-mm-inner { padding: 0 !important; max-height: none !important; overflow: visible !important; }
  body .page-header .ox-megamenu-navigation > li.level0 > .ox-megamenu__dropdown.nfm3-on > .ox-mm-inner > :not(.nfm3) { display: none !important; }
  .nfm3 { display: grid; grid-template-columns: 260px minmax(0, 1fr) 300px; min-height: 380px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: left; }
  .nfm3--single { grid-template-columns: minmax(0, 1fr) 300px; }
  .nfm3--single .nfm3-side { display: none; }
  /* side */
  .nfm3-side { background: #0a0a0a; padding: 14px 0; display: flex; flex-direction: column; }
  .nfm3 .nfm3-tab {
    display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 12px 20px !important;
    color: #c9ced3 !important; text-decoration: none !important; font-size: 13px !important; font-weight: 700 !important;
    letter-spacing: .4px; text-transform: uppercase; border-left: 4px solid transparent; background: none !important; line-height: 1.3 !important;
  }
  .nfm3 .nfm3-tab span { color: #3cbdec; font-size: 16px; }
  .nfm3 .nfm3-tab.is-on, .nfm3 .nfm3-tab:hover, .nfm3 .nfm3-tab:focus-visible { background: #16191c !important; color: #fff !important; border-left-color: #3cbdec; outline: none; }
  .nfm3 .nfm3-all {
    margin-top: auto; padding: 16px 20px 6px !important; border-top: 1px solid #22272c; color: #3cbdec !important; text-decoration: none !important;
    font-size: 12px !important; font-weight: 800 !important; letter-spacing: 1px; text-transform: uppercase; line-height: 1.4 !important; background: none !important;
  }
  .nfm3 .nfm3-all:hover { color: #fff !important; }
  /* main */
  .nfm3-main { padding: 26px 30px 30px; background: #fff; }
  .nfm3-panel { display: none; }
  .nfm3-panel.is-on { display: block; }
  .nfm3-ph { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin: 0 0 18px; padding-bottom: 12px; border-bottom: 1px solid #ebebeb; }
  .nfm3 .nfm3-ph h3 { margin: 0 !important; font-size: 22px !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: .2px !important; color: #0a0a0a !important; font-family: inherit !important; }
  .nfm3 .nfm3-ph h3 a { color: inherit !important; text-decoration: none !important; padding: 0 !important; background: none !important; font: inherit !important; }
  .nfm3 .nfm3-see { color: #006898 !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .8px; text-transform: uppercase; text-decoration: none !important; white-space: nowrap; padding: 0 !important; background: none !important; }
  .nfm3-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)); gap: 12px; }
  .nfm3 .nfm3-tile { display: flex !important; flex-direction: column; gap: 8px; text-decoration: none !important; color: #1a1a1a !important; padding: 0 !important; background: none !important; }
  .nfm3-img { display: block; aspect-ratio: 4 / 3; background: #f6f6f6; border: 1px solid #ebebeb; overflow: hidden; }
  .nfm3-img img { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform .3s ease; }
  .nfm3 .nfm3-tile:hover .nfm3-img { border-color: #3cbdec; }
  .nfm3 .nfm3-tile:hover .nfm3-img img { transform: scale(1.05); }
  .nfm3 .nfm3-tile b { font-size: 13px; font-weight: 800; line-height: 1.3; }
  .nfm3 .nfm3-tile small { font-size: 11px; color: #6b7680; }
  .nfm3-list { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 26px; align-items: start; }
  .nfm3-list--noimg { grid-template-columns: minmax(0, 1fr); }
  .nfm3 .nfm3-hero { display: block; aspect-ratio: 1 / 1; background: #f6f6f6; border: 1px solid #ebebeb; padding: 0 !important; }
  .nfm3 .nfm3-hero img { width: 100%; height: 100%; object-fit: contain; display: block; }
  .nfm3-list ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .nfm3-list li { margin: 0; padding: 0; }
  .nfm3 .nfm3-list li a {
    display: flex !important; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px !important;
    background: #f6f6f6 !important; border: 1px solid #ebebeb; color: #1a1a1a !important; text-decoration: none !important;
    font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; text-transform: none !important;
  }
  .nfm3 .nfm3-list li a::after { content: "›"; color: #3cbdec; font-size: 18px; font-weight: 900; }
  .nfm3 .nfm3-list li a:hover { background: #0a0a0a !important; color: #fff !important; border-color: #0a0a0a; }
  /* aside */
  .nfm3-aside { background: #f6f6f6; border-left: 1px solid #e0e0d8; padding: 24px 22px; }
  .nfm3-aside .nf-promo { display: flex !important; flex-direction: column; gap: 10px; background: #fff !important; border: 1px solid #e0e0d8 !important; border-top: 4px solid #3cbdec !important; padding: 16px !important; text-decoration: none !important; color: #1a1a1a !important; }
  .nfm3-aside .nf-promo__badge { align-self: flex-start; background: #0a0a0a !important; color: #fff !important; font-size: 10px !important; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; padding: 3px 8px !important; }
  .nfm3-aside .nf-promo__image img { width: 100%; height: auto; display: block; }
  .nfm3-aside .nf-promo__title { margin: 0 !important; font-size: 18px !important; font-weight: 900 !important; text-transform: uppercase; color: #0a0a0a !important; }
  .nfm3-aside .nf-promo__text { margin: 0 !important; font-size: 13px !important; line-height: 1.5 !important; color: #444 !important; }
  .nfm3-aside .nf-promo__cta { color: #006898 !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .8px; text-transform: uppercase; }
  .nfm3-help { background: #0a0a0a; border-top: 4px solid #3cbdec; padding: 22px; display: flex; flex-direction: column; gap: 10px; color: #fff; }
  .nfm3-help small { color: #3cbdec; font-size: 10px; font-weight: 800; letter-spacing: 1.6px; text-transform: uppercase; }
  .nfm3-help b { font-size: 20px; line-height: 1.1; text-transform: uppercase; }
  .nfm3-help p { margin: 0; font-size: 13px; line-height: 1.5; color: #c9ced3; }
  .nfm3 .nfm3-help-btn { align-self: flex-start; background: #3cbdec !important; color: #000 !important; font-weight: 900 !important; font-size: 12px !important; letter-spacing: 1px; text-transform: uppercase; padding: 12px 16px !important; text-decoration: none !important; margin-top: 4px; }
  .nfm3 .nfm3-help-btn:hover { background: #fff !important; }
  .nfm3 .nfm3-help-tel { color: #fff !important; font-weight: 700 !important; font-size: 14px !important; text-decoration: none !important; padding: 0 !important; background: none !important; }
  /* small dropdowns (Kampanjer …): same dark style as the side menu */
  body .page-header .ox-megamenu-navigation > li.level0.ox-dropdown--simple > .ox-megamenu__dropdown {
    background: #0a0a0a !important; border-top: 3px solid #3cbdec !important; padding: 8px 0 !important; min-width: 240px; box-shadow: 0 18px 30px rgba(0,0,0,.25) !important;
  }
  body .page-header .ox-megamenu-navigation > li.level0.ox-dropdown--simple > .ox-megamenu__dropdown .ox-megamenu-list { padding: 0 !important; background: transparent !important; }
  body .page-header .ox-megamenu-navigation > li.level0.ox-dropdown--simple > .ox-megamenu__dropdown .level1 > .ox-mm-a-wrap > a {
    display: flex !important; align-items: center; gap: 8px; padding: 11px 20px !important; background: transparent !important; border: 0 !important;
    color: #e6e9ec !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: .4px; text-transform: uppercase;
  }
  body .page-header .ox-megamenu-navigation > li.level0.ox-dropdown--simple > .ox-megamenu__dropdown .level1 > .ox-mm-a-wrap > a span.name { color: inherit !important; font: inherit !important; text-transform: inherit !important; }
  body .page-header .ox-megamenu-navigation > li.level0.ox-dropdown--simple > .ox-megamenu__dropdown .level1 > .ox-mm-a-wrap > a:hover { background: #16191c !important; color: #fff !important; }
}

/* menu bar full width WITHOUT clipping (clip-path cut the dropdowns down to a thin strip) – 2026-11-02g */
@media (min-width: 1025px) {
body .page-header:not(.sticky) .nf-header.header__content .header-nav-wide::before {
  content: ""; position: absolute; z-index: -1; top: 0; bottom: -3px; left: 50%; width: 100vw; transform: translateX(-50%);
  background: #16191c; border-bottom: 3px solid #3cbdec; pointer-events: none;
}
}
body .page-header:not(.sticky) .nf-header.header__content .header-nav-wide { border-bottom: 0 !important; overflow: visible !important; clip-path: none !important; }

/* search button hover: white with a black icon (the theme slides a dark ::before/::after layer over buttons) – 2026-11-02h */
body .page-header .nf-header.header__content #header-search-container .button-search::before,
body .page-header .nf-header.header__content #header-search-container .button-search::after,
body .page-header .nf-header.header__content #header-search-container button[type="submit"]::before,
body .page-header .nf-header.header__content #header-search-container button[type="submit"]::after { display: none !important; content: none !important; }
body .page-header .nf-header.header__content #header-search-container .button-search:hover,
body .page-header .nf-header.header__content #header-search-container .button-search:focus-visible,
body .page-header .nf-header.header__content #header-search-container button[type="submit"]:hover,
body .page-header .nf-header.header__content #header-search-container button[type="submit"]:focus-visible { background: #fff !important; background-color: #fff !important; color: #000 !important; box-shadow: inset 0 0 0 2px #3cbdec !important; }
body .page-header .nf-header.header__content #header-search-container .button-search i,
body .page-header .nf-header.header__content #header-search-container .button-search svg,
body .page-header .nf-header.header__content #header-search-container button[type="submit"] i,
body .page-header .nf-header.header__content #header-search-container button[type="submit"] svg { color: #000 !important; fill: currentColor; position: relative; z-index: 1; }

/* =====================================================================
   STICKY KATEGORIER (2026-11-02i) – sticky header gets a "Kategorier" button that opens the main menu
   (the theme moves nav.ox-megamenu into .flex-left when sticky) as a dark bar with the M3 dropdowns.
   ===================================================================== */
.nf-sticky-cats { display: none; }
@media (min-width: 1025px) {
  body .page-header.sticky .nf-header.header__content { position: relative !important; }
  body .page-header.sticky .nf-header.header__content .flex-left { position: static !important; }
  body .page-header.sticky .nf-header.header__content .nf-sticky-cats {
    display: inline-flex !important; align-items: center; gap: 10px; flex: 0 0 auto; height: 44px; padding: 0 16px; margin: 0 6px 0 0;
    background: #16191c !important; color: #fff !important; border: 0 !important; border-radius: 0 !important; cursor: pointer;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 800; font-size: 12px; letter-spacing: 1px; text-transform: uppercase;
  }
  body .page-header.sticky .nf-header.header__content .nf-sticky-cats svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
  body .page-header.sticky .nf-header.header__content .nf-sticky-cats::before, body .page-header.sticky .nf-header.header__content .nf-sticky-cats::after { display: none !important; }
  body .page-header.sticky .nf-header.header__content .nf-sticky-cats:hover, body .page-header.sticky.nf-cats-open .nf-header.header__content .nf-sticky-cats { background: #3cbdec !important; color: #000 !important; }
  /* the menu bar under the sticky header */
  body .page-header.sticky.nf-cats-open .nf-header.header__content .flex-left .ox-megamenu {
    display: block !important; position: absolute !important; left: 0; right: 0; top: 100%; z-index: 30;
    background: #16191c !important; margin: 0 !important; padding: 0 !important; isolation: isolate;
  }
  body .page-header.sticky.nf-cats-open .nf-header.header__content .flex-left .ox-megamenu::before {
    content: ""; position: absolute; z-index: -1; top: 0; bottom: -3px; left: 50%; width: 100vw; transform: translateX(-50%);
    background: #16191c; border-bottom: 3px solid #3cbdec; pointer-events: none;
  }
  body .page-header.sticky.nf-cats-open .nf-header.header__content .flex-left .ox-megamenu .ox-megamenu-navigation {
    display: flex !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: center;
    position: static !important; margin: 0 !important; padding: 0 !important; background: transparent !important;
  }
  body .page-header.sticky.nf-cats-open .nf-header.header__content .flex-left .ox-megamenu .ox-megamenu-navigation > li.level0 { position: static !important; display: block !important; }
  body .page-header.sticky.nf-cats-open .nf-header.header__content .flex-left .ox-megamenu .ox-megamenu-navigation > li.level0 > .ox-mm-a-wrap > a {
    color: #e6e9ec !important; background: transparent !important; white-space: nowrap !important; display: flex !important; align-items: center;
    padding: 0 11px !important; height: 48px !important; line-height: 48px !important; border-bottom: 3px solid transparent !important;
  }
  body .page-header.sticky.nf-cats-open .nf-header.header__content .flex-left .ox-megamenu .ox-megamenu-navigation > li.level0:first-child > .ox-mm-a-wrap > a { padding-left: 0 !important; }
  body .page-header.sticky.nf-cats-open .nf-header.header__content .flex-left .ox-megamenu .ox-megamenu-navigation > li.level0 > .ox-mm-a-wrap > a span {
    color: inherit !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: 12px !important;
    font-weight: 700 !important; letter-spacing: .5px !important; text-transform: uppercase !important;
  }
  body .page-header.sticky.nf-cats-open .nf-header.header__content .flex-left .ox-megamenu .ox-megamenu-navigation > li.level0 > .ox-mm-a-wrap > a:hover,
  body .page-header.sticky.nf-cats-open .nf-header.header__content .flex-left .ox-megamenu .ox-megamenu-navigation > li.level0.ox-megamenu--opened > .ox-mm-a-wrap > a { color: #fff !important; border-bottom-color: #fff !important; }
  body .page-header.sticky.nf-cats-open .nf-header.header__content .flex-left .ox-megamenu .ox-megamenu-navigation > li.nf-nav-outlet > .ox-mm-a-wrap > a { color: #ff5a5a !important; background: transparent !important; }
  body .page-header.sticky.nf-cats-open .nf-header.header__content .flex-left .ox-megamenu .ox-megamenu-navigation > li.level0 > .ox-mm-a-wrap > a::before { display: none !important; }
  body .page-header.sticky.nf-cats-open .nf-header.header__content .flex-left .ox-megamenu .ox-megamenu-navigation > li.level0 > .ox-megamenu__dropdown { top: 100% !important; bottom: auto !important; margin-top: 0 !important; }
}

/* ---------- menu layering + small dropdowns (2026-11-02j) ----------
   1) The whole header is a layer ABOVE the page, so positioned page parts (banners, boxes) can't cover a dropdown.
   2) Small dropdowns (Kampanjer, Outlet, Blogg) open under their own menu item again. */
@media (min-width: 1025px) {
  body .page-wrapper > .page-header { position: relative; z-index: 60; }
  body .page-header .header-nav-wide,
  body .page-header .ox-megamenu { z-index: 61; }
  body .page-header .ox-megamenu-navigation > li.level0.ox-dropdown--simple,
  body .page-header:not(.sticky) .nf-header .header-nav-wide .ox-megamenu-navigation > li.level0.ox-dropdown--simple,
  body .page-header.sticky.nf-cats-open .nf-header.header__content .flex-left .ox-megamenu .ox-megamenu-navigation > li.level0.ox-dropdown--simple { position: relative !important; }
  body .page-header .ox-megamenu-navigation > li.level0.ox-dropdown--simple > .ox-megamenu__dropdown { top: 100% !important; left: 0 !important; right: auto !important; margin-top: 0 !important; }
  body .page-header .ox-megamenu-navigation > li.level0.ox-dropdown--megamenu > .ox-megamenu__dropdown { z-index: 62 !important; }
}

/* menu tiles: square, the image fills the tile – no grey around it (2026-11-08k) */
@media (min-width: 1025px) {
  .nfm3-img { aspect-ratio: 1 / 1 !important; background: #fff !important; border: 1px solid #ebebeb !important; }
  .nfm3-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
  .nfm3 .nfm3-hero { background: #fff !important; }
  .nfm3 .nfm3-hero img { object-fit: cover !important; }
}

/* ===== Bundle "Din anpassning" box: [ − | 1 | + ] + cart button on one row (2026-11-08k) =====
   This box sits outside .product-info-main, so the earlier quantity rules did not reach it. */
body.catalog-product-view #bundleSummary .box-tocart { display: block !important; width: 100% !important; margin: 14px 0 0 !important; }
body.catalog-product-view #bundleSummary .box-tocart .fieldset { display: flex !important; flex-wrap: nowrap !important; align-items: stretch !important; gap: 10px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
body.catalog-product-view #bundleSummary .box-tocart .field.qty { flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; width: auto !important; }
body.catalog-product-view #bundleSummary .box-tocart .field.qty > .label { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; }
body.catalog-product-view #bundleSummary .qty-controls-wrap {
  display: flex !important; flex-direction: row !important; align-items: stretch !important;
  height: 56px !important; width: auto !important; margin: 0 !important; padding: 0 !important; position: static !important;
}
body.catalog-product-view #bundleSummary .qty-controls-wrap .qty-minus { order: 0 !important; }
body.catalog-product-view #bundleSummary .qty-controls-wrap input.qty { order: 1 !important; }
body.catalog-product-view #bundleSummary .qty-controls-wrap .qty-plus { order: 2 !important; }
body.catalog-product-view #bundleSummary .qty-controls-wrap .qty-minus,
body.catalog-product-view #bundleSummary .qty-controls-wrap .qty-plus {
  position: relative !important; display: block !important; flex: 0 0 46px !important;
  width: 46px !important; height: 56px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;
  top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; transform: none !important;
  background: #f0f0ea !important; border: 1.5px solid #d4d4cf !important; border-radius: 0 !important;
  font-size: 0 !important; color: transparent !important; cursor: pointer; text-decoration: none !important; box-sizing: border-box !important;
}
body.catalog-product-view #bundleSummary .qty-controls-wrap .qty-minus::before,
body.catalog-product-view #bundleSummary .qty-controls-wrap .qty-plus::before,
body.catalog-product-view #bundleSummary .qty-controls-wrap .qty-plus::after {
  content: '' !important; display: block !important; position: absolute !important; background: #1a1a1a !important;
  margin: 0 !important; transform: none !important; border: 0 !important; opacity: 1 !important;
}
body.catalog-product-view #bundleSummary .qty-controls-wrap .qty-minus::after { content: none !important; display: none !important; }
body.catalog-product-view #bundleSummary .qty-controls-wrap .qty-minus::before,
body.catalog-product-view #bundleSummary .qty-controls-wrap .qty-plus::before { left: calc(50% - 6px) !important; top: calc(50% - 1px) !important; width: 12px !important; height: 2px !important; }
body.catalog-product-view #bundleSummary .qty-controls-wrap .qty-plus::after { left: calc(50% - 1px) !important; top: calc(50% - 6px) !important; width: 2px !important; height: 12px !important; }
body.catalog-product-view #bundleSummary .qty-controls-wrap .qty-minus:hover,
body.catalog-product-view #bundleSummary .qty-controls-wrap .qty-plus:hover { background: #3cbdec !important; }
body.catalog-product-view #bundleSummary .qty-controls-wrap input.qty {
  flex: 0 0 56px !important; width: 56px !important; height: 56px !important; margin: 0 !important; padding: 0 !important;
  text-align: center !important; font-size: 17px !important; font-weight: 700 !important; color: #111 !important;
  background: #fff !important; border: 1.5px solid #d4d4cf !important; border-left: 0 !important; border-right: 0 !important; border-radius: 0 !important;
  box-sizing: border-box !important; -moz-appearance: textfield; appearance: textfield;
}
body.catalog-product-view #bundleSummary .qty-controls-wrap input.qty::-webkit-outer-spin-button,
body.catalog-product-view #bundleSummary .qty-controls-wrap input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
body.catalog-product-view #bundleSummary .qty-controls-wrap .nf-qty__btn { display: none !important; }
/* cart button: fills the rest of the row, no black side bar, no stray icon */
body.catalog-product-view #bundleSummary .box-tocart .actions { flex: 1 1 auto !important; display: flex !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
body.catalog-product-view #bundleSummary #product-addtocart-button {
  flex: 1 1 auto !important; width: 100% !important; min-height: 56px !important; height: 56px !important; margin: 0 !important; padding: 0 18px !important;
  display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important;
  background: #3cbdec !important; color: #000 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: .08em !important; text-transform: uppercase !important;
  position: relative !important; overflow: hidden !important;
}
body.catalog-product-view #bundleSummary #product-addtocart-button::before,
body.catalog-product-view #bundleSummary #product-addtocart-button::after { content: none !important; display: none !important; }
body.catalog-product-view #bundleSummary #product-addtocart-button svg { display: none !important; }
body.catalog-product-view #bundleSummary #product-addtocart-button span { position: static !important; color: inherit !important; transform: none !important; }
body.catalog-product-view #bundleSummary #product-addtocart-button:hover:not([disabled]) { background: #111 !important; color: #fff !important; }
body.catalog-product-view #bundleSummary #product-addtocart-button[disabled] { opacity: .55 !important; cursor: not-allowed !important; }
@media (max-width: 480px) {
  body.catalog-product-view #bundleSummary .box-tocart .fieldset { flex-wrap: wrap !important; }
  body.catalog-product-view #bundleSummary .box-tocart .actions { flex-basis: 100% !important; }
}

/* ===== No flash of the unstyled page on load (2026-11-08k) =====
   The page stays invisible until nf-custom.js has rebuilt the header, cards and menu, then fades in.
   If the JS never arrives, the page shows anyway after 2.5 s (CSS fallback). ?nfoff=1 turns this off too. */
html:not(.nf-js-done) body > .page-wrapper { opacity: 0; animation: nfFoucFallback .2s linear 2.5s forwards; }
html.nf-js-done body > .page-wrapper { opacity: 1; transition: opacity .18s ease-out; }
@keyframes nfFoucFallback { to { opacity: 1; } }

/* Bundle box: clear space between the quantity buttons and the cart button (2026-11-08k) */
body.catalog-product-view #bundleSummary .box-tocart .fieldset { gap: 0 !important; }
body.catalog-product-view #bundleSummary .box-tocart .actions { margin: 0 0 0 16px !important; }
@media (max-width: 480px) {
  body.catalog-product-view #bundleSummary .box-tocart .actions { margin: 12px 0 0 !important; }
}

/* ===== Reviews: stars + links (2026-11-08k) ===== */
.product-reviews-summary.nf-rev-done > :not(.nf-rev) { display: none !important; }
.product-reviews-summary.nf-rev-done { display: block !important; background: transparent !important; }
.nf-stars { position: relative; display: inline-block; vertical-align: middle; line-height: 0; white-space: nowrap; }
.nf-stars__bg, .nf-stars__fg { display: inline-flex; gap: 1px; }
.nf-stars__fg { position: absolute; left: 0; top: 0; overflow: hidden; }
.nf-stars svg { width: 15px; height: 15px; flex: 0 0 15px; display: block; }
.nf-stars__bg svg { fill: #d9d9d4; }
.nf-stars__fg svg { fill: #f5a623; }
.nf-rev { display: inline-flex !important; align-items: center; gap: 8px; flex-wrap: wrap; line-height: 1.2; text-decoration: none !important; }
.nf-rev__ic { width: 15px; height: 15px; flex: 0 0 15px; display: inline-block; vertical-align: -3px; margin-right: 5px; color: currentColor; }
/* product page */
.nf-rev--page { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; color: #111; padding: 2px 0 4px; }
.nf-rev--page .nf-stars svg { width: 18px; height: 18px; flex-basis: 18px; }
.nf-rev--page .nf-rev__score { font-weight: 800; font-size: 15px; color: #111; }
.nf-rev--page .nf-rev__link { color: #111 !important; font-weight: 600; text-decoration: underline !important; text-decoration-color: #c9c9c4 !important; text-underline-offset: 3px; text-transform: none !important; letter-spacing: 0 !important; }
.nf-rev--page .nf-rev__link:hover { color: #006898 !important; text-decoration-color: #3cbdec !important; }
.nf-rev--page .nf-rev__write { color: #006898 !important; }
.nf-rev--page .nf-rev__sep { width: 4px; height: 4px; border-radius: 50%; background: #c9c9c4; }
/* product cards */
.nf-rev--card { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: 12px !important; color: #555 !important; gap: 5px !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 600 !important; margin: 2px 0 4px; }
.nf-rev--card:hover { color: #006898 !important; }
.nf-rev--card .nf-stars svg { width: 13px; height: 13px; flex-basis: 13px; }
.nf-rev--card .nf-rev__score { color: #111; font-weight: 800; }
.nf-rev--card .nf-rev__ic { width: 13px; height: 13px; flex-basis: 13px; margin-right: 0; color: #3cbdec; }
.nf-rev--card .nf-rev__count { color: inherit; }
/* reviews list: room under the sticky header when jumped to; the theme's empty duplicate box hidden */
#reviews, #review-form, #product-review-container { scroll-margin-top: 130px; }
body.catalog-product-view #reviews.athlete-reviews-wrapper:not(:has(li, form, .review-items, .block)) { display: none !important; }

/* =====================================================================
   KUNDVAGN (checkout/cart) – same look as the product/category pages (2026-11-08k)
   White cards, black uppercase headings, cyan buttons. JS adds body.nfc-ready.
   ===================================================================== */
body.checkout-cart-index .page-main { max-width: 1320px !important; padding-top: 32px !important; padding-bottom: 56px !important; }
body.checkout-cart-index .cart-container {
  display: grid !important; grid-template-columns: minmax(0, 1fr) 390px; grid-template-areas: "title title" "form summary" "gift summary" "extra extra";
  column-gap: 28px; row-gap: 0; align-items: start;
}
body.checkout-cart-index .cart-container::before, body.checkout-cart-index .cart-container::after { display: none !important; content: none !important; }
body.checkout-cart-index .cart-container > .page-title-wrapper { grid-area: title; }
body.checkout-cart-index .cart-container > .cart-summary { grid-area: summary; }
body.checkout-cart-index .cart-container > .form-cart { grid-area: form; }
body.checkout-cart-index .cart-container > #gift-options-cart { grid-area: gift; }
body.checkout-cart-index .cart-container > :not(.page-title-wrapper):not(.cart-summary):not(.form-cart):not(#gift-options-cart) { grid-column: 1 / -1; }
body.checkout-cart-index .cart-container > * { float: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; }

/* title */
body.checkout-cart-index .cart.page-title-wrapper { display: flex !important; align-items: baseline; gap: 14px; margin: 0 0 22px !important; padding: 0 !important; }
body.checkout-cart-index .cart.page-title-wrapper .page-title { margin: 0 !important; padding: 0 !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: 40px !important; font-weight: 800 !important; line-height: 1.05 !important; letter-spacing: -.01em !important; text-transform: uppercase !important; color: #111 !important; }
body.checkout-cart-index .cart.page-title-wrapper .page-title span { color: inherit !important; font: inherit !important; }
body.checkout-cart-index .nfc-count { font-size: 14px; font-weight: 600; color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
body.checkout-cart-index .cart.page-title-wrapper > .action.checkout { display: none !important; } /* the summary has the checkout button */

/* ---- product list ---- */
body.checkout-cart-index .form-cart { margin: 0 !important; padding: 0 !important; }
body.checkout-cart-index .cart.table-wrapper { background: #fff !important; border: 1px solid #e6e6e1 !important; border-top: 3px solid #3cbdec !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; }
body.checkout-cart-index #shopping-cart-table { width: 100% !important; border: 0 !important; border-collapse: collapse !important; background: transparent !important; margin: 0 !important; }
body.checkout-cart-index #shopping-cart-table caption { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
body.checkout-cart-index #shopping-cart-table thead th {
  padding: 14px 18px !important; background: #fafaf8 !important; border: 0 !important; border-bottom: 1px solid #ebebe6 !important;
  font: 700 11px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: #777 !important; text-align: left !important;
}
body.checkout-cart-index #shopping-cart-table thead th.col.actions span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
body.checkout-cart-index #shopping-cart-table thead th:is(.price, .qty, .subtotal) { text-align: center !important; }
body.checkout-cart-index #shopping-cart-table tbody.cart.item { border: 0 !important; border-bottom: 1px solid #ebebe6 !important; background: transparent !important; }
body.checkout-cart-index #shopping-cart-table tbody.cart.item:last-of-type { border-bottom: 0 !important; }
body.checkout-cart-index #shopping-cart-table tbody .item-info td { padding: 22px 18px !important; border: 0 !important; vertical-align: middle !important; background: transparent !important; }
body.checkout-cart-index #shopping-cart-table tbody .item-actions { display: none !important; } /* edit/remove duplicates – moved by JS */
body.checkout-cart-index #shopping-cart-table td.col.item { display: flex !important; align-items: flex-start; gap: 18px; min-height: 0 !important; padding-left: 18px !important; position: static !important; }
body.checkout-cart-index #shopping-cart-table .product-item-photo { position: static !important; display: block !important; flex: 0 0 96px; width: 96px !important; max-width: 96px !important; padding: 6px !important; margin: 0 !important; background: #fff; border: 1px solid #ebebe6; box-sizing: border-box; }
body.checkout-cart-index #shopping-cart-table .product-item-photo .product-image-container { width: 100% !important; }
body.checkout-cart-index #shopping-cart-table .product-item-photo img { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; object-fit: contain; display: block; }
body.checkout-cart-index #shopping-cart-table .product-item-details { display: block !important; padding: 2px 0 0 !important; min-width: 0; flex: 1 1 auto; }
body.checkout-cart-index #shopping-cart-table .product-item-name { display: block; margin: 0 0 6px !important; font: 700 15px/1.35 'Helvetica Neue', Helvetica, Arial, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; }
body.checkout-cart-index #shopping-cart-table .product-item-name a { color: #111 !important; text-decoration: none !important; font: inherit !important; text-transform: none !important; }
body.checkout-cart-index #shopping-cart-table .product-item-name a:hover { color: #006898 !important; }
body.checkout-cart-index #shopping-cart-table .product-item-name a::after, body.checkout-cart-index #shopping-cart-table .product-item-name a::before { display: none !important; }
/* package contents / options */
body.checkout-cart-index #shopping-cart-table .item-options { margin: 4px 0 0 !important; font: 400 13px/1.45 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #555 !important; text-transform: none !important; }
body.checkout-cart-index #shopping-cart-table .item-options dt { font-weight: 700 !important; color: #333 !important; text-transform: none !important; margin: 0 !important; float: none !important; }
body.checkout-cart-index #shopping-cart-table .item-options dd { margin: 0 0 4px !important; text-transform: none !important; float: none !important; }
body.checkout-cart-index #shopping-cart-table .item-options * { text-transform: none !important; letter-spacing: 0 !important; font-family: inherit !important; }
body.checkout-cart-index .nfc-pack { margin: 6px 0 0; font: 400 13px/1.45 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #555; }
body.checkout-cart-index .nfc-pack summary { cursor: pointer; display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: #006898; list-style: none; }
body.checkout-cart-index .nfc-pack summary::-webkit-details-marker { display: none; }
body.checkout-cart-index .nfc-pack summary::after { content: ''; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .15s; }
body.checkout-cart-index .nfc-pack[open] summary::after { transform: rotate(-135deg) translateY(-1px); }
body.checkout-cart-index .nfc-pack ul { margin: 8px 0 0 !important; padding: 10px 12px !important; list-style: none !important; background: #fafaf8; border: 1px solid #ebebe6; columns: 2; column-gap: 18px; }
body.checkout-cart-index .nfc-pack li { margin: 0 0 3px !important; padding: 0 !important; break-inside: avoid; }
body.checkout-cart-index .nfc-pack li b { font-weight: 700; color: #111; margin-right: 3px; }
body.checkout-cart-index .nfc-edit { display: inline-block; margin-top: 8px; font: 600 12px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #006898 !important; text-decoration: underline !important; text-underline-offset: 3px; }
/* price + subtotal */
body.checkout-cart-index #shopping-cart-table td:is(.col.price, .col.subtotal) { text-align: center !important; white-space: nowrap; width: 1%; }
body.checkout-cart-index #shopping-cart-table td.col.price .price { font: 600 15px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #555 !important; }
body.checkout-cart-index #shopping-cart-table td.col.subtotal .price { font: 800 17px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #111 !important; }
/* quantity [ − | 1 | + ] */
body.checkout-cart-index #shopping-cart-table td.col.qty { width: 1%; text-align: center !important; }
body.checkout-cart-index #shopping-cart-table td.col.qty .field.qty { margin: 0 !important; }
body.checkout-cart-index #shopping-cart-table td.col.qty .field.qty > .label { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
body.checkout-cart-index #shopping-cart-table .qty-controls-wrap { display: inline-flex !important; flex-direction: row !important; align-items: stretch !important; height: 42px !important; width: auto !important; margin: 0 !important; padding: 0 !important; position: static !important; border: 0 !important; }
body.checkout-cart-index #shopping-cart-table .qty-controls-wrap .qty-minus { order: 0 !important; }
body.checkout-cart-index #shopping-cart-table .qty-controls-wrap input.qty { order: 1 !important; }
body.checkout-cart-index #shopping-cart-table .qty-controls-wrap .qty-plus { order: 2 !important; }
body.checkout-cart-index #shopping-cart-table .qty-controls-wrap :is(.qty-minus, .qty-plus) {
  position: relative !important; display: block !important; flex: 0 0 38px !important; width: 38px !important; height: 42px !important; margin: 0 !important; padding: 0 !important;
  top: auto !important; left: auto !important; right: auto !important; transform: none !important; box-sizing: border-box !important;
  background: #f0f0ea !important; border: 1.5px solid #d4d4cf !important; border-radius: 0 !important; font-size: 0 !important; color: transparent !important; cursor: pointer;
}
body.checkout-cart-index #shopping-cart-table .qty-controls-wrap :is(.qty-minus, .qty-plus):hover { background: #3cbdec !important; }
body.checkout-cart-index #shopping-cart-table .qty-controls-wrap .qty-minus::before,
body.checkout-cart-index #shopping-cart-table .qty-controls-wrap .qty-plus::before { content: '' !important; display: block !important; position: absolute !important; background: #1a1a1a !important; margin: 0 !important; transform: none !important; border: 0 !important; opacity: 1 !important; left: calc(50% - 5px) !important; top: calc(50% - 1px) !important; width: 10px !important; height: 2px !important; }
body.checkout-cart-index #shopping-cart-table .qty-controls-wrap .qty-plus::after { content: '' !important; display: block !important; position: absolute !important; background: #1a1a1a !important; margin: 0 !important; transform: none !important; border: 0 !important; opacity: 1 !important; left: calc(50% - 1px) !important; top: calc(50% - 5px) !important; width: 2px !important; height: 10px !important; }
body.checkout-cart-index #shopping-cart-table .qty-controls-wrap .qty-minus::after { display: none !important; content: none !important; }
body.checkout-cart-index #shopping-cart-table .qty-controls-wrap input.qty {
  flex: 0 0 48px !important; width: 48px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important;
  text-align: center !important; font: 700 15px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #111 !important; background: #fff !important;
  border: 1.5px solid #d4d4cf !important; border-left: 0 !important; border-right: 0 !important; border-radius: 0 !important; -moz-appearance: textfield; appearance: textfield;
}
body.checkout-cart-index #shopping-cart-table .qty-controls-wrap input.qty::-webkit-outer-spin-button,
body.checkout-cart-index #shopping-cart-table .qty-controls-wrap input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
body.checkout-cart-index #shopping-cart-table .qty-controls-wrap .update-cart-item { display: none !important; }
/* remove */
body.checkout-cart-index #shopping-cart-table td.col.actions { width: 1%; text-align: right !important; padding-right: 18px !important; }
body.checkout-cart-index #shopping-cart-table td.col.actions .action-delete {
  display: inline-flex !important; align-items: center; justify-content: center; width: 36px !important; height: 36px !important; margin: 0 !important; padding: 0 !important;
  background: transparent !important; border: 1.5px solid #e1e1dc !important; border-radius: 0 !important; color: #555 !important; position: relative !important; text-decoration: none !important;
}
body.checkout-cart-index #shopping-cart-table td.col.actions .action-delete::before, body.checkout-cart-index #shopping-cart-table td.col.actions .action-delete::after { display: none !important; content: none !important; }
body.checkout-cart-index #shopping-cart-table td.col.actions .action-delete > span { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
body.checkout-cart-index #shopping-cart-table td.col.actions .action-delete svg { width: 14px; height: 14px; display: block; }
body.checkout-cart-index #shopping-cart-table td.col.actions .action-delete:hover { background: #111 !important; border-color: #111 !important; color: #fff !important; }

/* ---- buttons under the list ---- */
body.checkout-cart-index .cart.main.actions { display: flex !important; flex-wrap: wrap; align-items: center; gap: 10px; margin: 16px 0 0 !important; padding: 0 !important; float: none !important; text-align: left !important; }
body.checkout-cart-index .cart.main.actions > * { float: none !important; margin: 0 !important; }
body.checkout-cart-index .cart.main.actions :is(a, button) {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; min-height: 46px !important; height: auto !important; padding: 0 20px !important; box-sizing: border-box;
  font: 700 12px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .08em !important; text-transform: uppercase !important; text-decoration: none !important;
  border-radius: 0 !important; box-shadow: none !important; background: #fff !important; color: #111 !important; border: 1.5px solid #d4d4cf !important; position: relative !important; overflow: hidden !important;
}
body.checkout-cart-index .cart.main.actions :is(a, button)::before, body.checkout-cart-index .cart.main.actions :is(a, button)::after { display: none !important; content: none !important; }
body.checkout-cart-index .cart.main.actions :is(a, button) span { color: inherit !important; font: inherit !important; position: static !important; transform: none !important; }
body.checkout-cart-index .cart.main.actions :is(a, button):hover { border-color: #111 !important; }
body.checkout-cart-index .cart.main.actions .action.continue { margin-right: auto !important; }
body.checkout-cart-index .cart.main.actions .action.continue span::before { content: '← '; }
body.checkout-cart-index .cart.main.actions .action.clear { border-color: transparent !important; color: #8a1f1f !important; padding: 0 10px !important; text-decoration: underline !important; text-underline-offset: 3px; }
body.checkout-cart-index .cart.main.actions .action.update { background: #111 !important; color: #fff !important; border-color: #111 !important; }
body.checkout-cart-index .cart.main.actions .action.update:hover { background: #3cbdec !important; color: #000 !important; border-color: #3cbdec !important; }
body.checkout-cart-index .cart.main.actions .action.update.nfc-dirty { background: #3cbdec !important; color: #000 !important; border-color: #3cbdec !important; animation: nfcPulse 1.6s ease-in-out infinite; }
@keyframes nfcPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(60, 189, 236, .55); } 50% { box-shadow: 0 0 0 6px rgba(60, 189, 236, 0); } }
body.checkout-cart-index .cart.main.actions .action.update svg, body.checkout-cart-index .cart.main.actions .action.update i { display: none !important; }

/* ---- summary card ---- */
body.checkout-cart-index .cart-summary {
  position: sticky !important; top: 110px; background: #fff !important; border: 1px solid #e6e6e1 !important; border-top: 3px solid #3cbdec !important;
  padding: 24px 24px 22px !important; margin: 0 !important; box-shadow: none !important; color: #111;
}
body.checkout-cart-index .cart-summary > .summary.title {
  display: block !important; margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; text-align: left !important;
  font: 800 22px/1.1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: -.01em !important; text-transform: uppercase !important; color: #111 !important;
}
body.checkout-cart-index .cart-summary .block { margin: 0 !important; padding: 0 !important; border: 0 !important; border-top: 1px solid #ebebe6 !important; background: transparent !important; }
body.checkout-cart-index .cart-summary .block > .title {
  display: flex !important; align-items: center; justify-content: space-between; padding: 15px 0 !important; margin: 0 !important; border: 0 !important; cursor: pointer; background: transparent !important;
}
body.checkout-cart-index .cart-summary .block > .title strong { font: 700 13px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .06em !important; text-transform: uppercase !important; color: #111 !important; margin: 0 !important; }
body.checkout-cart-index .cart-summary .block > .title::after { position: static !important; transform: none; }
body.checkout-cart-index .cart-summary .block > .content { padding: 0 0 16px !important; }
body.checkout-cart-index .cart-summary .block :is(input.input-text, select) { height: 46px !important; border: 1.5px solid #d4d4cf !important; border-radius: 0 !important; background: #fff !important; font-size: 14px !important; padding: 0 12px !important; box-shadow: none !important; }
body.checkout-cart-index .cart-summary .block .label { font: 600 12px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #555 !important; text-transform: none !important; }
body.checkout-cart-index .cart-summary #block-discount .fieldset.coupon { display: flex !important; gap: 8px; align-items: flex-end; margin: 0 !important; }
body.checkout-cart-index .cart-summary #block-discount .fieldset.coupon .field { flex: 1 1 auto; margin: 0 !important; }
body.checkout-cart-index .cart-summary #block-discount .fieldset.coupon .field > .label { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
body.checkout-cart-index .cart-summary #block-discount .actions-toolbar { margin: 0 !important; padding: 0 !important; }
body.checkout-cart-index .cart-summary #block-discount .action.apply { height: 46px !important; padding: 0 16px !important; background: #111 !important; color: #fff !important; border: 0 !important; border-radius: 0 !important; font: 700 12px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .06em; text-transform: uppercase !important; }
body.checkout-cart-index .cart-summary #block-discount .action.apply:hover { background: #3cbdec !important; color: #000 !important; }
/* totals */
body.checkout-cart-index .cart-summary .cart-totals { border-top: 1px solid #ebebe6 !important; padding: 14px 0 6px !important; margin: 0 !important; }
body.checkout-cart-index .cart-summary .cart-totals table { width: 100% !important; margin: 0 !important; border: 0 !important; }
body.checkout-cart-index .cart-summary .cart-totals :is(th, td) { padding: 5px 0 !important; border: 0 !important; background: transparent !important; font: 500 14px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #444 !important; text-transform: none !important; letter-spacing: 0 !important; }
body.checkout-cart-index .cart-summary .cart-totals td { text-align: right !important; font-weight: 700 !important; color: #111 !important; }
body.checkout-cart-index .cart-summary .cart-totals td .price { font: inherit !important; color: inherit !important; }
body.checkout-cart-index .cart-summary .cart-totals tr.grand :is(th, td) { padding-top: 14px !important; border-top: 1px solid #ebebe6 !important; }
body.checkout-cart-index .cart-summary .cart-totals tr.grand th strong { font: 800 13px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: #111 !important; }
body.checkout-cart-index .cart-summary .cart-totals tr.grand td,
body.checkout-cart-index .cart-summary .cart-totals tr.grand td strong,
body.checkout-cart-index .cart-summary .cart-totals tr.grand td .price { font: 800 28px/1.1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #111 !important; letter-spacing: -.01em !important; }
/* checkout + module tools */
body.checkout-cart-index .cart-summary .checkout-methods-items {
  display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px; margin: 14px 0 0 !important; padding: 0 !important; list-style: none !important; background: transparent !important;
}
body.checkout-cart-index .cart-summary .checkout-methods-items > li, body.checkout-cart-index .cart-summary .checkout-methods-items form > li { float: none !important; margin: 0 !important; padding: 0 !important; list-style: none !important; text-align: left !important; width: auto !important; }
body.checkout-cart-index .cart-summary .checkout-methods-items > li:first-child { grid-column: 1 / -1; }
body.checkout-cart-index .cart-summary .checkout-methods-items > li:has(#empty_cart_button) { display: none !important; } /* same as "Rensa kundvagn" under the list */
body.checkout-cart-index .cart-summary .checkout-methods-items > form#save_form { grid-column: 1 / -1; display: flex !important; gap: 8px; margin: 0 !important; }
body.checkout-cart-index .cart-summary .checkout-methods-items > form#save_form > li:first-child { flex: 1 1 auto; }
body.checkout-cart-index .cart-summary .checkout-methods-items > form#save_form > li:last-child { flex: 0 0 auto; }
body.checkout-cart-index .cart-summary .checkout-methods-items input[name="cartname"] {
  width: 100% !important; height: 42px !important; margin: 0 !important; padding: 0 12px !important; border: 1.5px solid #d4d4cf !important; border-radius: 0 !important; background: #fff !important; font-size: 13px !important; box-sizing: border-box;
}
body.checkout-cart-index .cart-summary .checkout-methods-items button.action.checkout {
  width: 100% !important; margin: 0 !important; border-radius: 0 !important; box-shadow: none !important; position: relative !important; overflow: hidden !important;
  display: inline-flex !important; align-items: center; justify-content: center; gap: 8px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; text-transform: uppercase !important;
}
body.checkout-cart-index .cart-summary .checkout-methods-items button.action.checkout::before,
body.checkout-cart-index .cart-summary .checkout-methods-items button.action.checkout::after { display: none !important; content: none !important; }
body.checkout-cart-index .cart-summary .checkout-methods-items button.action.checkout br { display: none !important; }
body.checkout-cart-index .cart-summary .checkout-methods-items button.action.checkout :is(a, span) { color: inherit !important; font: inherit !important; text-decoration: none !important; position: static !important; transform: none !important; display: inline-flex !important; align-items: center; gap: 8px; }
/* the big one */
body.checkout-cart-index .cart-summary .checkout-methods-items > li:first-child button.action.checkout {
  min-height: 60px !important; height: auto !important; padding: 0 20px !important; background: #3cbdec !important; color: #000 !important; border: 0 !important;
  font-size: 15px !important; font-weight: 800 !important; letter-spacing: .08em !important;
}
body.checkout-cart-index .cart-summary .checkout-methods-items > li:first-child button.action.checkout span::after { content: ' →'; }
body.checkout-cart-index .cart-summary .checkout-methods-items > li:first-child button.action.checkout:hover { background: #111 !important; color: #fff !important; }
/* small ones (PDF / Dela / Spara) */
body.checkout-cart-index .cart-summary .checkout-methods-items > li:not(:first-child) button.action.checkout,
body.checkout-cart-index .cart-summary .checkout-methods-items #submitbtn {
  min-height: 42px !important; height: 42px !important; padding: 0 12px !important; background: #fff !important; color: #111 !important; border: 1.5px solid #d4d4cf !important;
  font-size: 11px !important; font-weight: 700 !important; letter-spacing: .06em !important; white-space: nowrap;
}
body.checkout-cart-index .cart-summary .checkout-methods-items > li:not(:first-child) button.action.checkout:hover,
body.checkout-cart-index .cart-summary .checkout-methods-items #submitbtn:hover { border-color: #111 !important; background: #111 !important; color: #fff !important; }
body.checkout-cart-index .cart-summary .checkout-methods-items button.action.checkout i.fa { font-size: 13px !important; margin: 0 !important; color: inherit !important; }
body.checkout-cart-index .nfc-share-h { grid-column: 1 / -1; margin: 10px 0 0; padding-top: 14px; border-top: 1px solid #ebebe6; font: 700 11px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #777; }
body.checkout-cart-index .nfc-trust { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 7px; margin: 6px 0 2px; font: 500 13px/1.35 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #444; }
body.checkout-cart-index .nfc-trust span { display: flex; align-items: center; gap: 9px; }
body.checkout-cart-index .nfc-trust svg { width: 16px; height: 16px; flex: 0 0 16px; fill: none; stroke: #006898; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* ---- mobile ---- */
@media (max-width: 1024px) {
  body.checkout-cart-index .cart-container { grid-template-columns: minmax(0, 1fr); grid-template-areas: "title" "form" "summary" "gift" "extra"; row-gap: 22px; }
  body.checkout-cart-index .cart-summary { position: static !important; }
}
@media (max-width: 767px) {
  body.checkout-cart-index .page-main { padding-top: 20px !important; }
  body.checkout-cart-index .cart.page-title-wrapper .page-title { font-size: 28px !important; }
  body.checkout-cart-index #shopping-cart-table thead { display: none !important; }
  body.checkout-cart-index #shopping-cart-table tbody .item-info {
    display: grid !important; grid-template-columns: 1fr auto; grid-template-areas: "item item" "qty sub" ; gap: 12px 10px; padding: 16px 14px !important; position: relative;
  }
  body.checkout-cart-index #shopping-cart-table tbody .item-info td { display: block !important; padding: 0 !important; width: auto !important; }
  body.checkout-cart-index #shopping-cart-table tbody .item-info td::before { display: none !important; content: none !important; }
  body.checkout-cart-index #shopping-cart-table td.col.item { grid-area: item; padding-right: 44px !important; gap: 12px; }
  body.checkout-cart-index #shopping-cart-table .product-item-photo { flex-basis: 76px; width: 76px !important; max-width: 76px !important; }
  body.checkout-cart-index #shopping-cart-table td.col.price { display: none !important; }
  body.checkout-cart-index #shopping-cart-table td.col.qty { grid-area: qty; text-align: left !important; }
  body.checkout-cart-index #shopping-cart-table td.col.subtotal { grid-area: sub; align-self: center; text-align: right !important; }
  body.checkout-cart-index #shopping-cart-table td.col.actions { position: absolute !important; top: 14px; right: 14px; }
  body.checkout-cart-index .nfc-pack ul { columns: 1; }
  body.checkout-cart-index .cart.main.actions :is(a, button) { flex: 1 1 auto; }
  body.checkout-cart-index .cart.main.actions .action.continue { flex-basis: 100%; }
}
body.checkout-cart-index .cart-summary > #popup-modal { display: none !important; } /* the share popup – the module opens it as a dialog */

/* ===== Kundvagn fixes (2026-11-08k) ===== */
body.checkout-cart-index .cart.page-title-wrapper .page-title,
body.checkout-cart-index .cart.page-title-wrapper .page-title span { text-transform: uppercase !important; }
/* totals: label left, amount right */
body.checkout-cart-index .cart-summary .cart-totals { padding: 10px 0 12px !important; }
body.checkout-cart-index .cart-summary .cart-totals .table-wrapper { overflow: visible !important; margin: 0 !important; }
body.checkout-cart-index .cart-summary .cart-totals table, body.checkout-cart-index .cart-summary .cart-totals tbody { display: block !important; width: 100% !important; }
body.checkout-cart-index .cart-summary .cart-totals caption { display: none !important; }
body.checkout-cart-index .cart-summary .cart-totals tr,
body.checkout-cart-index .cart-summary .cart-totals tr.totals,
body.checkout-cart-index .cart-summary .cart-totals tr.grand { display: flex !important; align-items: baseline; justify-content: space-between; gap: 12px; width: 100% !important; }
body.checkout-cart-index .cart-summary .cart-totals :is(th, td) { display: block !important; width: auto !important; padding: 6px 0 !important; }
body.checkout-cart-index .cart-summary .cart-totals th { flex: 1 1 auto; text-align: left !important; }
body.checkout-cart-index .cart-summary .cart-totals td { flex: 0 0 auto; }
body.checkout-cart-index .cart-summary .cart-totals tr.grand { margin-top: 8px; padding-top: 12px; border-top: 1px solid #ebebe6; align-items: center; }
body.checkout-cart-index .cart-summary .cart-totals tr.grand :is(th, td) { border-top: 0 !important; padding: 0 !important; }
body.checkout-cart-index .cart-summary .cart-totals tr.grand td,
body.checkout-cart-index .cart-summary .cart-totals tr.grand td strong,
body.checkout-cart-index .cart-summary .cart-totals tr.grand td .price { font-size: 26px !important; }
body.checkout-cart-index .cart-summary .cart-totals tr.totals-tax :is(th, td) { color: #777 !important; font-size: 13px !important; font-weight: 500 !important; }
body.checkout-cart-index .cart-summary .block > .title { padding: 16px 0 !important; }
/* the old module's PDF / share / save buttons go – the share buttons under the list work and stay */
/* (2026-11-08k) FME ShareCart buttons are moved by JS into the "Spara eller dela" box under the list */
body.checkout-cart-index .cart-summary .checkout-methods-items > .nfc-share-h,
body.checkout-cart-index .cart-summary .checkout-methods-items > li.nfc-emptied { display: none !important; }
body.checkout-cart-index .cart-summary .checkout-methods-items { margin-top: 18px !important; }
/* buttons under the list: row 1 = continue | clear + update, row 2 = share card */
body.checkout-cart-index .cart.main.actions { row-gap: 14px; }
body.checkout-cart-index .cart.main.actions > .action.continue { order: 0; margin-right: auto !important; }
body.checkout-cart-index .cart.main.actions > .action.clear { order: 1; background: transparent !important; }
body.checkout-cart-index .cart.main.actions > .action.update { order: 2; }
body.checkout-cart-index .cart.main.actions > .nfc-share { order: 3; }
body.checkout-cart-index .nfc-share {
  flex: 1 1 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 14px 16px; background: #fff; border: 1px solid #e6e6e1; box-sizing: border-box;
}
body.checkout-cart-index .nfc-share__h { margin-right: auto; display: flex; flex-direction: column; gap: 3px; font: 700 13px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: .06em; color: #111; }
body.checkout-cart-index .nfc-share__h small { font-weight: 500; font-size: 12px; text-transform: none; letter-spacing: 0; color: #666; }
body.checkout-cart-index .cart.main.actions .nfc-share :is(a, button) { min-height: 40px !important; padding: 0 16px !important; font-size: 11px !important; }
body.checkout-cart-index .cart.main.actions .nfc-share :is(a, button):hover { background: #111 !important; color: #fff !important; border-color: #111 !important; }
@media (max-width: 767px) {
  body.checkout-cart-index .nfc-share__h { flex-basis: 100%; }
  body.checkout-cart-index .cart.main.actions .nfc-share :is(a, button) { flex: 1 1 auto; }
}
/* Rensa kundvagn: red button, white text (2026-11-08k) */
body.checkout-cart-index .cart.main.actions > .action.clear {
  background: #d7261e !important; color: #fff !important; border: 1.5px solid #d7261e !important; padding: 0 20px !important; text-decoration: none !important;
}
body.checkout-cart-index .cart.main.actions > .action.clear:hover { background: #a91b14 !important; border-color: #a91b14 !important; color: #fff !important; }

/* ===== Kundvagn fixes (2026-11-08k) ===== */
/* order total: label left, amount right (the theme stacks and centres it) */
body.checkout-cart-index #cart-totals table.totals tr.grand.totals {
  display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; text-align: left !important;
}
body.checkout-cart-index #cart-totals table.totals tr.grand.totals th { text-align: left !important; width: auto !important; flex: 1 1 auto !important; }
body.checkout-cart-index #cart-totals table.totals tr.grand.totals td { text-align: right !important; width: auto !important; flex: 0 0 auto !important; }
/* fields in the summary (discount code, shipping estimate): visible border */
body.checkout-cart-index .cart-summary :is(#coupon_code, input.input-text, input[type="text"], input[type="email"], input[type="number"], select) {
  height: 46px !important; width: 100% !important; box-sizing: border-box !important; padding: 0 12px !important;
  background: #fff !important; color: #111 !important; border: 1.5px solid #c9c9c4 !important; border-radius: 0 !important; box-shadow: none !important; outline: 0;
  font: 500 14px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
body.checkout-cart-index .cart-summary :is(#coupon_code, input.input-text, input[type="text"], select):focus { border-color: #3cbdec !important; box-shadow: 0 0 0 3px rgba(60, 189, 236, .25) !important; }
body.checkout-cart-index .cart-summary :is(#coupon_code, input.input-text)::placeholder { color: #8a8a85 !important; opacity: 1; }
/* every button in the summary: no theme hover layer, readable hover */
body.checkout-cart-index .cart-summary :is(button, .action)::before,
body.checkout-cart-index .cart-summary :is(button, .action)::after { display: none !important; content: none !important; }
body.checkout-cart-index .cart-summary :is(button, .action) span { color: inherit !important; position: static !important; transform: none !important; }
body.checkout-cart-index .cart-summary #block-discount .action:is(.apply, .cancel) {
  height: 46px !important; min-height: 46px !important; padding: 0 16px !important; white-space: nowrap; overflow: hidden !important; position: relative !important;
  background: #111 !important; color: #fff !important; border: 1.5px solid #111 !important; border-radius: 0 !important; box-shadow: none !important;
}
body.checkout-cart-index .cart-summary #block-discount .action:is(.apply, .cancel):hover { background: #3cbdec !important; border-color: #3cbdec !important; color: #000 !important; }
body.checkout-cart-index .cart-summary #block-discount .fieldset.coupon { align-items: stretch !important; }
body.checkout-cart-index .cart-summary #block-shipping .action:not(.toggle) { background: #111 !important; color: #fff !important; border: 0 !important; border-radius: 0 !important; }
body.checkout-cart-index .cart-summary #block-shipping .action:not(.toggle):hover { background: #3cbdec !important; color: #000 !important; }

/* share box: same height, aligned, icons, readable hover */
body.checkout-cart-index .nfc-share > :not(.nfc-share__h) { display: inline-flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; float: none !important; vertical-align: middle !important; }
body.checkout-cart-index .nfc-share > :not(.nfc-share__h) > :not(button):not(a) { margin: 0 !important; }
body.checkout-cart-index .cart.main.actions .nfc-share :is(a, button) {
  height: 42px !important; min-height: 42px !important; margin: 0 !important; padding: 0 16px !important; line-height: 1 !important; vertical-align: middle !important; top: auto !important;
  display: inline-flex !important; align-items: center !important; gap: 8px !important;
  background: #fff !important; color: #111 !important; border: 1.5px solid #c9c9c4 !important;
}
body.checkout-cart-index .cart.main.actions .nfc-share :is(a, button) .nfc-ic { width: 15px; height: 15px; flex: 0 0 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
body.checkout-cart-index .cart.main.actions .nfc-share :is(a, button):hover,
body.checkout-cart-index .cart.main.actions .nfc-share :is(a, button):focus-visible { background: #3cbdec !important; border-color: #3cbdec !important; color: #000 !important; }
body.checkout-cart-index .cart.main.actions .nfc-share :is(a, button) * { color: inherit !important; }
/* the other buttons in that row: hover never black-on-black */
body.checkout-cart-index .cart.main.actions > .action.continue:hover { background: #111 !important; color: #fff !important; border-color: #111 !important; }
body.checkout-cart-index .cart.main.actions > :is(a, button):hover * { color: inherit !important; }

/* ===== Magento pop-ups (confirm "Rensa kundvagn", etc.) always on top and clickable (2026-11-08k) =====
   The dark overlay ended up ABOVE the dialog, so OK/Avbryt could not be pressed. */
body > .modals-overlay { z-index: 100000 !important; }
body > .modal-popup._show,
body > .modal-slide._show,
aside.modal-popup._show,
aside.modal-slide._show { z-index: 100001 !important; pointer-events: auto !important; visibility: visible !important; opacity: 1 !important; }
aside.modal-popup._show .modal-inner-wrap,
aside.modal-slide._show .modal-inner-wrap { pointer-events: auto !important; position: relative; z-index: 1; background: #fff !important; opacity: 1 !important; filter: none !important; }
/* the confirm dialog in the same style as the shop */
aside.modal-popup.confirm .modal-inner-wrap { max-width: 460px !important; border-top: 3px solid #3cbdec; box-shadow: 0 18px 50px rgba(0,0,0,.35) !important; }
aside.modal-popup.confirm .modal-content { padding: 30px 30px 10px !important; font: 700 16px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #111 !important; text-transform: none !important; text-align: center; }
aside.modal-popup.confirm .modal-content * { text-transform: none !important; color: inherit !important; font: inherit !important; }
aside.modal-popup.confirm .modal-footer { display: flex !important; justify-content: center; gap: 10px; padding: 18px 30px 28px !important; }
aside.modal-popup.confirm .modal-footer button { min-width: 130px; height: 46px !important; margin: 0 !important; border-radius: 0 !important; font: 700 12px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .08em; text-transform: uppercase !important; position: relative; overflow: hidden; }
aside.modal-popup.confirm .modal-footer button::before, aside.modal-popup.confirm .modal-footer button::after { display: none !important; content: none !important; }
aside.modal-popup.confirm .modal-footer button span { color: inherit !important; position: static !important; transform: none !important; }
aside.modal-popup.confirm .modal-footer .action-secondary { background: #fff !important; color: #111 !important; border: 1.5px solid #c9c9c4 !important; }
aside.modal-popup.confirm .modal-footer .action-secondary:hover { border-color: #111 !important; }
aside.modal-popup.confirm .modal-footer .action-primary { background: #d7261e !important; color: #fff !important; border: 1.5px solid #d7261e !important; }
aside.modal-popup.confirm .modal-footer .action-primary:hover { background: #a91b14 !important; border-color: #a91b14 !important; }

/* ===== Cart drawer: tools like the Kundvagn page (2026-11-08k) =====
   The old module buttons (Töm / Ladda ner PDF / Dela / Spara) don't work any more – hidden, replaced by .nf-cart-tools. */
.block-minicart li:has(> #empty_cart_button), .block-minicart li:has(> form > #empty_cart_button),
.block-minicart li:has(> #btnpop), .block-minicart li:has(> button[onclick*="pdfgen"]),
.block-minicart #empty_cart_button, .block-minicart #btnpop, .block-minicart button[onclick*="pdfgen"],
.block-minicart #save_form, .block-minicart #popup-modal,
#minicart-content-wrapper :is(#empty_cart_button, #btnpop, button[onclick*="pdfgen"], #save_form, #popup-modal) { display: none !important; }
#minicart-content-wrapper .nf-cart-tools {
  display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 18px 0 0 !important; padding: 16px 0 0 !important;
  border-top: 1px solid #e6e6e1; background: transparent !important;
}
#minicart-content-wrapper .nf-cart-tools__h { grid-column: 1 / -1; font: 700 11px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #777; }
#minicart-content-wrapper .nf-cart-tool {
  display: inline-flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 7px !important;
  height: 42px !important; min-height: 42px !important; margin: 0 !important; padding: 0 10px !important; box-sizing: border-box !important;
  background: #fff !important; color: #111 !important; border: 1.5px solid #c9c9c4 !important; border-radius: 0 !important; box-shadow: none !important;
  font: 700 11px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .08em !important; text-transform: uppercase !important; text-decoration: none !important;
  position: relative !important; overflow: hidden !important; cursor: pointer; white-space: nowrap;
}
#minicart-content-wrapper .nf-cart-tool span { color: inherit !important; font: inherit !important; position: static !important; transform: none !important; }
#minicart-content-wrapper .nf-cart-tool svg { width: 15px !important; height: 15px !important; flex: 0 0 15px; fill: none !important; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
#minicart-content-wrapper .nf-cart-tool:hover,
#minicart-content-wrapper .nf-cart-tool:focus-visible { background: #3cbdec !important; border-color: #3cbdec !important; color: #000 !important; }
#minicart-content-wrapper .nf-cart-tool--empty { grid-column: 1 / -1; background: #d7261e !important; border-color: #d7261e !important; color: #fff !important; }
#minicart-content-wrapper .nf-cart-tool--empty:hover,
#minicart-content-wrapper .nf-cart-tool--empty:focus-visible { background: #a91b14 !important; border-color: #a91b14 !important; color: #fff !important; }
/* drawer tools at the top (2026-11-08k) */
#minicart-content-wrapper .block-content > .nf-cart-tools { margin: 0 0 16px !important; padding: 0 0 16px !important; border-top: 0 !important; border-bottom: 1px solid #e6e6e1 !important; }

/* ===== FME ShareCart in the "Spara eller dela" box (2026-11-08k) ===== */
body.checkout-cart-index .nfc-share #save_form { display: flex !important; align-items: stretch; gap: 8px; margin: 0 !important; padding: 0 !important; flex: 1 1 100%; }
body.checkout-cart-index .nfc-share #save_form > li { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; float: none !important; }
body.checkout-cart-index .nfc-share #save_form > li:first-child { flex: 1 1 auto; }
body.checkout-cart-index .nfc-share #save_form br { display: none !important; }
body.checkout-cart-index .nfc-share #save_form input[name="cartname"] {
  width: 100% !important; height: 42px !important; margin: 0 !important; padding: 0 12px !important; box-sizing: border-box !important;
  border: 1.5px solid #c9c9c4 !important; border-radius: 0 !important; background: #fff !important; color: #111 !important; font: 500 14px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
body.checkout-cart-index .nfc-share #save_form input[name="cartname"]:focus { border-color: #3cbdec !important; box-shadow: 0 0 0 3px rgba(60,189,236,.25) !important; outline: 0; }
body.checkout-cart-index .cart.main.actions .nfc-share :is(#submitbtn, input[type="submit"]) {
  height: 42px !important; min-height: 42px !important; margin: 0 !important; padding: 0 16px !important; display: inline-flex !important; align-items: center; gap: 8px;
  background: #111 !important; color: #fff !important; border: 1.5px solid #111 !important; border-radius: 0 !important; box-shadow: none !important; width: auto !important;
  font: 700 11px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .08em !important; text-transform: uppercase !important; white-space: nowrap; cursor: pointer;
}
body.checkout-cart-index .cart.main.actions .nfc-share :is(#submitbtn, input[type="submit"]):hover { background: #3cbdec !important; border-color: #3cbdec !important; color: #000 !important; }
body.checkout-cart-index .nfc-share :is(button, a) i.fa { display: none !important; }
body.checkout-cart-index .nfc-share button a { color: inherit !important; text-decoration: none !important; display: inline-flex !important; align-items: center; gap: 8px; }
body.checkout-cart-index .nfc-share br { display: none !important; }
@media (max-width: 767px) { body.checkout-cart-index .nfc-share #save_form { flex-wrap: wrap; } body.checkout-cart-index .nfc-share #save_form > li { flex: 1 1 100%; } }
body.checkout-cart-index .cart.main.actions .nfc-share button a {
  height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; color: inherit !important; font: inherit !important; letter-spacing: inherit !important; overflow: visible !important;
}
body.checkout-cart-index .cart.main.actions .nfc-share button a:hover { background: transparent !important; color: inherit !important; }

/* ===== Spara eller dela: one row PDF | Dela | Spara, name field opens under it (2026-11-08k) ===== */
body.checkout-cart-index .nfc-share { align-items: center !important; }
body.checkout-cart-index .cart.main.actions .nfc-share > :is(button, a) { min-width: 104px; justify-content: center !important; }
body.checkout-cart-index .nfc-share .nfc-l { color: inherit !important; font: inherit !important; }
body.checkout-cart-index .cart.main.actions .nfc-share .nfc-save-toggle.is-open { background: #111 !important; border-color: #111 !important; color: #fff !important; }
body.checkout-cart-index .nfc-share #save_form { order: 99; flex: 1 1 100% !important; margin-top: 4px !important; padding-top: 12px !important; border-top: 1px solid #ebebe6; }
body.checkout-cart-index .nfc-share #save_form.nfc-save-closed { display: none !important; }
@media (max-width: 767px) {
  body.checkout-cart-index .cart.main.actions .nfc-share > :is(button, a) { min-width: 0; flex: 1 1 0 !important; }
}
/* drawer: same three + Töm */
#minicart-content-wrapper .nf-cart-tools .nf-cart-tool { min-width: 0; }

/* ===== Cart drawer tools v3 + share window (2026-11-08k) ===== */
#minicart-content-wrapper .nf-cart-tools {
  display: flex !important; flex-direction: column !important; gap: 10px !important; grid-template-columns: none !important;
  margin: 0 0 16px !important; padding: 14px !important; background: #f6f6f3 !important; border: 1px solid #e6e6e1 !important; border-top: 3px solid #3cbdec !important;
}
#minicart-content-wrapper .nf-cart-tools__h { margin: 0 !important; }
#minicart-content-wrapper .nf-cart-tools__row { display: flex !important; gap: 8px !important; }
#minicart-content-wrapper .nf-cart-tools__row .nf-cart-tool { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; padding: 0 8px !important; }
#minicart-content-wrapper .nf-cart-tool.is-open { background: #111 !important; border-color: #111 !important; color: #fff !important; }
#minicart-content-wrapper .nf-cart-tool--empty { width: 100% !important; }
#minicart-content-wrapper .nf-cart-tool--dark { background: #111 !important; border-color: #111 !important; color: #fff !important; flex: 0 0 auto !important; padding: 0 16px !important; }
#minicart-content-wrapper .nf-cart-tool--dark:hover { background: #3cbdec !important; border-color: #3cbdec !important; color: #000 !important; }
#minicart-content-wrapper .nf-cart-save { display: flex !important; flex-wrap: wrap; gap: 8px; margin: 0 !important; }
#minicart-content-wrapper .nf-cart-save[hidden] { display: none !important; }
#minicart-content-wrapper .nf-cart-save input {
  flex: 1 1 140px; min-width: 0; height: 42px !important; margin: 0 !important; padding: 0 12px !important; box-sizing: border-box !important;
  background: #fff !important; color: #111 !important; border: 1.5px solid #c9c9c4 !important; border-radius: 0 !important; font: 500 14px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
#minicart-content-wrapper .nf-cart-save input:focus { border-color: #3cbdec !important; outline: 0; box-shadow: 0 0 0 3px rgba(60,189,236,.25) !important; }
#minicart-content-wrapper .nf-cart-save small { flex: 1 1 100%; font: 400 12px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #666; }
/* share window */
html.nf-dlg-open { overflow: hidden; }
#nf-share-dlg { position: fixed; inset: 0; z-index: 100005; display: flex; align-items: center; justify-content: center; padding: 16px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
#nf-share-dlg .nf-dlg__bg { position: absolute; inset: 0; background: rgba(0,0,0,.6); }
#nf-share-dlg .nf-dlg__box { position: relative; width: 100%; max-width: 460px; background: #fff; border-top: 4px solid #3cbdec; padding: 26px 24px 22px; box-shadow: 0 20px 60px rgba(0,0,0,.4); color: #111; }
#nf-share-dlg h3 { margin: 0 0 6px; font: 800 22px/1.15 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: -.01em; color: #111; }
#nf-share-dlg p { margin: 0 0 16px; font-size: 14px; line-height: 1.45; color: #555; }
#nf-share-dlg .nf-dlg__x { position: absolute; top: 8px; right: 8px; width: 38px; height: 38px; border: 0; background: transparent; font-size: 26px; line-height: 1; cursor: pointer; color: #111; padding: 0; }
#nf-share-dlg .nf-dlg__x:hover { background: #f0f0ea; }
#nf-share-dlg .nf-dlg__link { display: flex; gap: 8px; margin-bottom: 12px; }
#nf-share-dlg .nf-dlg__link input { flex: 1 1 auto; min-width: 0; height: 44px; padding: 0 12px; border: 1.5px solid #c9c9c4; border-radius: 0; font-size: 13px; color: #111; background: #fafaf8; }
#nf-share-dlg :is(.nf-dlg__copy, .nf-dlg__native, .nf-dlg__grid a) {
  display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 16px; border-radius: 0; cursor: pointer; text-decoration: none;
  font: 700 12px/1 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase;
}
#nf-share-dlg .nf-dlg__copy { background: #3cbdec; color: #000; border: 0; min-width: 116px; }
#nf-share-dlg .nf-dlg__copy:hover { background: #111; color: #fff; }
#nf-share-dlg .nf-dlg__copy.is-ok { background: #2e9e4f; color: #fff; }
#nf-share-dlg .nf-dlg__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
#nf-share-dlg .nf-dlg__grid a { background: #fff; color: #111 !important; border: 1.5px solid #c9c9c4; }
#nf-share-dlg .nf-dlg__grid a:hover { background: #111; color: #fff !important; border-color: #111; }
#nf-share-dlg .nf-dlg__native { width: 100%; margin-top: 8px; background: #111; color: #fff; border: 0; }
#nf-share-dlg .nf-dlg__err { color: #8a1f1f; }

/* =====================================================================
   CART DRAWER (slide-out) – same look as the Kundvagn page (2026-11-08k)
   ===================================================================== */
#minicart-content-wrapper, #minicart-content-wrapper * { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
#minicart-content-wrapper .block-content { padding-left: 0 !important; padding-right: 0 !important; }
#minicart-content-wrapper .block-content > :is(.items-total, .nf-cart-tools, .subtitle, .minicart-items-wrapper, .dropdown-bottom-wrapper, .empty-cart-wrapper) {
  margin-left: 24px !important; margin-right: 24px !important; box-sizing: border-box !important; width: auto !important;
}
#minicart-content-wrapper .block-content > :is(.items-total, .subtitle, .minicart-items-wrapper, .empty-cart-wrapper) { padding-left: 0 !important; padding-right: 0 !important; }
#minicart-content-wrapper .minicart-items, #minicart-content-wrapper .minicart-items > li { list-style: none !important; }
/* head: "2 artiklar i kundvagnen  ✕" */
#minicart-content-wrapper .items-total { display: flex !important; align-items: center; min-height: 64px; padding: 10px 46px 10px 0 !important; border-bottom: 1px solid #e6e6e1; margin-bottom: 16px !important; position: relative; }
#minicart-content-wrapper .items-total, #minicart-content-wrapper .items-total * { font-size: 15px !important; font-weight: 800 !important; letter-spacing: .02em !important; text-transform: uppercase !important; color: #111 !important; }
#minicart-content-wrapper .items-total .count { margin-right: 6px; }
#minicart-content-wrapper .items-total #btn-minicart-close { position: absolute !important; right: 0 !important; top: 50% !important; transform: translateY(-50%) !important; margin: 0 !important; }
#minicart-content-wrapper .block-content > .subtitle { display: none !important; }
/* tools card */
#minicart-content-wrapper .nf-cart-tools { padding: 12px !important; gap: 10px !important; margin-bottom: 18px !important; }
#minicart-content-wrapper .nf-cart-tools__h { font-size: 10px !important; }
#minicart-content-wrapper .nf-cart-tools__row .nf-cart-tool { height: 40px !important; min-height: 40px !important; padding: 0 6px !important; gap: 6px !important; font-size: 11px !important; }
#minicart-content-wrapper .nf-cart-tools__row .nf-cart-tool--empty { background: #fff !important; color: #c41e17 !important; border-color: #e7b4b1 !important; }
#minicart-content-wrapper .nf-cart-tools__row .nf-cart-tool--empty:hover { background: #d7261e !important; color: #fff !important; border-color: #d7261e !important; }
#minicart-content-wrapper .nf-cart-save small { font-size: 11px !important; }
/* product rows */
#minicart-content-wrapper .minicart-items-wrapper { height: auto !important; max-height: none !important; overflow: visible !important; border: 0 !important; margin-bottom: 0 !important; }
#minicart-content-wrapper .minicart-items { margin: 0 !important; padding: 0 !important; }
#minicart-content-wrapper .minicart-items > .product-item { margin: 0 !important; padding: 16px 0 !important; border: 0 !important; border-bottom: 1px solid #ebebe6 !important; background: transparent !important; }
#minicart-content-wrapper .minicart-items > .product-item:first-child { padding-top: 4px !important; }
#minicart-content-wrapper .minicart-items > .product-item:hover { background: transparent !important; }
#minicart-content-wrapper .minicart-items .product-item > .product { display: flex !important; align-items: flex-start; gap: 14px; position: relative; padding: 0 !important; background: transparent !important; }
#minicart-content-wrapper .minicart-items .product-item-photo { flex: 0 0 76px !important; width: 76px !important; padding: 4px !important; margin: 0 !important; background: #fff !important; border: 1px solid #ebebe6 !important; box-sizing: border-box; float: none !important; position: static !important; }
#minicart-content-wrapper .minicart-items .product-item-photo img { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; object-fit: contain; }
#minicart-content-wrapper .minicart-items .product-item-photo .product-image-container { width: 100% !important; }
#minicart-content-wrapper .minicart-items .product-item-details { flex: 1 1 auto; min-width: 0; padding: 0 30px 0 0 !important; margin: 0 !important; }
#minicart-content-wrapper .minicart-items .product-item-name { display: block; margin: 0 0 6px !important; font-size: 14px !important; line-height: 1.35 !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; }
#minicart-content-wrapper .minicart-items .product-item-name a { color: #111 !important; text-decoration: none !important; font: inherit !important; text-transform: none !important; }
#minicart-content-wrapper .minicart-items .product-item-name a:hover { color: #006898 !important; }
#minicart-content-wrapper .minicart-items .product-item-name a::after, #minicart-content-wrapper .minicart-items .product-item-name a::before { display: none !important; }
#minicart-content-wrapper .minicart-items .product.options { margin: 0 0 6px !important; font-size: 12px !important; }
#minicart-content-wrapper .minicart-items .product.options .toggle { font-size: 12px !important; font-weight: 600 !important; color: #006898 !important; text-transform: none !important; cursor: pointer; }
#minicart-content-wrapper .minicart-items .product.options :is(dt, dd, span, strong) { font-size: 12px !important; text-transform: none !important; letter-spacing: 0 !important; color: #555 !important; }
#minicart-content-wrapper .minicart-items .product-item-pricing { display: flex !important; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 12px; margin: 0 !important; }
#minicart-content-wrapper .minicart-items .minicart-price, #minicart-content-wrapper .minicart-items .price-container { margin: 0 !important; }
#minicart-content-wrapper .minicart-items .product-item-pricing .price { font-size: 15px !important; font-weight: 800 !important; color: #111 !important; letter-spacing: 0 !important; }
/* qty [ − | 1 | + ] small */
#minicart-content-wrapper .minicart-items .details-qty { display: inline-flex !important; align-items: stretch !important; height: 34px !important; margin: 0 !important; padding: 0 !important; position: static !important; order: -1; }
#minicart-content-wrapper .minicart-items .details-qty > .label { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
#minicart-content-wrapper .minicart-items .details-qty :is(.qty-minus, .qty-plus) {
  position: relative !important; display: block !important; flex: 0 0 32px !important; width: 32px !important; height: 34px !important; margin: 0 !important; padding: 0 !important;
  top: auto !important; left: auto !important; right: auto !important; transform: none !important; box-sizing: border-box !important;
  background: #f0f0ea !important; border: 1.5px solid #d4d4cf !important; border-radius: 0 !important; font-size: 0 !important; color: transparent !important; cursor: pointer;
}
#minicart-content-wrapper .minicart-items .details-qty :is(.qty-minus, .qty-plus):hover { background: #3cbdec !important; }
#minicart-content-wrapper .minicart-items .details-qty .qty-minus::before,
#minicart-content-wrapper .minicart-items .details-qty .qty-plus::before { content: '' !important; display: block !important; position: absolute !important; background: #1a1a1a !important; margin: 0 !important; transform: none !important; border: 0 !important; opacity: 1 !important; left: calc(50% - 5px) !important; top: calc(50% - 1px) !important; width: 10px !important; height: 2px !important; }
#minicart-content-wrapper .minicart-items .details-qty .qty-plus::after { content: '' !important; display: block !important; position: absolute !important; background: #1a1a1a !important; margin: 0 !important; transform: none !important; border: 0 !important; opacity: 1 !important; left: calc(50% - 1px) !important; top: calc(50% - 5px) !important; width: 2px !important; height: 10px !important; }
#minicart-content-wrapper .minicart-items .details-qty .qty-minus::after { display: none !important; content: none !important; }
#minicart-content-wrapper .minicart-items .details-qty input.item-qty {
  flex: 0 0 40px !important; width: 40px !important; height: 34px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important;
  text-align: center !important; font-size: 14px !important; font-weight: 700 !important; color: #111 !important; background: #fff !important;
  border: 1.5px solid #d4d4cf !important; border-left: 0 !important; border-right: 0 !important; border-radius: 0 !important; -moz-appearance: textfield; appearance: textfield;
}
#minicart-content-wrapper .minicart-items .details-qty input.item-qty::-webkit-outer-spin-button,
#minicart-content-wrapper .minicart-items .details-qty input.item-qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
#minicart-content-wrapper .minicart-items .details-qty .update-cart-item {
  height: 34px !important; margin: 0 0 0 8px !important; padding: 0 12px !important; background: #3cbdec !important; color: #000 !important; border: 0 !important; border-radius: 0 !important;
  font-size: 11px !important; font-weight: 700 !important; letter-spacing: .06em; text-transform: uppercase; box-shadow: none !important;
}
#minicart-content-wrapper .minicart-items .details-qty .update-cart-item::before, #minicart-content-wrapper .minicart-items .details-qty .update-cart-item::after { display: none !important; }
/* remove / edit */
#minicart-content-wrapper .minicart-items .product.actions { position: absolute !important; top: 0 !important; right: 0 !important; margin: 0 !important; display: flex; gap: 4px; }
#minicart-content-wrapper .minicart-items .product.actions .primary { display: none !important; }
#minicart-content-wrapper .minicart-items .product.actions .action.delete {
  display: inline-flex !important; align-items: center; justify-content: center; width: 28px !important; height: 28px !important; margin: 0 !important; padding: 0 !important;
  border: 1.5px solid #e1e1dc !important; background: #fff !important; color: #555 !important; position: relative !important;
}
#minicart-content-wrapper .minicart-items .product.actions .action.delete > span { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
#minicart-content-wrapper .minicart-items .product.actions .action.delete::before { content: '' !important; display: block !important; width: 12px; height: 12px; background: currentColor !important; position: static !important; transform: none !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5l14 14M19 5L5 19' stroke='black' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5l14 14M19 5L5 19' stroke='black' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; }
#minicart-content-wrapper .minicart-items .product.actions .action.delete::after { display: none !important; }
#minicart-content-wrapper .minicart-items .product.actions .action.delete:hover { background: #111 !important; border-color: #111 !important; color: #fff !important; }
/* total + checkout */
#minicart-content-wrapper .dropdown-bottom-wrapper { margin-top: 18px !important; margin-bottom: 24px !important; padding: 18px !important; background: #f6f6f3 !important; border: 1px solid #e6e6e1 !important; border-top: 3px solid #3cbdec !important; box-shadow: none !important; }
#minicart-content-wrapper .dropdown-bottom-wrapper .subtotal { display: flex !important; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 4px 12px; margin: 0 0 14px !important; padding: 0 !important; text-align: left !important; }
#minicart-content-wrapper .dropdown-bottom-wrapper .subtotal .label, #minicart-content-wrapper .dropdown-bottom-wrapper .subtotal .label * { font-size: 12px !important; font-weight: 800 !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: #111 !important; }
#minicart-content-wrapper .dropdown-bottom-wrapper .subtotal .amount, #minicart-content-wrapper .dropdown-bottom-wrapper .subtotal .amount .price { font-size: 26px !important; font-weight: 800 !important; letter-spacing: -.01em !important; line-height: 1.1 !important; color: #111 !important; margin: 0 !important; }
#minicart-content-wrapper .dropdown-bottom-wrapper .actions { margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 8px; }
#minicart-content-wrapper .dropdown-bottom-wrapper .actions > .primary { margin: 0 !important; width: 100% !important; }
#minicart-content-wrapper #top-cart-btn-checkout {
  width: 100% !important; min-height: 56px !important; height: auto !important; margin: 0 !important; padding: 0 18px !important; display: flex !important; align-items: center; justify-content: center;
  background: #3cbdec !important; color: #000 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  font-size: 15px !important; font-weight: 800 !important; letter-spacing: .08em !important; text-transform: uppercase !important; position: relative !important; overflow: hidden !important;
}
#minicart-content-wrapper #top-cart-btn-checkout::before { display: none !important; content: none !important; }
#minicart-content-wrapper #top-cart-btn-checkout::after { content: ' →' !important; display: inline !important; position: static !important; background: none !important; width: auto !important; height: auto !important; margin-left: 6px; color: inherit !important; transform: none !important; }
#minicart-content-wrapper #top-cart-btn-checkout span { color: inherit !important; }
#minicart-content-wrapper #top-cart-btn-checkout:hover { background: #111 !important; color: #fff !important; }
#minicart-content-wrapper .dropdown-bottom-wrapper .actions > .secondary { margin: 0 !important; text-align: center; }
#minicart-content-wrapper .dropdown-bottom-wrapper .action.viewcart {
  display: flex !important; align-items: center; justify-content: center; height: 46px; background: #fff !important; color: #111 !important; border: 1.5px solid #c9c9c4 !important;
  font-size: 12px !important; font-weight: 700 !important; letter-spacing: .08em !important; text-transform: uppercase !important; text-decoration: none !important; border-radius: 0 !important;
}
#minicart-content-wrapper .dropdown-bottom-wrapper .action.viewcart span { color: inherit !important; }
#minicart-content-wrapper .dropdown-bottom-wrapper .action.viewcart:hover { background: #111 !important; color: #fff !important; border-color: #111 !important; }
#minicart-content-wrapper .dropdown-bottom-wrapper .action.viewcart::before, #minicart-content-wrapper .dropdown-bottom-wrapper .action.viewcart::after { display: none !important; }
/* the old module's extra block in the drawer has nothing left to show */
#minicart-content-wrapper .dropdown-bottom-wrapper .extra-actions:not(:has(button:not(#empty_cart_button):not(#btnpop):not([onclick*="pdfgen"]), a:not([href*="pdfgen"]))) { display: none !important; }
@media (max-width: 480px) {
  #minicart-content-wrapper .block-content > :is(.items-total, .nf-cart-tools, .subtitle, .minicart-items-wrapper, .dropdown-bottom-wrapper, .empty-cart-wrapper) { margin-left: 16px !important; margin-right: 16px !important; }
  #minicart-content-wrapper .nf-cart-tools__row { flex-wrap: wrap; }
  #minicart-content-wrapper .nf-cart-tools__row .nf-cart-tool { flex: 1 1 calc(50% - 4px) !important; }
}
#minicart-content-wrapper .block-content > .nf-cart-tools { padding: 12px !important; margin: 0 24px 18px !important; border: 1px solid #e6e6e1 !important; border-top: 3px solid #3cbdec !important; }
@media (max-width: 480px) { #minicart-content-wrapper .block-content > .nf-cart-tools { margin: 0 16px 16px !important; } }

/* ===== "Email me when back in stock" (Aheadworks stock notification) – readable hover (2026-11-08k) =====
   The theme's hover layer turned it black while the text stayed black. */
.stock-notification-button.action, button.stock-notification-button {
  position: relative !important; overflow: hidden !important; background: #fff !important; color: #111 !important;
  border: 1.5px solid #111 !important; border-radius: 0 !important; box-shadow: none !important; transition: background .15s, color .15s, border-color .15s;
}
.stock-notification-button.action::before, .stock-notification-button.action::after,
button.stock-notification-button::before, button.stock-notification-button::after { display: none !important; content: none !important; }
.stock-notification-button span { color: inherit !important; position: static !important; transform: none !important; background: transparent !important; }
.stock-notification-button.action:is(:hover, :focus-visible, :active), button.stock-notification-button:is(:hover, :focus-visible, :active) {
  background: #3cbdec !important; border-color: #3cbdec !important; color: #000 !important;
}
.stock-notification-button.action:is(:hover, :focus-visible, :active) *, button.stock-notification-button:is(:hover, :focus-visible, :active) * { color: #000 !important; }

/* =====================================================================
   SKAPA KONTO (customer/account/create) – same look as the shop (2026-11-08k)
   ===================================================================== */
body.customer-account-create .page-main {
  background: #f0f1f4 !important; background-image: none !important; max-width: 1180px !important; padding: 36px 20px 60px !important; box-sizing: border-box;
}
body.customer-account-create .page-main > .page-title-wrapper { margin: 0 0 22px !important; padding: 0 !important; text-align: left !important; }
body.customer-account-create .page-main > .page-title-wrapper .page-title,
body.customer-account-create .page-main > .page-title-wrapper .page-title .base {
  margin: 0 !important; font: 800 40px/1.05 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: -.01em !important; text-transform: uppercase !important;
  color: #111 !important; text-shadow: none !important; text-align: left !important;
}
body.customer-account-create .nfa-sub { margin: 8px 0 0; font: 500 15px/1.45 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #555; }
body.customer-account-create .columns, body.customer-account-create .column.main { background: transparent !important; padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: none !important; float: none !important; }
body.customer-account-create.nfa-ready .column.main { display: grid !important; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; align-items: start; }
body.customer-account-create.nfa-ready .column.main > :not(.form-create-account):not(.nfa-aside) { grid-column: 1 / -1; }

/* the form card */
body.customer-account-create .form-create-account {
  display: grid !important; grid-template-columns: 1fr 1fr; column-gap: 28px; row-gap: 0; width: auto !important; max-width: none !important; margin: 0 !important;
  background: #fff !important; border: 1px solid #e6e6e1 !important; border-top: 3px solid #3cbdec !important; padding: 28px 28px 26px !important; box-shadow: none !important; box-sizing: border-box;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body.customer-account-create .form-create-account::before, body.customer-account-create .form-create-account::after { display: none !important; content: none !important; }
body.customer-account-create .form-create-account > input[type="hidden"] { display: none; }
body.customer-account-create .form-create-account > .fieldset { margin: 0 !important; padding: 0 !important; border: 0 !important; width: auto !important; float: none !important; min-width: 0; }
body.customer-account-create .form-create-account > .fieldset.additional_info,
body.customer-account-create .form-create-account > .actions-toolbar { grid-column: 1 / -1; }
body.customer-account-create .form-create-account > .fieldset > br { display: none !important; }
body.customer-account-create .form-create-account .legend {
  display: block !important; width: 100%; margin: 0 0 18px !important; padding: 0 0 10px !important; border-bottom: 1px solid #ebebe6 !important; float: none !important;
}
body.customer-account-create .form-create-account .legend span { font: 800 15px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .06em !important; text-transform: uppercase !important; color: #111 !important; }
body.customer-account-create .form-create-account .field { margin: 0 0 16px !important; padding: 0 !important; }
body.customer-account-create .form-create-account .field:not(.choice) > .label {
  display: block !important; float: none !important; width: auto !important; margin: 0 0 6px !important; padding: 0 !important; text-align: left !important;
  font: 700 12px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .04em !important; text-transform: uppercase !important; color: #333 !important;
}
body.customer-account-create .form-create-account .field:not(.choice) > .label span { font: inherit !important; color: inherit !important; text-transform: inherit !important; }
body.customer-account-create .form-create-account .field.required > .label::after { color: #d7261e !important; margin-left: 3px !important; font-size: 12px !important; }
body.customer-account-create .form-create-account .control { float: none !important; width: 100% !important; }
body.customer-account-create .form-create-account :is(input.input-text, input[type="text"], input[type="email"], input[type="password"], select) {
  width: 100% !important; height: 48px !important; margin: 0 !important; padding: 0 14px !important; box-sizing: border-box !important;
  background: #fff !important; color: #111 !important; border: 1.5px solid #c9c9c4 !important; border-radius: 0 !important; box-shadow: none !important;
  font: 500 15px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; transition: border-color .15s, box-shadow .15s;
}
body.customer-account-create .form-create-account :is(input.input-text, input[type="text"], input[type="email"], input[type="password"]):focus {
  outline: 0 !important; border-color: #3cbdec !important; box-shadow: 0 0 0 3px rgba(60, 189, 236, .25) !important;
}
body.customer-account-create .form-create-account input.mage-error, body.customer-account-create .form-create-account input[aria-invalid="true"] { border-color: #d7261e !important; }
body.customer-account-create .form-create-account div.mage-error, body.customer-account-create .form-create-account .field-error {
  margin: 6px 0 0 !important; font: 600 12px/1.35 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #c41e17 !important; text-transform: none !important;
}
/* password strength: a thin coloured bar + text */
body.customer-account-create #password-strength-meter-container { margin-top: 8px !important; }
body.customer-account-create #password-strength-meter {
  position: relative; padding: 10px 0 0 !important; background: transparent !important; font: 500 12px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #555 !important; text-transform: none !important;
}
body.customer-account-create #password-strength-meter::before { content: '' !important; display: block !important; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: #e6e6e1 !important; width: auto !important; }
body.customer-account-create #password-strength-meter::after { content: '' !important; display: block !important; position: absolute; top: 0; left: 0; height: 4px; width: 0; background: #d7261e; transition: width .25s, background .25s; }
body.customer-account-create .password-weak #password-strength-meter::after { width: 25%; background: #d7261e; }
body.customer-account-create .password-medium #password-strength-meter::after { width: 55%; background: #f5a623; }
body.customer-account-create .password-strong #password-strength-meter::after { width: 80%; background: #7ac943; }
body.customer-account-create .password-very-strong #password-strength-meter::after { width: 100%; background: #2e9e4f; }
body.customer-account-create #password-strength-meter-label { font-weight: 700 !important; color: #111 !important; }
/* checkboxes */
body.customer-account-create .form-create-account .field.choice { display: flex !important; align-items: flex-start; gap: 10px; margin: 0 0 12px !important; position: relative; flex-wrap: wrap; }
body.customer-account-create .form-create-account .field.choice input[type="checkbox"] {
  -webkit-appearance: none; appearance: none; flex: 0 0 20px; width: 20px !important; height: 20px !important; margin: 0 !important; padding: 0 !important;
  border: 1.5px solid #c9c9c4 !important; border-radius: 0 !important; background: #fff !important; cursor: pointer; position: relative !important; top: 0 !important; opacity: 1 !important;
}
body.customer-account-create .form-create-account .field.choice input[type="checkbox"]:checked { background: #3cbdec !important; border-color: #3cbdec !important; }
body.customer-account-create .form-create-account .field.choice input[type="checkbox"]:checked::after {
  content: ''; position: absolute; left: 6px; top: 2px; width: 5px; height: 10px; border: solid #000; border-width: 0 2px 2px 0; transform: rotate(45deg);
}
body.customer-account-create .form-create-account .field.choice input[type="checkbox"]:focus-visible { outline: 2px solid #3cbdec; outline-offset: 2px; }
body.customer-account-create .form-create-account .field.choice > .label {
  flex: 1 1 0; min-width: 0; margin: 0 !important; padding: 1px 0 0 !important; cursor: pointer; float: none !important; width: auto !important; text-align: left !important;
  font: 500 14px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; color: #222 !important;
}
body.customer-account-create .form-create-account .field.choice > .label span { font: inherit !important; text-transform: none !important; color: inherit !important; }
body.customer-account-create .form-create-account .field.choice > .label::before, body.customer-account-create .form-create-account .field.choice > .label::after { display: none !important; }
body.customer-account-create .form-create-account .field.choice .field-tooltip { position: static !important; flex: 1 1 100%; margin: 0 0 0 30px; }
body.customer-account-create .form-create-account .field.choice .field-tooltip .label { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
body.customer-account-create .form-create-account .field.choice .field-tooltip-action { display: none !important; }
body.customer-account-create .form-create-account .field.choice .field-tooltip-content {
  display: block !important; position: static !important; width: auto !important; max-width: none !important; margin: 2px 0 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important;
  font: 400 12px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #666 !important; text-transform: none !important;
}
body.customer-account-create .form-create-account .field.choice .field-tooltip-content::before, body.customer-account-create .form-create-account .field.choice .field-tooltip-content::after { display: none !important; }
/* remember me + captcha row */
body.customer-account-create .form-create-account .fieldset.additional_info { display: grid !important; grid-template-columns: 1fr 1fr; column-gap: 28px; padding-top: 18px !important; margin-top: 4px !important; border-top: 1px solid #ebebe6 !important; }
body.customer-account-create #remember-me-box { grid-column: 1 / -1; }
body.customer-account-create #remember-me-box .tooltip.wrapper { display: block; flex: 1 1 100%; margin-left: 30px; }
body.customer-account-create #remember-me-box .tooltip.toggle { display: none !important; }
body.customer-account-create #remember-me-box .tooltip.content { display: block !important; position: static !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; width: auto !important; font: 400 12px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #666 !important; }
body.customer-account-create #remember-me-box .tooltip.content::before, body.customer-account-create #remember-me-box .tooltip.content::after { display: none !important; }
body.customer-account-create .field.captcha { grid-column: 1 / -1; }
body.customer-account-create .field.captcha .control.captcha { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center; }
body.customer-account-create .field.captcha .nested { margin: 0 !important; }
body.customer-account-create .field.captcha .nested .field { margin: 0 !important; }
body.customer-account-create .field.captcha .captcha-image { display: flex !important; align-items: center; gap: 8px; margin: 0 !important; }
body.customer-account-create .field.captcha .captcha-img { height: 48px !important; width: auto !important; border: 1.5px solid #c9c9c4; background: #fff; margin: 0 !important; }
body.customer-account-create .field.captcha .captcha-reload {
  height: 48px !important; margin: 0 !important; padding: 0 14px !important; background: #fff !important; color: #111 !important; border: 1.5px solid #c9c9c4 !important; border-radius: 0 !important; box-shadow: none !important;
  font: 700 11px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .06em !important; text-transform: uppercase !important; white-space: nowrap; position: relative; overflow: hidden;
}
body.customer-account-create .field.captcha .captcha-reload::before, body.customer-account-create .field.captcha .captcha-reload::after { display: none !important; }
body.customer-account-create .field.captcha .captcha-reload span { color: inherit !important; }
body.customer-account-create .field.captcha .captcha-reload:hover { border-color: #111 !important; background: #111 !important; color: #fff !important; }
/* buttons */
body.customer-account-create .form-create-account .actions-toolbar {
  display: flex !important; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 16px; margin: 8px 0 0 !important; padding: 20px 0 0 !important; border-top: 1px solid #ebebe6;
}
body.customer-account-create .form-create-account .actions-toolbar::before, body.customer-account-create .form-create-account .actions-toolbar::after { display: none !important; }
body.customer-account-create .form-create-account .actions-toolbar > div { float: none !important; margin: 0 !important; width: auto !important; }
body.customer-account-create .form-create-account .actions-toolbar .primary { flex: 0 1 360px; }
body.customer-account-create #send2 {
  width: 100% !important; min-height: 56px !important; margin: 0 !important; padding: 0 20px !important; display: flex !important; align-items: center; justify-content: center;
  background: #3cbdec !important; color: #000 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; position: relative !important; overflow: hidden !important;
  font: 800 15px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .08em !important; text-transform: uppercase !important;
}
body.customer-account-create #send2::before, body.customer-account-create #send2::after { display: none !important; content: none !important; }
body.customer-account-create #send2 span { color: inherit !important; position: static !important; transform: none !important; }
body.customer-account-create #send2 span::after { content: ' →'; }
body.customer-account-create #send2:hover { background: #111 !important; color: #fff !important; }
body.customer-account-create .form-create-account .actions-toolbar .action.back {
  display: inline-flex !important; align-items: center; gap: 6px; height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important;
  background: transparent !important; border: 0 !important; box-shadow: none !important; color: #111 !important; text-decoration: underline !important; text-underline-offset: 4px; text-decoration-color: #c9c9c4 !important;
  font: 600 14px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important;
}
body.customer-account-create .form-create-account .actions-toolbar .action.back::before, body.customer-account-create .form-create-account .actions-toolbar .action.back::after { display: none !important; }
body.customer-account-create .form-create-account .actions-toolbar .action.back span { color: inherit !important; font: inherit !important; }
body.customer-account-create .form-create-account .actions-toolbar .action.back:hover { color: #006898 !important; text-decoration-color: #3cbdec !important; }
/* the benefits card (JS) */
body.customer-account-create .nfa-aside { background: #111; color: #fff; padding: 26px 24px; border-top: 3px solid #3cbdec; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; position: sticky; top: 110px; }
body.customer-account-create .nfa-aside h2 { margin: 0 0 16px; font: 800 20px/1.15 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: -.01em; color: #fff; }
body.customer-account-create .nfa-aside ul { list-style: none; margin: 0 0 22px; padding: 0; display: flex; flex-direction: column; gap: 12px; }
body.customer-account-create .nfa-aside li { display: flex; gap: 10px; align-items: flex-start; margin: 0; font-size: 14px; line-height: 1.4; color: #e8e8e8; }
body.customer-account-create .nfa-aside li b { color: #fff; display: block; font-size: 14px; }
body.customer-account-create .nfa-aside li svg { flex: 0 0 20px; width: 20px; height: 20px; fill: none; stroke: #3cbdec; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; margin-top: 1px; }
body.customer-account-create .nfa-aside .nfa-login { padding-top: 18px; border-top: 1px solid #2c2c2c; font-size: 13px; color: #bbb; }
body.customer-account-create .nfa-aside .nfa-login a {
  display: flex; align-items: center; justify-content: center; height: 46px; margin-top: 10px; border: 1.5px solid #fff; color: #fff !important; text-decoration: none !important;
  font: 700 12px/1 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase;
}
body.customer-account-create .nfa-aside .nfa-login a:hover { background: #fff; color: #111 !important; }
@media (max-width: 1024px) {
  body.customer-account-create.nfa-ready .column.main { grid-template-columns: minmax(0, 1fr); }
  body.customer-account-create .nfa-aside { position: static; order: 2; }
}
@media (max-width: 767px) {
  body.customer-account-create .page-main { padding: 22px 14px 40px !important; }
  body.customer-account-create .page-main > .page-title-wrapper .page-title, body.customer-account-create .page-main > .page-title-wrapper .page-title .base { font-size: 28px !important; }
  body.customer-account-create .form-create-account { grid-template-columns: minmax(0, 1fr); padding: 20px 16px !important; }
  body.customer-account-create .form-create-account .fieldset.additional_info { grid-template-columns: minmax(0, 1fr); }
  body.customer-account-create .field.captcha .control.captcha { grid-template-columns: minmax(0, 1fr); }
  body.customer-account-create .form-create-account .actions-toolbar { flex-direction: column; align-items: stretch; }
  body.customer-account-create .form-create-account .actions-toolbar .primary { flex: 1 1 auto; }
  body.customer-account-create .form-create-account .actions-toolbar .secondary { text-align: center; }
}
body.customer-account-create .form-create-account .field.required > .label::after,
body.customer-account-create .form-create-account .field.captcha > .label::after { content: '*' !important; display: inline !important; color: #d7261e !important; margin-left: 3px !important; font-size: 12px !important; position: static !important; }
body.customer-account-create .page-main > .page.messages:not(:has(.message)) { display: none !important; }
body.customer-account-create .page-main > .page.messages { margin: 0 0 16px !important; }
body.customer-account-create .field.captcha .captcha-img { max-width: 100%; }
@media (max-width: 767px) {
  body.customer-account-create .field.captcha .captcha-image { flex-wrap: wrap; }
  body.customer-account-create .field.captcha .captcha-img { flex: 1 1 160px; height: auto !important; min-height: 48px; }
  body.customer-account-create .field.captcha .captcha-reload { flex: 1 1 140px; }
}

/* =====================================================================
   LOGGA IN (customer/account/login) + Glömt lösenord – same look (2026-11-08k)
   ===================================================================== */
body:is(.customer-account-login, .customer-account-forgotpassword) .page-main {
  background: #f0f1f4 !important; background-image: none !important; max-width: 1180px !important; padding: 36px 20px 60px !important; box-sizing: border-box;
}
body:is(.customer-account-login, .customer-account-forgotpassword) :is(.columns, .column.main) { background: transparent !important; padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: none !important; float: none !important; }
body:is(.customer-account-login, .customer-account-forgotpassword) .page-main > .page.messages:not(:has(.message)) { display: none !important; }
body:is(.customer-account-login, .customer-account-forgotpassword) :is(.nfa-title, .page-main > .page-title-wrapper) { margin: 0 0 22px !important; padding: 0 !important; text-align: left !important; }
body:is(.customer-account-login, .customer-account-forgotpassword) :is(.nfa-title h1, .page-main > .page-title-wrapper .page-title, .page-main > .page-title-wrapper .page-title .base) {
  margin: 0 !important; font: 800 40px/1.05 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: -.01em !important; text-transform: uppercase !important; color: #111 !important; text-shadow: none !important; text-align: left !important;
}
body:is(.customer-account-login, .customer-account-forgotpassword) .nfa-sub { margin: 8px 0 0; font: 500 15px/1.45 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #555; }
/* two cards */
body.customer-account-login .login-container {
  display: grid !important; grid-template-columns: minmax(0, 1fr) 380px; gap: 24px; align-items: stretch; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important;
  background: transparent !important; box-shadow: none !important;
}
body.customer-account-login .login-container::before, body.customer-account-login .login-container::after { display: none !important; content: none !important; }
body.customer-account-login .login-container > .block { float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; box-shadow: none !important; box-sizing: border-box; min-width: 0; }
body.customer-account-login .block-customer-login { background: #fff !important; border: 1px solid #e6e6e1 !important; border-top: 3px solid #3cbdec !important; padding: 30px 32px 28px !important; }
body.customer-account-login .block-new-customer { background: #111 !important; border: 0 !important; border-top: 3px solid #3cbdec !important; padding: 30px 28px 28px !important; color: #fff; text-align: left !important; display: flex !important; flex-direction: column; justify-content: flex-start !important; }
body.customer-account-login .login-container .block-title { margin: 0 0 8px !important; padding: 0 !important; border: 0 !important; text-align: left !important; }
body.customer-account-login .login-container .block-title strong { font: 800 22px/1.15 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: -.01em !important; text-transform: uppercase !important; color: #111 !important; }
body.customer-account-login .block-new-customer .block-title strong { color: #fff !important; }
body.customer-account-login .login-container .block-content { padding: 0 !important; margin: 0 !important; text-align: left !important; }
body.customer-account-login .block-customer-login .field.note { margin: 0 0 20px !important; font: 400 14px/1.45 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #555 !important; text-transform: none !important; }
body.customer-account-login .block-customer-login .fieldset { margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.customer-account-login .block-customer-login .fieldset::after { display: none !important; }
body.customer-account-login .block-new-customer .block-content > p { margin: 0 0 18px !important; font: 400 14px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #cfcfcf !important; text-align: left !important; }
body.customer-account-login .block-new-customer .nfa-list { list-style: none; margin: 0 0 22px; padding: 0; display: flex; flex-direction: column; gap: 12px; }
body.customer-account-login .block-new-customer .nfa-list li { display: flex; gap: 10px; align-items: flex-start; margin: 0; font: 400 14px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #e8e8e8; }
body.customer-account-login .block-new-customer .nfa-list li b { color: #fff; display: block; }
body.customer-account-login .block-new-customer .nfa-list svg { flex: 0 0 20px; width: 20px; height: 20px; fill: none; stroke: #3cbdec; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; margin-top: 1px; }
body.customer-account-login .block-new-customer .actions-toolbar { margin: auto 0 0 !important; padding: 0 !important; }
body.customer-account-login .block-new-customer .actions-toolbar .primary { float: none !important; width: 100% !important; margin: 0 !important; }
body.customer-account-login .block-new-customer .action.create {
  display: flex !important; align-items: center; justify-content: center; width: 100% !important; min-height: 52px !important; margin: 0 !important; padding: 0 18px !important;
  background: transparent !important; color: #fff !important; border: 1.5px solid #fff !important; border-radius: 0 !important; box-shadow: none !important; text-decoration: none !important;
  font: 800 13px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .08em !important; text-transform: uppercase !important; position: relative; overflow: hidden;
}
body.customer-account-login .block-new-customer .action.create::before, body.customer-account-login .block-new-customer .action.create::after { display: none !important; content: none !important; }
body.customer-account-login .block-new-customer .action.create span { color: inherit !important; position: static !important; transform: none !important; }
body.customer-account-login .block-new-customer .action.create span::after { content: ' →'; }
body.customer-account-login .block-new-customer .action.create:hover { background: #3cbdec !important; border-color: #3cbdec !important; color: #000 !important; }
/* fields (login + forgot password) */
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main .field { margin: 0 0 16px !important; padding: 0 !important; }
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main .field:not(.choice):not(.note) > .label {
  display: block !important; float: none !important; width: auto !important; margin: 0 0 6px !important; padding: 0 !important; text-align: left !important;
  font: 700 12px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .04em !important; text-transform: uppercase !important; color: #333 !important;
}
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main .field:not(.choice) > .label span { font: inherit !important; color: inherit !important; }
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main .field.required > .label::after { content: '*' !important; display: inline !important; color: #d7261e !important; margin-left: 3px !important; font-size: 12px !important; position: static !important; }
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main .control { float: none !important; width: 100% !important; }
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main :is(input.input-text, input[type="text"], input[type="email"], input[type="password"]) {
  width: 100% !important; height: 48px !important; margin: 0 !important; padding: 0 14px !important; box-sizing: border-box !important;
  background: #fff !important; color: #111 !important; border: 1.5px solid #c9c9c4 !important; border-radius: 0 !important; box-shadow: none !important;
  font: 500 15px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; transition: border-color .15s, box-shadow .15s;
}
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main :is(input.input-text, input[type="email"], input[type="password"]):focus { outline: 0 !important; border-color: #3cbdec !important; box-shadow: 0 0 0 3px rgba(60, 189, 236, .25) !important; }
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main input.mage-error { border-color: #d7261e !important; }
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main div.mage-error { margin: 6px 0 0 !important; font: 600 12px/1.35 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #c41e17 !important; text-transform: none !important; }
/* checkboxes */
body.customer-account-login .block-customer-login .field.choice { display: flex !important; align-items: flex-start; gap: 10px; margin: 0 0 12px !important; flex-wrap: wrap; position: relative; }
body.customer-account-login .block-customer-login .field.choice input[type="checkbox"] {
  -webkit-appearance: none; appearance: none; flex: 0 0 20px; width: 20px !important; height: 20px !important; margin: 0 !important; padding: 0 !important;
  border: 1.5px solid #c9c9c4 !important; border-radius: 0 !important; background: #fff !important; cursor: pointer; position: relative !important; top: 0 !important; opacity: 1 !important;
}
body.customer-account-login .block-customer-login .field.choice input[type="checkbox"]:checked { background: #3cbdec !important; border-color: #3cbdec !important; }
body.customer-account-login .block-customer-login .field.choice input[type="checkbox"]:checked::after { content: ''; position: absolute; left: 6px; top: 2px; width: 5px; height: 10px; border: solid #000; border-width: 0 2px 2px 0; transform: rotate(45deg); }
body.customer-account-login .block-customer-login .field.choice > .label {
  flex: 1 1 0; min-width: 0; margin: 0 !important; padding: 1px 0 0 !important; cursor: pointer; float: none !important; width: auto !important; text-align: left !important;
  font: 500 14px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; color: #222 !important;
}
body.customer-account-login .block-customer-login .field.choice > .label span { font: inherit !important; text-transform: none !important; color: inherit !important; }
body.customer-account-login .block-customer-login .field.choice > .label::before, body.customer-account-login .block-customer-login .field.choice > .label::after { display: none !important; }
body.customer-account-login #remember-me-box .tooltip.wrapper { display: block; flex: 1 1 100%; margin-left: 30px; }
body.customer-account-login #remember-me-box .tooltip.toggle { display: none !important; }
body.customer-account-login #remember-me-box .tooltip.content { display: block !important; position: static !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; width: auto !important; font: 400 12px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #666 !important; }
body.customer-account-login #remember-me-box .tooltip.content::before, body.customer-account-login #remember-me-box .tooltip.content::after { display: none !important; }
/* buttons */
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main form .actions-toolbar {
  display: flex !important; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin: 20px 0 0 !important; padding: 20px 0 0 !important; border-top: 1px solid #ebebe6;
}
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main form .actions-toolbar::before,
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main form .actions-toolbar::after { display: none !important; }
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main form .actions-toolbar > div { float: none !important; margin: 0 !important; width: auto !important; }
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main form .actions-toolbar .primary { flex: 1 1 260px; }
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main form .actions-toolbar .primary :is(button, .action) {
  width: 100% !important; min-height: 56px !important; margin: 0 !important; padding: 0 20px !important; display: flex !important; align-items: center; justify-content: center;
  background: #3cbdec !important; color: #000 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; position: relative !important; overflow: hidden !important;
  font: 800 15px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .08em !important; text-transform: uppercase !important;
}
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main form .actions-toolbar .primary :is(button, .action)::before,
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main form .actions-toolbar .primary :is(button, .action)::after { display: none !important; content: none !important; }
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main form .actions-toolbar .primary :is(button, .action) span { color: inherit !important; position: static !important; transform: none !important; }
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main form .actions-toolbar .primary :is(button, .action) span::after { content: ' →'; }
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main form .actions-toolbar .primary :is(button, .action):hover { background: #111 !important; color: #fff !important; }
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main form .actions-toolbar .secondary a {
  display: inline-flex !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; height: auto !important; min-height: 0 !important;
  color: #111 !important; text-decoration: underline !important; text-underline-offset: 4px; text-decoration-color: #c9c9c4 !important;
  font: 600 14px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important;
}
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main form .actions-toolbar .secondary a::before,
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main form .actions-toolbar .secondary a::after { display: none !important; }
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main form .actions-toolbar .secondary a span { color: inherit !important; font: inherit !important; }
body:is(.customer-account-login, .customer-account-forgotpassword) .column.main form .actions-toolbar .secondary a:hover { color: #006898 !important; text-decoration-color: #3cbdec !important; }
/* forgot password page: the form as a card */
body.customer-account-forgotpassword .column.main form.form { max-width: 560px !important; width: auto !important; background: #fff !important; border: 1px solid #e6e6e1 !important; border-top: 3px solid #3cbdec !important; padding: 30px 32px 28px !important; box-sizing: border-box; margin: 0 !important; }
body.customer-account-forgotpassword .column.main form.form .fieldset { margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.customer-account-forgotpassword .column.main form.form .field.note { margin: 0 0 18px !important; font: 400 14px/1.45 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #555 !important; text-transform: none !important; }
body.customer-account-forgotpassword .column.main form.form .legend { display: none !important; }
@media (max-width: 900px) {
  body.customer-account-login .login-container { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
  body:is(.customer-account-login, .customer-account-forgotpassword) .page-main { padding: 22px 14px 40px !important; }
  body:is(.customer-account-login, .customer-account-forgotpassword) :is(.nfa-title h1, .page-main > .page-title-wrapper .page-title, .page-main > .page-title-wrapper .page-title .base) { font-size: 28px !important; }
  body.customer-account-login .block-customer-login, body.customer-account-forgotpassword .column.main form.form { padding: 22px 18px !important; }
  body.customer-account-login .block-new-customer { padding: 22px 18px !important; }
  body:is(.customer-account-login, .customer-account-forgotpassword) .column.main form .actions-toolbar { flex-direction: column; align-items: stretch; text-align: center; }
}
body.customer-account-login .block-new-customer .action.create { box-sizing: border-box !important; }
@media (max-width: 767px) {
  body:is(.customer-account-login, .customer-account-forgotpassword) .column.main form .actions-toolbar .primary { flex: 0 0 auto !important; }
  body:is(.customer-account-create) .form-create-account .actions-toolbar .primary { flex: 0 0 auto !important; }
}

/* =====================================================================
   MITT KONTO – all logged-in account pages (body.account) (2026-11-08k)
   ===================================================================== */
body.account .page-main {
  background: #f0f1f4 !important; background-image: none !important; max-width: 1280px !important; padding: 34px 20px 60px !important; box-sizing: border-box;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body.account .page-main > .page.messages:not(:has(.message)) { display: none !important; }
body.account .page-main > .page.messages .message { margin: 0 0 16px !important; }
body.account .page-main > .columns {
  display: grid !important; grid-template-columns: 270px minmax(0, 1fr); grid-template-rows: auto 1fr; grid-template-areas: "nav main" "extra main"; align-items: start; column-gap: 28px; row-gap: 18px;
  margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: none !important; background: transparent !important;
}
body.account.page-layout-1column .page-main > .columns { grid-template-columns: minmax(0, 1fr); grid-template-areas: "main"; max-width: 900px !important; margin: 0 auto !important; }
body.account .page-main > .columns::before, body.account .page-main > .columns::after { display: none !important; }
body.account .columns > .column.main { grid-area: main; width: auto !important; max-width: none !important; float: none !important; padding: 0 !important; margin: 0 !important; min-width: 0; background: transparent !important; }
body.account .columns > .sidebar-main { grid-area: nav; width: auto !important; float: none !important; padding: 0 !important; margin: 0 !important; }
body.account .columns > .sidebar-additional { grid-area: extra; width: auto !important; float: none !important; padding: 0 !important; margin: 0 !important; }
body.account .columns > .sidebar-additional { display: none !important; }
body.account .sidebar-additional .block { background: #fff; border: 1px solid #e6e6e1; padding: 16px 18px !important; margin: 0 0 14px !important; }
body.account .sidebar-additional .block .block-title { margin: 0 0 10px !important; padding: 0 !important; border: 0 !important; }
body.account .sidebar-additional .block .block-title strong { font: 800 13px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .06em; text-transform: uppercase; color: #111 !important; }
body.account .sidebar-additional .block .empty { font-size: 13px; color: #777; }

/* page title */
body.account .column.main > .page-title-wrapper { margin: 0 0 20px !important; padding: 0 !important; text-align: left !important; }
body.account .column.main > .page-title-wrapper .page-title, body.account .column.main > .page-title-wrapper .page-title .base {
  margin: 0 !important; font: 800 36px/1.05 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: -.01em !important; text-transform: uppercase !important; color: #111 !important; text-shadow: none !important; text-align: left !important;
}
body.account .column.main > .page-title-wrapper .page-title::after, body.account .column.main > .page-title-wrapper::after { display: none !important; }
body.account .nfm-sub { margin: -12px 0 22px; font-size: 15px; color: #555; }

/* ---------- side navigation ---------- */
body.account .account-nav { background: #fff !important; border: 1px solid #e6e6e1 !important; border-top: 3px solid #3cbdec !important; margin: 0 !important; padding: 0 !important; }
body.account .account-nav .account-nav-title { display: none; }
body.account .account-nav .account-nav-content { padding: 8px 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; }
body.account .account-nav ul.nav.items { list-style: none; margin: 0 !important; padding: 0 !important; background: transparent !important; }
body.account .account-nav li.nav.item { margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.account .account-nav li.nav.item:has(> .delimiter) { padding: 6px 18px !important; }
body.account .account-nav li.nav.item .delimiter { display: block !important; height: 1px; margin: 0 !important; border: 0 !important; background: #ebebe6 !important; }
body.account .account-nav li.nav.item > a, body.account .account-nav li.nav.item > strong {
  display: flex !important; align-items: center; gap: 12px; padding: 10px 18px 10px 16px !important; margin: 0 !important; border: 0 !important; border-left: 3px solid transparent !important;
  font: 500 14px/1.25 'Helvetica Neue', Helvetica, Arial, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; color: #222 !important; text-decoration: none !important; background: transparent !important;
}
body.account .account-nav li.nav.item > a::before, body.account .account-nav li.nav.item > a::after, body.account .account-nav li.nav.item > strong::before, body.account .account-nav li.nav.item > strong::after { display: none !important; content: none !important; }
body.account .account-nav li.nav.item > a:hover { background: #f4f9fc !important; color: #006898 !important; }
body.account .account-nav li.nav.item.current > strong, body.account .account-nav li.nav.item.current > a { border-left-color: #3cbdec !important; background: #eaf7fd !important; color: #111 !important; font-weight: 700 !important; }
body.account .account-nav .nfm-ico { flex: 0 0 18px; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; color: #8a8a85; }
body.account .account-nav li.nav.item.current .nfm-ico, body.account .account-nav li.nav.item > a:hover .nfm-ico { color: #3cbdec; }
body.account .account-nav li.nav.item.nfm-logout > a { color: #d7261e !important; }
body.account .account-nav li.nav.item.nfm-logout > a .nfm-ico { color: #d7261e; }
body.account .account-nav li.nav.item.nfm-logout > a:hover { background: #fdf0ef !important; }

/* ---------- cards ---------- */
body.account .column.main .block:not(.block-compare):not(.block-reorder):not(.block-wishlist),
body.account .column.main > .nfm-card,
body.account .column.main > form:not(.nfm-noncard),
body.account .column.main > .table-wrapper,
body.account .column.main > .w3-container {
  background: #fff !important; border: 1px solid #e6e6e1 !important; border-top: 3px solid #3cbdec !important; padding: 22px 24px !important; margin: 0 0 20px !important; box-sizing: border-box; box-shadow: none !important;
}
body.account .column.main .block .block-title, body.account .column.main .fieldset > .legend, body.account .nfm-card > h2 {
  display: flex !important; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin: 0 0 16px !important; padding: 0 0 12px !important; border: 0 !important; border-bottom: 1px solid #ebebe6 !important; width: 100%; float: none !important;
}
body.account .column.main .block .block-title > strong, body.account .column.main .fieldset > .legend, body.account .column.main .fieldset > .legend span, body.account .nfm-card > h2 {
  font: 800 18px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .01em !important; text-transform: uppercase !important; color: #111 !important;
}
body.account .column.main .fieldset > .legend + br { display: none; }
body.account .column.main .block .block-title > .action, body.account .nfm-link {
  font: 600 13px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #006898 !important; text-decoration: underline !important; text-underline-offset: 3px; text-transform: none !important; letter-spacing: 0 !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important;
}
body.account .column.main .block .block-title > .action::before, body.account .column.main .block .block-title > .action::after { display: none !important; }
body.account .column.main .block .block-title > .action:hover { color: #111 !important; }
body.account .column.main .block-content { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; margin: 0 !important; padding: 0 !important; }
body.account .column.main .block-content::before, body.account .column.main .block-content::after { display: none !important; }
body.account .column.main .block-content > :is(.table-wrapper, p, .message, form, .privacy-note, button, ol, ul, .toolbar) { grid-column: 1 / -1; }
body.account .column.main .block-content > .delete-data-confirmation { display: none !important; }
body.account .column.main .box {
  width: auto !important; float: none !important; margin: 0 !important; padding: 18px 18px 16px !important; background: #fafaf8; border: 1px solid #ebebe6; display: flex; flex-direction: column; box-sizing: border-box;
}
body.account .column.main .box .box-title { display: block; margin: 0 0 10px !important; padding: 0 !important; border: 0 !important; }
body.account .column.main .box .box-title, body.account .column.main .box .box-title span { font: 800 12px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: #555 !important; }
body.account .column.main .box .box-content { flex: 1 1 auto; margin: 0 0 14px !important; font-size: 14px; line-height: 1.55; color: #222; }
body.account .column.main .box .box-content p, body.account .column.main .box .box-content address { margin: 0 !important; font-style: normal; }
body.account .column.main .box .box-content a { color: #006898 !important; }
body.account .column.main .box-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 !important; }

/* small outline buttons (box actions, table actions) */
body.account .column.main :is(.box-actions .action, td.col.actions .action, .nfm-btn-o) {
  display: inline-flex !important; align-items: center; justify-content: center; height: 36px !important; min-height: 0 !important; padding: 0 14px !important; margin: 0 !important;
  background: #fff !important; color: #111 !important; border: 1.5px solid #111 !important; border-radius: 0 !important; box-shadow: none !important; text-decoration: none !important; position: relative; overflow: hidden;
  font: 700 11px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .07em !important; text-transform: uppercase !important; white-space: nowrap;
}
body.account .column.main :is(.box-actions .action, td.col.actions .action, .nfm-btn-o)::before,
body.account .column.main :is(.box-actions .action, td.col.actions .action, .nfm-btn-o)::after { display: none !important; content: none !important; }
body.account .column.main :is(.box-actions .action, td.col.actions .action, .nfm-btn-o) span { color: inherit !important; font: inherit !important; position: static !important; transform: none !important; }
body.account .column.main :is(.box-actions .action, td.col.actions .action, .nfm-btn-o):hover { background: #111 !important; color: #fff !important; }
body.account .column.main :is(.box-actions .action.delete, td.col.actions .action.delete) { border-color: #d7261e !important; color: #d7261e !important; }
body.account .column.main :is(.box-actions .action.delete, td.col.actions .action.delete):hover { background: #d7261e !important; color: #fff !important; }

/* primary + secondary buttons everywhere in account */
body.account .column.main :is(button.action.primary, a.action.primary, input.action.primary, button.action.save, .actions-toolbar .action.primary, .nfm-btn) {
  display: inline-flex !important; align-items: center; justify-content: center; min-height: 50px !important; height: auto !important; padding: 0 28px !important; margin: 0 !important;
  background: #3cbdec !important; color: #000 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; text-decoration: none !important; position: relative !important; overflow: hidden !important; cursor: pointer;
  font: 800 14px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .08em !important; text-transform: uppercase !important;
}
body.account .column.main :is(button.action.primary, a.action.primary, button.action.save, .actions-toolbar .action.primary, .nfm-btn)::before,
body.account .column.main :is(button.action.primary, a.action.primary, button.action.save, .actions-toolbar .action.primary, .nfm-btn)::after { display: none !important; content: none !important; }
body.account .column.main :is(button.action.primary, a.action.primary, button.action.save, .actions-toolbar .action.primary, .nfm-btn) span { color: inherit !important; font: inherit !important; position: static !important; transform: none !important; }
body.account .column.main :is(button.action.primary, a.action.primary, input.action.primary, button.action.save, .actions-toolbar .action.primary, .nfm-btn):hover { background: #111 !important; color: #fff !important; }
body.account .column.main .actions-toolbar {
  display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin: 20px 0 0 !important; padding: 18px 0 0 !important; border-top: 1px solid #ebebe6;
}
body.account .column.main .block-content > .actions-toolbar, body.account .column.main > .actions-toolbar { border-top: 0; padding-top: 0 !important; }
body.account .column.main .actions-toolbar::before, body.account .column.main .actions-toolbar::after { display: none !important; }
body.account .column.main .actions-toolbar > div { float: none !important; margin: 0 !important; width: auto !important; }
body.account .column.main .actions-toolbar .action.back, body.account .column.main .actions-toolbar .secondary > a.action:not(.primary) {
  display: inline-flex !important; align-items: center; height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important;
  color: #111 !important; text-decoration: underline !important; text-underline-offset: 4px; text-decoration-color: #c9c9c4 !important; font: 600 14px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important;
}
body.account .column.main .actions-toolbar .action.back::before, body.account .column.main .actions-toolbar .action.back::after { display: none !important; }
body.account .column.main .actions-toolbar .action.back span { color: inherit !important; font: inherit !important; }
body.account .column.main .actions-toolbar .action.back span::before { content: '← '; }
body.account .column.main .actions-toolbar .action.back:hover { color: #006898 !important; text-decoration-color: #3cbdec !important; }

/* red destructive */
body.account .column.main :is(button.delete-data, .nfm-btn-red) {
  display: inline-flex !important; align-items: center; justify-content: center; min-height: 50px !important; padding: 0 26px !important; margin: 4px 0 0 !important;
  background: #d7261e !important; color: #fff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; text-decoration: none !important; position: relative; overflow: hidden; cursor: pointer;
  font: 800 14px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .08em !important; text-transform: uppercase !important;
}
body.account .column.main :is(button.delete-data, .nfm-btn-red)::before, body.account .column.main :is(button.delete-data, .nfm-btn-red)::after { display: none !important; content: none !important; }
body.account .column.main :is(button.delete-data, .nfm-btn-red) span { color: inherit !important; font: inherit !important; }
body.account .column.main :is(button.delete-data, .nfm-btn-red):hover { background: #111 !important; color: #fff !important; }

/* ---------- tables ---------- */
body.account .column.main .table-wrapper { overflow-x: auto; border: 0; margin: 0; }
body.account .column.main .table-wrapper .table-caption { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
body.account .column.main table.data.table { width: 100% !important; border-collapse: collapse !important; margin: 0 !important; font-size: 14px; background: #fff; }
body.account .column.main table.data.table > thead > tr > th {
  background: #111 !important; color: #fff !important; border: 0 !important; padding: 12px 14px !important; text-align: left !important; white-space: nowrap;
  font: 700 11px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .08em !important; text-transform: uppercase !important;
}
body.account .column.main table.data.table > tbody > tr > td { padding: 14px !important; border: 0 !important; border-bottom: 1px solid #ebebe6 !important; vertical-align: middle !important; color: #222; background: transparent !important; }
body.account .column.main table.data.table > tbody > tr:hover > td { background: #fafaf8 !important; }
body.account .column.main table.data.table td.col.id { font-weight: 700; }
body.account .column.main table.data.table td.col.date { white-space: nowrap; }
body.account .column.main table.data.table td.col.total .price { font-weight: 700; color: #111; }
body.account .column.main table.data.table td.col.actions { white-space: nowrap; }
body.account .column.main table.data.table td.col.actions .action + .action { margin-left: 6px !important; }
body.account .column.main table.data.table td.col.actions .action.order { border-color: #3cbdec !important; background: #3cbdec !important; }
body.account .column.main table.data.table td.col.actions .action.order:hover { background: #111 !important; border-color: #111 !important; }
body.account .nfm-status { display: inline-block; padding: 5px 10px; font: 700 11px/1 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: .05em; text-transform: uppercase; background: #eef0f3; color: #444; white-space: nowrap; }
body.account .nfm-status.is-ok { background: #e3f6e8; color: #17703a; }
body.account .nfm-status.is-wait { background: #fff4dc; color: #8a5a00; }
body.account .nfm-status.is-bad { background: #fde8e7; color: #b3201a; }
body.account .nfm-status.is-ship { background: #e4f5fd; color: #00628f; }
body.account .column.main .order-products-toolbar, body.account .column.main .toolbar { margin: 16px 0 0 !important; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; font-size: 13px; color: #555; }
body.account .column.main .pager .pages .item > :is(a, strong) { min-width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #ddd; }
body.account .column.main .pager .pages .item.current > strong { background: #111; color: #fff; border-color: #111; }
body.account .column.main .limiter select { height: 34px; border: 1.5px solid #c9c9c4; }

/* ---------- empty / info messages ---------- */
body.account .column.main .message.info.empty, body.account .column.main .message.empty, body.account .column.main > .message.info {
  display: flex !important; align-items: center; gap: 14px; margin: 0 0 20px !important; padding: 22px 24px !important; background: #fff !important; border: 1px solid #e6e6e1 !important; border-left: 4px solid #3cbdec !important; box-shadow: none !important;
  font: 500 15px/1.45 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #222 !important;
}
body.account .column.main .message.info.empty::before, body.account .column.main .message.empty::before, body.account .column.main > .message.info::before {
  content: '' !important; position: static !important; display: block !important; flex: 0 0 26px; width: 26px !important; height: 26px !important; margin: 0 !important; border-radius: 50%; background: #eaf7fd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233cbdec' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 11v6M12 7.5v.5'/%3E%3C/svg%3E") center/18px no-repeat !important;
  font-size: 0 !important; line-height: 0 !important; top: auto !important; left: auto !important;
}
body.account .column.main .message.info.empty::after, body.account .column.main .message.empty::after { display: none !important; }
body.account .column.main .message.empty > span, body.account .column.main .message.empty > div { color: inherit !important; font: inherit !important; }
body.account .column.main .message.empty a { color: #006898 !important; text-decoration: underline; }

/* ---------- forms (account edit, address, newsletter, privacy) ---------- */
body.account .column.main form .fieldset { margin: 0 0 8px !important; padding: 0 !important; border: 0 !important; min-width: 0; }
body.account .column.main form .fieldset:last-of-type { margin-bottom: 0 !important; }
body.account .column.main form .fieldset + .fieldset { margin-top: 22px !important; }
body.account .column.main form .field { margin: 0 0 16px !important; }
body.account .column.main form .field > .label, body.account .column.main form .field > .label span { display: block; float: none !important; width: auto !important; text-align: left !important; padding: 0 !important; margin: 0 0 6px !important; font: 700 13px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #111 !important; text-transform: none !important; letter-spacing: 0 !important; }
body.account .column.main form .field.choice > .label, body.account .column.main form .field.choice > .label span { display: inline; margin: 0 !important; font-weight: 500 !important; }
body.account .column.main form .field.required > .label::after { content: '*' !important; display: inline !important; color: #d7261e !important; margin-left: 3px !important; font-size: 12px !important; position: static !important; }
body.account .column.main form .field > .control { float: none !important; width: auto !important; }
body.account .column.main form :is(input[type=text], input[type=email], input[type=password], input[type=tel], input[type=number], select, textarea) {
  width: 100% !important; height: 48px !important; padding: 0 14px !important; margin: 0 !important; box-sizing: border-box !important; background: #fff !important; color: #111 !important;
  border: 1.5px solid #c9c9c4 !important; border-radius: 0 !important; box-shadow: none !important; font: 400 15px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
body.account .column.main form textarea { height: auto !important; min-height: 110px; padding: 12px 14px !important; }
body.account .column.main form :is(input, select, textarea):focus { border-color: #3cbdec !important; box-shadow: 0 0 0 3px rgba(60, 189, 236, .2) !important; outline: 0 !important; }
body.account .column.main form .mage-error, body.account .column.main form div.mage-error { color: #d7261e !important; font-size: 12px !important; margin-top: 5px !important; }
body.account .column.main form input.mage-error { border-color: #d7261e !important; }
body.account .column.main form .field.street .nested .field { margin-top: 10px !important; }
body.account .column.main form .field.street .nested .field .label { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
body.account .column.main form .field.choice, body.account .column.main form .choice { display: flex !important; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 14px !important; }
body.account .column.main input[type=checkbox] {
  -webkit-appearance: none !important; appearance: none !important; flex: 0 0 20px; width: 20px !important; height: 20px !important; margin: 0 !important; padding: 0 !important; position: relative !important; opacity: 1 !important; clip: auto !important;
  border: 1.5px solid #9a9a95 !important; border-radius: 0 !important; background: #fff !important; cursor: pointer; vertical-align: middle; box-shadow: none !important;
}
body.account .column.main input[type=checkbox]:checked { background: #3cbdec url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/15px no-repeat !important; border-color: #3cbdec !important; }
body.account .column.main input[type=checkbox]:focus-visible { box-shadow: 0 0 0 3px rgba(60, 189, 236, .3) !important; }
body.account .column.main input[type=checkbox] + label::before, body.account .column.main input[type=checkbox] + label::after { display: none !important; }
body.account .column.main input[type=checkbox] + label { padding-left: 0 !important; cursor: pointer; }
body.account .column.main input[type=radio] { accent-color: #3cbdec; width: 18px; height: 18px; }
body.account .column.main .field-tooltip, body.account .column.main .tooltip.wrapper { display: none !important; }
body.account .column.main .nfa-strength { margin-top: 8px; }
body.account .column.main #password-strength-meter-container { margin-top: 8px !important; background: transparent !important; }
body.account .column.main #password-strength-meter { background: #f4f4f1 !important; padding: 8px 10px !important; font-size: 12px !important; }
body.account .column.main #password-strength-meter-container.password-weak #password-strength-meter { box-shadow: inset 30% 0 0 #fbd7d5; }
body.account .column.main .password-info, body.account .column.main .note { font-size: 12px !important; color: #666 !important; margin-top: 6px !important; }
/* 2-column grid for the form fields on desktop */
@media (min-width: 900px) {
  body.account .column.main :is(.form-edit-account, .form-address-edit) .fieldset { display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; }
  body.account .column.main :is(.form-edit-account, .form-address-edit) .fieldset > :is(.legend, br, .field.choice, .field.street, .field.password, .field.confirmation, .field.current-password, .message, .field.date, .field.gender) { grid-column: 1 / -1; }
  body.account .column.main :is(.form-edit-account, .form-address-edit) .fieldset > .field.password:not(.current) { grid-column: auto; }
}

/* ---------- Privacy / anonymise ---------- */
body.account .column.main .privacy-note p, body.account .column.main .block-delete-data .block-content > p, body.account .nfm-card p { margin: 0 0 8px !important; font-size: 14px; line-height: 1.55; color: #333; }
body.account .column.main .block-delete-data { border-top-color: #d7261e !important; }
body.account .nfm-card.nfm-danger { border-top-color: #d7261e !important; }
body.account .nfm-card .nfm-btn-red { margin-top: 10px !important; }
body.account .delete-data-confirmation :is(h2, p) { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.modal-popup .delete-data-confirmation h2 { font: 800 22px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0 0 12px; }
.modal-popup .delete-data-confirmation .field.choice { display: flex; gap: 10px; align-items: center; margin-top: 14px; }

/* ---------- Affiliate (1-column) ---------- */
body.account .nfm-card.nfm-aff h3 { margin: 22px 0 10px !important; font: 800 16px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; text-transform: uppercase; color: #111; }
body.account .nfm-card.nfm-aff h3:first-of-type { margin-top: 14px !important; }
body.account .nfm-card.nfm-aff ol { margin: 0 0 18px 18px !important; padding: 0 !important; font-size: 14px; line-height: 1.55; }
body.account .nfm-card.nfm-aff ol li { margin: 0 0 6px !important; }
body.account .nfm-card.nfm-aff hr { border: 0; border-top: 1px solid #ebebe6; margin: 20px 0; }
body.account .nfm-card.nfm-aff p[style*='right'] { text-align: left !important; display: inline-block; background: #eaf7fd; padding: 8px 12px !important; font-weight: 600; }

/* ---------- FME saved carts (Min kundvagn) – their inline <style> styles every table on the page ---------- */
body.sharecart-index-mysavecart .column.main > .w3-container { overflow: hidden; }
body.sharecart-index-mysavecart #myTable { display: table !important; width: 100% !important; white-space: normal !important; border-collapse: collapse !important; font-size: 14px !important; margin: 0 !important; }
body.sharecart-index-mysavecart .nfm-tscroll { overflow-x: auto; margin: 0 0 18px; }
body.sharecart-index-mysavecart #myTable tr:first-child td {
  background: #111 !important; color: #fff !important; border: 0 !important; padding: 12px 10px !important; white-space: nowrap; text-align: center !important;
  font: 700 11px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .08em !important; text-transform: uppercase !important;
}
body.sharecart-index-mysavecart #myTable tr:first-child td:nth-child(2) { text-align: left !important; }
body.sharecart-index-mysavecart #myTable tr { background: #fff !important; }
body.sharecart-index-mysavecart #myTable tr:not(:first-child):hover { background: #fafaf8 !important; }
body.sharecart-index-mysavecart #myTable td { padding: 12px 10px !important; border: 0 !important; border-bottom: 1px solid #ebebe6 !important; color: #222 !important; text-align: center; vertical-align: middle; }
body.sharecart-index-mysavecart #myTable td:nth-child(2) { font-weight: 700; text-align: left !important; }
body.sharecart-index-mysavecart #myTable td:nth-child(3) { white-space: nowrap; color: #555 !important; font-size: 13px; }
body.sharecart-index-mysavecart #myTable td input[type=text] { width: 100% !important; min-width: 160px; height: 36px !important; padding: 0 8px !important; border: 1.5px solid #c9c9c4 !important; font-size: 12px !important; color: #444 !important; background: #fafaf8 !important; }
body.sharecart-index-mysavecart #myTable td :is(a, .copybtn) { display: inline-flex !important; align-items: center; justify-content: center; width: 38px; height: 38px; border: 1.5px solid #d6d6d1; background: #fff !important; margin: 0 !important; cursor: pointer; vertical-align: middle; }
body.sharecart-index-mysavecart #myTable td :is(a, .copybtn):hover { border-color: #111; }
body.sharecart-index-mysavecart #myTable td img { width: 20px !important; height: 20px !important; margin: 0 !important; object-fit: contain; }
body.sharecart-index-mysavecart #myTable td > img { width: 38px !important; height: 38px !important; padding: 8px; box-sizing: border-box; border: 1.5px solid #d6d6d1; background: #fff; cursor: pointer; }
body.sharecart-index-mysavecart #myTable td > img:hover { border-color: #111; }
body.sharecart-index-mysavecart #myTable td a[href*='/delete']:hover { border-color: #d7261e; background: #fdf0ef !important; }
body.sharecart-index-mysavecart .w3-container > form > br { display: none; }
body.sharecart-index-mysavecart .w3-container > form > label { display: block; margin-top: 10px; font-size: 12px !important; color: #666; }
body.sharecart-index-mysavecart .w3-container > form > input.action.primary { -webkit-appearance: none; }
body.sharecart-index-mysavecart .copybtn label { display: none; }
body.sharecart-index-mysavecart .copybtn.nfm-copied { border-color: #3cbdec !important; background: #eaf7fd !important; }
/* their popups use bare `table` too */
body.sharecart-index-mysavecart #popup-modal-detail table { display: table !important; white-space: normal !important; }

/* ---------- Mobile ---------- */
@media (max-width: 1024px) {
  body.account .page-main > .columns { grid-template-columns: 230px minmax(0, 1fr); column-gap: 20px; }
}
@media (max-width: 767px) {
  body.account .page-main { padding: 18px 12px 40px !important; }
  body.account .page-main > .columns { grid-template-columns: minmax(0, 1fr); grid-template-areas: "nav" "main" "extra"; row-gap: 16px; }
  body.account .columns > .sidebar-main { position: static; }
  body.account .account-nav .account-nav-title { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: #fff !important; }
  body.account .account-nav .toggle-mobile-nav { display: flex !important; align-items: center; gap: 12px; padding: 14px 16px !important; cursor: pointer; }
  body.account .account-nav .toggle-mobile-nav label { margin: 0 !important; cursor: pointer; font: 800 14px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .06em; text-transform: uppercase; color: #111 !important; flex: 1 1 auto; }
  body.account .account-nav .toggle-mobile-nav label::after { content: attr(data-nfm-cur); float: right; font-weight: 500; letter-spacing: 0; text-transform: none; color: #006898; font-size: 13px; }
  body.account .account-nav .account-nav-content:not(.active) { display: none !important; }
  body.account .account-nav .account-nav-content.active { display: block !important; }
  body.account .account-nav .account-nav-title.active + .account-nav-content { border-top: 1px solid #ebebe6 !important; }
  body.account .column.main > .page-title-wrapper .page-title, body.account .column.main > .page-title-wrapper .page-title .base { font-size: 26px !important; }
  body.account .column.main .block:not(.block-compare):not(.block-reorder),
  body.account .column.main > :is(.nfm-card, form, .table-wrapper, .w3-container) { padding: 18px 14px !important; }
  body.account .column.main .block-content { grid-template-columns: minmax(0, 1fr); }
  body.account .column.main .actions-toolbar { flex-direction: column-reverse; align-items: stretch; }
  body.account .column.main .actions-toolbar .primary :is(.action, button) { width: 100% !important; }
  body.account .column.main .actions-toolbar .secondary { text-align: center; }
  /* stacked order rows */
  body.account .column.main table.data.table > thead { display: none !important; }
  body.account .column.main table.data.table, body.account .column.main table.data.table > tbody, body.account .column.main table.data.table > tbody > tr { display: block !important; width: 100% !important; }
  body.account .column.main table.data.table > tbody > tr { border: 1px solid #ebebe6; background: #fafaf8; margin: 0 0 12px; padding: 6px 0; }
  body.account .column.main table.data.table > tbody > tr > td { display: flex !important; justify-content: space-between; align-items: center; gap: 12px; padding: 8px 14px !important; border: 0 !important; text-align: right; }
  body.account .column.main table.data.table > tbody > tr > td[data-th]::before { content: attr(data-th) !important; display: block !important; float: none !important; padding: 0 !important; text-align: left; font: 700 11px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .07em; text-transform: uppercase; color: #777; }
  body.account .column.main table.data.table > tbody > tr > td.col.actions { flex-wrap: wrap; justify-content: flex-end; }
  body.account .column.main table.data.table > tbody > tr > td.col.actions[data-th]::before { display: none !important; }
  body.account .column.main table.data.table > tbody > tr > td.col.actions:empty { display: none !important; }
  body.account .column.main table.data.table td.col.actions .action { flex: 1 1 auto; }
  body.account .column.main table.data.table td.col.actions .action + .action { margin-left: 0 !important; }
}
body.account .column.main .block-content > button.delete-data { justify-self: start; }
body.account .column.main .block.block-delete-data:not(.block-compare) { border-top-color: #d7261e !important; }
body.account .nfm-card.nfm-aff h3, body.account .nfm-card > h2, body.sharecart-index-mysavecart .nfm-h { letter-spacing: .01em !important; word-spacing: normal !important; }
/* empty/info message: icon drawn on the box itself, theme icon removed (2026-11-08k) */
body.account .column.main :is(.message.info.empty, .message.empty, > .message.info)::before,
body.account .column.main :is(.message.info.empty, .message.empty, > .message.info)::after { display: none !important; content: none !important; }
body.account .column.main :is(.message.info.empty, .message.empty, > .message.info) {
  padding: 20px 24px 20px 62px !important; text-transform: none !important; letter-spacing: 0 !important;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23eaf7fd'/%3E%3Cpath d='M12 10.5v6.5' stroke='%233cbdec' stroke-width='2.4' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='7' r='1.5' fill='%233cbdec'/%3E%3C/svg%3E") 22px center / 26px 26px no-repeat !important;
}
body.account .column.main :is(.message.info.empty, .message.empty, > .message.info) :is(span, div, p) { text-transform: none !important; letter-spacing: 0 !important; }

/* =====================================================================
   ORDER VIEW / FAKTUROR / LEVERANSER (sales-order-*) (2026-11-08k)
   ===================================================================== */
/* side nav: current item on sub-pages is <a><strong> – no theme black box */
body.account .account-nav li.nav.item > a strong { background: none !important; color: inherit !important; padding: 0 !important; margin: 0 !important; font: inherit !important; box-shadow: none !important; }
body.account .account-nav li.nav.item.current > a { font-weight: 700 !important; }

body.account.nfm-order .column.main > .page-title-wrapper { display: flex !important; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 0 0 22px !important; }
body.account.nfm-order .column.main > .page-title-wrapper > br, body.account.nfm-order .column.main > .page-title-wrapper > .note-msg:empty { display: none !important; }
body.account.nfm-order .page-title-wrapper .order-status {
  display: inline-block !important; margin: 0 !important; padding: 7px 12px !important; border: 0 !important; border-radius: 0 !important; background: #eef0f3 !important; color: #444 !important;
  font: 700 12px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .06em !important; text-transform: uppercase !important; vertical-align: middle;
}
body.account.nfm-order .page-title-wrapper .order-status.is-ok { background: #e3f6e8 !important; color: #17703a !important; }
body.account.nfm-order .page-title-wrapper .order-status.is-bad { background: #fde8e7 !important; color: #b3201a !important; }
body.account.nfm-order .page-title-wrapper .order-status.is-wait { background: #fff4dc !important; color: #8a5a00 !important; }
body.account.nfm-order .page-title-wrapper .order-status.is-ship { background: #e4f5fd !important; color: #00628f !important; }
body.account.nfm-order .page-title-wrapper .order-date { flex: 1 1 100%; margin: 0 !important; font-size: 15px; color: #555; }
body.account.nfm-order .page-title-wrapper .order-date .label { display: inline !important; position: static !important; width: auto; height: auto; clip: auto; font-weight: 600; color: #555; margin-right: 4px; }
body.account.nfm-order .page-title-wrapper .order-actions-toolbar { flex: 1 1 100%; margin: 6px 0 0 !important; padding: 0 !important; border: 0 !important; }
body.account.nfm-order .page-title-wrapper .order-actions-toolbar .actions { display: flex; flex-wrap: wrap; gap: 10px; float: none !important; }
body.account.nfm-order .column.main :is(.order-actions-toolbar .action, .order-title .action, .order-details-items > .actions-toolbar .action.print) {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; height: 42px !important; min-height: 0 !important; padding: 0 18px !important; margin: 0 !important;
  background: #fff !important; color: #111 !important; border: 1.5px solid #111 !important; border-radius: 0 !important; box-shadow: none !important; text-decoration: none !important; position: relative; overflow: hidden; float: none !important;
  font: 700 12px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .07em !important; text-transform: uppercase !important; white-space: nowrap;
}
body.account.nfm-order .column.main :is(.order-actions-toolbar .action, .order-title .action, .order-details-items > .actions-toolbar .action.print)::before,
body.account.nfm-order .column.main :is(.order-actions-toolbar .action, .order-title .action, .order-details-items > .actions-toolbar .action.print)::after { display: none !important; content: none !important; }
body.account.nfm-order .column.main :is(.order-actions-toolbar .action, .order-title .action, .order-details-items > .actions-toolbar .action.print) span { color: inherit !important; font: inherit !important; text-decoration: none !important; border: 0 !important; padding: 0 !important; }
body.account.nfm-order .column.main :is(.order-actions-toolbar .action, .order-title .action, .order-details-items > .actions-toolbar .action.print):hover { background: #111 !important; color: #fff !important; }
body.account.nfm-order .column.main .page-title-wrapper .order-actions-toolbar .actions .action.order { background: #3cbdec !important; border-color: #3cbdec !important; color: #000 !important; height: 46px !important; padding: 0 22px !important; }
body.account.nfm-order .column.main .page-title-wrapper .order-actions-toolbar .actions .action.order:hover { background: #111 !important; border-color: #111 !important; color: #fff !important; }
body.account.nfm-order .column.main .page-title-wrapper .order-actions-toolbar .actions .action.print { height: 46px !important; }
body.account.nfm-order .column.main .nfm-ico2 { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* tabs */
body.account.nfm-order .column.main ul.items.order-links { display: flex !important; flex-wrap: wrap; gap: 0; list-style: none; margin: 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 2px solid #111 !important; background: transparent !important; }
body.account.nfm-order .column.main ul.items.order-links li.nav.item { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; float: none !important; }
body.account.nfm-order .column.main ul.items.order-links li.nav.item > :is(a, strong) {
  display: flex !important; align-items: center; height: 46px; padding: 0 20px !important; margin: 0 !important; border: 0 !important; background: transparent !important; color: #555 !important; text-decoration: none !important;
  font: 700 13px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .06em !important; text-transform: uppercase !important;
}
body.account.nfm-order .column.main ul.items.order-links li.nav.item > :is(a, strong)::before, body.account.nfm-order .column.main ul.items.order-links li.nav.item > :is(a, strong)::after { display: none !important; content: none !important; }
body.account.nfm-order .column.main ul.items.order-links li.nav.item > a:hover { color: #111 !important; background: #e6e7ea !important; }
body.account.nfm-order .column.main ul.items.order-links li.nav.item.current > :is(a, strong) { background: #111 !important; color: #fff !important; }

/* the items / invoice / shipment card */
body.account.nfm-order .column.main .order-details-items {
  background: #fff !important; border: 1px solid #e6e6e1 !important; border-top: 0 !important; padding: 22px 24px !important; margin: 0 0 20px !important; box-shadow: none !important;
}
body.account.nfm-order .column.main .order-details-items.ordered > .order-title { display: none !important; }
body.account.nfm-order .column.main .order-details-items > .actions-toolbar:first-child { display: flex !important; justify-content: flex-end; margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; }
body.account.nfm-order .column.main .order-title { display: flex !important; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 14px !important; padding: 0 0 12px !important; border: 0 !important; border-bottom: 1px solid #ebebe6 !important; }
body.account.nfm-order .column.main .order-title > strong { flex: 1 1 auto; margin: 0 !important; font: 800 20px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .01em !important; word-spacing: normal !important; text-transform: uppercase !important; color: #111 !important; }
body.account.nfm-order .column.main .order-title + .order-title, body.account.nfm-order .column.main .table-wrapper + .order-title { margin-top: 26px !important; }
body.account.nfm-order .column.main .order-details-items .table-wrapper { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
body.account.nfm-order .column.main .order-details-items .actions-toolbar:last-child { margin-top: 18px !important; }

/* table text: same font as the rest (no wide display font on prices) */
body.account.nfm-order .column.main table.data.table :is(.price, strong, .product-item-name) { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: 0 !important; }
body.account.nfm-order .column.main table.data.table > thead > tr > th { white-space: normal !important; }
body.account.nfm-order .column.main table.data.table > thead > tr > th:is(.price, .qty, .subtotal) { text-align: right !important; }
body.account.nfm-order .column.main table.data.table > tbody > tr > td:is(.price, .qty, .subtotal) { text-align: right !important; white-space: nowrap; }
body.account.nfm-order .column.main table.shipment > thead > tr > th.qty, body.account.nfm-order .column.main table.shipment > tbody > tr > td.qty { text-align: right !important; }
body.account.nfm-order .column.main table.data.table .product-item-name { font-size: 15px !important; font-weight: 700 !important; text-transform: none !important; color: #111 !important; }
body.account.nfm-order .column.main table.data.table .item-options { margin: 6px 0 0; font-size: 13px; color: #555; }
body.account.nfm-order .column.main table.data.table .item-options dt { font-weight: 700; }
body.account.nfm-order .column.main table.data.table td.sku { color: #555 !important; font-size: 13px; }
body.account.nfm-order .column.main table.data.table td .price { font-size: 15px !important; font-weight: 700 !important; color: #111 !important; }
body.account.nfm-order .column.main .items-qty { list-style: none; margin: 0 !important; padding: 0 !important; font-size: 13px; color: #555; }
body.account.nfm-order .column.main .items-qty .item { margin: 0 !important; display: flex; justify-content: flex-end; gap: 6px; }
body.account.nfm-order .column.main .items-qty .content { font-weight: 700; color: #111; }
/* totals */
body.account.nfm-order .column.main table.data.table > tfoot { background: #fafaf8 !important; }
body.account.nfm-order .column.main table.data.table > tfoot > tr > :is(th, td) {
  padding: 8px 14px !important; border: 0 !important; background: transparent !important; text-align: right !important; vertical-align: middle !important; box-shadow: none !important;
  font: 400 14px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #444 !important;
}
body.account.nfm-order .column.main table.data.table > tfoot > tr > :is(th, td)::before, body.account.nfm-order .column.main table.data.table > tfoot > tr > :is(th, td)::after { display: none !important; }
body.account.nfm-order .column.main table.data.table > tfoot > tr:first-child > :is(th, td) { padding-top: 16px !important; }
body.account.nfm-order .column.main table.data.table > tfoot > tr:last-child > :is(th, td) { padding-bottom: 16px !important; }
body.account.nfm-order .column.main table.data.table > tfoot .price { font: 600 14px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #111 !important; white-space: nowrap; letter-spacing: 0 !important; }
body.account.nfm-order .column.main table.data.table > tfoot strong { font-family: inherit !important; font-weight: 700 !important; }
body.account.nfm-order .column.main table.data.table > tfoot tr.grand_total > :is(th, td) { color: #111 !important; }
body.account.nfm-order .column.main table.data.table > tfoot tr.grand_total_incl > :is(th, td) { border-top: 2px solid #111 !important; padding-top: 14px !important; color: #111 !important; font-size: 16px !important; }
body.account.nfm-order .column.main table.data.table > tfoot tr.grand_total_incl .price { font-size: 20px !important; font-weight: 800 !important; }
body.account.nfm-order .column.main table.data.table > tfoot tr.nfm-zero { display: none !important; }
body.account.nfm-order .column.main table.data.table > tfoot .detailed { margin: 0; font: inherit; }

/* order information boxes */
body.account.nfm-order .column.main .block-order-details-view .box-content { font-size: 14px; }
body.account.nfm-order .column.main .block-order-details-view .box.nfm-hide { display: none !important; }

@media (max-width: 767px) {
  body.account.nfm-order .column.main ul.items.order-links { flex-wrap: nowrap; overflow-x: auto; }
  body.account.nfm-order .column.main ul.items.order-links li.nav.item > :is(a, strong) { padding: 0 14px !important; font-size: 12px !important; white-space: nowrap; }
  body.account.nfm-order .column.main .order-details-items { padding: 16px 14px !important; }
  body.account.nfm-order .page-title-wrapper .order-actions-toolbar .actions > .action { flex: 1 1 140px; }
  body.account.nfm-order .column.main .order-title .action { flex: 1 1 140px; }
  body.account.nfm-order .column.main table.data.table > tfoot { display: block !important; width: 100%; }
  body.account.nfm-order .column.main table.data.table > tfoot > tr { display: flex !important; justify-content: space-between; align-items: center; }
  body.account.nfm-order .column.main table.data.table > tfoot > tr > :is(th, td) { display: block !important; text-align: left !important; }
  body.account.nfm-order .column.main table.data.table > tfoot > tr > td { text-align: right !important; }
  body.account.nfm-order .column.main table.data.table > tfoot > tr > td[data-th]::before { display: none !important; content: none !important; }
  body.account.nfm-order .column.main table.data.table > tfoot tr.grand_total_incl { border-top: 2px solid #111; }
  body.account.nfm-order .column.main table.data.table > tfoot tr.grand_total_incl > :is(th, td) { border-top: 0 !important; }
  body.account.nfm-order .column.main table.data.table > tbody > tr > td:is(.price, .qty, .subtotal) { text-align: right !important; }
  body.account.nfm-order .column.main table.data.table > tbody > tr > td.name { flex-direction: column; align-items: flex-start; text-align: left; }
  body.account.nfm-order .column.main table.data.table > tbody > tr > td.name::before { display: none !important; }
}
/* "Spåra" button on orders (2026-11-08k) */
body.account .column.main td.col.actions .action.nfm-track { gap: 6px; }
body.account .column.main .action.nfm-track .nfm-ico2 { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
body.account .column.main .action.nfm-track.is-busy { opacity: .55; pointer-events: none; }
body.account.nfm-order .column.main .page-title-wrapper .order-actions-toolbar .actions .action.nfm-track { height: 46px !important; }
#nfm-toast { position: fixed; left: 50%; bottom: 24px; z-index: 100002; transform: translate(-50%, 20px); opacity: 0; pointer-events: none; transition: .25s; max-width: min(520px, calc(100vw - 28px)); box-sizing: border-box;
  background: #111; color: #fff; padding: 14px 18px; border-left: 4px solid #3cbdec; font: 400 14px/1.45 'Helvetica Neue', Helvetica, Arial, sans-serif; box-shadow: 0 10px 30px rgba(0,0,0,.25); }
#nfm-toast.is-on { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
#nfm-toast a { color: #3cbdec; }
body.account .column.main table.data.table td.col.actions { white-space: normal !important; }
body.account .column.main table.data.table td.col.actions .nfm-acts { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-start; }
body.account .column.main table.data.table td.col.actions .nfm-acts .action { margin: 0 !important; padding: 0 12px !important; }
@media (max-width: 767px) { body.account .column.main table.data.table td.col.actions .nfm-acts { width: 100%; } body.account .column.main table.data.table td.col.actions .nfm-acts .action { flex: 1 1 auto; } }
@media (min-width: 768px) { body.account .column.main table.table-order-items:is(.history, .recent) td.col.actions { min-width: 300px; } body.account .column.main table.table-order-items:is(.history, .recent) td.col.actions .nfm-acts { flex-wrap: nowrap; } }

/* ===== Spårningsinformation popup (body.shipping-tracking-popup) (2026-11-08k) ===== */
body.shipping-tracking-popup { background: #f0f1f4 !important; }
body.shipping-tracking-popup .page-wrapper > :is(.page-header, .page-footer, .nav-sections, .above_footer_block, .breadcrumbs) { display: none !important; }
body.shipping-tracking-popup .page-main { max-width: 760px !important; margin: 0 auto !important; padding: 32px 20px 40px !important; background: transparent !important; box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
body.shipping-tracking-popup .page-main > .page.messages:not(:has(.message)) { display: none !important; }
body.shipping-tracking-popup .page-main > .page-title-wrapper { margin: 0 0 18px !important; padding: 0 !important; text-align: left !important; }
body.shipping-tracking-popup .page-title, body.shipping-tracking-popup .page-title .base {
  margin: 0 !important; font: 800 32px/1.05 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: -.01em !important; text-transform: uppercase !important; color: #111 !important; text-align: left !important;
}
body.shipping-tracking-popup :is(.columns, .column.main) { margin: 0 !important; padding: 0 !important; width: 100% !important; float: none !important; background: transparent !important; }
body.shipping-tracking-popup .page.tracking { background: #fff; border: 1px solid #e6e6e1; border-top: 3px solid #3cbdec; padding: 22px 24px; margin: 0 0 16px; }
body.shipping-tracking-popup .page.tracking + .page.tracking { margin-top: 16px; }
body.shipping-tracking-popup .order.subtitle.caption { margin: 0 0 16px !important; padding: 0 0 12px !important; border-bottom: 1px solid #ebebe6; font: 800 18px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; text-transform: uppercase !important; letter-spacing: .01em !important; color: #111 !important; }
body.shipping-tracking-popup .page.tracking .message.empty, body.shipping-tracking-popup .page.tracking .message.info {
  display: block !important; margin: 0 !important; padding: 18px 20px 18px 60px !important; background: #f4f9fc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23dff2fb'/%3E%3Cpath d='M12 10.5v6.5' stroke='%233cbdec' stroke-width='2.4' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='7' r='1.5' fill='%233cbdec'/%3E%3C/svg%3E") 20px 17px / 26px 26px no-repeat !important;
  border: 0 !important; border-left: 4px solid #3cbdec !important; box-shadow: none !important; color: #222 !important; font: 600 15px/1.45 'Helvetica Neue', Helvetica, Arial, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; min-height: 0 !important;
}
body.shipping-tracking-popup .page.tracking .message::before, body.shipping-tracking-popup .page.tracking .message::after { display: none !important; content: none !important; }
body.shipping-tracking-popup .page.tracking .message > div { color: inherit !important; font: inherit !important; text-transform: none !important; padding: 0 !important; background: none !important; }
body.shipping-tracking-popup .page.tracking .message .nfm-help { margin-top: 6px; font-weight: 400 !important; font-size: 13px !important; color: #555 !important; }
body.shipping-tracking-popup .page.tracking .message .nfm-help a { color: #006898 !important; text-decoration: underline; }
body.shipping-tracking-popup .page.tracking .table-wrapper { margin: 0 0 14px !important; border: 0 !important; }
body.shipping-tracking-popup .page.tracking .table-caption { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
body.shipping-tracking-popup .page.tracking table { width: 100% !important; border-collapse: collapse !important; font-size: 14px; }
body.shipping-tracking-popup .page.tracking table :is(th, td) { padding: 11px 0 !important; border: 0 !important; border-bottom: 1px solid #ebebe6 !important; text-align: left !important; vertical-align: middle !important; background: transparent !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; }
body.shipping-tracking-popup .page.tracking table th { width: 38%; padding-right: 14px !important; font: 700 11px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .07em !important; text-transform: uppercase !important; color: #666 !important; }
body.shipping-tracking-popup .page.tracking table td { color: #111 !important; font-weight: 600; }
body.shipping-tracking-popup .page.tracking table thead th { background: #111 !important; color: #fff !important; padding: 10px 12px !important; }
body.shipping-tracking-popup .page.tracking table.data.table.tracking-details td, body.shipping-tracking-popup .page.tracking table.data.table.tracking-details th { padding: 10px 12px !important; }
body.shipping-tracking-popup .nfm-apport {
  display: inline-flex; align-items: center; gap: 8px; height: 40px; margin: 0 0 0 14px; padding: 0 16px; background: #3cbdec; color: #000 !important; text-decoration: none !important;
  font: 800 12px/1 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: .07em; text-transform: uppercase; vertical-align: middle;
}
body.shipping-tracking-popup .nfm-apport svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
body.shipping-tracking-popup .nfm-apport:hover { background: #111; color: #fff !important; }
body.shipping-tracking-popup .page.tracking .actions { display: flex; justify-content: flex-end; margin: 18px 0 0 !important; padding: 0 !important; }
body.shipping-tracking-popup .page.tracking .action.close {
  display: inline-flex !important; align-items: center; height: 44px !important; padding: 0 20px !important; margin: 0 !important; background: #fff !important; color: #111 !important; border: 1.5px solid #111 !important; border-radius: 0 !important; box-shadow: none !important; position: relative; overflow: hidden; cursor: pointer;
  font: 700 12px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .07em !important; text-transform: uppercase !important;
}
body.shipping-tracking-popup .page.tracking .action.close::before, body.shipping-tracking-popup .page.tracking .action.close::after { display: none !important; content: none !important; }
body.shipping-tracking-popup .page.tracking .action.close span { color: inherit !important; font: inherit !important; }
body.shipping-tracking-popup .page.tracking .action.close:hover { background: #111 !important; color: #fff !important; }
@media (max-width: 600px) {
  body.shipping-tracking-popup .page-main { padding: 20px 12px 30px !important; }
  body.shipping-tracking-popup .page-title, body.shipping-tracking-popup .page-title .base { font-size: 24px !important; }
  body.shipping-tracking-popup .page.tracking { padding: 18px 14px; }
  body.shipping-tracking-popup .page.tracking table :is(th, td) { display: block; width: auto; border-bottom: 0 !important; padding: 4px 0 !important; }
  body.shipping-tracking-popup .page.tracking table tr { display: block; padding: 8px 0; border-bottom: 1px solid #ebebe6; }
  body.shipping-tracking-popup .nfm-apport { display: flex; justify-content: center; margin: 10px 0 0; }
  body.shipping-tracking-popup .page.tracking .action.close { width: 100% !important; justify-content: center; }
}

/* =====================================================================
   Empty cart, logged-out page, account slide-out (2026-11-08k)
   ===================================================================== */
/* ---- empty cart (checkout/cart with no items) ---- */
body.checkout-cart-index .column.main > .cart-empty {
  max-width: 640px; margin: 40px auto 60px !important; padding: 44px 32px 36px !important; box-sizing: border-box; text-align: center;
  background: #fff; border: 1px solid #e6e6e1; border-top: 3px solid #3cbdec; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body.checkout-cart-index .cart-empty .empty-cart-icon {
  width: 84px !important; height: 84px !important; margin: 0 auto 22px !important; border-radius: 50%; font-size: 0 !important; line-height: 0 !important; color: transparent !important;
  background: #eaf7fd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233cbdec' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 12H6.2z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E") center/40px no-repeat !important;
}
body.checkout-cart-index .cart-empty .empty-cart-icon::before, body.checkout-cart-index .cart-empty .empty-cart-icon::after { display: none !important; content: none !important; }
body.checkout-cart-index .cart-empty .cart-empty-big-text {
  margin: 0 0 10px !important; font: 800 28px/1.15 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: -.01em !important; word-spacing: normal !important; text-transform: uppercase !important; color: #111 !important;
}
body.checkout-cart-index .cart-empty .nfe-sub { margin: 0 auto 26px !important; max-width: 440px; font-size: 15px; line-height: 1.5; color: #555; }
body.checkout-cart-index .cart-empty .nfe-btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 !important; }
body.checkout-cart-index .cart-empty :is(.nfe-btns a, a.button) {
  display: inline-flex !important; align-items: center; justify-content: center; height: 50px !important; padding: 0 26px !important; margin: 0 !important;
  background: #fff !important; color: #111 !important; border: 1.5px solid #111 !important; border-radius: 0 !important; box-shadow: none !important; text-decoration: none !important; position: relative; overflow: hidden;
  font: 800 13px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .08em !important; text-transform: uppercase !important; white-space: nowrap;
}
body.checkout-cart-index .cart-empty :is(.nfe-btns a, a.button)::before, body.checkout-cart-index .cart-empty :is(.nfe-btns a, a.button)::after { display: none !important; content: none !important; }
body.checkout-cart-index .cart-empty :is(.nfe-btns a, a.button):hover { background: #111 !important; color: #fff !important; }
body.checkout-cart-index .cart-empty .nfe-btns a.nfe-main { background: #3cbdec !important; border-color: #3cbdec !important; color: #000 !important; }
body.checkout-cart-index .cart-empty .nfe-btns a.nfe-main:hover { background: #111 !important; border-color: #111 !important; color: #fff !important; }
body.checkout-cart-index .cart-empty .nfe-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; margin: 26px 0 0 !important; padding: 18px 0 0 !important; border-top: 1px solid #ebebe6; list-style: none; font-size: 13px; color: #444; }
body.checkout-cart-index .cart-empty .nfe-trust li { display: flex; align-items: center; gap: 7px; margin: 0 !important; }
body.checkout-cart-index .cart-empty .nfe-trust svg { width: 16px; height: 16px; fill: none; stroke: #3cbdec; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }

/* ---- logged out (customer/account/logoutSuccess) ---- */
body.customer-account-logoutsuccess .page-main { background: #f0f1f4 !important; background-image: none !important; padding: 40px 20px 60px !important; box-sizing: border-box; }
body.customer-account-logoutsuccess .page-main > .page.messages:not(:has(.message)) { display: none !important; }
body.customer-account-logoutsuccess :is(.columns, .column.main) { background: transparent !important; padding: 0 !important; margin: 0 !important; float: none !important; width: 100% !important; }
body.customer-account-logoutsuccess .nfo-card {
  max-width: 560px; margin: 0 auto; padding: 40px 32px 34px; box-sizing: border-box; text-align: center; background: #fff; border: 1px solid #e6e6e1; border-top: 3px solid #3cbdec; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body.customer-account-logoutsuccess .nfo-ico { width: 76px; height: 76px; margin: 0 auto 20px; border-radius: 50%; background: #e3f6e8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317703a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/36px no-repeat; }
body.customer-account-logoutsuccess .nfo-card .page-title-wrapper { margin: 0 0 10px !important; padding: 0 !important; text-align: center !important; }
body.customer-account-logoutsuccess .nfo-card .page-title, body.customer-account-logoutsuccess .nfo-card .page-title .base {
  margin: 0 !important; font: 800 30px/1.1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: -.01em !important; word-spacing: normal !important; text-transform: uppercase !important; color: #111 !important; text-align: center !important;
}
body.customer-account-logoutsuccess .nfo-card p { margin: 0 0 24px !important; font-size: 15px !important; line-height: 1.5; color: #555 !important; font-family: inherit !important; }
body.customer-account-logoutsuccess .nfo-btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
body.customer-account-logoutsuccess .nfo-btns a {
  display: inline-flex; align-items: center; justify-content: center; height: 50px; padding: 0 26px; background: #fff; color: #111 !important; border: 1.5px solid #111; text-decoration: none !important;
  font: 800 13px/1 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase;
}
body.customer-account-logoutsuccess .nfo-btns a:hover { background: #111; color: #fff !important; }
body.customer-account-logoutsuccess .nfo-btns a.nfo-main { background: #3cbdec; border-color: #3cbdec; color: #000 !important; }
body.customer-account-logoutsuccess .nfo-btns a.nfo-main:hover { background: #111; border-color: #111; color: #fff !important; }
body.customer-account-logoutsuccess .nfo-count { display: block; margin-top: 18px; font-size: 12px; color: #888; }

/* ---- account slide-out (header "Konto") ---- */
.block-account ul.header__toplinks, .ox-account-modal-js ul.header__toplinks, .ox-nav-sections ul.header__toplinks { list-style: none; margin: 0 !important; padding: 0 !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; }
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks::before {
  content: 'Mitt konto'; display: block; margin: 0 0 18px; padding: 0 0 14px; border-bottom: 3px solid #3cbdec; width: 100%;
  font: 800 24px/1.1 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: -.01em; color: #111;
}
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li { margin: 0 !important; padding: 0 !important; border: 0 !important; display: block; }
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li.d-none { display: none !important; }
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li.greet { margin: 0 0 12px !important; }
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li.greet:not(:has(.logged-in)) { display: none !important; }
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li.greet .logged-in {
  display: block; padding: 14px 16px; background: #f4f9fc; border-left: 4px solid #3cbdec; font: 600 15px/1.35 'Helvetica Neue', Helvetica, Arial, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; color: #111 !important;
}
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li:not(.greet) > a {
  display: flex !important; align-items: center; gap: 12px; padding: 14px 4px !important; margin: 0 !important; border: 0 !important; border-bottom: 1px solid #ebebe6 !important; background: transparent !important;
  font: 600 15px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; color: #111 !important; text-decoration: none !important; height: auto !important; min-height: 0 !important; box-shadow: none !important;
}
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li:not(.greet) > a::before, :is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li:not(.greet) > a::after { display: none !important; content: none !important; }
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li:not(.greet) > a::after { content: '' !important; display: block !important; position: static !important; margin-left: auto; width: 8px; height: 8px; border: 0; border-top: 2px solid #9a9a95; border-right: 2px solid #9a9a95; transform: rotate(45deg); background: none !important; opacity: 1 !important; }
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li:not(.greet) > a:hover { color: #006898 !important; padding-left: 8px !important; }
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li:not(.greet) > a:hover::after { border-color: #3cbdec; }
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks .nfh-ico { flex: 0 0 20px; width: 20px; height: 20px; fill: none; stroke: #3cbdec; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li:has(> .delimiter) { height: 0; margin: 6px 0 !important; overflow: hidden; }
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li > .delimiter { display: none !important; }
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li.nfh-logout > a { color: #d7261e !important; border-bottom: 0 !important; }
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li.nfh-logout .nfh-ico { stroke: #d7261e; }
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li > a.button.primary,
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li.nfh-login > a {
  justify-content: center; margin-top: 14px !important; height: 52px !important; padding: 0 20px !important; background: #3cbdec !important; border: 0 !important; color: #000 !important;
  font: 800 14px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .08em !important; text-transform: uppercase !important;
}
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li.nfh-login > a::after { display: none !important; }
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li.nfh-login > a .nfh-ico { stroke: #000; }
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li.nfh-login > a:hover { background: #111 !important; color: #fff !important; padding-left: 20px !important; }
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li.nfh-login > a:hover .nfh-ico { stroke: #fff; }
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li.nfh-create > a { order: 9; }

/* ===== Account slide-out: spacing + steady colours (2026-11-08k) ===== */
html body :is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks { padding: 26px 24px 24px !important; box-sizing: border-box; }
html body :is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks::before { padding-right: 52px; box-sizing: border-box; }
html body :is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li:not(.greet):not(.nfh-login):not(.nfh-logout) > a,
html body :is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li:not(.greet):not(.nfh-login):not(.nfh-logout) > a:is(:link, :visited, :focus, :active) { color: #111 !important; padding: 14px 4px !important; }
html body :is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li.nfh-logout > a, html body :is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li.nfh-logout > a:is(:link, :visited, :focus) { color: #d7261e !important; padding: 14px 4px !important; }
@media (hover: hover) {
  html body :is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li:not(.greet):not(.nfh-login):not(.nfh-logout) > a:hover { color: #006898 !important; padding-left: 8px !important; }
  html body :is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li.nfh-logout > a:hover { padding-left: 8px !important; }
}
@media (hover: none) {
  :is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li:not(.greet) > a:hover { padding-left: 4px !important; }
}
html body :is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li.nfh-login > a, html body :is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li.nfh-login > a:is(:link, :visited) { color: #000 !important; }
@media (hover: hover) { html body :is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li.nfh-login > a:hover { color: #fff !important; } }
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) .ox-overlay-close-btn, .ox-account-modal-js .ox-overlay-close-btn { z-index: 5; }

/* ===== Slide-out cart when empty (2026-11-08k) ===== */
.block-minicart .nf-mc-empty-hide { display: none !important; }
.block-minicart .nfe-mc { padding: 34px 24px 28px; text-align: center; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.block-minicart .nfe-mc .nfe-ico {
  width: 80px; height: 80px; margin: 0 auto 20px; border-radius: 50%;
  background: #eaf7fd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233cbdec' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 12H6.2z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E") center/38px no-repeat;
}
.block-minicart .nfe-mc h3 { margin: 0 0 8px !important; padding: 0 !important; border: 0 !important; font: 800 22px/1.15 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: -.01em !important; word-spacing: normal !important; text-transform: uppercase !important; color: #111 !important; }
.block-minicart .nfe-mc p { margin: 0 auto 22px !important; max-width: 320px; font-size: 14px !important; line-height: 1.5 !important; color: #555 !important; text-transform: none !important; }
.block-minicart .nfe-mc .nfe-btns { display: flex; flex-direction: column; gap: 10px; }
.block-minicart .nfe-mc .nfe-btns a {
  display: flex !important; align-items: center; justify-content: center; height: 52px; padding: 0 20px; margin: 0; background: #fff; color: #111 !important; border: 1.5px solid #111; text-decoration: none !important; box-sizing: border-box;
  font: 800 13px/1 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase;
}
.block-minicart .nfe-mc .nfe-btns a.nfe-main { background: #3cbdec; border-color: #3cbdec; color: #000 !important; }
@media (hover: hover) {
  .block-minicart .nfe-mc .nfe-btns a:hover { background: #111; border-color: #111; color: #fff !important; }
}
.block-minicart .nfe-mc .nfe-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.block-minicart .nfe-mc .nfe-trust { display: flex; flex-direction: column; align-items: center; gap: 8px; margin: 24px 0 0 !important; padding: 18px 0 0 !important; border-top: 1px solid #ebebe6; list-style: none; font-size: 13px; color: #444; }
.block-minicart .nfe-mc .nfe-trust li { display: flex; align-items: center; gap: 7px; margin: 0 !important; }
.block-minicart .nfe-mc .nfe-trust svg { width: 16px; height: 16px; fill: none; stroke: #3cbdec; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.block-minicart .nfe-mc .nfe-login { margin-top: 18px; font-size: 13px; color: #555; }
.block-minicart .nfe-mc .nfe-login a { color: #006898 !important; text-decoration: underline; font-weight: 600; }
:is(.block-account, .ox-account-modal-js, .ox-nav-sections) ul.header__toplinks > li.greet.nfh-empty { display: none !important; }
/* drawer: "Töm" asks inside the drawer (2026-11-08k) */
.nf-cart-tools .nf-cart-tools__row[hidden] { display: none !important; }
.nf-cart-tools .nf-cart-confirm { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px 12px; background: #fdf0ef; border-left: 4px solid #d7261e; font: 600 14px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #111; }
.nf-cart-tools .nf-cart-confirm span { flex: 1 1 auto; }
.nf-cart-tools .nf-cart-confirm button { height: 38px; padding: 0 14px; margin: 0; border-radius: 0; box-shadow: none; cursor: pointer; font: 800 12px/1 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.nf-cart-tools .nf-cart-confirm .nf-cc-yes { background: #d7261e; color: #fff; border: 1.5px solid #d7261e; }
.nf-cart-tools .nf-cart-confirm .nf-cc-no { background: #fff; color: #111; border: 1.5px solid #111; }
.nf-cart-tools .nf-cart-confirm button::before, .nf-cart-tools .nf-cart-confirm button::after { display: none !important; content: none !important; }
@media (hover: hover) { .nf-cart-tools .nf-cart-confirm .nf-cc-yes:hover { background: #111; border-color: #111; } .nf-cart-tools .nf-cart-confirm .nf-cc-no:hover { background: #111; color: #fff; } }
.nf-cart-tools .nf-cart-confirm .nf-cc-yes:disabled { opacity: .6; cursor: wait; }

/* the mobile-menu arrows are only for the mobile menu (2026-11-08k) */
.nfmm-chev { display: none !important; width: 18px; height: 18px; fill: none; stroke: currentColor; }
@media (max-width: 1024px) { .ox-nav-sections .nfmm-chev { display: block !important; } }

/* =====================================================================
   MOBILE MENU – button, tabs, account tab, category rows like the desktop menu (2026-11-08k)
   ===================================================================== */
@media (max-width: 1024px) {
  /* menu button in the black header: no white box */
  body .page-header .nf-header .slide-out-menu--mobile,
  body .page-header .nf-header .action.slide-out-menu--mobile {
    background: transparent !important; border: 1.5px solid #3a3a3a !important; height: 42px !important; padding: 0 12px !important; gap: 9px !important;
  }
  body .page-header .nf-header .slide-out-menu--mobile .hamburger-menu-icon-small { width: 20px !important; height: 14px !important; }
  body .page-header .nf-header .slide-out-menu--mobile .hamburger-menu-icon-small span { height: 2px !important; background: #fff !important; }
  body .page-header .nf-header .slide-out-menu--mobile .hamburger-menu-icon-small span:nth-child(2) { background: #3cbdec !important; }
  body .page-header .nf-header .slide-out-menu--mobile > span:not(.hamburger-menu-icon-small) { font-size: 0 !important; color: #fff !important; }
  body .page-header .nf-header .slide-out-menu--mobile > span:not(.hamburger-menu-icon-small)::after { content: 'Meny'; font: 800 12px/1 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #fff; }
  body .page-header .nf-header .slide-out-menu--mobile:active { border-color: #3cbdec !important; }

  /* tabs: Meny / Konto */
  .ox-nav-sections .ox-nav-sections-items { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
  .ox-nav-sections .ox-nav-sections-item-title { background: #0a0a0a !important; border: 0 !important; margin: 0 !important; padding: 0 !important; }
  .ox-nav-sections .ox-nav-sections-item-title .ox-nav-sections-item-switch {
    display: flex !important; align-items: center; justify-content: center; height: 54px !important; padding: 0 10px !important; margin: 0 !important;
    background: #0a0a0a !important; color: #9a9a95 !important; border: 0 !important; border-bottom: 3px solid #0a0a0a !important; text-decoration: none !important;
    font: 800 14px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .08em !important; text-transform: uppercase !important;
  }
  .ox-nav-sections .ox-nav-sections-item-title.active .ox-nav-sections-item-switch { color: #fff !important; border-bottom-color: #3cbdec !important; }
  .ox-nav-sections .ox-nav-sections-item-title .ox-nav-sections-item-switch::before, .ox-nav-sections .ox-nav-sections-item-title .ox-nav-sections-item-switch::after { display: none !important; }
  .ox-nav-sections .ox-nav-sections-item-content { background: #fff !important; padding: 0 !important; }
  .ox-nav-sections #store\.settings:empty, .ox-nav-sections .ox-nav-sections-item-title:has(a[href="#store.settings"]) { display: none !important; }

  /* account tab: same list as the Konto slide-out, without its big heading */
  .ox-nav-sections ul.header__toplinks::before { display: none !important; content: none !important; }
  .ox-nav-sections ul.header__toplinks { padding: 18px 20px 24px !important; }
  .ox-nav-sections ul.header__toplinks .nfh-ico { width: 20px !important; height: 20px !important; max-width: 20px; }
  .ox-nav-sections ul.header__toplinks > li > a { min-height: 0 !important; height: auto !important; }

  /* category rows */
  .ox-nav-sections .ox-megamenu-navigation { margin: 0 !important; padding: 0 !important; background: #fff !important; }
  .ox-nav-sections .ox-megamenu-navigation > li.level0 { margin: 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid #ebebe6 !important; background: #fff !important; position: static !important; }
  .ox-nav-sections .ox-megamenu-navigation > li.level0 > .ox-mm-a-wrap { padding: 0 !important; margin: 0 !important; background: transparent !important; }
  .ox-nav-sections .ox-megamenu-navigation > li.level0 > .ox-mm-a-wrap > a.level-top {
    display: flex !important; align-items: center; gap: 10px; min-height: 56px; padding: 0 20px !important; margin: 0 !important; background: transparent !important; border: 0 !important; border-left: 3px solid transparent !important;
    color: #111 !important; text-decoration: none !important; font: 800 15px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .03em !important; text-transform: uppercase !important;
  }
  .ox-nav-sections .ox-megamenu-navigation > li.level0 > .ox-mm-a-wrap > a.level-top .name { flex: 1 1 auto; color: inherit !important; font: inherit !important; }
  .ox-nav-sections .ox-megamenu-navigation > li.level0 > .ox-mm-a-wrap > a.level-top::before, .ox-nav-sections .ox-megamenu-navigation > li.level0 > .ox-mm-a-wrap > a.level-top::after { display: none !important; }
  .ox-nav-sections .ox-megamenu-navigation > li.level0.nfmm-has .ox-menu-arrow { display: none !important; }
  .ox-nav-sections .nfmm-chev { flex: 0 0 18px; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s; color: #3cbdec; }
  .ox-nav-sections .ox-megamenu-navigation > li.level0.nfmm-open > .ox-mm-a-wrap > a.level-top { background: #0a0a0a !important; color: #fff !important; border-left-color: #3cbdec !important; }
  .ox-nav-sections .ox-megamenu-navigation > li.level0.nfmm-open > .ox-mm-a-wrap .nfmm-chev { transform: rotate(180deg); }
  .ox-nav-sections .ox-megamenu-navigation > li.level0.nf-nav-outlet > .ox-mm-a-wrap > a.level-top { color: #d7261e !important; }

  /* the dropdown: only our compact version, open only when the row is open */
  .ox-nav-sections .ox-megamenu-navigation > li.level0.nfmm-has > .ox-megamenu__dropdown { display: none !important; }
  .ox-nav-sections .ox-megamenu-navigation > li.level0.nfmm-has.nfmm-open > .ox-megamenu__dropdown {
    display: block !important; position: static !important; width: auto !important; max-width: none !important; height: auto !important; max-height: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important;
    margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: #f4f5f7 !important; left: auto !important; top: auto !important;
  }
  .ox-nav-sections .ox-megamenu__dropdown.nfmm-on > .ox-mm-inner { padding: 0 !important; margin: 0 !important; max-height: none !important; overflow: visible !important; background: transparent !important; }
  .ox-nav-sections .ox-megamenu__dropdown.nfmm-on > .ox-mm-inner > :not(.nfmm) { display: none !important; }
  .nfmm { display: none; }
  .ox-nav-sections .nfmm { display: block; padding: 12px 14px 16px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
  .ox-nav-sections .nfmm .nfmm-all {
    display: flex !important; align-items: center; justify-content: space-between; gap: 10px; min-height: 48px; padding: 0 16px !important; margin: 0 0 10px !important; background: #3cbdec !important; color: #000 !important; text-decoration: none !important;
    font: 800 13px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .05em !important; text-transform: uppercase !important;
  }
  .ox-nav-sections .nfmm .nfmm-g { background: #fff; border: 1px solid #e6e6e1; margin: 0 0 8px; }
  .ox-nav-sections .nfmm .nfmm-gh {
    display: flex !important; align-items: center; gap: 12px; width: 100% !important; min-height: 54px; padding: 8px 14px !important; margin: 0 !important; background: #fff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; cursor: pointer; text-align: left;
    color: #111 !important; font: 700 15px/1.25 'Helvetica Neue', Helvetica, Arial, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; height: auto !important;
  }
  .ox-nav-sections .nfmm .nfmm-gh::before, .ox-nav-sections .nfmm .nfmm-gh::after { display: none !important; content: none !important; }
  .ox-nav-sections .nfmm .nfmm-gh .nfmm-gt { flex: 1 1 auto; }
  .ox-nav-sections .nfmm .nfmm-gh .nfmm-chev { color: #9a9a95; }
  .ox-nav-sections .nfmm .nfmm-g.is-open > .nfmm-gh { border-bottom: 1px solid #ebebe6 !important; }
  .ox-nav-sections .nfmm .nfmm-g.is-open > .nfmm-gh .nfmm-chev { transform: rotate(180deg); color: #3cbdec; }
  .ox-nav-sections .nfmm .nfmm-gi { flex: 0 0 38px; width: 38px; height: 38px; background: #f6f6f6; display: flex; align-items: center; justify-content: center; overflow: hidden; }
  .ox-nav-sections .nfmm .nfmm-gi img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }
  .ox-nav-sections .nfmm .nfmm-gb { display: none; padding: 10px 14px 14px; }
  .ox-nav-sections .nfmm .nfmm-g.is-open > .nfmm-gb { display: block; }
  .ox-nav-sections .nfmm .nfmm-links { list-style: none; margin: 0 !important; padding: 0 !important; }
  .ox-nav-sections .nfmm .nfmm-links li { margin: 0 !important; padding: 0 !important; border-bottom: 1px solid #f0f0ec; }
  .ox-nav-sections .nfmm .nfmm-links li:last-child { border-bottom: 0; }
  .ox-nav-sections .nfmm .nfmm-links a {
    display: flex !important; align-items: center; justify-content: space-between; min-height: 44px; padding: 0 2px !important; color: #222 !important; text-decoration: none !important; background: none !important;
    font: 500 14px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important;
  }
  .ox-nav-sections .nfmm .nfmm-links a::after { content: '›'; color: #3cbdec; font-size: 20px; font-weight: 800; line-height: 1; }
  .ox-nav-sections .nfmm .nfmm-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .ox-nav-sections .nfmm .nfmm-tile { display: flex !important; flex-direction: column; gap: 6px; color: #111 !important; text-decoration: none !important; background: none !important; padding: 0 !important; }
  .ox-nav-sections .nfmm .nfmm-img { display: block; aspect-ratio: 4 / 3; background: #f6f6f6; border: 1px solid #ebebeb; overflow: hidden; }
  .ox-nav-sections .nfmm .nfmm-img img { width: 100%; height: 100%; object-fit: contain; display: block; }
  .ox-nav-sections .nfmm .nfmm-tile b { font: 700 13px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif; }
  .ox-nav-sections .nfmm .nfmm-see { display: inline-flex !important; margin: 12px 0 0 !important; padding: 0 !important; color: #006898 !important; text-decoration: none !important; background: none !important; font: 800 12px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .06em !important; text-transform: uppercase !important; }
}
@media (max-width: 1024px) {
  .ox-nav-sections .ox-megamenu-navigation > li.level0.nfmm-simple.nfmm-open > .ox-megamenu__dropdown { padding: 12px 14px 16px !important; }
  .ox-nav-sections li.nfmm-simple ul.ox-megamenu-list { list-style: none !important; margin: 0 !important; padding: 0 6px 0 14px !important; background: #fff !important; border: 1px solid #e6e6e1 !important; max-height: none !important; overflow: visible !important; position: static !important; width: auto !important; box-shadow: none !important; display: block !important; }
  .ox-nav-sections li.nfmm-simple ul.ox-megamenu-list > li { margin: 0 !important; padding: 0 !important; border-bottom: 1px solid #f0f0ec !important; list-style: none !important; }
  .ox-nav-sections li.nfmm-simple ul.ox-megamenu-list > li:last-child { border-bottom: 0 !important; }
  .ox-nav-sections li.nfmm-simple ul.ox-megamenu-list > li.nfmm-all-li { margin: 0 -7px 6px -15px !important; border: 0 !important; }
  .ox-nav-sections li.nfmm-simple ul.ox-megamenu-list > li.nfmm-all-li .nfmm-all {
    display: flex !important; align-items: center; justify-content: space-between; min-height: 48px; padding: 0 16px !important; margin: 0 !important; background: #3cbdec !important; color: #000 !important; text-decoration: none !important;
    font: 800 13px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .05em !important; text-transform: uppercase !important;
  }
  .ox-nav-sections li.nfmm-simple ul.ox-megamenu-list > li:not(.nfmm-all-li) > .ox-mm-a-wrap { padding: 0 !important; margin: 0 !important; }
  .ox-nav-sections li.nfmm-simple ul.ox-megamenu-list > li:not(.nfmm-all-li) > .ox-mm-a-wrap > a {
    display: flex !important; align-items: center; gap: 8px; min-height: 46px; padding: 0 2px !important; margin: 0 !important; background: none !important; color: #222 !important; text-decoration: none !important;
    font: 500 14px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important;
  }
  .ox-nav-sections li.nfmm-simple ul.ox-megamenu-list > li:not(.nfmm-all-li) > .ox-mm-a-wrap > a .name { flex: 1 1 auto; color: inherit !important; background: none !important; }
  .ox-nav-sections li.nfmm-simple ul.ox-megamenu-list > li:not(.nfmm-all-li) > .ox-mm-a-wrap > a::after { content: '›'; color: #3cbdec; font-size: 20px; font-weight: 800; line-height: 1; }
  .ox-nav-sections li.nfmm-simple ul.ox-megamenu-list .ox-megamenu-label { padding: 3px 6px !important; font: 800 10px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .06em; position: static !important; }
  .ox-nav-sections .ox-megamenu-navigation > li.level0:not(.nfmm-has) > .ox-megamenu__dropdown { display: none !important; }
}
/* mobile menu images: square, filling the box (no grey bars) (2026-11-08k) */
@media (max-width: 1024px) {
  .ox-nav-sections .nfmm .nfmm-img { aspect-ratio: 1 / 1 !important; background: #fff !important; }
  .ox-nav-sections .nfmm .nfmm-img img { object-fit: cover !important; }
  .ox-nav-sections .nfmm .nfmm-gi { flex: 0 0 52px !important; width: 52px !important; height: 52px !important; background: #fff !important; border: 1px solid #ebebe6; }
  .ox-nav-sections .nfmm .nfmm-gi img { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; }
  .ox-nav-sections .nfmm .nfmm-gh { min-height: 68px !important; }
}

/* =====================================================================
   KATEGORITEXT – editorial card like the product description (2026-11-08k)
   ===================================================================== */
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-wrap { position: relative; max-width: 1000px; margin: 4px 0 22px; background: #fff; border: 1px solid #e0e0d8; border-top: 4px solid #3cbdec; padding: 30px 36px 22px; box-sizing: border-box; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-wrap .category-description.nfcd { max-width: 820px; margin: 0 !important; padding: 0 !important; position: relative; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: 16px !important; line-height: 1.7 !important; color: #333 !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd [data-element="inner"], body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd [data-content-type] { padding: 0 !important; margin: 0 !important; min-height: 0 !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd.nfk-desc-clamped { max-height: var(--nfcd-h, 200px) !important; overflow: hidden; }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd.nfk-desc-clamped::after { height: 70px !important; background: linear-gradient(rgba(255,255,255,0), #fff) !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd :is(h1, h2) {
  margin: 0 0 14px !important; padding: 0 !important; font: 900 28px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: -.3px !important; word-spacing: normal !important; text-transform: none !important; color: #0a0a0a !important;
}
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd :is(h3, h4) {
  display: flex !important; align-items: center; gap: 12px; margin: 30px 0 8px !important; padding: 0 !important;
  font: 800 19px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: 0 !important; word-spacing: normal !important; text-transform: none !important; color: #0a0a0a !important;
}
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd :is(h3, h4)::before { content: ""; flex: 0 0 22px; height: 4px; background: #3cbdec; }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd p { margin: 0 0 12px !important; font-size: 16px !important; line-height: 1.7 !important; color: #333 !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd p.nfcd-lead { font-size: 18px !important; line-height: 1.6 !important; color: #1a1a1a !important; border-left: 4px solid #3cbdec; padding-left: 18px !important; margin: 0 0 22px !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd strong, body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd b { color: #1a1a1a; }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd a { color: #006898 !important; font-weight: 600; text-decoration: none !important; border-bottom: 1px solid #9fdcf3; }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd a:hover { color: #0a0a0a !important; border-bottom-color: #0a0a0a; }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd ul { list-style: none !important; margin: 4px 0 18px !important; padding: 0 !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd ul > li { position: relative; padding: 7px 0 7px 30px !important; margin: 0 !important; border-bottom: 1px solid #f0f0ea; font-size: 16px !important; line-height: 1.55 !important; color: #333 !important; list-style: none !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd ul > li::before { content: ""; position: absolute; left: 4px; top: 15px; width: 12px; height: 7px; border-left: 3px solid #3cbdec; border-bottom: 3px solid #3cbdec; transform: rotate(-45deg); }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd ol { margin: 0 0 18px !important; padding-left: 22px !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd ol > li::marker { color: #006898; font-weight: 800; }
/* "Därför…" style lists: boxes */
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd ul.nfcd-feat { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 10px 0 22px !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd ul.nfcd-feat > li { display: flex; flex-direction: column; gap: 4px; padding: 16px 16px 16px 18px !important; background: #f6f7f9; border: 0 !important; border-left: 4px solid #3cbdec !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd ul.nfcd-feat > li::before { display: none; }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd ul.nfcd-feat > li b { font-size: 15px; font-weight: 800; color: #0a0a0a; }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd ul.nfcd-feat > li span { font-size: 14px; line-height: 1.5; color: #555; }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd table { width: 100% !important; border-collapse: collapse !important; margin: 18px 0 !important; font-size: 15px; }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd th { background: #0a0a0a !important; color: #fff !important; text-align: left !important; font-size: 11px !important; letter-spacing: 1.2px; text-transform: uppercase; padding: 11px 14px !important; border: 0 !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd td { padding: 10px 14px !important; border: 0 !important; border-bottom: 1px solid #ebebeb !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd img { max-width: 100%; height: auto; }
/* Läs mer */
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-wrap button.nfk-more.nfcd-more {
  display: inline-flex !important; align-items: center; gap: 10px; margin: 14px 0 0 !important; padding: 0 20px !important; height: 44px !important; min-height: 0 !important;
  background: #fff !important; border: 1.5px solid #0a0a0a !important; color: #0a0a0a !important; font: 800 12px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .08em !important; text-transform: uppercase !important; cursor: pointer;
}
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-wrap button.nfcd-more span { color: #3cbdec; font-size: 15px; }
@media (hover: hover) { body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-wrap button.nfcd-more:hover { background: #0a0a0a !important; color: #fff !important; } }
@media (max-width: 767px) {
  body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-wrap { padding: 20px 16px 16px; margin-bottom: 16px; }
  body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd :is(h1, h2) { font-size: 22px !important; }
  body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd :is(h3, h4) { font-size: 17px !important; margin-top: 24px !important; }
  body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd p, body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd ul > li { font-size: 15px !important; }
  body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd p.nfcd-lead { font-size: 16px !important; padding-left: 14px !important; }
  body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd ul.nfcd-feat { grid-template-columns: minmax(0, 1fr); }
  body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-wrap button.nfk-more.nfcd-more { width: 100% !important; justify-content: center; }
}
/* category text: full width of the page, own "Läs mer" button (2026-11-08k) */
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-wrap { max-width: none !important; width: 100%; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-wrap .category-description.nfcd { max-width: none !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-wrap > button.nfk-more { display: none !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-wrap button.nfcd-more {
  display: inline-flex !important; align-items: center; gap: 10px; margin: 14px 0 0 !important; padding: 0 20px !important; height: 44px !important; min-height: 0 !important; width: auto;
  background: #fff !important; border: 1.5px solid #0a0a0a !important; border-radius: 0 !important; box-shadow: none !important; color: #0a0a0a !important; position: relative; overflow: hidden;
  font: 800 12px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .08em !important; text-transform: uppercase !important; cursor: pointer;
}
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-wrap button.nfcd-more::before, body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-wrap button.nfcd-more::after { display: none !important; content: none !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-wrap button.nfcd-more span { color: #3cbdec !important; font-size: 15px !important; position: static !important; }
@media (hover: hover) { body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-wrap button.nfcd-more:hover { background: #0a0a0a !important; color: #fff !important; } }
@media (min-width: 1100px) { body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd ul.nfcd-feat { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 767px) { body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-wrap button.nfcd-more { width: 100% !important; justify-content: center; } }
/* only our own Läs mer on the category text (2026-11-08k) */
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-hide { display: none !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd:not(.nfk-desc-clamped) { max-height: none !important; height: auto !important; overflow: visible !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd:not(.nfk-desc-clamped)::after, body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd:not(.nfk-desc-clamped)::before { display: none !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .category-description.nfcd.nfk-desc-clamped { height: auto !important; }
/* mobile menu: category's own page + promo card (2026-11-08k) */
@media (max-width: 1024px) {
  .ox-nav-sections .nfmm .nfmm-links li.nfmm-main a { font-weight: 800 !important; color: #0a0a0a !important; }
  .ox-nav-sections .nfmm .nfmm-promo { display: grid !important; grid-template-columns: 96px minmax(0, 1fr); gap: 14px; align-items: center; margin: 4px 0 0 !important; padding: 12px !important; background: #0a0a0a !important; border-left: 4px solid #3cbdec; color: #fff !important; text-decoration: none !important; }
  .ox-nav-sections .nfmm .nfmm-promo-img { display: block; aspect-ratio: 1 / 1; background: #fff; overflow: hidden; }
  .ox-nav-sections .nfmm .nfmm-promo-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .ox-nav-sections .nfmm .nfmm-promo-tx { display: flex; flex-direction: column; gap: 4px; min-width: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
  .ox-nav-sections .nfmm .nfmm-promo-tx small { align-self: flex-start; background: #3cbdec; color: #000; padding: 3px 7px; font: 800 10px/1 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
  .ox-nav-sections .nfmm .nfmm-promo-tx b { font: 900 18px/1.15 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; }
  .ox-nav-sections .nfmm .nfmm-promo-tx > span { font-size: 13px; line-height: 1.4; color: #cfcfcf; }
  .ox-nav-sections .nfmm .nfmm-promo-tx em { font-style: normal; font: 800 12px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #3cbdec; margin-top: 2px; }
}
@media (max-width: 1024px) { .ox-nav-sections .nfmm .nfmm-promo { margin: 0 0 10px !important; } }
@media (max-width: 1024px) {
  .ox-nav-sections .nfmm .nfmm-promo { grid-template-columns: 84px minmax(0, 1fr) !important; margin: 10px 0 0 !important; }
  .ox-nav-sections .nfmm .nfmm-promo-img { width: 84px; height: 84px; aspect-ratio: auto !important; }
  .ox-nav-sections .nfmm .nfmm-promo-img img { object-fit: contain !important; }
  .ox-nav-sections .nfmm .nfmm-promo-tx b { font-size: 16px !important; }
}
@media (max-width: 1024px) { .ox-nav-sections .nfmm .nfmm-promo { margin: 0 0 10px !important; } }

/* ===== Pris filter (own range: slider + Från/Till) (2026-11-08k) ===== */
.nfk-price-hidden { display: none !important; }
.nfk-price { padding: 6px 0 4px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.nfk-price__slider { position: relative; height: 34px; margin: 4px 10px 12px; }
.nfk-price__track { position: absolute; left: 0; right: 0; top: 15px; height: 4px; background: #e0e0d8; }
.nfk-price__fill { position: absolute; top: 0; bottom: 0; background: #3cbdec; }
.nfk-price input[type=range] {
  -webkit-appearance: none; appearance: none; position: absolute; left: -10px; right: -10px; width: calc(100% + 20px) !important; top: 0; height: 34px !important; margin: 0 !important; padding: 0 !important;
  background: transparent !important; border: 0 !important; box-shadow: none !important; pointer-events: none; outline: none;
}
.nfk-price input[type=range]::-webkit-slider-runnable-track { background: transparent; height: 34px; }
.nfk-price input[type=range]::-moz-range-track { background: transparent; height: 34px; }
.nfk-price input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; pointer-events: auto; width: 22px; height: 22px; margin-top: 6px; border-radius: 50%; background: #fff; border: 3px solid #0a0a0a; cursor: grab; box-shadow: 0 1px 4px rgba(0,0,0,.2); }
.nfk-price input[type=range]::-moz-range-thumb { pointer-events: auto; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 3px solid #0a0a0a; cursor: grab; }
.nfk-price input[type=range]:focus-visible::-webkit-slider-thumb { border-color: #3cbdec; }
.nfk-price__fields { display: flex; align-items: flex-end; gap: 8px; }
.nfk-price__fields label { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 4px; margin: 0; position: relative; }
.nfk-price__fields label > span { font: 700 11px/1 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #666; }
.nfk-price__fields input[type=text] { width: 100% !important; height: 44px !important; padding: 0 34px 0 12px !important; margin: 0 !important; box-sizing: border-box !important; border: 1.5px solid #c9c9c4 !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; font: 700 15px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #111 !important; }
.nfk-price__fields input[type=text]:focus { border-color: #3cbdec !important; box-shadow: 0 0 0 3px rgba(60,189,236,.2) !important; outline: 0 !important; }
.nfk-price__fields em { position: absolute; right: 12px; bottom: 15px; font-style: normal; font-size: 13px; color: #888; pointer-events: none; }
.nfk-price__dash { padding-bottom: 13px; color: #888; }
.nfk-price__btns { display: flex; gap: 8px; margin-top: 12px; }
.nfk-price__btns button {
  flex: 1 1 auto; height: 44px !important; min-height: 0 !important; margin: 0 !important; padding: 0 14px !important; border-radius: 0 !important; box-shadow: none !important; cursor: pointer; position: relative; overflow: hidden;
  font: 800 12px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .07em !important; text-transform: uppercase !important;
}
.nfk-price__btns button::before, .nfk-price__btns button::after { display: none !important; content: none !important; }
.nfk-price__go { background: #3cbdec !important; color: #000 !important; border: 0 !important; }
.nfk-price__clear { flex: 0 0 auto !important; background: #fff !important; color: #111 !important; border: 1.5px solid #111 !important; }
@media (hover: hover) { .nfk-price__go:hover { background: #0a0a0a !important; color: #fff !important; } .nfk-price__clear:hover { background: #0a0a0a !important; color: #fff !important; } }
html body .filter-options-content .swissup-range-slider-container.nfk-price-hidden, html body div.swissup-range-slider-container.nfk-price-hidden, html body .nfk-price-hidden * { display: none !important; }

/* ===== Live search dropdown (2026-11-08k) ===== */
.nfs-form { position: relative !important; }
.nfs-drop {
  position: absolute; left: 0; right: 0; top: 100%; z-index: 9999; margin-top: 4px; max-height: min(70vh, 620px); overflow-y: auto; box-sizing: border-box;
  background: #fff; border: 1px solid #e0e0d8; border-top: 3px solid #3cbdec; box-shadow: 0 18px 40px rgba(0,0,0,.25); text-align: left;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #111;
}
.nfs-drop[hidden] { display: none !important; }
#header-search-container .nfs-drop { min-width: 520px; right: auto; width: 100%; }
.nfs-drop .nfs-sec { padding: 12px 16px; border-bottom: 1px solid #ebebe6; }
.nfs-drop h4 { display: flex; justify-content: space-between; align-items: center; margin: 0 0 8px !important; font: 800 11px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: #777 !important; }
.nfs-drop h4 a { color: #006898 !important; font-size: 11px; letter-spacing: .06em; text-decoration: underline; }
.nfs-drop mark { background: #dff2fb; color: inherit; padding: 0 !important; margin: 0 !important; }
.nfs-drop .nfs-terms { display: flex; flex-wrap: wrap; gap: 6px; }
.nfs-drop .nfs-term, .nfs-drop .nfs-cat { display: inline-flex; align-items: center; gap: 6px; padding: 7px 11px; background: #f4f5f7; color: #111 !important; text-decoration: none !important; font-size: 13px; font-weight: 600; border: 1px solid transparent; }
.nfs-drop .nfs-term small { color: #888; font-weight: 400; }
.nfs-drop .nfs-cats { display: flex; flex-wrap: wrap; gap: 6px; }
.nfs-drop .nfs-cat { background: #fff; border-color: #d6d6d1; }
.nfs-drop .nfs-prod { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 8px 6px; margin: 0 -6px; color: #111 !important; text-decoration: none !important; border-bottom: 1px solid #f2f2ee; }
.nfs-drop .nfs-prod:last-child { border-bottom: 0; }
.nfs-drop .nfs-img { width: 56px; height: 56px; background: #fff; border: 1px solid #ebebe6; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.nfs-drop .nfs-img img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }
.nfs-drop .nfs-pt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.nfs-drop .nfs-pt b { font-size: 14px; line-height: 1.3; font-weight: 700; }
.nfs-drop .nfs-pt small { font-size: 12px; color: #888; }
.nfs-drop .nfs-pp { font-weight: 800; font-size: 14px; white-space: nowrap; }
.nfs-drop .nfs-page { display: block; padding: 7px 0; color: #006898 !important; font-size: 14px; font-weight: 600; text-decoration: none !important; }
.nfs-drop .nfs-all { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 16px; background: #0a0a0a; color: #fff !important; text-decoration: none !important; font: 800 12px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.nfs-drop .nfs-opt.is-active, .nfs-drop .nfs-all.is-active { outline: 2px solid #3cbdec; outline-offset: -2px; }
@media (hover: hover) {
  .nfs-drop .nfs-prod:hover { background: #f6f9fb; }
  .nfs-drop .nfs-term:hover, .nfs-drop .nfs-cat:hover { border-color: #3cbdec; background: #eaf7fd; }
  .nfs-drop .nfs-all:hover { background: #3cbdec; color: #000 !important; }
}
.nfs-drop .nfs-empty { display: flex; flex-direction: column; gap: 6px; padding: 18px 16px; font-size: 14px; color: #444; }
.nfs-drop .nfs-empty b { color: #111; font-size: 15px; }
.nfs-drop .nfs-empty a { color: #006898 !important; }
.nfs-form.nfs-loading::after { content: ''; position: absolute; right: 70px; top: 50%; width: 16px; height: 16px; margin-top: -8px; border: 2px solid #c9c9c4; border-top-color: #3cbdec; border-radius: 50%; animation: nfsSpin .7s linear infinite; z-index: 3; }
@keyframes nfsSpin { to { transform: rotate(360deg); } }
/* mobile band: dropdown full width under the field */
.nf-mobile-search-band .nfs-form { position: relative !important; }
.nf-mobile-search-band .nfs-drop { position: fixed; left: 0; right: 0; top: auto; margin-top: 0; max-height: calc(100vh - 160px); border-left: 0; border-right: 0; }
.nf-mobile-search-band .nfs-form.nfs-loading::after { right: 64px; }
@media (max-width: 767px) {
  .nfs-drop .nfs-prod { grid-template-columns: 48px minmax(0, 1fr); }
  .nfs-drop .nfs-img { width: 48px; height: 48px; }
  .nfs-drop .nfs-pp { grid-column: 2; font-size: 13px; }
}
/* desktop: simple dropdowns (Kampanjer) – the "Visa alla" row added for the mobile menu becomes a clean footer link (2026-11-08k) */
@media (min-width: 1025px) {
  .ox-megamenu-navigation li.nfmm-simple > .ox-megamenu__dropdown > ul.ox-megamenu-list { display: flex !important; flex-direction: column; padding: 8px 0 0 !important; min-width: 240px; }
  .ox-megamenu-navigation li.nfmm-simple > .ox-megamenu__dropdown > ul.ox-megamenu-list > li.nfmm-all-li { order: 99; margin: 8px 0 0 !important; padding: 0 !important; border-top: 1px solid #2a2a2a; list-style: none; }
  .ox-megamenu-navigation li.nfmm-simple > .ox-megamenu__dropdown > ul.ox-megamenu-list > li.nfmm-all-li .nfmm-all {
    display: flex !important; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 20px !important; margin: 0 !important; background: transparent !important; color: #3cbdec !important; text-decoration: none !important;
    font: 800 12px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .08em !important; text-transform: uppercase !important; white-space: nowrap;
  }
  .ox-megamenu-navigation li.nfmm-simple > .ox-megamenu__dropdown > ul.ox-megamenu-list > li.nfmm-all-li .nfmm-all::before, .ox-megamenu-navigation li.nfmm-simple > .ox-megamenu__dropdown > ul.ox-megamenu-list > li.nfmm-all-li .nfmm-all::after { display: none !important; }
  .ox-megamenu-navigation li.nfmm-simple > .ox-megamenu__dropdown > ul.ox-megamenu-list > li.nfmm-all-li .nfmm-all:hover { background: #3cbdec !important; color: #000 !important; }
}

/* ===== Phone: product cards everywhere – button text fits, name cut cleanly at 2 lines (2026-11-08k) ===== */
@media (max-width: 767px) {
  body .product-items .product-item .action.tocart,
  body .product-items .product-item button.tocart,
  body .products-grid .product-item .action.tocart {
    width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 46px !important; padding: 8px 8px !important; box-sizing: border-box !important;
    display: flex !important; align-items: center; justify-content: center; gap: 6px; white-space: normal !important; overflow: hidden !important; text-align: center !important;
    font-size: 12px !important; line-height: 1.2 !important; letter-spacing: .03em !important; word-break: normal; overflow-wrap: anywhere;
  }
  body .product-items .product-item .action.tocart span,
  body .products-grid .product-item .action.tocart span { font-size: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; white-space: normal !important; position: static !important; transform: none !important; }
  body .product-items .product-item .action.tocart svg, body .product-items .product-item .action.tocart i { flex: 0 0 auto; }
  body .product-items .product-item .actions-primary, body .product-items .product-item .product-item-actions { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
  body .product-items .product-item .product-item-actions .actions-primary form { width: 100% !important; }
  /* name: exactly two lines, no half third line */
  body .product-items .product-item .product-item-name {
    display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden !important;
    line-height: 1.25 !important; max-height: 2.5em !important; height: auto !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 8px !important;
  }
  body .product-items .product-item .product-item-name a { display: inline !important; line-height: inherit !important; padding: 0 !important; }
}
@media (max-width: 380px) {
  body .product-items .product-item .action.tocart { font-size: 11px !important; letter-spacing: .02em !important; }
}

/* ===== Product page fixes (2026-11-08k) ===== */
/* add-to-cart: the button may never be wider than the space next to the qty box */
body.catalog-product-view .product-info-main .box-tocart .fieldset { flex-wrap: nowrap !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box; }
body.catalog-product-view .product-info-main .box-tocart .field.qty { flex: 0 0 auto !important; min-width: 0 !important; }
body.catalog-product-view .product-info-main .box-tocart .actions { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; max-width: 100% !important; }
body.catalog-product-view .product-info-main .box-tocart #product-addtocart-button { min-width: 0 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
@media (max-width: 767px) {
  body.catalog-product-view .product-info-main .box-tocart #product-addtocart-button { padding: 0 12px !important; white-space: normal !important; line-height: 1.15 !important; font-size: 14px !important; letter-spacing: .04em !important; }
  body.catalog-product-view .product-info-main .box-tocart .qty-controls-wrap { flex: 0 0 auto; }
}
@media (max-width: 359px) {
  body.catalog-product-view .product-info-main .box-tocart .fieldset { flex-wrap: wrap !important; }
  body.catalog-product-view .product-info-main .box-tocart .actions { flex: 1 1 100% !important; }
}

/* specifications: label and value on one row (all widths) */
body.catalog-product-view #product-attribute-specs-table#product-attribute-specs-table, body.catalog-product-view #product-attribute-specs-table#product-attribute-specs-table > tbody { display: block !important; width: 100% !important; }
body.catalog-product-view #product-attribute-specs-table#product-attribute-specs-table tr { display: flex !important; align-items: baseline; justify-content: space-between; gap: 14px; border-bottom: 1px solid #ecece6; padding: 11px 0; }
body.catalog-product-view #product-attribute-specs-table#product-attribute-specs-table tr > :is(th, td):not(.nf-x):not(.nf-y) { display: block !important; width: auto !important; padding: 0 !important; border: 0 !important; vertical-align: top !important; }
body.catalog-product-view #product-attribute-specs-table#product-attribute-specs-table tr > th:not(.nf-x):not(.nf-y) { flex: 0 1 45%; text-align: left !important; }
body.catalog-product-view #product-attribute-specs-table#product-attribute-specs-table tr > td:not(.nf-x):not(.nf-y) { flex: 1 1 55%; text-align: right !important; }
body.catalog-product-view #product-attribute-specs-table#product-attribute-specs-table tr > :is(th, td)::before { display: none !important; content: none !important; }
/* rows whose value is a whole text (headings, lists, tables) – "Övrigt": full width, left aligned */
body.catalog-product-view #product-attribute-specs-table#product-attribute-specs-table tr.nf-spec-rich { display: block !important; padding: 12px 0 4px; border-bottom: 1px solid #ecece6; }
body.catalog-product-view #product-attribute-specs-table#product-attribute-specs-table tr.nf-spec-rich > th:not(.nf-x):not(.nf-y) { display: block !important; width: auto !important; border: 0 !important; padding: 0 0 6px !important; text-align: left !important; }
body.catalog-product-view #product-attribute-specs-table#product-attribute-specs-table tr.nf-spec-rich > td:not(.nf-x):not(.nf-y) { display: block !important; width: auto !important; text-align: left !important; font-weight: 400 !important; border: 0 !important; padding: 0 !important; }
body.catalog-product-view #product-attribute-specs-table#product-attribute-specs-table tr.nf-spec-rich > td :is(h1, h2, h3, h4, h5) { text-align: left !important; font-size: 16px !important; line-height: 1.3 !important; margin: 12px 0 8px !important; }
body.catalog-product-view #product-attribute-specs-table#product-attribute-specs-table tr.nf-spec-rich > td :is(p, li) { text-align: left !important; font-size: 14px !important; line-height: 1.5 !important; font-weight: 400 !important; letter-spacing: 0 !important; }
body.catalog-product-view #product-attribute-specs-table#product-attribute-specs-table tr.nf-spec-rich > td ul { margin: 0 0 10px !important; padding: 0 !important; }
body.catalog-product-view #product-attribute-specs-table#product-attribute-specs-table tr.nf-spec-rich > td li { padding-top: 6px !important; padding-bottom: 6px !important; }
body.catalog-product-view #product-attribute-specs-table#product-attribute-specs-table tr.nf-spec-rich > td li strong { font-weight: 700 !important; }
body.catalog-product-view #product-attribute-specs-table#product-attribute-specs-table tr.nf-spec-rich > td table { width: 100% !important; }
/* buy button: the qty field may never take the whole row (theme sets it to full width on phones) (2026-11-08k) */
html body.catalog-product-view .product-info-main .box-tocart .fieldset > .field.qty { width: auto !important; max-width: 60% !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; }
html body.catalog-product-view .product-info-main .box-tocart .fieldset > .field.qty .control { width: auto !important; }
html body.catalog-product-view .product-info-main .box-tocart .fieldset > .actions { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; margin: 0 !important; padding: 0 !important; position: static !important; display: flex !important; }
html body.catalog-product-view .product-info-main .box-tocart .fieldset > .actions > #product-addtocart-button { flex: 1 1 auto !important; position: static !important; margin: 0 !important; float: none !important; }
html body.catalog-product-view .product-info-main .box-tocart .fieldset { display: flex !important; gap: 10px !important; width: 100% !important; }
html body.catalog-product-view .product-info-main .box-tocart, html body.catalog-product-view .product-info-main .product-add-form, html body.catalog-product-view .product-info-main .product-add-form form { max-width: 100% !important; min-width: 0 !important; overflow: visible; }
html body.catalog-product-view .product-info-main .box-tocart #product-addtocart-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; text-align: center !important; } html body.catalog-product-view .product-info-main .box-tocart #product-addtocart-button svg { flex: 0 0 auto; margin: 0 !important; }

/* ===== Phone: "Filtrera & sortera" button (2026-11-08k) ===== */
.nfk-mf-btn { display: none; }
@media all { /* (2026-11-08k) folded on desktop too */
  body.nfk-mf .nfk-mf-btn {
    display: flex !important; align-items: center; gap: 10px; width: 100% !important; height: 52px !important; min-height: 0 !important; margin: 0 0 12px !important; padding: 0 16px !important; box-sizing: border-box;
    background: #0a0a0a !important; color: #fff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; cursor: pointer; position: relative; overflow: hidden;
    font: 800 14px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .07em !important; text-transform: uppercase !important; text-align: left;
  }
  body.nfk-mf .nfk-mf-btn::before, body.nfk-mf .nfk-mf-btn::after { display: none !important; content: none !important; }
  body.nfk-mf .nfk-mf-btn svg { flex: 0 0 20px; width: 20px; height: 20px; fill: none; stroke: #3cbdec; stroke-width: 2; stroke-linecap: round; }
  body.nfk-mf .nfk-mf-btn span { flex: 1 1 auto; color: #fff !important; }
  body.nfk-mf .nfk-mf-btn b { min-width: 22px; height: 22px; padding: 0 6px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; background: #3cbdec; color: #000; font-size: 12px; letter-spacing: 0; }
  body.nfk-mf .nfk-mf-btn i { width: 9px; height: 9px; border-right: 2.5px solid #fff; border-bottom: 2.5px solid #fff; transform: rotate(45deg) translate(-2px, -2px); transition: transform .2s; }
  body.nfk-mf:not(.nfk-mf-closed) .nfk-mf-btn { margin-bottom: 0 !important; }
  body.nfk-mf:not(.nfk-mf-closed) .nfk-mf-btn i { transform: rotate(-135deg) translate(-2px, -2px); }
  body.nfk-mf.nfk-mf-closed .nfk-mf-panel { display: none !important; }
  body.nfk-mf:not(.nfk-mf-closed) .nfk-mf-panel { display: block; margin: 0 0 14px; padding: 12px 0 0; animation: nfkMfIn .2s ease-out; }
  @keyframes nfkMfIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
}
/* filter options: name and count on one line (2026-11-08k) */
html body .filter-options-content .items .item > a.swissup-aln-item, html body .filter-options-content .items .item > a {
  display: inline-flex !important; align-items: center !important; flex-wrap: wrap; gap: 0 7px; line-height: 1.3 !important; vertical-align: middle !important; padding-top: 0 !important; padding-bottom: 0 !important; min-height: 22px;
}
html body .filter-options-content .items .item > a .swissup-option-label { line-height: 1.3 !important; display: inline !important; vertical-align: middle !important; padding: 0 !important; margin: 0 !important; }
html body .filter-options-content .items .item > a .count, html body .filter-options-content .items .item > a .swissup-option-count {
  position: static !important; top: auto !important; bottom: auto !important; transform: none !important; display: inline-block !important; vertical-align: middle !important;
  margin: 0 !important; padding: 0 !important; line-height: 1.3 !important; font-size: 12px !important; align-self: center;
}
html body .filter-options-content .items .item > a .count::before, html body .filter-options-content .items .item > a .count::after { display: none !important; content: none !important; }
html body .filter-options-content .items .item { display: flex !important; align-items: center !important; gap: 10px; }
html body .filter-options-content .items .item > .swissup-filter-item-checkbox { flex: 0 0 auto; margin-top: 0 !important; margin-bottom: 0 !important; align-self: center; }
/* filters: room under the search field and between the title and the options (2026-11-08k) */
html body .filter-options-content input:is([type=text], [type=search]):not([class*="nfk-price"]) { display: block; margin: 0 0 14px !important; box-sizing: border-box; }
html body .filter-options-content :is(div, label):has(> input:is([type=text], [type=search]):not([class*="nfk-price"])) { margin-bottom: 14px !important; }
html body .filter-options-content :is(div, label):has(> input:is([type=text], [type=search]):not([class*="nfk-price"])) > input { margin-bottom: 0 !important; }
html body .filter-options-item .filter-options-title { margin-bottom: 10px !important; }
html body .filter-options-content > ol.items, html body .filter-options-content ol.items.list { margin-top: 4px !important; }
html body .filter-options-content .items .item { padding-top: 5px !important; padding-bottom: 5px !important; margin: 0 !important; }
html body .filter-options-content .items .item > a, html body .filter-options-content .items .item > a:hover { background: transparent !important; box-shadow: none !important; }
/* carousels never wider than their box on phones (2026-11-08k) */
@media (max-width: 767px) {
  body .block.related .owl-carousel, body .block.upsell .owl-carousel, body .block.crosssell .owl-carousel, body .owl-carousel .owl-stage-outer { max-width: 100% !important; overflow: hidden !important; }
  body :is(.block.related, .block.upsell, .block.crosssell) .owl-item .product-item-info { max-width: 100% !important; min-width: 0 !important; width: auto !important; }
  body :is(.block.related, .block.upsell, .block.crosssell) .owl-item .product-image-photo { max-width: 100% !important; height: auto !important; margin: 0 auto !important; left: 0 !important; right: 0 !important; }
  body :is(.block.related, .block.upsell, .block.crosssell) .owl-item .action.tocart { width: 100% !important; }
  body :is(.block.related, .block.upsell, .block.crosssell) .block-title strong { font-size: 22px !important; line-height: 1.15 !important; }
}
/* carousels: the box may never grow with its slides (desktop grew on each re-measure) (2026-11-08k) */
body :is(.block.related, .block.upsell, .block.crosssell), body :is(.block.related, .block.upsell, .block.crosssell) .block-content, body :is(.block.related, .block.upsell, .block.crosssell) .products-grid { min-width: 0 !important; max-width: 100% !important; box-sizing: border-box; }
body :is(.block.related, .block.upsell, .block.crosssell) .owl-carousel { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
body :is(.block.related, .block.upsell, .block.crosssell) .owl-carousel .owl-stage-outer { overflow: hidden !important; max-width: 100% !important; }

/* =====================================================================
   BUNDLE – "Anpassa" page: left aligned cards, choices as rows, summary card (2026-11-08k)
   ===================================================================== */
body.page-product-bundle .bundle-options-container { text-align: left !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
body.page-product-bundle .bundle-options-container * { text-align: left; }
@media (min-width: 1025px) {
  body.page-product-bundle .bundle-options-container { display: grid !important; grid-template-columns: minmax(0, 1fr) 380px; gap: 28px; align-items: start; }
  body.page-product-bundle .bundle-options-container > .product-add-form { grid-column: 1; width: auto !important; float: none !important; margin: 0 !important; }
  body.page-product-bundle .bundle-options-container > .block-bundle-summary { grid-column: 2; width: auto !important; float: none !important; margin: 0 !important; position: sticky; top: 110px; }
  body.page-product-bundle .bundle-options-container > :not(.product-add-form):not(.block-bundle-summary) { grid-column: 1 / -1; }
}
/* heading + back button */
body.page-product-bundle .bundle-options-container .fieldset-bundle-options > legend, body.page-product-bundle .bundle-options-container #customizeTitle {
  display: block !important; float: none !important; width: 100% !important; margin: 0 0 6px !important; padding: 0 !important; text-align: left !important;
  font: 900 30px/1.1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: -.01em !important; word-spacing: normal !important; text-transform: uppercase !important; color: #0a0a0a !important;
}
body.page-product-bundle .bundle-options-container #customizeTitle span { font: inherit !important; color: inherit !important; }
body.page-product-bundle .bundle-options-container .fieldset-bundle-options > br { display: none !important; }
body.page-product-bundle .bundle-options-container .action.back.customization, body.page-product-bundle .bundle-options-container button.back {
  display: inline-flex !important; align-items: center; gap: 6px; height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 0 20px !important; background: none !important; border: 0 !important; box-shadow: none !important;
  color: #006898 !important; text-decoration: underline !important; text-underline-offset: 4px; font: 700 14px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer;
}
body.page-product-bundle .bundle-options-container .action.back.customization::before, body.page-product-bundle .bundle-options-container .action.back.customization::after { display: none !important; content: none !important; }
body.page-product-bundle .bundle-options-container .action.back.customization span { color: inherit !important; font: inherit !important; }
body.page-product-bundle .bundle-options-container .action.back.customization span::before { content: '← '; }
/* each option = a card */
body.page-product-bundle .bundle-options-container .fieldset-bundle-options > .field.option {
  margin: 0 0 14px !important; padding: 0 !important; background: #fff !important; border: 1px solid #e0e0d8 !important; border-left: 4px solid #3cbdec !important; box-sizing: border-box;
}
body.page-product-bundle .bundle-options-container .field.option > .label {
  display: flex !important; align-items: center; gap: 6px; width: 100% !important; float: none !important; margin: 0 !important; padding: 14px 18px !important; background: #f6f7f9 !important; border-bottom: 1px solid #ebebe6; box-sizing: border-box;
  text-align: left !important; font: 800 15px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #0a0a0a !important; text-transform: none !important; letter-spacing: 0 !important;
}
body.page-product-bundle .bundle-options-container .field.option > .label span { font: inherit !important; color: inherit !important; }
body.page-product-bundle .bundle-options-container .field.option.required > .label::after { position: static !important; margin: 0 !important; color: #d7261e !important; font-size: 13px !important; }
body.page-product-bundle .bundle-options-container .field.option > .control { padding: 12px 18px 16px !important; margin: 0 !important; width: auto !important; float: none !important; }
body.page-product-bundle .bundle-options-container .field.option .nested.options-list { margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 8px; }
body.page-product-bundle .bundle-options-container .field.option .nested.options-list > .field.choice {
  display: flex !important; align-items: center; gap: 12px; margin: 0 !important; padding: 12px 14px !important; border: 1.5px solid #e0e0d8 !important; background: #fff; cursor: pointer; position: relative;
}
body.page-product-bundle .bundle-options-container .field.option .nested.options-list > .field.choice:has(input:checked) { border-color: #3cbdec !important; background: #f2fafe; }
body.page-product-bundle .bundle-options-container .field.option .nested.options-list > .field.choice input[type=radio],
body.page-product-bundle .bundle-options-container .field.option .nested.options-list > .field.choice input[type=checkbox] {
  flex: 0 0 18px; width: 18px !important; height: 18px !important; margin: 0 !important; accent-color: #3cbdec; position: static !important; opacity: 1 !important;
}
body.page-product-bundle .bundle-options-container .field.option .nested.options-list > .field.choice > label {
  flex: 1 1 auto; display: flex !important; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; margin: 0 !important; padding: 0 !important; cursor: pointer; text-align: left !important;
  font: 600 14px/1.35 'Helvetica Neue', Helvetica, Arial, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; color: #111 !important;
}
body.page-product-bundle .bundle-options-container .field.option .nested.options-list > .field.choice > label::before, body.page-product-bundle .bundle-options-container .field.option .nested.options-list > .field.choice > label::after { display: none !important; }
body.page-product-bundle .bundle-options-container .field.option .nested.options-list > .field.choice > label .product-name { font: inherit !important; text-transform: none !important; color: inherit !important; }
body.page-product-bundle .bundle-options-container .field.option .nested.options-list > .field.choice > label .price-notice { font-size: 13px; font-weight: 700; color: #006898; white-space: nowrap; }
/* stretch the whole row as the click area */
body.page-product-bundle .bundle-options-container .field.option .nested.options-list > .field.choice > label::after { content: '' !important; display: block !important; position: absolute; inset: 0; }
/* single (fixed) item text */
body.page-product-bundle .bundle-options-container .field.option > .control > .product-name, body.page-product-bundle .bundle-options-container .field.option > .control > span:first-child { display: block; font: 600 14px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #111 !important; text-transform: none !important; text-align: left !important; }
body.page-product-bundle .bundle-options-container .field.option select { width: 100% !important; height: 48px !important; border: 1.5px solid #c9c9c4 !important; border-radius: 0 !important; padding: 0 12px !important; font-size: 15px !important; }
/* qty per option */
body.page-product-bundle .bundle-options-container .field.option .field.qty { display: flex !important; align-items: center; gap: 12px; margin: 12px 0 0 !important; padding: 0 !important; justify-content: flex-start !important; }
body.page-product-bundle .bundle-options-container .field.option .field.qty > .label { position: static !important; width: auto !important; height: auto !important; clip: auto !important; margin: 0 !important; font: 700 12px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .06em !important; text-transform: uppercase !important; color: #666 !important; }
body.page-product-bundle .bundle-options-container .field.option .field.qty > .label span { font: inherit !important; color: inherit !important; }
body.page-product-bundle .bundle-options-container .field.option .field.qty .control { margin: 0 !important; width: auto !important; }
body.page-product-bundle .bundle-options-container .field.option .field.qty input.qty { width: 72px !important; height: 44px !important; margin: 0 !important; text-align: center !important; border: 1.5px solid #c9c9c4 !important; border-radius: 0 !important; background: #fff !important; font: 700 16px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #111 !important; }
body.page-product-bundle .bundle-options-container .field.option .field.qty input.qty:disabled { background: #f4f4f1 !important; color: #888 !important; }
body.page-product-bundle .bundle-options-container .fieldset-bundle-options > .field.option + p.required, body.page-product-bundle .bundle-options-container p.required { text-align: left !important; font-size: 12px !important; color: #d7261e !important; margin: 4px 0 16px !important; }

/* summary card */
body.page-product-bundle .block-bundle-summary { background: #fff !important; border: 1px solid #e0e0d8 !important; border-top: 4px solid #3cbdec !important; padding: 22px 22px 20px !important; box-sizing: border-box; text-align: left !important; }
body.page-product-bundle .block-bundle-summary > .title, body.page-product-bundle .block-bundle-summary .title strong {
  display: block; margin: 0 0 12px !important; padding: 0 !important; text-align: left !important; font: 900 20px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: 0 !important; word-spacing: normal !important; text-transform: uppercase !important; color: #0a0a0a !important;
}
body.page-product-bundle .block-bundle-summary .product-image-container, body.page-product-bundle .block-bundle-summary .product.photo { display: none !important; }
body.page-product-bundle .block-bundle-summary .product-details { text-align: left !important; margin: 0 !important; padding: 0 !important; }
body.page-product-bundle .block-bundle-summary .product-details .product.name, body.page-product-bundle .block-bundle-summary .product-details strong.name {
  display: block; margin: 0 0 8px !important; text-align: left !important; font: 800 16px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; color: #111 !important;
}
body.page-product-bundle .block-bundle-summary .stock, body.page-product-bundle .block-bundle-summary [class*="stock"] { justify-content: flex-start !important; text-align: left !important; margin-left: 0 !important; }
body.page-product-bundle .block-bundle-summary .price-box { display: flex !important; justify-content: flex-start !important; margin: 14px 0 0 !important; text-align: left !important; }
body.page-product-bundle .block-bundle-summary .price-box .price { font: 900 26px/1.1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #0a0a0a !important; letter-spacing: 0 !important; }
body.page-product-bundle .block-bundle-summary .price-box .price-label { display: none !important; }
body.page-product-bundle .block-bundle-summary .bundle-summary { margin: 18px 0 0 !important; padding: 16px 0 0 !important; border-top: 1px solid #ebebe6; text-align: left !important; }
body.page-product-bundle .block-bundle-summary .bundle-summary > .subtitle, body.page-product-bundle .block-bundle-summary .bundle-summary .subtitle {
  display: block; margin: 0 0 10px !important; text-align: left !important; font: 800 12px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: #777 !important;
}
body.page-product-bundle .block-bundle-summary .bundle-summary ul.bundle.items { list-style: none; margin: 0 !important; padding: 0 !important; }
body.page-product-bundle .block-bundle-summary .bundle-summary ul.bundle.items > li { margin: 0 !important; padding: 9px 0 !important; border-bottom: 1px solid #f0f0ec; text-align: left !important; }
body.page-product-bundle .block-bundle-summary .bundle-summary ul.bundle.items > li > strong.label { display: block; margin: 0 0 2px !important; text-align: left !important; font: 700 12px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; color: #666 !important; }
body.page-product-bundle .block-bundle-summary .bundle-summary ul.bundle.items > li > div { text-align: left !important; font: 600 14px/1.35 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #111 !important; }
@media (max-width: 767px) {
  body.page-product-bundle .bundle-options-container .fieldset-bundle-options > legend, body.page-product-bundle .bundle-options-container #customizeTitle { font-size: 24px !important; }
  body.page-product-bundle .bundle-options-container .field.option > .label { padding: 12px 14px !important; }
  body.page-product-bundle .bundle-options-container .field.option > .control { padding: 10px 14px 14px !important; }
  body.page-product-bundle .block-bundle-summary { padding: 18px 14px 16px !important; margin-top: 10px !important; }
}
body.page-product-bundle .bundle-options-container fieldset.fieldset-bundle-options { border: 0 !important; padding: 0 !important; margin: 0 !important; min-width: 0; }
/* bundle: full page width below gallery/buy box, readable fixed quantities (2026-11-08k) */
html body.page-product-bundle .bundle-options-container {
  grid-column: 1 / -1 !important; grid-row: auto !important; width: 100% !important; max-width: none !important; float: none !important; clear: both !important; left: auto !important; right: auto !important;
  margin: 40px 0 10px !important; padding: 28px 28px 24px !important; box-sizing: border-box !important; background: #fff !important; border: 1px solid #e0e0d8 !important; border-top: 4px solid #0a0a0a !important;
}
@media (min-width: 1025px) {
  html body.page-product-bundle .bundle-options-container { grid-template-columns: minmax(0, 1fr) 400px !important; column-gap: 32px !important; }
}
body.page-product-bundle .bundle-options-container .fieldset-bundle-options > legend, body.page-product-bundle .bundle-options-container #customizeTitle { margin-bottom: 8px !important; }
body.page-product-bundle .bundle-options-container .action.back.customization { margin-bottom: 22px !important; }
body.page-product-bundle .bundle-options-container .block-bundle-summary { background: #f6f7f9 !important; }
/* fixed quantities: show the number clearly */
body.page-product-bundle .bundle-options-container .field.option .field.qty { display: flex !important; }
body.page-product-bundle .bundle-options-container .field.option .field.qty > .label { display: block !important; visibility: visible !important; opacity: 1 !important; }
body.page-product-bundle .bundle-options-container .field.option .field.qty > .label > span { display: inline !important; }
body.page-product-bundle .bundle-options-container .field.option .field.qty input.qty,
body.page-product-bundle .bundle-options-container .field.option .field.qty input.qty:disabled {
  color: #111 !important; -webkit-text-fill-color: #111 !important; opacity: 1 !important; visibility: visible !important; font-size: 16px !important; line-height: 44px !important; padding: 0 !important; text-indent: 0 !important;
}
body.page-product-bundle .bundle-options-container .field.option .field.qty input.qty:disabled { background: #f4f4f1 !important; cursor: default; }
body.page-product-bundle .bundle-options-container .field.option .field.qty .nfb-st { font: 600 13px/1 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #666; }
@media (max-width: 767px) { html body.page-product-bundle .bundle-options-container { padding: 18px 14px 16px !important; margin-top: 24px !important; } }
/* bundle: columns fill the section, summary button on its own row, tighter option cards (2026-11-08k) */
@media (min-width: 1025px) {
  html body.page-product-bundle .bundle-options-container { grid-template-columns: minmax(0, 1fr) 420px !important; }
  html body.page-product-bundle .bundle-options-container > .product-add-form,
  html body.page-product-bundle .bundle-options-container > .block-bundle-summary { width: 100% !important; max-width: none !important; min-width: 0 !important; box-sizing: border-box !important; }
  body.page-product-bundle .bundle-options-container .product-add-form :is(form, .bundle-options-wrapper, .product-options-wrapper, fieldset) { width: 100% !important; max-width: none !important; float: none !important; }
}
body.page-product-bundle #bundleSummary .box-tocart .fieldset { flex-wrap: wrap !important; }
body.page-product-bundle #bundleSummary .box-tocart .field.qty { flex: 1 1 100% !important; }
body.page-product-bundle #bundleSummary .box-tocart .field.qty .qty-controls-wrap { width: 100% !important; display: flex !important; }
body.page-product-bundle #bundleSummary .box-tocart .field.qty .qty-controls-wrap input.qty { flex: 1 1 auto !important; width: auto !important; }
body.page-product-bundle #bundleSummary .box-tocart .actions { flex: 1 1 100% !important; }
body.page-product-bundle #bundleSummary #product-addtocart-button { width: 100% !important; min-height: 56px !important; }
/* option cards: no big empty gap between the item and "Antal" */
body.page-product-bundle .bundle-options-container .field.option > .control > * { margin-top: 0 !important; margin-bottom: 0 !important; }
body.page-product-bundle .bundle-options-container .field.option > .control > * + .field.qty, body.page-product-bundle .bundle-options-container .field.option .nested + .field.qty { margin-top: 12px !important; }
body.page-product-bundle .bundle-options-container .field.option .nested.options-list > .field.qty { margin-top: 6px !important; }
body.page-product-bundle .bundle-options-container .field.option > .control { padding: 14px 18px 16px !important; }
body.page-product-bundle .bundle-options-container .field.option > .control > .product-name, body.page-product-bundle .bundle-options-container .field.option > .control > span:first-child { padding: 0 !important; font-size: 14px !important; font-weight: 600 !important; color: #111 !important; }
/* bundle: two real columns, nothing floating on top of the options (2026-11-08k) */
html body.page-product-bundle .bundle-options-container { position: relative !important; width: 100% !important; max-width: none !important; }
@media (min-width: 1025px) {
  html body.page-product-bundle .bundle-options-container { display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; gap: 0 32px !important; }
  html body.page-product-bundle .bundle-options-container > * { flex: 0 0 100%; order: 0; }
  html body.page-product-bundle .bundle-options-container > .product-add-form { flex: 1 1 0 !important; order: 1; min-width: 0 !important; width: auto !important; }
  html body.page-product-bundle .bundle-options-container > .block-bundle-summary {
    flex: 0 0 400px !important; width: 400px !important; order: 2; position: sticky !important; top: 110px !important; left: auto !important; right: auto !important; bottom: auto !important; transform: none !important; float: none !important; margin: 0 !important;
  }
  html body.page-product-bundle .bundle-options-container > .product-add-form .fieldset-bundle-options > .field.option { max-width: none !important; width: 100% !important; }
}
@media (max-width: 1024px) {
  html body.page-product-bundle .bundle-options-container { display: block !important; }
  html body.page-product-bundle .bundle-options-container > .block-bundle-summary { position: static !important; width: 100% !important; transform: none !important; margin: 16px 0 0 !important; }
}
/* summary: the qty row and the button exactly as wide as the card */
html body.page-product-bundle #bundleSummary .box-tocart, html body.page-product-bundle #bundleSummary .box-tocart .fieldset { width: 100% !important; margin: 0 !important; padding: 0 !important; }
html body.page-product-bundle #bundleSummary .box-tocart .fieldset { gap: 10px !important; }
html body.page-product-bundle #bundleSummary .box-tocart .actions, html body.page-product-bundle #bundleSummary #product-addtocart-button { margin: 0 !important; width: 100% !important; box-sizing: border-box !important; }
/* sticky header on phones: the Meny button gets the same room as in the normal header (2026-11-08k) */
@media (max-width: 1024px) {
  .page-header.ox-sticky.sticky .nf-header .slide-out-menu--mobile,
  .page-header.ox-sticky.sticky .nf-header .action.slide-out-menu--mobile {
    padding: 0 16px 0 12px !important; gap: 10px !important; height: 42px !important; min-width: 0 !important; width: auto !important; box-sizing: border-box !important; flex: 0 0 auto !important;
  }
  .page-header.ox-sticky.sticky .nf-header .slide-out-menu--mobile > span:not(.hamburger-menu-icon-small) { padding-right: 2px !important; margin: 0 !important; }
}
/* bundle two columns built around the summary's own parent (2026-11-08k) */
@media (min-width: 1025px) {
  html body.page-product-bundle .bundle-options-container { display: block !important; }
  html body.page-product-bundle .nfb-row { display: grid !important; grid-template-columns: minmax(0, 1fr) 400px !important; column-gap: 32px !important; align-items: start !important; width: 100% !important; position: relative !important; }
  html body.page-product-bundle .nfb-row > * { grid-column: 1 / -1; min-width: 0; }
  html body.page-product-bundle .nfb-row > .nfb-left { grid-column: 1 !important; grid-row: 1 / span 20; width: auto !important; max-width: none !important; float: none !important; margin: 0 !important; }
  html body.page-product-bundle .nfb-row > .nfb-right { grid-column: 2 !important; grid-row: 1; width: auto !important; max-width: none !important; }
  html body.page-product-bundle .nfb-right, html body.page-product-bundle .nfb-right .block-bundle-summary, html body.page-product-bundle .block-bundle-summary.nfb-right {
    position: sticky !important; top: 110px !important; left: auto !important; right: auto !important; bottom: auto !important; transform: none !important; float: none !important; margin: 0 !important; width: auto !important;
  }
  html body.page-product-bundle .nfb-right .block-bundle-summary { position: static !important; }
}
@media (max-width: 1024px) {
  html body.page-product-bundle .nfb-right, html body.page-product-bundle .block-bundle-summary { position: static !important; transform: none !important; width: 100% !important; margin: 16px 0 0 !important; }
}
/* Meny button on phones: room on the right in every header state (normal, sticky, mobile sticky) (2026-11-08k) */
@media (max-width: 1024px) {
  html body .page-header .slide-out-menu--mobile,
  html body .page-header .action.slide-out-menu--mobile,
  html body .page-header [class*="sticky"] .slide-out-menu--mobile,
  html body .page-header[class*="sticky"] .slide-out-menu--mobile {
    padding-left: 12px !important; padding-right: 18px !important; gap: 10px !important; width: auto !important; min-width: 0 !important; flex: 0 0 auto !important; box-sizing: border-box !important; justify-content: flex-start !important;
  }
  html body .page-header .slide-out-menu--mobile > span:not(.hamburger-menu-icon-small) { margin: 0 !important; padding: 0 !important; width: auto !important; }
}
/* phones: header row uses the full width – Meny left, Kassa against the right edge (normal + sticky) (2026-11-08k) */
@media (max-width: 1024px) {
  html body .page-header .nf-header.header__content { width: 100% !important; max-width: none !important; box-sizing: border-box !important; }
  html body .page-header .nf-header .flex-right.flex-right { flex: 1 1 100% !important; width: 100% !important; max-width: none !important; justify-content: flex-start !important; gap: 8px !important; }
  html body .page-header .nf-header .flex-right.flex-right > a.headerbutton-kassa, html body .page-header .nf-header .flex-right.flex-right > .headerbutton-kassa { margin-left: auto !important; margin-right: 0 !important; }
  html body .page-header.sticky .sticky-wrapper .nf-header.header__content, html body .page-header[class*="sticky"] .nf-header.header__content { padding-left: 14px !important; padding-right: 14px !important; }
  html body .page-header.sticky .sticky-wrapper .header__content-wrapper, html body .page-header.sticky .sticky-wrapper .container, html body .page-header.sticky .sticky-wrapper .row { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
}

/* =====================================================================
   KATEGORITEXT – editorial card like the product description (2026-11-08k)
   ===================================================================== */
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b-wrap { position: relative; max-width: 1000px; margin: 4px 0 22px; background: #fff; border: 1px solid #e0e0d8; border-top: 4px solid #3cbdec; padding: 30px 36px 22px; box-sizing: border-box; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b-wrap .nfcd-b { max-width: 820px; margin: 0 !important; padding: 0 !important; position: relative; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: 16px !important; line-height: 1.7 !important; color: #333 !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b [data-element="inner"], body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b [data-content-type] { padding: 0 !important; margin: 0 !important; min-height: 0 !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b.nfk-desc-clamped { max-height: var(--nfcd-h, 200px) !important; overflow: hidden; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b.nfk-desc-clamped::after { height: 70px !important; background: linear-gradient(rgba(255,255,255,0), #fff) !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b :is(h1, h2) {
  margin: 0 0 14px !important; padding: 0 !important; font: 900 28px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: -.3px !important; word-spacing: normal !important; text-transform: none !important; color: #0a0a0a !important;
}
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b :is(h3, h4) {
  display: flex !important; align-items: center; gap: 12px; margin: 30px 0 8px !important; padding: 0 !important;
  font: 800 19px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: 0 !important; word-spacing: normal !important; text-transform: none !important; color: #0a0a0a !important;
}
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b :is(h3, h4)::before { content: ""; flex: 0 0 22px; height: 4px; background: #3cbdec; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b p { margin: 0 0 12px !important; font-size: 16px !important; line-height: 1.7 !important; color: #333 !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b p.nfcd-lead { font-size: 18px !important; line-height: 1.6 !important; color: #1a1a1a !important; border-left: 4px solid #3cbdec; padding-left: 18px !important; margin: 0 0 22px !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b strong, body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b b { color: #1a1a1a; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b a { color: #006898 !important; font-weight: 600; text-decoration: none !important; border-bottom: 1px solid #9fdcf3; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b a:hover { color: #0a0a0a !important; border-bottom-color: #0a0a0a; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b ul { list-style: none !important; margin: 4px 0 18px !important; padding: 0 !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b ul > li { position: relative; padding: 7px 0 7px 30px !important; margin: 0 !important; border-bottom: 1px solid #f0f0ea; font-size: 16px !important; line-height: 1.55 !important; color: #333 !important; list-style: none !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b ul > li::before { content: ""; position: absolute; left: 4px; top: 15px; width: 12px; height: 7px; border-left: 3px solid #3cbdec; border-bottom: 3px solid #3cbdec; transform: rotate(-45deg); }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b ol { margin: 0 0 18px !important; padding-left: 22px !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b ol > li::marker { color: #006898; font-weight: 800; }
/* "Därför…" style lists: boxes */
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b ul.nfcd-feat { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 10px 0 22px !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b ul.nfcd-feat > li { display: flex; flex-direction: column; gap: 4px; padding: 16px 16px 16px 18px !important; background: #f6f7f9; border: 0 !important; border-left: 4px solid #3cbdec !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b ul.nfcd-feat > li::before { display: none; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b ul.nfcd-feat > li b { font-size: 15px; font-weight: 800; color: #0a0a0a; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b ul.nfcd-feat > li span { font-size: 14px; line-height: 1.5; color: #555; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b table { width: 100% !important; border-collapse: collapse !important; margin: 18px 0 !important; font-size: 15px; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b th { background: #0a0a0a !important; color: #fff !important; text-align: left !important; font-size: 11px !important; letter-spacing: 1.2px; text-transform: uppercase; padding: 11px 14px !important; border: 0 !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b td { padding: 10px 14px !important; border: 0 !important; border-bottom: 1px solid #ebebeb !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b img { max-width: 100%; height: auto; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b-wrap { max-width: none !important; width: 100%; margin: 34px 0 10px !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b-wrap .nfcd-b { max-width: none !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b.is-clamped { max-height: 420px; overflow: hidden; position: relative; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b.is-clamped::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 90px; background: linear-gradient(rgba(255,255,255,0), #fff); pointer-events: none; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b :is(h2) { font-size: 24px !important; margin: 28px 0 12px !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b > :first-child, body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b > .nf-seo-bottom > :first-child { margin-top: 0 !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b table { display: block; overflow-x: auto; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b table th, body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b table td { vertical-align: top; min-width: 120px; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b table tr:nth-child(even) td { background: #fafaf8; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b-wrap button.nfcd-b-more {
  display: inline-flex !important; align-items: center; gap: 10px; margin: 14px 0 0 !important; padding: 0 20px !important; height: 44px !important; min-height: 0 !important;
  background: #fff !important; border: 1.5px solid #0a0a0a !important; border-radius: 0 !important; box-shadow: none !important; color: #0a0a0a !important; cursor: pointer; position: relative; overflow: hidden;
  font: 800 12px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .08em !important; text-transform: uppercase !important;
}
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b-wrap button.nfcd-b-more::before, body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b-wrap button.nfcd-b-more::after { display: none !important; content: none !important; }
body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b-wrap button.nfcd-b-more span { color: #3cbdec; font-size: 15px; }
@media (hover: hover) { body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b-wrap button.nfcd-b-more:hover { background: #0a0a0a !important; color: #fff !important; } }
@media (max-width: 767px) { body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b :is(h2) { font-size: 20px !important; } body:is(.catalog-category-view,.catalogsearch-result-index) .nfcd-b-wrap button.nfcd-b-more { width: 100% !important; justify-content: center; } }
/* the text block stays hidden until it is moved under the products */
.category-description .nf-seo-bottom, .category-cms .nf-seo-bottom { display: none; }
.nfcd-b .nf-seo-bottom { display: block; }
/* filters: only the picked group open (focus mode from Pris/Märke/… buttons) (2026-11-08k) */
body.nfk-focus .filter-options-item:not(.nfk-focus-on) > .filter-options-content { display: none !important; }
body.nfk-focus .filter-options-item.nfk-focus-on > .filter-options-content { display: block !important; height: auto !important; max-height: none !important; overflow: visible !important; }
body.nfk-focus .filter-options-item .filter-options-title { cursor: pointer; }

/* filter titles: our own + / − that follows whether the group is open (2026-11-08k) */
html body .filter-options-item > .filter-options-title { position: relative !important; padding-right: 34px !important; }
html body .filter-options-item > .filter-options-title .toggle-minus { position: absolute !important; right: 0 !important; top: 50% !important; width: 16px !important; height: 16px !important; margin: -8px 0 0 !important; padding: 0 !important; background: none !important; border: 0 !important; transform: none !important; }
html body .filter-options-item > .filter-options-title .toggle-minus span { display: none !important; }
html body .filter-options-item > .filter-options-title .toggle-minus::before,
html body .filter-options-item > .filter-options-title .toggle-minus::after {
  content: '' !important; display: block !important; position: absolute !important; left: 50% !important; top: 50% !important; background: #111 !important; border: 0 !important; border-radius: 0 !important; transition: transform .2s, opacity .2s; opacity: 1 !important;
}
html body .filter-options-item > .filter-options-title .toggle-minus::before { width: 14px !important; height: 2px !important; margin: -1px 0 0 -7px !important; transform: none !important; }
html body .filter-options-item > .filter-options-title .toggle-minus::after { width: 2px !important; height: 14px !important; margin: -7px 0 0 -1px !important; transform: none !important; }
html body .filter-options-item.nfk-is-open > .filter-options-title .toggle-minus::after { transform: scaleY(0) !important; opacity: 0 !important; }
/* filter panel on desktop: same cards as on mobile, closed groups take no space (2026-11-08k) */
body.nfk-focus .filter-options-item:not(.nfk-focus-on) > .filter-options-content { display: none !important; visibility: hidden !important; height: 0 !important; margin: 0 !important; padding: 0 !important; }
body.nfk-focus .filter-options-item.nfk-focus-on > .filter-options-content { visibility: visible !important; opacity: 1 !important; }
@media (min-width: 1025px) {
  html body .sidebar-main #layered-filter-block .filter-options-item {
    background: #f6f6f6 !important; border: 0 !important; border-top: 5px solid #3cbdec !important; margin: 0 0 10px !important; padding: 0 !important; min-height: 0 !important; height: auto !important; box-shadow: none !important;
  }
  html body .sidebar-main #layered-filter-block .filter-options-item > .filter-options-title {
    margin: 0 !important; padding: 16px 52px 16px 20px !important; border: 0 !important; background: transparent !important; cursor: pointer;
    font: 800 17px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .01em !important; text-transform: uppercase !important; color: #111 !important;
  }
  html body .sidebar-main #layered-filter-block .filter-options-item > .filter-options-title strong { font: inherit !important; color: inherit !important; }
  html body .sidebar-main #layered-filter-block .filter-options-item > .filter-options-title .toggle-minus { right: 20px !important; }
  html body .sidebar-main #layered-filter-block .filter-options-item > .filter-options-content { padding: 0 20px 18px !important; margin: 0 !important; background: transparent !important; }
  html body .sidebar-main #layered-filter-block .filter-options-item > .filter-options-content input:is([type=text], [type=search]):not([class*="nfk-price"]) { background: #fff !important; }
  html body .sidebar-main #layered-filter-block .filter-options-item > .filter-options-title::before, html body .sidebar-main #layered-filter-block .filter-options-item > .filter-options-title::after { display: none !important; }
  html body .sidebar-main #layered-filter-block .filter-options-item::before, html body .sidebar-main #layered-filter-block .filter-options-item::after { display: none !important; }
}
/* Pris / Märke / Produkttyp: only that filter is shown (2026-11-08k) */
body.nfk-solo #layered-filter-block .filter-options-item:not(.nfk-focus-on) { display: none !important; }
.nfk-showall { display: none; }
body.nfk-solo .nfk-showall {
  display: flex !important; align-items: center; justify-content: space-between; width: 100% !important; height: 48px !important; min-height: 0 !important; margin: 4px 0 0 !important; padding: 0 18px !important; box-sizing: border-box;
  background: #fff !important; color: #111 !important; border: 1.5px solid #111 !important; border-radius: 0 !important; box-shadow: none !important; cursor: pointer; position: relative; overflow: hidden;
  font: 800 12px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .08em !important; text-transform: uppercase !important;
}
body.nfk-solo .nfk-showall::before, body.nfk-solo .nfk-showall::after { display: none !important; content: none !important; }
body.nfk-solo .nfk-showall span { color: #3cbdec; font-size: 15px; }
@media (hover: hover) { body.nfk-solo .nfk-showall:hover { background: #111 !important; color: #fff !important; } }

/* ===== Sort + "Visa per sida": same look as the filter buttons (2026-11-08k) ===== */
html body .toolbar-products .toolbar-sorter, html body .toolbar-products .field.limiter { display: inline-flex !important; align-items: stretch; gap: 6px; margin: 0 !important; position: relative; }
html body .toolbar-products .js-toolbar-switch { position: relative !important; display: inline-flex !important; align-items: center; gap: 6px; height: 42px !important; padding: 0 36px 0 14px !important; margin: 0 !important; box-sizing: border-box;
  background: #fff !important; border: 1.5px solid #d6d6d1 !important; border-radius: 0 !important; box-shadow: none !important; cursor: pointer; font: 600 13px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #111 !important; }
html body .toolbar-products .js-toolbar-switch:hover { border-color: #111 !important; }
html body .toolbar-products .js-toolbar-switch::after { content: '' !important; position: absolute !important; right: 14px; top: 50%; width: 7px; height: 7px; margin-top: -6px; border-right: 2px solid #111; border-bottom: 2px solid #111; transform: rotate(45deg); background: none !important; display: block !important; }
html body .toolbar-products .js-toolbar-switch::before { display: none !important; }
html body .toolbar-products .js-toolbar-switch label, html body .toolbar-products .js-toolbar-switch .label { margin: 0 !important; padding: 0 !important; cursor: pointer; font: inherit !important; color: #666 !important; text-transform: none !important; letter-spacing: 0 !important; display: inline-flex !important; gap: 5px; align-items: center; background: none !important; }
html body .toolbar-products .js-toolbar-switch .current { color: #111 !important; font-weight: 800 !important; }
html body .toolbar-products .js-toolbar-switch .label span { font: inherit !important; color: inherit !important; }
html body .toolbar-products .js-toolbar-switch .label .current { color: #111 !important; font-weight: 800 !important; }
/* the dropdown */
html body .toolbar-products .js-toolbar-dropdown {
  background: #fff !important; border: 1px solid #e0e0d8 !important; border-top: 3px solid #3cbdec !important; box-shadow: 0 14px 30px rgba(0,0,0,.16) !important; border-radius: 0 !important;
  padding: 6px 0 !important; min-width: 220px !important; z-index: 60 !important; margin-top: 4px !important; left: -1.5px !important;
}
html body .toolbar-products .js-toolbar-dropdown::before, html body .toolbar-products .js-toolbar-dropdown::after { display: none !important; }
html body .toolbar-products .js-toolbar-dropdown > div {
  display: flex !important; align-items: center; min-height: 40px; padding: 0 16px 0 18px !important; margin: 0 !important; border: 0 !important; border-left: 3px solid transparent !important; background: transparent !important;
  color: #222 !important; font: 500 14px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer; white-space: nowrap;
}
html body .toolbar-products .js-toolbar-dropdown > div::before, html body .toolbar-products .js-toolbar-dropdown > div::after { display: none !important; }
html body .toolbar-products .js-toolbar-dropdown > div:hover { background: #eaf7fd !important; color: #006898 !important; }
html body .toolbar-products .js-toolbar-dropdown > div[selected] { font-weight: 800 !important; color: #111 !important; border-left-color: #3cbdec !important; background: #f6f7f9 !important; }
/* direction button */
html body .toolbar-products .sorter-action {
  display: inline-flex !important; align-items: center; justify-content: center; width: 42px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box;
  background: #fff !important; border: 1.5px solid #d6d6d1 !important; border-radius: 0 !important; color: #111 !important; position: relative; overflow: hidden;
}
html body .toolbar-products .sorter-action::before, html body .toolbar-products .sorter-action::after { display: none !important; }
html body .toolbar-products .sorter-action span { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
html body .toolbar-products .sorter-action svg { width: 18px !important; height: 18px !important; fill: currentColor !important; }
html body .toolbar-products .sorter-action.sort-desc svg { transform: rotate(180deg); }
html body .toolbar-products .sorter-action:hover { border-color: #111 !important; background: #111 !important; color: #fff !important; }
html body .toolbar-products .sorter-action:hover svg { fill: #fff !important; }
@media (max-width: 767px) {
  html body .toolbar-products .js-toolbar-switch { height: 44px !important; font-size: 14px !important; }
  html body .toolbar-products .sorter-action { width: 44px !important; height: 44px !important; }
  html body .toolbar-products .js-toolbar-dropdown { min-width: 240px !important; }
  html body .toolbar-products .js-toolbar-dropdown > div { min-height: 46px; font-size: 15px !important; }
}
html body .toolbar-products, html body .toolbar-products .flex-left, html body .toolbar-products .flex-right { overflow: visible !important; }
/* sort / per page: click to open (no hover), dropdown right under its own button (2026-11-08k) */
html body .toolbar-products .js-toolbar-switch .js-toolbar-dropdown { display: none !important; position: absolute !important; top: calc(100% + 4px) !important; left: -1.5px !important; right: auto !important; bottom: auto !important; margin: 0 !important; min-width: calc(100% + 3px) !important; width: max-content !important; max-width: calc(100vw - 24px) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; }
html body .toolbar-products .js-toolbar-switch.nfo-open .js-toolbar-dropdown { display: block !important; }
html body .toolbar-products .js-toolbar-switch:hover .js-toolbar-dropdown:not(:is(.nfo-open *)) { display: none !important; }
html body .toolbar-products .field.limiter .js-toolbar-dropdown, html body .toolbar-products .limiter.js-toolbar-switch .js-toolbar-dropdown { left: auto !important; right: -1.5px !important; min-width: calc(100% + 3px) !important; }
html body .toolbar-products .js-toolbar-switch.nfo-open { border-color: #111 !important; }
html body .toolbar-products .js-toolbar-switch.nfo-open::after { transform: rotate(-135deg); margin-top: -2px; }
html body .toolbar-products .js-toolbar-switch:focus-visible { outline: 2px solid #3cbdec; outline-offset: 2px; }
/* toolbar row: sorting left, count + per page right, everything on one line */
html body .toolbar-products { display: flex !important; flex-wrap: wrap; align-items: center !important; justify-content: space-between !important; gap: 10px !important; }
html body .toolbar-products > .flex-left, html body .toolbar-products > .flex-right { display: flex !important; align-items: center !important; gap: 10px !important; flex-wrap: nowrap; }
html body .toolbar-products .toolbar-amount { margin: 0 !important; }
@media (max-width: 767px) {
  html body .toolbar-products { flex-direction: column; align-items: stretch !important; }
  html body .toolbar-products > .flex-left, html body .toolbar-products > .flex-right { width: 100% !important; justify-content: space-between !important; }
  html body .toolbar-products > .flex-left .toolbar-sorter { flex: 1 1 auto !important; display: flex !important; }
  html body .toolbar-products > .flex-left .toolbar-sorter .js-toolbar-switch { flex: 1 1 auto !important; min-width: 0 !important; }
  html body .toolbar-products .js-toolbar-switch .current { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html body .toolbar-products > .flex-left .modes { display: none !important; }
  html body .toolbar-products > .flex-right .toolbar-amount { flex: 1 1 auto; }
  html body .toolbar-products .toolbar-sorter .js-toolbar-dropdown { left: -1.5px !important; right: auto !important; width: calc(100% + 3px) !important; }
}
html body .toolbar-products .js-toolbar-dropdown > div { width: 100% !important; box-sizing: border-box !important; user-select: none; }
html body .toolbar-products .js-toolbar-dropdown > div * { pointer-events: none; }
/* sort button: show the whole chosen option; highlight rows across the full width (2026-11-08k) */
html body .toolbar-products .js-toolbar-switch .current, html body .toolbar-products .js-toolbar-switch label.current {
  width: auto !important; max-width: none !important; min-width: 0 !important; flex: 1 1 auto !important; overflow: visible !important; text-overflow: clip !important; white-space: nowrap !important; display: inline-block !important; padding: 0 !important;
}
html body .toolbar-products .js-toolbar-switch .sorter-label { flex: 0 0 auto !important; width: auto !important; max-width: none !important; }
html body .toolbar-products .js-toolbar-switch.nfo-open .js-toolbar-dropdown { display: flex !important; flex-direction: column !important; align-items: stretch !important; }
html body .toolbar-products .js-toolbar-dropdown > div { align-self: stretch !important; width: auto !important; min-width: 100% !important; max-width: none !important; float: none !important; }
@media (max-width: 767px) {
  html body .toolbar-products .js-toolbar-switch .current { overflow: hidden !important; text-overflow: ellipsis !important; }
  html body .toolbar-products > .flex-left .toolbar-sorter .js-toolbar-switch { justify-content: flex-start !important; }
}
/* product count: readable, no thin progress line (2026-11-08k) */
html body .toolbar-products .toolbar-amount { display: inline-flex !important; align-items: center; height: 42px; margin: 0 !important; padding: 0 !important; }
html body .toolbar-products .toolbar-amount .amount-wrap, html body .toolbar-products .toolbar-amount { font: 500 14px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #444 !important; letter-spacing: 0 !important; text-transform: none !important; }
html body .toolbar-products .toolbar-amount .toolbar-number { font-weight: 800 !important; color: #111 !important; font-size: 15px !important; }
html body .toolbar-products .toolbar-amount .amount-count-line { display: none !important; }
/* desktop header: tighter above and below the logo row (2026-11-08k) */
@media (min-width: 1025px) {
  html body .page-header:not(.sticky) .nf-header.header__content { padding-top: 10px !important; padding-bottom: 0 !important; min-height: 0 !important; row-gap: 8px !important; }
  html body .page-header:not(.sticky) .nf-header .logo__container, html body .page-header:not(.sticky) .nf-header .logo__container .logo { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
  html body .page-header:not(.sticky) .nf-header .header-nav-wide { margin-top: 0 !important; padding-top: 0 !important; }
}

/* ===== Startsida (.nfg): more compact, same look (2026-11-08k) ===== */
.nfg { gap: 28px !important; }
.nfg-usp { padding: 10px 18px !important; }
.nfg-cats { gap: 8px !important; }
.nfg-cat { padding: 10px 10px 12px !important; gap: 9px !important; }
.nfg-cat__img { aspect-ratio: 16 / 10 !important; }
.nfg-promo { gap: 10px !important; }
.nfg-banner, .nfg-offert { min-height: 220px !important; padding: 26px 28px !important; }
.nfg-banner__title { font-size: 30px !important; }
.nfg-offert__title { font-size: 22px !important; }
.nfg-offert { gap: 12px !important; }
.nfg-shelf { padding: 16px 22px 20px !important; }
.nfg-shelf__head { margin-bottom: 14px !important; }
.nfg-tab { min-height: 44px !important; }
.nfg-story__nav { padding: 26px 28px !important; gap: 14px !important; }
.nfg-story__tab { padding: 9px 0 9px 12px !important; }
.nfg-story__tab b { font-size: 18px !important; }
.nfg-story__stage { min-height: 380px !important; }
.nfg-cases { padding: 24px 26px !important; gap: 16px !important; }
.nfg-case { min-height: 380px !important; }
.nfg-case__body { padding: 24px 26px !important; gap: 10px !important; }
.nfg-case__logo { height: 44px !important; }
.nfg-case__logo img { max-height: 44px !important; }
.nfg-case__title { font-size: 22px !important; }
.nfg-cases__nav { gap: 6px !important; }
.nfg-cases__tab { min-height: 42px !important; }
.nfg-puffs { gap: 10px !important; }
.nfg-puff__body { padding: 14px 18px !important; gap: 6px !important; }
.nfg-reviews { gap: 12px !important; }
.nfg-why { padding: 30px 24px !important; }
.nfg-why__grid { gap: 12px !important; }
.nfg-why__card { padding: 18px 22px !important; gap: 10px !important; }
.nfg-why__icon { width: 44px !important; height: 44px !important; }
.nfg-why__title { font-size: 17px !important; }
.nfg-aaa { padding: 0 0 8px !important; }
.nfg-aaa img { max-height: 70px !important; }
.nfg > br { display: none !important; }
@media (max-width: 1024px) {
  .nfg-story__stage { min-height: 0 !important; }
  .nfg-case { grid-template-rows: 200px auto !important; min-height: 0 !important; }
}
@media (max-width: 767px) {
  .nfg { gap: 18px !important; }
  .nfg-usp { padding: 10px 12px !important; gap: 8px 14px !important; }
  .nfg-usp__item { font-size: 13px !important; }
  /* categories: one swipeable row instead of four rows */
  .nfg-cats { display: flex !important; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 8px !important; padding-bottom: 4px; scrollbar-width: none; }
  .nfg-cats::-webkit-scrollbar { display: none; }
  .nfg-cat { flex: 0 0 38%; scroll-snap-align: start; padding: 8px 8px 10px !important; gap: 7px !important; }
  .nfg-cat__name { font-size: 12px !important; }
  .nfg-banner, .nfg-offert { padding: 20px !important; min-height: 0 !important; }
  .nfg-banner { min-height: 190px !important; }
  .nfg-banner__title { font-size: 24px !important; }
  .nfg-offert__title { font-size: 19px !important; }
  .nfg-shelf { padding: 12px 12px 14px !important; }
  .nfg-tab { padding: 0 12px !important; font-size: 13px !important; }
  .nfg-story__nav, .nfg-cases { padding: 16px !important; }
  .nfg-story__tab { padding: 8px 0 8px 10px !important; }
  .nfg-case { grid-template-rows: 180px auto !important; }
  .nfg-case__body { padding: 16px 18px !important; }
  .nfg-case__text { font-size: 13px !important; line-height: 1.55 !important; }
  .nfg-puffs { grid-template-columns: minmax(0, 1fr) !important; }
  .nfg-why { padding: 22px 14px !important; }
  .nfg-why__grid { grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; }
  .nfg-why__card { padding: 14px 16px !important; }
}
/* start page: AAA logo larger, 10 px above and below, no extra space down to the footer (2026-11-08k) */
.nfg-aaa { padding: 10px 0 !important; margin: 0 !important; }
.nfg-aaa img { max-height: 130px !important; height: auto !important; width: auto !important; display: block; }
.nfg:has(> .nfg-aaa:last-child) { margin-bottom: 0 !important; padding-bottom: 0 !important; }
body.cms-index-index .page-main, body.cms-index-index .columns, body.cms-index-index .column.main { padding-bottom: 0 !important; margin-bottom: 0 !important; min-height: 0 !important; }
body.cms-index-index .column.main > :last-child, body.cms-index-index .column.main [data-content-type]:has(.nfg) { margin-bottom: 0 !important; padding-bottom: 0 !important; }
body.cms-index-index .column.main [data-content-type="row"]:has(.nfg) > [data-element="inner"] { margin-bottom: 0 !important; padding-bottom: 0 !important; }
body.cms-index-index .page-main + .page-bottom, body.cms-index-index .page-bottom { margin-top: 0 !important; }

/* ===== Startsida (.nfg): even more compact (2026-11-08k) ===== */
/* the USP strip repeats the black bar right above it */
.nfg > .nfg-usp { display: none !important; }
.nfg { gap: 20px !important; }
.nfg-cat { padding: 8px 8px 10px !important; gap: 7px !important; }
.nfg-cat__img { aspect-ratio: 2 / 1 !important; }
.nfg-cat__name { font-size: 12px !important; }
.nfg-banner, .nfg-offert { min-height: 170px !important; padding: 20px 24px !important; }
.nfg-banner__title { font-size: 26px !important; }
.nfg-offert__title { font-size: 19px !important; }
.nfg-offert__text { font-size: 13px !important; line-height: 1.45 !important; }
.nfg-offert__btn { min-height: 38px !important; }
/* product shelf: one row of products */
.nfg-shelf { padding: 10px 18px 16px !important; }
.nfg-shelf__head { margin-bottom: 10px !important; }
.nfg-tab { min-height: 40px !important; }
@media (min-width: 1025px) { .nfg-panel .product-items > .product-item:nth-child(n+6) { display: none !important; } }
@media (min-width: 768px) and (max-width: 1024px) { .nfg-panel .product-items > .product-item:nth-child(n+4) { display: none !important; } }
@media (max-width: 767px) { .nfg-panel .product-items > .product-item:nth-child(n+5) { display: none !important; } }
.nfg-story__nav { padding: 20px 24px !important; gap: 10px !important; }
.nfg-story__tab { padding: 7px 0 7px 12px !important; }
.nfg-story__tab b { font-size: 16px !important; }
.nfg-story__tab span { font-size: 13px !important; }
.nfg-story__stage { min-height: 300px !important; }
.nfg-story__panel figcaption { padding: 12px 18px !important; }
.nfg-story__cap { font-size: 17px !important; }
.nfg-cases { padding: 18px 22px !important; gap: 12px !important; }
.nfg-case { min-height: 320px !important; grid-template-columns: 1fr 1fr !important; }
.nfg-case__body { padding: 18px 22px !important; gap: 8px !important; }
.nfg-case__logo { height: 36px !important; }
.nfg-case__logo img { max-height: 36px !important; }
.nfg-case__title { font-size: 20px !important; }
.nfg-case__tagline { font-size: 14px !important; }
.nfg-case__text { font-size: 13px !important; line-height: 1.55 !important; }
.nfg-case .nfg-btn, .nfg-story .nfg-btn { min-height: 38px !important; }
.nfg-cases__tab { min-height: 36px !important; font-size: 12px !important; }
.nfg-puff__body { padding: 10px 16px !important; gap: 4px !important; }
.nfg-puff__img { min-height: 0 !important; }
.nfg-reviews { gap: 6px !important; }
.nfg-why { padding: 20px 24px !important; }
.nfg-why__card { padding: 14px 18px !important; gap: 6px !important; }
.nfg-why__icon { width: 38px !important; height: 38px !important; }
.nfg-why__title { font-size: 16px !important; }
.nfg-why__text { font-size: 13px !important; line-height: 1.55 !important; }
.nfg-h2 { font-size: 21px !important; }
@media (max-width: 1024px) {
  .nfg-story__stage { min-height: 0 !important; aspect-ratio: 16 / 9 !important; }
  .nfg-case { grid-template-columns: 1fr !important; grid-template-rows: 170px auto !important; min-height: 0 !important; }
}
@media (max-width: 767px) {
  .nfg { gap: 14px !important; }
  .nfg-banner { min-height: 150px !important; }
  .nfg-banner__title { font-size: 21px !important; }
  .nfg-case { grid-template-rows: 150px auto !important; }
  .nfg-case__text { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
}

/* =====================================================================
   ONE FONT FOR THE WHOLE SITE: Helvetica Neue (Arial where it is missing) (2026-11-08k)
   Icon fonts are left alone (anything with "icon" / "fa-" in its class, <i> elements).
   ===================================================================== */
:root { --nf-font: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
html body,
html body :is(h1, h2, h3, h4, h5, h6, p, a, span, strong, b, em, li, dt, dd, td, th, label, legend, small, div, button, input, select, textarea, option, figcaption, blockquote, address, cite, caption, summary):not([class*="icon"]):not([class*="fa-"]):not(.fa):not(.fas):not(.far):not(.fab):not([class*="glyph"]):not(.material-icons) {
  font-family: var(--nf-font) !important;
}
html body :is(h1, h2, h3, h4, h5, h6):not([class*="icon"]) { letter-spacing: 0 !important; word-spacing: normal !important; }
html body .price, html body .price-wrapper, html body .price-box .price { font-family: var(--nf-font) !important; letter-spacing: 0 !important; }
/* theme section headings that were in the wide display font */
html body .page-footer :is(h2, h3, h4, .block-title strong), html body .block.newsletter .title, html body .block.newsletter .title strong,
html body :is(.block.related, .block.upsell, .block.crosssell) .block-title strong { font-family: var(--nf-font) !important; letter-spacing: 0 !important; word-spacing: normal !important; }
html body .block.newsletter .title strong, html body .block.newsletter .title { font-weight: 800 !important; }
/* footer USP band (.nf-ab, CMS block): bold titles like the rest, more compact (2026-11-08k) */
html body .nf-ab { padding: 24px 24px !important; }
html body .nf-ab .nf-ab-grid { gap: 12px !important; }
html body .nf-ab .nf-ab-item { padding: 14px 18px !important; gap: 16px !important; }
html body .nf-ab .nf-ab-icon { width: 52px !important; height: 52px !important; padding: 11px !important; }
html body .nf-ab .nf-ab-title { font: 800 18px/1.1 var(--nf-font, 'Helvetica Neue', Helvetica, Arial, sans-serif) !important; letter-spacing: .02em !important; text-transform: uppercase !important; color: #fff !important; margin: 0 !important; }
html body .nf-ab .nf-ab-sub { font: 700 11px/1.3 var(--nf-font, 'Helvetica Neue', Helvetica, Arial, sans-serif) !important; letter-spacing: .12em !important; color: #9a9a9a !important; }
@media (max-width: 900px) {
  html body .nf-ab { padding: 16px 14px !important; }
  html body .nf-ab .nf-ab-grid { gap: 8px !important; }
  html body .nf-ab .nf-ab-item { padding: 10px 14px !important; gap: 12px !important; }
  html body .nf-ab .nf-ab-icon { width: 42px !important; height: 42px !important; padding: 8px !important; }
  html body .nf-ab .nf-ab-title { font-size: 16px !important; }
}

/* ===== (2026-11-08k) Inline filter panel – opens downwards, no slide-out drawer ===== */
body.nfk-inline .nfk-backdrop,body.nfk-inline .nfk-drawer-backdrop,body.nfk-inline .nfk-drawer-close,body.nfk-inline .filters-action,body.nfk-inline .nfk-showall{display:none!important}
.nfk-fpanel{background:#fff;border:1px solid #e6e6e1;border-top:3px solid #3cbdec;padding:16px 18px 18px;margin:0 0 14px;box-sizing:border-box;width:100%}
.nfk-fpanel__head{font:800 15px/1.2 var(--nf-font);text-transform:uppercase;letter-spacing:.06em;color:#111;margin:0 0 12px;display:flex;align-items:center;gap:8px}
.nfk-fpanel__head b{background:#3cbdec;color:#111;font-size:11px;min-width:20px;height:20px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}
html body.nfk-inline.nfk-inline .nfk-fpanel .sidebar-main{border:0!important;position:static!important;transform:none!important;left:auto!important;top:auto!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;background:none!important;box-shadow:none!important;float:none!important;z-index:auto!important;display:block!important;visibility:visible!important;opacity:1!important}
.nfk-fpanel .sidebar-main > *:not(.block.filter):not(#layered-filter-block){display:none!important}
html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block{display:block!important;position:static!important;transform:none!important;width:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;visibility:visible!important;opacity:1!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.nfk-fpanel #layered-filter-block .block-title,.nfk-fpanel #layered-filter-block .filter-title,.nfk-fpanel #layered-filter-block .block-subtitle,.nfk-fpanel #layered-filter-block .filter-current,.nfk-fpanel #layered-filter-block .filter-actions,.nfk-fpanel #layered-filter-block .filter-subtitle{display:none!important}
html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block .block-content,html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block .filter-content{padding:0!important;margin:0!important;max-height:none!important;overflow:visible!important}
html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block .filter-content{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block .filter-options-item{position:relative;display:block!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;min-width:0}
html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block .filter-options-item > .filter-options-title{display:flex!important;align-items:center;gap:8px;height:46px;margin:0!important;padding:0 40px 0 14px!important;border:1.5px solid #111!important;border-radius:0!important;background:#fff!important;color:#111!important;font:800 12.5px/1 var(--nf-font)!important;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;position:relative;user-select:none;white-space:nowrap;overflow:hidden;box-sizing:border-box}
html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block .filter-options-title strong{font:inherit!important;color:inherit!important;overflow:hidden;text-overflow:ellipsis;margin:0!important;padding:0!important}
.nfk-fpanel #layered-filter-block .filter-options-title::before{content:none!important;display:none!important}
html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block .filter-options-title::after{content:""!important;display:block!important;position:absolute!important;right:14px;top:50%;width:8px;height:8px;margin-top:-6px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .2s,margin .2s;background:none!important;left:auto!important;bottom:auto!important}
html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block .filter-options-item.nfk-dd-open > .filter-options-title::after{transform:rotate(-135deg);margin-top:-1px}
.nfk-fpanel #layered-filter-block .filter-options-title .toggle-minus,.nfk-fpanel #layered-filter-block .filter-options-title .nfk-pm,.nfk-fpanel #layered-filter-block .filter-options-title .count{display:none!important}
.nfk-dd-n{background:#3cbdec;color:#111;font-size:11px;min-width:20px;height:20px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;flex:none}
html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block .filter-options-item.nfk-dd-has > .filter-options-title{border-color:#3cbdec!important;box-shadow:inset 0 0 0 1px #3cbdec}
html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block .filter-options-item.nfk-dd-open > .filter-options-title{background:#111!important;color:#fff!important;border-color:#111!important;box-shadow:none}
html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block .filter-options-item > .filter-options-content{display:none!important;height:auto!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:14px!important;background:#fff!important;border:1.5px solid #111!important;border-top:0!important;box-sizing:border-box}
html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block .filter-options-item.nfk-dd-open > .filter-options-content{display:block!important}
@media (hover:hover){html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block .filter-options-item:not(.nfk-dd-open) > .filter-options-title:hover{background:#f0f1f4!important}}
@media (min-width:1025px){
  html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block .filter-options-item.nfk-dd-open{z-index:40}
  html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block .filter-options-item > .filter-options-content{position:absolute!important;left:0;top:100%;min-width:100%;width:max-content;max-width:340px;box-shadow:0 14px 30px rgba(0,0,0,.14)}
  html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block .filter-options-item:nth-child(4n) > .filter-options-content{left:auto;right:0}
  html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block .filter-options-item.nfk-dd-open .filter-options-content > *{max-height:360px;overflow-y:auto}
  html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block .filter-options-item.nfk-dd-open .filter-options-content > .nfk-price{max-height:none;overflow:visible}
  html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block .filter-options-item .nfk-price{min-width:280px}
  /* main column takes full width now that the sidebar lives inside the panel */
  body.nfk-inline.page-with-filter .column.main,body.nfk-inline .columns .column.main{width:100%!important;max-width:100%!important;float:none!important}
}
@media (max-width:1024px){
  .nfk-fpanel{padding:14px}
  html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block .filter-content{grid-template-columns:1fr;gap:8px}
  html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block .filter-options-item > .filter-options-content{position:static!important}
}
html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block .filter-options-content ol,html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block .filter-options-content ul{margin:0!important;padding:0!important;list-style:none!important}

/* (2026-11-08k) desktop: Filtrera & sortera button a bit taller, panel spacing */
@media (min-width: 768px){
  body.nfk-mf .nfk-mf-btn{height:56px!important;padding:0 22px!important;font-size:15px!important}
  body.nfk-mf:not(.nfk-mf-closed) .nfk-mf-panel{padding-top:14px}
}
/* (2026-11-08k) "Rensa filter" in the filter panel head */
.nfk-fpanel__head{justify-content:space-between;flex-wrap:wrap}
.nfk-fpanel__head > span{display:inline-flex;align-items:center;gap:8px}
html body .nfk-fpanel__head .nfk-fclear{display:inline-flex!important;align-items:center;gap:6px;height:36px!important;line-height:1!important;padding:0 14px!important;margin:0!important;background:#fff!important;color:#d7261e!important;border:1.5px solid #d7261e!important;border-radius:0!important;box-shadow:none!important;font:800 12px/1 var(--nf-font)!important;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;min-height:0!important;width:auto!important}
html body .nfk-fpanel__head .nfk-fclear::before,html body .nfk-fpanel__head .nfk-fclear::after{content:none!important;display:none!important}
.nfk-fpanel__head .nfk-fclear svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}
@media (hover:hover){html body .nfk-fpanel__head .nfk-fclear:hover{background:#d7261e!important;color:#fff!important}}
/* (2026-11-08k) pick several filters, then one "Visa produkter" */
.nfk-apply{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:16px 0 0;padding:14px 0 0;border-top:1px solid #e6e6e1}
.nfk-apply__hint{margin-right:auto;font:500 13px/1.3 var(--nf-font);color:#666}
html body .nfk-apply button{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;height:46px!important;min-height:0!important;padding:0 24px!important;margin:0!important;border-radius:0!important;box-shadow:none!important;font:800 13px/1 var(--nf-font)!important;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;width:auto!important}
html body .nfk-apply button::before,html body .nfk-apply button::after{content:none!important;display:none!important}
html body .nfk-apply .nfk-apply__go{background:#3cbdec!important;color:#111!important;border:0!important}
html body .nfk-apply .nfk-apply__go b{background:#111;color:#fff;font-size:11px;min-width:20px;height:20px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}
html body .nfk-apply .nfk-apply__go:disabled{background:#e6e6e1!important;color:#888!important;cursor:default}
html body .nfk-apply .nfk-apply__undo{background:#fff!important;color:#111!important;border:1.5px solid #111!important}
.nfk-apply [hidden]{display:none!important}
@media (hover:hover){html body .nfk-apply .nfk-apply__go:not(:disabled):hover{background:#111!important;color:#fff!important}html body .nfk-apply .nfk-apply__go:not(:disabled):hover b{background:#3cbdec;color:#111}html body .nfk-apply .nfk-apply__undo:hover{background:#111!important;color:#fff!important}}
.nfk-fpanel.nfk-has-pend .nfk-apply__go{animation:nfkPulse .35s ease-out}
@keyframes nfkPulse{from{transform:scale(.96)}to{transform:none}}
html body.nfk-inline.nfk-inline .nfk-fpanel #layered-filter-block li.nfk-pend .swissup-option-label{font-weight:700}
@media (max-width:1024px){
  .nfk-apply{position:sticky;bottom:0;z-index:20;background:#fff;margin:14px -14px -14px;padding:12px 14px;box-shadow:0 -6px 16px rgba(0,0,0,.08)}
  .nfk-apply__hint{display:none!important}
  html body .nfk-apply .nfk-apply__go{flex:1 1 auto}
}
/* (2026-11-08k) Swissup's own "Show results" button – replaced by our "Visa produkter" */
html body .nfk-swissup-apply,html body .swissup-aln-apply,html body .swissup-apply-filters,html body .aln-apply-button,html body #layered-filter-block .action.apply{display:none!important}
/* (2026-11-08k) no products for the picked filters */
.nfk-empty{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid #e6e6e1;border-top:3px solid #3cbdec;padding:22px 24px;margin:0 0 20px;box-sizing:border-box}
.nfk-empty__icon{flex:0 0 46px;width:46px;height:46px;background:#111;display:flex;align-items:center;justify-content:center}
.nfk-empty__icon svg{width:24px;height:24px;fill:none;stroke:#3cbdec;stroke-width:2.2;stroke-linecap:round}
.nfk-empty__body{flex:1 1 auto;min-width:0}
.nfk-empty__body strong{display:block;font:800 17px/1.25 var(--nf-font);text-transform:uppercase;letter-spacing:.03em;color:#111}
.nfk-empty__body p{margin:6px 0 14px!important;font-size:14px!important;color:#555!important}
.nfk-empty__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
html body .nfk-empty__chip{display:inline-flex!important;align-items:center;gap:6px;height:36px!important;min-height:0!important;padding:0 12px!important;margin:0!important;background:#f0f1f4!important;color:#111!important;border:1.5px solid #111!important;border-radius:0!important;box-shadow:none!important;font:700 13px/1 var(--nf-font)!important;cursor:pointer;width:auto!important;text-transform:none!important}
html body .nfk-empty__chip small{font-weight:500;color:#666;font-size:12px}
html body .nfk-empty__chip span[aria-hidden]{color:#d7261e;font-weight:800}
.nfk-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
html body .nfk-empty__clear{display:inline-flex!important;align-items:center;height:44px!important;min-height:0!important;padding:0 22px!important;margin:0!important;background:#3cbdec!important;color:#111!important;border:0!important;border-radius:0!important;box-shadow:none!important;font:800 13px/1 var(--nf-font)!important;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;width:auto!important}
html body .nfk-empty__chip::before,html body .nfk-empty__chip::after,html body .nfk-empty__clear::before,html body .nfk-empty__clear::after{content:none!important;display:none!important}
@media (hover:hover){html body .nfk-empty__chip:hover{background:#111!important;color:#fff!important}html body .nfk-empty__chip:hover small{color:#ccc}html body .nfk-empty__clear:hover{background:#111!important;color:#fff!important}}
body.nfk-noresults .nfk-empty-msg{display:none!important}
/* Swissup's own "applied options" chips (broken icons, can't be removed) – ours replace them */
@media (max-width:767px){.nfk-empty{padding:18px 16px;gap:12px}.nfk-empty__icon{flex-basis:38px;width:38px;height:38px}.nfk-empty__clear{width:100%!important;justify-content:center}}

/* (2026-11-08k) Magento's "Handlar nu enligt" chips: red ✕ instead of the broken "..." icon */
html body .filter-current .items{display:flex!important;flex-wrap:wrap;gap:8px;margin:0 0 14px!important;padding:0!important;list-style:none!important}
html body .filter-current .item{display:inline-flex!important;align-items:center;gap:6px;height:38px;padding:0 6px 0 12px!important;margin:0!important;background:#fff!important;border:1.5px solid #111!important;border-radius:0!important;font:700 13px/1 var(--nf-font)!important;color:#111!important;position:relative}
html body .filter-current .item .filter-label{font-weight:500;color:#666;font-size:12px}
html body .filter-current .item .filter-label::after{content:":"}
html body .filter-current .item .filter-value{font-weight:700;color:#111}
html body .filter-current .action.remove{position:static!important;display:inline-flex!important;align-items:center;justify-content:center;width:28px!important;height:28px!important;margin:0 0 0 2px!important;padding:0!important;background:none!important;border:0!important;color:#d7261e!important;text-decoration:none!important;font-size:0!important;line-height:1!important;flex:none;transform:none!important}
html body .filter-current .action.remove > span{display:none!important}
html body .filter-current .action.remove::before{content:"✕"!important;display:block!important;font:800 15px/1 Arial,sans-serif!important;color:#d7261e!important;position:static!important;width:auto!important;height:auto!important;background:none!important;border:0!important;margin:0!important;transform:none!important}
html body .filter-current .action.remove::after{content:none!important;display:none!important}
@media (hover:hover){html body .filter-current .item:hover{border-color:#d7261e!important}html body .filter-current .action.remove:hover{background:#d7261e!important}html body .filter-current .action.remove:hover::before{color:#fff!important}}
html body .filter-current .filter-current-subtitle{display:block!important;font:800 13px/1.2 var(--nf-font)!important;text-transform:uppercase;letter-spacing:.06em;color:#111!important;margin:0 0 10px!important;padding:0!important;border:0!important;background:none!important}
html body .filter-current .filter-current-subtitle .toggle-minus{display:none!important}
html body .filter-current .items.ox-toggle-content{display:flex!important;height:auto!important;max-height:none!important}
/* (2026-11-08k) cart / notify button always at the very bottom of the card, on one line across a row */
.products-grid li.product-item .product-item-details > .nfk-price-row{margin-top:auto!important}
.products-grid li.product-item .product-item-details > .nfk-actions{margin-top:4px!important}
.products-grid li.product-item .product-item-details:not(:has(> .nfk-price-row)) > .nfk-actions{margin-top:auto!important}
.products-grid li.product-item .nfk-actions > .aw-cus__stock-notification{margin:0!important;padding:0!important}
.products-grid li.product-item .nfk-actions > .aw-cus__stock-notification > *:not(.stock-notification-button):empty{display:none!important}
.products-grid li.product-item .product-item-details > .aw-cus__stock-notification{margin-top:4px!important}
/* (2026-11-08k) notify button: full width like "Lägg i kundvagn", readable hover – only on sold-out cards (li.nfk-oos) */
html body .products-grid li.product-item:not(.nfk-oos) .nfk-actions > .aw-cus__stock-notification{display:none!important}
html body .products-grid li.product-item.nfk-oos .nfk-actions > .aw-cus__stock-notification{width:100%!important;max-width:none!important;margin:0!important;float:none!important}
html body .products-grid li.product-item.nfk-oos .nfk-actions .stock-notification-button{align-items:center;justify-content:center;width:100%!important;min-height:44px!important;margin:0!important;padding:0 12px!important;box-sizing:border-box;background:#fff!important;color:#0a0a0a!important;border:1.5px solid #0a0a0a!important;border-radius:0!important;box-shadow:none!important;font-size:12px!important;font-weight:800!important;letter-spacing:1px!important;text-transform:uppercase!important}
html body .products-grid li.product-item.nfk-oos .nfk-actions .stock-notification-button:not([style*="none"]){display:flex!important}
html body .products-grid li.product-item.nfk-oos .nfk-actions .stock-notification-button *{color:inherit!important;background:none!important}
html body .products-grid li.product-item.nfk-oos .nfk-actions .stock-notification-button::before,html body .products-grid li.product-item.nfk-oos .nfk-actions .stock-notification-button::after{content:none!important;display:none!important}
@media (hover:hover){html body .products-grid li.product-item.nfk-oos .nfk-actions .stock-notification-button:hover{background:#0a0a0a!important;color:#fff!important;border-color:#0a0a0a!important}}
@media (max-width:640px){html body .products-grid li.product-item.nfk-oos .nfk-actions .stock-notification-button{font-size:10px!important;letter-spacing:.3px!important;min-height:40px!important}}
/* (2026-11-08k) every wrapper between the notify block and its button takes the full width */
html body .products-grid li.product-item.nfk-oos .nfk-actions .aw-cus__stock-notification,
html body .products-grid li.product-item.nfk-oos .nfk-actions .aw-cus__stock-notification :has(.stock-notification-button){display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important;box-sizing:border-box}
html body .products-grid li.product-item.nfk-oos .nfk-actions .stock-notification-button{width:100%!important;max-width:none!important}
/* ===== (2026-11-08k) Grouped products: variant buttons ===== */
.nfg-hidden-table{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;margin:0!important;padding:0!important;border:0!important}
html body.page-product-grouped.page-product-grouped .nfg.nfg{margin:6px 0 16px}
html body.page-product-grouped.page-product-grouped .nfg__price{font:500 15px/1.3 var(--nf-font);color:#555;margin:0 0 14px;min-height:30px}
html body.page-product-grouped.page-product-grouped .nfg__price b{font:800 26px/1.1 var(--nf-font);color:#0a7aa8}
html body.page-product-grouped.page-product-grouped .nfg__price small{font-size:13px;color:#777}
html body.page-product-grouped.page-product-grouped .nfg__price s{font-size:14px;color:#999;margin-left:6px}
html body.page-product-grouped.page-product-grouped .nfg__save{display:inline-block;margin-left:6px;padding:3px 8px;background:#d7261e;color:#fff;font:800 11px/1.2 var(--nf-font);letter-spacing:.04em;text-transform:uppercase;vertical-align:3px}
html body.page-product-grouped.page-product-grouped .nfg__from{font-weight:500;color:#555}
html body.page-product-grouped.page-product-grouped .nfg__head{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin:0 0 10px;font:800 13px/1.2 var(--nf-font);text-transform:uppercase;letter-spacing:.06em;color:#111}
html body.page-product-grouped.page-product-grouped .nfg__head em{font:500 13px/1.2 var(--nf-font);font-style:normal;text-transform:none;letter-spacing:0;color:#555}
html body.page-product-grouped.page-product-grouped .nfg__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
html body.page-product-grouped.page-product-grouped .nfg.nfg .nfg__chip{display:inline-flex!important;align-items:center;justify-content:center;min-width:58px;height:40px!important;min-height:0!important;padding:0 14px!important;margin:0!important;background:#fff!important;color:#111!important;border:1.5px solid #c8c8c2!important;border-radius:0!important;box-shadow:none!important;font:700 14px/1 var(--nf-font)!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;width:auto!important;white-space:nowrap}
html body.page-product-grouped.page-product-grouped .nfg.nfg .nfg__chip::before,html body.page-product-grouped.page-product-grouped .nfg.nfg .nfg__chip::after{content:none!important;display:none!important}
html body.page-product-grouped.page-product-grouped .nfg.nfg--names .nfg__chip{white-space:normal;text-align:left;height:auto!important;min-height:40px!important;padding:8px 14px!important;line-height:1.25!important}
html body.page-product-grouped.page-product-grouped .nfg.nfg .nfg__chip.is-on{background:#111!important;color:#fff!important;border-color:#111!important;box-shadow:inset 0 -3px 0 #3cbdec!important}
html body.page-product-grouped.page-product-grouped .nfg.nfg .nfg__chip.is-off{color:#aaa!important;border-style:dashed!important;background:#f6f6f4!important;text-decoration:line-through;cursor:not-allowed}
@media (hover:hover){html body.page-product-grouped.page-product-grouped .nfg.nfg .nfg__chip:not(.is-on):not(.is-off):hover{border-color:#111!important}}
html body.page-product-grouped.page-product-grouped .nfg__qty{display:flex;align-items:center;gap:12px;margin:0 0 4px}
html body.page-product-grouped.page-product-grouped .nfg__qty > span{font:800 13px/1 var(--nf-font);text-transform:uppercase;letter-spacing:.06em}
html body.page-product-grouped.page-product-grouped .nfg__step{display:inline-flex;border:1.5px solid #111}
html body.page-product-grouped.page-product-grouped .nfg.nfg .nfg__step button{width:42px!important;height:42px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:#f0f1f4!important;color:#111!important;font:700 18px/1 var(--nf-font)!important;cursor:pointer;box-shadow:none!important}
html body.page-product-grouped.page-product-grouped .nfg.nfg .nfg__step button::before,html body.page-product-grouped.page-product-grouped .nfg.nfg .nfg__step button::after{content:none!important;display:none!important}
html body.page-product-grouped.page-product-grouped .nfg.nfg .nfg__step input{width:54px!important;height:42px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;text-align:center;font:700 15px/1 var(--nf-font)!important;-moz-appearance:textfield;box-shadow:none!important;background:#fff!important}
html body.page-product-grouped.page-product-grouped .nfg__step input::-webkit-outer-spin-button,html body.page-product-grouped.page-product-grouped .nfg__step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
html body.page-product-grouped.page-product-grouped .nfg__msg{margin:10px 0 0;padding:10px 12px;background:#fdecea;border-left:3px solid #d7261e;color:#7a1712;font:600 13px/1.3 var(--nf-font)}
html body.page-product-grouped.page-product-grouped .nfg__msg[hidden]{display:none!important}
html body.page-product-grouped.page-product-grouped .nfg--shake .nfg__chips{animation:nfgShake .4s}
@keyframes nfgShake{0%,100%{transform:none}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
@media (max-width:640px){html body.page-product-grouped.page-product-grouped .nfg.nfg .nfg__chip{min-width:56px;height:42px!important;padding:0 10px!important;font-size:13px!important}.nfg__chips{gap:6px}}

/* (2026-11-08k) phone: theme/product-page button rules must not reach the variant buttons */
html body.page-product-grouped.page-product-grouped .nfg.nfg{text-align:left!important;width:100%}
html body.page-product-grouped.page-product-grouped .nfg.nfg .nfg__chips{justify-content:flex-start!important}
html body.page-product-grouped.page-product-grouped .nfg.nfg .nfg__head{justify-content:flex-start!important}
html body.page-product-grouped.page-product-grouped .nfg.nfg .nfg__qty{justify-content:flex-start!important;flex-wrap:nowrap}
html body.page-product-grouped.page-product-grouped .nfg.nfg .nfg__step{flex:none;width:auto!important}
html body.page-product-grouped.page-product-grouped .nfg.nfg .nfg__chip{flex:0 0 auto!important;text-shadow:none!important;transform:none!important;opacity:1!important}
html body.page-product-grouped.page-product-grouped .nfg.nfg .nfg__step input{flex:none!important;border-bottom:0!important;outline:0}
/* ===== (2026-11-08k) Cart drawer: "Se detaljer" as a quiet link + a clean list of what's included ===== */
:is(html,#nf-id) body .minicart-items .product-item-details .product.options{margin:4px 0 8px!important;padding:0!important;border:0!important;background:none!important}
:is(html,#nf-id) body .minicart-items .product.options > .toggle,:is(html,#nf-id) body .minicart-items .product.options [data-role="title"]{display:inline-flex!important;align-items:center;gap:6px;margin:0!important;padding:2px 0!important;background:none!important;border:0!important;box-shadow:none!important;color:#0a7aa8!important;font:700 12px/1.3 var(--nf-font)!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;position:relative}
:is(html,#nf-id) body .minicart-items .product.options > .toggle::before,:is(html,#nf-id) body .minicart-items .product.options [data-role="title"]::before{content:none!important;display:none!important}
:is(html,#nf-id) body .minicart-items .product.options > .toggle::after,:is(html,#nf-id) body .minicart-items .product.options [data-role="title"]::after{content:""!important;display:inline-block!important;position:static!important;width:6px!important;height:6px!important;margin:-3px 0 0 2px!important;border:solid currentColor!important;border-width:0 1.8px 1.8px 0!important;transform:rotate(45deg)!important;transition:transform .2s,margin .2s;background:none!important;font-size:0!important}
:is(html,#nf-id) body .minicart-items .product.options.active > .toggle::after,:is(html,#nf-id) body .minicart-items .product.options [aria-expanded="true"]::after{transform:rotate(-135deg)!important;margin-top:3px!important}
:is(html,#nf-id) body .minicart-items .product.options .content{margin:6px 0 0!important;padding:8px 10px!important;background:#f4f4f1!important;border-left:3px solid #3cbdec!important}
:is(html,#nf-id) body .minicart-items .product.options dl.product.options.list,:is(html,#nf-id) body .minicart-items .product.options .content > dl{display:block!important;margin:0!important;padding:0!important;columns:auto!important;grid-template-columns:none!important}
:is(html,#nf-id) body .minicart-items .product.options dl dt,:is(html,#nf-id) body .minicart-items .product.options dl dd{display:block!important;float:none!important;clear:none!important;width:auto!important;margin:0!important;padding:0!important;font:400 12px/1.4 var(--nf-font)!important;color:#333!important;text-transform:none!important;letter-spacing:0!important;background:none!important}
:is(html,#nf-id) body .minicart-items .product.options dl dt{font-weight:700!important;color:#111!important;margin-top:6px!important}
:is(html,#nf-id) body .minicart-items .product.options dl dt:first-child{margin-top:0!important}
:is(html,#nf-id) body .minicart-items .product.options dl dd + dd{margin-top:2px!important}
:is(html,#nf-id) body .minicart-items .product.options dl dt.nfo-dup{display:none!important}
:is(html,#nf-id) body .minicart-items .product.options dl dd.nfo-li{position:relative;padding-left:12px!important;margin-top:3px!important}
:is(html,#nf-id) body .minicart-items .product.options dl dd.nfo-li::before{content:"";position:absolute;left:2px;top:7px;width:4px;height:4px;background:#3cbdec}
:is(html,#nf-id) body .minicart-items .product.options dl dd .price{display:none!important}
:is(html,#nf-id) body .minicart-items .product.options dl dd .price.nfo-paid{display:inline!important;color:#0a7aa8!important;font-weight:700!important;margin-left:4px}
:is(html,#nf-id) body .minicart-items .product.options .content > .subtitle{display:none!important}
/* (2026-11-08k) "Se detaljer": black tag with white text + white arrow, theme's own "−" icon removed */
:is(html,#nf-id) body .minicart-items .product.options > .toggle,:is(html,#nf-id) body .minicart-items .product.options [data-role="title"]{background:#111!important;color:#fff!important;padding:4px 10px!important;gap:8px}
:is(html,#nf-id) body .minicart-items .product.options > .toggle *,:is(html,#nf-id) body .minicart-items .product.options [data-role="title"] *{background:none!important;color:inherit!important;border:0!important}
:is(html,#nf-id) body .minicart-items .product.options > .toggle *::before,:is(html,#nf-id) body .minicart-items .product.options > .toggle *::after,:is(html,#nf-id) body .minicart-items .product.options [data-role="title"] *::before,:is(html,#nf-id) body .minicart-items .product.options [data-role="title"] *::after{content:none!important;display:none!important}
:is(html,#nf-id) body .minicart-items .product.options > .toggle .toggle-minus,:is(html,#nf-id) body .minicart-items .product.options > .toggle .toggle-plus,:is(html,#nf-id) body .minicart-items .product.options [data-role="title"] :is(.toggle-minus,.toggle-plus,.ox-toggle-icon,i,svg){display:none!important}
@media (hover:hover){:is(html,#nf-id) body .minicart-items .product.options > .toggle:hover,:is(html,#nf-id) body .minicart-items .product.options [data-role="title"]:hover{background:#3cbdec!important;color:#111!important}}

/* (2026-11-08k) the drawer's own rules use an id (#minicart-content-wrapper) – ours carry id weight via :is(html,#nf-id) */
:is(html,#nf-id) body .minicart-items .product.options{background:none!important;color:inherit!important;width:auto!important}
:is(html,#nf-id) body .minicart-items .product.options > .toggle,:is(html,#nf-id) body .minicart-items .product.options > [data-role="title"]{width:auto!important;max-width:max-content!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
:is(html,#nf-id) body .minicart-items .product.options > .toggle span,:is(html,#nf-id) body .minicart-items .product.options > [data-role="title"] span{color:#fff!important;-webkit-text-fill-color:#fff!important}
@media (hover:hover){:is(html,#nf-id) body .minicart-items .product.options > .toggle:hover,:is(html,#nf-id) body .minicart-items .product.options > .toggle:hover span{color:#111!important;-webkit-text-fill-color:#111!important}}
/* (2026-11-08k) Athlete2 draws "Se detaljer" as an .ox-toggle-title bar (full width, theme button colours) */
:is(html,#nf-id) body .minicart-items .product.options :is(.ox-toggle, .ox-toggle-title){background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;width:auto!important}
:is(html,#nf-id) body .minicart-items .product.options .ox-toggle-title{display:inline-flex!important;align-items:center;gap:8px;max-width:max-content!important;background:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;padding:4px 10px!important;font:700 12px/1.3 var(--nf-font)!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer}
:is(html,#nf-id) body .minicart-items .product.options .ox-toggle-title *{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important}
:is(html,#nf-id) body .minicart-items .product.options .ox-toggle-title .toggle-minus{display:none!important}
:is(html,#nf-id) body .minicart-items .product.options .ox-toggle-title::after{content:""!important;display:inline-block!important;position:static!important;width:6px!important;height:6px!important;margin:-3px 0 0 2px!important;border:solid #fff!important;border-width:0 1.8px 1.8px 0!important;transform:rotate(45deg)!important;background:none!important}
:is(html,#nf-id) body .minicart-items .product.options :is(.active, .open) > .ox-toggle-title::after,:is(html,#nf-id) body .minicart-items .product.options .ox-toggle-title[aria-expanded="true"]::after{transform:rotate(-135deg)!important;margin-top:3px!important}
@media (hover:hover){:is(html,#nf-id) body .minicart-items .product.options .ox-toggle-title:hover,:is(html,#nf-id) body .minicart-items .product.options .ox-toggle-title:hover *{background:#3cbdec!important;color:#111!important;-webkit-text-fill-color:#111!important}:is(html,#nf-id) body .minicart-items .product.options .ox-toggle-title:hover *{background:none!important}:is(html,#nf-id) body .minicart-items .product.options .ox-toggle-title:hover::after{border-color:#111!important}}
/* ===== (2026-11-08k) Glömt lösenord: heading, tidy captcha, "Gå tillbaka" as a plain link ===== */
body.customer-account-forgotpassword .column.main form.form{margin:0 auto!important}
body.customer-account-forgotpassword .nff-head{display:flex;gap:14px;align-items:flex-start;margin:0 0 18px}
body.customer-account-forgotpassword .nff-head__icon{flex:0 0 44px;width:44px;height:44px;background:#111;display:flex;align-items:center;justify-content:center}
body.customer-account-forgotpassword .nff-head__icon svg{width:22px;height:22px;fill:none;stroke:#3cbdec;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.customer-account-forgotpassword .nff-head h1{margin:0 0 4px!important;font:800 22px/1.15 var(--nf-font)!important;text-transform:uppercase;letter-spacing:.02em;color:#111!important}
body.customer-account-forgotpassword .nff-head p{margin:0!important;font:400 14px/1.45 var(--nf-font)!important;color:#555!important}
body.customer-account-forgotpassword .column.main form.form .field.note.nff-moved{display:none!important}
/* captcha: image + reload side by side under the field */
:is(html,#nf-id) body.customer-account-forgotpassword .field.captcha .nested{margin:10px 0 0!important}
:is(html,#nf-id) body.customer-account-forgotpassword .field.captcha .nested .field.captcha{margin:0!important}
:is(html,#nf-id) body.customer-account-forgotpassword .control.captcha-image{display:flex!important;align-items:center;gap:10px;margin:0!important;flex-wrap:wrap}
:is(html,#nf-id) body.customer-account-forgotpassword .captcha-img{display:block;height:50px!important;width:auto!important;max-width:220px;border:1px solid #e6e6e1;background:#fff;padding:2px;margin:0!important}
:is(html,#nf-id) body.customer-account-forgotpassword .captcha-reload{display:inline-flex!important;align-items:center;gap:6px;height:40px!important;min-height:0!important;padding:0 14px!important;margin:0!important;background:#fff!important;color:#111!important;border:1.5px solid #111!important;border-radius:0!important;box-shadow:none!important;font:700 12px/1 var(--nf-font)!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;width:auto!important}
:is(html,#nf-id) body.customer-account-forgotpassword .captcha-reload::before{content:"↻"!important;display:inline!important;position:static!important;font-size:16px;line-height:1;background:none!important;width:auto!important;height:auto!important;color:inherit!important}
:is(html,#nf-id) body.customer-account-forgotpassword .captcha-reload::after{content:none!important;display:none!important}
:is(html,#nf-id) body.customer-account-forgotpassword .captcha-reload span{color:inherit!important;font:inherit!important}
@media (hover:hover){:is(html,#nf-id) body.customer-account-forgotpassword .captcha-reload:hover{background:#111!important;color:#fff!important}}
/* buttons */
:is(html,#nf-id) body.customer-account-forgotpassword form .actions-toolbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;margin:22px 0 0!important;padding:20px 0 0!important;border-top:1px solid #ecece6!important}
:is(html,#nf-id) body.customer-account-forgotpassword form .actions-toolbar .primary{flex:0 0 auto!important;width:100%!important}
:is(html,#nf-id) body.customer-account-forgotpassword form .actions-toolbar .primary :is(button,.action){width:100%!important}
:is(html,#nf-id) body.customer-account-forgotpassword form .actions-toolbar .secondary{text-align:center!important;width:100%!important}
:is(html,#nf-id) body.customer-account-forgotpassword form .actions-toolbar .secondary a.action.back{display:inline-flex!important;align-items:center;gap:6px;height:auto!important;min-height:0!important;padding:4px 0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;color:#111!important;font:700 13px/1.3 var(--nf-font)!important;text-transform:none!important;letter-spacing:0!important;text-decoration:none!important;width:auto!important}
:is(html,#nf-id) body.customer-account-forgotpassword form .actions-toolbar .secondary a.action.back::before{content:"←"!important;display:inline!important;position:static!important;background:none!important;width:auto!important;height:auto!important;color:inherit!important;transform:none!important}
:is(html,#nf-id) body.customer-account-forgotpassword form .actions-toolbar .secondary a.action.back span{color:inherit!important;text-decoration:underline;text-decoration-color:#3cbdec;text-underline-offset:3px}
@media (hover:hover){:is(html,#nf-id) body.customer-account-forgotpassword form .actions-toolbar .secondary a.action.back:hover{color:#0a7aa8!important}}
@media (max-width:480px){:is(html,#nf-id) body.customer-account-forgotpassword form .actions-toolbar .primary :is(button,.action){font-size:12px!important;letter-spacing:.04em!important;padding:0 10px!important;white-space:nowrap}}
/* (2026-11-08k) "Gå tillbaka": the theme paints a black layer on the wrapper / ::after – remove it */
:is(html,#nf-id) body.customer-account-forgotpassword form .actions-toolbar .secondary,
:is(html,#nf-id) body.customer-account-forgotpassword form .actions-toolbar .secondary a.action.back{background:none!important;background-color:transparent!important;box-shadow:none!important;border:0!important;padding-left:0!important;padding-right:0!important;min-height:0!important;height:auto!important}
:is(html,#nf-id) body.customer-account-forgotpassword form .actions-toolbar .secondary::before,
:is(html,#nf-id) body.customer-account-forgotpassword form .actions-toolbar .secondary::after,
:is(html,#nf-id) body.customer-account-forgotpassword form .actions-toolbar .secondary a.action.back::after,
:is(html,#nf-id) body.customer-account-forgotpassword form .actions-toolbar .secondary a.action.back span::before,
:is(html,#nf-id) body.customer-account-forgotpassword form .actions-toolbar .secondary a.action.back span::after{content:none!important;display:none!important;background:none!important}
:is(html,#nf-id) body.customer-account-forgotpassword form .actions-toolbar .secondary a.action.back,
:is(html,#nf-id) body.customer-account-forgotpassword form .actions-toolbar .secondary a.action.back span{color:#111!important;-webkit-text-fill-color:#111!important}
@media (hover:hover){:is(html,#nf-id) body.customer-account-forgotpassword form .actions-toolbar .secondary a.action.back:hover,:is(html,#nf-id) body.customer-account-forgotpassword form .actions-toolbar .secondary a.action.back:hover span{color:#0a7aa8!important;-webkit-text-fill-color:#0a7aa8!important;background:none!important}}
/* ===== (2026-11-08k) Bundle quick buy (one choice on the product page) ===== */
body.nfbq-on .product-info-main .bundle-actions.nfbq-hide{display:none!important}
.nfbq{margin:6px 0 14px}
.nfbq__head{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin:0 0 10px;font:800 13px/1.2 var(--nf-font);text-transform:uppercase;letter-spacing:.06em;color:#111}
.nfbq__head em{font:500 13px/1.2 var(--nf-font);font-style:normal;text-transform:none;letter-spacing:0;color:#555}
.nfbq__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
:is(html,#nf-id) body .nfbq .nfbq__chip{display:inline-flex!important;align-items:center;justify-content:center;min-width:58px;height:40px!important;min-height:0!important;padding:0 14px!important;margin:0!important;background:#fff!important;color:#111!important;border:1.5px solid #c8c8c2!important;border-radius:0!important;box-shadow:none!important;font:700 14px/1 var(--nf-font)!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;width:auto!important;white-space:nowrap;flex:0 0 auto!important}
:is(html,#nf-id) body .nfbq .nfbq__chip::before,:is(html,#nf-id) body .nfbq .nfbq__chip::after{content:none!important;display:none!important}
:is(html,#nf-id) body .nfbq .nfbq__chip.is-on{background:#111!important;color:#fff!important;border-color:#111!important;box-shadow:inset 0 -3px 0 #3cbdec!important}
@media (hover:hover){:is(html,#nf-id) body .nfbq .nfbq__chip:not(.is-on):hover{border-color:#111!important}}
:is(html,#nf-id) body .nfbq .nfbq__add{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%!important;height:52px!important;min-height:0!important;margin:0!important;padding:0 16px!important;background:#3cbdec!important;color:#111!important;border:0!important;border-radius:0!important;box-shadow:none!important;font:800 14px/1 var(--nf-font)!important;letter-spacing:.08em!important;text-transform:uppercase!important;cursor:pointer}
:is(html,#nf-id) body .nfbq .nfbq__add::before,:is(html,#nf-id) body .nfbq .nfbq__add::after{content:none!important;display:none!important}
:is(html,#nf-id) body .nfbq .nfbq__add span{color:inherit!important}
:is(html,#nf-id) body .nfbq .nfbq__add:disabled{opacity:.6}
@media (hover:hover){:is(html,#nf-id) body .nfbq .nfbq__add:hover{background:#111!important;color:#fff!important}}
.nfbq__msg{margin:10px 0 0;padding:10px 12px;background:#fdecea;border-left:3px solid #d7261e;color:#7a1712;font:600 13px/1.3 var(--nf-font)}
.nfbq__msg[hidden]{display:none!important}
.nfbq--shake .nfbq__chips{animation:nfgShake .4s}

/* ===== Google rating instead of empty stars ===== */
:is(html,#nf-id) body .product-info-main .product-reviews-summary.empty.nfr-done{display:none!important}
.nfr-google{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:6px 0 12px;font:500 13px/1.3 var(--nf-font);color:#555}
.nfr-google__g{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#fff;border:1px solid #e0e0da;font:800 11px/1 Arial,sans-serif;color:#4285f4}
.nfr-google__stars{color:#f5a623;letter-spacing:1px;font-size:14px}
.nfr-google b{color:#111;font-weight:800}
.nfr-google a{margin-left:auto;color:#0a7aa8;font-weight:700;text-decoration:underline;text-decoration-color:#3cbdec;text-underline-offset:3px}
@media (max-width:480px){.nfr-google a{margin-left:0;flex-basis:100%}}

/* ===== Delivery countdown ===== */
.nfship{display:flex;align-items:center;gap:10px;margin:12px 0 0;padding:10px 12px;background:#f4f4f1;border-left:3px solid #9a9a94;font:500 13.5px/1.35 var(--nf-font);color:#333}
.nfship.is-hot{background:#effbe6;border-left-color:#5cc400;color:#1d3d06}
.nfship b{font-weight:800;color:#111}
.nfship svg{flex:0 0 22px;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}

/* ===== Sticky buy bar (phones) ===== */
.nfsb{display:none}
@media (max-width:767px){
  .nfsb{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:998;align-items:center;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:3px solid #3cbdec;box-shadow:0 -6px 18px rgba(0,0,0,.12);transform:translateY(110%);transition:transform .25s ease;font-family:var(--nf-font)}
  .nfsb.is-on{transform:none}
  .nfsb__info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
  .nfsb__name{font:700 12px/1.2 var(--nf-font);color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .nfsb__price{font:800 17px/1.1 var(--nf-font);color:#0a7aa8;white-space:nowrap}
  :is(html,#nf-id) body .nfsb button{margin:0!important;border-radius:0!important;box-shadow:none!important;cursor:pointer;min-height:0!important}
  :is(html,#nf-id) body .nfsb button::before,:is(html,#nf-id) body .nfsb button::after{content:none!important;display:none!important}
  :is(html,#nf-id) body .nfsb .nfsb__btn{flex:0 0 auto;display:inline-flex!important;align-items:center;gap:8px;height:46px!important;padding:0 16px!important;background:#3cbdec!important;color:#111!important;border:0!important;font:800 13px/1 var(--nf-font)!important;letter-spacing:.06em!important;text-transform:uppercase!important;width:auto!important}
  :is(html,#nf-id) body .nfsb.is-notify .nfsb__btn{background:#fff!important;border:1.5px solid #111!important;font-size:11px!important}
  .nfsb__btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
  :is(html,#nf-id) body .nfsb .nfsb__chat{flex:0 0 46px;width:46px!important;height:46px!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;background:#fff!important;border:1.5px solid #111!important;color:#111!important}
  :is(html,#nf-id) body .nfsb .nfsb__chat[hidden]{display:none!important}
  .nfsb__chat svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
  body.nfsb-on{padding-bottom:76px!important}
  /* "To Top" is not needed on phones – it sat on top of prices and buttons */
  #toTop,a#toTop{display:none!important}
}
@media (max-width:360px){:is(html,#nf-id) body .nfsb .nfsb__btn{padding:0 12px!important;font-size:12px!important}.nfsb__btn svg{display:none}}

/* ===== Payment logos under "Till kassan" (cart drawer) ===== */
.nfpay{margin:12px 0 0;text-align:center}
.nfpay__safe{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 8px;font:700 12px/1.3 var(--nf-font);color:#333}
.nfpay__safe svg{width:15px;height:15px;fill:none;stroke:#1d8a00;stroke-width:2}
.nfpay img{display:block;width:100%;max-width:300px;height:auto;margin:0 auto;opacity:.9}
/* (2026-11-08k) the footer logo strip is white (made for the dark footer) – make it dark grey on the light drawer */
.nfpay img{filter:brightness(0);opacity:.55}
.minicart-items .nfpay{display:none!important}
/* (2026-11-08k) pulse on the real buy button after the sticky bar scrolled to it */
@keyframes nfsbPulse{0%{box-shadow:0 0 0 0 rgba(60,189,236,.85)}70%{box-shadow:0 0 0 14px rgba(60,189,236,0)}100%{box-shadow:0 0 0 0 rgba(60,189,236,0)}}
:is(html,#nf-id) body .nfsb-pulse{animation:nfsbPulse .8s ease-out 2!important}
/* ===== (2026-11-08k) Blog (Magefan) in the Nordic Fighter style ===== */
body.blog-page .page-main{background:#f0f1f4}
body.blog-page .nfb-intro{max-width:1200px;margin:24px auto 0!important;padding:28px 32px!important;background:#111;border-top:3px solid #3cbdec;color:#ddd;box-sizing:border-box}
body.blog-page .nfb-intro h1{margin:0 0 10px!important;text-align:left!important;font:800 32px/1.1 var(--nf-font)!important;text-transform:uppercase;letter-spacing:.02em;color:#fff!important}
body.blog-page .nfb-intro p{text-align:left!important;margin:0 0 8px!important;font:400 15px/1.55 var(--nf-font)!important;color:#cfcfcf!important;max-width:860px}
body.blog-page .nfb-intro p:last-child{margin:0!important}
@media (max-width:767px){body.blog-page .nfb-intro{margin:12px 12px 0!important;padding:20px 18px!important}body.blog-page .nfb-intro h1{font-size:24px!important}body.blog-page .nfb-intro p{font-size:14px!important}}
/* list: cards */
body.blog-page .post-list.nfb-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin:0 0 24px!important;padding:0!important}
body.blog-page .post-list.nfb-list > article.post-holder{display:flex!important;flex-direction:column;margin:0!important;padding:0!important;background:#fff!important;border:1px solid #e6e6e1!important;border-top:3px solid #3cbdec!important;box-shadow:none!important;float:none!important;width:auto!important;min-width:0;transition:transform .15s,box-shadow .15s}
@media (hover:hover){body.blog-page .post-list.nfb-list > article.post-holder:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.08)!important}}
body.blog-page .nfb-list .post-image-wrapper{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;aspect-ratio:16/9;overflow:hidden;background:#e9e9e4;float:none!important}
body.blog-page .nfb-list .post-image-wrapper img{display:block;width:100%!important;height:100%!important;object-fit:cover;margin:0!important;max-width:none!important}
body.blog-page .nfb-list .post-content{display:flex!important;flex-direction:column;flex:1 1 auto;padding:16px 18px 18px!important;margin:0!important;width:auto!important;float:none!important}
body.blog-page .nfb-list .post-categories{display:flex!important;flex-wrap:wrap;gap:6px;margin:0 0 10px!important;padding:0!important}
body.blog-page .nfb-list .post-categories a{display:inline-block!important;padding:3px 8px!important;background:#eaf7fd!important;color:#0a6e94!important;font:800 10.5px/1.2 var(--nf-font)!important;text-transform:uppercase;letter-spacing:.06em;text-decoration:none!important;border:0!important;margin:0!important}
body.blog-page .nfb-list .post-categories a::before,body.blog-page .nfb-list .post-categories a::after{content:none!important;display:none!important}
body.blog-page .nfb-list .post-title{margin:0 0 6px!important;padding:0!important;font:800 18px/1.25 var(--nf-font)!important;text-transform:none!important;letter-spacing:0!important}
body.blog-page .nfb-list .post-title a{color:#111!important;text-decoration:none!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (hover:hover){body.blog-page .nfb-list .post-title a:hover{color:#0a7aa8!important}}
body.blog-page .nfb-list .post-meta{margin:0 0 10px!important;padding:0!important;border:0!important;font:500 12px/1.3 var(--nf-font)!important;color:#888!important}
body.blog-page .nfb-list .post-meta *{color:inherit!important;font:inherit!important}
body.blog-page .nfb-list .post-description{margin:0 0 14px!important;padding:0!important;font:400 14px/1.55 var(--nf-font)!important;color:#555!important}
body.blog-page .nfb-list .post-description p{margin:0!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font:inherit!important;color:inherit!important}
body.blog-page .nfb-list .post-links{margin:auto 0 0!important;padding:0!important;border:0!important;display:flex;align-items:center}
body.blog-page .nfb-list .social-share__content{display:none!important}
body.blog-page .nfb-list .post-read-more{display:inline-flex!important;align-items:center;gap:6px;padding:0!important;margin:0!important;background:none!important;border:0!important;color:#111!important;font:800 12px/1 var(--nf-font)!important;text-transform:uppercase;letter-spacing:.08em;text-decoration:none!important}
body.blog-page .nfb-list .post-read-more::after{content:"→"!important;display:inline!important;position:static!important;background:none!important;width:auto!important;height:auto!important;color:#3cbdec;font-size:15px;transition:transform .15s}
body.blog-page .nfb-list .post-read-more::before{content:none!important;display:none!important}
@media (hover:hover){body.blog-page .nfb-list article:hover .post-read-more::after{transform:translateX(3px)}}
/* first post on page 1: wide feature card */
@media (min-width:768px){
  body.blog-page .post-list.nfb-list > article.nfb-feature{grid-column:1/-1;flex-direction:row}
  body.blog-page .nfb-list .nfb-feature .post-image-wrapper{flex:0 0 55%;width:55%!important;aspect-ratio:auto;min-height:300px}
  body.blog-page .nfb-list .nfb-feature .post-content{padding:28px 30px!important;justify-content:center}
  body.blog-page .nfb-list .nfb-feature .post-title{font-size:26px!important}
  body.blog-page .nfb-list .nfb-feature .post-description p{-webkit-line-clamp:5}
}
/* pager */
body.blog-page .toolbar-blog-posts{margin:0 0 30px!important;padding:0!important;border:0!important;background:none!important;display:flex;justify-content:center}
body.blog-page .toolbar-blog-posts .pages{float:none!important;margin:0!important}
body.blog-page .toolbar-blog-posts .pages-label{display:none!important}
body.blog-page .toolbar-blog-posts .pages-items{display:flex!important;flex-wrap:wrap;gap:6px;margin:0!important;padding:0!important;list-style:none}
body.blog-page .toolbar-blog-posts .pages-items .item{margin:0!important;padding:0!important;display:block}
body.blog-page .toolbar-blog-posts .pages-items .item .label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.blog-page .toolbar-blog-posts .pages-items :is(a,strong){display:inline-flex!important;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px!important;background:#fff!important;border:1.5px solid #d4d4cf!important;border-radius:0!important;color:#111!important;font:800 14px/1 var(--nf-font)!important;text-decoration:none!important;box-sizing:border-box}
body.blog-page .toolbar-blog-posts .pages-items :is(a,strong)::before,body.blog-page .toolbar-blog-posts .pages-items :is(a,strong)::after{content:none!important;display:none!important}
body.blog-page .toolbar-blog-posts .pages-items .item.current strong{background:#111!important;border-color:#111!important;color:#fff!important}
body.blog-page .toolbar-blog-posts .pages-items .pages-item-next a,body.blog-page .toolbar-blog-posts .pages-items .pages-item-previous a{background:#3cbdec!important;border-color:#3cbdec!important}
@media (hover:hover){body.blog-page .toolbar-blog-posts .pages-items a:hover{border-color:#111!important}}
/* sidebar */
body.blog-page .sidebar-additional .widget.block{margin:0 0 16px!important;padding:18px 18px 16px!important;background:#fff!important;border:1px solid #e6e6e1!important;border-top:3px solid #3cbdec!important;box-shadow:none!important}
body.blog-page .sidebar-additional .block-title{margin:0 0 12px!important;padding:0!important;border:0!important}
body.blog-page .sidebar-additional .block-title strong{font:800 13px/1.2 var(--nf-font)!important;text-transform:uppercase;letter-spacing:.08em;color:#111!important}
body.blog-page .sidebar-additional .blog-search .label{display:none!important}
body.blog-page .sidebar-additional .blog-search form{display:flex;gap:0;position:relative}
body.blog-page .sidebar-additional .blog-search .field{flex:1 1 auto;margin:0!important}
body.blog-page .sidebar-additional .blog-search input{width:100%!important;height:44px!important;border:1.5px solid #d4d4cf!important;border-right:0!important;border-radius:0!important;padding:0 12px!important;font:500 14px var(--nf-font)!important;box-shadow:none!important}
body.blog-page .sidebar-additional .blog-search .actions{position:static!important;margin:0!important}
body.blog-page .sidebar-additional .blog-search .action.search{position:static!important;height:44px!important;padding:0 16px!important;background:#111!important;color:#fff!important;border:0!important;border-radius:0!important;font:800 12px var(--nf-font)!important;text-transform:uppercase;letter-spacing:.06em;opacity:1!important;width:auto!important}
body.blog-page .sidebar-additional .blog-search .action.search span{position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important;color:inherit!important}
body.blog-page .sidebar-additional .blog-search .action.search::before,body.blog-page .sidebar-additional .blog-search .action.search::after{content:none!important;display:none!important}
body.blog-page .sidebar-additional .block-categories ul{margin:0!important;padding:0!important;list-style:none}
body.blog-page .sidebar-additional .block-categories li{margin:0!important;padding:7px 0!important;border-bottom:1px solid #f0f0eb;font:500 13px var(--nf-font);color:#999;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
body.blog-page .sidebar-additional .block-categories li:last-child{border-bottom:0}
body.blog-page .sidebar-additional .block-categories li a{color:#111!important;font:700 14px/1.3 var(--nf-font)!important;text-decoration:none!important;flex:1 1 auto}
body.blog-page .sidebar-additional .block-categories li ul{flex-basis:100%;margin:6px 0 0 12px!important}
@media (hover:hover){body.blog-page .sidebar-additional .block-categories li a:hover{color:#0a7aa8!important}}
body.blog-page .sidebar-additional .block-recent-posts .item{margin:0!important;padding:9px 0!important;border-bottom:1px solid #f0f0eb}
body.blog-page .sidebar-additional .block-recent-posts .item:last-child{border-bottom:0}
body.blog-page .sidebar-additional .block-recent-posts .post-item-date{font:600 11px var(--nf-font);color:#999;text-transform:uppercase;letter-spacing:.05em;margin:0 0 3px}
body.blog-page .sidebar-additional .block-recent-posts .post-item-link{color:#111!important;font:700 14px/1.35 var(--nf-font)!important;text-decoration:none!important}
body.blog-page .sidebar-additional .block-archive .item{margin:0!important;padding:6px 0!important;border-bottom:1px solid #f0f0eb}
body.blog-page .sidebar-additional .block-archive .item a{color:#111!important;font:600 13px var(--nf-font)!important;text-decoration:none!important}
body.blog-page .sidebar-additional .tagclaud-hld{display:flex;flex-wrap:wrap;gap:6px}
body.blog-page .sidebar-additional .tagclaud-hld span{margin:0!important;padding:0!important;background:none!important;display:inline-block}
body.blog-page .sidebar-additional .tagclaud-hld a{display:inline-block!important;padding:5px 9px!important;margin:0!important;background:#f0f1f4!important;color:#111!important;border:0!important;border-radius:0!important;font:600 12px/1.2 var(--nf-font)!important;text-decoration:none!important;text-transform:none!important}
@media (hover:hover){body.blog-page .sidebar-additional .tagclaud-hld a:hover{background:#111!important;color:#fff!important}}
body.blog-page .nfb-more-hide{display:none!important}
body.blog-page .nfb-more{display:block;width:100%;margin:10px 0 0!important;padding:9px 0!important;background:#fff!important;border:1.5px solid #111!important;border-radius:0!important;color:#111!important;font:800 11px var(--nf-font)!important;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;box-shadow:none!important}
body.blog-page .nfb-more::before,body.blog-page .nfb-more::after{content:none!important;display:none!important}
@media (hover:hover){body.blog-page .nfb-more:hover{background:#111!important;color:#fff!important}}
/* single post */
body.blog-post-view .post-view{background:#fff;border:1px solid #e6e6e1;border-top:3px solid #3cbdec;padding:28px 32px;box-sizing:border-box}
body.blog-post-view .page-title-wrapper .page-title{font:800 34px/1.12 var(--nf-font)!important;text-transform:none!important;color:#111!important}
body.blog-post-view .post-view .post-content{font:400 16px/1.7 var(--nf-font);color:#333}
body.blog-post-view .post-view .post-content :is(h2,h3,h4){font-family:var(--nf-font)!important;font-weight:800!important;color:#111!important;margin:1.6em 0 .5em!important;line-height:1.25!important}
body.blog-post-view .post-view .post-content h2{font-size:24px!important}
body.blog-post-view .post-view .post-content h3{font-size:19px!important}
body.blog-post-view .post-view .post-content img{max-width:100%;height:auto}
body.blog-post-view .post-view .post-content a{color:#0a7aa8;text-decoration:underline;text-decoration-color:#3cbdec;text-underline-offset:3px}
body.blog-post-view .post-view .post-content :is(ul,ol){padding-left:1.3em}
body.blog-post-view .post-view .post-content li{margin:0 0 .4em}
@media (max-width:767px){body.blog-post-view .post-view{padding:20px 16px}body.blog-post-view .page-title-wrapper .page-title{font-size:26px!important}}
/* ===== (2026-11-08k) Blog list – Magefan "modern" template (ol.post-list > li.post-item) ===== */
body.blog-page .post-list-wrapper{margin:0!important;padding:0!important}
body.blog-page .post-list-wrapper .post-list.nfb-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin:0 0 24px!important;padding:0!important;list-style:none!important}
body.blog-page .post-list.nfb-list > li.post-holder{display:flex!important;margin:0!important;padding:0!important;max-width:none!important;width:auto!important;flex:none!important;min-width:0}
body.blog-page .nfb-list > li.post-holder > .post-container{display:flex!important;flex-direction:column;width:100%;margin:0!important;padding:0!important;background:#fff!important;border:1px solid #e6e6e1!important;border-top:3px solid #3cbdec!important;box-shadow:none!important;border-radius:0!important;transition:transform .15s,box-shadow .15s}
@media (hover:hover){body.blog-page .nfb-list > li.post-holder > .post-container:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.08)!important}}
body.blog-page .nfb-list li .post-image,body.blog-page .nfb-list li .image-container{position:relative;margin:0!important;padding:0!important;width:100%!important;max-width:none!important;border-radius:0!important}
body.blog-page .nfb-list li .image-wrap{display:block!important;aspect-ratio:16/9;overflow:hidden;background:#e9e9e4}
body.blog-page .nfb-list li .bg-img{display:block!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;border-radius:0!important;transition:transform .4s}
@media (hover:hover){body.blog-page .nfb-list li .post-container:hover .bg-img{transform:scale(1.04)}}
body.blog-page .nfb-list li .post-category{position:absolute;left:12px;top:12px;right:12px;display:flex;flex-wrap:wrap;gap:6px;margin:0!important;z-index:2}
body.blog-page .nfb-list li .post-category .category-name{display:inline-block!important;padding:4px 8px!important;margin:0!important;background:#111!important;color:#fff!important;border:0!important;border-radius:0!important;font:800 10.5px/1.2 var(--nf-font)!important;text-transform:uppercase;letter-spacing:.06em;text-decoration:none!important}
body.blog-page .nfb-list li .post-category .category-name::before,body.blog-page .nfb-list li .post-category .category-name::after{content:none!important;display:none!important}
body.blog-page .nfb-list li .post-info{display:flex!important;flex-direction:column;flex:1 1 auto;padding:16px 18px 18px!important;margin:0!important}
body.blog-page .nfb-list li .post-title-wrap{margin:0 0 6px!important}
body.blog-page .nfb-list li .post-title{margin:0!important;padding:0!important;font:800 18px/1.25 var(--nf-font)!important;text-transform:none!important;letter-spacing:0!important}
body.blog-page .nfb-list li .post-title a{color:#111!important;text-decoration:none!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (hover:hover){body.blog-page .nfb-list li .post-title a:hover{color:#0a7aa8!important}}
body.blog-page .nfb-list li .post-data-wrap{margin:0 0 10px!important;font:500 12px/1.3 var(--nf-font)!important;color:#888!important}
body.blog-page .nfb-list li .post-data-wrap .post-view{display:none!important}
body.blog-page .nfb-list li .post-description{margin:0 0 14px!important;font:400 14px/1.55 var(--nf-font)!important;color:#555!important}
body.blog-page .nfb-list li .post-description p{margin:0!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font:inherit!important;color:inherit!important}
body.blog-page .nfb-list li .post-read-more{margin:auto 0 0!important;padding:0!important}
body.blog-page .nfb-list li .post-read-more a{display:inline-flex!important;align-items:center;gap:6px;padding:0!important;margin:0!important;height:auto!important;min-height:0!important;background:none!important;border:0!important;box-shadow:none!important;color:#111!important;font:800 12px/1 var(--nf-font)!important;text-transform:uppercase;letter-spacing:.08em;text-decoration:none!important;width:auto!important}
body.blog-page .nfb-list li .post-read-more a::before{content:none!important;display:none!important}
body.blog-page .nfb-list li .post-read-more a::after{content:"→"!important;display:inline!important;position:static!important;background:none!important;width:auto!important;height:auto!important;color:#3cbdec;font-size:15px;transition:transform .15s;opacity:1!important;transform:none}
@media (hover:hover){body.blog-page .nfb-list li .post-container:hover .post-read-more a::after{transform:translateX(3px)}}
@media (min-width:768px){
  body.blog-page .post-list-wrapper .post-list.nfb-list > li.nfb-feature{grid-column:1/-1}
  body.blog-page .nfb-list > li.nfb-feature > .post-container{flex-direction:row}
  body.blog-page .nfb-list li.nfb-feature .post-image{flex:0 0 55%;width:55%!important}
  body.blog-page .nfb-list li.nfb-feature .image-container,body.blog-page .nfb-list li.nfb-feature .image-wrap{height:100%;min-height:320px;aspect-ratio:auto}
  body.blog-page .nfb-list li.nfb-feature .post-info{padding:28px 30px!important;justify-content:center}
  body.blog-page .nfb-list li.nfb-feature .post-title{font-size:26px!important}
  body.blog-page .nfb-list li.nfb-feature .post-description p{-webkit-line-clamp:5}
  body.blog-page .nfb-list li.nfb-feature .post-read-more{margin:0!important}
}

/* ===== Single post – Magefan "modern" view ===== */
body.blog-post-view .post-view-modern > .post-holder{background:#fff;border:1px solid #e6e6e1;border-top:3px solid #3cbdec;padding:30px 34px 34px;margin:0 0 20px;box-sizing:border-box}
body.blog-post-view .post-view-modern .post-header{margin:0 0 18px!important}
body.blog-post-view .post-view-modern .post-category{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px!important}
body.blog-post-view .post-view-modern .post-category .category-name{display:inline-block;padding:4px 8px;background:#111;color:#fff!important;font:800 10.5px/1.2 var(--nf-font);text-transform:uppercase;letter-spacing:.06em;text-decoration:none!important}
body.blog-post-view .nfb-h1{margin:0 0 10px!important;font:800 36px/1.12 var(--nf-font)!important;color:#111!important;letter-spacing:-.01em}
body.blog-post-view .post-view-modern .post-data-wrap{margin:0!important;font:500 13px var(--nf-font);color:#888}
body.blog-post-view .post-view-modern .post-data-wrap .post-views{display:none!important}
body.blog-post-view .post-view-modern .post-featured-image{margin:0 0 18px!important}
body.blog-post-view .post-view-modern .post-featured-image img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}
body.blog-post-view .post-view-modern .post-tag{margin:0 0 22px!important}
body.blog-post-view .post-view-modern .post-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
body.blog-post-view .post-view-modern .post-tag-title{font:800 11px var(--nf-font);text-transform:uppercase;letter-spacing:.08em;color:#111;margin-right:4px}
body.blog-post-view .post-view-modern .post-tags a{display:inline-block;padding:4px 9px;background:#f0f1f4;color:#111!important;font:600 12px var(--nf-font);text-decoration:none!important}
@media (hover:hover){body.blog-post-view .post-view-modern .post-tags a:hover{background:#111;color:#fff!important}}
body.blog-post-view .post-view-modern .post-description{font:400 16px/1.75 var(--nf-font)!important;color:#333!important;max-width:760px}
body.blog-post-view .post-view-modern .post-description > p:first-child{font-size:18px!important;line-height:1.65!important;color:#222!important}
body.blog-post-view .post-view-modern .post-description :is(h2,h3,h4){font-family:var(--nf-font)!important;font-weight:800!important;color:#111!important;line-height:1.25!important;margin:1.7em 0 .55em!important;text-transform:none!important}
body.blog-post-view .post-view-modern .post-description h2{font-size:25px!important;padding-top:14px;border-top:1px solid #ecece6}
body.blog-post-view .post-view-modern .post-description h3{font-size:19px!important}
body.blog-post-view .post-view-modern .post-description p{margin:0 0 1em!important}
body.blog-post-view .post-view-modern .post-description :is(ul,ol){margin:0 0 1.2em!important;padding-left:1.4em!important}
body.blog-post-view .post-view-modern .post-description li{margin:0 0 .35em!important}
body.blog-post-view .post-view-modern .post-description ul li::marker{color:#3cbdec}
body.blog-post-view .post-view-modern .post-description a{color:#0a7aa8!important;font-weight:700;text-decoration:underline;text-decoration-color:#3cbdec;text-underline-offset:3px}
body.blog-post-view .post-view-modern .post-description img{max-width:100%;height:auto}
/* share: small square buttons instead of huge icons */
body.blog-post-view .post-sharing{margin:26px 0 0!important;padding:18px 0 0!important;border-top:1px solid #ecece6}
body.blog-post-view .post-sharing .share-elements{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
body.blog-post-view .post-sharing .share-elements::before{content:"Dela:";font:800 12px var(--nf-font);text-transform:uppercase;letter-spacing:.08em;color:#111;margin-right:4px}
body.blog-post-view .post-sharing .icon-wrapper{display:inline-flex!important;align-items:center;gap:8px;height:40px;padding:0 14px 0 6px;margin:0!important;background:#111;cursor:pointer;float:none!important;width:auto!important}
body.blog-post-view .post-sharing .icon-wrapper .icon{display:flex!important;align-items:center;justify-content:center;width:28px!important;height:28px!important;margin:0!important;padding:0!important;background:none!important}
body.blog-post-view .post-sharing .icon-wrapper svg{width:22px!important;height:22px!important;fill:#fff!important}
body.blog-post-view .post-sharing .icon-wrapper .label{font:700 12px var(--nf-font)!important;color:#fff!important;margin:0!important;white-space:nowrap}
@media (hover:hover){body.blog-post-view .post-sharing .icon-wrapper:hover{background:#3cbdec}body.blog-post-view .post-sharing .icon-wrapper:hover .label{color:#111!important}}
/* prev / next */
body.blog-post-view .post-nextprev{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 0!important}
body.blog-post-view .post-nextprev > div{max-width:none!important;flex:none!important;padding:0!important}
body.blog-post-view .post-nextprev .nextprev-link{display:block!important;float:none!important;padding:14px 16px;background:#f0f1f4;color:#111!important;font:700 14px/1.35 var(--nf-font);text-decoration:none!important}
body.blog-post-view .post-nextprev .nextprev-link span{display:block;font:800 11px var(--nf-font);text-transform:uppercase;letter-spacing:.08em;color:#0a7aa8;margin:0 0 4px}
body.blog-post-view .post-nextprev .next-link{text-align:right}
@media (hover:hover){body.blog-post-view .post-nextprev .nextprev-link:hover{background:#111;color:#fff!important}}
/* related posts */
body.blog-post-view .block.related{margin:26px 0 0!important}
body.blog-post-view .block.related:has(.post-list)::before{content:"Läs också";display:block;margin:0 0 12px;font:800 18px var(--nf-font);text-transform:uppercase;letter-spacing:.02em;color:#111}
body.blog-post-view .block.related .post-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0!important;padding:0!important}
body.blog-post-view .block.related .post-holder{display:flex!important;flex-direction:column;margin:0!important;padding:0!important;width:auto!important;max-width:none!important;float:none!important;background:#fff;border:1px solid #e6e6e1;border-top:3px solid #3cbdec}
body.blog-post-view .block.related .post-image-wrapper{display:block!important;aspect-ratio:16/10;overflow:hidden;margin:0!important;width:100%!important;max-width:none!important;float:none!important}
body.blog-post-view .block.related .post-image-wrapper img{width:100%!important;height:100%!important;object-fit:cover;display:block;max-width:none!important}
body.blog-post-view .block.related .post-content{padding:12px 14px 14px!important;margin:0!important;width:auto!important;float:none!important}
body.blog-post-view .block.related .post-categories{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 6px!important}
body.blog-post-view .block.related .post-categories a{font:800 10px var(--nf-font)!important;text-transform:uppercase;letter-spacing:.05em;color:#0a6e94!important;background:#eaf7fd;padding:2px 6px;text-decoration:none!important}
body.blog-post-view .block.related .post-title{margin:0!important;font:800 15px/1.3 var(--nf-font)!important;text-transform:none!important}
body.blog-post-view .block.related .post-title a{color:#111!important;text-decoration:none!important}
body.blog-post-view .block.comments .fb-comments:empty{display:none}
@media (max-width:767px){
  body.blog-post-view .post-view-modern > .post-holder{padding:20px 16px 24px}
  body.blog-post-view .nfb-h1{font-size:26px!important}
  body.blog-post-view .post-view-modern .post-description{font-size:15.5px!important}
  body.blog-post-view .block.related .post-list{grid-template-columns:1fr 1fr}
  body.blog-post-view .post-nextprev{grid-template-columns:1fr}
}
body.blog-page .nfb-list li div.post-read-more::after,body.blog-page .nfb-list li div.post-read-more::before{content:none!important;display:none!important}
/* (2026-11-08k) blog: posts without image → black tile with logo; video posts → YouTube thumb + play mark */
body.blog-page .nfb-list .nfb-noimg{background:#111!important;position:relative}
body.blog-page .nfb-list .nfb-noimg::after{content:"NORDIC FIGHTER";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:800 18px var(--nf-font);letter-spacing:.2em;color:#3cbdec;border-bottom:3px solid #3cbdec}
body.blog-page .nfb-list .nfb-noimg .bg-img{opacity:0}
body.blog-page .nfb-list .nfb-video{position:relative}
body.blog-page .nfb-list .nfb-video::after{content:"";position:absolute;left:50%;top:50%;width:58px;height:40px;margin:-20px 0 0 -29px;border-radius:10px;background:#e00 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l8 5-8 5z' fill='%23fff'/%3E%3C/svg%3E") center/24px no-repeat;box-shadow:0 4px 14px rgba(0,0,0,.35);z-index:1}
body.blog-page .nfb-list .nfb-video img{width:100%;height:100%;object-fit:cover;display:block}
/* single post: prev/next side by side (the clearfix pseudo elements were taking grid cells) */
body.blog-post-view .post-nextprev::before,body.blog-post-view .post-nextprev::after{content:none!important;display:none!important}
body.blog-post-view .post-nextprev .post-prev{grid-column:1}
body.blog-post-view .post-nextprev .post-next{grid-column:2}
body.blog-post-view .post-nextprev .post-prev:empty,body.blog-post-view .post-nextprev .post-next:empty{visibility:hidden}
body.blog-post-view .post-nextprev .prev-link{text-align:left}
body.blog-post-view .post-view-modern .post-description iframe{display:block;width:100%!important;max-width:100%;aspect-ratio:16/9;height:auto!important;border:0}
@media (max-width:767px){body.blog-post-view .post-nextprev .post-prev,body.blog-post-view .post-nextprev .post-next{grid-column:auto}}
/* pager arrows */
body.blog-page .toolbar-blog-posts .pages-items .pages-item-next a::after{content:"→"!important;display:inline!important;font:800 18px/1 Arial,sans-serif;color:#111}
body.blog-page .toolbar-blog-posts .pages-items .pages-item-previous a::after{content:"←"!important;display:inline!important;font:800 18px/1 Arial,sans-serif;color:#111}
body.blog-page .toolbar-blog-posts .pages-items :is(.pages-item-next,.pages-item-previous) a > span{display:none!important}
/* (2026-11-08k) blog lists: excerpts must not show videos/images (the card image already does) */
body.blog-page .nfb-list .post-description :is(iframe,video,img,figure,.video-container,.fluid-width-video-wrapper){display:none!important}
body.blog-page .nfb-list .post-description > *:not(p){display:none!important}
body.blog-page .nfb-list .post-description a{color:inherit!important;font-weight:400;text-decoration:none!important;word-break:break-word}
body.blog-page .nfb-list li .post-data-wrap a,body.blog-page .nfb-list .post-author a{color:#0a7aa8!important;text-decoration:none!important}
/* blog category / tag / search page title */
body.blog-page:not(.blog-post-view) .page-title-wrapper{margin:0 0 6px!important}
body.blog-page:not(.blog-post-view) .page-title-wrapper .page-title,body.blog-page:not(.blog-post-view) .page-title-wrapper .page-title .base{font:800 32px/1.1 var(--nf-font)!important;text-transform:uppercase;letter-spacing:.02em;color:#111!important}
body.blog-page .post-list-wrapper ~ *, body.blog-page .category-description, body.blog-page .post-category-description{font:400 15px/1.55 var(--nf-font)}
body.blog-page .column.main > .category-view, body.blog-page .column.main > .post-category-description, body.blog-page .column.main > .category-description{margin:0 0 18px!important;color:#555}
@media (max-width:767px){body.blog-page:not(.blog-post-view) .page-title-wrapper .page-title{font-size:24px!important}}
/* blog search button: white magnifier on black */
:is(html,#nf-id) body.blog-page .sidebar-additional .blog-search .action.search{display:inline-flex!important;align-items:center;justify-content:center;width:48px!important;min-width:48px;padding:0!important;font-size:0!important;color:#fff!important;background:#111 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L21 21'/%3E%3C/svg%3E") center/20px no-repeat!important}
:is(html,#nf-id) body.blog-page .sidebar-additional .blog-search .action.search span{display:none!important}
@media (hover:hover){:is(html,#nf-id) body.blog-page .sidebar-additional .blog-search .action.search:hover{background-color:#3cbdec!important}}
/* (2026-11-08k) pager arrows: drop the theme's own rotated arrow pieces, draw one clean SVG arrow */
:is(html,#nf-id) body.blog-page .toolbar-blog-posts .pages-items :is(.pages-item-next,.pages-item-previous) a::before{content:none!important;display:none!important}
:is(html,#nf-id) body.blog-page .toolbar-blog-posts .pages-items :is(.pages-item-next,.pages-item-previous) a{position:relative!important;font-size:0!important;color:transparent!important;overflow:hidden}
:is(html,#nf-id) body.blog-page .toolbar-blog-posts .pages-items :is(.pages-item-next,.pages-item-previous) a::after{content:""!important;display:block!important;position:absolute!important;left:50%!important;top:50%!important;width:18px!important;height:18px!important;margin:-9px 0 0 -9px!important;border:0!important;transform:none!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center/18px no-repeat!important;opacity:1!important;right:auto!important;bottom:auto!important}
:is(html,#nf-id) body.blog-page .toolbar-blog-posts .pages-items .pages-item-previous a::after{transform:scaleX(-1)!important}
:is(html,#nf-id) body.blog-page .toolbar-blog-posts .pages-items :is(.pages-item-next,.pages-item-previous) a *{display:none!important}

/* (2026-11-08k) blog post: related PRODUCTS block (same cards as on product pages) */
body.blog-post-view .block.related:has(.products-related){margin:30px 0 10px!important;padding:24px 0 0!important;border-top:1px solid #e6e6e1}
body.blog-post-view .block.related:has(.products-related) .block-title{margin:0 0 14px!important;padding:0!important;border:0!important}
body.blog-post-view .block.related:has(.products-related) .block-title strong{font:800 18px/1.2 var(--nf-font)!important;text-transform:uppercase;letter-spacing:.02em;color:#111!important}
body.blog-post-view .block.related .products-related .product-items{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px!important;margin:0!important;padding:0!important}
body.blog-post-view .block.related .products-related .product-items > li.product-item{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;flex:none!important}
@media (max-width:1024px){body.blog-post-view .block.related .products-related .product-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* (2026-11-08k) blog intro inside the post column */
body.blog-page.nfb-intro-in .column.main > .nfb-intro{max-width:none!important;width:100%!important;margin:0 0 18px!important}
body.blog-page.nfb-intro-in .page-main > .breadcrumbs{margin:14px 0 12px!important}
body.blog-page.nfb-intro-in .sidebar-additional{margin-top:0!important;padding-top:0!important}
@media (max-width:767px){body.blog-page.nfb-intro-in .column.main > .nfb-intro{margin:0 0 14px!important}}

/* ===== PRODUKTSIDA: video under Specifikationer + content aligned with the gallery (2026-11-08k) ===== */
body.catalog-product-view.nfp-ready .product.info.detailed { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; width: auto !important; max-width: none !important; }
body.catalog-product-view.nfp-ready .product.info.detailed .product.data.items { padding: 0 !important; margin: 0 !important; width: auto !important; }
body.catalog-product-view.nfp-ready .product.info.detailed .product.data.items > .nfp-video--side { flex: 1 1 100%; margin: 0 !important; align-self: start; background: transparent !important; height: auto !important; }
@media (min-width: 1025px) {
  body.catalog-product-view.nfp-ready .product.info.detailed .product.data.items {
    display: grid !important; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); grid-template-rows: auto 1fr; gap: 14px; align-items: start;
  }
  body.catalog-product-view.nfp-ready .product.info.detailed .product.data.items > * { grid-column: 1 / -1; }
  body.catalog-product-view.nfp-ready .product.info.detailed .product.data.items > .item.content.nfp-desc { grid-column: 1; grid-row: 1 / span 2; }
  body.catalog-product-view.nfp-ready .product.info.detailed .product.data.items > .item.content.nfp-specs { grid-column: 2; grid-row: 1; }
  body.catalog-product-view.nfp-ready .product.info.detailed .product.data.items > .nfp-video--side { grid-column: 2; grid-row: 2; }
  /* no specifications card: the description keeps the full width */
  body.catalog-product-view.nfp-ready .product.info.detailed .product.data.items:not(:has(> .nfp-specs)) > .item.content.nfp-desc { grid-column: 1 / -1; grid-row: auto; }
  /* no description card: specifications + video side by side */
  body.catalog-product-view.nfp-ready .product.info.detailed .product.data.items:not(:has(> .nfp-desc)) > .item.content.nfp-specs { grid-column: 1; }
  body.catalog-product-view.nfp-ready .product.info.detailed .product.data.items:not(:has(> .nfp-desc)) > .nfp-video--side { grid-row: 1; }
}

/* ===== RECENSIONER C: score strip + quote cards (2026-11-08k) – built by nf-custom.js 04o ===== */
#customer-reviews.nfr-on > .block-title,
#customer-reviews.nfr-on .extended-review-summary-wrapper,
#customer-reviews.nfr-on ol.review-items,
.block.review-add.nfr-hide { display: none !important; }
.nfr-strip { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; background: #fff; border: 1px solid #e0e0d8; border-left: 4px solid #3cbdec; padding: 14px 16px; margin: 0 0 8px; }
.nfr-strip__t { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 900; font-size: 16px; text-transform: uppercase; color: #1a1a1a; letter-spacing: .3px; }
.nfr-strip__score { font-weight: 900; font-size: 18px; color: #1a1a1a; }
.nfr-strip__n { font-size: 13px; color: #777; }
.nfr-btn { margin-left: auto; display: inline-flex; align-items: center; min-height: 42px; padding: 0 18px; background: #3cbdec; color: #fff !important; font-weight: 900; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none !important; }
.nfr-btn:hover { background: #111; }
.nfr-login { margin: 0 0 14px !important; font-size: 13px; color: #777; }
.nfr-login a { color: #006898 !important; font-weight: 700; text-decoration: underline; }
.nfr-stars { position: relative; display: inline-block; font-size: 15px; line-height: 1; letter-spacing: 2px; white-space: nowrap; }
.nfr-stars__bg { color: #dcdcd6; }
.nfr-stars__fg { position: absolute; left: 0; top: 0; overflow: hidden; color: #f5a623; }
.nfr-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.nfr-card { position: relative; background: #fff; border: 1px solid #e0e0d8; border-top: 3px solid #3cbdec; padding: 18px 20px 16px; display: flex; flex-direction: column; gap: 8px; }
.nfr-q { font-family: Georgia, serif; font-size: 48px; line-height: .6; height: 22px; color: #3cbdec; font-weight: 900; }
.nfr-card__t { margin: 2px 0 0 !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 900 !important; font-size: 15px !important; text-transform: uppercase; color: #1a1a1a !important; line-height: 1.3 !important; }
.nfr-card__x { margin: 0 !important; font-size: 14px; line-height: 1.6; color: #333; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.nfr-card__x.is-open { display: block; -webkit-line-clamp: unset; }
.nfr-more { align-self: flex-start; background: none !important; border: 0 !important; padding: 0 !important; color: #006898 !important; font-weight: 700; font-size: 13px; text-decoration: underline; cursor: pointer; box-shadow: none !important; min-height: 0 !important; }
.nfr-card__by { margin-top: auto; padding-top: 6px; font-size: 12px; color: #888; }
.nfr-card__by b { color: #1a1a1a; font-weight: 900; text-transform: uppercase; letter-spacing: .5px; font-size: 12px; }
@media (max-width: 640px) {
  .nfr-btn { margin-left: 0; width: 100%; justify-content: center; }
  .nfr-grid { grid-template-columns: 1fr; }
}

/* =====================================================================
   SERVICESIDOR – Bygga gym / Företagsgym / Leasing / Offert (2026-11-08k)
   nf-custom.js 04p adds .nfs-* alias classes to the CMS markup and body.nfs-on.
   ===================================================================== */
body.nfs-on .nfs-page { max-width: 1100px; margin: 0 auto; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #1a1a1a; }
body.nfs-on .nfs-page > * { margin-left: 0 !important; margin-right: 0 !important; }
body.nfs-on .nfs-page > * + * { margin-top: 0; }
body.nfs-on .nfs-page > :not(.nfs-hero):not(.nfs-tabs) { margin-bottom: 24px !important; }

/* ---- hero ---- */
body.nfs-on .nfs-page .nfs-hero { padding: 56px 44px 52px; margin: 0 !important; }
body.nfs-on .nfs-page .nfs-hero-accent { width: 30%; max-width: 330px; }
body.nfs-on .nfs-page .nfs-hero h1 {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 700 !important;
  font-size: clamp(30px, 3.6vw, 44px) !important; line-height: 1.08 !important; letter-spacing: -.5px !important;
  text-transform: none !important; color: #fff !important; margin: 0 0 14px !important; max-width: calc(100% - 290px);
}
body.nfs-on .nfs-page .nfs-hero p { max-width: 560px; color: #c9c9c9 !important; font-size: 15px; line-height: 1.6; }
body.nfs-on .nfs-hero-cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
body.nfs-on .nfs-hero-cta a { display: inline-flex; align-items: center; min-height: 46px; padding: 0 22px; font-size: 12px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; text-decoration: none !important; transition: background .15s, color .15s, border-color .15s; }
body.nfs-on .nfs-hero-cta .nfs-b1 { background: #3cbdec; color: #0a0a0a !important; }
body.nfs-on .nfs-hero-cta .nfs-b1:hover { background: #fff; }
body.nfs-on .nfs-hero-cta .nfs-b2 { border: 1px solid #555; color: #fff !important; }
body.nfs-on .nfs-hero-cta .nfs-b2:hover { border-color: #3cbdec; color: #3cbdec !important; }

/* ---- tab row ---- */
body.nfs-on .nfs-page .nfs-nav { display: none !important; }
body.nfs-on .nfs-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 0 28px !important; }
body.nfs-on .nfs-tabs a { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 58px; padding: 0 20px; background: #fff; border: 1px solid #e0e0d8; border-left-width: 0; color: #006898 !important; font-size: 13px; font-weight: 900; letter-spacing: .8px; text-transform: uppercase; text-decoration: none !important; transition: background .15s, color .15s; }
body.nfs-on .nfs-tabs a:first-child { border-left-width: 1px; }
body.nfs-on .nfs-tabs a i { font-style: normal; transition: transform .15s; }
body.nfs-on .nfs-tabs a:hover { background: #f6f6f2; }
body.nfs-on .nfs-tabs a:hover i { transform: translateX(3px); }
body.nfs-on .nfs-tabs a.is-on { background: #0a0a0a; color: #fff !important; box-shadow: inset 0 -4px 0 #3cbdec; border-color: #0a0a0a; }
body.nfs-on .nfs-tabs a.is-on i { color: #3cbdec; }

/* ---- centred section headings ---- */
body.nfs-on .nfs-page .nfs-section-heading { text-align: center; padding: 8px 0 0; }
body.nfs-on .nfs-page .nfs-section-heading h2 { font-weight: 900 !important; font-size: 26px !important; text-transform: uppercase; color: #1a1a1a !important; margin: 0 0 8px !important; }
body.nfs-on .nfs-page .nfs-section-heading h5,
body.nfs-on .nfs-page .nfs-section-heading p { font-style: normal !important; color: #666 !important; font-size: 15px !important; line-height: 1.6; margin: 0 !important; }

/* ---- numbered content cards ---- */
body.nfs-on .nfs-page .nfs-sections { gap: 18px !important; }
body.nfs-on .nfs-page :is(.nfs-section, .nfs-intro) { background: #fff; border: 1px solid #e0e0d8 !important; border-top: 3px solid #3cbdec !important; padding: 30px 32px !important; }
body.nfs-on .nfs-page .nfs-intro { border-left-width: 1px !important; }
body.nfs-on .nfs-page .nfs-section h2 { font-weight: 900 !important; font-size: 20px !important; text-transform: uppercase; color: #1a1a1a !important; display: flex; align-items: center; gap: 12px; margin: 0 0 18px !important; }
body.nfs-on .nfs-page .nfs-intro h4 { color: #006898 !important; font-weight: 900 !important; }
body.nfs-on .nfs-page .nfs-num { min-width: 34px !important; height: 34px !important; background: #0a0a0a !important; color: #3cbdec !important; font-size: 13px !important; font-weight: 900 !important; }
body.nfs-on .nfs-page :is(.nfs-section-split, .nfs-section-split.reverse) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 32px !important; align-items: center !important; }
body.nfs-on .nfs-page .nfs-section-text, body.nfs-on .nfs-page .nfs-section-text p, body.nfs-on .nfs-page .nfs-section > p { font-size: 15px !important; line-height: 1.75 !important; color: #444 !important; }
body.nfs-on .nfs-page .nfs-section-img img { width: 100%; aspect-ratio: 4 / 3; height: auto !important; max-height: 380px; object-fit: cover; }
body.nfs-on .nfs-page .nfs-section-img-bg { aspect-ratio: 4 / 3 !important; max-height: 380px; }

/* ---- big photo (Företagsgym / Offert): no more full-screen portrait ---- */
body.nfs-on .nfs-page .nfs-image { padding: 0 !important; }
body.nfs-on .nfs-page .nfs-image img { width: 100% !important; height: clamp(240px, 36vw, 420px) !important; object-fit: cover; object-position: center 25%; }

/* ---- icon tiles ---- */
body.nfs-on .nfs-page .nfs-info { padding: 0 !important; gap: 12px !important; }
body.nfs-on .nfs-page .nfs-info-item { border-top: 3px solid #3cbdec !important; padding: 18px 20px !important; }
body.nfs-on .nfs-page :is(.nfs-info-icon, .nfs-contact-icon-img) { width: 44px !important; height: 44px !important; padding: 0 !important; background: #3cbdec !important; color: #0a0a0a; }
body.nfs-on .nfs-page :is(.nfs-info-icon, .nfs-contact-icon-img) svg { width: 24px; height: 24px; }
body.nfs-on .nfs-page .nfs-info-item:hover .nfs-info-icon { background: #0a0a0a !important; color: #3cbdec; }
body.nfs-on .nfs-page :is(.nfs-promo, .nfs-three, .nfs-testimonials, .nfs-prices) { padding: 0 !important; }
body.nfs-on .nfs-page :is(.nfs-promo-item, .nfs-three-card, .nfs-price) { border-top: 3px solid #3cbdec !important; }
body.nfs-on .nfs-page .nfs-three-icon { background: #3cbdec !important; color: #0a0a0a !important; }
body.nfs-on .nfs-page .nfs-three-card h4 { color: #1a1a1a !important; font-weight: 900 !important; }

/* ---- gallery ---- */
body.nfs-on .nfs-page .nfs-gallery-section { padding: 36px 0 40px !important; }
body.nfs-on .nfs-page #pulse-arrow { display: none !important; }
body.nfs-on .nfs-page #image-track > .image { width: 340px !important; height: 300px !important; }
body.nfs-on .nfs-page #image-track { padding-left: 32px; }

/* ---- dark "Utrymme" card ---- */
body.nfs-on .nfs-page .nfs-utrymme { padding: 40px 44px !important; }
body.nfs-on .nfs-page .nfs-utrymme-inner { max-width: none !important; }

/* ---- forms: dark side + white form ---- */
body.nfs-on .nfs-page .nfs-dark, body.nfs-on .nfs-page .nfs-contact { padding: 0 !important; background: transparent !important; border: 0 !important; scroll-margin-top: 110px; }
body.nfs-on .nfs-page .nfs-dark-inner {
  max-width: none !important; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  grid-template-areas: "h form" "sub form" "perks form" ". form"; grid-template-rows: auto auto auto 1fr;
  background: #0a0a0a; border-left: 6px solid #3cbdec;
}
body.nfs-on .nfs-page .nfs-dark-inner > h2 { grid-area: h; text-align: left !important; padding: 40px 36px 0; font-weight: 900 !important; }
body.nfs-on .nfs-page .nfs-dark-sub { grid-area: sub; text-align: left !important; padding: 0 36px; margin: 0 0 22px !important; }
body.nfs-on .nfs-page .nfs-dark-badge-wrap, body.nfs-on .nfs-page .nfs-contact-badge-wrap { display: none !important; }
body.nfs-on .nfs-perks { grid-area: perks; list-style: none; margin: 0 !important; padding: 0 36px 36px !important; }
body.nfs-on .nfs-perks li { position: relative; padding: 0 0 0 28px; margin: 0 0 12px; color: #ddd; font-size: 14px; line-height: 1.5; }
body.nfs-on .nfs-perks li::before { content: ""; position: absolute; left: 0; top: 2px; width: 16px; height: 16px; background: #3cbdec; clip-path: polygon(14% 52%, 0 66%, 38% 100%, 100% 22%, 86% 8%, 38% 72%); }
body.nfs-on .nfs-perks .nfs-perks__tel { margin-top: 20px; padding-top: 16px; border-top: 1px solid #2a2a2a; padding-left: 0; }
body.nfs-on .nfs-perks .nfs-perks__tel::before { display: none; }
body.nfs-on .nfs-perks a { color: #3cbdec !important; font-weight: 900; }
body.nfs-on .nfs-page .nfs-dark-inner > .pflfo-section { grid-area: form; background: #fff; padding: 34px 36px 30px; margin: 0; }
body.nfs-on .nfs-page .nfs-contact-grid { max-width: none !important; gap: 0 !important; background: #0a0a0a; border-left: 6px solid #3cbdec; align-items: stretch !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) !important; }
body.nfs-on .nfs-page .nfs-contact-info { padding: 40px 36px; }
body.nfs-on .nfs-page .nfs-contact-form-wrap { padding: 34px 36px 30px !important; }
body.nfs-on .nfs-page :is(.nfs-dark, .nfs-contact) .pflfo-section .field .label { color: #1a1a1a !important; font-size: 12px !important; font-weight: 900 !important; letter-spacing: .6px; text-transform: uppercase; margin: 0 0 6px !important; }
body.nfs-on .nfs-page :is(.nfs-dark, .nfs-contact) .pflfo-section .field.required .label::after { color: #d7261e; }
body.nfs-on .nfs-page :is(.nfs-dark, .nfs-contact) .pflfo-section .input-text { background: #fafaf7 !important; border: 1px solid #cfcfc8 !important; color: #1a1a1a !important; padding: 12px 14px !important; }
body.nfs-on .nfs-page :is(.nfs-dark, .nfs-contact) .pflfo-section .input-text:focus { border-color: #3cbdec !important; background: #fff !important; box-shadow: 0 0 0 3px rgba(60, 189, 236, .2); }
body.nfs-on .nfs-page :is(.nfs-dark, .nfs-contact) .pflfo-section .actions-toolbar { text-align: left !important; }
body.nfs-on .nfs-page :is(.nfs-dark, .nfs-contact) .pflfo-section .action.primary { width: 100%; padding: 15px 20px !important; }
body.nfs-on .nfs-page :is(.nfs-dark, .nfs-contact) .pflfo-section .action.primary:hover { background: #0a0a0a !important; color: #fff !important; border-color: #0a0a0a !important; }

body.nfs-on .nfs-page .pflfo-section fieldset { border: 0 !important; padding: 0 !important; margin: 0 !important; min-width: 0; }

/* ---- leasing ---- */
body.nfs-on .nfs-page .nfs-testimonials { gap: 18px !important; }
body.nfs-on .nfs-page .nfs-testimonial { border-top: 3px solid #3cbdec !important; }
body.nfs-on .nfs-page .nfs-testimonial-foot { display: grid; grid-template-columns: 56px minmax(0, 1fr); column-gap: 14px; align-items: center; text-align: left !important; padding: 16px 24px !important; border-top: 0 !important; }
body.nfs-on .nfs-page .nfs-testimonial-img { grid-row: 1 / span 3; width: 56px !important; height: 56px !important; margin: 0 !important; border: 2px solid #3cbdec !important; border-radius: 50%; box-shadow: none !important; }
body.nfs-on .nfs-page .nfs-testimonial-name, body.nfs-on .nfs-page .nfs-testimonial-title { grid-column: 2; }
body.nfs-on .nfs-page .nfs-testimonial-links { grid-column: 2; justify-content: flex-start !important; margin-top: 6px !important; }
body.nfs-on .nfs-page .nfs-trygga { margin: 0 0 24px !important; }
body.nfs-on .nfs-page .nfs-restvarde { margin: 0 0 24px !important; }
body.nfs-on .nfs-page .nfs-ansok { scroll-margin-top: 110px; }
body.nfs-on .nfs-page .nfs-ansok select { height: 50px !important; line-height: normal !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-right: 40px !important; }
body.nfs-on .nfs-page .nfs-ansok input[type="text"] { height: 50px !important; }
body.nfs-on .nfs-page .nfs-edge { margin: 0 0 24px !important; }

/* ---- bottom call to action ---- */
body.nfs-on .nfs-page .nfs-cta { background: #3cbdec !important; padding: 26px 32px !important; }
body.nfs-on .nfs-page .nfs-cta h4 { color: #0a0a0a !important; font-weight: 900 !important; text-transform: uppercase; font-size: 18px !important; }
body.nfs-on .nfs-page .nfs-cta p { color: #0a0a0a !important; opacity: .8; }
body.nfs-on .nfs-page .nfs-btn { background: #0a0a0a !important; color: #fff !important; }
body.nfs-on .nfs-page .nfs-btn:hover { background: #fff !important; color: #0a0a0a !important; }

@media (max-width: 900px) {
  body.nfs-on .nfs-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.nfs-on .nfs-tabs a { border-left-width: 1px; margin: 0 -1px -1px 0; }
  body.nfs-on .nfs-page .nfs-dark-inner { grid-template-columns: 1fr; grid-template-areas: "h" "sub" "perks" "form"; grid-template-rows: auto; }
  body.nfs-on .nfs-page .nfs-contact-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 768px) {
  body.nfs-on .nfs-page .nfs-hero-accent { width: 100% !important; max-width: none !important; }
  body.nfs-on .nfs-page .nfs-hero { padding: 44px 22px 36px; }
  body.nfs-on .nfs-page .nfs-hero h1 { max-width: none; font-size: 30px !important; }
  body.nfs-on .nfs-page :is(.nfs-section-split, .nfs-section-split.reverse) { grid-template-columns: 1fr !important; gap: 18px !important; }
  body.nfs-on .nfs-page :is(.nfs-section, .nfs-intro) { padding: 22px !important; }
  body.nfs-on .nfs-page .nfs-dark-inner > h2, body.nfs-on .nfs-page .nfs-dark-sub, body.nfs-on .nfs-perks { padding-left: 22px !important; padding-right: 22px !important; }
  body.nfs-on .nfs-page .nfs-dark-inner > .pflfo-section, body.nfs-on .nfs-page .nfs-contact-form-wrap, body.nfs-on .nfs-page .nfs-contact-info { padding: 24px 22px !important; }
  body.nfs-on .nfs-page #image-track > .image { width: 80vw !important; height: 240px !important; }
  body.nfs-on .nfs-page .nfs-cta { flex-direction: column; align-items: flex-start; }
}

/* ===== (2026-11-08k) FOOTER A – cyan newsletter strip, dark footer, all links kept, payments in the bottom row.
   Gated on body.nff-on (set by nf-custom.js 04q); without it the old footer stays. ===== */
html body.nff-on .page-footer { background: #0d0d0d !important; color: #bbb !important; padding: 0 !important; margin: 0 !important; border: 0 !important; }
html body.nff-on .page-footer .footer.content { background: transparent !important; border: 0 !important; max-width: 1400px !important; margin: 0 auto !important; padding: 44px 24px 36px !important; }
html body.nff-on .page-footer .nff-hide { display: none !important; }

/* newsletter strip */
html body.nff-on .page-footer .nff-news { background: #3cbdec !important; color: #04212d !important; }
html body.nff-on .page-footer .nff-news .nff-in { max-width: 1400px; margin: 0 auto; padding: 26px 32px; display: flex; align-items: center; gap: 28px; }
html body.nff-on .page-footer .nff-news .nff-txt { flex: 1 1 auto; min-width: 0; }
html body.nff-on .page-footer .nff-news .nff-t { font: 800 24px/1.15 var(--nf-font, 'Helvetica Neue', Helvetica, Arial, sans-serif) !important; color: #000 !important; text-transform: uppercase; letter-spacing: .01em; margin: 0 0 4px !important; }
html body.nff-on .page-footer .nff-news .nff-s { font-size: 14px !important; line-height: 1.45 !important; color: #04212d !important; }
html body.nff-on .page-footer .nff-news form { flex: 0 1 460px; display: flex !important; align-items: flex-start !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; width: auto !important; max-width: 100% !important; }
html body.nff-on .page-footer .nff-news form .field.newsletter { flex: 1 1 auto; margin: 0 !important; padding: 0 !important; max-width: none !important; width: auto !important; }
html body.nff-on .page-footer .nff-news form .control { margin: 0 !important; padding: 0 !important; }
html body.nff-on .page-footer .nff-news form .control::before, html body.nff-on .page-footer .nff-news form label { display: none !important; }
html body.nff-on .page-footer .nff-news #newsletter { width: 100% !important; height: 50px !important; margin: 0 !important; padding: 0 16px !important; background: #fff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #000 !important; font-size: 15px !important; }
html body.nff-on .page-footer .nff-news #newsletter:focus { outline: 2px solid #000 !important; outline-offset: -2px; }
html body.nff-on .page-footer .nff-news .actions { margin: 0 !important; padding: 0 !important; display: block !important; width: auto !important; }
html body.nff-on .page-footer .nff-news button.subscribe { height: 50px !important; min-height: 0 !important; margin: 0 !important; padding: 0 26px !important; background: #000 !important; color: #fff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font: 800 13px/1 var(--nf-font, 'Helvetica Neue', Helvetica, Arial, sans-serif) !important; letter-spacing: .08em !important; text-transform: uppercase !important; cursor: pointer; transition: background .2s; }
html body.nff-on .page-footer .nff-news button.subscribe:hover { background: #222 !important; }
html body.nff-on .page-footer .nff-news button.subscribe::before, html body.nff-on .page-footer .nff-news button.subscribe::after { display: none !important; content: none !important; }
html body.nff-on .page-footer .nff-news button.subscribe span { color: inherit !important; position: static !important; transform: none !important; }
html body.nff-on .page-footer .nff-news div.mage-error, html body.nff-on .page-footer .nff-news .mage-error[generated] { color: #000 !important; background: rgba(255,255,255,.75) !important; font-size: 12px !important; font-weight: 700 !important; padding: 4px 8px !important; margin: 6px 0 0 !important; }

/* columns */
html body.nff-on .page-footer .footer.content .nf-ft { color: #bbb !important; padding: 0 !important; }
html body.nff-on .page-footer .footer.content .nf-ft .nf-ft-grid { grid-template-columns: 1.25fr 1fr 1fr 1fr !important; gap: 40px !important; padding: 0 !important; }
html body.nff-on .page-footer .footer.content .nf-ft .nf-ft-col h4 { color: #fff !important; font-size: 13px !important; letter-spacing: .12em !important; margin: 0 0 16px !important; padding: 0 0 10px !important; }
html body.nff-on .page-footer .footer.content .nf-ft .nf-ft-col h4::after { background: #3cbdec !important; width: 28px !important; height: 2px !important; }
html body.nff-on .page-footer .footer.content .nf-ft .fas { display: none !important; }
html body.nff-on .page-footer .footer.content .nf-ft .nf-ft-col li { margin: 0 0 8px !important; font-size: 14px !important; }
html body.nff-on .page-footer .footer.content .nf-ft .nf-ft-col li a { color: #bbb !important; gap: 0 !important; }
html body.nff-on .page-footer .footer.content .nf-ft .nf-ft-col li a:hover { color: #3cbdec !important; transform: translateX(3px) !important; }
html body.nff-on .page-footer .footer.content .nf-ft .nf-ft-contact-info { color: #bbb !important; font-size: 14px !important; line-height: 1.6 !important; }
html body.nff-on .page-footer .footer.content .nf-ft .nf-ft-contact-info > div { gap: 0 !important; margin: 0 0 6px !important; }
html body.nff-on .page-footer .footer.content .nf-ft .nf-ft-contact-info strong { color: #fff !important; }
html body.nff-on .page-footer .footer.content .nf-ft .nf-ft-contact-info a { color: #bbb !important; }
html body.nff-on .page-footer .footer.content .nf-ft .nf-ft-contact-info a:hover { color: #3cbdec !important; }

/* parcel tracking on dark */
html body.nff-on .page-footer .footer.content .nf-ft .nf-ft-track { border-top: 1px solid #262626 !important; }
html body.nff-on .page-footer .footer.content .nf-ft .nf-ft-track-title { color: #fff !important; }
html body.nff-on .page-footer .footer.content .nf-ft #footer-package-tracking-input { background: #1a1a1a !important; border: 1px solid #333 !important; border-right: 0 !important; color: #fff !important; }
html body.nff-on .page-footer .footer.content .nf-ft #footer-package-tracking-input::placeholder { color: #777 !important; }
html body.nff-on .page-footer .footer.content .nf-ft #footer-package-tracking-input:focus { border-color: #3cbdec !important; }
html body.nff-on .page-footer .footer.content .nf-ft #footer-package-tracking-button { border: 1px solid #3cbdec !important; }
html body.nff-on .page-footer .footer.content .nf-ft #footer-package-tracking-button:hover { background: #fff !important; color: #000 !important; border-color: #fff !important; }

/* social icons (moved into column 1) */
html body.nff-on .page-footer .nff-soc { margin: 18px 0 0 !important; }
html body.nff-on .page-footer .nff-soc-t { color: #fff !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .12em !important; text-transform: uppercase !important; margin: 0 0 10px !important; }
html body.nff-on .page-footer .nff-soc .athlete2-social-icons { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; justify-content: flex-start !important; }
html body.nff-on .page-footer .nff-soc .athlete2-social-icon { width: 38px !important; height: 38px !important; margin: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: #1c1c1c !important; border: 1px solid #2c2c2c !important; border-radius: 0 !important; color: #fff !important; transition: background .2s, border-color .2s !important; }
html body.nff-on .page-footer .nff-soc .athlete2-social-icon:hover { background: #3cbdec !important; border-color: #3cbdec !important; color: #000 !important; }
html body.nff-on .page-footer .nff-soc .athlete2-social-icon::before { color: inherit !important; }

/* bottom row: © left, payment logos right (they are white – made for the dark footer) */
html body.nff-on .page-footer .copyright-footer { background: #0d0d0d !important; border-top: 1px solid #222 !important; padding: 18px 0 !important; }
html body.nff-on .page-footer .copyright-footer .container > .row { flex-direction: row-reverse !important; justify-content: space-between !important; align-items: center !important; gap: 16px 32px !important; flex-wrap: wrap !important; }
html body.nff-on .page-footer .copyright-footer .container > .row > [class*="col-"] { width: auto !important; text-align: left !important; }
html body.nff-on .page-footer .copyright-footer img { max-height: 34px !important; max-width: min(520px, 100%) !important; }
html body.nff-on .page-footer .copyright-footer .copyright strong { color: #bbb !important; font-weight: 400 !important; }

/* tablet */
@media (max-width: 1023px) {
  html body.nff-on .page-footer .nff-news .nff-in { flex-direction: column; align-items: stretch; gap: 16px; padding: 22px 24px; }
  html body.nff-on .page-footer .nff-news form { flex: none; width: 100% !important; }
  html body.nff-on .page-footer .footer.content .nf-ft .nf-ft-grid { grid-template-columns: 1fr 1fr !important; gap: 32px !important; }
}
/* mobile: columns 2-4 fold out */
@media (max-width: 767px) {
  html body.nff-on .page-footer .nff-news .nff-in { padding: 22px 16px; }
  html body.nff-on .page-footer .nff-news .nff-t { font-size: 20px !important; }
  html body.nff-on .page-footer .nff-news .nff-s { font-size: 13px !important; }
  html body.nff-on .page-footer .nff-news #newsletter, html body.nff-on .page-footer .nff-news button.subscribe { height: 48px !important; }
  html body.nff-on .page-footer .nff-news button.subscribe { padding: 0 16px !important; }
  html body.nff-on .page-footer .footer.content { padding: 30px 16px 20px !important; }
  html body.nff-on .page-footer .footer.content .nf-ft .nf-ft-grid { grid-template-columns: 1fr !important; gap: 0 !important; }
  html body.nff-on .page-footer .footer.content .nf-ft .nf-ft-col:first-child { padding: 0 0 22px !important; }
  html body.nff-on .page-footer .footer.content .nf-ft .nff-fold { border-top: 1px solid #222 !important; }
  html body.nff-on .page-footer .footer.content .nf-ft .nff-fold h4 { margin: 0 !important; padding: 16px 30px 16px 0 !important; cursor: pointer; user-select: none; }
  html body.nff-on .page-footer .footer.content .nf-ft .nff-fold h4::after { left: auto !important; right: 4px !important; top: 50% !important; bottom: auto !important; width: 9px !important; height: 9px !important; background: transparent !important; border: solid #3cbdec !important; border-width: 0 2px 2px 0 !important; transform: translateY(-70%) rotate(45deg) !important; transition: transform .2s !important; }
  html body.nff-on .page-footer .footer.content .nf-ft .nff-fold.nff-open h4::after { transform: translateY(-30%) rotate(-135deg) !important; }
  html body.nff-on .page-footer .footer.content .nf-ft .nff-fold ul { display: none !important; padding: 0 0 14px !important; }
  html body.nff-on .page-footer .footer.content .nf-ft .nff-fold.nff-open ul { display: block !important; }
  html body.nff-on .page-footer .footer.content .nf-ft .nff-fold .nf-ft-track { margin: 0 0 18px !important; padding-top: 0 !important; border-top: 0 !important; }
  html body.nff-on .page-footer .copyright-footer { padding: 20px 0 140px !important; }
  html body.nff-on .page-footer .copyright-footer .container > .row { flex-direction: column-reverse !important; align-items: center !important; }
  html body.nff-on .page-footer .copyright-footer .container > .row > [class*="col-"] { text-align: center !important; }
  html body.nff-on .page-footer .copyright-footer img { max-height: 30px !important; }
}
html body.nff-on .page-footer .nff-soc .athlete2-social-icon span { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; }
/* (2026-11-08k) Spåra button: the theme's sliding button overlay turned it black-on-black on hover */
html body.nff-on .page-footer .footer.content .nf-ft #footer-package-tracking-button { position: relative !important; overflow: hidden !important; color: #000 !important; background: #3cbdec !important; }
html body.nff-on .page-footer .footer.content .nf-ft #footer-package-tracking-button::before,
html body.nff-on .page-footer .footer.content .nf-ft #footer-package-tracking-button::after { display: none !important; content: none !important; }
html body.nff-on .page-footer .footer.content .nf-ft #footer-package-tracking-button:is(:hover, :focus-visible) { background: #fff !important; color: #000 !important; border-color: #fff !important; }
html body.nff-on .page-footer .footer.content .nf-ft #footer-package-tracking-button * { color: inherit !important; }
html body.nff-on .page-footer .footer.content .nf-ft #footer-package-tracking-input:is(:hover, :focus) { background: #1a1a1a !important; color: #fff !important; }

/* ===== (2026-11-08k) Qliro checkout – mobile: logo no longer covered by "Logga in", compact total + cart ===== */
@media (max-width: 767px) {
  body:is(.checkout-qliro-index, .checkout-index-index) .page-header { border: 0 !important; margin: 0 !important; }
  body:is(.checkout-qliro-index, .checkout-index-index) .page-header .header.content { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 0 !important; padding: 14px 16px !important; }
  body:is(.checkout-qliro-index, .checkout-index-index) .page-header .logo { float: none !important; margin: 0 auto !important; padding: 0 !important; max-width: 82% !important; position: static !important; }
  body:is(.checkout-qliro-index, .checkout-index-index) .page-header .logo img,
  body:is(.checkout-qliro-index, .checkout-index-index) .page-header .logo svg { width: auto !important; max-width: 100% !important; max-height: 42px !important; height: auto !important; }

  /* "Logga in": from a big box over the logo to a small line above the total */
  body:is(.checkout-qliro-index, .checkout-index-index) .authentication-wrapper { position: static !important; float: none !important; transform: none !important; max-width: none !important; width: auto !important; margin: 12px 2px 10px !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 6px !important; font-size: 13px !important; color: #555 !important; }
  body:is(.checkout-qliro-index, .checkout-index-index) .authentication-wrapper::before { content: "Har du ett konto?"; }
  body:is(.checkout-qliro-index, .checkout-index-index) .authentication-wrapper .action-auth-toggle { height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; color: #000 !important; font-size: 13px !important; font-weight: 800 !important; text-decoration: underline !important; text-underline-offset: 3px; letter-spacing: 0 !important; text-transform: none !important; line-height: 1.3 !important; }
  body:is(.checkout-qliro-index, .checkout-index-index) .authentication-wrapper .action-auth-toggle::before,
  body:is(.checkout-qliro-index, .checkout-index-index) .authentication-wrapper .action-auth-toggle::after { display: none !important; content: none !important; }
  body:is(.checkout-qliro-index, .checkout-index-index) .authentication-wrapper .action-auth-toggle span { color: inherit !important; position: static !important; transform: none !important; }

  /* estimated total + cart button as one compact white bar */
  body:is(.checkout-qliro-index, .checkout-index-index) .opc-estimated-wrapper { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin: 0 0 14px !important; padding: 12px 14px !important; background: #fff !important; border: 1px solid #e3e3e3 !important; }
  body:is(.checkout-qliro-index, .checkout-index-index) .opc-estimated-wrapper::before,
  body:is(.checkout-qliro-index, .checkout-index-index) .opc-estimated-wrapper::after { display: none !important; }
  body:is(.checkout-qliro-index, .checkout-index-index) .opc-estimated-wrapper .estimated-block { float: none !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 2px !important; }
  body:is(.checkout-qliro-index, .checkout-index-index) .opc-estimated-wrapper .estimated-label { font-size: 11px !important; font-weight: 700 !important; letter-spacing: .1em !important; color: #666 !important; }
  body:is(.checkout-qliro-index, .checkout-index-index) .opc-estimated-wrapper .estimated-price { font-size: 22px !important; font-weight: 800 !important; color: #000 !important; line-height: 1.1 !important; }
  body:is(.checkout-qliro-index, .checkout-index-index) .opc-estimated-wrapper .minicart-wrapper { float: none !important; margin: 0 !important; }
  body:is(.checkout-qliro-index, .checkout-index-index) .opc-estimated-wrapper .action.showcart { float: none !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 46px !important; height: 46px !important; padding: 0 !important; background: #3cbdec !important; color: #000 !important; }
  body:is(.checkout-qliro-index, .checkout-index-index) .opc-estimated-wrapper .action.showcart svg { width: 22px !important; height: 22px !important; margin: 0 !important; }
  body:is(.checkout-qliro-index, .checkout-index-index) .opc-estimated-wrapper .action.showcart .counter.qty { position: absolute !important; top: -7px !important; right: -7px !important; min-width: 20px !important; height: 20px !important; line-height: 20px !important; padding: 0 5px !important; margin: 0 !important; background: #000 !important; color: #fff !important; font-size: 11px !important; font-weight: 800 !important; text-align: center !important; border-radius: 10px !important; }
  body:is(.checkout-qliro-index, .checkout-index-index) .opc-estimated-wrapper .action.showcart .counter.qty * { color: #fff !important; }

  /* Qliro box a bit wider on small screens */
  body:is(.checkout-qliro-index, .checkout-index-index) .page-main { padding-left: 10px !important; padding-right: 10px !important; }
}