/** Shopify CDN: Minification failed

Line 25:3 Unexpected "="

**/
.cart-trust-signals__item svg{flex-shrink:0;opacity:0.85!important;width:13px!important;height:13px!important}














/* EA-SEARCH-STYLE */



   ============================================================ */

/* ============================================================
   PRODUKT-INFO — STATUS-BAR DESIGN v3 (2026-07-07)
   ============================================================ */

/* 1. TITEL */
.product-info__block.product-info__title {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.product-title.h5, h1.product-title {
  font-size: 1.6rem !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 0 !important;
}

/* 2. ANMELDELSER */
.product-info__block:has(.jdgm-widget),
.product-info__block:has(.jdgm-preview-badge) {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

/* 3. PRIS */
.product-info__block.product-price {
  margin-top: 6px !important;
  margin-bottom: 4px !important;
}

/* 4. INVENTORY WRAPPER */
.product-info__sticky > div:has(product-inventory) {
  display: block !important;
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}

product-inventory.product-inventory {
  display: block !important;
}

/* 4b. Inventory text container: status-bar — INGEN BAGGRUND, grøn venstre-border */
product-inventory .product-inventory__text {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  border-left: none !important;
  background: transparent !important;
  padding: 4px 0 4px 10px !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

product-inventory .product-inventory__status {
  display: none !important;
}

product-inventory .product-inventory__urgency {
  display: inline-flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}

product-inventory .product-inventory__urgency p {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1a6b1a !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

product-inventory .product-inventory__urgency p::before {
  content: '' !important;
  display: inline-block !important;
  width: 8px !important;
  height: 8px !important;
  background: #2d8a2d !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
}

/* 5. DELIVERY BADGE — flyttes ind i inventory__text via JS.
   Stil til når den er inde i containeren: */
.ea-delivery-badge--inline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 0 0 10px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #444 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.ea-delivery-badge--inline::before {
  content: '|' !important;
  color: #bbb !important;
  margin-right: 10px !important;
  font-weight: 300 !important;
  font-size: 14px !important;
}

.ea-delivery-badge--inline svg {
  stroke: #555 !important;
  width: 14px !important;
  height: 14px !important;
  flex-shrink: 0 !important;
}

.ea-delivery-badge--inline span {
  color: #444 !important;
  font-size: 13px !important;
}

/* Skjul den originale standalone delivery badge */
.product-info__sticky > .ea-delivery-badge {
  display: none !important;
}

/* 6. FRI FRAGT */
.free-shipping-brands.fsb-product-note {
  margin-top: 4px !important;
  margin-bottom: 6px !important;
  font-size: 12px !important;
}

/* ============================================================
   END PRODUKT-INFO — STATUS-BAR DESIGN v3
   ============================================================ */

/* ============================================================
   PRODUKT-INFO — FJERN GRØN BAGGRUND (override)
   ============================================================ */
product-inventory,
product-inventory .product-inventory__text,
product-inventory .product-inventory__urgency,
product-inventory .product-inventory__urgency p,
.product-info__sticky > div:has(product-inventory),
.ea-delivery-badge--inline {
  background: transparent !important;
  background-color: transparent !important;
}

/* Sikr at ingen media query kan sætte grøn baggrund */
@media (max-width: 749px) {
  product-inventory,
  product-inventory .product-inventory__text,
  product-inventory .product-inventory__urgency,
  .ea-delivery-badge--inline {
    background: transparent !important;
    background-color: transparent !important;
  }
}
/* ============================================================
   END FJERN GRØN BAGGRUND
   ============================================================ */

/* ============================================================
   PRODUKT-INFO — STJERNER + BORDER FIX (2026-07-07)
   ============================================================ */

/* Fjern grøn venstre-border (sikkerhedsoverride) */
product-inventory .product-inventory__text {
  border-left: none !important;
  border: none !important;
}

/* Reducer stjernestørrelse i anmeldelser */
.jdgm-preview-badge .jdgm-star,
.jdgm-preview-badge .jdgm__star,
.jdgm-widget .jdgm-star,
.jdgm-widget .jdgm__star,
.jdgm-star,
.jdgm__star {
  font-size: 12px !important;
}

/* JDGM bruger ofte SVG-ikoner */
.jdgm-preview-badge svg,
.jdgm-widget svg {
  width: 12px !important;
  height: 12px !important;
}

/* Reducer hele badge-blokken lidt */
.jdgm-preview-badge {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

/* ============================================================
   END STJERNER + BORDER FIX
   ============================================================ */

/* ============================================================
   PRODUKT-INFO — DOTS ALIGNMENT + TEKSTSTØRRELSE (2026-07-07)
   ============================================================ */

/* 1. Fri fragt tekst: 12px → 13px (samme som linje 1) */
.free-shipping-brands.fsb-product-note,
.free-shipping-brands.fsb-product-note .fsb-note,
.free-shipping-brands.fsb-product-note .fsb-note-text {
  font-size: 13px !important;
}

/* 2. Dots lodret alignment:
   Grøn dot er ::before på <p> inde i product-inventory__text.
   product-inventory__text har padding-left: 10px.
   
   fsb-note har fsb-dot som første child.
   Vi sætter fsb-note til display:flex + align-items:center
   og justerer margin-left på fsb-product-note til at matche
   inventory__text padding (10px).
*/

/* Inventory linje: padding-left sætter grøn dot's position */
product-inventory .product-inventory__text {
  padding-left: 0 !important;
}

/* Grøn dot sidder som ::before på <p> — ingen ekstra margin */
product-inventory .product-inventory__urgency p {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Fri fragt linje: align dot med grøn dot */
.free-shipping-brands.fsb-product-note {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.free-shipping-brands.fsb-product-note .fsb-note {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* fsb-dot: samme størrelse som grøn dot (8px) */
.free-shipping-brands.fsb-product-note .fsb-dot {
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
}

/* ============================================================
   END DOTS ALIGNMENT + TEKSTSTØRRELSE
   ============================================================ */

/* ============================================================
   PRODUKT-INFO — REDUCER GAP MELLEM LAGER OG FRI FRAGT
   ============================================================ */

/* Inventory wrapper: ingen ekstra margin under */
.product-info__sticky > div:has(product-inventory) {
  margin-bottom: 0 !important;
}

/* product-inventory blokken selv */
product-inventory.product-info__block {
  margin-bottom: 0 !important;
}

/* Fri fragt wrapper: tæt på inventory */
.product-info__sticky > div:has(.free-shipping-brands) {
  margin-top: 4px !important;
}

/* Reducer gap fra product-options blok (0-height men har margin) */
.product-info__sticky .product-options.product-info__block:empty,
.product-info__sticky .product-options:empty {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ============================================================
   END REDUCER GAP
   ============================================================ */

/* ============================================================
   PRODUKT-INFO — FJERN PRODUCT-OPTIONS MARGIN (2026-07-07)
   ============================================================ */

/* product-options blokken er 0px høj men har 16px margin top+bottom
   Dette skaber unødigt gap. Reducer til 0. */
.product-info__sticky .product-options.product-info__block {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* fsb-note padding-top: 8px → reducer til 4px */
.free-shipping-brands.fsb-product-note .fsb-note {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* ============================================================
   END PRODUCT-OPTIONS MARGIN
   ============================================================ */

/* ============================================================
   BREADCRUMBS — INGEN LINJEBRUD PÅ MOBIL (2026-07-07)
   ============================================================ */

/* Forhindre at breadcrumb-listen wrapper til ny linje */
.breadcrumbs-list {
  flex-wrap: nowrap !important;
  overflow: hidden !important;
}

/* Hjem og kategori: fast bredde, ingen shrink */
.breadcrumbs-list li:not(:last-child) {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}

/* Produktnavn (sidste led): fyld resterende plads og truncate */
.breadcrumbs-list li:last-child {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.breadcrumbs-list li:last-child .breadcrumbs-list__link {
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  min-width: 0 !important;
  width: 100% !important;
}

/* Sikr at teksten inde i linket også truncates */
.breadcrumbs-list li:last-child .breadcrumbs-list__link span,
.breadcrumbs-list li:last-child .breadcrumbs-list__link > * {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  min-width: 0 !important;
}

/* ============================================================
   END BREADCRUMBS NOWRAP
   ============================================================ */

/* ============================================================
   HEADER — SKJUL SØGEFELT VED SCROLL (2026-07-07)
   ============================================================ */

/* Søgefelt container: smooth collapse */
store-header .header__search {
  max-height: 60px;
  overflow: hidden;
  opacity: 1;
  transition: max-height 0.25s cubic-bezier(0.23, 1, 0.32, 1),
              opacity 0.2s ease,
              padding 0.25s ease,
              margin 0.25s ease;
}

/* Skjult tilstand */
store-header.ea-search-hidden .header__search {
  max-height: 0 !important;
  opacity: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  pointer-events: none !important;
}

/* ============================================================
   END HEADER SØGEFELT SCROLL
   ============================================================ */

/* ============================================================
   STICKY ATC PANEL — OPTIMERING (2026-07-07)
   ============================================================ */

/* 1. Fjern produktbillede fra sticky panel */
sticky-atc-panel .card__media,
sticky-atc-panel picture,
sticky-atc-panel .card__media img {
  display: none !important;
}

/* 2. Sticky panel layout uden billede */
sticky-atc-panel .card--sticky-atc {
  padding: 10px 16px !important;
  gap: 12px !important;
  min-height: 60px !important;
  align-items: center !important;
  background: #fff !important;
  border-top: 1px solid rgba(0,0,0,0.12) !important;
  box-shadow: 0 -2px 12px rgba(0,0,0,0.10) !important;
}

/* 3. Pris og titel i sticky panel */
sticky-atc-panel .card__info {
  flex: 1 !important;
  min-width: 0 !important;
}

sticky-atc-panel .price {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: #111 !important;
}

/* 4. ATC-knap i sticky panel — orange, fuld bredde på mobil */
sticky-atc-panel .btn--primary,
sticky-atc-panel .ea-sticky-atc-btn {
  background: #cb7431 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  padding: 12px 20px !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  min-width: 140px !important;
  text-align: center !important;
}

sticky-atc-panel .btn--primary:hover,
sticky-atc-panel .ea-sticky-atc-btn:hover {
  background: #b5641f !important;
}

/* 5. Sticky panel synlig tilstand */
sticky-atc-panel.ea-sticky-visible {
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1),
              opacity 0.2s ease !important;
}

/* 6. Sticky panel skjult tilstand */
sticky-atc-panel.ea-sticky-hidden,
sticky-atc-panel.sticky-atc-panel--out {
  visibility: hidden !important;
  opacity: 0 !important;
  transform: translateY(100%) !important;
  transition: transform 0.2s ease,
              opacity 0.15s ease,
              visibility 0s linear 0.2s !important;
}

/* 7. Override temaets egne invisible/out klasser */
sticky-atc-panel.ea-sticky-visible.sticky-atc-panel--out,
sticky-atc-panel.ea-sticky-visible.invisible {
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* ============================================================
   END STICKY ATC PANEL
   ============================================================ */

/* ============================================================
   STICKY ATC PANEL — SINGLE-VARIANT LAYOUT (2026-07-07 v2)
   Coolshop-pattern: fuld-bredde panel med stor orange ATC-knap
   Vises kun når hoved-ATC-knap er ude af viewport
   ============================================================ */

/* Single-variant panel: fuld bredde, ingen billede/navn/pris */
sticky-atc-panel[data-variants-count="1"] {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  left: 0 !important;
  right: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 -2px 16px rgba(0,0,0,0.15) !important;
  background: #fff !important;
}

sticky-atc-panel[data-variants-count="1"] .card--sticky-atc {
  justify-content: center !important;
  padding: 10px 16px max(10px, env(safe-area-inset-bottom)) !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  border-top: 1px solid rgba(0,0,0,0.1) !important;
  box-shadow: none !important;
}

sticky-atc-panel[data-variants-count="1"] .card__info {
  display: none !important;
}

sticky-atc-panel[data-variants-count="1"] .card__media {
  display: none !important;
}

sticky-atc-panel[data-variants-count="1"] .card__buttons {
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

sticky-atc-panel[data-variants-count="1"] .ea-sticky-atc-btn,
sticky-atc-panel[data-variants-count="1"] .btn--primary {
  display: block !important;
  width: 100% !important;
  min-width: unset !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  min-height: 52px !important;
  padding: 14px 24px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border-radius: 6px !important;
  background: #cb7431 !important;
  color: #fff !important;
  border: none !important;
  cursor: pointer !important;
  line-height: 1.2 !important;
  transition: background 0.15s ease, transform 0.1s ease !important;
}

sticky-atc-panel[data-variants-count="1"] .ea-sticky-atc-btn:hover,
sticky-atc-panel[data-variants-count="1"] .btn--primary:hover {
  background: #b5641f !important;
}

sticky-atc-panel[data-variants-count="1"] .ea-sticky-atc-btn:active,
sticky-atc-panel[data-variants-count="1"] .btn--primary:active {
  transform: scale(0.98) !important;
}

/* Multi-variant panel: skjul sticky panel (variant-vælger er synlig på siden) */
sticky-atc-panel[data-variants-count]:not([data-variants-count="1"]) {
  display: none !important;
}

/* Desktop: max-bredde for single-variant panel */
@media (min-width: 769px) {
  sticky-atc-panel[data-variants-count="1"] {
    max-width: 500px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    border-radius: 12px 12px 0 0 !important;
  }
  sticky-atc-panel[data-variants-count="1"].ea-sticky-visible {
    transform: translateX(-50%) translateY(0) !important;
  }
  sticky-atc-panel[data-variants-count="1"].ea-sticky-hidden,
  sticky-atc-panel[data-variants-count="1"].sticky-atc-panel--out {
    transform: translateX(-50%) translateY(100%) !important;
  }
}

/* ============================================================
   END STICKY ATC PANEL SINGLE-VARIANT
   ============================================================ */

/* ============================================================
   STICKY ATC PANEL — Kun mobil (skjul på desktop ≥769px)
   Gælder alle produkter uanset antal varianter
   ============================================================ */
@media (min-width: 769px) {
  sticky-atc-panel {
    display: none !important;
  }
}

/* ============================================================
   ACCORDION KOMPRIMERING — Reducerer vertikal højde på alle
   produktside-accordion-rækker uden at miste touch-klikbarhed.
   Mobil min. touch-target: 44px (Apple HIG).
   Ændret: 2026-07-11
   ============================================================ */

/* Mobil (default): 3 × 0.4rem = 1.2rem ≈ 19px top + 19px bund = 44px samlet */
.disclosure > summary {
  padding: calc(3 * var(--space-unit)) 0;
}

/* Tablet ≥769px: 3 × 0.4rem = 1.2rem (ned fra 5) */
@media (min-width: 769px) {
  .product-details .disclosure > summary {
    padding-top: calc(3 * var(--space-unit));
    padding-bottom: calc(3 * var(--space-unit));
  }
  .product-details .disclosure__content {
    padding-bottom: calc(3 * var(--space-unit));
  }
}

/* Desktop ≥1024px: 4 × 0.4rem = 1.6rem (ned fra 8) */

/* ===== FILTER TOOLBAR: Skjul fejlplaceret "Filtre efter" label =====
   Shopify-temaet tilføjer normalt .js klassen på <html> der skjuler
   denne label via .js .no-js-hidden { display:none }.
   Dette er en fallback der sikrer den altid er skjult.
   ================================================================== */
#products-sort-by > label {
  display: none !important;
}

/* ===== KOLLEKTIONSSIDE: H1 størrelse reduceret =====
   Standard H1 (46px) er for dominerende på kollektionssider.
   Reducerer til 28px desktop / 22px mobil for bedre proportioner.
   ===================================================== */
.main-collection-banner h1,
.collection-banner h1 {
}

/* ===== KOLLEKTIONSSIDE: H1 størrelse reduceret =====
   Standard H1 (46px) er for dominerende på kollektionssider.
   Reducerer til 28px desktop / 22px mobil for bedre proportioner.
   DOM: h1 er i .collection-banner__content
   ===================================================== */
.collection-banner__content h1 {
  font-size: clamp(22px, 3vw, 28px);
  line-height: 1.2;
}


/* ============================================================
   WCAG 2.1 KONTRAST-RETTELSER — Audit 2026-08-05
   Alle rettelser opfylder minimum WCAG AA (4.5:1)
   ============================================================ */

/* --- 1. Grøn "På lager" tekst og check-ikoner ---
   Før: #0da44a / #16a34a = 3.1–3.2:1 FAIL
   Efter: #166534 = 7.13:1 AAA ✅
   Klasser: product-inventory__urgency, check-icon
   ------------------------------------------------- */
.product-inventory__urgency,
span.product-inventory__urgency,
.product-inventory__urgency p,
.js-inventory-urgency {
  color: #166534 !important;
}
span.check-icon {
  color: #166534 !important;
}

/* --- 2. Grå produktantal-tekst på kollektionssider ---
   Før: rgba(heading/0.6) ≈ #888 = 3.40:1 FAIL
   Efter: #595959 = 7.0:1 AAA ✅ + min. 13px
   ------------------------------------------------- */
.collection-banner__count {
  color: #595959 !important;
  font-size: 1.3rem !important;
}

/* --- 3. Primær knap i color-scheme-1 (lys orange) ---
   Før: #c2410c med hvid tekst = 3.45:1 FAIL
   Efter: #b45309 med hvid tekst = 5.02:1 AA ✅
   Standardiserer alle primære knapper til brand-farven
   ------------------------------------------------- */
.color-scheme--1 .btn--primary,
.color-scheme--1 .spr-button-primary,
.color-scheme--1 .card__button.btn--primary {
  background: #b45309
    linear-gradient(
      104deg,
      #b45309 60%,
      #b45309 60%,
      #b45309 100%
    )
    no-repeat 100% 100% !important;
  border-color: #b45309 !important;
  outline-color: #b45309 !important;
}
@media (hover: hover) and (pointer: fine) {
  .color-scheme--1 .btn--primary:not([disabled]):hover,
  .color-scheme--1 .card__button.btn--primary:not([disabled]):hover {
    background: #92400e
      linear-gradient(
        104deg,
        #92400e 60%,
        #92400e 60%,
        #92400e 100%
      )
      no-repeat 100% 100% !important;
    border-color: #92400e !important;
  }
}

/* --- 4. Pris-range filter slider input ---
   Før: rgb(var(--input-text-color)) ≈ #9d968e = 2.80:1 FAIL
   Efter: #595959 = 7.0:1 AAA ✅
   ------------------------------------------------- */
.price-range__slider-input,
.price-range input[type="number"] {
  color: #595959 !important;
}

/* --- 5. Trustpilot/anmeldelse disclaimer ---
   Før: #787878 = 4.19:1 FAIL
   Efter: #595959 = 7.0:1 AAA ✅
   ------------------------------------------------- */
.jm-store-summary-disclaimer__icon,
.jm-store-summary-disclaimer,
[class*="disclaimer"] {
  color: #595959 !important;
}
/* SPR (Shopify Product Reviews) grå tekst */
#shopify-product-reviews .spr-summary-caption,
#shopify-product-reviews .spr-review-header-byline {
  color: #595959 !important;
}

/* ============================================================
   END WCAG 2.1 KONTRAST-RETTELSER
   ============================================================ */

/* ============================================================
   WCAG 2.1 — YDERLIGERE RETTELSER (Verificering runde 2)
   ============================================================ */

/* --- 6. Produktantal-tekst på kollektionssider ---
   Faktisk klasse: .collection-banner__product-count
   Faktisk farve: #888888 = 3.40:1 FAIL (inline style overskriver)
   Faktisk størrelse: 8.5px (0.85rem) — ekstremt lille
   Rettelse: #595959 = 7.0:1 AAA + 13px minimum
   ------------------------------------------------- */
.collection-banner__product-count {
  color: #595959 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

/* --- 7. VÆLG STØRRELSE knap på produktkort ---
   Klasse: .card--product .btn--primary, .btn--primary.js-quick-add
   Faktisk baggrund: rgb(203,116,49) = #cb7431 = 3.45:1 FAIL
   Årsag: --btn-bg-hover-color er sat til 203 116 49 i :root
   Rettelse: Override direkte med #b45309 = 5.02:1 AA ✅
   ------------------------------------------------- */
.card--product .btn.btn--primary,
.btn.btn--primary.js-quick-add {
  background: #b45309 !important;
  background-image: none !important;
  border-color: #b45309 !important;
}
@media (hover: hover) and (pointer: fine) {
  .card--product .btn.btn--primary:not([disabled]):hover,
  .btn.btn--primary.js-quick-add:not([disabled]):hover {
    background: #92400e !important;
    background-image: none !important;
    border-color: #92400e !important;
  }
}

/* ============================================================
   END WCAG 2.1 — YDERLIGERE RETTELSER
   ============================================================ */

/* ============================================================
   CART DRAWER — MOBIL FIX
   Problemet: .drawer har max-width: 540px uden mobil-override.
   På iPhone (390px bred) stikker draweren ud til højre og
   X-knappen er usynlig uden for viewport.
   Rettelse: width: 100% på skærme under 540px.
   ============================================================ */
@media screen and (max-width: 539px) {
  .drawer,
  cart-drawer.drawer,
  quick-add-drawer.drawer {
    max-width: 100% !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    border-radius: var(--overlay-border-radius, 12px) var(--overlay-border-radius, 12px) 0 0 !important;
  }
}
/* ============================================================
   END CART DRAWER — MOBIL FIX
   ============================================================ */

/* ============================================================
   CART DRAWER — Z-INDEX FIX
   Problemet: .js-overlay og cart-drawer har begge z-index: 40.
   Overlay kommer EFTER cart-drawer i DOM, og vinder derfor ved
   samme z-index. Overlay blokerer al interaktion med cart-drawer.
   Rettelse: cart-drawer sættes til z-index: 41 (over overlay).
   ============================================================ */
cart-drawer.drawer {
  z-index: 41 !important;
}
/* ============================================================
   END CART DRAWER — Z-INDEX FIX
   ============================================================ */

/* ============================================================
   CART DRAWER — 3-KOLONNE GRID FIX (VARIANT-TEKST)
   Problem: cart-item er 2-kolonne grid (90px + auto).
   cart-item__details og cart-item__qty stables vertikalt i
   kolonne 2 → details er kun ~105px bred og variant-tekst
   afkortes. Løsning: 3-kolonne grid i drawer:
   [billede 80px][details auto][qty min-content]
   ============================================================ */
cart-drawer .cart-item {
  grid-template-columns: 80px 1fr min-content !important;
  align-items: start !important;
}

cart-drawer .cart-item__image {
  grid-column: 1/2 !important;
  grid-row: 1/3 !important;
}

cart-drawer .cart-item__details {
  grid-column: 2/3 !important;
  grid-row: 1/2 !important;
  padding-right: 8px !important;
  min-width: 0 !important;
}

cart-drawer .cart-item__qty {
  grid-column: 3/4 !important;
  grid-row: 1/2 !important;
  margin-top: 0 !important;
  align-self: start !important;
}

cart-drawer .cart-item__total {
  grid-column: 2/4 !important;
  grid-row: 2/3 !important;
  text-align: left !important;
  padding-top: 4px !important;
}

/* Variant-tekst: ingen truncation — brug al tilgængelig bredde */
cart-drawer .cart-items .cart-item__variants {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: keep-all !important;
}
/* ============================================================
   END CART DRAWER — 3-KOLONNE GRID FIX
   ============================================================ */


/* ============================================================
   MEGAMENU — BLINK FIX (2026-08-05)
   Overlay starter under headeren så mouseenter ikke trigges
   i header-zonen. pointer-events: none sikrer at klik på
   megamenu-links ikke fanges af overlay-click-handler.
   ============================================================ */
.overlay.overlay--nav {
  top: var(--header-end, 80px) !important;
  pointer-events: none !important;
}
@media (min-width: 769px) {
  .main-nav__child.mega-nav,
  .main-nav__child.mega-nav.mega-nav--columns,
  nav .main-nav__child.mega-nav {
    background-color: #ffffff !important;
    --nav-bg-color: 255 255 255 !important;
  }
}
.overlay.overlay--nav.is-visible {
  background-color: transparent !important;
}
/* ============================================================
   END MEGAMENU BLINK FIX
   ============================================================ */