/** Shopify CDN: Minification failed

Line 10:0 Unexpected "<"
Line 276:0 Unexpected "}"
Line 570:0 Unexpected "<"
Line 578:2 Comments in CSS use "/* ... */" instead of "//"
Line 620:2 Comments in CSS use "/* ... */" instead of "//"

**/
<style>
/* =========================================================
   GAVETIL LUXURY FLOW TRACKER & UNIFIED PREMIUM ARROWS
========================================================= */

/* --- CORE OPTIMIZED SNAP LOGIC (Forhindrer mobil-lugging) --- */
.product-main-media-section .gst-inner,
.product-main-media-section .grid-scroll,
.product-main-media-section [class*="slider"],
[id*="pageGallery"] [class*="slider"] {
  scroll-snap-type: x mandatory !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.product-main-media-section .gallery-slider--thumbnail,
.product-main-media-section .grid__item,
[id*="pageGallery"] [class*="item"] {
  scroll-snap-align: center !important;
  scroll-snap-stop: always !important;
}

/* --- PRODUKTSIDE MOBIL: HIGH-END TRACKER INNI BILDET --- */
@media screen and (max-width: 749px) {
  body.lx-template--product .product-media-component.pmc-square {
    position: relative !important;
  }

  body.lx-template--product #SlidesCon,
  body.lx-template--product .product-media {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  body.lx-template--product #SlidesCon::-webkit-scrollbar,
  body.lx-template--product .product-media::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track {
    position: absolute !important;
    left: 7px !important;
    right: 7px !important;
    bottom: 19px !important;
    width: auto !important;
    max-width: none !important;
    height: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: rgba(96, 77, 87, 0.13) !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    z-index: 30 !important;
    pointer-events: none !important;
    --gt-product-progress: 0%;
  }

/* Mobilpiler i produktgalleriet */
body.lx-template--product .gt-gallery-nav {
  position: absolute !important;
  inset: 0 !important;
  z-index: 45 !important;
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
  pointer-events: none !important;
}

body.lx-template--product .gt-gallery-nav button {
  appearance: none !important;
  -webkit-appearance: none !important;
  position: absolute !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;

  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  color: #604d57 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

body.lx-template--product .gt-gallery-prev {
  left: 0 !important;
  right: auto !important;
}

body.lx-template--product .gt-gallery-next {
  right: 0 !important;
  left: auto !important;
}

body.lx-template--product .gt-gallery-nav::before,
body.lx-template--product .gt-gallery-nav::after,
body.lx-template--product .gt-gallery-nav button::before,
body.lx-template--product .gt-gallery-nav button::after {
  content: none !important;
}

body.lx-template--product .gt-gallery-nav svg {
  display: block !important;
  width: 7.14px !important;
  height: 15.3px !important;
  overflow: visible !important;

  background: none !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.15 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;

  filter: none !important;
  box-shadow: none !important;
  transform: none !important;
}

body.lx-template--product .gt-gallery-nav svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.15 !important;
  filter: none !important;
}

body.lx-template--product .gt-gallery-nav button:active {
  opacity: 1 !important;
}

body.lx-template--product .gt-gallery-nav button:focus-visible {
  outline: 1px solid #604d57 !important;
  outline-offset: -3px !important;
}

  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: var(--gt-product-progress) !important;
    height: 100% !important;
    background: #4a3a43ff !important;
    opacity: 0.45 !important;
    border-radius: 999px !important;
    transition: width 0.28s ease !important;
  }

  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track .gst-inner,
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track .gallery-slider--thumbnail {
    opacity: 0 !important;
    visibility: hidden !important;
  }
}

  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(12)):not(:has(.gallery-slider--thumbnail:nth-child(13))):has(.gallery-slider--thumbnail:nth-child(1):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 8.333%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(12)):not(:has(.gallery-slider--thumbnail:nth-child(13))):has(.gallery-slider--thumbnail:nth-child(2):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 16.666%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(12)):not(:has(.gallery-slider--thumbnail:nth-child(13))):has(.gallery-slider--thumbnail:nth-child(3):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 25%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(12)):not(:has(.gallery-slider--thumbnail:nth-child(13))):has(.gallery-slider--thumbnail:nth-child(4):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 33.333%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(12)):not(:has(.gallery-slider--thumbnail:nth-child(13))):has(.gallery-slider--thumbnail:nth-child(5):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 41.666%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(12)):not(:has(.gallery-slider--thumbnail:nth-child(13))):has(.gallery-slider--thumbnail:nth-child(6):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 50%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(12)):not(:has(.gallery-slider--thumbnail:nth-child(13))):has(.gallery-slider--thumbnail:nth-child(7):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 58.333%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(12)):not(:has(.gallery-slider--thumbnail:nth-child(13))):has(.gallery-slider--thumbnail:nth-child(8):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 66.666%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(12)):not(:has(.gallery-slider--thumbnail:nth-child(13))):has(.gallery-slider--thumbnail:nth-child(9):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 75%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(12)):not(:has(.gallery-slider--thumbnail:nth-child(13))):has(.gallery-slider--thumbnail:nth-child(10):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 83.333%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(12)):not(:has(.gallery-slider--thumbnail:nth-child(13))):has(.gallery-slider--thumbnail:nth-child(11):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 91.666%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(12)):not(:has(.gallery-slider--thumbnail:nth-child(13))):has(.gallery-slider--thumbnail:nth-child(12):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 100%; }

  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(11)):not(:has(.gallery-slider--thumbnail:nth-child(12))):has(.gallery-slider--thumbnail:nth-child(1):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 9.091%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(11)):not(:has(.gallery-slider--thumbnail:nth-child(12))):has(.gallery-slider--thumbnail:nth-child(2):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 18.182%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(11)):not(:has(.gallery-slider--thumbnail:nth-child(12))):has(.gallery-slider--thumbnail:nth-child(3):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 27.273%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(11)):not(:has(.gallery-slider--thumbnail:nth-child(12))):has(.gallery-slider--thumbnail:nth-child(4):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 36.364%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(11)):not(:has(.gallery-slider--thumbnail:nth-child(12))):has(.gallery-slider--thumbnail:nth-child(5):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 45.455%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(11)):not(:has(.gallery-slider--thumbnail:nth-child(12))):has(.gallery-slider--thumbnail:nth-child(6):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 54.545%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(11)):not(:has(.gallery-slider--thumbnail:nth-child(12))):has(.gallery-slider--thumbnail:nth-child(7):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 63.636%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(11)):not(:has(.gallery-slider--thumbnail:nth-child(12))):has(.gallery-slider--thumbnail:nth-child(8):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 72.727%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(11)):not(:has(.gallery-slider--thumbnail:nth-child(12))):has(.gallery-slider--thumbnail:nth-child(9):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 81.818%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(11)):not(:has(.gallery-slider--thumbnail:nth-child(12))):has(.gallery-slider--thumbnail:nth-child(10):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 90.909%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(11)):not(:has(.gallery-slider--thumbnail:nth-child(12))):has(.gallery-slider--thumbnail:nth-child(11):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 100%; }

  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(10)):not(:has(.gallery-slider--thumbnail:nth-child(11))):has(.gallery-slider--thumbnail:nth-child(1):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 10%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(10)):not(:has(.gallery-slider--thumbnail:nth-child(11))):has(.gallery-slider--thumbnail:nth-child(2):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 20%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(10)):not(:has(.gallery-slider--thumbnail:nth-child(11))):has(.gallery-slider--thumbnail:nth-child(3):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 30%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(10)):not(:has(.gallery-slider--thumbnail:nth-child(11))):has(.gallery-slider--thumbnail:nth-child(4):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 40%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(10)):not(:has(.gallery-slider--thumbnail:nth-child(11))):has(.gallery-slider--thumbnail:nth-child(5):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 50%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(10)):not(:has(.gallery-slider--thumbnail:nth-child(11))):has(.gallery-slider--thumbnail:nth-child(6):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 60%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(10)):not(:has(.gallery-slider--thumbnail:nth-child(11))):has(.gallery-slider--thumbnail:nth-child(7):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 70%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(10)):not(:has(.gallery-slider--thumbnail:nth-child(11))):has(.gallery-slider--thumbnail:nth-child(8):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 80%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(10)):not(:has(.gallery-slider--thumbnail:nth-child(11))):has(.gallery-slider--thumbnail:nth-child(9):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 90%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(10)):not(:has(.gallery-slider--thumbnail:nth-child(11))):has(.gallery-slider--thumbnail:nth-child(10):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 100%; }

  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(9)):not(:has(.gallery-slider--thumbnail:nth-child(10))):has(.gallery-slider--thumbnail:nth-child(1):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 11.111%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(9)):not(:has(.gallery-slider--thumbnail:nth-child(10))):has(.gallery-slider--thumbnail:nth-child(2):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 22.222%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(9)):not(:has(.gallery-slider--thumbnail:nth-child(10))):has(.gallery-slider--thumbnail:nth-child(3):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 33.333%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(9)):not(:has(.gallery-slider--thumbnail:nth-child(10))):has(.gallery-slider--thumbnail:nth-child(4):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 44.444%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(9)):not(:has(.gallery-slider--thumbnail:nth-child(10))):has(.gallery-slider--thumbnail:nth-child(5):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 55.555%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(9)):not(:has(.gallery-slider--thumbnail:nth-child(10))):has(.gallery-slider--thumbnail:nth-child(6):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 66.666%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(9)):not(:has(.gallery-slider--thumbnail:nth-child(10))):has(.gallery-slider--thumbnail:nth-child(7):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 77.777%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(9)):not(:has(.gallery-slider--thumbnail:nth-child(10))):has(.gallery-slider--thumbnail:nth-child(8):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 88.888%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(9)):not(:has(.gallery-slider--thumbnail:nth-child(10))):has(.gallery-slider--thumbnail:nth-child(9):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 100%; }

  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(8)):not(:has(.gallery-slider--thumbnail:nth-child(9))):has(.gallery-slider--thumbnail:nth-child(1):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 12.5%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(8)):not(:has(.gallery-slider--thumbnail:nth-child(9))):has(.gallery-slider--thumbnail:nth-child(2):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 25%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(8)):not(:has(.gallery-slider--thumbnail:nth-child(9))):has(.gallery-slider--thumbnail:nth-child(3):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 37.5%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(8)):not(:has(.gallery-slider--thumbnail:nth-child(9))):has(.gallery-slider--thumbnail:nth-child(4):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 50%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(8)):not(:has(.gallery-slider--thumbnail:nth-child(9))):has(.gallery-slider--thumbnail:nth-child(5):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 62.5%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(8)):not(:has(.gallery-slider--thumbnail:nth-child(9))):has(.gallery-slider--thumbnail:nth-child(6):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 75%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(8)):not(:has(.gallery-slider--thumbnail:nth-child(9))):has(.gallery-slider--thumbnail:nth-child(7):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 87.5%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(8)):not(:has(.gallery-slider--thumbnail:nth-child(9))):has(.gallery-slider--thumbnail:nth-child(8):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 100%; }

  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(7)):not(:has(.gallery-slider--thumbnail:nth-child(8))):has(.gallery-slider--thumbnail:nth-child(1):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 14.285%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(7)):not(:has(.gallery-slider--thumbnail:nth-child(8))):has(.gallery-slider--thumbnail:nth-child(2):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 28.571%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(7)):not(:has(.gallery-slider--thumbnail:nth-child(8))):has(.gallery-slider--thumbnail:nth-child(3):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 42.857%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(7)):not(:has(.gallery-slider--thumbnail:nth-child(8))):has(.gallery-slider--thumbnail:nth-child(4):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 57.142%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(7)):not(:has(.gallery-slider--thumbnail:nth-child(8))):has(.gallery-slider--thumbnail:nth-child(5):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 71.428%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(7)):not(:has(.gallery-slider--thumbnail:nth-child(8))):has(.gallery-slider--thumbnail:nth-child(6):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 85.714%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(7)):not(:has(.gallery-slider--thumbnail:nth-child(8))):has(.gallery-slider--thumbnail:nth-child(7):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 100%; }

  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(6)):not(:has(.gallery-slider--thumbnail:nth-child(7))):has(.gallery-slider--thumbnail:nth-child(1):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 16.666%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(6)):not(:has(.gallery-slider--thumbnail:nth-child(7))):has(.gallery-slider--thumbnail:nth-child(2):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 33.333%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(6)):not(:has(.gallery-slider--thumbnail:nth-child(7))):has(.gallery-slider--thumbnail:nth-child(3):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 50%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(6)):not(:has(.gallery-slider--thumbnail:nth-child(7))):has(.gallery-slider--thumbnail:nth-child(4):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 66.666%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(6)):not(:has(.gallery-slider--thumbnail:nth-child(7))):has(.gallery-slider--thumbnail:nth-child(5):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 83.333%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(6)):not(:has(.gallery-slider--thumbnail:nth-child(7))):has(.gallery-slider--thumbnail:nth-child(6):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 100%; }

  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(5)):not(:has(.gallery-slider--thumbnail:nth-child(6))):has(.gallery-slider--thumbnail:nth-child(1):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 20%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(5)):not(:has(.gallery-slider--thumbnail:nth-child(6))):has(.gallery-slider--thumbnail:nth-child(2):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 40%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(5)):not(:has(.gallery-slider--thumbnail:nth-child(6))):has(.gallery-slider--thumbnail:nth-child(3):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 60%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(5)):not(:has(.gallery-slider--thumbnail:nth-child(6))):has(.gallery-slider--thumbnail:nth-child(4):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 80%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(5)):not(:has(.gallery-slider--thumbnail:nth-child(6))):has(.gallery-slider--thumbnail:nth-child(5):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 100%; }

  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(4)):not(:has(.gallery-slider--thumbnail:nth-child(5))):has(.gallery-slider--thumbnail:nth-child(1):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 25%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(4)):not(:has(.gallery-slider--thumbnail:nth-child(5))):has(.gallery-slider--thumbnail:nth-child(2):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 50%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(4)):not(:has(.gallery-slider--thumbnail:nth-child(5))):has(.gallery-slider--thumbnail:nth-child(3):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 75%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(4)):not(:has(.gallery-slider--thumbnail:nth-child(5))):has(.gallery-slider--thumbnail:nth-child(4):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 100%; }

  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(3)):not(:has(.gallery-slider--thumbnail:nth-child(4))):has(.gallery-slider--thumbnail:nth-child(1):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 33.333%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(3)):not(:has(.gallery-slider--thumbnail:nth-child(4))):has(.gallery-slider--thumbnail:nth-child(2):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 66.666%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(3)):not(:has(.gallery-slider--thumbnail:nth-child(4))):has(.gallery-slider--thumbnail:nth-child(3):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 100%; }

  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(2)):not(:has(.gallery-slider--thumbnail:nth-child(3))):has(.gallery-slider--thumbnail:nth-child(1):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 50%; }
  body.lx-template--product .gallery-slider-thumbnails--mobile-bullets-track:has(.gallery-slider--thumbnail:nth-child(2)):not(:has(.gallery-slider--thumbnail:nth-child(3))):has(.gallery-slider--thumbnail:nth-child(2):is(.active, .is-active, .is-selected, [aria-current="true"])) { --gt-product-progress: 100%; }
}

/* --- MOBIL- OG SAMLINGSSIDER: FYLLENDE PROGRESSLINJE --- */
@media (max-width: 990px) {
  .product-card--media-pagination {
    position: absolute !important;
    bottom: 0 !important;
    top: auto !important;
    left: 0 !important;
    width: 100% !important;
    height: 2px !important;
    background: rgba(96, 77, 87, 0.13) !important;
    display: flex !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    z-index: 1 !important;
    overflow: hidden !important;
    --gt-progress: 0%;
  }

  .product-card--media-pagination .product-card--pagination-bullet {
    visibility: hidden !important;
    opacity: 0 !important;
  }

  .product-card--media-pagination::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: var(--gt-progress) !important;
    height: 100% !important;
    background: #604D57 !important;
    opacity: 0.45 !important;
    border-radius: 999px !important;
    transition: width 0.28s ease !important;
  }


  .product-card--media-pagination:has(.blt-data-8):has(.blt-data-1.active) { --gt-progress: 12.5%; }
  .product-card--media-pagination:has(.blt-data-8):has(.blt-data-2.active) { --gt-progress: 25%; }
  .product-card--media-pagination:has(.blt-data-8):has(.blt-data-3.active) { --gt-progress: 37.5%; }
  .product-card--media-pagination:has(.blt-data-8):has(.blt-data-4.active) { --gt-progress: 50%; }
  .product-card--media-pagination:has(.blt-data-8):has(.blt-data-5.active) { --gt-progress: 62.5%; }
  .product-card--media-pagination:has(.blt-data-8):has(.blt-data-6.active) { --gt-progress: 75%; }
  .product-card--media-pagination:has(.blt-data-8):has(.blt-data-7.active) { --gt-progress: 87.5%; }
  .product-card--media-pagination:has(.blt-data-8):has(.blt-data-8.active) { --gt-progress: 100%; }

  .product-card--media-pagination:has(.blt-data-7):not(:has(.blt-data-8)):has(.blt-data-1.active) { --gt-progress: 14.285%; }
  .product-card--media-pagination:has(.blt-data-7):not(:has(.blt-data-8)):has(.blt-data-2.active) { --gt-progress: 28.571%; }
  .product-card--media-pagination:has(.blt-data-7):not(:has(.blt-data-8)):has(.blt-data-3.active) { --gt-progress: 42.857%; }
  .product-card--media-pagination:has(.blt-data-7):not(:has(.blt-data-8)):has(.blt-data-4.active) { --gt-progress: 57.142%; }
  .product-card--media-pagination:has(.blt-data-7):not(:has(.blt-data-8)):has(.blt-data-5.active) { --gt-progress: 71.428%; }
  .product-card--media-pagination:has(.blt-data-7):not(:has(.blt-data-8)):has(.blt-data-6.active) { --gt-progress: 85.714%; }
  .product-card--media-pagination:has(.blt-data-7):not(:has(.blt-data-8)):has(.blt-data-7.active) { --gt-progress: 100%; }

  .product-card--media-pagination:has(.blt-data-6):not(:has(.blt-data-7)):has(.blt-data-1.active) { --gt-progress: 16.666%; }
  .product-card--media-pagination:has(.blt-data-6):not(:has(.blt-data-7)):has(.blt-data-2.active) { --gt-progress: 33.333%; }
  .product-card--media-pagination:has(.blt-data-6):not(:has(.blt-data-7)):has(.blt-data-3.active) { --gt-progress: 50%; }
  .product-card--media-pagination:has(.blt-data-6):not(:has(.blt-data-7)):has(.blt-data-4.active) { --gt-progress: 66.666%; }
  .product-card--media-pagination:has(.blt-data-6):not(:has(.blt-data-7)):has(.blt-data-5.active) { --gt-progress: 83.333%; }
  .product-card--media-pagination:has(.blt-data-6):not(:has(.blt-data-7)):has(.blt-data-6.active) { --gt-progress: 100%; }

  .product-card--media-pagination:has(.blt-data-5):not(:has(.blt-data-6)):has(.blt-data-1.active) { --gt-progress: 20%; }
  .product-card--media-pagination:has(.blt-data-5):not(:has(.blt-data-6)):has(.blt-data-2.active) { --gt-progress: 40%; }
  .product-card--media-pagination:has(.blt-data-5):not(:has(.blt-data-6)):has(.blt-data-3.active) { --gt-progress: 60%; }
  .product-card--media-pagination:has(.blt-data-5):not(:has(.blt-data-6)):has(.blt-data-4.active) { --gt-progress: 80%; }
  .product-card--media-pagination:has(.blt-data-5):not(:has(.blt-data-6)):has(.blt-data-5.active) { --gt-progress: 100%; }

  .product-card--media-pagination:has(.blt-data-4):not(:has(.blt-data-5)):has(.blt-data-1.active) { --gt-progress: 25%; }
  .product-card--media-pagination:has(.blt-data-4):not(:has(.blt-data-5)):has(.blt-data-2.active) { --gt-progress: 50%; }
  .product-card--media-pagination:has(.blt-data-4):not(:has(.blt-data-5)):has(.blt-data-3.active) { --gt-progress: 75%; }
  .product-card--media-pagination:has(.blt-data-4):not(:has(.blt-data-5)):has(.blt-data-4.active) { --gt-progress: 100%; }

  .product-card--media-pagination:has(.blt-data-3):not(:has(.blt-data-4)):has(.blt-data-1.active) { --gt-progress: 33.333%; }
  .product-card--media-pagination:has(.blt-data-3):not(:has(.blt-data-4)):has(.blt-data-2.active) { --gt-progress: 66.666%; }
  .product-card--media-pagination:has(.blt-data-3):not(:has(.blt-data-4)):has(.blt-data-3.active) { --gt-progress: 100%; }

  .product-card--media-pagination:has(.blt-data-2):not(:has(.blt-data-3)):has(.blt-data-1.active) { --gt-progress: 50%; }
  .product-card--media-pagination:has(.blt-data-2):not(:has(.blt-data-3)):has(.blt-data-2.active) { --gt-progress: 100%; }
}

/* --- MOBIL- OG SAMLINGSSIDER: FYLLENDE PROGRESSLINJE --- */
@media (max-width: 990px) {
  .product-card--media-pagination {
    position: absolute !important;
    bottom: 0 !important;
    top: auto !important;
    left: 0 !important;
    width: 100% !important;
    height: 2px !important;
    background: rgba(96, 77, 87, 0.13) !important;
    display: flex !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    z-index: 1 !important;
    overflow: hidden !important;
    --gt-progress: 0%;
  }

  .product-card--media-pagination .product-card--pagination-bullet {
    visibility: hidden !important;
    opacity: 0 !important;
  }

  .product-card--media-pagination::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: var(--gt-progress) !important;
    height: 100% !important;
    background: #604D57 !important;
    opacity: 0.45 !important;
    border-radius: 999px !important;
    transition: width 0.28s ease !important;
  }

  .product-card--media-pagination:has(.blt-data-8):has(.blt-data-1.active) { --gt-progress: 12.5%; }
  .product-card--media-pagination:has(.blt-data-8):has(.blt-data-2.active) { --gt-progress: 25%; }
  .product-card--media-pagination:has(.blt-data-8):has(.blt-data-3.active) { --gt-progress: 37.5%; }
  .product-card--media-pagination:has(.blt-data-8):has(.blt-data-4.active) { --gt-progress: 50%; }
  .product-card--media-pagination:has(.blt-data-8):has(.blt-data-5.active) { --gt-progress: 62.5%; }
  .product-card--media-pagination:has(.blt-data-8):has(.blt-data-6.active) { --gt-progress: 75%; }
  .product-card--media-pagination:has(.blt-data-8):has(.blt-data-7.active) { --gt-progress: 87.5%; }
  .product-card--media-pagination:has(.blt-data-8):has(.blt-data-8.active) { --gt-progress: 100%; }

  .product-card--media-pagination:has(.blt-data-7):not(:has(.blt-data-8)):has(.blt-data-1.active) { --gt-progress: 14.285%; }
  .product-card--media-pagination:has(.blt-data-7):not(:has(.blt-data-8)):has(.blt-data-2.active) { --gt-progress: 28.571%; }
  .product-card--media-pagination:has(.blt-data-7):not(:has(.blt-data-8)):has(.blt-data-3.active) { --gt-progress: 42.857%; }
  .product-card--media-pagination:has(.blt-data-7):not(:has(.blt-data-8)):has(.blt-data-4.active) { --gt-progress: 57.142%; }
  .product-card--media-pagination:has(.blt-data-7):not(:has(.blt-data-8)):has(.blt-data-5.active) { --gt-progress: 71.428%; }
  .product-card--media-pagination:has(.blt-data-7):not(:has(.blt-data-8)):has(.blt-data-6.active) { --gt-progress: 85.714%; }
  .product-card--media-pagination:has(.blt-data-7):not(:has(.blt-data-8)):has(.blt-data-7.active) { --gt-progress: 100%; }

  .product-card--media-pagination:has(.blt-data-6):not(:has(.blt-data-7)):has(.blt-data-1.active) { --gt-progress: 16.666%; }
  .product-card--media-pagination:has(.blt-data-6):not(:has(.blt-data-7)):has(.blt-data-2.active) { --gt-progress: 33.333%; }
  .product-card--media-pagination:has(.blt-data-6):not(:has(.blt-data-7)):has(.blt-data-3.active) { --gt-progress: 50%; }
  .product-card--media-pagination:has(.blt-data-6):not(:has(.blt-data-7)):has(.blt-data-4.active) { --gt-progress: 66.666%; }
  .product-card--media-pagination:has(.blt-data-6):not(:has(.blt-data-7)):has(.blt-data-5.active) { --gt-progress: 83.333%; }
  .product-card--media-pagination:has(.blt-data-6):not(:has(.blt-data-7)):has(.blt-data-6.active) { --gt-progress: 100%; }

  .product-card--media-pagination:has(.blt-data-5):not(:has(.blt-data-6)):has(.blt-data-1.active) { --gt-progress: 20%; }
  .product-card--media-pagination:has(.blt-data-5):not(:has(.blt-data-6)):has(.blt-data-2.active) { --gt-progress: 40%; }
  .product-card--media-pagination:has(.blt-data-5):not(:has(.blt-data-6)):has(.blt-data-3.active) { --gt-progress: 60%; }
  .product-card--media-pagination:has(.blt-data-5):not(:has(.blt-data-6)):has(.blt-data-4.active) { --gt-progress: 80%; }
  .product-card--media-pagination:has(.blt-data-5):not(:has(.blt-data-6)):has(.blt-data-5.active) { --gt-progress: 100%; }

  .product-card--media-pagination:has(.blt-data-4):not(:has(.blt-data-5)):has(.blt-data-1.active) { --gt-progress: 25%; }
  .product-card--media-pagination:has(.blt-data-4):not(:has(.blt-data-5)):has(.blt-data-2.active) { --gt-progress: 50%; }
  .product-card--media-pagination:has(.blt-data-4):not(:has(.blt-data-5)):has(.blt-data-3.active) { --gt-progress: 75%; }
  .product-card--media-pagination:has(.blt-data-4):not(:has(.blt-data-5)):has(.blt-data-4.active) { --gt-progress: 100%; }

  .product-card--media-pagination:has(.blt-data-3):not(:has(.blt-data-4)):has(.blt-data-1.active) { --gt-progress: 33.333%; }
  .product-card--media-pagination:has(.blt-data-3):not(:has(.blt-data-4)):has(.blt-data-2.active) { --gt-progress: 66.666%; }
  .product-card--media-pagination:has(.blt-data-3):not(:has(.blt-data-4)):has(.blt-data-3.active) { --gt-progress: 100%; }

  .product-card--media-pagination:has(.blt-data-2):not(:has(.blt-data-3)):has(.blt-data-1.active) { --gt-progress: 50%; }
  .product-card--media-pagination:has(.blt-data-2):not(:has(.blt-data-3)):has(.blt-data-2.active) { --gt-progress: 100%; }
}

/* --- HIGH-END DESKTOP OVERHALING (PRODUKTSIDE OG KOLLEKSJONER) --- */
@media (min-width: 991px) {
  
  /* =========================================================
     1. PRODUKTSIDEN: SCROLLBAR & LUKSUS-AVSTAND
     ========================================================= */
  #SlidesCon,
  .product-media {
    overflow-x: auto !important;
    padding-bottom: 55px !important; 
  }

  #SlidesCon::-webkit-scrollbar,
  .product-media::-webkit-scrollbar {
    height: 2px !important;
    background: transparent !important;
    display: block !important;
  }

  #SlidesCon::-webkit-scrollbar-track,
  .product-media::-webkit-scrollbar-track {
    background: rgba(96, 77, 87, 0.04) !important; 
    margin: 0 45px !important; 
  }

  #SlidesCon::-webkit-scrollbar-thumb,
  .product-media::-webkit-scrollbar-thumb {
    background-color: #604D57 !important; 
    border-radius: 4px !important;
  }

  /* =========================================================
     2. PRODUKTSIDEN: DØNN MIDTSTILTE DESIGNER-PILER
     ========================================================= */
  .product-media-component {
    position: relative !important;
  }

  .gallery-slider-arrows {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: calc(100% - 55px) !important;
    pointer-events: none !important; 
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .gallery-slider-arrows .slider-arrow-left,
  .gallery-slider-arrows .slider-arrow-right {
    all: unset !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important; 
    pointer-events: auto !important; 
    cursor: pointer !important;
    
    display: grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 8px !important; 
    color: #45373D !important; 
    border: none !important;
    
    /* Alltid synlige ikoner, helt transparent bakgrunn */
    background-color: transparent !important; 
    opacity: 0.5 !important; 
    box-shadow: none !important;
    
    transition: opacity 0.25s ease, background-color 0.2s ease, box-shadow 0.2s ease, left 0.2s, right 0.2s !important;
    z-index: 10 !important;
  }

  /* Plassering fiksert 12px inn på bilde-scenen */
  .gallery-slider-arrows .slider-arrow-left { left: 12px !important; }
  .gallery-slider-arrows .slider-arrow-right { right: 12px !important; }

  /* Tennes KUN ved direkte berøring av selve knappen */
  .gallery-slider-arrows .slider-arrow-left:hover,
  .gallery-slider-arrows .slider-arrow-right:hover {
    background-color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(4, 30, 66, 0.08) !important;
    opacity: 1 !important;
    transform: translateY(-50%) scale(1.05) !important;
  }

  /* Retnings-karregiering av carets */
  .gallery-slider-arrows .slider-arrow-left svg,
  .gallery-slider-arrows .slider-arrow-right svg {
    width: 14px !important;
    height: 14px !important;
  }
  .gallery-slider-arrows .slider-arrow-left svg { transform: rotate(90deg) !important; display: block !important; }
  .gallery-slider-arrows .slider-arrow-right svg { transform: rotate(-90deg) !important; display: block !important; }


    /* =========================================================
     3. KOLLEKSJONSSIDEN: SYNKRONISERT HIGH-END OPPGRADERING
     ========================================================= */

  /* Standard: pilene er synlige, men diskrete */
  .product-card .product-card-pagination-arrow, 
  .card .product-card-pagination-arrow {
    opacity: 0.5 !important;
    background-color: transparent !important; 
    box-shadow: none !important;
    transition: opacity 0.3s ease, background-color 0.2s ease, box-shadow 0.2s ease !important;
  }

  /* Når man hoverer produktbildet/kortet: hvit boks dukker opp */
  .product-card:hover .product-card-pagination-arrow, 
  .card:hover .product-card-pagination-arrow {
    opacity: 1 !important;
    background-color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(4, 30, 66, 0.08) !important;
  }

  /* Når man hoverer selve pilen: behold samme tydelige aktive uttrykk */
  .product-card .product-card-pagination-arrow:hover, 
  .card .product-card-pagination-arrow:hover {
    background-color: #ffffff !important;
    opacity: 1 !important;
    box-shadow: 0 4px 12px rgba(4, 30, 66, 0.08) !important;
  }
}

</style>

<script>
(() => {
  'use strict';
  if (!window.matchMedia('(min-width: 991px)').matches) return;


  // PILTASTER-NAVIGASJON
  const triggerLuxeNav = (direction) => {
    const isProductPage = window.location.pathname.includes('/products/');
    let visibleSection = isProductPage 
      ? document.querySelector('.main-product--section, [id*="MainProduct"], [id*="ProductInfo-template"]')
      : null;

    if (!visibleSection) {
      visibleSection = Array.from(document.querySelectorAll('section, div[id*="product"], div[id*="collection"]'))
        .find(el => {
          const rect = el.getBoundingClientRect();
          return rect.top < window.innerHeight && rect.bottom > 0;
        });
    }

    if (!visibleSection) return false;

    const nextBtn = visibleSection.querySelector('.slider-button--next, .next-arrow, .flickity-prev-next-button.next');
    const prevBtn = visibleSection.querySelector('.slider-button--prev, .prev-arrow, .flickity-prev-next-button.previous');

    if (direction === 'next' && nextBtn) {
      nextBtn.click();
      return true;
    } else if (direction === 'prev' && prevBtn) {
      prevBtn.click();
      return true;
    } else {
      const items = visibleSection.querySelectorAll('.gallery-slider--thumbnail, .grid__item');
      if (!items.length) return false;

      const active = visibleSection.querySelector('.active, .is-selected') || items[0];
      const index = Array.from(items).indexOf(active);
      const target = (direction === 'next') ? items[index + 1] : items[index - 1];
      
      if (target) {
        target.click();
        return true;
      }
    }
    return false;
  };

  // Global lytter med intelligent sjekk før blokkering av input
  document.addEventListener('keydown', (e) => {
    if (['INPUT', 'TEXTAREA', 'SELECT'].includes(e.target.tagName) || e.target.isContentEditable) return;
    
    if (e.key === 'ArrowRight') { 
      if (triggerLuxeNav('next')) e.preventDefault(); 
    }
    if (e.key === 'ArrowLeft') { 
      if (triggerLuxeNav('prev')) e.preventDefault(); 
    }
  });
})();
</script>


<style>
/* =========================================================
   GAVETIL - SCANDINAVIAN QUIET LUXURY CORE STYLES
========================================================= */

/* --- 1. BASE-INNSTILLINGER FOR PRODUKTKORT --- */
.card-product {
  position: relative;
  border: none !important; 
  border-radius: 0px !important; 
  background: transparent;
  display: flex;
  flex-direction: column;
  -webkit-tap-highlight-color: transparent;
}

.card-product img, 
.card-product-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover !important; 
}

.card-product .card-product--image {
  object-fit: cover !important;
}

/* --- 2. TYPOGRAFI & ELEMENTER (FELLES GRUNNLAG / MOBIL) --- */
.card-product h3.card-product-title-h3,
.card-product .card-product--text-section-link h3.card-product-title-h3 {
  font-family: "Figtree", sans-serif !important;
  line-height: 1.1 !important; 
  letter-spacing: 0.08em !important;
  font-weight: 500 !important; /* Beholder 500 her så den er tydelig på mobil */
  color: #604D57 !important; 
  margin: -12px 0 12px !important; 
  text-transform: uppercase !important; 
  -webkit-font-smoothing: antialiased;
}

/* --- EGEN VERSJON FOR DESKTOP (PC-SKJERMER) --- */
@media (min-width: 991px) {
  .card-product h3.card-product-title-h3,
  .card-product .card-product--text-section-link h3.card-product-title-h3 {
    font-size: 1.75rem !important;     /* Størrelsen på produkttittelen på PC */
    font-weight: 500 !important;       /* Endret fra 500 til 300 for en slankere luksus-look */
    letter-spacing: 0.06em !important; /* Litt mer luft mellom bokstavene på stor skjerm */
    line-height: 1.1 !important;       
    margin: -10px 0 14px !important;   /* Finjustert avstand for desktop-galleriet */
  }
}

/* Globale stiler / Mobil-størrelse */
.card-product h3.card-product-title-h3 span,
.card-product .card-product--text-section-link h3.card-product-title-h3 span {
  display: block !important;
  font-family: "Figtree", sans-serif !important;
  font-weight: 300 !important;
  font-size: 1.05rem !important; /* Størrelse på mobil/små skjermer */
  line-height: 1.4 !important;
  color: #604D57 !important; 
  opacity: 0.85 !important;    
  margin-top: 2px !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important; 
  font-style: italic !important;
}

/* Egen størrelse for Desktop (skjermer fra 1024px bredde og oppover) */
@media (min-width: 1024px) {
  .card-product h3.card-product-title-h3 span,
  .card-product .card-product--text-section-link h3.card-product-title-h3 span {
    font-size: 1.35rem !important; /* <--- Endre denne til den størrelsen du ønsker på desktop! */
  }
}

/* Merkelapp (Verdsatt) - Mobil / Standard */
.card-product .card-product-type-label,
.card-product .card-product--title .card-product-type-label {
  font-family: "Figtree", sans-serif !important;
  font-weight: 500 !important; 
  font-size: 0.8rem !important; /* Lagt til: Størrelse på mobil (juster om nødvendig) */
  line-height: 1 !important; 
  letter-spacing: 0.18em !important; 
  text-transform: uppercase !important;
  color: #45373D !important;
  margin-top: 14px !important; 
  margin-bottom: 0.16px !important; /* Beholdt nøyaktig mikroseksjon */
  display: block !important;
  opacity: 0.7 !important; 
}

/* Egen størrelse for Desktop (skjermer fra 1024px bredde og oppover) */
@media (min-width: 1024px) {
  .card-product .card-product-type-label,
  .card-product .card-product--title .card-product-type-label {
    font-size: 0.85rem !important; /* <--- Endre denne til den størrelsen du ønsker på desktop! */
  }
}

/* Pris - Mobil / Standard */
.card-product .price-item,
.card-product .card-product--info .price .price-item {
  font-family: "Figtree", sans-serif !important;
  font-weight: 500 !important;
  font-size: 1.19rem !important; /* Lagt til: Størrelse på mobil (juster om nødvendig) */
  line-height: 1 !important; 
  letter-spacing: 0.05em !important; 
  color: #45373D !important; 
  display: block !important;
  margin-top: 2px !important; 
  
}

/* Egen størrelse for Desktop (skjermer fra 1024px bredde og oppover) */
@media (min-width: 1024px) {
  .card-product .price-item,
  .card-product .card-product--info .price .price-item {
    font-size: 1.24rem !important; /* <--- Endre denne til den størrelsen du ønsker på desktop! */
  }
}


/* --- 3. GLOBAL GRID & AVSTANDER --- */
.grid,
.template-collection .grid {
  row-gap: 52px !important; 
}


/* =========================================================
   HIGH-END DESKTOP-OPPLEVELSE (PC Med Mus)
========================================================= */
@media (hover: hover) {
  
  /* Animasjonskurver for kort og bilde */
  .card-product {
    transition: transform 2.5s cubic-bezier(0.15, 0.85, 0.35, 1), 
                box-shadow 2.5s cubic-bezier(0.15, 0.85, 0.35, 1) !important; 
  }
  
  .card-product img, 
  .card-product-img {
    transition: transform 3.0s cubic-bezier(0.15, 0.85, 0.35, 1) !important;
  }

  /* Den tynne luksus-linjen i bunnen */
  .card-product::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;             
    width: 100%;          
    height: 0.5px !important; 
    background: #A18E8A; 
    opacity: 0;           
    transition: opacity 1.4s cubic-bezier(0.15, 0.85, 0.35, 1) !important; 
  }
  
  /* Hover-tilstander */
  .card-product:hover {
    transform: translateY(-2px) !important; 
    box-shadow: 0 25px 50px rgba(96, 77, 87, 0.04) !important; 
  }
  
  .card-product:hover img {
    transform: scale(1.020) !important; 
  }
  
  .card-product:hover::after {
    opacity: 0.7 !important; 
  }

  /* Fontstørrelser for Desktop */
  .card-product h3.card-product-title-h3 {
    font-size: 1.7rem !important;   
    font-weight: 300 !important;    
  }

  .card-product h3.card-product-title-h3 span {
    font-size: 1.2rem !important;
  }

  .card-product .card-product-type-label {
    font-size: 0.75rem !important;
  }

  .card-product .price-item {
    font-size: 1.15rem !important;
  }

  /* Økt sideveis avstand i grid */
  .grid,
  .template-collection .grid {
    column-gap: 48px !important; 
  }
}


/* =========================================================
   HIGH-END MOBIL- OG TOUCH-OPPLEVELSE
========================================================= */
@media (hover: none) {
  
  /* Base-tilstand på mobil (Nøyaktig 2% mer definert mot #FAF9F1) */
  .card-product {
    transform: translateY(-0.5px) !important;
    box-shadow: 0 6px 15px rgba(161, 142, 138, 0.04),
                0 2px 6px rgba(161, 142, 138, 0.02) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  }

  /* Aktiv trykk-respons */
  .card-product:active {
    transform: translateY(0) !important;
    box-shadow: none !important;
    opacity: 0.97; 
    transition: transform 0.05s ease, box-shadow 0.05s ease !important;
  }

  /* Fontstørrelser for Mobil */
  .card-product .card-product-type-label {
    font-size: 0.7rem !important;
  }

  .card-product .price-item {
    font-size: 1.15rem !important;
  }
}

/* Spesifikke mobiljusteringer basert på skjermbredde */
@media (max-width: 767px) {
  .card-product h3.card-product-title-h3 {
    font-size: 1.4rem !important;   
    font-weight: 400 !important;    
  }
}


/* =========================================================
   PRODUKTSIDE OVERSTYRINGER (Utenfor korthierarkiet)
========================================================= */
.template-product .price-item {
  font-size: 1.49rem !important;
  letter-spacing: 0.035em !important;
  margin: 0 0 28px !important;
  font-weight: 400 !important;
}


/* Mer luft rundt hovedgalleriet på desktop */
@media screen and (min-width: 950px) {
  #SlidesCon .product-media-image img {
    transform: scale(0.95) !important; /* Gjør bildet subtilt 5% mindre for en luftig gallerifølelse */
    transition: transform 0.2s ease !important;
  }
}

/* Mobil: litt mindre luft rundt produktbildet */
@media screen and (max-width: 949px) {
  #SlidesCon,
  .product-media {
    width: calc(100% + 12px) !important;
    margin-left: -2px !important;
    margin-right: -2px !important;
  }

  #SlidesCon .product-media-image,
  #SlidesCon .product-media-image img {
    width: 100% !important;
    max-width: none !important;
  }

  #SlidesCon .product-media-image img {
    transform: none !important;
    object-fit: cover !important;
  }
}

/* =========================================================
   GAVETIL - SCANDINAVIAN QUIET LUXURY OVERSTYRING
========================================================= */

/* 1. SKANDINAVISK MINIMALISTISK TITTEL (H1) */
html body #MainContent .section-rich-text .rich-text__blocks .metafield-rich_text_field h1 {
  font-family: "Figtree", sans-serif !important;
  font-size: clamp(30px, 4.5vw, 44px) !important;
  font-weight: 300 !important;
  letter-spacing: 0.18em !important;
  line-height: 1.15 !important;
  margin: 0 0 28px !important;
  color: #604d57 !important;
  text-transform: uppercase !important;
}

/* 2. REDAKSJONELL UNDERTEKST (VANLIG TEKST / PARAGRAPH) */
html body #MainContent .section-rich-text .rich-text__blocks .metafield-rich_text_field p {
  font-family: "Figtree", sans-serif !important;
  font-size: clamp(14px, 0.95vw, 15px) !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.75 !important;
  margin: 0 !important;
  opacity: 0.72 !important;
  color: #45373D !important;
  max-width: 540px !important;
  display: block !important;
}

/* --- 3. INPUT-FELTER & MELDINGSBOKS --- */
.contact .field__input {
  background-color: #F5F2EA !important; /* Ny, lun kontrastfarge */
  border: 1px solid rgba(96, 77, 87, 0.08) !important; /* Gjort kanten ørlite lysere siden boksen er mørkere */
  border-radius: 2px !important;
  padding: 14px 16px !important; 
  font-family: 'Figtree', sans-serif !important;
  color: #604D57 !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  box-shadow: none !important;
  height: auto !important; 
  transition: border-color 0.3s ease, background-color 0.3s ease !important;
}
/* =========================================================
   GAVETIL - QUIET LUXURY FOOTER (TOTAL OVERHAUL)
========================================================= */

/* --- 1. GLOBALE INNSTILLINGER (FELLES BASE) --- */
.site-footer a {
  font-family: 'Figtree', sans-serif !important;
  font-weight: 300 !important;
  transition: color 0.25s ease, opacity 0.25s ease;
}

/* Myk, hvit hover-effekt på ALT i footeren */
.site-footer a:hover {
  color: #ffffff !important;
  opacity: 1 !important;
}


/* --- 2. HIGH-END DESKTOP-OPPLEVLESE (>= 750px) --- */
@media (min-width: 750px) {
  
  /* Midtstiller hovedmenyen og gir den luksuriøs padding */
  .footer-blocks-container {
    padding-top: 64px !important;
    padding-bottom: 48px !important;
    display: flex !important;
    justify-content: center !important;
  }
  
  .footer-block-linklist-column {
    width: 100% !important;
    max-width: 1200px !important;
  }
  
  /* Stabler linkene horisontalt, perfekt sentrert med sjenerøst pusterom */
  .footer-block-linklist-ul ul {
    display: flex !important;
    justify-content: center !important;
    gap: 44px !important; 
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Gjør hovedmenyen til rålekker, redaksjonell font som matcher hovedmenyen i headeren */
  .footer-block-linklist-ul a {
    font-size: 11px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.14em !important;
    opacity: 0.85 !important;
  }
  
  /* Gjør den kjedelige, standard skillelinjen om til en delikat luksus-gradient */
  .site-footer hr.hr-light {
    border: 0 !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12) 50%, transparent) !important;
    margin: 0 !important;
  }
  
  /* Sentrerer hele bunnseksjonen (Juridisk, copyright og betaling) */
  .sub-footer {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 24px !important;
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  
  .sub-footer-section {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Delikate, flytende juridiske lenker */
  .footer-policies-linklist {
    display: flex !important;
    justify-content: center !important;
    gap: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .footer-policies-linklist a {
    font-size: 11px !important;
    opacity: 0.55 !important;
    letter-spacing: 0.02em !important;
    text-transform: none !important;
  }
  
  /* Copyright */
  .sub-footer-copyright {
    font-size: 11px !important;
    opacity: 0.85 !important;
    letter-spacing: 0.04em !important;
  }
  
  /* Betalingsikoner sentrert */
  .sub-footer-payment-methods {
    justify-content: center !important;
  }
  
  .payments_list_ftr {
    display: flex !important;
    gap: 10px !important;
  }
}


/* --- 3. DINE PERFEKTE MOBILINNSTILLINGER (< 749px) --- */
@media (max-width: 749px) {
  .footer-block-linklist-ul ul, 
  .sub-footer, 
  .sub-footer-section {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 0 24px !important;
  }

  .footer-block-linklist-ul ul {
    gap: 12px !important;
    margin-bottom: 32px !important;
  }

  .footer-block-linklist-ul li, 
  .footer-policies-linklist li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .footer-block-linklist-ul a {
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.14em !important;
  }

  .footer-policies-linklist {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px 16px !important;
    padding: 0 12px !important;
    margin: 0 0 24px !important;
  }

  .footer-policies-linklist a {
    font-size: 11px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    line-height: 1.5 !important;
    opacity: 0.55 !important;
  }

  .sub-footer-copyright {
    font-size: 10px !important;
    opacity: 0.4 !important;
  }

  .payments_list_ftr {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* =========================================================
   1. GLOBAL RALPH LAUREN TEXT-DRAG (SLIDESHOW PRODUKTSIDER)
   Oppgradert versjon for maksimal premium-effekt!
========================================================= */
.shopify-section:has(.slideshow-text-wrapper) {
  view-timeline-name: --gtSlideshowRadar !important;
  view-timeline-axis: block !important;

  background: linear-gradient(
    to bottom,
    rgba(250, 249, 241, 0.92),
    rgba(234, 226, 216, 0.72)
  ) !important;
}

.slideshow-text-wrapper {
  display: block !important;
  animation-name: luxuryTextDragGlobal !important;
  animation-timeline: --gtSlideshowRadar !important;
  animation-range: cover 0% cover 100% !important;
  animation-timing-function: linear !important;
  will-change: transform, opacity;
}

@keyframes luxuryTextDragGlobal {
  0% { 
    transform: translateY(-120px) scale(0.96); 
    opacity: 0.1;
  }

  30% {
    opacity: 1; /* Fullt synlig og i fokus når den er midt på skrollingen */
  }

  70% {
    opacity: 1;
  }

  100% { 
    transform: translateY(120px) scale(1.04); 
    opacity: 0.1;
  }    
}


.card-product .card-media {
  position: relative !important;
  container-type: inline-size;
  container-name: card-media;
}

.card-product .card-product-series-badge {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 8 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 4px 8px !important;
  border-radius: 2px !important;

  font-family: "Figtree", sans-serif !important;
  font-size: 0.60rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0.17em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;

  pointer-events: none !important;
  opacity: 1 !important;
  box-shadow: none !important;

  backdrop-filter: blur(2px) saturate(102%);
  -webkit-backdrop-filter: blur(2px) saturate(102%);
}

/* SOLGLIMT */
.card-product .card-product-series-badge--et-solglimt,
.card-product .card-product-series-badge--solglimt {
  background: rgba(250, 173, 123, 0.60) !important;
  color: #1c1b1a !important;
  border: 0.5px solid rgba(255, 232, 215, 0.22) !important;
}

/* VERDSATT */
.card-product .card-product-series-badge--et-verdsatt,
.card-product .card-product-series-badge--verdsatt {
  background: rgba(96, 77, 87, 0.64) !important;
  color: #faf9f1 !important;
  border: 0.5px solid rgba(250, 249, 241, 0.18) !important;
}

/* PUSTEROM */
.card-product .card-product-series-badge--et-pusterom,
.card-product .card-product-series-badge--pusterom {
  background: rgba(161, 142, 138, 0.62) !important;
  color: #fffffd !important;
  border: 0.5px solid rgba(255, 255, 253, 0.18) !important;
}

/* SARBAR */
.card-product .card-product-series-badge--et-sarbar,
.card-product .card-product-series-badge--sarbar {
  background: rgba(234, 226, 216, 0.62) !important;
  color: #1c1b1a !important;
  border: 0.5px solid rgba(109, 90, 100, 0.12) !important;
}

/* FEIRING */
.card-product .card-product-series-badge--feiring,
.card-product .card-product-series-badge--et-feiring {
  background: rgba(255, 158, 96, 0.58) !important;
  color: #1c1b1a !important;
  border: 0.5px solid rgba(255, 232, 215, 0.22) !important;
}


@media (min-width: 991px) {
  .card-product .card-product-series-badge {
    top: 16px !important;
    left: 16px !important;
    padding: 5px 11px !important;
    font-size: 0.70rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.15em !important;
  }

  .card-product .card-product--badges {
    top: 40px !important;
    left: 16px !important;
    gap: 2px !important;
  }

  .card-product .card-product--badges span {
    height: 22px !important;
    padding: 0 10px !important;
    font-size: 0.64rem !important;
    letter-spacing: 0.13em !important;
  }

  .card-product .card-product-series-badge--et-solglimt,
  .card-product .card-product-series-badge--solglimt {
    background: rgba(250, 173, 123, 0.76) !important;
  }

  .card-product .card-product-series-badge--et-verdsatt,
  .card-product .card-product-series-badge--verdsatt {
    background: rgba(96, 77, 87, 0.78) !important;
  }

  .card-product .card-product-series-badge--et-pusterom,
  .card-product .card-product-series-badge--pusterom {
    background: rgba(161, 142, 138, 0.76) !important;
  }

  .card-product .card-product-series-badge--et-sarbar,
  .card-product .card-product-series-badge--sarbar {
    background: rgba(234, 226, 216, 0.78) !important;
  }

  .card-product .card-product-series-badge--feiring,
  .card-product .card-product-series-badge--et-feiring {
    background: rgba(255, 158, 96, 0.74) !important;
  }
}

/* Skjul serie-badge når selve produktkortet er smalt */
@container product-card (max-width: 300px) {
  .card-product-series-badge,
  .card-product .card-product--badges {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}

/* Ekstra fallback hvis badgen ligger inne i bildeområdet */
@container card-media (max-width: 300px) {
  .card-product-series-badge,
  .card-product .card-product--badges {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}

/* Salgsbadge / nedsatt pris - oppe til høyre */
.card-product .card-product--badges {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 8 !important;

  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;

  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

.card-product .card-product--badges span {
  background: rgba(250, 249, 241, 0.88) !important;
  color: #45373D !important;
  border: 0.5px solid rgba(96, 77, 87, 0.12) !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 4px 8px !important;
  border-radius: 2px !important;

  font-family: "Figtree", sans-serif !important;
  font-size: 0.60rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;

  opacity: 0.96 !important;
  box-shadow: none !important;

  backdrop-filter: blur(2px) saturate(102%);
  -webkit-backdrop-filter: blur(2px) saturate(102%);
}

@media (min-width: 991px) {
  .card-product .card-product--badges {
    top: 16px !important;
    right: 16px !important;
  }

  .card-product .card-product--badges span {
    padding: 5px 11px !important;
    font-size: 0.70rem !important;
    letter-spacing: 0.13em !important;
  }
}

/* QUIET LUXURY RABATTPRIS - PRODUKTSIDE */
.product .price:not(.price--on-sale) .price__sale {
  display: none !important;
}

.product .price:not(.price--on-sale) .price__regular {
  display: block;
}

.product .price:not(.price--on-sale) .price-item--regular {
  color: #4b3a42;
  font-size: 1.08rem;
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: 0;
}

.product .price {
  margin-top: 0.65rem;
  margin-bottom: 1.35rem;
}

.product .price.price--on-sale .price__regular {
  display: none;
}

.product .price.price--on-sale .price__container {
  display: flex;
  align-items: baseline;
  flex-wrap: nowrap;
  width: 100%;
  gap: 0.32rem 1.18rem;
}

.product .price.price--on-sale .price__sale {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.32rem 1.18rem;
}

.product .price.price--on-sale .price-item--sale {
  color: #4b3a42;
  font-size: 1.34rem;
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: 0;
}

.product .price.price--on-sale s.price-item--regular {
  color: #b1a79d;
  font-size: 0.94rem;
  font-weight: 400;
  text-decoration-thickness: 1px;
  text-decoration-color: #c7bdb4;
  text-underline-offset: 0.12em;
}

.product .price.price--on-sale .price-sale-badge {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  transform: translateY(-3px);
}

.product .price.price--on-sale .price-saving-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.38rem;
  background: rgba(255, 177, 126, 0.74) !important;
  color: #4b3a42;
  padding: 0.13rem 0.68rem 0.12rem;
  border: 0;
  border-radius: 2px;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.018em;
  text-transform: none;
  transform: none;
}

.product .price.price--on-sale .price-saving-badge::before {
  content: none;
}

@media (min-width: 991px) {
  .product .price.price--on-sale .price-sale-badge {
    transform: translateY(-4px);
  }

  .product .price.price--on-sale .price-saving-badge {
    min-height: 1.48rem;
    padding: 0.15rem 0.74rem 0.14rem;
    font-size: 0.88rem;
  }
}

/* QUIET LUXURY RABATTPRIS - HANDLEVOGN PRODUKTLINJE */
.gt-cart-price-line {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: nowrap;
  gap: 0.5rem;
  width: auto;
  max-width: 100%;
  margin-bottom: 15px;
  font-family: "Figtree", sans-serif !important;
}

.gt-cart-sale-price,
.gt-cart-normal-price {
  color: #604d57;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.12;
  white-space: nowrap;
}

.gt-cart-compare-price {
  color: #b1a79d;
  font-size: 12px;
  font-weight: 400;
  text-decoration-thickness: 1px;
  text-decoration-color: #c7bdb4;
  white-space: nowrap;
}

.gt-cart-saving-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 0.75rem;
  background: rgba(255, 177, 126, 0.74) !important;
  color: #4b3a42;
  padding: 0.2rem 0.78rem 0.12rem;
  border: 0;
  border-radius: 4px;
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: 0.01em;
  text-transform: none;
  white-space: nowrap;
  transform: translateY(-1px);
}

@media screen and (min-width: 750px) {
  .gt-cart-saving-badge {
    margin-left: 1rem;
    position: relative;
    left: 8px;
    transform: translateY(-1px);
  }
}

/* Litt mer luft på mobil */
@media screen and (max-width: 749px) {
  .gt-cart-price-line {
    gap: 0.7rem;
  }

  .gt-cart-saving-badge {
    margin-left: 1rem;
  }
}

/* QUIET LUXURY - HANDLEVOGN TOTALER */
#main-cart-footer .totals {
  margin: 0 !important;
}

#main-cart-footer .totals-row {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 1.5rem !important;
}

/* Delsum og vanlige summer - ikke grand total */
#main-cart-footer .js-contents > .totals:not(.text-medium):not(.font-weight-bold) .totals-row:not(.grand-total-row) .totals-column p {
  color: rgba(96, 77, 87, 0.7) !important;
  font-family: "Figtree", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}

/* Rabattlinje hvis den finnes */
#main-cart-footer .js-contents > .totals:not(:first-child):not(.text-medium):not(.font-weight-bold) {
  margin: 1.05rem 0 1.25rem !important;
}

#main-cart-footer .js-contents > .totals:not(:first-child):not(.text-medium):not(.font-weight-bold) .totals-column:first-child p {
  color: #7a5b64 !important;
  font-family: "Figtree", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}

#main-cart-footer .js-contents > .totals:not(:first-child):not(.text-medium):not(.font-weight-bold) .totals-column:last-child p {
  color: #7a5b64 !important;
  font-family: "Figtree", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

/* Totalt - stabil, uansett om rabatt finnes eller ikke */
#main-cart-footer .grand-total-row {
  padding-top: 1.35rem !important;
  margin-top: 1.05rem !important;
  border-top: 1px solid rgba(96, 77, 87, 0.16) !important;
}

#main-cart-footer .grand-total-row .totals-column p,
#main-cart-footer .totals.text-medium.font-weight-bold .totals-column p {
  color: #604d57 !important;
  font-family: "Figtree", sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

/* MVA og frakt */
#main-cart-footer .cart-footer-tax-info {
  margin-top: 0.65rem !important;
  margin-bottom: 1.55rem !important;
}

#main-cart-footer .tax-note {
  display: block !important;
  color: rgba(96, 77, 87, 0.62) !important;
  font-family: "Figtree", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: 0.01em !important;
  margin: 0 !important;
}

@media screen and (max-width: 749px) {
  #main-cart-footer .totals-row {
    gap: 1rem !important;
  }

  #main-cart-footer .js-contents > .totals:not(.text-medium):not(.font-weight-bold) .totals-row:not(.grand-total-row) .totals-column p {
    font-size: 14px !important;
  }

  #main-cart-footer .js-contents > .totals:not(:first-child):not(.text-medium):not(.font-weight-bold) .totals-column:first-child p {
    font-size: 13px !important;
  }

  #main-cart-footer .js-contents > .totals:not(:first-child):not(.text-medium):not(.font-weight-bold) .totals-column:last-child p {
    font-size: 14px !important;
  }

  #main-cart-footer .grand-total-row .totals-column p,
  #main-cart-footer .totals.text-medium.font-weight-bold .totals-column p {
    font-size: 18px !important;
  }

  #main-cart-footer .cart-footer-tax-info {
    margin-top: 0.55rem !important;
    margin-bottom: 1.35rem !important;
  }

  #main-cart-footer .tax-note {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }
}

.gt-cart-total-saving {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1.5rem;
  margin-top: 0.55rem;
  margin-bottom: 0.75rem;
  color: #8b5f50;
  font-family: "Figtree", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
}

.gt-cart-total-saving span:last-child {
  white-space: nowrap;
  font-weight: 550;
}

@media screen and (max-width: 749px) {
  .gt-cart-total-saving {
    font-size: 13px;
    margin-top: 0.45rem;
    margin-bottom: 0.65rem;
  }
}

/* =========================================================
   PRODUKTBILDER: SUBTILT HIGH-END FARGEFILTER
========================================================= */
.collection .card-product img,
.template-collection .card-product img,
.template-product #SlidesCon .product-media-image img,
.template-product .product-media img,
#SlidesCon .product-media-image img,
.product-media img {
  filter:
    contrast(1.05)
    saturate(1.02)
    brightness(1.01)
    sepia(0.018) !important;

  transition: filter 0.35s ease !important;
}

/* =========================================================
   KOLLEKSJON: MOBIL - MINDRE LUFT RUNDT PRODUKTKORT
   Bevarer Luxe sin interne produktswipe
========================================================= */
@media screen and (max-width: 749px) {
  .template-collection .grid__item:nth-child(odd),
.collection .grid__item:nth-child(odd) {
  --gt-edge: 14px;
  --gt-inner: 4px;
  width: calc(100% + var(--gt-edge) + var(--gt-inner)) !important;
  max-width: calc(100% + var(--gt-edge) + var(--gt-inner)) !important;
  margin-left: calc(var(--gt-edge) * -1) !important;
  margin-right: calc(var(--gt-inner) * -1) !important;
}

.template-collection .grid__item:nth-child(even),
.collection .grid__item:nth-child(even) {
  --gt-edge: 14px;
  --gt-inner: 4px;
  width: calc(100% + var(--gt-edge) + var(--gt-inner)) !important;
  max-width: calc(100% + var(--gt-edge) + var(--gt-inner)) !important;
  margin-left: calc(var(--gt-inner) * -1) !important;
  margin-right: calc(var(--gt-edge) * -1) !important;
}

  .template-collection .card-product,
  .collection .card-product,
  .template-collection .card-product .card-media,
  .collection .card-product .card-media,
  .template-collection .card-product .card-product--text-section,
  .collection .card-product .card-product--text-section {
    width: 100% !important;
    max-width: none !important;
  }
}

/* =========================================================
   KOLLEKSJON DESKTOP: TUNG OG LANGSOM LUKSUS-HOVER
========================================================= */
@media (hover: hover) and (min-width: 750px) {
  .collection .card-product,
  .template-collection .card-product {
    transition:
      transform 2.5s cubic-bezier(0.15, 0.85, 0.35, 1),
      box-shadow 2.5s cubic-bezier(0.15, 0.85, 0.35, 1) !important;
  }

  .collection .card-product img,
  .template-collection .card-product img {
    transition:
      transform 3s cubic-bezier(0.15, 0.85, 0.35, 1),
      filter 0.55s ease !important;
  }

  .collection .card-product:hover,
  .template-collection .card-product:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 25px 50px rgba(96, 77, 87, 0.04) !important;
  }

  .collection .card-product:hover img,
  .template-collection .card-product:hover img {
    transform: scale(1.02) !important;
  }
}


/* =========================================================
   MOBILMENY: EDITORIAL QUIET LUXURY
========================================================= */
@media screen and (max-width: 990px) {
  #mobNavDrawer.header-nav-drawer {
    width: 92vw !important;
    max-width: 430px !important;

    right: 0 !important;
    left: auto !important;

    background: #FAF9F1 !important;
    color: #604D57 !important;

    border: 0 !important;
    border-left: 1px solid rgba(96, 77, 87, 0.055) !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    transform: translateX(100%) !important;
    opacity: 0 !important;

    transition:
      transform 0.45s cubic-bezier(0.16, 1, 0.3, 1),
      opacity 0.32s ease !important;
  }

  #mobNavDrawer.header-nav-drawer.open,
  #mobNavDrawer.header-nav-drawer.active,
  #mobNavDrawer.header-nav-drawer[open],
  #mobNavDrawer.header-nav-drawer[aria-hidden="false"],
  body:has(#mobNavDrawer.header-nav-drawer[aria-hidden="false"]) #mobNavDrawer.header-nav-drawer {
    transform: translateX(0) !important;
    opacity: 1 !important;
  }

  #drawBg.drawer-bg-pane {
    background: rgba(54, 45, 51, 0.16) !important;

    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
  }

  .header-nav-drawer-header {
    min-height: 72px !important;
    padding-inline: 22px !important;

    border-bottom: 1px solid rgba(96, 77, 87, 0.045) !important;
  }

  .header-nav-drawer-linklist {
    padding: 17px 22px 34px !important;
  }

  .header-nav-drawer-linklist ul {
    margin: 0 !important;
    padding: 0 !important;
  }

  .header-nav-drawer-linklist li {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
    border-bottom: 1px solid rgba(96, 77, 87, 0.05) !important;
  }

  .header-nav-drawer-linklist a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    min-height: 59px !important;

    font-family: "Figtree", sans-serif !important;
    font-size: calc(0.9rem + 1px) !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.13em !important;
    text-transform: uppercase !important;

    color: #2c272a !important;
    text-decoration: none !important;

    transition: opacity 0.14s ease !important;
  }

  .header-nav-drawer-linklist a:active {
    opacity: 0.66 !important;
  }

  #mobNavDrawerClose {
    color: #604D57 !important;
    opacity: 0.58 !important;
    font-size: 20px !important;

    transition: opacity 0.14s ease !important;
  }

  #mobNavDrawerClose:active {
    opacity: 0.9 !important;
  }
}

@media screen and (max-width: 749px) {
  .collection .card-product,
  .template-collection .card-product,
  .collection .card-product:active,
  .template-collection .card-product:active {
    transform: none !important;
    opacity: 1 !important;
  }
}

/* =========================================================
   BEFORE / AFTER - QUIET LUXURY FINISH
========================================================= */

/* Knapp: samme størrelse og samme visuelle plassering, uten horisontal overflow */
.section-template--18819529408582__section_image_comparison_xNhhNc .drag-button {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  margin-left: 0 !important;
  transform: translateX(-15px) !important;

  background: #faf9f1 !important;
  color: rgba(44, 39, 42, 0.72) !important;
  border: 1px solid rgba(44, 39, 42, 0.14) !important;

  box-shadow:
    0 7px 18px rgba(44, 39, 42, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.68) !important;
}

.section-template--18819529408582__section_image_comparison_xNhhNc .drag-button svg {
  width: 8px !important;
  height: 8px !important;
  opacity: 0.78 !important;
}

/* Selve skillet */
.section-template--18819529408582__section_image_comparison_xNhhNc .image-after {
  border-right: 1px solid rgba(250, 249, 241, 0.42) !important;
  box-shadow: none !important;
}

/* Temaets dragger-linje */
.section-template--18819529408582__section_image_comparison_xNhhNc .dragger,
.section-template--18819529408582__section_image_comparison_xNhhNc .dragger::before,
.section-template--18819529408582__section_image_comparison_xNhhNc .dragger::after {
  background-color: rgba(250, 249, 241, 0.42) !important;
  border-color: rgba(250, 249, 241, 0.42) !important;
  box-shadow: none !important;
}

/* Litt mer dybde under lokk-kanten */
.section-template--18819529408582__section_image_comparison_xNhhNc .before-after-container {
  position: relative !important;
}

.section-template--18819529408582__section_image_comparison_xNhhNc .before-after-container::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 18% !important;
  pointer-events: none !important;
  z-index: 3 !important;

  background: linear-gradient(
    to bottom,
    rgba(44, 39, 42, 0.055),
    rgba(44, 39, 42, 0)
  ) !important;
}

@media screen and (max-width: 749px) {
  .section-template--18819529408582__section_image_comparison_xNhhNc .drag-button {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    margin-left: 0 !important;
    transform: translateX(-14px) !important;
  }

  .section-template--18819529408582__section_image_comparison_xNhhNc .drag-button svg {
    width: 7px !important;
    height: 7px !important;
  }
}

/* =========================================================
   PRODUKTBESKRIVELSE - EDITORIAL LUXURY
========================================================= */

body #productDescriptionTxt.product-description-standard.product-description-static.rte {
  max-width: 92%;
  margin-top: 12px !important;
  padding-bottom: 12px;
}

body #productDescriptionTxt.product-description-standard.product-description-static.rte p {
  margin: 0 !important;
  max-width: 670px;

  font-size: 1.46rem !important;
  line-height: 1.75 !important;
  letter-spacing: 0.018em !important;
  color: #463741 !important;
}

body #productDescriptionTxt.product-description-standard.product-description-static.rte em {
  color: #463741 !important;
}

@media (max-width: 749px) {
  body #productDescriptionTxt.product-description-standard.product-description-static.rte {
    max-width: 90%;
    margin-top: 18px !important;
    padding-bottom: 6px;
  }

  body #productDescriptionTxt.product-description-standard.product-description-static.rte p {
    max-width: 100%;
    font-size: 1.37rem !important;
    line-height: 1.65 !important;
    letter-spacing: 0.018em !important;
  }
}

/* Sticky produktbilde på desktop:
   Lar bildegalleriet følge med rolig på store skjermer.
   Deaktiveres på touch-enheter slik at swipe i galleriet forblir friksjonsfritt. */

@media screen and (min-width: 950px) and (hover: hover) and (pointer: fine) {
  product-info,
  .main-product--section,
  .product-main-top-section {
    overflow: visible !important;
  }

  .product-main-top-section {
    align-items: flex-start !important;
    position: relative !important;
    padding-bottom: 18px !important;
  }

  .product-main-media-section {
    position: sticky !important;
    top: 0px !important;
    align-self: flex-start !important;
    z-index: 1 !important;
  }
}

@media screen and (max-width: 949px), (hover: none), (pointer: coarse) {
  .product-main-media-section {
    position: static !important;
  }
}

.cart__empty-text {
  position: relative;
  font-family: 'Figtree', sans-serif;
  font-size: 14px;
  line-height: 1.75;
  font-weight: 300;
  letter-spacing: 0.035em;
  color: rgba(24, 22, 20, 0.68);
  max-width: 34rem;
  margin: 44px 0 0;
  padding: 26px 0 0 28px;
  text-align: left;
  border-left: 1px solid rgba(150, 118, 72, 0.42);
}

.cart__empty-text {
  position: relative;
  font-family: 'Figtree', sans-serif;
  font-size: 15px;
  line-height: 1.85;
  font-weight: 300;
  letter-spacing: 0.025em;
  color: rgba(34, 31, 29, 0.72);
  max-width: 42rem;
  margin: 58px 0 0;
  padding: 34px 0 30px 34px;
  text-align: left;
  border-left: 1px solid rgba(161, 142, 138, 0.55);
  border-top: 1px solid rgba(161, 142, 138, 0.28);
  border-bottom: 1px solid rgba(161, 142, 138, 0.18);
}

.cart__empty-text::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 34px;
  width: 96px;
  height: 1px;
  background: #A18E8A;
}

.cart__empty-text::after {
  content: "GAVETIL";
  display: block;
  margin-top: 24px;
  font-size: 10px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.22em;
  color: #A18E8A;
}

@media screen and (max-width: 749px) {
  body.lx-template--product .product-media-component.pmc-square {
    width: 100% !important;
    max-width: none !important;
    padding-left:7px !important;
    padding-right: 7px !important;
    box-sizing: border-box !important;
  }

  body.lx-template--product .product-media-component.pmc-square #SlidesCon,
  body.lx-template--product .product-media-component.pmc-square .product-media {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.lx-template--product .product-media-component.pmc-square .product-media-image {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
  }

  body.lx-template--product .product-media-component.pmc-square .product-media-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
  }
}

/* Tom kolleksjon / Ingen produkter */
.product-grid-container .collection--empty {
  min-height: clamp(260px, 32vw, 430px);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 52px 0 84px;
}

.product-grid-container .collection--empty .title-wrapper.center {
  position: relative;
  max-width: 42rem;
  margin: 0;
  padding: 34px 0 30px 34px;
  text-align: left;
  border-left: 1px solid rgba(161, 142, 138, 0.55);
  border-top: 1px solid rgba(161, 142, 138, 0.28);
  border-bottom: 1px solid rgba(161, 142, 138, 0.18);
}

.product-grid-container .collection--empty .title-wrapper.center::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 34px;
  width: 96px;
  height: 1px;
  background: #A18E8A;
}

.product-grid-container .collection--empty .title-wrapper.center::after {
  content: "GAVETIL";
  display: block;
  margin-top: 24px;
  font-family: 'Figtree', sans-serif;
  font-size: 10px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.22em;
  color: #A18E8A;
}

.product-grid-container .collection--empty .title-wrapper.center .h4,
.product-grid-container .collection--empty .title-wrapper.center h2 {
  margin: 0;
  font-family: 'Figtree', sans-serif;
  font-size: 15px;
  line-height: 1.85;
  font-weight: 300;
  letter-spacing: 0.025em;
  color: rgba(34, 31, 29, 0.72);
  text-align: left;
  text-transform: none;
}

.product-grid-container .collection--empty .title-wrapper.center a {
  display: none;
}

@media screen and (max-width: 749px) {
  .product-grid-container .collection--empty {
    min-height: 240px;
    padding: 36px 0 64px;
  }

  .product-grid-container .collection--empty .title-wrapper.center {
    max-width: 100%;
    padding: 26px 0 26px 28px;
  }


  .product-grid-container .collection--empty .title-wrapper.center::before {
    left: 28px;
    width: 76px;
  }
}

.section-header .h2 {
  margin-bottom: 5px !important;
}

.card-collection--title {
  text-align: center !important;
  padding: 22px 12px 0 !important;
}

.card-collection--title h3,
.card-collection--title .normal {
  font-weight: 400 !important;
  font-size: clamp(16px, 1.5vw, 22px) !important;
  letter-spacing: 0.065em !important;
  line-height: 1.3 !important;
  text-transform: uppercase;
  text-align: center !important;
  margin: 0 0 7px !important;
  color: #604d57 !important;
}

/* Desktop */
@media (min-width: 750px) {
  .card-collection--title p {
    font-weight: 400 !important;
    font-size: 14px !important;
    letter-spacing: 0.01em !important;
    line-height: 1.4 !important;
    font-style: italic !important;
    text-align: center !important;
    margin: 0 !important;
    color: #45373d !important;
    opacity: 0.7;
  }
}

/* Mobil */
@media (max-width: 749px) {
  .card-collection--title p {
    font-weight: 400 !important;
    font-size: 11px !important;
    letter-spacing: 0.01em !important;
    line-height: 1.4 !important;
    font-style: italic !important;
    text-align: center !important;
    margin: 0 !important;
    color: #45373d !important;
    opacity: 0.7;
  }
}

/* ==========================================
   GAVETIL – Judge.me kundeanmeldelser
   Typografi, stjerner og verifisert-symbol
   Kortstørrelse og bakgrunn styres i widgeten
   ========================================== */

/* Overskrift */
h2.jdgm-title {
  font-family: Figtree, sans-serif !important;
  font-size: clamp(20px, 4vw, 24px) !important;
  font-weight: 300 !important;
  line-height: 1.2;
  color: #604d57 !important;
  text-align: center;
  margin-bottom: 2px;
  margin-top: 24px;
  text-transform: uppercase !important;
  letter-spacing: 0.1em;
}

/* Aprikosfargede stjerner */
.jm-star-rating__font-icon,
.jdgm-widget .jdgm-star,
.jdgm-stars .jdgm-star,
.jdgm-rating-text .jdgm-rating-star {
  color: #ffa76e !important;
  font-size: 10px !important;
}

/* Stjerner utenfor kortene */
.jm-star-rating__font-icon:not(.jdgm-card *),
.jdgm-stars:not(.jdgm-card *) .jdgm-star,
.jdgm-rating-text:not(.jdgm-card *) .jdgm-rating-star {
  font-size: 13px !important;
}

/* Brødtekst – mobil */
.jdgm-widget p,
.jdgm-card.jdgm-text-card .jdgm-text p {
  font-family: Figtree, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: normal !important;
  color: #40343a !important;
  text-align: left !important;
  text-wrap: pretty;
}

/* Brødtekst – desktop */
@media (min-width: 750px) {
  .jdgm-widget p,
  .jdgm-card.jdgm-text-card .jdgm-text p {
    font-size: 14px !important;
  }
}

/* Vurdering og antall anmeldelser */
.jdgm-rating-text {
  font-family: Figtree, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  color: #45373d !important;
}

.jdgm-rating-text .jdgm-reviews-count {
  font-size: inherit;
  color: inherit;
}

/* Mindre verifisert-symbol */
.jdgm-card .jdgm-reviewer-verified-icon {
  font-size: 9px !important;
  width: 9px !important;
  height: 9px !important;
  line-height: 1 !important;
}

.jdgm-card .jdgm-reviewer-verified-icon::before {
  font-size: 10px !important;
}

.jdgm-card .jdgm-reviewer-verified-icon svg,
.jdgm-card .jdgm-reviewer-verified-icon img {
  width: 9px !important;
  height: 9px !important;
}

/* Verifisert-symbol og tekst */
svg.jdgm-verified-checkmark {
  width: 10px !important;
  height: 10px !important;
  flex-shrink: 0;
}

.jdgm-verified-text {
  font-family: Figtree, sans-serif !important;
  font-size: 10px !important;
  font-weight: 300 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.03em;
  color: #604d57 !important;
}

/* Anmelderens navn i kursiv */
.jdgm-reviewer-name {
  font-family: Figtree, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  letter-spacing: 0.02em !important;
  color: #4e4349ff !important;
}

/* Verifisert-badge etter navnet */
.jdgm-reviewer-name + .jdgm-reviewer-verified-icon {
  font-size: 10px !important;
  width: 12px !important;
  height: 12px !important;
}

/* GAVETIL – anmeldelsestekst i popup */
.jdgm-review-content__body-content p {
  font-family: Figtree, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: normal !important;
  color: #40343a !important;
  text-align: left !important;
  text-wrap: pretty;
}

/* Større tekst på desktop */
@media (min-width: 750px) {
  .jdgm-review-content__body-content p {
    font-size: 14px !important;
  }
}

/* GAVETIL – verifisert badge uten dobbel ramme */
.jm-verified-buyer-badge {
  display: inline-flex !important;
  align-items: center !important;

  padding: 3px 7px !important;
  margin: 0 !important;

  background: #faf9f1 !important;
  border: 1px solid rgba(96, 77, 87, 0.16) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

/* Fjern eventuell ekstra badge inni */
.jm-verified-buyer-badge > * {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Teksten */
.jm-verified-buyer-badge .jm-verified-buyer-badge__text {
  margin: 0 !important;

  font-family: Figtree, sans-serif !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.06em !important;

  text-transform: uppercase !important;
  color: #604d57 !important;
}

/* GAVETIL – produktboks i review-popup */
.jm-box.jm-product-variant-card {
  background-color: #f5f2ea !important;
  border: 1px solid rgba(96, 77, 87, 0.16) !important;
  border-radius: 4px !important;
}

.jm-product-variant-card__product-link {
  font-family: Figtree, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #604d57 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  cursor: pointer !important;
}

/* GAVETIL – kremfarget bakgrunn i review-popup */
.jm-content:has(> .jm-review-item) {
  background-color: #faf9f1 !important;
}

.jm-content > .jm-review-item {
  background-color: transparent !important;
}

/* GAVETIL – plommefarget avatar med kremfarget bokstav */
.jm-reviewer-avatar__initial {
  background-color: #604d57 !important;
}

.jm-reviewer-avatar__initial .jm-text {
  color: #faf9f1 !important;
}

/* GAVETIL – raffinerte karusellpiler */
.jdgm-cards-carousel .jdgm-arrow {
  width: 44px !important;
  height: 44px !important;
  padding: 14px !important;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #604d57 !important;

  opacity: 0.85;
  transform: none !important;
  transition: opacity 0.3s ease;
}

.jdgm-cards-carousel .jdgm-arrow svg {
  width: 8px !important;
  height: 14px !important;
}

.jdgm-cards-carousel .jdgm-arrow svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.25 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.jdgm-cards-carousel .jdgm-arrow:hover {
  opacity: 1;
}

.jdgm-cards-carousel .jdgm-arrow:focus-visible {
  opacity: 1;
  outline: 1px solid #604d57;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .jdgm-cards-carousel .jdgm-arrow {
    transition: none;
  }
}