/** Shopify CDN: Minification failed

Line 255:0 Unexpected "}"

**/
/* === AMIKICKS — HEADER: clean reset + ens alignment (no pixel-nudges) === */

/* Typografi + farve så alle matcher "Sneakers" */
header.header .header__inline-menu a.header__menu-item span,
header.header .header__inline-menu summary.header__menu-item span {
  font-family: var(--font-heading-family, var(--font-body-family)) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  color: rgb(var(--color-foreground)) !important;
  opacity: 0.82 !important;
}
header.header .header__inline-menu a.header__menu-item:hover span,
header.header .header__inline-menu summary.header__menu-item:hover span {
  opacity: 1 !important;
}

/* Rækken og alle items centreret lodret (samme model for <a> og <summary>) */
header.header .header__inline-menu .list-menu--inline {
  display: flex !important;
  align-items: center !important;
}
header.header .header__inline-menu a.header__menu-item,
header.header .header__inline-menu summary.header__menu-item {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
header.header .header__inline-menu .header__menu-item > span {
  display: inline-block !important;
  line-height: 1 !important;
}

/* Caret må ikke trække teksten ned */
header.header .header__inline-menu summary.header__menu-item .icon-caret {
  display: block !important;
  align-self: center !important;
  margin-left: 6px !important;
  height: 1em !important;
  width: 1em !important;
  transform: none !important;
}

/* Aktiv underline – lidt lavere så den ikke snyder øjet */
header.header .header__inline-menu .header__active-menu-item::after {
  bottom: -6px !important;
}

/* Sticky-klonen får samme regler */
sticky-header header.header .header__inline-menu .list-menu--inline { align-items: center !important; }
sticky-header header.header .header__inline-menu a.header__menu-item,
sticky-header header.header .header__inline-menu summary.header__menu-item { display: inline-flex !important; align-items: center !important; line-height: 1 !important; }
sticky-header header.header .header__inline-menu summary.header__menu-item .icon-caret { display: block !important; align-self: center !important; margin-left: 6px !important; height: 1em !important; width: 1em !important; transform: none !important; }

/* — AMIKICKS: hæv KUN "Sneakers" 1 px — */
summary#HeaderMenu-sneakers {
  position: relative !important;
  top: -1px !important;          /* skift til -2px hvis du stadig kan se hældning */
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

/* caret’en må ikke trække ned */
summary#HeaderMenu-sneakers .icon-caret {
  position: relative !important;
  top: -1px !important;
  display: block !important;
  margin-left: 6px !important;
  height: 1em !important;
  width: 1em !important;
}

/* sticky-header-klonen også */
sticky-header summary#HeaderMenu-sneakers {
  position: relative !important;
  top: -1px !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}
sticky-header summary#HeaderMenu-sneakers .icon-caret {
  position: relative !important;
  top: -1px !important;
  display: block !important;
  margin-left: 6px !important;
  height: 1em !important;
  width: 1em !important;
}







/* AMIKICKS — stram caret + fjern ekstra luft efter "Sneakers" */
summary#HeaderMenu-sneakers {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;                 /* kontrolleret afstand mellem tekst og pil */
  padding-right: 0 !important;         /* ingen ekstra luft efter caret */
  margin-right: 0 !important;
}

summary#HeaderMenu-sneakers > span {
  margin-right: 0 !important;          /* ingen skjult margin efter teksten */
}

/* caret: mindre, uden ekstra margin, og i samme højde som teksten */
summary#HeaderMenu-sneakers .icon-caret {
  display: block !important;
  position: relative !important;
  top: -1px !important;                /* hold den lodret centreret ift. teksten */
  margin: 0 !important;                /* fjern venstre/højre margin der skubber næste item */
  width: 0.8em !important;             /* mindre pil = mindre visuel afstand */
  height: 0.8em !important;
  transform: none !important;
}

/* hvis sticky-headeren dukker op, samme regler dér */
sticky-header summary#HeaderMenu-sneakers {
  gap: 4px !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
}
sticky-header summary#HeaderMenu-sneakers .icon-caret {
  top: -1px !important;
  margin: 0 !important;
  width: 0.8em !important;
  height: 0.8em !important;
}




/* AMIKICKS — fix caret der overlapper teksten ved "Sneakers" */

/* gør summary til en ægte flex-container med kontrolleret afstand */
summary#HeaderMenu-sneakers {
  display: inline-flex !important;
  align-items: center !important;
  column-gap: 6px !important;      /* stabil afstand mellem tekst og caret */
  padding-right: 0 !important;
  margin-right: 0 !important;
}

/* reset ALT hvad temaet eller vi selv har gjort ved caret */
summary#HeaderMenu-sneakers .icon-caret {
  position: static !important;      /* ikke relative/absolute, bare normal flow */
  display: block !important;        /* drop inline-baseline-cirkus */
  margin: 0 !important;             /* ingen skjult ekstra luft */
  flex: 0 0 auto !important;        /* lad være med at strække eller krympe */
  width: 0.9em !important;          /* pæn størrelse */
  height: 0.9em !important;
  transform: none !important;       /* ingen tilfældige forskydninger */
}

/* teksten er et separat flex-child – ikke en lang tekstnode med SVG i */
summary#HeaderMenu-sneakers > span {
  display: inline-block !important;
  line-height: 1 !important;
  margin: 0 !important;
}

/* samme i sticky header-klonen */
sticky-header summary#HeaderMenu-sneakers {
  column-gap: 6px !important;
}
sticky-header summary#HeaderMenu-sneakers .icon-caret {
  position: static !important;
  display: block !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  width: 0.9em !important;
  height: 0.9em !important;
  transform: none !important;
}








/* Sluk pilen på Sneakers – præcis målretning af SVG'en */
summary#HeaderMenu-sneakers > svg.icon-caret,
summary#HeaderMenu-sneakers > svg.icon.icon-caret {
  display: none !important;
}

/* Fjern evt. luft vi tidligere gav */
summary#HeaderMenu-sneakers {
  column-gap: 0 !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
}








/* === AMIKICKS — LetzKick-agtig “luft” i headeren, mobil-sikker === */
:root{
  /* før: 1200 / clamp(14px, 3.4vw, 40px) */
  --ami-header-max: 1440px;                 /* bredere indholdscontainer */
  --ami-header-pad: clamp(12px, 2.2vw, 28px); /* mindre sidepadding på desktop */
}

/* Vi ændrer KUN på desktop, Dawn bryder alligevel ved ~990px */
@media (min-width: 990px){
  header.header .header__inline-menu .list-menu--inline{
    gap: clamp(16px, 1.8vw, 22px) !important; /* lidt mindre afstand mellem links */
  }
}

  /* Selve header-indholdet centreres og max-breddes */
  header.header.page-width{
    max-width: var(--ami-header-max) !important;
    margin-inline: auto !important;
    width: 100% !important;
    padding-inline: 0 !important;           /* ingen dobbelt-padding */
  }

  /* Sticky-klonen skal se identisk ud */
  sticky-header header.header.page-width{
    max-width: var(--ami-header-max) !important;
    margin-inline: auto !important;
    width: 100% !important;
    padding-inline: 0 !important;
  }

  /* Lidt mere rolig afstand mellem menupunkter på desktop */
  header.header .header__inline-menu .list-menu--inline{
    gap: clamp(18px, 2.2vw, 34px) !important;
  }

  /* Pas på at logo og ikon-række ikke hænger i kanterne */
  header.header .header__heading,
  header.header .header__icons{
    padding-inline: 0 !important;
  }
}

/* Mobil/tablet: rør ikke ved layoutet, men sørg for at ting ikke klemmer */
@media (max-width: 989.98px){
  /* en smule luft i barens kanter er fint på mobil */
  .header-wrapper{
    padding-inline: 16px !important;
  }
  /* bevar standard-gaps på mobil for ikke at sprænge hamburgermenuen */
  header.header .header__inline-menu .list-menu--inline{
    gap: 16px !important;
  }
}







/* === AMIKICKS — strammere desktop-layout a la LetzKick === */
:root{
  /* mindre “indsnørret” midtercontainer + lavere sidepadding */
  --ami-header-max: 1560px;                 /* prøv 1600–1680 hvis du vil have endnu bredere */
  --ami-header-pad: clamp(10px, 1.4vw, 20px);
}

@media (min-width: 990px){
  /* barens indvendige luft */
  .header-wrapper{
    padding-inline: var(--ami-header-pad) !important;
  }

  /* centreret indhold med bredere max */
  header.header.page-width,
  sticky-header header.header.page-width{
    max-width: var(--ami-header-max) !important;
    margin-inline: auto !important;
    width: 100% !important;
    padding-inline: 0 !important;
  }

  /* stram afstand mellem menupunkter */
  header.header .header__inline-menu .list-menu--inline{
    gap: clamp(10px, 1.2vw, 18px) !important;
  }

  /* stram også ikonrække til højre */
  header.header .header__icons{
    column-gap: clamp(8px, 1.0vw, 14px) !important;
  }
}








/* === AMIKICKS — ryk mere ud til venstre/højre på DESKTOP === */
@media (min-width: 990px){
  :root{
    /* bredere indholdscontainer + endnu mindre sideluf t */
    --ami-header-max: 1680px;
    --ami-header-pad: clamp(8px, 0.9vw, 16px);
  }

  /* barens kanter lidt tættere på viewport-kanten */
  .header-wrapper{
    padding-inline: var(--ami-header-pad) !important;
  }

  /* hele headerens grid må fylde mere */
  header.header.page-width,
  sticky-header header.header.page-width{
    max-width: var(--ami-header-max) !important;
  }

  /* skub logo helt ud til venstre og ikoner helt ud til højre inde i grid’et */
  header.header{
    grid-template-columns: auto 1fr auto !important;
  }

  /* menuen holdes centreret, men uden ekstra indre padding */
  header.header .header__inline-menu{
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }

  /* ikonerne må gerne stå en anelse tættere mod højre kant */
  header.header .header__icons{
    margin-right: 0 !important;
    column-gap: clamp(10px, 1.1vw, 18px) !important;
  }
}




/* === AMIKICKS — logo og menu sammen, ikoner helt til højre === */
@media (min-width: 990px){
  /* behold de bredde-indstillinger du har sat før */
  header.header{
    /* 3 kolonner: logo | menu fylder resten | ikoner */
    grid-template-columns: auto 1fr auto !important;
    column-gap: clamp(14px, 1.8vw, 32px) !important; /* mellemrum mellem logo og menu */
  }

  /* menuen skal starte ved logoet, ikke hænge centreret */
  header.header .header__inline-menu{
    justify-self: start !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
  }

  /* ikonerne bliver helt ude i højre side */
  header.header .header__icons{
    justify-self: end !important;
    margin-right: 0 !important;
  }
}








/* Ens afstand mellem ALLE menupunkter */
@media (min-width: 990px){
  /* styr kun spacing med gap */
  header.header .header__inline-menu .list-menu--inline{
    gap: clamp(12px, 1.4vw, 22px) !important;
  }
  /* fjern skjulte margins/padding på hvert item (a + summary) */
  header.header .header__inline-menu .list-menu--inline > li{
    margin: 0 !important;
    padding: 0 !important;
  }
  header.header .header__inline-menu .list-menu--inline > li > a.header__menu-item,
  header.header .header__inline-menu .list-menu--inline > li > summary.header__menu-item{
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}












/* === AMIKICKS — ens afstand mellem ALLE menupunkter (fix Forside ↔ Sneakers) === */
@media (min-width: 990px){
  :root{ --ami-menu-gap: clamp(12px, 1.3vw, 20px); }

  /* 1) Brug KUN gap til spacing */
  header.header .header__inline-menu .list-menu--inline{
    gap: var(--ami-menu-gap) !important;
  }

  /* 2) Nulstil alle skjulte margins/padding på <li> og dets direkte child (a/summary) */
  header.header .header__inline-menu .list-menu--inline > li{
    margin: 0 !important;
    padding: 0 !important;
  }
  header.header .header__inline-menu .list-menu--inline > li > a.header__menu-item,
  header.header .header__inline-menu .list-menu--inline > li > summary.header__menu-item{
    margin: 0 !important;
    padding: 0 !important;                 /* <- killer for “Forside”s ekstra indre luft */
  }

  /* 3) Nulstil “focus-inset”-booster, som Dawn giver ankeret men ikke summary */
  header.header .header__inline-menu .list-menu--inline > li > .focus-inset{
    padding: 0 !important;
  }

  /* 4) Summary (Sneakers) må ikke have intern gap efter teksten */
  header.header .header__inline-menu .list-menu--inline > li > summary.header__menu-item{
    column-gap: 0 !important;
  }
  header.header .header__inline-menu .list-menu--inline > li > summary.header__menu-item > span{
    margin: 0 !important;
  }

  /* 5) Aktivt link underline må ikke skabe ekstra optisk luft */
  header.header .header__inline-menu .header__active-menu-item{
    margin: 0 !important;
    padding: 0 !important;
  }
}











/* === AMIKICKS — fix hul mellem Forside ↔ Sneakers + større menutekst === */
@media (min-width: 990px){
  :root{
    --ami-menu-gap: clamp(14px, 1.2vw, 22px);     /* ens afstand mellem alle punkter */
    --ami-menu-size: clamp(14px, 1.05vw, 17px);   /* gør menuteksten lidt større */
  }

  /* Brug KUN gap til spacing */
  header.header .header__inline-menu .list-menu--inline{
    gap: var(--ami-menu-gap) !important;
  }

  /* Nulstil AL ekstra margin/padding på li + direkte child (a/summary) */
  header.header .header__inline-menu .list-menu--inline > li,
  header.header .header__inline-menu .list-menu--inline > li > a.header__menu-item,
  header.header .header__inline-menu .list-menu--inline > li > summary.header__menu-item{
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Kernen: span inde i LINKS og SUMMARY må ikke have højremargin */
  header.header .header__inline-menu a.header__menu-item > span,
  header.header .header__inline-menu summary.header__menu-item > span{
    margin: 0 !important;
    padding: 0 !important;
    font-size: var(--ami-menu-size) !important;   /* større menutekst */
    line-height: 1 !important;
    letter-spacing: 0.08em !important;            /* behold dit look */
  }

  /* Dawn snyder typisk med .focus-inset – fjern indre padding på LINKS */
  header.header .header__inline-menu .list-menu--inline > li > a.header__menu-item.focus-inset{
    padding: 0 !important;
  }

  /* Sørg for at summary ikke har intern column-gap (vi fjernede caret alligevel) */
  header.header .header__inline-menu .list-menu--inline > li > summary.header__menu-item{
    column-gap: 0 !important;
  }
}










/* === AMIKICKS — fix "Forside ↔ Sneakers" og strammere ikoner (DESKTOP) === */
@media (min-width: 990px){
  :root{
    --ami-menu-gap: clamp(10px, 1.0vw, 16px);   /* ét tal styrer hele menu-afstanden */
    --ami-icon-gap: clamp(8px, 0.9vw, 12px);    /* strammere afstand mellem ikoner */
  }

  /* 1) Brug KUN gap/column-gap til spacing (ingen margins nogen steder) */
  header.header .header__inline-menu .list-menu--inline{
    gap: var(--ami-menu-gap) !important;
    column-gap: var(--ami-menu-gap) !important;
  }

  /* 2) NULSTIL alle margins/padding som kan spøge */
  header.header .header__inline-menu .list-menu--inline > li,
  header.header .header__inline-menu .list-menu--inline > li + li{   /* <- dræb leftover sibling-margin */
    margin: 0 !important;
    padding: 0 !important;
  }
  header.header .header__inline-menu .list-menu--inline > li > a.header__menu-item,
  header.header .header__inline-menu .list-menu--inline > li > summary.header__menu-item{
    margin: 0 !important;
    padding: 0 !important;
  }
  header.header .header__inline-menu a.header__menu-item > span,
  header.header .header__inline-menu summary.header__menu-item > span{
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }
  /* Dawn’s “focus-inset” snyder især på første punkt – væk med den ekstra luft */
  header.header .header__inline-menu .list-menu--inline > li > .focus-inset{
    padding: 0 !important;
    margin: 0 !important;
  }

  /* 3) Stram ikon-rækken til højre */
  header.header .header__icons{
    column-gap: var(--ami-icon-gap) !important;
  }
  header.header .header__icons .vertical-separator,
  header.header .header__icons .separator{
    margin-inline: 6px !important;
    width: 1px !important;
  }
}




/* === AMIKICKS — ens afstand, men med justering på "Forside ↔ Sneakers" (desktop) === */
@media (min-width: 990px){
  :root{
    --ami-menu-gap: 18px;         /* normal afstand mellem punkter */
    --ami-first-gap-fix: 10px;    /* afstand KUN mellem Forside ↔ Sneakers */
  }

  /* Brug KUN margins – ingen gap der driller pr. item */
  header.header .header__inline-menu .list-menu--inline{
    gap: 0 !important;
    column-gap: 0 !important;
  }

  /* Nulstil al arvet margin/padding */
  header.header .header__inline-menu .list-menu--inline > li,
  header.header .header__inline-menu .list-menu--inline > li > a.header__menu-item,
  header.header .header__inline-menu .list-menu--inline > li > summary.header__menu-item{
    margin: 0 !important;
    padding: 0 !important;
  }
  header.header .header__inline-menu .list-menu--inline > li > .focus-inset{ /* Dawn’s ekstra luft */
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Standard: alle efterfølgende items får samme venstre-margin */
  header.header .header__inline-menu .list-menu--inline > li + li{
    margin-left: var(--ami-menu-gap) !important;
  }

  /* SPECIAL: gør hullet mellem Forside og Sneakers mindre */
  header.header .header__inline-menu .list-menu--inline > li:first-child + li{
    margin-left: var(--ami-first-gap-fix) !important;
  }
}





@media (min-width: 990px){
  :root{ --ami-menu-gap: 18px; } /* skru op/ned efter smag */

  /* 1) Brug KUN margin-left på li+li (ingen gap/margins andre steder) */
  header.header .header__inline-menu .list-menu--inline{
    gap: 0 !important;
    column-gap: 0 !important;
  }
  header.header .header__inline-menu .list-menu--inline > li{
    margin: 0 !important;
    padding: 0 !important;
  }
  header.header .header__inline-menu .list-menu--inline > li + li{
    margin-left: var(--ami-menu-gap) !important;
  }

  /* 2) Nulstil al indre padding/margin på links/summary/spans */
  header.header .header__inline-menu .list-menu--inline > li > a.header__menu-item,
  header.header .header__inline-menu .list-menu--inline > li > summary.header__menu-item{
    margin: 0 !important;
    padding: 0 !important;
  }
  header.header .header__inline-menu a.header__menu-item > span,
  header.header .header__inline-menu summary.header__menu-item > span{
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }
  /* Dawn’s focus-inset kan give “Forside” ekstra luft — væk med den */
  header.header .header__inline-menu .list-menu--inline > li > .focus-inset{
    margin: 0 !important;
    padding: 0 !important;
  }
}
















/* ===== Kill sticky ATC / onhow-barrer på MOBIL ===== */
@media (max-width: 989.98px){
  /* almindelige navne + populære varianter */
  #onhow-sticky-bar,
  .onhow-sticky-bar,
  .onhow-sticky,
  .onhow__sticky-bar,
  .onhow-sticky-bar--wrapper,
  .sticky-atc, .sticky_atc, .sticky-add-to-cart, .sticky-addtocart, [data-sticky-atc],
  .product-sticky-atc, .product__sticky-atc, .product-sticky-bar,
  /* alt der hedder noget med sticky + cart/atc */
  [class*="sticky"][class*="cart"], [class*="sticky"][class*="atc"],
  [id*="sticky"][id*="cart"], [id*="sticky"][id*="atc"],
  /* generisk: inline styles der (ofte) bruges til bund-barer */
  [style*="position:fixed"][style*="bottom"],
  [style*="position: sticky"][style*="bottom"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    max-height: 0 !important;
    position: static !important;
  }

  /* fjern evt. reserveret plads pga. baren */
  html, body {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}









/* ===== Kurv: skjul overskriftsrækken + stregen under ===== */

/* Dawn/varianter – kurvside */
.cart-items thead,
.cart-items .cart-items__heading,
.cart__items thead {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* Fjern “stregen” som typisk kommer fra border-top/-bottom på første række */
.cart-items thead + tbody > tr:first-child,
.cart-items tbody > tr:first-child {
  border-top: 0 !important;
}

/* Nogle temaer lægger linjen som border-bottom på thead-tr */
.cart-items thead tr,
.cart-items thead th {
  border: 0 !important;
  box-shadow: none !important;
}

/* Kurv-skuffen (drawer) har ofte egen heading */
.drawer .cart-items__heading,
.cart-drawer .cart-items__heading {
  display: none !important;
  border: 0 !important;
}








/* 1) Vis tax-note / totals-note igen (kurvside + drawer) */
.cart__footer .tax-note,
.cart__footer .totals__note,
.cart-drawer .tax-note,
.cart-drawer .totals__note {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 2) Skjul KUN tabel-overskrifterne */
.cart-items thead,
.cart__items thead {
  display: none !important;
  border: 0 !important;
}
.cart-items thead tr,
.cart-items thead th {
  border: 0 !important;
  box-shadow: none !important;
}

/* 3) Fjern “stregen” under head */
.cart-items thead + tbody > tr:first-child,
.cart-items tbody > tr:first-child {
  border-top: 0 !important;
}

/* hvis jeg tidligere ramte .cart-items__heading for bredt, nulstil det */
.cart-items__heading {
  display: block !important; /* eller flex afhængigt af temaet, men block fungerer oftest */
  border: 0 !important;
}







/* Kurv: vis kun tax-note ved totals (ved siden af prisen) */

/* 1) Sluk ALLE noter som udgangspunkt */
.cart__footer .tax-note,
.cart__footer .totals__note,
.cart-drawer .tax-note,
.cart-drawer .totals__note {
  display: none !important;
}

/* 2) Tænd KUN den note, der ligger inde i totals-rækken */
.cart__footer .totals .tax-note,
.cart__footer .totals .totals__note,
.cart-drawer .totals .tax-note,
.cart-drawer .totals .totals__note {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 3) Sørg for pæn linjehøjde/placering ved prisen */
.cart__footer .totals,
.cart-drawer .totals {
  align-items: baseline !important;   /* pris + note flugter pænt */
  gap: 12px !important;               /* justér hvis du vil have mindre/mere luft */
}




/* ===== Kurv-drawer: gør knap synlig og nåbar på mobil ===== */
@media (max-width: 989.98px){

  /* 1) Drawer skal fylde hele device-højden (inkl. iOS d-vh) */
  .cart-drawer__inner,
  .drawer__inner,
  .cart-drawer {
    height: 100dvh !important;         /* moderne iOS/Android */
    max-height: 100dvh !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* 2) Selve scrolområdet skal være fleksibelt og touch-venligt */
  .cart-drawer__scroll-area,
  .drawer__content,
  .cart-drawer__contents {
    flex: 1 1 auto !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch !important;
    /* plads til sticky footer + iOS safe area */
    padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important;
  }

  /* 3) Checkout-området bliver sticky nederst og aldrig skjult */
  .cart-drawer__footer,
  .drawer__footer,
  .cart__footer .cart__ctas {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 5 !important;
    background: #fff !important;
    padding-bottom: calc(12px + env(safe-area-inset-bottom)) !important;
    box-shadow: 0 -1px 0 rgba(0,0,0,.08) inset !important;
  }

  /* 4) Fjern evt. mystisk bund-margin/padding der skubber ting */
  html, body, .cart-drawer, .drawer {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}








/* ========== Topmenu: stram og ens afstand (desktop) ========== */

/* 1) Nulstil gamle gaps/margins der skaber skæve mellemrum */
header.header .header__inline-menu { column-gap: 0 !important; }
header.header .header__inline-menu .list-menu--inline > li { margin: 0 !important; }

/* 2) Sæt ét fælles, lille gap mellem ALLE menupunkter */
header.header .header__inline-menu .list-menu--inline {
  display: flex !important;
  gap: 1.4rem !important;       /* justér: 1.2–1.6rem er normalt pænt på laptops */
}

/* 3) Links og summary (Sneakers) skal opføre sig ens */
header.header .header__inline-menu a.header__menu-item,
header.header .header__inline-menu summary.header__menu-item {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}
header.header .header__inline-menu .header__menu-item > span { margin: 0 !important; }
header.header .header__inline-menu .icon-caret { display: none !important; } /* ingen “usynlig” ekstra plads */

/* 4) Ikon-cluster til højre: mindre luft, tak */
header.header .header__icons {
  gap: 0.9rem !important;       /* var sikkert 1.6–2rem */
}
header.header .header__icons > * { margin: 0 !important; }

/* 5) Søgeboksen: lad den ikke skubbe alt andet ud på laptops */
@media (min-width: 1024px) and (max-width: 1440px) {
  .header__icons .search-modal__form,
  .header__icons .predictive-search,
  .header__icons .header__search {
    max-width: 240px !important;   /* eller 200px hvis du vil have den endnu strammere */
  }
}

/* valgfrit: helt stram header-horisontal padding på laptops */
@media (min-width: 1024px) and (max-width: 1440px) {
  header.header .header__wrapper { padding-left: 24px !important; padding-right: 24px !important; }
}








/* ===== FIX: gallery arrows must NEVER sit above header/announcement ===== */
/* Put header + announcement at the top of the stacking order (no layout change) */
.shopify-section-announcement-bar,
.header-wrapper,
.sticky-header,
header.header {
  z-index: 3000 !important;   /* higher than anything in the product gallery */
}

/* Make sure the gallery lives in its own stacking context */
.product__media-wrapper,
.product__media,
.product__media-list,
.slick-slider {
  position: relative !important;
  z-index: 1 !important;
}

/* Demote any gallery arrows (even if Slick injects crazy inline z-index) */
button.slick-prev.slick-arrow,
button.slick-next.slick-arrow,
button.slick-arrow,
.flickity-button,                 /* safety if any alt slider is used */
.swiper-button-prev,
.swiper-button-next {
  z-index: 10 !important;        /* far below header’s 3000 */
}

/* If an arrow arrives with inline z-index, kill it */
button.slick-arrow[style*="z-index"] { z-index: 10 !important; }

/* Optional: keep arrows from “kissing” the header when at the very top */
.template-product .product__media-wrapper button.slick-arrow {
  margin-top: 10px;               /* tweak 0–12px if you want */
}





/* Hide the caret on ACCESSORIES only */
header.header .header__inline-menu summary#HeaderMenu-accessories .icon-caret {
  display: none !important;
}

/* Skjul caret-pilen kun for STREETWEAR (normal + sticky header) */
header.header .header__inline-menu summary#HeaderMenu-streetwear .icon-caret,
.sticky-header header.header .header__inline-menu summary#HeaderMenu-streetwear .icon-caret {
  display: none !important;
}

/* Fjern evt. ekstra luft der var reserveret til pilen */
header.header .header__inline-menu summary#HeaderMenu-streetwear,
.sticky-header header.header .header__inline-menu summary#HeaderMenu-streetwear {
  column-gap: 0 !important;
  margin-right: 0 !important;
}



/* === Kontakt: fjern dobbelte bokse og brug én pæn card === */

/* 1) Sluk for den “yderste” boks (uanset hvilket tema-wrap den ligger i) */
.section-template--main-contact .card,
.section-template--main-contact .color-background-2,
.section-template--main-contact .gradient,
.section-template--main-contact .shadow,
.section-template--main-contact .content-container {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
}

/* 2) Gør selve formularen til den eneste boks */
#ContactForm {
  background: #fff !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.08) !important;
  padding: 28px 28px 32px !important;
  max-width: 820px !important;
  margin: 0 auto !important;
}

/* 3) Centrer overskrift + lille spacing som på Letzkick */
.template-page .title,
.page-title,
h1#Contact {
  text-align: center !important;
  margin-bottom: 18px !important;
}

#ContactForm .field,
#ContactForm .field input,
#ContactForm .field textarea {
  border-radius: 10px !important;
}

/* 4) Mobil finpudsning */
@media (max-width: 749px) {
  #ContactForm { padding: 20px !important; }
}








/* Hide page scrollbar on desktop, but keep scrolling */
@media (min-width: 1024px) {
  html, body {
    overflow-y: auto;           /* scrolling virker stadig */
    -ms-overflow-style: none;   /* IE/Edge */
    scrollbar-width: none;      /* Firefox */
  }
  html::-webkit-scrollbar,
  body::-webkit-scrollbar {
    width: 0;                   /* Chrome/Safari/Edge */
    height: 0;
  }
}







/* ===== Desktop: tighten space under product images on all grids/sliders ===== */
@media (min-width: 1024px) {

  /* Pull the info block (title + price) up */
  .card-wrapper .card__information,
  .card--product .card__information,
  .product-card__info,
  .product-item__info,
  .grid-product__meta,
  .card-information {
    margin-top: -16px !important;   /* tweak: -10px to -22px */
  }

  /* If your theme spaces items using a row-gap on the card content,
     reduce that too so it hugs the image a bit more */
  .card .card__content,
  .product-card .card__content,
  .product-item .card__content {
    row-gap: 8px !important;        /* tweak: 6–10px */
  }

  /* Keep price tucked a bit closer to the title */
  .price, .price--listing, .product-card__price {
    margin-top: 4px !important;
  }
}














/* Kun en bundstribe i præcis samme farve som footeren */
:root { --ami-footer-bg: #111111; } /* skift til din footer-HEX */

body{
  background-image: linear-gradient(
    to bottom,
    transparent calc(100% - 2px),
    var(--ami-footer-bg) 0
  ) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}








/* ——— Match bagvæg med footerens farve ——— */
:root{
  --ami-footer-bg: #0b0b0b;   /* samme som .lk-footer --lk-bg */
  --ami-page-bg:   #ffffff;   /* indholdszonen forbliver lys */
}

/* Bagvæg (udenom hele sitet) = samme mørke som footeren */
html{
  background: var(--ami-footer-bg) !important;
}

/* Selve siden holdes lys, så brands-sektionen ikke overmales */
body{
  background: transparent !important;
  margin: 0 !important;
}

/* Dawn’s indholdsområde */
#MainContent{
  background: var(--ami-page-bg) !important;
}
.content-for-layout{
  background: var(--ami-page-bg) !important;
}

/* Footer matcher og ingen borders/gaps */
.footer{
  background: var(--ami-footer-bg) !important;
  border: 0 !important;
}
.footer::before,
.footer::after,
.footer__content-top,
.footer__content-bottom{
  border: 0 !important;
  display: none !important;
}

/* Safari anti-ghosting nederst */
html::after{
  content:"";
  position: fixed;
  left:0; right:0; bottom:0;
  height: 2px;
  background: var(--ami-footer-bg);
  pointer-events: none;
  z-index: 0;
}












/* === Samme font som overskrifter på TITEL + PRIS === */
/* Collection/featured/blocks – produktTITEL */
.card-information .card-information__text.h5,
.card-information .card__heading,
.card__information .card__heading,
.card__heading, 
.product__title {
  font-family: var(--font-heading-family), system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 800 !important;   /* tæt på din screenshot */
  line-height: 1.05;
  letter-spacing: 0;
}

/* Collection/featured/blocks + PDP – PRIS */
.price, 
.price .price-item,
.price__regular .price-item--regular,
.price__sale .price-item--sale,
.card-information .price .price-item,
.card__information .price .price-item {
  font-family: var(--font-heading-family), system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0;
  line-height: 1.1;
}

/* Små variationer fra enkelte sektioner som prøver at være smarte */
.card-information .price,
.card__information .price { margin-top: .25rem; }











.header__icon--menu {
  margin-left: 12px !important; /* prøv evt. 16px hvis du vil ha’ mere luft */
}







/* — AK: Align "SHOP ALLE" med overskriften i Featured Collection (desktop) — */
@media (min-width: 750px){
  .collection__title.title-wrapper{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap: clamp(12px, 2vw, 24px);
  }
  .collection__title.title-wrapper .title{
    margin:0 !important;
    line-height:1.05 !important;
  }
  .collection__title .collection__view-all{
    margin:0 !important;
  }
  .collection__title .collection__view-all .button{
    position:relative !important;
    top:-4px !important; /* justér til -5px / -6px hvis din h1 er større */
  }
}










/* Nordic Sneaker Store — centrer kun intro-teksten under H1 på kontaktsiden */
body[class*="contact"] #MainContent h1 + * {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 68ch !important;
  text-align: center !important;
  float: none !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* sørger for at alle afsnit/linjer i den blok følger med */
body[class*="contact"] #MainContent h1 + * > *,
body[class*="contact"] #MainContent h1 + * p {
  text-align: center !important;
}













/* ——— AMI: Hold hovedmenuen på ÉN linje ——— */
.header__inline-menu,
.header__inline-menu .list-menu {
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
}

/* Strammere afstand så der er plads til alle punkter */
.header__inline-menu .list-menu {
  gap: clamp(14px, 2.0vw, 26px) !important;
}
.header__inline-menu .list-menu__item {
  white-space: nowrap !important;
}
.header__inline-menu a {
  padding: 10px 6px !important;   /* mindre vandret padding */
}

/* Sørg for at søgefeltet krymper før menuen knækker */
.header__search,
.header__search .search-modal__form,
.header__search .field {
  max-width: clamp(220px, 28vw, 520px) !important;
  flex: 0 1 clamp(220px, 28vw, 520px) !important;
}

/* Ikonerne skal ikke skubbe noget i stykker */
.header__icons { flex: 0 0 auto !important; }

/* Finjustér på small/medium desktop */
@media (max-width: 1280px){
  .header__inline-menu a { font-size: 14px !important; }
  .header__inline-menu .list-menu { gap: 16px !important; }
}






/* ——— AMI Header: ens størrelse + perfekt lodret alignment ——— */

/* Lås typografien på alle topmenu-links */
.header__inline-menu,
.header__inline-menu a {
  font-size: 16px !important;          /* samme størrelse overalt */
  line-height: 1 !important;            /* ingen ekstra lodret luft */
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

/* Sørg for at teksten står midt på linjen, ikke på baseline */
.header__inline-menu .list-menu__item > a {
  display: inline-flex !important;
  align-items: center !important;
  padding: 10px 6px !important;         /* kompakt vandret padding */
  margin: 0 !important;
  vertical-align: middle !important;
}

/* Fjern margin/padding der kan få enkelte ord til at “hænge” */
.header__inline-menu .list-menu__item {
  margin: 0 !important;
  padding: 0 !important;
}

/* Genskab aktiv/hover-underline uden at skubbe linjehøjden */
.header__inline-menu .list-menu__item > a {
  border-bottom: none !important;
  position: relative;
}
.header__inline-menu .list-menu__item > a::after {
  content: "";
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: 4px;                          /* visuelt tæt på teksten */
  height: 2px;
  transform: scaleX(0);
  transform-origin: left;
  background: currentColor;
  transition: transform .18s ease;
}
.header__inline-menu .list-menu__item > a:hover::after,
.header__inline-menu .list-menu__item > a[aria-current="page"]::after {
  transform: scaleX(1);
}

/* Behold én linje og ens afstand mellem punkter */
.header__inline-menu .list-menu {
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
  gap: clamp(14px, 2vw, 26px) !important;
}

/* Small/medium desktop: skaler en anelse ned hvis pladsen er stram */
@media (max-width: 1280px){
  .header__inline-menu, .header__inline-menu a { font-size: 14px !important; }
  .header__inline-menu .list-menu { gap: 16px !important; }
}









/* ——— AMI HEADER: total lodret ensretning (anti-Dawn) ——— */

/* 1) Selve rækken skal centrere børnene */
.header, .shopify-section-header, header.header, .section-header {
  --ami-header-item-h: 42px; /* fælles højde for ankere */
}

.header__inline-menu .list-menu,
.header__inline-menu .list-menu.list-menu--inline {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: clamp(14px, 2vw, 26px) !important;
  line-height: 1 !important;
}

/* 2) List items må ikke have skjult padding/margin der skubber baseline */
.header__inline-menu .list-menu > .list-menu__item {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3) Ankeret er inline-flex med fast højde så teksten altid står midt */
.header__inline-menu .list-menu > .list-menu__item > a,
.header__inline-menu a.header__menu-item {
  display: inline-flex !important;
  align-items: center !important;
  height: var(--ami-header-item-h) !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 6px !important;
  vertical-align: middle !important;
  border: 0 !important;
  position: relative !important;
  top: 0 !important;
  transform: none !important;
}

/* 4) Fjern alt der kan ændre elementhøjden (klassisk Dawn-underline) */
.header__inline-menu .list-menu > .list-menu__item > a::before,
.header__inline-menu .list-menu > .list-menu__item > a::after {
  content: none !important;
}
.header__active-menu-item,
.header__active-menu-item:after,
.header__menu-item--active,
.header__menu-item--active:after {
  box-shadow: none !important;
  border: 0 !important;
}

/* 5) Typografi låses ens (så “Streetwear” ikke ser større/lavere ud) */
.header__inline-menu,
.header__inline-menu a.header__menu-item {
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

/* 6) Sikr at menuen ikke knækker før søg og ikoner giver sig */
.header__search,
.header__search .field {
  max-width: clamp(220px, 28vw, 520px) !important;
  flex: 0 1 clamp(220px, 28vw, 520px) !important;
}
.header__icons { flex: 0 0 auto !important; }

/* 7) Når pladsen er stram, skaler en smule ned i stedet for at hoppe */
@media (max-width: 1280px){
  .header__inline-menu a.header__menu-item { font-size: 14px !important; }
  .header__inline-menu .list-menu { gap: 16px !important; }
}




/* ─── Featured Collection — Arrows v5.1 (smaller + hover-only) ─── */

/* Container: centrer vertikalt, uden at blokere klik */
slider-component .slider-buttons{
  position: absolute !important;
  top: 50%; left: 0; right: 0;
  height: 0;
  display: flex !important;
  justify-content: space-between; align-items: center;
  transform: translateY(-46%);
  pointer-events: none;
  z-index: 7;
  padding: 0 22px; /* træk længere ud = større tal, tættere ind = mindre tal */
}

/* Knapper: mindre, rene, hvide */
slider-component .slider-button{
  pointer-events: auto;
  width: 44px; height: 44px;                /* ↓ mindre end før */
  border: 0; border-radius: 9999px;
  background: #fff;                          /* hvid “glass” */
  color: #171717;
  outline: 2px solid rgba(0,0,0,.12);
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
  display: inline-flex; align-items: center; justify-content: center;
  transition: transform .12s ease, box-shadow .12s ease, outline-color .12s ease, opacity .12s ease;
  opacity: 0;                                /* skjult som default på desktop */
}

/* Ikon: proportionelt mindre */
slider-component .slider-button .icon,
slider-component .slider-button svg{
  width: 18px; height: 18px;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.18));
}

/* Vis KUN ved hover/focus på desktop */
slider-component:hover .slider-button,
slider-component .slider-button:focus-visible{ opacity: 1; }

/* Touch-enheder: altid synlige nok til at trykke */
@media (pointer: coarse){
  slider-component .slider-button{ opacity: .98; }
}

/* Interaktion */
slider-component .slider-button:hover{
  transform: scale(1.04);
  outline-color: rgba(0,0,0,.18);
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
}
slider-component .slider-button:active{ transform: scale(.97); }

/* Disabled: slukket stil men samme størrelse */
slider-component .slider-button[disabled]{
  background: rgba(255,255,255,.78);
  color: rgba(0,0,0,.28);
  outline-color: rgba(0,0,0,.10);
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
  pointer-events: none;
  opacity: 0 !important; /* skjul helt når der ikke kan scrolles */
}

/* Mørk sektion */
.color-scheme-2 slider-component .slider-button,
.color-scheme-dark slider-component .slider-button{
  background: #fff; color: #0e0e0e; outline-color: rgba(0,0,0,.16);
}

/* Finjusteringer pr. device */
@media (max-width: 749px){
  slider-component .slider-buttons{ padding: 0 16px; transform: translateY(-44%); }
  slider-component .slider-button{ width: 40px; height: 40px; }
  slider-component .slider-button .icon,
  slider-component .slider-button svg{ width: 16px; height: 16px; }
}

/* Sidetal: stadig dødt */
.slider-counter{ display: none !important; }

/* ——— Disabled state: faded i stedet for væk ——— */

/* Basis for disabled: usynlig når man IKKE hover (desktop) */
slider-component .slider-button[disabled],
slider-component .slider-button[aria-disabled="true"]{
  pointer-events: none;
  background: rgba(255,255,255,.80) !important;
  color: rgba(0,0,0,.30) !important;        /* lysere pil */
  outline-color: rgba(0,0,0,.10) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.12) !important;
  opacity: 0 !important;                    /* vinder over gamle regler */
  transform: none !important;
}

/* På HOVER af hele slideren: vis den, men mere gennemsigtig */
slider-component:hover .slider-button[disabled],
slider-component:hover .slider-button[aria-disabled="true"]{
  opacity: .42 !important;                  /* “slukket” look */
}

/* Slå al hover-feedback fra når disabled */
slider-component .slider-button[disabled]:hover,
slider-component .slider-button[aria-disabled="true"]:hover{
  transform: none !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.12) !important;
  outline-color: rgba(0,0,0,.10) !important;
}

/* Touch: altid synlig (faded), så man kan se endestop */
@media (pointer: coarse){
  slider-component .slider-button[disabled],
  slider-component .slider-button[aria-disabled="true"]{
    opacity: .42 !important;
  }
}





/* ─── Banner: få "Position: Middle Left" til faktisk at stå til venstre ─── */

/* Sikr anker for absolut placering */
.banner { position: relative !important; }

/* 1) Prøv grid-vejen (Dawn-varianter) */
.banner--content-align-left .banner__content { 
  display: grid !important; 
  grid-template-columns: 1fr 1fr 1fr !important;   /* venstre/center/højre kolonne */
}
.banner--content-align-left .banner__content > .banner__box{
  grid-column: 1 / 2 !important;                  /* flyt boksen i venstre kolonne */
  justify-self: start !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}

/* Fang andre Dawn-klassser (ældre/nyere) */
.banner__content--middle-left > .banner__box,
.banner__content--top-left > .banner__box,
.banner__content--bottom-left > .banner__box{
  justify-self: start !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}

/* 2) FALDBACK: hård venstreplacering hvis temaet stadig nægter */
@supports selector(:has(*)) {
  .banner:has(.banner__content--middle-left, .banner--content-align-left) .banner__box{
    position: absolute !important;
    left: clamp(16px, 4vw, 64px) !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  .banner:has(.banner__content--top-left, .banner--content-align-top-left) .banner__box{
    position: absolute !important;
    left: clamp(16px, 4vw, 64px) !important;
    top: clamp(16px, 6vh, 120px) !important;
    transform: none !important;
  }
  .banner:has(.banner__content--bottom-left, .banner--content-align-bottom-left) .banner__box{
    position: absolute !important;
    left: clamp(16px, 4vw, 64px) !important;
    bottom: clamp(16px, 6vh, 120px) !important;
    top: auto !important;
    transform: none !important;
  }
}

/* Knapper følger med til venstre */
.banner--content-align-left .banner__buttons{
  justify-content: flex-start !important;
}




/* ── HERO FIX v2: fuld bredde + overlay + ægte venstre ── */

/* Sørg for at heroen er full-bleed */
.banner{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Billedet skal fylde hele fladen */
.banner .banner__media,
.banner .banner__media img,
.banner .banner__media picture,
.banner .banner__media picture > img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Genskab overlayet: content ligger oven på billedet */
.banner .banner__content{
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important; /* middle */
}

/* Ægte venstreplacering af boksen */
.banner--content-align-left .banner__content > .banner__box{
  margin-left: clamp(20px, 4vw, 64px) !important;
  margin-right: auto !important;
  justify-self: start !important;
  align-items: flex-start !important;
  text-align: left !important;
}

/* Knapper følger venstre kant */
.banner--content-align-left .banner__buttons{
  justify-content: flex-start !important;
}

/* Nogle Dawn-varianter pakker content i .page-width. Fjern begrænsning. */
.banner .banner__content .page-width{
  max-width: none !important;
  padding: 0 !important;
}

/* Valgfri: venstre gradient for kontrast (ikke hvidt tomrum) */
.banner .banner__media{ position: relative; }
.banner .banner__media::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background: linear-gradient(90deg,
    rgba(0,0,0,.68) 0%,
    rgba(0,0,0,.48) 38%,
    rgba(0,0,0,.22) 58%,
    rgba(0,0,0,0) 75%
  );
}












/* — Ami Hero mobil: hard reset af position + center — */
@media (max-width: 749px) {
  /* Nulstil Dawn's venstre-offsets og absolut positionering */
  .banner__content {
    position: static !important;     /* var absolute */
    inset: unset !important;         /* ryd top/right/bottom/left */
    left: auto !important;
    right: auto !important;
    transform: none !important;      /* ingen translateX */
    width: 100% !important;
    max-width: 100% !important;
    padding-inline: 18px !important; /* safe side padding */
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* Overstyr temaets content-align utility-klasser */
  .banner [class*="content-align"] .banner__content,
  .banner.content-align--left .banner__content {
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .banner__box {
    margin: 0 auto !important;
    text-align: center !important;
    max-width: 680px !important;     /* valgfri, så linjer bryder pænt */
  }

  .banner__heading,
  .banner__text {
    margin-left: 0 !important;       /* hvis temaet smider venstremargin på heading */
    text-align: center !important;
    width: 100% !important;
  }

  .banner__buttons {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin-top: 14px !important;
  }

  .banner__buttons .button {
    margin: 0 auto !important;
    display: inline-block !important;
  }
}






/* — Ami Hero mobil: micro-fix for tekst offset — */
@media (max-width: 749px) {
  .banner__box {
    margin: 0 auto !important;
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .banner__heading,
  .banner__text {
    text-align: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 90% !important; /* holder teksten lidt inde fra kanten */
  }

  /* Sikrer at containeren ikke forskyder pga. skjulte offsets */
  .banner__content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
}













/* — Ami Hero mobil: sidste finjustering til tekstplacering — */
@media (max-width: 749px) {
  .banner__heading {
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
    position: relative !important;
    left: -2px !important; /* træk teksten en anelse mod venstre */
  }

  .banner__text {
    margin: 0 auto !important;
    text-align: center !important;
    left: -2px !important;
    position: relative !important;
  }
}













/* — Ami Hero • mobil center + single line + micro-nudge — */
@media (max-width: 749px) {
  /* justér denne hvis du vil nørde 1-2px */
  :root{ --ami-hero-nudge:-2px; } /* negativ = lidt mod venstre */

  /* tag heroens content ud af temaets absolutte cirkus */
  .banner:first-of-type .banner__content{
    position: static !important;
    inset: unset !important;
    transform: none !important;
    width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;

    display: grid !important;
    place-items: center !important;     /* ægte center */
    text-align: center !important;
  }

  /* selve boksen + global, minimal nudge mod venstre */
  .banner:first-of-type .banner__box{
    margin: 0 auto !important;
    transform: translateX(var(--ami-hero-nudge)) !important;
  }

  /* overskrift: én linje, auto-skalering, centreret */
  .banner:first-of-type .banner__heading{
    white-space: nowrap !important;                 /* én linje */
    font-size: clamp(26px, 8vw, 40px) !important;   /* skaler så den passer */
    line-height: 1.05 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
  }

  /* undertekst: midt og samme nudge */
  .banner:first-of-type .banner__text{
    margin: 10px auto 0 !important;
    text-align: center !important;
    transform: translateX(var(--ami-hero-nudge)) !important;
  }

  /* knappen: midt og samme nudge */
  .banner:first-of-type .banner__buttons{
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin-top: 14px !important;
    transform: translateX(var(--ami-hero-nudge)) !important;
  }
  .banner:first-of-type .banner__buttons .button{
    margin: 0 auto !important;
    display: inline-block !important;
  }
}















/* — Ami Hero • mobil: total fix (center + single line + micro-nudge) — */
@media (max-width: 749px){
  /* Kun første hero på forsiden */
  .index .shopify-section:first-of-type .banner .banner__content{
    position: static !important;
    inset: unset !important;
    transform: none !important;
    width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;

    display: grid !important;
    place-items: center !important;
    text-align: center !important;
  }

  .index .shopify-section:first-of-type .banner .banner__box{
    margin: 0 auto !important;
    text-align: center !important;
    transform: translateX(-2px) !important; /* en my mod venstre */
    width: 100% !important;
    max-width: none !important;
  }

  .index .shopify-section:first-of-type .banner .banner__heading{
    white-space: nowrap !important;          /* ÉN linje, punktum */
    max-width: none !important;
    width: auto !important;
    font-size: clamp(28px, 8.2vw, 44px) !important;
    line-height: 1.05 !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  .index .shopify-section:first-of-type .banner .banner__text{
    margin: 8px auto 0 !important;
    max-width: none !important;
    text-align: center !important;
  }

  .index .shopify-section:first-of-type .banner .banner__buttons{
    display: flex !important;
    justify-content: center !important;
    margin-top: 14px !important;
    width: 100% !important;
  }

  .index .shopify-section:first-of-type .banner .banner__buttons .button{
    margin: 0 auto !important;
    display: inline-block !important;
  }
}








/* AMI hero fix • mobil */
@media (max-width: 749px){
  .ami-hero-fix{
    position: relative !important;
    min-height: 66vh !important; /* stabil højde */
  }
  .ami-hero-fix .banner__content{
    position: absolute !important;
    left: 50% !important;
    top: 44% !important;                 /* løft hele blokken (42–46% efter smag) */
    transform: translate(-50%, -50%) !important;
    width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .ami-hero-fix .banner__box{
    margin: 0 auto !important;
    width: 100% !important;
    max-width: none !important;
    text-align: center !important;
  }
  .ami-hero-fix .banner__heading{
    white-space: nowrap !important;        /* ÉN linje */
    max-width: none !important;
    width: auto !important;
    font-size: clamp(28px, 8.2vw, 44px) !important;
    line-height: 1.05 !important;
    margin: 0 auto 8px !important;
    text-align: center !important;
  }
  .ami-hero-fix .banner__text{
    margin: 0 auto 12px !important;
    text-align: center !important;
  }
  .ami-hero-fix .banner__buttons{
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }
  .ami-hero-fix .banner__buttons .button{
    margin: 0 auto !important;
    display: inline-block !important;
  }
}










/* AMI HERO — løft + micro-nudge mod venstre (kun mobil) */
@media (max-width: 749px){
  :root{
    --ami-hero-lift: 10vh;      /* du har den allerede på 10 */
    --ami-hero-nudge: -5px;     /* -2px = en my mod venstre. Prøv -3px/-4px hvis du vil */
  }

  /* Løft + venstre-nudge i samme transform, så det ikke bliver overskrevet */
  main .shopify-section:first-of-type .banner .banner__box{
    transform: translate(var(--ami-hero-nudge), calc(-1 * var(--ami-hero-lift))) !important;
    will-change: transform;
  }

  /* Fallback hvis boksen er pakket anderledes */
  main .shopify-section:first-of-type .banner .banner__content > *:first-child{
    transform: translate(var(--ami-hero-nudge), calc(-1 * var(--ami-hero-lift))) !important;
    will-change: transform;
  }
}











/* ingen hover-pop */
.header__heading-link,
.header__heading-logo, .header__heading-logo img{
  transition:none !important; transform:none !important;
  filter:none !important; opacity:1 !important;
}

/* lodret midte */
.header__heading-link{ display:flex; align-items:center; line-height:1 !important; }
.header__heading-logo-wrapper{ display:flex; align-items:center; }

/* lad temaet styre bredden nu; vi finjusterer kun optisk højden */
img.header__heading-logo{
  height:auto !important; width:auto !important;
  display:block !important; margin:0 !important; padding:0 !important;
  object-fit:contain !important;
  transform: translateY(-1px) !important; /* -2 / -1 / 0 efter øje */
}

/* kun lidt venstreflyt – IKKE 100vw hacks */
@media (min-width: 1400px){ .header__heading{ margin-left:-18px !important; } }
@media (min-width: 990px) and (max-width: 1399px){ .header__heading{ margin-left:-12px !important; } }

/* ikoner normale (hvis de nogensinde igen får flip) */
.header__icons .header__icon{
  writing-mode: horizontal-tb !important;
  transform:none !important; filter:none !important; opacity:1 !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
}











/* — NSS: præcis placering af logo (desktop) — */
:root{
  --nss-nudge-y-desktop: -2px;   /* lodret nudge: -1 til -3px */
  --nss-left-desktop:    -22px;  /* venstreflyt: -12 til -30px */
}

/* Laptop/MacBook bredde */
@media (min-width: 990px) and (max-width: 1399px){
  :root{
    --nss-nudge-y-desktop: -2px;
    --nss-left-desktop:    -14px;
  }
}

/* Ryk KUN logoet – ikke hele headerens grid */
@media (min-width: 990px){
  .header__heading { margin-left: var(--nss-left-desktop) !important; }
  img.header__heading-logo{
    transform: translateY(var(--nss-nudge-y-desktop)) !important;
  }
  /* bevar “ingen hover-pop” */
  .header__heading-link,
  .header__heading-logo, .header__heading-logo img{
    transition:none !important; transform:translateY(var(--nss-nudge-y-desktop)) !important;
    filter:none !important; opacity:1 !important;
  }
}



@media (min-width: 990px){
  img.header__heading-logo{ transform: translateY(-2px) !important; } /* var -1px */
  .header__heading{ margin-left: -20px !important; } /* var -18px */
}






/* — AK: Header-logo micro-justering (en my mindre + lidt til højre) — */
@media (min-width: 1024px) and (max-width: 1440px){
  .header-wrapper{
    padding-left: 14px !important;   /* var 28px — en my mindre */
    padding-right: 2px !important;
  }
  header.header .header__heading{
    margin-left: 10px !important;     /* var 4px — skub en smule mod højre */
  }
}

/* Ingen clipping eller line-breaks */
header.header .header__heading,
header.header .header__heading a,
.header__heading .header__heading-link{
  white-space: nowrap !important;
  overflow: visible !important;
}
.header-wrapper{ overflow: visible !important; }











/* — AK: Justér logo-vertikal placering på MacBook (kun desktop) — */
@media (min-width: 1024px) and (max-width: 1440px){
  header.header .header__heading {
    position: relative !important;
    top: 2px !important; /* sæt 1–3px op/ned alt efter hvordan det ser ud */
  }
}













/***** LK Mega Menu — kompakt + stram + større CTA *****/

/* Panel: smallere + scrollbart indhold, CTA fast i bunden */
.lk-mm .lk-mega{
  width: min(980px, calc(100vw - 32px)) !important;
  max-height: calc(100vh - 140px) !important;
  display: grid !important;
  grid-template-rows: 1fr auto !important;
  overflow: hidden !important;
  border-radius: 12px;
}

/* Indhold ruller, ikke CTA’en */
.lk-mm .lk-grid{
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
  padding: 10px 12px 0 12px !important;
  gap: 12px 20px !important; /* række x kolonne */
}

/* Overskrifter: lidt mindre men tydelige */
.lk-mm .lk-col h3{ margin: 0 0 6px !important; line-height: 1.12 !important; }
.lk-mm .lk-col h3 > a{
  display: inline-block;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  color: #111 !important;
  padding-left: 0 !important;
}

/* Underpunkter: mindre tekst + minimal afstand */
.lk-mm .lk-col ul{ margin: 0 !important; padding: 0 !important; list-style: none !important;
  display: flex !important; flex-direction: column !important; gap: 2px !important; }
.lk-mm .lk-col li{ margin: 0 !important; padding: 0 !important; }
.lk-mm .lk-col ul a{
  display: inline-block !important;
  font-size: 11.8px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #222 !important;
  padding: 0 !important; margin: 0 !important;
}

/* CTA-bjælke: større bar + større headline */
.lk-mm .lk-cta{
  position: sticky; bottom: 0; z-index: 1;
  min-height: 72px !important;
  padding: 14px 16px !important;
  background: #f3f3f3 !important;
  border-top: 1px solid rgba(0,0,0,.08) !important;
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}
.lk-mm .lk-cta .lk-promo b{
  font-size: 20px !important;
  font-weight: 900 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  color: #111 !important;
}
.lk-mm .lk-cta .lk-promo small{ font-size: 12px !important; }

/* Ekstra stramt på MacBook-højde/bredde */
@media (max-width: 1280px), (max-height: 820px){
  .lk-mm .lk-mega{
    width: min(900px, calc(100vw - 24px)) !important;
    max-height: calc(100vh - 120px) !important;
  }
  .lk-mm .lk-col h3 > a{ font-size: 12.5px !important; }
  .lk-mm .lk-col ul a{ font-size: 11.2px !important; line-height: 1.18 !important; }
  .lk-mm .lk-cta{ min-height: 64px !important; }
}

/* Virkelig lav skærmhøjde */
@media (max-height: 700px){
  .lk-mm .lk-mega{ max-height: calc(100vh - 100px) !important; }
  .lk-mm .lk-col h3 > a{ font-size: 12.2px !important; }
  .lk-mm .lk-col ul a{ font-size: 11px !important; }
}







/* === LK Mega: mikro-upsize + ekstra bundluft (CTA uændret) === */

/* en my større underlinks */
.lk-mm .lk-col ul a{
  font-size: 12.4px !important;   /* var ~11.8–12 */
  line-height: 1.28 !important;   /* lidt mere læsbar uden at blive høj */
}

/* en my større overskrifter */
.lk-mm .lk-col h3 > a{
  font-size: 13.8px !important;   /* var ~13 */
}

/* mere luft før den grå bar */
.lk-mm .lk-grid{
  padding-bottom: 16px !important;  /* var 0 – giver “buffer” over CTA */
}

/* macbook/lav højde: stadig lidt større end før, men kompakt */
@media (max-width: 1280px), (max-height: 820px){
  .lk-mm .lk-col h3 > a{ font-size: 12.9px !important; }
  .lk-mm .lk-col ul a{ font-size: 11.8px !important; line-height: 1.24 !important; }
  .lk-mm .lk-grid{ padding-bottom: 14px !important; }
}

/* ekstra lav højde: stadig et nøk op ift. dine tidligere værdier */
@media (max-height: 700px){
  .lk-mm .lk-col h3 > a{ font-size: 12.6px !important; }
  .lk-mm .lk-col ul a{ font-size: 11.3px !important; }
  .lk-mm .lk-grid{ padding-bottom: 12px !important; }
}









/* Ryk hele mega-menu indholdet en smule mod højre (desktop) */
@media (min-width: 1024px){
  .lk-mm .lk-grid{
    padding-left: 40px !important; /* +10px fra de ~16px du kører – justér tallet hvis du vil */
  }
}














/* — NSS header menu: LetzKick-ish type */
:root{
  /* Brug systemstack — tæt på LetzKick uden licensbøvl.
     Hvis du vil være ekstra tight, se @font-face nederst. */
  --nss-menu-font: system-ui, -apple-system, "Helvetica Neue",
                   Helvetica, Arial, sans-serif;
  --nss-menu-weight: 700;
  --nss-menu-letterspace: .02em;          /* lidt strammere end default */
  --nss-menu-size: clamp(13px, 1.05vw, 17px);
}

/* Links i topmenuen (Dawn og lign. temaer) */
header.header .header__inline-menu a,
header.header .list-menu--inline > li > a,
header.header .header__menu-item{
  font-family: var(--nss-menu-font) !important;
  font-weight: var(--nss-menu-weight) !important; /* 700, ikke 800/900 */
  text-transform: uppercase !important;
  letter-spacing: var(--nss-menu-letterspace) !important;
  font-size: var(--nss-menu-size) !important;     /* en smule mindre */
  line-height: 1.12 !important;
  color: #000 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Stram vandret spacing mellem items så linjen virker let */
header.header .list-menu--inline > li{
  margin: 0 clamp(10px, 1.2vw, 22px) !important;
}

/* Neutral hover/focus – ingen tynd grå eller underline */
header.header .header__inline-menu a:hover,
header.header .header__inline-menu a:focus{
  color: #000 !important;
  text-decoration: none !important;
}

/* Valgfrit: aktiv “chip” som hos LetzKick (baggrundspille) */
/*
header.header .header__menu-item[aria-current="page"],
header.header .header__menu-item[aria-current="true"],
header.header .header__menu-item--active{
  background: #f3f3f3 !important;
  border-radius: 12px !important;
  padding: 6px 10px !important;
}
*/












/* NSS — Header-nav: gør mindre på mindre skærme */
.header__inline-menu .list-menu--inline{
  display:flex; align-items:center; gap: 34px; /* standard desktop */
  white-space: nowrap;
}

.header__inline-menu .list-menu--inline > li > a,
.header__inline-menu a.header__menu-item{
  font-size: 16px;
  line-height: 1.1;
  padding: 6px 4px;           /* mindre klik-område end temaets default */
  letter-spacing: .2px;
  font-weight: 700;           /* behold “tyk” look */
}

/* ≤ 1536px (store skærme, men lidt strammere) */
@media (max-width: 1536px){
  .header__inline-menu .list-menu--inline{ gap: 28px; }
  .header__inline-menu .list-menu--inline > li > a,
  .header__inline-menu a.header__menu-item{ font-size: 15px; padding: 5px 4px; }
}

/* ≤ 1366px (klassisk MacBook opløsning) */
@media (max-width: 1366px){
  .header__inline-menu .list-menu--inline{ gap: 20px; }
  .header__inline-menu .list-menu--inline > li > a,
  .header__inline-menu a.header__menu-item{ font-size: 14px; padding: 4px 3px; }
}

/* ≤ 1280px (mange MacBooks i “More Space”) */
@media (max-width: 1280px){
  .header__inline-menu .list-menu--inline{ gap: 16px; }
  .header__inline-menu .list-menu--inline > li > a,
  .header__inline-menu a.header__menu-item{ font-size: 13px; padding: 4px 2px; }
}

/* ≤ 1152px (hårdt stram) */
@media (max-width: 1152px){
  .header__inline-menu .list-menu--inline{ gap: 12px; }
  .header__inline-menu .list-menu--inline > li > a,
  .header__inline-menu a.header__menu-item{ font-size: 12.5px; padding: 3px 2px; }
}


















/* NSS — Logo FIX (ingen bullshit-version) */
.header__heading-logo img {
  position: relative !important;
  left: 0 !important;
  transform: translateX(0) !important;
  margin-left: 22px !important;
  width: auto !important;
  height: auto !important;
  max-width: 150px !important;
}

/* sikrer at ingen container trækker logoet ud */
.header__heading,
.header__heading-link {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* gør plads til menuen, så intet hopper */
.header__inline-menu {
  flex: 1 1 auto !important;
  justify-content: center !important;
}

/* mobil – lidt mindre logo */
@media (max-width: 989px) {
  .header__heading-logo img {
    max-width: 120px !important;
    margin-left: 16px !important;
  }
}









/* --- NSS Predictive Search Cleanup --- */
.predictive-search {
  background: rgba(255,255,255,0.96) !important;
  backdrop-filter: blur(8px);
  border-radius: 14px;
  box-shadow: 0 10px 35px rgba(0,0,0,0.15);
  margin-top: 10px !important;
  padding: 10px 14px !important;
  animation: fadeIn .15s ease-out;
}
.predictive-search__heading {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .6px;
  color: #000;
  margin: 4px 0 6px;
  text-transform: uppercase;
}
.predictive-search__list-item a {
  border-radius: 10px;
  transition: background .15s ease;
}
.predictive-search__list-item a:hover {
  background: rgba(0,0,0,0.06);
}
.predictive-search__item-heading {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #000;
}
.predictive-search__image {
  border-radius: 10px;
  background: #fff;
  width: 48px;
  height: 48px;
  object-fit: cover;
}
.predictive-search__item-content {
  padding-left: 8px;
}
.predictive-search__search-for-button {
  border-top: 1px solid #eee;
  margin-top: 8px;
  padding-top: 8px;
}
.predictive-search__item--term {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #000;
}
@media (max-width: 768px){
  .predictive-search {
    position: absolute !important;
    left: 0; right: 0;
    border-radius: 0 0 14px 14px;
    box-shadow: 0 6px 25px rgba(0,0,0,0.2);
    padding-bottom: 18px !important;
  }
}
@keyframes fadeIn {
  from {opacity:0; transform:translateY(-6px);}
  to {opacity:1; transform:translateY(0);}
}







/* ===== NSS HERO: center + venstreskub KUN på denne sektion ===== */
@media (max-width: 749px){

  /* 1) Lås absolut center på din hero-sektion */
  #shopify-section-template--26885941985618__image_banner_zeqNqr .banner__content,
  #shopify-section-template--26885941985618__image_banner_zeqNqr .banner__media{
    position: relative !important;
  }

  #shopify-section-template--26885941985618__image_banner_zeqNqr .banner__box{
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    text-align: center !important;
    max-width: calc(100vw - 32px) !important;
  }

  /* 2) Nudge et par cm til venstre – justér tallet hvis du vil */
  #shopify-section-template--26885941985618__image_banner_zeqNqr .banner__box{
    left: calc(50% - -6px) !important;        /* skub mere: øg 14 -> 18/22 */
    transform: translate(-50%, -50%) !important;
  }

  /* 3) Sørg for at knapperne forbliver centreret inde i boksen */
  #shopify-section-template--26885941985618__image_banner_zeqNqr .banner__buttons{
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
  }
}