/** Shopify CDN: Minification failed

Line 182:0 Unexpected "}"

**/

/* ======================================================= BODY + PARAGRAPHS + SUBHEADINGS + UI → SCTO REGULAR (400)======================================================= */
/* BRØDTEKST = SCTO REGULAR (EKSKL. RICH-TEXT HEADINGS) */
body,
p:not(.h1, .h2, .h3, .h4, .h5, .h6),
.rte p:not(.h1, .h2, .h3, .h4, .h5, .h6),
.prose p:not(.h1, .h2, .h3, .h4, .h5, .h6),
.caption,
.text-body,
.text-small,
li,
small,
.subheading,
.summary__subheading,
.accordion__summary,
.button.link.subheading,
.featured-collection__subheading,
.card__subheading,
.section-header__subheading {
  font-family: "Scto", system-ui, sans-serif;
  font-weight: 400;
}

/* ======================================================= HEADERS (H1–H6) + DISPLAY → SCTO MEDIUM (500)======================================================= */
/* HEADLINES (inkl. RICH TEXT p.h1) = SCTO MEDIUM */
h1,
h2,
h3,
h4,
h5,
h6,
.heading,
.display-xl,
.display-l,
.display-m,
.page-title,
.section-title,
.hero__title,
.card__heading,
.dynamic-grid__heading,
.prose .h1,
.prose .h2,
.prose .h3,
.prose .h4,
.prose .h5,
.prose .h6 {
  font-family: "Scto", system-ui, sans-serif !important;
  font-weight: 500 !important;
}

/* Seriously Nostalgic – custom italic heading font */
@font-face {
  font-family: "Seriously Nostalgic";
  src: url("/cdn/shop/files/SeriouslyNostalgicItal-Reg.woff2?v=1763723891") format("woff2"),
       url("/cdn/shop/files/SeriouslyNostalgicItal-Reg.woff?v=1763723892") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* GUNO – brug Seriously Nostalgic til italic highlight */
.highlighted-heading[effect="italic"] em {
  font-family: "Seriously Nostalgic", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-style: italic !important;
  letter-spacing: 0 !important;
}

/* GUNO – brug Seriously Nostalgic på ALLE italic elementer på tværs af hele sitet */
em, i {
  font-family: "Seriously Nostalgic", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-style: italic !important;
  letter-spacing: 0 !important; /* fjerner SCTO's -3% tracking */
}



/* ---------- GUNO:CUSTOM BASKET ICON START ---------- */

/* GUNO: cart-dot top-center + tal i midten */
.header__cart-link .header__active-dot,
.header__cart-link .cart-count.header__active-dot {
  position: absolute !important;
  inset: auto !important;

  top: -8px !important;          /* den her havde du allerede – finjustér efter behov */
  left: 50% !important;
  transform: translateX(-50%) !important;

  width: 15px !important;
  height: 15px !important;
  border-radius: 50% !important;
  background: #FF4500 !important;
  pointer-events: none !important;

  /* NYT: centrer tallet inde i cirklen */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  color: #000 !important;         /* tallets farve */
}
@media (max-width: 699px) {
  .header__cart-link .header__active-dot,
  .header__cart-link .cart-count.header__active-dot {
    width: 12px !important;
    height: 12px !important;
    font-size: 6px !important;
    top: -6px !important;  /* lille justering til størrelsen */
  }
}
/* Gør tallet synligt inde i dotten (sr-only er ellers skjult) */
.header__cart-link .header__active-dot .sr-only {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  clip: auto !important;
  clip-path: none !important;
  overflow: visible !important;
  white-space: nowrap !important;
}
.cart-count-number {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 100%;

  font-size: 9px;
  font-weight: 600;
  color: white; /* skift til #000 hvis du vil have mørkt tal */
  line-height: 1;
  pointer-events: none;
  text-align: center;
}
/* ---------- GUNO:CUSTOM BASKET ICON END ---------- */

/* Fjern hvid baggrund fra SCROLLING CONTENT sektionen */
#shopify-section-template--27359100895575__scrolling_content_VBtAza .color-scheme,
#shopify-section-template--27359100895575__scrolling_content_VBtAza .section-spacing {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* --------- GUNO: CASE INTRO ---------- */
.max-w-sm {
    max-width: 100% !important;
}
.max-w-lg {
    max-width: 75% !important;
}
.h6, :where(.prose h6) {
    font-size: var(--text-body);
    font-weight:500;
    line-height: calc(var(--heading-line-height) + .1);
}
@media (max-width: 699px) {
  .max-w-lg {
    max-width: 95% !important; /* mobil breakpoint */
  }
}

/* Gør alle H3 generelt mindre i hele temaet */
h3,
.h3,
.sm\:h3 {
  font-size: clamp(1.45rem, 1.2vw + 0.6rem, 2.6rem);
  line-height: 1.25;
  letter-spacing: -0.015em;
}
}
/* Reducer spacing mellem H3 og første paragraph */
h3 + p,
.h3 + p,
.sm\:h3 + p,
.prose h3 + p {
  margin-top: 0.5rem !important; /* ca. 8px */
}
/* Mere afstand før H3 */
h3,
.h3,
.sm\:h3 {
  margin-top: 3rem; /* 40px */
}

/* Men hvis H3 er det første element i en container → normaliser */
h3:first-child,
.h3:first-child,
.sm\:h3:first-child {
  margin-top: 1rem; /* 16px */
}
h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p,
.prose h1 + p,
.prose h2 + p,
.prose h3 + p,
.prose h4 + p {
  margin-top: 0.5rem !important;
}
/* Globale H3-styles — men IKKE i featured collections */
h3:not(.featured-collections-header__tab):not(.featured-collections-header__heading),
.sm\:h3:not(.featured-collections-header__tab):not(.featured-collections-header__heading) {
  font-size: 1.5rem;
  margin-top: 2rem;
}
/* --- H3 på mobil (telefon) --- */
@media screen and (max-width: 749px) {
  h3:not(.featured-collections-header__heading):not(.featured-collections-header__tab),
  .sm\:h3:not(.featured-collections-header__heading):not(.featured-collections-header__tab) {
    font-size: 1.1rem !important;
    line-height: 1.3 !important;
  }
}



/* Større subheading i footer-kolonner (Overblik, Info, osv.) */
footer .footer__content .subheading {
  font-size: 1.3rem !important;
}
/* Currency / sprog i footer skal IKKE være større */
footer .footer__aside .subheading {
  font-size: var(--font-body-size) !important;
  line-height: var(--font-body-line-height, 1.4) !important;
}
@media (max-width: 768px) {
  footer .footer__content .subheading {
    font-size: 1rem !important;
  }
}

/* Større subheading KUN i header mega menu (kolonne-overskrifter) */
.mega-menu__navigation .subheading {
  font-size: 1.3rem !important;
}

/* Større subheading i MOBIL menu-drawer – men kun på kolonne-overskrifterne (links) */
.menu-drawer__panel a.subheading {
  font-size: 1rem !important;
}


/* GUNO: Customized dragable scrolling-content slider */

/* kun dem vi har markeret som draggable i JS */
.scrolling-content--draggable {
  cursor: grab;
  user-select: none;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.scrolling-content--draggable::-webkit-scrollbar {
  display: none;
}

.scrolling-content--draggable.is-dragging {
  cursor: grabbing;
}


/* ================================
   HOVER ZOOM-IN PÅ CASES (BILLEDE + VIDEO)
   ================================ */

/* Klip indhold korrekt */
media-block .media-blocks__item,
media-block .content-box,
media-block .content-box__background-media {
  overflow: hidden;
}

/* ===== BILLEDER ===== */

/* Start: normal */
media-block .media-blocks__item .content-box__background-media img {
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(.19,1,.22,1);
  will-change: transform;
}

/* Hover: zoom IN */
media-block .media-blocks__item:hover .content-box__background-media img {
  transform: scale(1.1);
}

/* ===== VIDEO ===== */

/* Start: normal */
media-block .media-blocks__item .content-box__background-media video {
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(.19,1,.22,1);
  will-change: transform;
}

/* Hover: zoom IN */
media-block .media-blocks__item:hover .content-box__background-media video {
  transform: scale(1.1);
}




/* =========================================
   GRADIENT OVERLAY PÅ CASE THUMBNAILS
   ========================================= */

/* Sørg for at vi kan placere overlay absolut */
media-block .content-box {
  position: relative;
  overflow: hidden;
}

/* Selve gradient-overlayet */
media-block .content-box::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  /* 50% sort i bunden -> 0% i toppen */
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.80) 0%,
    rgba(0, 0, 0, 0.35) 50%,
    rgba(0, 0, 0, 0) 100%
  );

  z-index: 1;
}

/* Billede / video bliver under overlay */
media-block .content-box__background-media img,
media-block .content-box__background-media video {
  position: relative;
  z-index: 0;
}

/* Tekst og indhold over overlay */
media-block .placement-grid {
  position: relative;
  z-index: 2;
}


   /* =========================================
   MAIN CONTENT GUTTER
   ========================================= */

/* Desktop */
@media screen and (min-width: 1200px) {

  /* Standard: alle sektioner der bruger .container */
  main#main .container {
    padding-left: clamp(40px, 7vw, 140px);
    padding-right: clamp(40px, 7vw, 140px);
  }

  /* Split-sektioner uden container, men som skal følge gutter */
  main#main .section-split:not(.container) {
    padding-left: clamp(40px, 7vw, 140px);
    padding-right: clamp(40px, 7vw, 140px);
  }

  /* Scrolling content – ægte fullwidth */
  main#main .shopify-section--scrolling-content .section-spacing {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Multi-column carousel-sektioner – ægte fullwidth */
  main#main .shopify-section--multi-column.scroll-area .section-spacing,
  main#main .shopify-section--multi-column .scroll-area.section-spacing {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Dynamic grid, når den er sat til fullwidth:
     kun venstre gutter, ingen højre */
  main#main .dynamic-grid--fullwidth {
  padding-left: calc(
    var(--container-gutter-context, var(--container-gutter)) + clamp(40px, 7vw, 140px)
  );
  padding-right: 0;
}


  /* Featured collections (Winter collection) – INGEN ekstra gutter */
  main#main .shopify-section--featured-collections > .color-scheme > .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


/* =========================================
   MOBILE/TABLET GUTTER FOR FULLWIDTH GRID
   ========================================= */

@media screen and (max-width: 1199px) {

  /* Fullwidth dynamic grid:
     – venstre gutter
     – ingen højre gutter (skal kunne gå til kanten)
  */
  main#main .dynamic-grid--fullwidth {
    padding-left: var(--container-gutter, 16px);
    padding-right: 0 !important;
  }
}
/* =========================================
   CASE THUMBNAIL GRID – FULLWIDTH RIGHT, GUTTER LEFT
   ========================================= */

/* Desktop: fuld bredde, venstre clamp-gutter, ingen højre */
@media screen and (min-width: 1200px) {
  main#main .shopify-section--case-grid-fullwidth > .color-scheme > .section-spacing > .container {
    max-width: none;                    /* fjern temaets max-width */
    width: 100%;                        /* gå hele vejen ud */
    margin-left: 0;
    margin-right: 0;                    /* ingen centreret margin */
    padding-left: clamp(40px, 7vw, 140px);
    padding-right: 0 !important;        /* ingen højre gutter */
    box-sizing: border-box;
  }

  /* for en sikkerheds skyld: ingen ekstra padding i wrapper */
  main#main .shopify-section--case-grid-fullwidth .section-spacing {
    padding-right: 0 !important;
  }
}

/* Mobile / tablet: fuld bredde, mindre venstre gutter, ingen højre */
@media screen and (max-width: 1199px) {
  main#main .shopify-section--case-grid-fullwidth > .color-scheme > .section-spacing > .container {
    max-width: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: var(--container-gutter, 16px);
    padding-right: 0 !important;
    box-sizing: border-box;
  }

  main#main .shopify-section--case-grid-fullwidth .section-spacing {
    padding-right: 0 !important;
  }
}


/* Mobile / tablet: mindre venstre gutter, ingen højre */
@media screen and (max-width: 1199px) {
  main#main .shopify-section--case-grid-fullwidth .container {
    padding-left: var(--container-gutter, 16px);
    padding-right: 0 !important;
  }
}


/* =========================================
   READING-TEXT HERO – fullwidth bg + gutter + original vertical padding
   ========================================= */

/* Baggrunden skal gå helt til kant */
main#main .shopify-section--reading-text .reading-text {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* DESKTOP – temaets vertikale padding + vores gutter vandret */
@media screen and (min-width: 1200px) {
  main#main .shopify-section--reading-text .reading-text__inner {
    padding-left: calc(var(--container-gutter, 48px) + clamp(40px, 7vw, 140px)) !important;
    padding-right: calc(var(--container-gutter, 48px) + clamp(40px, 7vw, 140px)) !important;
    box-sizing: border-box;
  }
}

/* MOBILE/TABLET – kun en mindre gutter så det ikke klistrer til kanten */
@media screen and (max-width: 1199px) {
  main#main .shopify-section--reading-text .reading-text__inner {
    padding-left: clamp(24px, 5vw, 40px) !important;
    padding-right: clamp(24px, 5vw, 40px) !important;
    box-sizing: border-box;
  }
}

/* Mobile: brug mindre gutters */
@media (max-width: 768px) {
  .reading-text .reading-text__inner,
  .reading-text > *:not(.reading-text__background) {
    padding-left: 24px;
    padding-right: 24px;
  }
}

/* ----------------------------- */
/* LUXURY MEGA MENU OPEN/CLOSE   */
/* ----------------------------- */

.mega-menu {
  /* Tving den altid til at være i DOM,
     også når temaet prøver at skjule den */
  display: grid !important;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  /* Start som en tynd stribe i toppen */
  clip-path: inset(0 0 100% 0);
  transform: translateY(-8px);
  transform-origin: top;

  transition:
    clip-path 360ms cubic-bezier(0.77, 0, 0.18, 1),
    opacity 220ms ease-out,
    transform 360ms cubic-bezier(0.77, 0, 0.18, 1);
}

.mega-menu[open] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;

  /* Folder ned fra top til fuld højde */
  clip-path: inset(0 0 0 0);
  transform: translateY(0);
}