/** Shopify CDN: Minification failed

Line 321:0 Unexpected "}"
Line 346:11 Expected identifier but found whitespace
Line 712:1 Expected identifier but found "0"
Line 1045:6 Unexpected "{"
Line 1045:15 Expected ":"
Line 1051:6 Unexpected "{"
Line 1051:15 Expected ":"
Line 1624:0 Unexpected "}"
Line 1847:9 Unexpected "{"
Line 1847:18 Expected ":"
... and 1 more hidden warnings

**/
.annoucement-bar-top {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
}

.annoucement-bar-top .singleblock {
  display: flex;
  align-items: center;
}
.annoucement-bar-top .singleblock span {
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
  align-items: center;
}

.annoucement-bar-top .singleblock span img {
height: 18px;
}

.annoucement-bar-top .singleblock span.block-icon svg {
  width: 18px;
  height: 18px;
}
.annoucement-bar-top .singleblock .block-title {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

@media only screen and (max-width: 767px) {
  .annoucement-bar-top .singleblock.block-3 {
    display: none;
  }
  .header-wrapper .annoucement-bar-top {
    flex-direction: row-reverse;
  }

  .annoucement-bar-top .singleblock .block-title {
    text-transform: uppercase;
  }
  .singleblock.block-2 span.block-icon {
    display: flex;
    align-items: center;
  }
  .annoucement-bar-top .singleblock .block-title {
    font-weight: 400;
  }
}
@media only screen and (max-width: 400px) {
  .annoucement-bar-top .singleblock .block-title {
    font-size: 10px;
  }
}
@media only screen and (max-width: 40px) {
  .annoucement-bar-top .singleblock .block-title {
    font-size: 9px;
  }
  .annoucement-bar-top .singleblock {
    margin-left: 5px;
    margin-right: 5px;
  }
  .annoucement-bar-top .singleblock.block-1 img {
    height: 15px;
    top: 1px;
  }
  .annoucement-bar-top .singleblock.block-2 img {
    height: 13px;
  }
}

.product-left-image-area {
  position: relative;
}
.overlay-badges {
  margin: 8px 8px 0;
  position: absolute;
  z-index: 3;
}
.overlay-badges .f-btn {
  font-size: 13px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  position: static;
  color: #fff;
  border-radius: 4px;
  padding: 4px 10px;
  border: none;
}

.overlay-badges .f-btn.yellow-color {
  background-color: #f5b52b;
}
.overlay-badges .f-btn.black-color {
  background: #000;
}
.overlay-badges .f-btn.green-color {
  background: #30d492;
}

.slider_images {
  display: flex;
}
.slider_images .img-slides {
  width: 20%;
}

.images-slider-section .img-slides {
  padding: 0px 5px;
  border-radius: 10px;
}

.images-slider-section .img-slides img,
.images-slider-section .img-slides svg {
  border-radius: 10px;
  width: 100%;
}

.images-slider-section .img-slides svg {
  width: 100%;
  height: auto;
}
.images-slider-section .images-slider-title-wrap h2 {
  text-align: center;
}

/**************** mega menu *****************/
li.has-megamenu header-menu > details {
  position: inherit;
}
header.header {
  position: relative;
}
li.has-megamenu .ul-header__megamenu {
  display: inline-flex;
  left: 50%;
  flex-wrap: wrap;
  justify-content: center;
  background: #fcf9f6;
  padding: 10px 5px;
  margin: 0 auto;
  transform: translatex(-50%);
}

li.has-megamenu .ul-header__megamenu li {
  flex: 0 0 190px;
  padding: 0 10px;
}
li.has-megamenu .ul-header__megamenu li .block-image-area img {
  width: 100%;
  height: auto;
}
li.has-megamenu .ul-header__megamenu li a {
  display: block;
  text-decoration: none;
}
li.has-megamenu .ul-header__megamenu li span.block-image-area,
li.has-megamenu .ul-header__megamenu li span.block-title-area {
  display: block;
  text-align: center;
}
li.has-megamenu .ul-header__megamenu li span.block-title-area {
  font-size: 18px;
  color: #000;
}

.mobile-menu-item-wrapper > span {
  display: block;
  width: 100%;
  margin-bottom: 5px;
}

.mobile-menu-item-wrapper .mobile_menu-image img {
  width: 100%;
  height: auto;
}

.custom-text-with-icons .icons__item-wrapper {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: flex-start;
}
.custom-text-with-icons .icons__item {
  /* width: 100%; */
   width: 33.3%;
  text-align: center;
  padding: 10px;
  margin-top: 10px;
}
.custom-text-with-icons .icon-size-2{
  width: 50%;
}
.custom-text-with-icons .icon-size-3{
  width: 33.3%;
}

.custom-text-with-icons .icons__item img.icons__item-img {
    width: 100%;
    max-width: 140px;
}
.custom-text-with-icons .icons__item svg {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.custom-text-with-icons .icons__itemz p {
  text-transform: uppercase;
}

.section-custom-featured-content .image-with-text__media-item {
  margin-top: -50px;
}

.section-custom-featured-content .image-with-text__content--top {
  justify-content: center;
}

.cart-drawer .cart-items thead {
  display: none;
}
#CartDrawer .drawer__header {
  border-bottom: solid 1px #ccc;
}
.cart__payment-icons ul.inline-list.payment-icons.footer__section.cart-payment {
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 5px;
  list-style-type: none;
  margin-bottom: 0px;
}
#CartDrawer-CartItems .cart-item__quantity-wrapper {
  display: flex;
  justify-content: space-between;
}
#CartDrawer-CartItems .cart-item__quantity-wrapper cart-remove-button {
  display: none;
}
#CartDrawer-CartItems td.cart-item__totals.right {
  display: none;
}
#CartDrawer-CartItems quantity-popover .cart-item__price-wrapper {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.cart-drawer .cart-item__details {
  grid-column: 2 / 5 !important;
}
header.header
  nav.header__inline-menu
  .list-menu
  .has-megamenu
  .ul-header__megamenu {
  z-index: 1;
  top: 95px;
}
@media screen and (max-width: 749px) {
  #menu-drawer .menu-drawer__navigation .menu-drawer__menu .list-menu__item {
    display: block;
    position: relative;
  }
  #menu-drawer
    .menu-drawer__navigation
    .menu-drawer__menu
    .list-menu__item:before {
    content: "";
    display: block;
    width: 100%;
    max-width: 90%;
    position: absolute;
    top: 0;
    z-index: 1;
    height: 1px;
    background-color: #e8e8e1;
  }
  #menu-drawer
    .menu-drawer__navigation
    .menu-drawer__menu
    li:last-child
    .list-menu__item:after {
    content: "";
    display: block;
    width: 100%;
    max-width: 90%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    height: 1px;
    background-color: #e8e8e1;
  }
  .mobile-menu-item-wrapper .mobile_menu-image img {
    border-radius: 8px;
  }
  #menu-drawer .menu-drawer__navigation .menu-drawer__menu-item {
    padding: 15px 20px;
  }
  #menu-drawer {
    max-width: 350px;
  }
}

}

.enable_product_badges_new > span.product-label {
  font-size: 14px;
  border-radius: 4px;
  color: #fff;
  padding: 4px 8px;
  margin-right:5px;
}

.announcement-bar-top .block-icon {
  display: inline-block;
  transform: translateY(10px); /* juster hvor mye du vil senke ikonet */
}

/* --- RESET gamle pose-ikon-regler (bag) --- */
.new-cart-svg-icon.icon.icon-bag-minimal,
.new-cart-svg-icon.icon.icon-bag-minimal path {
  all: unset !important;
}

/* --- Badge (antall) posisjon --- */
#cart-icon-bubble { position: relative; }

#cart-icon-bubble .cart-count-bubble {
  position: absolute


  /* CART ONLY — ikke rør de andre ikonene */
#cart-icon-bubble { position: relative; }

/* Størrelse på selve cart-ikonet */
#cart-icon-bubble svg.icon-cart {
  width: 26px;   /* justér til 24–28px if needed */
  height: 26px;
  display: block;
}

/* Tving outline for cart-ikonet */
#cart-icon-bubble svg.icon-cart * {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;   /* 1.7–2.0 for å matche de andre */
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Badge-posisjon */
#cart-icon-bubble .cart-count-bubble {
  position: absolute;
  top: -6px;
  right: -6px;
}
/* Øk størrelsen på header-ikoner */
.header__icon svg {
  width:40px
  height:40px
}

/* Øk alle header-ikoner (search, user, cart) */
.header__icons .header__icon svg,
#cart-icon-bubble svg {
  width: 30px !important;  /* prøv 28–32px til du liker det */
  height: 30px !important;
}

/* Størrelse på ALLE header-ikoner (søke, bruker, cart) */
.header__icons .header__icon svg {
  width: 30px !important;   /* juster 28–32px */
  height: 30px !important;
}

/* Hvis bare cart skal skaleres: bruk denne i stedet for regelen over */
#cart-icon-bubble svg.icon-cart {
  width: 30px !important;
  height: 30px !important;
}

/* Badge-posisjon, finjuster etter ny størrelse */
#cart-icon-bubble .cart-count-bubble {
  top: -7px;
  right: -7px;
}

/* Felles størrelse for alle header-ikoner */
.header__icon svg {
  width: 30px !important;
  height: 30px !important;
}

/* Sørg for at handlekurv-ikonet følger samme størrelse */
#cart-icon-bubble svg.icon-cart {
  width: inherit !important;
  height: inherit !important;
}

/* 1) Felles layout for ikonrekken */
.header__icons { 
  display: flex; 
  align-items: center;            /* vertikal linjejustering */
  gap: 18px;                      /* avstand mellom ikonene */
}

/* 2) Ikon-knappens “hit area” og vertikal sentrering */
.header__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;                   /* konsistent høyde */
}

/* 3) Felles ikonstørrelse (gjelder søk, konto og cart) */
.header__icon svg {
  width: 30px !important;         /* juster 28–32px etter smak */
  height: 30px !important;
  display: block;
  vertical-align: middle;
}

/* 4) Cart-ikon: sikre outline uten å påvirke andre ikoner */
#cart-icon-bubble svg.icon-cart * {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;   /* 1.7–2.0 for perfekt match */
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* 5) Badge-posisjon etter ny størrelse */
#cart-icon-bubble { position: relative; }
#cart-icon-bubble .cart-count-bubble {
  position: absolute;
  top: -6px;                      /* finjuster -5 / -7 hvis trengs */
  right: -8px;
}

/* 1) Felles layout for ikonrekken */
.header__icons { 
  display: flex; 
  align-items: center;            /* vertikal linjejustering */
  gap: 18px;                      /* avstand mellom ikonene */
}

/* 2) Ikon-knappens “hit area” og vertikal sentrering */
.header__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;                   /* konsistent høyde */
}

/* 3) Felles ikonstørrelse (gjelder søk, konto og cart) */
.header__icon svg {
  width: 30px !important;         /* juster 28–32px etter smak */
  height: 30px !important;
  display: block;
  vertical-align: middle;
}

/* 4) Cart-ikon: sikre outline uten å påvirke andre ikoner */
#cart-icon-bubble svg.icon-cart * {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;   /* 1.7–2.0 for perfekt match */
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* 5) Badge-posisjon etter ny størrelse */
#cart-icon-bubble { position: relative; }
#cart-icon-bubble .cart-count-bubble {
  position: absolute;
  top: -6px;                      /* finjuster -5 / -7 hvis trengs */
  right: -8px;
}


/* === Header icon hard override === */
.header__icons .header__icon svg,
#cart-icon-bubble svg,
#cart-icon-bubble svg * {
  box-sizing: border-box;
}

/* Felles størrelse – tvinger over alt */
.header__icons .header__icon > svg,
#cart-icon-bubble > svg {
  width: 30px !important;  /* prøv 28–32px */
  height: 30px !important;
  display: block;
}

/* Cart: outline, ikke fill */
#cart-icon-bubble svg.icon-cart *,
#cart-icon-bubble .icon-cart * {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Badge-posisjon */
#cart-icon-bubble { position: relative; }
#cart-icon-bubble .cart-count-bubble {
  position: absolute;
  top: -6px;
  right: -8px;
}

/* Øker alle ikonene i header */
.header__icon svg {
  width: 30px !important;
  height: 30px !important;
}

/* === Felles størrelse på ALLE header-ikoner (search, account, cart) === */
header .header__icons a.header__icon > svg,
header .header__icons button.header__icon > svg,
header .header__icons a.header__icon > .icon,
header .header__icons button.header__icon > .icon {
  width: 30px !important;   /* endre til 28–32 px om du vil */
  height: 30px !important;
  display: block;
}

/* Cart-ikon (outline-stil) */
#cart-icon-bubble svg.icon-cart * {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Badge-posisjon mot større ikon */
#cart-icon-bubble { position: relative; }
#cart-icon-bubble .cart-count-bubble {
  position: absolute;
  top: -7px;   /* finjuster ±1px ved behov */
  right: -8px;
}
/* Øk alle header-ikoner (search, account, cart) */
header .header__icons .header__icon .icon {
  width: 30px !important;
  height: 30px !important;
  display: block;
}

/* Cart-outline forblir outline */
#cart-icon-bubble .icon-cart * {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Badge-posisjon etter større ikon */
#cart-icon-bubble { position: relative; }
#cart-icon-bubble .cart-count-bubble {
  position: absolute;
  top: -7px;
  right: -8px;
}

/* Øk alle header-ikoner (search, account, cart) – Dawn-safe */
#shopify-section-header .header__icons .header__icon > svg.icon,
#cart-icon-bubble > svg.icon-cart {
  width: 30px !important;   /* prøv 28–32 px */
  height: 30px !important;
  display: block;
}

/* Cart skal være outline */
#cart-icon-bubble svg.icon-cart * {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Badgeposisjon tilpasset 30px ikon */
#cart-icon-bubble { position: relative; }
#cart-icon-bubble .cart-count-bubble {
  position: absolute;
  top: -7px;
  right: -8px;
}

/* Tving 30px på SØK-ikonet i headeren (super-spesifikt for Dawn) */
#shopify-section-header details-modal.header__search summary .modal__toggle-open.icon.icon-search {
  width: 30px !important;
  height: 30px !important;
  display: block;
}

/* Tving 30px på KONTO-ikonet (knapp eller lenke) */
#shopify-section-header .header__icons a.header__icon .icon.icon-account,
#shopify-section-header .header__icons button.header__icon .icon.icon-account {
  width: 30px !important;
  height: 30px !important;
  display: block;
}

/* CART: behold outline + samme størrelse (hvis ikke allerede lik) */
#shopify-section-header #cart-icon-bubble > svg.icon-cart {
  width: 30px !important;
  height: 30px !important;
}

/* Badgeposisjon etter 30px ikon */
#shopify-section-header #cart-icon-bubble { position: relative; }
#shopify-section-header #cart-icon-bubble .cart-count-bubble {
  position: absolute; top: -7px; right: -8px;
}


/* Ikke klem ikonene i headeren */
#shopify-section-header .header__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

/* Tving størrelse + fjern begrensninger (search, account, cart) */
#shopify-section-header .header__icon .icon,
#shopify-section-header .header__icon svg {
  width: 30px !important;
  height: 30px !important;
  max-width: none !important;
  max-height: none !important;
  flex: 0 0 auto;
  display: block;
}

/* Cart: outline + badgeposisjon */
#shopify-section-header #cart-icon-bubble svg.icon-cart * {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
#shopify-section-header #cart-icon-bubble { position: relative; }
#shopify-section-header #cart-icon-bubble .cart-count-bubble {
  position: absolute; top: -7px; right: -8px;
}

.header__icon .icon {
    width: 30px !important;
    height: 30px !important;
}

#shopify-section-header .header__icons .header__icon .icon {
  width: 30px !important;
  height: 30px !important;
}

/* vinn over base.css for ALLE ikonene i headeren */
#shopify-section-header .header__icons .header__icon .icon {
  width: 30px !important;   /* bruk 28–32px etter smak */
  height: 30px !important;
  max-width: none !important;
  max-height: none !important;
  display: block;
}

#shopify-section-header #cart-icon-bubble svg.icon-cart * {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

#shopify-section-header #cart-icon-bubble { position: relative; }
#shopify-section-header #cart-icon-bubble .cart-count-bubble {
  position: absolute; top: -7px; right: -8px;
}

.header__icon svg#icon-cart {
    width: 30px;
    height: 30px;
}

/* én felles størrelse for ikonene (du har 30px – bruk samme) */
.header__icon .icon { width: 30px; height: 30px; }

 0 !important;
}

.template-policy .header__heading-logo-wrapper {
  display: none;
}



/* Match typografi/luft med seksjon 2 – KUN for denne seksjonen */
#shopify-section-template--22266999395496__comparison_table h2,
#shopify-section-template--22266999395496__comparison_table .rich-text__heading,
#shopify-section-template--22266999395496__comparison_table .title,
#shopify-section-template--22266999395496__comparison_table .heading {
  font-size: 46px !important;     /* desktop */
  line-height: 1.12 !important;
  letter-spacing: -0.015em !important;
  font-weight: 700 !important;
  margin: 0 0 12px !important;
}

#shopify-section-template--22266999395496__comparison_table p,
#shopify-section-template--22266999395496__comparison_table .rich-text__text,
#shopify-section-template--22266999395496__comparison_table .rte p {
  font-size: 20px !important;     /* desktop */
  line-height: 1.6 !important;
  margin: 0 0 28px !important;
  color: rgba(var(--color-foreground), 0.8) !important;
}

/* Litt tettere mot tabellen */
#shopify-section-template--22266999395496__comparison_table table,
#shopify-section-template--22266999395496__comparison_table .comparison-table {
  margin-top: 8px !important;
}

/* Mobil/tabet (≤ 989px) */
@media (max-width: 989px){
  #shopify-section-template--22266999395496__comparison_table h2,
  #shopify-section-template--22266999395496__comparison_table .rich-text__heading,
  #shopify-section-template--22266999395496__comparison_table .title,
  #shopify-section-template--22266999395496__comparison_table .heading {
    font-size: 34px !important;
    margin-bottom: 10px !important;
  }
  #shopify-section-template--22266999395496__comparison_table p,
  #shopify-section-template--22266999395496__comparison_table .rich-text__text,
  #shopify-section-template--22266999395496__comparison_table .rte p {
    font-size: 17px !important;
    margin-bottom: 20px !important;
  }
}

/* ===== Desktop narrow band: SHOW + PIN burger, hide desktop menu ===== */
@media (min-width: 990px) and (max-width: 1100px) {
  /* Make the header a positioning context */
  header.header, .section-header .header {
    position: relative !important;
  }

  /* Ensure the drawer component is present on desktop */
  header-drawer,
  header-drawer .menu-drawer-container {
    display: block !important;
    visibility: visible !important;
  }

  /* The burger button itself */
  summary.header__icon--menu {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;

    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    z-index: 100 !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    color: #111 !important;              /* makes the glyph dark */
  }

  /* Force hamburger glyph on, close glyph off (when closed) */
  summary.header__icon--menu .icon-hamburger { 
    display: block !important; 
    visibility: visible !important; 
    opacity: 1 !important; 
    transform: none !important; 
  }
  summary.header__icon--menu .icon-close { 
    display: none !important; 
  }

  /* Keep search/account/cart, but leave space for burger */
  .header__icons {
    position: static !important;
    right: auto !important;
    margin: 0 !important;
    padding-right: 56px !important;  /* space for the 44px burger */
    gap: 14px !important;
    justify-self: end !important;
  }

  /* Hide the desktop inline menu so it can't clash */
  .header__inline-menu {
    display: none !important;
  }
}

/* ---------- Trust badges: typography + layout polish ---------- */
.trust-row--product{
  display:grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr)); /* wider min so we keep 2-line layout */
  gap: 20px;
  align-items: start;
  margin: 12px 0 10px;
}

.trust-item{
  display:flex;
  align-items:flex-start;      /* prevents icon sitting too low */
  gap:12px;
  min-width:0;
  color: var(--trust-color, #0e6b66);
}

.trust-icon{
  flex:0 0 auto;
  width:22px; height:22px;
  transform: translateY(2px);  /* optical baseline tweak */
}

.trust-text{ line-height:1.1; letter-spacing:.01em; color:#111827; }
.trust-line{ display:block; font-size:17px; font-weight:700; }
.trust-line--sub{ margin-top:2px; font-size:15px; font-weight:500; color:#6b7280; }

.nowrap{ white-space:nowrap; }

/* Tablet: go to 2 columns so nothing becomes 3 lines */
@media (max-width: 920px) and (min-width: 750px){
  .trust-row--product{ grid-template-columns: repeat(2, minmax(220px, 1fr)); gap:16px; }
}

/* Mobile: single column, allow normal wrapping again */
@media (max-width: 749px){
  .trust-row--product{ grid-template-columns: 1fr; gap:12px; }
  .trust-item{ align-items:center; }
  .trust-icon{ width:20px; height:20px; transform: translateY(1px); }
  .trust-line{ font-size:16px; }
  .trust-line--sub{ font-size:14px; }
  .nowrap{ white-space:normal; } /* let long words break on small screens */
}

/* --- Compact spacing for product trust badges (desktop) --- */
@media (min-width: 720px){
  .trust-row--product{
    /* was: repeat(3, minmax(220px, 1fr)) */
    grid-template-columns: repeat(3, minmax(210px, max-content));
    justify-content: flex-start; /* keep them grouped on the left */
    column-gap: 1px;            /* a bit tighter than 20px */
    row-gap: 0;
  }
  .trust-item{
    gap: 10px;                   /* icon ↔ text a touch tighter */
  }
}


/* Stram ikonrekken og gjør ikonene litt mindre */
.header__icons{display:flex;align-items:center;gap:12px;padding-right:8px;}
.header__icons .header__icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;}
.header__icons .header__icon svg{width:20px;height:20px;}

/* Skjul original hamburger (vi bruker klonen i ikonrekken) */
.menu-drawer-container > summary{display:none !important;}

/* Cart justering + badge nærmere */
#cart-icon-bubble{margin-right:0 !important;position:relative;}
.cart-count-bubble{top:-6px;right:-6px;min-width:16px;height:16px;font-size:11px;line-height:16px;transform:none;}


/* Hide the ORIGINAL hamburger anywhere outside the icon row */
header-drawer summary.header__icon,
.menu-drawer-container > summary.header__icon,
.header .header__icon--summary:not(.menu-proxy) {
  display: none !important;
}

/* Our cloned menu button: always show hamburger, never the X */
.menu-proxy .icon-close { display: none !important; }
.menu-proxy .icon-hamburger { display: inline-block !important; }

/* (Keeps spacing/touch area tidy) */
.header__icons{display:flex;align-items:center;gap:12px;padding-right:8px;}
.header__icons .header__icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;}
.header__icons .header__icon svg{width:20px;height:20px;}
#cart-icon-bubble{margin-right:0 !important;position:relative;}
.cart-count-bubble{top:-6px;right:-6px;min-width:16px;height:16px;font-size:11px;line-height:16px;transform:none;}

/* Dawn sin desktop-breakpoint er 990px */
@media screen and (min-width: 990px) {
  .menu-proxy { display: none !important; }
}


/* Show the search icon on desktop */
@media screen and (min-width: 990px) {
  .header__icon--search { 
    display: inline-flex !important; 
    visibility: visible !important; 
    opacity: 1 !important;
  }
  /* if the wrapper is hidden by theme rules, force it on */
  .header__search { display: block !important; }
}

/* Vis Dawn sitt søke-ikon (modal) i ikonrekken på alle skjermstørrelser */
.header__icons details-modal.header__search { display: inline-block !important; }
.header__icons details-modal.header__search > details { display: inline-block !important; }
.header__icons details-modal.header__search summary.header__icon--search {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 32px; height: 32px;
}

/* match resten av ikonstørrelsen */
.header__icons .header__icon--search svg { width: 20px; height: 20px; }


/* Skjul alle header-ikoner (hamburger, konto, cart, osv.)
   når søkemodalen er åpen – KUN på mobil */
@media (max-width: 989.98px){
  .header__icons:has(.header__search details[open]) > *:not(.header__search){
    display: none !important;
  }
}

/* Global corner radius 18px for alle knapper */
* {
  --border-radius-button: 18px !important;
}

button,
.btn,
.button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.shopify-payment-button__button,
.product-form__cart-submit,
[role="button"],
.cart__checkout-button,
.quick-add__submit,
.dynamic-checkout__content button,
.shopify-payment-button__button--unbranded {
  border-radius: 18px !important;
}

/* Catch-all for button classes */
[class*="button"],
[class*="btn"] {
  border-radius: 18px !important;
}



/* Vipps button container */
.vipps-cta{
  position: relative;
  display: block;
  width: 100%;
  border: 0;
  border-radius: 28px;        /* same as main CTA */
  overflow: hidden;           /* clip the sweep */
  isolation: isolate;         /* no bleed outside */
  contain: paint;
}

/* the sweeping sheen */
.vipps-cta::before{
  content: "";
  position: absolute;
  inset: 0 auto 0 0;          /* top:0; right:auto; bottom:0; left:0 */
  height: 100%;
  width: 60%;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.22) 50%,
    rgba(255,255,255,0) 100%
  );
  border-radius: inherit;
  transform: translateX(-140%); /* start off-screen left */
  opacity: 0;                    /* invisible by default */
  pointer-events: none;
  z-index: 0;
  /* no transition here */
}

/* play the sweep only on hover */
.vipps-cta:hover::before{
  animation: vippsSweep .75s ease-out forwards;
}

/* keep text above sheen */
.vipps-cta > *{ position: relative; z-index: 1; }

/* keyframes: fade in → sweep → fade out */
@keyframes vippsSweep{
  0%   { transform: translateX(-140%); opacity: 0; }
  10%  { opacity: 1; }
  100% { transform: translateX(140%);  opacity: 0; }
}

/* Større handlekurv-ikon i headeren */
.icon.icon-cart { width: 24px !important; height: 24px !important; }
.icon.icon-cart image { width: 100%; height: 100%; }

/* (Valgfritt) Hvis boblen med antall blir litt off etter endringen,
   kan du finjustere posisjonen slik: */
/*
.header__icon .cart-count-bubble {
  transform: translate(6px, -6px);
}
*/


#sec-{{ section.id }} .cmp-buy-wrap {
  display: flex;
  justify-content: center;   /* midt på linja */
  margin-top: 24px;          /* luft over */
}

#sec-{{ section.id }} .cmp-buy-wrap a {
  min-width: 240px;          /* bredere enn default */
  text-align: center;
}



@media (min-width:769px){
.annoucement-bar-top{text-align:center!important;display:flex!important;justify-content:center!important;padding:8px 0!important}
.annoucement-bar-top .singleblock{margin:0 20px!important;display:flex!important;align-items:center!important}
.annoucement-bar-top .singleblock span{margin-right:8px!important;margin-bottom:0!important}
.annoucement-bar-top .singleblock .block-title{margin-top:0!important}
}


@media (max-width:768px){
.annoucement-bar-top .singleblock:nth-child(3){display:none!important}
.annoucement-bar-top .singleblock{margin:0 20px!important}
.annoucement-bar-top{text-align:center!important;padding:12px!important}
}

@media (max-width:768px){
.annoucement-bar-top .singleblock:nth-child(3){display:none!important}
.annoucement-bar-top .singleblock{display:block!important;text-align:center!important;margin:0 20px!important;line-height:normal!important}
.annoucement-bar-top .singleblock span{display:block!important;margin-bottom:8px!important}
.annoucement-bar-top .singleblock > *:last-child{display:block!important;clear:both!important}
}


@media (max-width:768px){
.annoucement-bar-top .singleblock:nth-child(3){display:none!important}
.annoucement-bar-top .singleblock{position:relative!important;text-align:center!important;margin:0 20px!important;height:65px!important}
.annoucement-bar-top .singleblock span{position:absolute!important;top:0!important;left:50%!important;transform:translateX(-50%)!important}
.annoucement-bar-top .singleblock .block-title{position:absolute!important;top:45px!important;left:50%!important;transform:translateX(-50%)!important;width:100%!important}
.annoucement-bar-top{padding:10px 0!important}
}

@media (max-width:768px){
.annoucement-bar-top .singleblock:nth-child(3){display:none!important}
.annoucement-bar-top{display:flex!important;justify-content:center!important;align-items:flex-start!important;padding:10px 0!important}
.annoucement-bar-top .singleblock{position:relative!important;text-align:center!important;margin:0 25px!important;height:70px!important;width:80px!important}
.annoucement-bar-top .singleblock span{position:absolute!important;top:5px!important;left:50%!important;transform:translateX(-50%)!important}
.annoucement-bar-top .singleblock .block-title{position:absolute!important;top:50px!important;left:50%!important;transform:translateX(-50%)!important;width:100%!important}
}

@media (max-width:768px){
.annoucement-bar-top .singleblock:nth-child(3){display:none!important}
.annoucement-bar-top{display:flex!important;justify-content:space-around!important;padding:15px 20px!important}
.annoucement-bar-top .singleblock{text-align:center!important;flex:1!important;max-width:120px!important}
.annoucement-bar-top .singleblock span{display:block!important;margin-bottom:15px!important}
}



@media (max-width:768px){
.annoucement-bar-top .singleblock:nth-child(3){display:none!important}
.annoucement-bar-top{display:flex!important;justify-content:space-between!important;padding:15px 40px!important;width:100%!important}
.annoucement-bar-top .singleblock{flex:0 0 auto!important;text-align:center!important;min-width:80px!important}
.annoucement-bar-top .singleblock span{display:block!important;margin-bottom:10px!important}
.annoucement-bar-top .singleblock .block-title{display:block!important}
}


@media (max-width: 768px) {
  .annoucement-bar-top .singleblock .block-title {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    white-space: nowrap !important;
  }
}
@media (max-width: 768px) {
  .annoucement-bar-top .singleblock:first-child .block-title {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
  }
}

@media (max-width: 768px) {
  .annoucement-bar-top .singleblock {
    vertical-align: top !important;
    display: inline-block !important;
  }
  .annoucement-bar-top .singleblock .block-title {
    margin-top: 8px !important;
    line-height: 1 !important;
  }
}
@media (max-width: 768px) {
  .annoucement-bar-top .singleblock span {
    display: block !important;
    align-items: unset !important;
  }
  .annoucement-bar-top .singleblock {
    display: inline-block !important;
    vertical-align: top !important;
  }
  .annoucement-bar-top .singleblock .block-title {
    margin-top: 8px !important;
    display: block !important;
  }
}
@media (max-width: 768px) {
  .annoucement-bar-top .singleblock span {
    height: 40px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: center !important;
  }
  .annoucement-bar-top .singleblock .block-icon {
    flex-shrink: 0 !important;
  }
  .annoucement-bar-top .singleblock .block-title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media (max-width: 768px) {
  .annoucement-bar-top .singleblock.block-2 span {
    height: 40px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: center !important;
  }
}

@media (max-width: 768px) {
  .annoucement-bar-top .singleblock.block-2 span {
    display: block !important;
    align-items: unset !important;
  }
  .annoucement-bar-top .singleblock.block-2 .block-title {
    margin-top: 5px !important;
    display: block !important;
  }
}


/* Kun for desktop (768px og oppover) */
@media screen and (min-width: 768px) {
  .banner__buttons .button--primary {
    padding: 24px 50px !important; /* økt bredde (50px) og høyde (24px) */
    font-size: 19px !important; /* litt større tekst */
    min-height: 65px !important; /* litt høyere */
    min-width: 300px !important; /* fast bredde for å gjøre den bredere */
  }
}
@media screen and (min-width: 768px) {
  .banner__buttons .button--primary {
    padding: 24px 60px !important; /* enda mer bredde */
    font-size: 19px !important;
    min-height: 65px !important;
    min-width: 550px !important; /* bredere knapp */
  }
}
@media screen and (min-width: 768px) {
  .banner__buttons {
    position: relative !important;
    left: -60px !important; /* negativ verdi flytter til venstre */
  }
}
@media screen and (min-width: 768px) {
  .banner__buttons a.button.button--primary {
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
  }
}

/* Kun desktop */
@media (min-width: 1024px) {
  .product-discount-badge .discount-badge-icon {
    width: 36px !important;  /* 2x */
    height: 36px !important;
    flex-shrink: 0;          /* sørger for at teksten ikke presses */
    margin-right: 6px;       /* justér spacing mot tekst */
  }
}


.hero-section .button,
.hero-section .shopify-payment-button {
  background-color: #your-color-here;
  color: #text-color-here;
}

/* === SCANDI EASE — Header polish: kill default underline, add "Scandi+Apple" hover,
   and hide burger on desktop (ID-scoped) === */

#shopify-section-sections--19189449720028__header .header__menu-item,
#shopify-section-sections--19189449720028__header .header__menu-item span,
#shopify-section-sections--19189449720028__header .list-menu__item--link {
  text-decoration: none !important;     /* remove Dawn underline anywhere */
}

/* Dawn marks current page with .header__active-menu-item — keep it clean */
#shopify-section-sections--19189449720028__header .header__active-menu-item {
  text-decoration: none !important;
  box-shadow: none !important;
}

/* "Scandi + Apple" hover underline — silky, centered, no layout shift */
#shopify-section-sections--19189449720028__header .header__menu-item span {
  position: relative;
}
#shopify-section-sections--19189449720028__header .header__menu-item span::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;                        /* sits just below the text */
  width: 0;
  height: 2px;
  background: currentColor;            /* matches text color */
  opacity: .85;
  border-radius: 2px;
  transform: translateX(-50%);
  transition: width .35s cubic-bezier(.2,.8,.2,1), opacity .35s cubic-bezier(.2,.8,.2,1);
}
#shopify-section-sections--19189449720028__header .header__menu-item:hover span::after,
#shopify-section-sections--19189449720028__header .header__menu-item:focus-visible span::after {
  width: 58%;
  opacity: 1;
}

/* Optional: make the active page look intentional (subtle underline) */
/* If you want NO underline even on active, comment this rule out */
#shopify-section-sections--19189449720028__header .header__menu-item .header__active-menu-item::after {
  width: 58%;
  opacity: 1;
}

/* Hide burger menu on desktop (some custom styles can re-enable it) */
@media (min-width: 990px) {
  #shopify-section-sections--19189449720028__header header-drawer,
  #shopify-section-sections--19189449720028__header .header__icon--menu,
  #shopify-section-sections--19189449720028__header .menu-proxy {
    display: none !important;
  }
}

/* Keep tap targets tidy on mobile */
@media (max-width: 989px) {
  #shopify-section-sections--19189449720028__header .list-menu__item--link {
    padding-block: 10px !important;
  }
}


/* === SCANDI EASE — Header underline + burger behavior (ID-scoped) === */
#shopify-section-sections--19189449720028__header .header__menu-item,
#shopify-section-sections--19189449720028__header .header__menu-item span,
#shopify-section-sections--19189449720028__header .list-menu__item--link,
#shopify-section-sections--19189449720028__header .header__active-menu-item {
  text-decoration: none !important; /* nuke any default underline */
}

/* Build the silky hover underline only on hover/focus */
#shopify-section-sections--19189449720028__header .header__menu-item span,
#shopify-section-sections--19189449720028__header .header__active-menu-item {
  position: relative;
}

#shopify-section-sections--19189449720028__header .header__menu-item span::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  width: 0;                            /* default: OFF */
  height: 2px;
  background: currentColor;
  opacity: 0;                          /* default: OFF */
  border-radius: 2px;
  transform: translateX(-50%);
  transition: width .35s cubic-bezier(.2,.8,.2,1),
              opacity .35s cubic-bezier(.2,.8,.2,1);
}

/* Hover/focus ON (Scandi + Apple feel) */
#shopify-section-sections--19189449720028__header .header__menu-item:hover span::after,
#shopify-section-sections--19189449720028__header .header__menu-item:focus-visible span::after {
  width: 56%;
  opacity: .9;
}

/* IMPORTANT: never show underline for the active item unless hovered */
#shopify-section-sections--19189449720028__header .header__menu-item .header__active-menu-item::after {
  width: 0 !important;
  opacity: 0 !important;
}

/* --- Burger/menu visibility rules --- */
/* Desktop: hide burger, keep inline menu */
@media (min-width: 990px) {
  #shopify-section-sections--19189449720028__header header-drawer,
  #shopify-section-sections--19189449720028__header .header__icon--menu,
  #shopify-section-sections--19189449720028__header .menu-proxy {
    display: none !important;
  }
  #shopify-section-sections--19189449720028__header .header__inline-menu {
    display: block !important;
  }
}

/* Mobile: show burger, hide inline menu */
@media (max-width: 989px) {
  #shopify-section-sections--19189449720028__header header-drawer,
  #shopify-section-sections--19189449720028__header .header__icon--menu,
  #shopify-section-sections--19189449720028__header .menu-proxy {
    display: inline-flex !important;
  }
  #shopify-section-sections--19189449720028__header .header__inline-menu {
    display: none !important;
  }
}


/* ===== SCANDI EASE — FOOTER LINKS (clean baseline + silky hover) ===== */

/* 0) Scope: only inside the Dawn footer element */
footer.footer { /* anchor only */ }

/* 1) Hard reset: kill every possible underline mechanism in footer links */
footer.footer a,
footer.footer .rte a,
footer.footer a.link,
footer.footer a.link--text,
footer.footer .footer__linklist a {
  text-decoration: none !important;
  text-decoration-thickness: 0 !important;
  text-underline-offset: 0 !important;
  border-bottom: 0 !important;
  background-image: none !important;  /* themes sometimes fake underlines */
  box-shadow: none !important;        /* …or inset shadows */
  position: relative;
  display: inline-block;
  line-height: 1.2;
  padding-bottom: 2px;                /* space for our hover line */
}

/* 2) Reset any previous ::after underline so it’s OFF by default */
footer.footer a::after,
footer.footer .rte a::after,
footer.footer .footer__linklist a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -4px;                       /* sits just below text */
  width: 0;                            /* OFF */
  height: 2px;
  opacity: 0;                          /* OFF */
  background: currentColor;
  border-radius: 2px;
  transform: translateX(-50%);
  transition: width .35s cubic-bezier(.2,.8,.2,1),
              opacity .35s cubic-bezier(.2,.8,.2,1);
}

/* 3) Show underline ONLY on hover/focus (Scandi + Apple style) */
footer.footer a:hover::after,
footer.footer a:focus-visible::after {
  width: 56%;
  opacity: .9;
}

/* 4) Exclusions: do not draw lines under icons/social/payment/newsletter labels */
footer.footer .list-social a::after,
footer.footer .payment-icons a::after,
footer.footer .newsletter-form a::after {
  content: none !important;
}

/* === SCANDI EASE — Footer: left-align + full-bleed + no extra bottom gap === */

/* Make the footer span the full width and stop auto-centering boxes */
footer.footer .page-width {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Top content (logo + columns) — hard left */
footer.footer .footer__content-top,
footer.footer .footer__content-top .grid {
  justify-content: flex-start !important;
  align-items: flex-start !important;
  text-align: left !important;
}
footer.footer .footer-block {
  margin-inline: 0 !important;
}

/* Columns should not try to center themselves */
footer.footer .grid__item { text-align: left !important; }

/* Bottom row inside footer (no extra white space below) */
footer.footer {
  margin-bottom: 0 !important;
  padding-bottom: 16px !important;     /* adjust if you want tighter/airier */
}
footer.footer .footer__content-bottom {
  margin-top: 20px !important;
  padding-top: 12px !important;
  padding-bottom: 0 !important;
  border: 0;                            /* if Dawn adds a divider */
}

/* Align payment + social left and keep them on the same row (wrap if needed) */
footer.footer .footer__content-bottom .footer__payment,
footer.footer .footer__content-bottom .list-social {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap;
}

/* Copyright row – keep inside, left-aligned, no added margins */
footer.footer .copyright__content,
footer.footer .footer__copyright {
  margin: 8px 0 0 0 !important;
  text-align: left !important;
}

/* If any “container” inside bottom is centering, force it to fill and align left */
footer.footer .footer__content-bottom .page-width,
footer.footer .footer__content-bottom > * {
  width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
}

/* Optional: tighten vertical rhythm of RTE paragraphs in footer */
footer.footer .footer-block__details-content.rte p { margin: .25rem 0 .5rem !important; }


/* Kill ONLY the left/primary burger that lives inside <header-drawer> */
header-drawer > details.menu-drawer-container > summary.header__icon--menu:not(.menu-proxy),
header-drawer summary.header__icon--menu:not(.menu-proxy),
summary.header__icon--menu[aria-controls="menu-drawer"]:not(.menu-proxy) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Keep the right-side proxy burger visible */
.header__icons summary.header__icon--menu.menu-proxy {
  display: inline-flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
}


/* —— Footer: center everything on mobile only —— */
@media (max-width: 749px) {
  /* Make each footer block full-width and centered */
  .footer .grid__item,
  .footer-block {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Center headings and text blocks */
  .footer .footer-block__heading,
  .footer .footer-block__details-content,
  .footer .footer-block__details-content.rte {
    text-align: center !important;
  }

  /* Center UL/menus */
  .footer .footer-block--menu .list-menu,
  .footer .footer-block .list-unstyled {
    display: flex !important;
    flex-direction: column;
    align-items: center !important;
    justify-content: center !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
  .footer .footer-block--menu .list-menu li,
  .footer .footer-block .list-unstyled li {
    text-align: center !important;
    width: 100%;
  }

  /* Remove stray left padding/margins some themes add */
  .footer .grid {
    justify-content: center !important;
    column-gap: 0 !important;
  }
}

/* SCANDI EASE — mobile product media = true full bleed */
@media (max-width: 749px) {


  /* each slide must be 100% of viewport */
  .product__media-wrapper .product__media-item,
  .product__media-wrapper .media,
  .product__media-wrapper .product__media {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* IMG itself: cover, center, no white rail */
  .product__media-wrapper .media img,
  .product__media-wrapper .media media-gallery img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  /* remove leftover inline padding Dawn sometimes injects */
  .product__media-wrapper .media > :is(img, video, picture) {
    margin: 0 !important;
  }

  /* our round buttons: show only on mobile */
  .product__media-wrapper .slider-buttons {
    display: flex !important;
  }
}





/* ========= SCANDIEASE — PRODUCT MEDIA HARD RESET ========= */



  /* remove every positioning hack we added */
  .template-product .product__media-wrapper,
  .template-product .grid__item.product__media-wrapper,
  .template-product .grid__item.product-left-image-area,
  .template-product .product__media-list,
  .template-product .product__media,
  .template-product .product__media-item,
  .template-product .media {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip-path: none !important;
    height: auto !important;
    min-height: 0 !important;
  }

  /* remove pseudo aspect stuff if it stayed */
  .template-product .product__media-wrapper::before,
  .template-product .product__media-wrapper::after {
    content: none !important;
    display: none !important;
  }
}

/* 1) GLOBAL PRODUCT WRAPPER RESET (BOTH DESKTOP & MOBILE) */
.template-product .product__media-wrapper,
.template-product .grid__item.product__media-wrapper,
.template-product .grid__item.product-left-image-area {
  min-height: 0 !important;
  height: auto !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* 2) MOBILE — JUST MAKE IMAGE FILL, NOTHING ELSE */
@media (max-width: 749px) {
  /* let section width be full */
  .template-product .page-width {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* media column full width of container (not 100vw) */
  .template-product .grid__item.product__media-wrapper,
  .template-product .grid__item.product-left-image-area {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* image itself: fill */
  .template-product .product__media img,
  .template-product .media img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }

/* === SCANDIEASE — PRODUCT MEDIA GAP FIX (now that CSS isn’t broken) === */

/* mobile */
@media (max-width: 749px) {
  .template-product .page-width {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .template-product .product__media-wrapper,
  .template-product .grid__item.product__media-wrapper,
  .template-product .grid__item.product-left-image-area {
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* desktop — kill comfy rule that adds min-height / padding-left */
@media (min-width: 990px) {
  [id^="MainProduct-"] .product__media-wrapper {
    position: static !important;
    padding-left: 0 !important;
    min-height: 0 !important;
  }

  /* your actual product layout */
  .template-product .product.product--large {
    display: grid !important;
    grid-template-columns: minmax(520px, 0.55fr) 1fr !important;
    gap: 3rem !important;
    align-items: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}


/* === SCANDI EASE — Hide product slider arrows + counter on desktop === */
@media (min-width: 992px) {
  .slider-buttons.quick-add-hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

@media (min-width: 992px) {
  .slider-buttons.quick-add-hidden[style] {
    display: none !important;
  }
}

/* ===== FINAL NUKE — Remove slider arrows & counter on desktop only ===== */
@media (min-width: 992px) {
  div.slider-buttons.quick-add-hidden,
  .product__media-wrapper .slider-buttons,
  .slider-buttons.quick-add-hidden[style],
  .product__media-wrapper .slider-buttons[style],
  .product__media-list + .slider-buttons {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  /* Catch children too (arrows + counter) */
  .slider-buttons.quick-add-hidden > *,
  .product__media-wrapper .slider-buttons > * {
    display: none !important;
  }
}


/* ===== SCANDI EASE — mobile product slider UI (force) ===== */
@media (max-width: 749px) {

  /* 1. target EXACT container under product gallery */
  .product__media-wrapper .slider-buttons.quick-add-hidden,
  .product__media-wrapper + .slider-buttons.quick-add-hidden,
  .product__media-wrapper .slider-buttons,
  .product__media-wrapper + .slider-buttons {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 1.1rem !important;
    width: 100% !important;
    margin: 1.4rem 0 0 0 !important;
  }

  /* 2. arrows → circles */
  .product__media-wrapper .slider-buttons.quick-add-hidden .slider-button,
  .product__media-wrapper + .slider-buttons.quick-add-hidden .slider-button,
  .product__media-wrapper .slider-buttons .slider-button,
  .product__media-wrapper + .slider-buttons .slider-button {
    width: 48px !important;
    height: 48px !important;
    border-radius: 9999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #F2E3CF !important;
    border: none !important;
    box-shadow: 0 8px 25px rgba(206, 183, 147, .35) !important;
    position: static !important;
  }

  /* Dawn caret is vertical, rotate it */
  .product__media-wrapper .slider-buttons .slider-button .icon,
  .product__media-wrapper + .slider-buttons .slider-button .icon {
    width: 18px !important;
    height: 18px !important;
    transform: rotate(90deg);
  }
  .product__media-wrapper .slider-buttons .slider-button--prev .icon,
  .product__media-wrapper + .slider-buttons .slider-button--prev .icon {
    transform: rotate(-90deg);
  }

  /* 3. center pill (1 / 9) */
  .product__media-wrapper .slider-buttons .slider-counter,
  .product__media-wrapper + .slider-buttons .slider-counter {
    min-width: 96px !important;
    height: 48px !important;
    border-radius: 9999px !important;
    background: #fff !important;
    border: 1px solid rgba(0,0,0,.03) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .25rem !important;
    order: 0 !important;
  }

  /* kill any weird width from theme */
  .product__media-wrapper .slider-buttons .slider-counter span,
  .product__media-wrapper + .slider-buttons .slider-counter span {
    white-space: nowrap !important;
  }
}


/* ===== HERO FIX: show the bottom caption on desktop ===== */

/* 1) Default desktop: keep cover, but shift view toward the bottom */
@media (min-width: 1024px){
  [id^="Banner-"] .banner__media img {
    object-position: 50% 85% !important; /* pull frame down so bottom text is visible */
  }
}

/* 2) Ultra-wide screens: stop cropping altogether (contain) */
@media (min-width: 1200px) and (min-aspect-ratio: 16/9){
  /* Kill Dawn's ratio padding that locks the height */
  [id^="Banner-"]::before,
  [id^="Banner-"] .banner__media::before,
  [id^="Banner-"]:not(.banner--mobile-bottom) .banner__content::before{
    display: none !important;
  }

  /* Give the media a real height so the whole image can fit without zoom */
  [id^="Banner-"] .banner__media{
    height: clamp(640px, 78vh, 920px) !important;
    overflow: hidden;
    background: #efede9; /* neutral floor tone to avoid white bars */
  }

  /* Switch to contain so nothing is cropped on very wide viewports */
  [id^="Banner-"] .banner__media img{
    position: static !important;     /* override Dawn's absolute */
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    display: block !important;
  }

  /* Safety: allow content to overflow if needed */
  [id^="Banner-"]{ overflow: visible !important; }
}



.image-banner__media { position: relative; overflow: hidden; }
.se-hero-img { width:100%; height:100%; display:block; object-fit:cover; }

/* cheap paints above the fold */
#Banner-{{ section.id }} .banner__box,
.header-wrapper {
  backdrop-filter: none !important;
  box-shadow: none !important;
}