/** Shopify CDN: Minification failed

Line 2187:0 Unexpected "}"

**/
/* =========================================================
   GTR: Homepage Rows (Multirow / Image-with-text) – rund + 3D
   ========================================================= */

:root{
  --gtr-row-radius: 28px;
  --gtr-row-border: 1px solid rgba(var(--color-foreground), 0.10);
  --gtr-row-shadow: 0 14px 32px rgba(0,0,0,0.10), 0 4px 10px rgba(0,0,0,0.06);
}

@media (max-width: 749px){
  :root{ --gtr-row-radius: 22px; }
}

/* Shadow darf nicht geclippt werden */
#MainContent [id*="__multirow"],
#MainContent [id*="__multirow"] .page-width,
#MainContent [id*="__multirow"] .page-width > div{
  overflow: visible !important;
}

/* ✅ DIE CARD */
#MainContent [id*="__multirow"] .image-with-text__grid{
  border-radius: var(--gtr-row-radius) !important;
  overflow: hidden !important;

  background: rgb(var(--color-background)) !important;
  border: var(--gtr-row-border) !important;
  box-shadow: var(--gtr-row-shadow) !important;

  position: relative !important;
}

/* Desktop: nicht zentrieren, sondern strecken */
@media (min-width: 750px){
  #MainContent [id*="__multirow"] .image-with-text__grid{
    align-items: stretch !important;
  }
}

/* Abstand zwischen Rows (falls mehrere grids untereinander) */
#MainContent [id*="__multirow"] .image-with-text__grid + .image-with-text__grid{
  margin-top: 22px !important;
}

/* Innen: keine eigenen Borders/Shadows */
#MainContent [id*="__multirow"] .image-with-text,
#MainContent [id*="__multirow"] .image-with-text__media,
#MainContent [id*="__multirow"] .image-with-text__content,
#MainContent [id*="__multirow"] .media{
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: inherit !important;
}

/* Content Padding (einmal sauber) */
#MainContent [id*="__multirow"] .image-with-text__content{
  box-sizing: border-box !important;
  padding: 52px 44px 40px !important;
}

@media (max-width: 749px){
  #MainContent [id*="__multirow"] .image-with-text__content{
    padding: 22px !important;
  }
}

/* Content Layout (oben links, Button links) */
@media (min-width: 750px){
  #MainContent [id*="__multirow"] .image-with-text__content{
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 14px !important;
  }
}

/* Button Style */
#MainContent [id*="__multirow"] .image-with-text__content .button,
#MainContent [id*="__multirow"] .image-with-text__content a.button{
  align-self: flex-start !important;
  border-radius: 9999px !important;
  padding: 12px 22px !important;
  min-height: 44px !important;

  box-shadow: 0 8px 18px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.05) !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}

#MainContent [id*="__multirow"] .button::before,
#MainContent [id*="__multirow"] .button::after{
  border-radius: 9999px !important;
}

@media (hover: hover){
  #MainContent [id*="__multirow"] .image-with-text__content .button:hover,
  #MainContent [id*="__multirow"] .image-with-text__content a.button:hover{
    transform: translateY(-1px) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,0.10), 0 3px 8px rgba(0,0,0,0.06) !important;
  }
}

/* ===== Bilder: füllen sauber die Card (ohne Ratio-Bug) ===== */

/* Media-Spalte soll Höhe bekommen */
/* ===== Smart Height: responsive + text darf immer wachsen ===== */
#MainContent [id*="__multirow"] .image-with-text__media-item{
  display: flex !important;

  /* responsive "premium" Höhe */
  min-height: clamp(360px, 42vw, 520px) !important;
}

@media (max-width: 749px){
  #MainContent [id*="__multirow"] .image-with-text__media-item{
    min-height: clamp(220px, 62vw, 340px) !important;
  }
}

/* wenn Content höher ist als das Bild: Bild soll mitziehen */
#MainContent [id*="__multirow"] .image-with-text__grid{
  grid-auto-rows: 1fr !important;
}
#MainContent [id*="__multirow"] .image-with-text__content{
  height: auto !important;
}
#MainContent [id*="__multirow"] .image-with-text__media-item{
  align-self: stretch !important;
}
#MainContent [id*="__multirow"] .image-with-text__media{
  height: 100% !important;
}


/* Media füllt die Spalte */
#MainContent [id*="__multirow"] .image-with-text__media{
  flex: 1 1 auto !important;
  margin: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

/* Dawn: Aspect-Ratio Layer deaktivieren */
#MainContent [id*="__multirow"] .image-with-text__media .media{
  position: relative !important;
  height: 100% !important;
  overflow: hidden !important;
}

#MainContent [id*="__multirow"] .image-with-text__media .media::before{
  padding-bottom: 0 !important;
}

/* Bild als echtes Cover */
#MainContent [id*="__multirow"] .image-with-text__media img{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* =========================================================
   GTR: 3D STACK (Collection + Liquid + Video + optional Sci-Hub)
   ========================================================= */

#MainContent .gtr-3d-stack{
  --stack-radius: 28px;
  --stack-border: 1px solid rgba(var(--color-foreground), .10);
  --stack-shadow: 0 14px 32px rgba(0,0,0,.10), 0 4px 10px rgba(0,0,0,.06);

  --stack-pad: 1.5rem; /* mobile */
  background: rgb(var(--color-background));

  border: var(--stack-border);
  border-radius: var(--stack-radius);
  box-shadow: var(--stack-shadow);
  overflow: hidden;

  width: calc(100% - 3rem);
  max-width: var(--page-width, 1200px);
  margin: 0 auto 28px;

  position: relative;
  z-index: 2;
}

@media (min-width: 750px){
  #MainContent .gtr-3d-stack{ --stack-pad: 5rem; } /* desktop */
}
@media (max-width: 749px){
  #MainContent .gtr-3d-stack{ --stack-radius: 22px; margin-bottom: 22px; }
}

/* Shopify wrapper neutralisieren – nur im Stack */
#MainContent .gtr-3d-stack .gradient{
  background: transparent !important;
  background-image: none !important;
}
#MainContent .gtr-3d-stack [class*="padding"]{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: transparent !important;
}

/* Einheitlicher Inset für alle Sections im Stack */
#MainContent .gtr-3d-stack .page-width{
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: var(--stack-pad) !important;
  padding-right: var(--stack-pad) !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Collection eigene Card optisch aus (nur Wrapper ist 3D) */
#MainContent .gtr-3d-stack .collection-list-wrapper{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* LINEUP Titel + Beschreibung zentrieren */
#MainContent .gtr-3d-stack .collection-list-title,
#MainContent .gtr-3d-stack .collection-list-wrapper .rte,
#MainContent .gtr-3d-stack .collection-list-wrapper .collection-list__description{
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
#MainContent .gtr-3d-stack .collection-list-wrapper .rte,
#MainContent .gtr-3d-stack .collection-list-wrapper .collection-list__description{
  max-width: 980px !important;
}

/* ---------- VIDEO ---------- */

#MainContent .gtr-3d-stack .gtr-video-title{
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  font-size: clamp(18px, 2vw, 28px) !important;
  line-height: 1.15 !important;

  text-align: center !important;
  margin: 0 auto 16px !important;
}

#MainContent .gtr-3d-stack .gtr-video-wrapper{
  padding: 42px 0 !important;
  text-align: center !important;
}
@media (max-width: 749px){
  #MainContent .gtr-3d-stack .gtr-video-wrapper{ padding: 22px 0 !important; }
}

/* Full-bleed: Video geht bis zur INNENKANTE der 3D-Box */
#MainContent .gtr-3d-stack .gtr-video-bleed{
  width: calc(100% + (var(--stack-pad) * 2)) !important;
  margin-left: calc(var(--stack-pad) * -1) !important;
  margin-right: calc(var(--stack-pad) * -1) !important;
  max-width: none !important;
}

/* Video Container (eckig, kein Zoom) */
#MainContent .gtr-3d-stack .gtr-video-inner{
  position: relative !important;
  width: 100% !important;
  padding-bottom: 56.25% !important; /* 16:9 */
  overflow: hidden !important;

  border-radius: 0 !important;
  background: transparent !important;
}

#MainContent .gtr-3d-stack .gtr-video-inner iframe{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border-radius: 0 !important;
  transform: none !important;
}

/* Play overlay */
#MainContent .gtr-3d-stack .gtr-video-play{
  position: absolute;
  inset: 0;
  margin: auto;
  width: 80px;
  height: 80px;
  border-radius: 9999px;
  border: none;
  cursor: pointer;
  font-size: 32px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.6);
  color: #fff;
  transition: transform .2s ease, background .2s ease, opacity .2s ease;
}
#MainContent .gtr-3d-stack .gtr-video-play:hover{
  transform: scale(1.05);
  background: rgba(0,0,0,.8);
}

/* === Premium Hover: Multirow Cards (subtiler Lift) === */
@media (hover: hover){
  #MainContent [id*="__multirow"] .image-with-text__grid{
    transition: transform .18s ease, box-shadow .18s ease !important;
    will-change: transform !important;
  }

  #MainContent [id*="__multirow"] .image-with-text__grid:hover{
    transform: translateY(-2px) !important;
    box-shadow:
      0 18px 40px rgba(0,0,0,0.12),
      0 6px 14px rgba(0,0,0,0.07) !important;
  }
}

/* Optional: Fokus (Keyboard) genauso “premium” */
#MainContent [id*="__multirow"] .image-with-text__grid:focus-within{
  transform: translateY(-2px) !important;
  box-shadow:
    0 18px 40px rgba(0,0,0,0.12),
    0 6px 14px rgba(0,0,0,0.07) !important;
}

/* =========================
   Apple-like Hover Polish (Mitte, nicht zu viel)
   ========================= */

@media (hover: hover){
  /* Card lift (subtil) */
  #MainContent [id*="__multirow"] .image-with-text__grid{
    transition: transform .18s ease, box-shadow .18s ease !important;
    will-change: transform !important;
    position: relative !important; /* für Sheen */
  }

  #MainContent [id*="__multirow"] .image-with-text__grid:hover{
    transform: translateY(-2px) !important;
    box-shadow:
      0 18px 40px rgba(0,0,0,0.12),
      0 6px 14px rgba(0,0,0,0.07) !important;
  }

  /* Micro-zoom nur im Bild */
  #MainContent [id*="__multirow"] .image-with-text__media img{
    transition: transform .45s cubic-bezier(.2,.8,.2,1) !important;
    transform: translateZ(0) scale(1) !important;
    will-change: transform !important;
  }

  #MainContent [id*="__multirow"] .image-with-text__grid:hover .image-with-text__media img{
    transform: translateZ(0) scale(1.03) translateY(-0.5%) !important;
  }

  /* Dezent: Text wirkt “crisper” */
  #MainContent [id*="__multirow"] .image-with-text__grid{
    backface-visibility: hidden !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  /* Light Sheen (sehr subtil) */
  #MainContent [id*="__multirow"] .image-with-text__grid::after{
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;

    /* leichtes Lichtband, nicht cheesy */
    background: linear-gradient(
      120deg,
      rgba(255,255,255,0) 35%,
      rgba(255,255,255,0.12) 50%,
      rgba(255,255,255,0) 65%
    ) !important;

    transform: translateX(-18%) !important;
    opacity: 0 !important;
    transition: transform .6s cubic-bezier(.2,.8,.2,1), opacity .25s ease !important;
    mix-blend-mode: soft-light !important;
  }

  #MainContent [id*="__multirow"] .image-with-text__grid:hover::after{
    transform: translateX(18%) !important;
    opacity: 1 !important;
  }
}

/* Keyboard-Focus genauso “premium” */
#MainContent [id*="__multirow"] .image-with-text__grid:focus-within{
  transform: translateY(-2px) !important;
  box-shadow:
    0 18px 40px rgba(0,0,0,0.12),
    0 6px 14px rgba(0,0,0,0.07) !important;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  #MainContent [id*="__multirow"] .image-with-text__grid,
  #MainContent [id*="__multirow"] .image-with-text__media img,
  #MainContent [id*="__multirow"] .image-with-text__grid::after{
    transition: none !important;
    transform: none !important;
    opacity: 0 !important;
  }
}

/* =========================
   Apple-like: iOS Photos "Clarity Bump" (nur Bild, nur Hover)
   ========================= */

@media (hover: hover){
  /* Bild: baseline */
  #MainContent [id*="__multirow"] .image-with-text__media img{
    filter: none !important;
    transition:
      transform .45s cubic-bezier(.2,.8,.2,1),
      filter .35s ease !important;
    will-change: transform, filter !important;
  }

  /* Hover: minimal "clarity" */
  #MainContent [id*="__multirow"] .image-with-text__grid:hover .image-with-text__media img{
    filter: contrast(1.06) saturate(1.04) brightness(1.02) !important;
  }
}

/* Reduced motion / accessibility: kein Filter */
@media (prefers-reduced-motion: reduce){
  #MainContent [id*="__multirow"] .image-with-text__media img{
    transition: none !important;
    filter: none !important;
  }
}

/* =========================
   SCI-HUB Button – Apple-like Override (gewinnt gegen Liquid-Style)
   ========================= */

#MainContent .gtr-3d-stack .gtr-hub-entry{
  margin: 18px 0 14px !important;
}

#MainContent .gtr-3d-stack .gtr-hub-pill{
  font-family: var(--font-heading-family) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;

  /* ähnlich präsent wie "BY OUR..." */
  font-size: clamp(16px, 1.6vw, 20px) !important;

  padding: 14px 34px !important;
  border-radius: 9999px !important;

  background: rgba(var(--color-background), .96) !important;
  border: 1px solid rgba(var(--color-foreground), .12) !important;
  color: rgb(var(--color-foreground)) !important;
  text-decoration: none !important;

  box-shadow: 0 8px 18px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.05) !important;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease !important;
}

@media (hover:hover){
  #MainContent .gtr-3d-stack .gtr-hub-pill:hover{
    transform: translateY(-1px) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.10), 0 3px 8px rgba(0,0,0,.06) !important;
    border-color: rgba(0,120,74,.28) !important;
  }
}

/* =========================================================
   GTR LINEUP: Segmented Focus (Promote, don't hide)
   ========================================================= */

/* Segmented control container */
#MainContent .gtr-3d-stack .gtr-segments{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  padding: 6px !important;
  border-radius: 9999px !important;

  background: rgba(var(--color-background), .78) !important;
  border: 1px solid rgba(var(--color-foreground), .10) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.05) !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  margin: 18px auto 18px !important;
  width: fit-content !important;
  max-width: 100% !important;

  overflow-x: auto !important;
  scrollbar-width: none !important;
}
#MainContent .gtr-3d-stack .gtr-segments::-webkit-scrollbar{ display:none; }

#MainContent .gtr-3d-stack .gtr-seg{
  appearance: none !important;
  border: 0 !important;
  background: transparent !important;
  color: rgba(var(--color-foreground), .78) !important;

  font-family: var(--font-heading-family) !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;

  font-size: 12px !important;
  line-height: 1 !important;

  padding: 10px 14px !important;
  border-radius: 9999px !important;
  cursor: pointer !important;

  transition: background .15s ease, color .15s ease, transform .15s ease !important;
  white-space: nowrap !important;
}

@media (min-width: 750px){
  #MainContent .gtr-3d-stack .gtr-seg{
    font-size: 13px !important;
    padding: 10px 16px !important;
  }
}

#MainContent .gtr-3d-stack .gtr-seg.is-active{
  background: rgba(var(--color-background), .96) !important;
  color: rgb(var(--color-foreground)) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.05) !important;
}

@media (hover:hover){
  #MainContent .gtr-3d-stack .gtr-seg:hover{
    transform: translateY(-1px) !important;
  }
}

/* Tiles: Promote / Dim (nur subtil) */
#MainContent .gtr-3d-stack .gtr-lineup-item{
  transition: transform .22s ease, opacity .22s ease, filter .22s ease !important;
  will-change: transform, opacity, filter !important;
}

#MainContent .gtr-3d-stack .gtr-lineup-item.is-dim{
  opacity: .50 !important;
  filter: saturate(.92) contrast(.96) !important;
  transform: scale(.985) !important;
}

#MainContent .gtr-3d-stack .gtr-lineup-item.is-focus{
  opacity: 1 !important;
  filter: saturate(1.04) contrast(1.02) !important;
  transform: scale(1.02) !important;
}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  #MainContent .gtr-3d-stack .gtr-lineup-item,
  #MainContent .gtr-3d-stack .gtr-seg{
    transition: none !important;
    transform: none !important;
  }
}

/* --- GTR Segments: dezenter + näher am Grid --- */
#MainContent .gtr-3d-stack .gtr-segments{
  background: transparent !important;
  border: 1px solid rgba(var(--color-foreground), .10) !important;
  box-shadow: none !important;
  padding: 4px !important;

  margin: 14px auto 18px !important; /* sitzt schön zwischen Subtext & Grid */
  opacity: .92 !important;
}

#MainContent .gtr-3d-stack .gtr-seg{
  font-size: 11px !important;
  padding: 8px 12px !important;
  letter-spacing: .14em !important;
  color: rgba(var(--color-foreground), .68) !important;
}

#MainContent .gtr-3d-stack .gtr-seg.is-active{
  background: rgba(var(--color-foreground), .06) !important;
  box-shadow: none !important;
  color: rgb(var(--color-foreground)) !important;
}

/* === LINEUP: Subtext + Tabs zentrieren + clean spacing === */
#MainContent .gtr-3d-stack .collection-list-wrapper .rte,
#MainContent .gtr-3d-stack .collection-list__description{
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#MainContent .gtr-3d-stack .collection-list-wrapper .rte p,
#MainContent .gtr-3d-stack .collection-list__description p{
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 980px !important;
}

/* Tabs: wirklich zentriert & dezenter */
#MainContent .gtr-3d-stack .gtr-segments{
  width: max-content !important;
  margin: 14px auto 18px !important;
  display: flex !important;
  justify-content: center !important;

  background: transparent !important;
  border: 1px solid rgba(var(--color-foreground), .10) !important;
  box-shadow: none !important;
  padding: 4px !important;
  opacity: .92 !important;
}

#MainContent .gtr-3d-stack .gtr-seg{
  font-size: 11px !important;
  padding: 8px 12px !important;
  letter-spacing: .14em !important;
  color: rgba(var(--color-foreground), .68) !important;
}

#MainContent .gtr-3d-stack .gtr-seg.is-active{
  background: rgba(var(--color-foreground), .06) !important;
  box-shadow: none !important;
  color: rgb(var(--color-foreground)) !important;
}

/* === LINEUP: Subtext wirklich zentrieren (egal wie Dawn es rendert) === */
#MainContent .gtr-3d-stack .collection-list-wrapper .collection-list__description,
#MainContent .gtr-3d-stack .collection-list-wrapper .collection-list__description *,
#MainContent .gtr-3d-stack .collection-list-wrapper .rte,
#MainContent .gtr-3d-stack .collection-list-wrapper .rte *{
  text-align: center !important;
}

#MainContent .gtr-3d-stack .collection-list-wrapper .collection-list__description,
#MainContent .gtr-3d-stack .collection-list-wrapper .rte{
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Wenn wir splitten: 2 Absätze, ohne „Dawn-Standard-Margins“ Chaos */
#MainContent .gtr-3d-stack .collection-list__description.gtr-split p{
  margin: 0 !important;
}
#MainContent .gtr-3d-stack .collection-list__description.gtr-split p + p{
  margin-top: 10px !important;
}

/* === LINEUP (Collection List): Title + Subtext HARD-CENTER (failsafe) === */
#shopify-section-template--27505858248968__collection_list_xFV7Ae .collection-list-wrapper{
  text-align: center !important;
}

/* Dawn packt Title/Desc oft in Flex-Wrapper -> align center erzwingen */
#shopify-section-template--27505858248968__collection_list_xFV7Ae .title-wrapper-with-link,
#shopify-section-template--27505858248968__collection_list_xFV7Ae .title-wrapper-with-link > *{
  justify-content: center !important;
  text-align: center !important;
}

#shopify-section-template--27505858248968__collection_list_xFV7Ae .title-wrapper-with-link{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Title: volle Breite + center */
#shopify-section-template--27505858248968__collection_list_xFV7Ae .collection-list-title,
#shopify-section-template--27505858248968__collection_list_xFV7Ae .collection-list__title,
#shopify-section-template--27505858248968__collection_list_xFV7Ae h2.collection-list-title{
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

/* Subtext / Description: center + max width */
#shopify-section-template--27505858248968__collection_list_xFV7Ae .collection-list__description,
#shopify-section-template--27505858248968__collection_list_xFV7Ae .collection-list__description *,
#shopify-section-template--27505858248968__collection_list_xFV7Ae .rte,
#shopify-section-template--27505858248968__collection_list_xFV7Ae .rte *{
  text-align: center !important;
}

#shopify-section-template--27505858248968__collection_list_xFV7Ae .collection-list__description,
#shopify-section-template--27505858248968__collection_list_xFV7Ae .rte{
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* === GTR: LINEUP – Apple-like Typography Finetune (Subheading in 2 Absätzen) === */
#MainContent .gtr-3d-stack .collection-list-title{
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 980px !important;
  text-wrap: balance;
}

/* Container für den Subtext (richtext) */
#MainContent .gtr-3d-stack .collection-list-subheading{
  text-align: center !important;
  margin: 10px auto 18px !important;
  max-width: 980px !important;
}

/* Wichtig: Shopify richtext erzeugt <p>…</p><p>…</p> */
#MainContent .gtr-3d-stack .collection-list-subheading p{
  margin: 0 !important;
  line-height: 1.55 !important;
  letter-spacing: .08em !important;
  opacity: .78;
  text-wrap: balance;
  hyphens: auto;
}

/* Der "OUR SCIENTIFIC..." Teil: automatisch 2. Absatz (wenn 2 <p> existieren) */
#MainContent .gtr-3d-stack .collection-list-subheading p + p{
  margin-top: 10px !important;
  opacity: .72;
}

/* Mobile etwas kompakter */
@media (max-width: 749px){
  #MainContent .gtr-3d-stack .collection-list-subheading{
    margin: 8px auto 14px !important;
  }
  #MainContent .gtr-3d-stack .collection-list-subheading p + p{
    margin-top: 8px !important;
  }
}

/* === GTR: LINEUP – mehr Luft nach oben (Titel + Subtext nicht am Box-Rand) === */
#MainContent .gtr-3d-stack .collection-list-wrapper{
  padding-top: 28px !important;   /* <- hier kannst du fein justieren */
}

@media (max-width: 749px){
  #MainContent .gtr-3d-stack .collection-list-wrapper{
    padding-top: 16px !important;
  }
}


/* ---------- HERO (dein Custom Liquid) ---------- */
/* Wichtig: deine Box muss .gtr-collection-hero heißen (tut sie bei dir schon) */
body.template-collection #MainContent .gtr-collection-hero{
  max-width: var(--gtr-col-max) !important;
  margin: var(--gtr-col-top-gap) auto var(--gtr-col-between-gap) !important;
  box-sizing: border-box !important;
}

/* Optional: gleiche “Höhe/Stand” auch wenn Titel/Text anders lang sind */
body.template-collection #MainContent .gtr-collection-hero{
  min-height: 110px; /* bei Bedarf 100–140px */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* ---------- AUSWAHL/Filter/Sort-Bar (Dawn) ---------- */
/* Diese Selectors treffen die Dawn-Facets/Toolbar auf Collection-Seiten */
body.template-collection #MainContent .facets-container,
body.template-collection #MainContent facet-filters,
body.template-collection #MainContent .facet-filters,
body.template-collection #MainContent .collection-filters,
body.template-collection #MainContent .product-count{
  max-width: var(--gtr-col-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Falls Dawn hier nochmal page-width padding reinbringt */
body.template-collection #MainContent .facets-container .page-width,
body.template-collection #MainContent .collection-filters .page-width{
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* =========================================================
   GTR Collections: Hero-Höhe konstant + Text clamp
   ========================================================= */

#MainContent .gtr-collection-hero{
  min-height: 104px;                 /* sorgt für gleiche Höhe */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#MainContent .gtr-collection-hero__text{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;             /* 2 Zeilen auf Desktop */
  overflow: hidden;
}

@media (max-width: 749px){
  #MainContent .gtr-collection-hero{
    min-height: 120px;
  }
  #MainContent .gtr-collection-hero__text{
    -webkit-line-clamp: 3;           /* mobile etwas mehr */
  }
}

/* =========================
   GTR – Header Dropdown / Mega Menu (Dawn)
   macht das Dropdown "premium" (3D pill)
   ========================= */

:root{
  --gtr-green: 0,120,49; /* #007831 */
  --gtr-radius: 18px;
  --gtr-shadow: 0 18px 40px rgba(0,0,0,.10);
  --gtr-border: rgba(var(--color-foreground), .12);
}

/* Dropdown-Container (normal dropdown) */
.header__submenu,
.header__submenu.list-menu--disclosure{
  border: 1px solid var(--gtr-border) !important;
  border-radius: var(--gtr-radius) !important;
  box-shadow: var(--gtr-shadow) !important;
  background: rgba(var(--color-background), .92) !important;
  backdrop-filter: blur(10px);
  padding: 10px !important;
  margin-top: 10px !important;
  min-width: 260px;
}

/* Mega Menu Container (falls du Mega Menu nutzt) */
.mega-menu__content{
  border: 1px solid var(--gtr-border) !important;
  border-radius: var(--gtr-radius) !important;
  box-shadow: var(--gtr-shadow) !important;
  background: rgba(var(--color-background), .92) !important;
  backdrop-filter: blur(10px);
  padding: 14px !important;
  margin-top: 10px !important;
}

/* Items im Dropdown */
.header__submenu .list-menu__item,
.mega-menu__content .mega-menu__link{
  border-radius: 12px !important;
  padding: 10px 12px !important;
  margin: 4px 0 !important;

  font-weight: 800 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;

  color: rgba(var(--color-foreground), .75) !important;
  transition: background .15s ease, color .15s ease, transform .15s ease;
}

/* Hover state – “GTR” Feeling */
.header__submenu .list-menu__item:hover,
.mega-menu__content .mega-menu__link:hover{
  background: rgba(var(--gtr-green), .08) !important;
  color: rgba(var(--color-foreground), 1) !important;
  transform: translateY(-1px);
}

/* Optional: kleine grüne Accent-Line links beim Hover */
.header__submenu .list-menu__item:hover,
.mega-menu__content .mega-menu__link:hover{
  box-shadow: inset 3px 0 0 rgba(var(--gtr-green), .9);
}

/* Entfernt den “eckigen” Look/Trenner, falls vorhanden */
.header__submenu .list-menu__item,
.mega-menu__content .mega-menu__link{
  border: 0 !important;
}

/* Optional: caret/indicator dezenter (wenn es stört) */
.header__menu-item .icon-caret{
  opacity: .45;
  transform: translateY(1px);
}

/* =========================
   GTR – Dropdown: kompakter & eleganter (Override)
   ========================= */

/* Container schmaler + weniger Padding */
.header__submenu,
.header__submenu.list-menu--disclosure{
  min-width: 0 !important;          /* killt das breite Standard-min-width */
  width: 220px !important;          /* schlank */
  padding: 8px !important;          /* weniger “Luft” */
  margin-top: 8px !important;
  border-radius: 14px !important;   /* etwas dezenter */
  box-shadow: 0 14px 32px rgba(0,0,0,.08) !important;
}

/* Items kompakter + weniger aggressives Uppercase/Spacing */
.header__submenu .list-menu__item{
  padding: 8px 10px !important;
  margin: 2px 0 !important;
  border-radius: 10px !important;

  font-weight: 700 !important;
  letter-spacing: .06em !important; /* weniger spacing */
  font-size: 11px !important;
  text-transform: none !important;  /* wirkt sofort eleganter */
}

/* Hover: subtiler, kein “springen” */
.header__submenu .list-menu__item:hover{
  transform: none !important; /* kein Lift */
  background: rgba(var(--gtr-green), .06) !important;
  box-shadow: inset 2px 0 0 rgba(var(--gtr-green), .85) !important; /* dünner */
}

/* Wenn die Liste lang wird: max-height + smooth scroll */
.header__submenu{
  max-height: 320px;
  overflow: auto;
}

/* Scrollbar dezent (optional, Webkit) */
.header__submenu::-webkit-scrollbar{ width: 8px; }
.header__submenu::-webkit-scrollbar-thumb{
  background: rgba(var(--color-foreground), .12);
  border-radius: 10px;
}

/* =========================
   GTR – Dropdown v2 (schmal + kompakt + elegant)
   ganz unten in gtr-global.css einfügen
   ========================= */

/* Dropdown-Box (UL) */
header .header__submenu.list-menu--disclosure,
header .header__submenu{
  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;

  padding: 6px !important;
  margin-top: 6px !important;

  border-radius: 14px !important;
  border: 1px solid rgba(var(--color-foreground), .10) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.08) !important;
  background: rgba(var(--color-background), .94) !important;
  backdrop-filter: blur(10px);
}

/* Link-Items (Dawn nutzt hier meist .header__menu-item) */
header .header__submenu .header__menu-item,
header .header__submenu .list-menu__item{
  padding: 7px 9px !important;
  margin: 1px 0 !important;
  border-radius: 10px !important;

  font-size: 11px !important;
  line-height: 1.15 !important;

  font-weight: 650 !important;
  letter-spacing: .02em !important;  /* viel dezenter */
  text-transform: none !important;   /* eleganter als ALL CAPS */

  color: rgba(var(--color-foreground), .72) !important;
}

/* Hover: subtil, keine “Lift”-Animation */
header .header__submenu .header__menu-item:hover,
header .header__submenu .list-menu__item:hover{
  background: rgba(0,120,49,.06) !important;
  color: rgba(var(--color-foreground), 1) !important;
  box-shadow: inset 2px 0 0 rgba(0,120,49,.75) !important;
  transform: none !important;
}

/* Wenn die Liste lang ist: statt mega-lang -> scroll */
header .header__submenu{
  max-height: 260px !important;
  overflow: auto !important;
}

/* Optional: Scrollbar dezent */
header .header__submenu::-webkit-scrollbar{ width: 8px; }
header .header__submenu::-webkit-scrollbar-thumb{
  background: rgba(var(--color-foreground), .12);
  border-radius: 10px;
}

/* =========================
   Fix: Dropdown hat rechts zu viel Leerraum
   -> Box auf Content-Breite schrumpfen
   ========================= */

header .header__submenu,
header .header__submenu.list-menu--disclosure{
  width: fit-content !important;      /* shrink to content */
  min-width: 0 !important;            /* kill Dawn min-width */
  max-width: 240px !important;        /* Safety: nicht riesig werden */
  padding: 6px !important;            /* kompakt */
}

/* Links bestimmen die Breite + kein Umbruch */
header .header__submenu .header__menu-item,
header .header__submenu .list-menu__item{
  display: block !important;
  width: 100% !important;
  white-space: nowrap !important;     /* verhindert Zeilenumbruch -> Box bleibt schlank */
}

/* Optional: wenn’s trotzdem zu lang wird -> scroll statt endlos */
header .header__submenu{
  max-height: 260px !important;
  overflow: auto !important;
}

/* =========================================
   GTR – Cookie Banner (Shopify Customer Privacy / shopify-pc)
   macht es klein, elegant, 3D-pill statt "riesen Stein"
   ========================================= */

:root{
  --gtr-green-rgb: 0,120,49;         /* #007831 */
  --gtr-radius: 16px;
  --gtr-shadow: 0 16px 34px rgba(0,0,0,.10);
  --gtr-border: rgba(var(--color-foreground), .12);
}

/* Banner-Wrapper */
#shopify-pc__banner,
.shopify-pc__banner{
  position: fixed !important;
  left: 18px !important;
  right: auto !important;
  bottom: 18px !important;
  z-index: 999999 !important;

  width: clamp(280px, 28vw, 420px) !important;
  max-width: calc(100vw - 36px) !important;
}

/* Der „Stein“ selbst (Dialog) */
#shopify-pc__banner__dialog,
.shopify-pc__banner__dialog{
  border: 1px solid var(--gtr-border) !important;
  border-radius: var(--gtr-radius) !important;
  box-shadow: var(--gtr-shadow) !important;
  background: rgba(var(--color-background), .92) !important;
  backdrop-filter: blur(10px);
  overflow: hidden !important;
}

/* Innenlayout kompakt */
#shopify-pc__banner__body,
.shopify-pc__banner__body{
  padding: 14px 14px 12px !important;
  gap: 10px !important;
}

/* Text kleiner + weniger “blockig” */
#shopify-pc__banner__title,
.shopify-pc__banner__title{
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  margin: 0 0 6px !important;
}

#shopify-pc__banner__text,
.shopify-pc__banner__text{
  font-size: 12px !important;
  line-height: 1.55 !important;
  color: rgba(var(--color-foreground), .72) !important;
  margin: 0 !important;
}

/* Buttons: pill + clean */
#shopify-pc__banner__btns,
.shopify-pc__banner__btns{
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-top: 10px !important;
}

#shopify-pc__banner__btns button,
.shopify-pc__banner__btns button{
  border-radius: 999px !important;
  padding: 10px 12px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  min-height: 38px !important;
}

/* Accept / Primary */
#shopify-pc__banner__btn-accept,
.shopify-pc__banner__btn-accept{
  background: rgba(var(--gtr-green-rgb), 1) !important;
  color: #fff !important;
  border: 1px solid rgba(var(--gtr-green-rgb), 1) !important;
}

/* Secondary / Decline / Manage */
#shopify-pc__banner__btn-decline,
#shopify-pc__banner__btn-manage,
.shopify-pc__banner__btn-decline,
.shopify-pc__banner__btn-manage{
  background: transparent !important;
  color: rgba(var(--color-foreground), .78) !important;
  border: 1px solid rgba(var(--color-foreground), .18) !important;
}

/* Hover subtil */
#shopify-pc__banner__btns button:hover,
.shopify-pc__banner__btns button:hover{
  filter: brightness(0.98);
}

/* Mobile: full width unten, aber immer noch “slim” */
@media (max-width: 749px){
  #shopify-pc__banner,
  .shopify-pc__banner{
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    width: auto !important;
    max-width: none !important;
  }
}

/* Optional: der kleine "Cookie Preferences" Button (falls vorhanden) */
#shopify-pc__prefs__button,
.shopify-pc__prefs__button{
  border-radius: 999px !important;
  border: 1px solid var(--gtr-border) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.08) !important;
  background: rgba(var(--color-background), .92) !important;
  backdrop-filter: blur(10px);
}

/* =========================================
   GTR – Cookie Banner (Shopify) -> kleiner & eleganter
   ========================================= */

:root{
  --gtr-green: 0,120,49; /* #007831 */
  --gtr-border: rgba(var(--color-foreground), .12);
}

/* Wrapper: sicher treffen (Shopify PC + ggf. neues Element) */
body #shopify-pc__banner,
body .shopify-pc__banner,
body shopify-privacy-banner{
  left: 14px !important;
  bottom: 14px !important;
  right: auto !important;
  top: auto !important;

  /* 🔥 macht sofort deutlich kleiner */
  transform: scale(.82) !important;
  transform-origin: left bottom !important;
  z-index: 999999 !important;
}

/* Karte/Dialog */
body #shopify-pc__banner__dialog,
body .shopify-pc__banner__dialog,
body shopify-privacy-banner{
  border: 1px solid var(--gtr-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.10) !important;
  background: rgba(var(--color-background), .92) !important;
  backdrop-filter: blur(10px);
}

/* Inhalt kompakter */
body #shopify-pc__banner__body,
body .shopify-pc__banner__body{
  padding: 12px 12px 10px !important;
}

/* Typo kleiner/ruhiger */
body #shopify-pc__banner__title,
body .shopify-pc__banner__title{
  font-size: 13px !important;
  margin: 0 0 6px !important;
  letter-spacing: .01em !important;
}

body #shopify-pc__banner__text,
body .shopify-pc__banner__text{
  font-size: 12px !important;
  line-height: 1.55 !important;
  color: rgba(var(--color-foreground), .72) !important;
  margin: 0 !important;
  max-width: 320px !important;
}

/* Buttons: kleiner + pill */
body #shopify-pc__banner__btns,
body .shopify-pc__banner__btns{
  gap: 8px !important;
  margin-top: 10px !important;
}

body #shopify-pc__banner__btns button,
body .shopify-pc__banner__btns button{
  min-height: 36px !important;
  padding: 9px 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

/* Accept (Primary) */
body #shopify-pc__banner__btn-accept,
body .shopify-pc__banner__btn-accept{
  background: rgba(var(--gtr-green), 1) !important;
  border: 1px solid rgba(var(--gtr-green), 1) !important;
  color: #fff !important;
}

/* Decline/Manage (Secondary) */
body #shopify-pc__banner__btn-decline,
body #shopify-pc__banner__btn-manage,
body .shopify-pc__banner__btn-decline,
body .shopify-pc__banner__btn-manage{
  background: transparent !important;
  border: 1px solid rgba(var(--color-foreground), .18) !important;
  color: rgba(var(--color-foreground), .78) !important;
}

/* Mobile: weniger scaling, damit’s nicht zu klein wird */
@media (max-width: 749px){
  body #shopify-pc__banner,
  body .shopify-pc__banner,
  body shopify-privacy-banner{
    transform: scale(.92) !important;
    left: 10px !important;
    bottom: 10px !important;
  }
}

/* Cookie Banner: Freiraum links weg -> Buttons full width */
body #shopify-pc__banner__btns,
body .shopify-pc__banner__btns{
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;  /* untereinander */
  align-items: stretch !important;     /* volle Breite */
  justify-content: flex-start !important;
  gap: 8px !important;
}

/* Buttons/Links im Banner: volle Breite */
body #shopify-pc__banner__btns button,
body .shopify-pc__banner__btns button,
body #shopify-pc__banner__btn-manage,
body .shopify-pc__banner__btn-manage{
  width: 100% !important;
  max-width: none !important;
}

/* "Manage preferences" als Zeile full width + zentriert */
body #shopify-pc__banner__btn-manage,
body .shopify-pc__banner__btn-manage{
  display: block !important;
  text-align: center !important;
  padding: 6px 0 !important;
  margin: 0 0 2px !important;
}

/* Shopify native cookie banner komplett ausblenden (weil wir ein eigenes nutzen) */
shopify-privacy-banner,
#shopify-privacy-banner,
.shopify-privacy-banner {
  display: none !important;
}

/* KILL Shopify Customer Privacy UI (Banner + Preferences Modal) */
#shopify-pc__banner,
.shopify-pc__banner,
#shopify-pc__banner__dialog,
.shopify-pc__banner__dialog,

#shopify-pc__preferences,
.shopify-pc__preferences,
#shopify-pc__preferences__dialog,
.shopify-pc__preferences__dialog,

#shopify-pc__backdrop,
.shopify-pc__backdrop,

shopify-privacy-banner,
#shopify-privacy-banner,
.shopify-privacy-banner{
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* =========================================================
   GTR HEADER — GLOBAL (FINAL)
   - KEIN Layout (das kommt aus header.liquid / GTR HEADER v5)
   - Nur Dropdown/Mega Menü Oberflächen clean + premium
   ========================================================= */

:root{
  --gtr-green: 0,120,49; /* #007831 */
}

/* Dropdown Surface */
.section-header .header__submenu,
.section-header .header__submenu.list-menu--disclosure{
  width: fit-content !important;
  min-width: 0 !important;
  max-width: 240px !important;

  padding: 6px !important;
  margin-top: 6px !important;

  border-radius: 14px !important;
  border: 1px solid rgba(var(--color-foreground), .10) !important;
  background: rgba(var(--color-background), .94) !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  box-shadow: 0 12px 26px rgba(0,0,0,.08) !important;
}

/* Mega Menu Surface */
.section-header .mega-menu__content{
  border-radius: 18px !important;
  border: 1px solid rgba(var(--color-foreground), .10) !important;
  background: rgba(var(--color-background), .94) !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  box-shadow: 0 12px 26px rgba(0,0,0,.08) !important;
  padding: 14px !important;
  margin-top: 10px !important;
}

/* Dropdown/Mega Items */
.section-header .header__submenu .header__menu-item,
.section-header .header__submenu .list-menu__item,
.section-header .mega-menu__content .mega-menu__link{
  display: block !important;
  width: 100% !important;
  white-space: nowrap !important;

  padding: 7px 9px !important;
  margin: 1px 0 !important;
  border-radius: 10px !important;

  font-size: 11px !important;
  line-height: 1.15 !important;
  font-weight: 650 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;

  color: rgba(var(--color-foreground), .72) !important;
  background: transparent !important;
  border: 0 !important;

  transition: background .15s ease, color .15s ease !important;
}

.section-header .header__submenu .header__menu-item:hover,
.section-header .header__submenu .list-menu__item:hover,
.section-header .mega-menu__content .mega-menu__link:hover{
  background: rgba(var(--gtr-green), .06) !important;
  color: rgba(var(--color-foreground), 1) !important;
  box-shadow: inset 2px 0 0 rgba(var(--gtr-green), .75) !important;
}

/* Scroll wenn lang */
.section-header .header__submenu{
  max-height: 260px !important;
  overflow: auto !important;
}

/* Caret dezent */
.section-header .header__menu-item .icon-caret{
  opacity: .45;
  transform: translateY(1px);
}

/* =========================================
   GTR HEADER — Menu Items wie Search Buttons
   (jeder Menüpunkt = iOS Button)
   ========================================= */
@media (min-width: 990px){

  /* Menü-Container: keine große Pill mehr */
  .section-header .header__inline-menu .list-menu--inline{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    gap: 10px !important; /* spacing zwischen Buttons */
  }

  /* LI sauber */
  .section-header .header__inline-menu .list-menu--inline > li{
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
  }

  /* Jeder Menüpunkt wie dein Icon-Button */
  .section-header .header__inline-menu .list-menu__item--link,
  .section-header .header__inline-menu summary.list-menu__item{
    min-height: 42px !important;
    border-radius: 999px !important;

    border: 1px solid rgba(var(--color-foreground), .12) !important;
    background: rgba(var(--color-background), .80) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    box-shadow: 0 12px 26px rgba(0,0,0,.06) !important;

    padding: 10px 14px !important;

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

    text-decoration: none !important;

    /* Typo wie vorher “premium” */
    font-weight: 800 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;

    color: rgba(var(--color-foreground), .80) !important;

    transition: background .15s ease, transform .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease !important;
  }

  /* Hover exakt wie Icons */
  .section-header .header__inline-menu .list-menu__item--link:hover,
  .section-header .header__inline-menu summary.list-menu__item:hover{
    transform: translateY(-1px) !important;
    background: rgba(0,120,49,.06) !important;
    border-color: rgba(0,120,49,.28) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.08) !important;
    color: rgb(var(--color-foreground)) !important;
  }

  /* Active/current wie “selected” */
  .section-header .header__inline-menu a[aria-current="page"],
  .section-header .header__inline-menu summary[aria-current="page"]{
    background: rgba(0,120,49,.10) !important;
    border-color: rgba(0,120,49,.35) !important;
    color: rgb(var(--color-foreground)) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.08) !important;
  }

  /* Caret beim Dropdown bisschen ruhiger */
  .section-header .header__inline-menu .icon-caret{
    opacity: .55 !important;
    transform: translateY(1px) !important;
  }
}

/* =========================================================
   GTR HEADER v5 — CLEAN (Desktop)
   - Logo links sharp (inline SVG)
   - Menü-Items = exakt wie Search-Buttons
   - Icons rechts bleiben iOS-like
   - Killt alle alten Capsule-Experimente (nur Header)
   ========================================================= */

@media (min-width: 990px){

  /* --- HARD RESET: alte Capsule/Pill Experimente AUS --- */
  .header-wrapper .header::before,
  .header-wrapper .header::after{
    content: none !important;
    display: none !important;
  }

  .section-header .header__inline-menu{
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .section-header .header__inline-menu .list-menu--inline{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* --- Layout: Logo | Menu | Icons --- */
  .section-header header.header.page-width{
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    column-gap: 18px !important;
  }

  .section-header .header__heading{ justify-self: start !important; }
  .section-header .header__inline-menu{ justify-self: center !important; }
  .section-header .header__icons{
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }



  /* --- Menü: Buttons exakt wie Search-Buttons --- */
  .section-header .header__inline-menu .list-menu--inline{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }

  .section-header .header__inline-menu .list-menu--inline > li > a,
  .section-header .header__inline-menu .list-menu--inline > li > details > summary{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 42px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;

    border: 1px solid rgba(var(--color-foreground), .12) !important;
    background: rgba(var(--color-background), .86) !important;

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    box-shadow: 0 14px 28px rgba(0,0,0,.08) !important;

    font-weight: 900 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    line-height: 1 !important;

    color: rgba(var(--color-foreground), .78) !important;

    transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease !important;
  }

  .section-header .header__inline-menu .list-menu--inline > li > a:hover,
  .section-header .header__inline-menu .list-menu--inline > li > details > summary:hover{
    transform: translateY(-1px) !important;
    background: rgba(0,120,49,.06) !important;
    border-color: rgba(0,120,49,.35) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.10) !important;
    color: rgba(var(--color-foreground), .92) !important;
  }

  /* Active / Current */
  .section-header .header__inline-menu .list-menu--inline > li > a[aria-current="page"],
  .section-header .header__inline-menu .list-menu--inline > li > details[open] > summary{
    background: rgba(0,120,49,.10) !important;
    border-color: rgba(0,120,49,.45) !important;
    color: rgb(var(--color-foreground)) !important;
  }

  /* Caret im Summary etwas cleaner */
  .section-header .header__inline-menu .icon-caret{
    opacity: .5 !important;
    transform: translateY(1px);
  }

  /* --- Icons rechts: behalten den iOS Button Look --- */
  .section-header .header__icon{
    width: 42px !important;
    height: 42px !important;
    border-radius: 999px !important;

    border: 1px solid rgba(var(--color-foreground), .12) !important;
    background: rgba(var(--color-background), .86) !important;

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    box-shadow: 0 14px 28px rgba(0,0,0,.08) !important;
    transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease !important;
  }

  .section-header .header__icon:hover{
    transform: translateY(-1px) !important;
    background: rgba(0,120,49,.06) !important;
    border-color: rgba(0,120,49,.35) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.10) !important;
  }

  .section-header .header__icon .icon{
    width: 19px !important;
    height: 19px !important;
    color: rgba(var(--color-foreground), .78) !important;
  }
}


/* =========================
   GTR LOGO (INLINE SVG) – always visible
   ========================= */
.header__heading-link{
  display:flex !important;
  align-items:center !important;
}

.gtr-logo-wrap{
  display:flex !important;
  align-items:center !important;
  line-height:0 !important;
  overflow: visible !important;
}

.gtr-logo-svg{
  display:block !important;
  line-height:0 !important;
}

.gtr-logo-svg svg{
  display:block !important;
  height: 58px !important;   /* Desktop */
  width: auto !important;
  max-width: none !important;
}

@media (max-width: 989px){
  .gtr-logo-svg svg{
    height: 46px !important; /* Mobile */
  }
}

/* Sticky reduce-logo-size support */
.scrolled-past-header .gtr-logo-svg svg{
  height: 50px !important;
}
@media (max-width: 989px){
  .scrolled-past-header .gtr-logo-svg svg{
    height: 42px !important;
  }
}

/* =========================================================
   GTR HEADER — FINAL FIX (FORCE GRID AREAS + SHOW LOGO)
   Ganz unten in gtr-global.css lassen.
   ========================================================= */

@media (min-width: 990px){
  .section-header .header{
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    grid-template-areas: "gtrlogo gtrmenu gtricons" !important;
    align-items: center !important;
    column-gap: 18px !important;
  }

  /* Reset Dawn grid leftovers */
  .section-header .header__heading,
  .section-header .header__inline-menu,
  .section-header .header__icons{
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: auto !important;
    align-self: center !important;
    position: static !important;
    transform: none !important;
  }

  .section-header .header__heading{
    grid-area: gtrlogo !important;
    display: block !important;
    z-index: 3 !important;
  }

  .section-header .header__inline-menu{
    grid-area: gtrmenu !important;
    display: flex !important;
    justify-content: center !important;
    z-index: 2 !important;
  }

  .section-header .header__icons{
    grid-area: gtricons !important;
    display: flex !important;
    justify-content: flex-end !important;
    z-index: 3 !important;
  }

  /* Logo visibility hard-fix */
  .section-header .header__heading-link{
    display: flex !important;
    align-items: center !important;
  }

  .section-header .header__heading-logo-wrapper.gtr-logo-wrap{
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    line-height: 0 !important;
  }


  .section-header.scrolled-past-header .gtr-logo-svg svg{
    height: 42px !important;
  }
}

/* === FIX: Mobile Drawer Button darf auf Desktop NICHT auftauchen === */
@media (min-width: 990px){
  .section-header header-drawer,
  .section-header .menu-drawer-container{
    display: none !important;
  }
}

@media (max-width: 989px){
  .section-header header-drawer,
  .section-header .menu-drawer-container{
    display: flex !important;
  }
}

/* =========================
   GTR HEADER — Desktop: Drawer nur wenn Header wirklich drawer-menu ist
   ========================= */
@media (min-width: 990px){
  /* Wenn NICHT drawer-menu: Burger weg */
  .section-header .header:not(.drawer-menu) header-drawer,
  .section-header .header:not(.drawer-menu) .menu-drawer-container{
    display: none !important;
  }

  /* Wenn drawer-menu: Burger da */
  .section-header .header.drawer-menu header-drawer,
  .section-header .header.drawer-menu .menu-drawer-container{
    display: block !important;
  }
}

/* =========================
   GTR LOGO — immer sichtbar + maximal crisp
   ========================= */
.section-header .header__heading,
.section-header .header__heading-link,
.section-header .gtr-logo-wrap{
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  line-height: 0 !important;
}


/* =========================================================
   GTR HEADER — EMERGENCY RESET (STOP THE CIRCLE)
   - bringt Logo + Menü zurück
   - killt Grid/absolute Experimente NUR im Header
   - Cookie bleibt komplett unangetastet
   ========================================================= */

@media (min-width: 990px){

  /* 1) Header wieder “normal” (Flex), kein Grid-Zirkus */
  .section-header .header{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 22px !important;
  }

  /* 2) Logo links immer sichtbar */
  .section-header .header__heading{
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  /* 3) Menü MUSS da sein (falls es per CSS weggeschossen wurde) */
  .section-header .header__inline-menu{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: static !important;
    transform: none !important;

    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  /* 4) Icons rechts */
  .section-header .header__icons{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 0 0 auto !important;
  }

  /* 5) Drawer/Burger auf Desktop aus (weil du Pills willst) */
  .section-header header-drawer,
  .section-header .menu-drawer-container{
    display: none !important;
  }

  /* -------------------------
     Pills Look (dein 2050 vibe)
     ------------------------- */
  .section-header .header__inline-menu .list-menu--inline{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;

    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .section-header .header__inline-menu .list-menu__item--link,
  .section-header .header__inline-menu summary.list-menu__item{
    min-height: 42px !important;
    padding: 0 14px !important;

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

    border-radius: 999px !important;
    border: 1px solid rgba(var(--color-foreground), .12) !important;
    background: rgba(var(--color-background), .78) !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.08) !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    font-weight: 900 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    line-height: 1 !important;

    color: rgba(var(--color-foreground), .78) !important;

    transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease !important;
  }

  .section-header .header__inline-menu .list-menu__item--link:hover,
  .section-header .header__inline-menu summary.list-menu__item:hover{
    transform: translateY(-1px) !important;
    background: rgba(0,120,49,.06) !important;
    border-color: rgba(0,120,49,.30) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.10) !important;
    color: rgba(var(--color-foreground), .92) !important;
  }

  /* Active */
  .section-header .header__inline-menu a[aria-current="page"]{
    background: rgba(0,120,49,.10) !important;
    border-color: rgba(0,120,49,.35) !important;
    color: rgb(var(--color-foreground)) !important;
  }

  

/* =========================================================
   GTR HEADER — PILL MENU (FINAL)
   ========================================================= */
@media (min-width: 990px){
  /* Inline Menu muss sichtbar sein */
  .section-header .header__inline-menu{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* UL Layout */
  .section-header .header__inline-menu .list-menu--inline{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;

    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* Dawn nutzt oft .header__menu-item (bei <a> UND <summary>) */
  .section-header .header__inline-menu .header__menu-item,
  .section-header .header__inline-menu .list-menu__item--link,
  .section-header .header__inline-menu summary.list-menu__item{
    min-height: 42px !important;
    padding: 0 14px !important;

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

    border-radius: 999px !important;
    border: 1px solid rgba(var(--color-foreground), .12) !important;
    background: rgba(var(--color-background), .78) !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    box-shadow: 0 14px 32px rgba(0,0,0,.08) !important;

    font-weight: 900 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    line-height: 1 !important;

    color: rgba(var(--color-foreground), .78) !important;
    text-decoration: none !important;

    transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease !important;
  }

  /* Hover */
  .section-header .header__inline-menu .header__menu-item:hover,
  .section-header .header__inline-menu .list-menu__item--link:hover,
  .section-header .header__inline-menu summary.list-menu__item:hover{
    transform: translateY(-1px) !important;
    background: rgba(0,120,49,.06) !important;
    border-color: rgba(0,120,49,.30) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.10) !important;
    color: rgba(var(--color-foreground), .92) !important;
  }

  /* Active/current */
  .section-header .header__inline-menu a[aria-current="page"],
  .section-header .header__inline-menu details[open] > summary{
    background: rgba(0,120,49,.10) !important;
    border-color: rgba(0,120,49,.35) !important;
    color: rgb(var(--color-foreground)) !important;
  }

  /* Caret etwas cleaner */
  .section-header .header__inline-menu .icon-caret{
    opacity: .55 !important;
    transform: translateY(1px) !important;
  }
}


  

  /* Pills (a + summary + Dawn header__menu-item) */
  .section-header .header__inline-menu .header__menu-item,
  .section-header .header__inline-menu .list-menu__item--link,
  .section-header .header__inline-menu summary.list-menu__item{
    height: 42px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 999px !important;
    border: 1px solid var(--gtr-pill-border) !important;
    background: var(--gtr-pill-bg) !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    box-shadow: var(--gtr-pill-shadow) !important;

    font-weight: 900 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    line-height: 1 !important;

    color: rgba(var(--color-foreground), .80) !important;
    text-decoration: none !important;

    transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease !important;
  }

  .section-header .header__inline-menu .header__menu-item:hover,
  .section-header .header__inline-menu .list-menu__item--link:hover,
  .section-header .header__inline-menu summary.list-menu__item:hover{
    transform: translateY(-1px) !important;
    background: rgba(var(--gtr-green), .06) !important;
    border-color: rgba(var(--gtr-green), .30) !important;
    box-shadow: var(--gtr-pill-shadow-hover) !important;
    color: rgb(var(--color-foreground)) !important;
  }

  .section-header .header__inline-menu a[aria-current="page"],
  .section-header .header__inline-menu details[open] > summary{
    background: rgba(var(--gtr-green), .10) !important;
    border-color: rgba(var(--gtr-green), .35) !important;
    color: rgb(var(--color-foreground)) !important;
  }

  /* Icons rechts (Search + Account + Cart) = gleiche Pill */
  .section-header .header__icons{
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .section-header .header__icon{
    width: 42px !important;
    height: 42px !important;
    border-radius: 999px !important;

    border: 1px solid var(--gtr-pill-border) !important;
    background: var(--gtr-pill-bg) !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    box-shadow: var(--gtr-pill-shadow) !important;
    transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease !important;
  }

  .section-header .header__icon:hover{
    transform: translateY(-1px) !important;
    background: rgba(var(--gtr-green), .06) !important;
    border-color: rgba(var(--gtr-green), .30) !important;
    box-shadow: var(--gtr-pill-shadow-hover) !important;
  }

  /* Burger auf Desktop weg, wenn nicht drawer-menu */
  .section-header .header:not(.drawer-menu) header-drawer,
  .section-header .header:not(.drawer-menu) .menu-drawer-container{
    display: none !important;
  }
}


  /* Pills UL */
  .section-header .header__inline-menu .list-menu--inline{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;

    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* Pills: Dawn nutzt häufig .header__menu-item (a + summary) */
  .section-header .header__inline-menu .header__menu-item,
  .section-header .header__inline-menu .list-menu__item--link,
  .section-header .header__inline-menu summary.list-menu__item{
    height: 42px !important;
    padding: 0 14px !important;

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

    border-radius: 999px !important;
    border: 1px solid rgba(var(--color-foreground), .12) !important;
    background: rgba(var(--color-background), .86) !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    box-shadow: 0 14px 28px rgba(0,0,0,.08) !important;

    font-weight: 900 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    line-height: 1 !important;

    color: rgba(var(--color-foreground), .80) !important;
    text-decoration: none !important;

    transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease !important;
  }

  .section-header .header__inline-menu .header__menu-item:hover,
  .section-header .header__inline-menu .list-menu__item--link:hover,
  .section-header .header__inline-menu summary.list-menu__item:hover{
    transform: translateY(-1px) !important;
    background: rgba(var(--gtr-green), .06) !important;
    border-color: rgba(var(--gtr-green), .32) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.10) !important;
    color: rgb(var(--color-foreground)) !important;
  }

  /* Active/current */
  .section-header .header__inline-menu a[aria-current="page"],
  .section-header .header__inline-menu details[open] > summary{
    background: rgba(var(--gtr-green), .10) !important;
    border-color: rgba(var(--gtr-green), .45) !important;
    color: rgb(var(--color-foreground)) !important;
  }

  /* Icons rechts bleiben pill-ish */
  .section-header .header__icons{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    z-index: 3 !important;
  }

  /* Drawer/Burger auf Desktop nur wenn wirklich drawer-menu */
  .section-header .header:not(.drawer-menu) header-drawer,
  .section-header .header:not(.drawer-menu) .menu-drawer-container{
    display: none !important;
  }
}


/* ---------- 3) Pills (nur Header! nicht Footer!) ---------- */
@media (min-width: 990px){
  .section-header .header__inline-menu .list-menu--inline{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .section-header .header__inline-menu .header__menu-item,
  .section-header .header__inline-menu .list-menu__item--link,
  .section-header .header__inline-menu summary.list-menu__item{
    min-height: 42px !important;
    padding: 0 14px !important;

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

    border-radius: 999px !important;
    border: 1px solid rgba(var(--color-foreground), .12) !important;
    background: rgba(var(--color-background), .78) !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    box-shadow: 0 14px 32px rgba(0,0,0,.08) !important;

    font-weight: 900 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    line-height: 1 !important;

    color: rgba(var(--color-foreground), .80) !important;

    text-decoration: none !important; /* << UNDERLINE KILL */
  }

  /* Dawn underline indicator kill (kommt oft per ::after) */
  .section-header .header__inline-menu .header__menu-item::after,
  .section-header .header__inline-menu .list-menu__item--link::after,
  .section-header .header__inline-menu summary.list-menu__item::after{
    content: none !important;
    display: none !important;
  }

  .section-header .header__inline-menu .header__menu-item:hover,
  .section-header .header__inline-menu .list-menu__item--link:hover,
  .section-header .header__inline-menu summary.list-menu__item:hover{
    transform: translateY(-1px) !important;
    background: rgba(var(--gtr-green), .06) !important;
    border-color: rgba(var(--gtr-green), .30) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.10) !important;
    color: rgba(var(--color-foreground), .95) !important;
    text-decoration: none !important;
  }

  .section-header .header__inline-menu a[aria-current="page"],
  .section-header .header__inline-menu details[open] > summary{
    background: rgba(var(--gtr-green), .10) !important;
    border-color: rgba(var(--gtr-green), .35) !important;
    color: rgb(var(--color-foreground)) !important;
    text-decoration: none !important;
  }
}

/* ---------- 4) Dropdown: nicht mehr “riesen block” sondern floating overlay ---------- */
@media (min-width: 990px){
  /* Details muss der Anker sein */
  .section-header .header__inline-menu details{
    position: relative !important;
    overflow: visible !important;
  }

  /* Standard: versteckt */
  .section-header .header__inline-menu details > .header__submenu{
    display: none !important;
  }

  /* Open: floating panel */
  .section-header .header__inline-menu details[open] > .header__submenu{
    display: block !important;

    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    width: max-content !important;
    min-width: 240px !important;
    max-width: 340px !important;

    padding: 8px !important;
    margin: 0 !important;

    border-radius: 16px !important;
    border: 1px solid rgba(var(--color-foreground), .10) !important;
    background: rgba(var(--color-background), .94) !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    box-shadow: 0 14px 34px rgba(0,0,0,.10) !important;

    z-index: 9999 !important;

    max-height: 320px !important;
    overflow: auto !important;
  }

  /* Items im Dropdown */
  .section-header .header__submenu .header__menu-item,
  .section-header .header__submenu .list-menu__item{
    display: block !important;
    width: 100% !important;
    white-space: nowrap !important;

    padding: 9px 10px !important;
    margin: 2px 0 !important;
    border-radius: 12px !important;

    font-weight: 800 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    font-size: 11px !important;

    color: rgba(var(--color-foreground), .80) !important;
    text-decoration: none !important;
  }

  .section-header .header__submenu .header__menu-item:hover,
  .section-header .header__submenu .list-menu__item:hover{
    background: rgba(var(--gtr-green), .06) !important;
    box-shadow: inset 2px 0 0 rgba(var(--gtr-green), .75) !important;
  }
}

/* ---------- 5) Footer: Unterstreichung weg (nur Menüs) ---------- */
.footer .list-menu__item--link,
.footer .footer-block__details-content a,
.footer a.link{
  text-decoration: none !important;
}

.footer .list-menu__item--link::after,
.footer .footer-block__details-content a::after{
  content: none !important;
  display: none !important;
}




/* ---------- C) Pills bleiben clean (nur Header) ---------- */
@media (min-width: 990px){
  .section-header .header__inline-menu{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .section-header .header__inline-menu .list-menu--inline{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    white-space: nowrap !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .section-header .header__inline-menu .header__menu-item,
  .section-header .header__inline-menu .list-menu__item--link,
  .section-header .header__inline-menu summary.list-menu__item{
    min-height: 42px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 999px !important;
    border: 1px solid rgba(var(--color-foreground), .12) !important;
    background: rgba(var(--color-background), .78) !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    box-shadow: 0 14px 32px rgba(0,0,0,.08) !important;

    font-weight: 900 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    line-height: 1 !important;

    text-decoration: none !important;
  }
}

/* ---------- D) Dropdown als Overlay (kein “riesen Block”) ---------- */
@media (min-width: 990px){
  .section-header .header__inline-menu details{
    position: relative !important;
    overflow: visible !important;
  }

  .section-header .header__inline-menu details > .header__submenu{
    display: none !important;
  }

  .section-header .header__inline-menu details[open] > .header__submenu{
    display: block !important;
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    min-width: 240px !important;
    max-width: 360px !important;
    width: max-content !important;

    padding: 8px !important;
    margin: 0 !important;

    border-radius: 16px !important;
    border: 1px solid rgba(var(--color-foreground), .10) !important;
    background: rgba(var(--color-background), .94) !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    box-shadow: 0 14px 34px rgba(0,0,0,.10) !important;

    z-index: 9999 !important;
    max-height: 320px !important;
    overflow: auto !important;
  }
}


/* =========================
   HEADER: Unterstreichung killen (nur Menü)
   ========================= */
.section-header .header__inline-menu a,
.section-header .header__inline-menu summary,
.section-header .header__inline-menu .header__menu-item,
.section-header .header__inline-menu .list-menu__item,
.section-header .header__inline-menu .list-menu__item--link,
.section-header .header__inline-menu .header__active-menu-item{
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.section-header .header__inline-menu .header__active-menu-item::after{
  content: none !important; /* Dawn macht manchmal underline über ::after */
}

/* =========================
   Dropdown/Mega: kleines Overlay statt riesen Block
   ========================= */
@media (min-width: 990px){
  .section-header .header__inline-menu details{
    position: relative !important;
    overflow: visible !important;
  }

  /* Dawn dropdown */
  .section-header .header__inline-menu details[open] > .header__submenu{
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    width: max-content !important;
    min-width: 240px !important;
    max-width: 360px !important;

    padding: 8px !important;
    margin: 0 !important;

    border-radius: 16px !important;
    border: 1px solid rgba(var(--color-foreground), .10) !important;
    background: rgba(var(--color-background), .94) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 14px 34px rgba(0,0,0,.10) !important;

    z-index: 9999 !important;
    max-height: 320px !important;
    overflow: auto !important;
  }

  /* Dawn mega menu (falls aktiv) */
  .section-header .header__inline-menu details[open] > .mega-menu__content{
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    width: max-content !important;
    min-width: 260px !important;
    max-width: 420px !important;

    padding: 10px !important;
    margin: 0 !important;

    border-radius: 18px !important;
    border: 1px solid rgba(var(--color-foreground), .10) !important;
    background: rgba(var(--color-background), .94) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 14px 34px rgba(0,0,0,.10) !important;

    z-index: 9999 !important;
  }

  /* Dropdown Items schöner */
  .section-header .header__submenu .header__menu-item,
  .section-header .header__submenu .list-menu__item,
  .section-header .mega-menu__content .mega-menu__link{
    display: block !important;
    padding: 9px 10px !important;
    border-radius: 12px !important;
    color: rgba(var(--color-foreground), .78) !important;
    background: transparent !important;
    white-space: nowrap !important;
  }

  .section-header .header__submenu .header__menu-item:hover,
  .section-header .header__submenu .list-menu__item:hover,
  .section-header .mega-menu__content .mega-menu__link:hover{
    background: rgba(0,120,49,.06) !important;
    color: rgba(var(--color-foreground), 1) !important;
  }
}


/* =========================
   HEADER: Underline/Active-Line kill (nur Header!)
   ========================= */
.section-header .header__inline-menu a,
.section-header .header__inline-menu summary,
.section-header .header__inline-menu .header__menu-item,
.section-header .header__inline-menu .list-menu__item,
.section-header .header__inline-menu .list-menu__item--link{
  text-decoration: none !important;
  border-bottom: 0 !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Dawn active underline kommt oft über pseudo-element */
.section-header .header__inline-menu a::after,
.section-header .header__inline-menu summary::after,
.section-header .header__inline-menu .header__active-menu-item::after{
  content: none !important;
  display: none !important;
}

/* =========================
   Dropdown: nicht full-width, sondern clean overlay
   ========================= */
@media (min-width: 990px){
  .section-header .header__inline-menu details{
    position: relative !important;
    overflow: visible !important;
  }

  /* Dawn dropdown */
  .section-header .header__submenu,
  .section-header .header__submenu.list-menu--disclosure{
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    width: max-content !important;
    min-width: 240px !important;
    max-width: 360px !important;

    padding: 8px !important;
    margin: 0 !important;

    border-radius: 16px !important;
    border: 1px solid rgba(var(--color-foreground), .10) !important;
    background: rgba(var(--color-background), .94) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 14px 34px rgba(0,0,0,.10) !important;

    z-index: 9999 !important;
    max-height: 320px !important;
    overflow: auto !important;
  }

  /* Items */
  .section-header .header__submenu .header__menu-item,
  .section-header .header__submenu .list-menu__item{
    display: block !important;
    padding: 9px 10px !important;
    border-radius: 12px !important;
    background: transparent !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  .section-header .header__submenu .header__menu-item:hover,
  .section-header .header__submenu .list-menu__item:hover{
    background: rgba(0,120,49,.06) !important;
  }
}

/* ===== GTR LOGO: nur Header, sonst nichts ===== */
.section-header .header__heading-logo-wrapper.gtr-logo-wrap img,
.section-header .header__heading-logo-wrapper.gtr-logo-wrap svg {
  height: 180px !important;   /* ~20% kleiner als dein fettes Teil */
  width: auto !important;
  display: block !important;
}

/* Mobile */
@media (max-width: 989px) {
  .section-header .header__heading-logo-wrapper.gtr-logo-wrap img,
  .section-header .header__heading-logo-wrapper.gtr-logo-wrap svg {
    height: 136px !important;
  }
}

/* =========================
   HEADER ICONS: runde Buttons zurück (NUR Header)
   ========================= */
.section-header .header__icons{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.section-header .header__icons .header__icon{
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;

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

  border-radius: 999px !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.14) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.10) !important;

  text-decoration: none !important;
}

.section-header .header__icons .header__icon:hover{
  border-color: rgba(0,0,0,.22) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.12) !important;
}

/* Icon-Größe sauber */
.section-header .header__icons .header__icon .svg-wrapper{
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
}

/* Cart-Bubble wieder sauber positionieren */
.section-header .header__icons #cart-icon-bubble{
  position: relative !important;
}

.section-header .header__icons #cart-icon-bubble .cart-count-bubble{
  position: absolute !important;
  top: -6px !important;
  right: -6px !important;
}

/* Mobile etwas kleiner */
@media (max-width: 989px){
  .section-header .header__icons .header__icon{
    width: 40px !important;
    height: 40px !important;
  }
}

/* =========================================
   HEADER ICONS FIX (Search: Lupe ODER X)
   + Icons zentriert + Cart gleiche Größe
   ========================================= */

/* 1) Alle Header-Icon-Buttons sauber zentrieren */
.section-header .header__icons a.header__icon,
.section-header .header__icons details summary.header__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 0 !important;
}

/* 2) SVG Wrapper zentrieren (gilt für Search/Account/Cart) */
.section-header .header__icons .svg-wrapper,
.section-header .header__icons .svg-wrapper svg {
  display: block;
}

.section-header .header__icons .svg-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 0 !important;
}

/* 3) Einheitliche Icon-Größe (Cart wird damit gleich groß wie der Rest) */
.section-header .header__icons .svg-wrapper svg {
  width: 18px !important;
  height: 18px !important;
}

/* 4) SEARCH: Standardmäßig ALLES verstecken */
.section-header .header__icon--search .modal__toggle-open,
.section-header .header__icon--search .modal__toggle-close {
  display: none !important;
}

/* 5) Wenn Search ZU ist -> nur Lupe zeigen */
.section-header details:not([open]) .header__icon--search .modal__toggle-open {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 6) Wenn Search AUF ist -> nur X zeigen */
.section-header details[open] .header__icon--search .modal__toggle-close {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 7) Fallback (falls bei dir statt details[open] aria-expanded genutzt wird) */
.section-header .header__icon--search [aria-expanded="false"] .modal__toggle-close {
  display: none !important;
}
.section-header .header__icon--search [aria-expanded="true"] .modal__toggle-open {
  display: none !important;
}
.section-header .header__icon--search [aria-expanded="true"] .modal__toggle-close {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* =========================================================
   HEADER: Striche/Underlines unter Menü-Wörtern KOMPLETT weg
   (nur Header, nicht der Rest der Seite)
   ========================================================= */

.section-header .header__menu-item,
.section-header .list-menu__item--link,
.section-header .header__active-menu-item,
.section-header summary.list-menu__item,
.section-header .header__submenu .header__menu-item,
.section-header .header__submenu .list-menu__item{
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important; /* Dawn-Underline via background-image */
}

/* Dawn macht die Linie oft über Pseudo-Elemente */
.section-header .header__menu-item::after,
.section-header .header__menu-item span::after,
.section-header .list-menu__item--link::after,
.section-header .header__active-menu-item::after,
.section-header summary.list-menu__item::after{
  content: none !important;
  display: none !important;
}

/* Falls Dawn das Underline über ein inneres Span rendert */
.section-header .header__menu-item span{
  text-decoration: none !important;
  background-image: none !important;
  border-bottom: 0 !important;
}

/* =========================================================
   SHOP SEEDS Dropdown – 2050 Style (NUR dieser Button)
   ========================================================= */
@media (min-width: 990px){

  /* Anker für das Overlay */
  .section-header .header__inline-menu details.gtr-shop-seeds{
    position: relative !important;
    overflow: visible !important;
  }

  /* Dropdown-Panel */
  .section-header .header__inline-menu details.gtr-shop-seeds[open] > .header__submenu{
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    width: max-content !important;
    min-width: 240px !important;
    max-width: 360px !important;

    padding: 10px !important;
    margin: 0 !important;

    border-radius: 18px !important;
    border: 1px solid rgba(var(--color-foreground), .12) !important;
    background: rgba(var(--color-background), .92) !important;

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

    box-shadow: 0 18px 40px rgba(0,0,0,.12) !important;
    z-index: 9999 !important;

    max-height: 340px !important;
    overflow: auto !important;
  }

  /* 90s-Kram killen: Underlines/Lines */
  .section-header .header__inline-menu details.gtr-shop-seeds > summary,
  .section-header .header__inline-menu details.gtr-shop-seeds > summary *{
    text-decoration: none !important;
    background-image: none !important;
    border-bottom: 0 !important;
  }
  .section-header .header__inline-menu details.gtr-shop-seeds > summary::after{
    content: none !important;
    display: none !important;
  }

  /* Dropdown Items */
  .section-header .header__inline-menu details.gtr-shop-seeds .header__submenu a,
  .section-header .header__inline-menu details.gtr-shop-seeds .header__submenu .header__menu-item,
  .section-header .header__inline-menu details.gtr-shop-seeds .header__submenu .list-menu__item{
    display: block !important;
    width: 100% !important;
    white-space: nowrap !important;

    padding: 10px 12px !important;
    border-radius: 12px !important;

    font-weight: 900 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
    font-size: 11px !important;

    color: rgba(var(--color-foreground), .78) !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
  }

  .section-header .header__inline-menu details.gtr-shop-seeds .header__submenu a::after{
    content: none !important;
    display: none !important;
  }

  /* Hover: “2050” */
  .section-header .header__inline-menu details.gtr-shop-seeds .header__submenu a:hover,
  .section-header .header__inline-menu details.gtr-shop-seeds .header__submenu .header__menu-item:hover,
  .section-header .header__inline-menu details.gtr-shop-seeds .header__submenu .list-menu__item:hover{
    background: rgba(0,120,49,.06) !important;
    color: rgba(var(--color-foreground), 1) !important;
    box-shadow: inset 2px 0 0 rgba(0,120,49,.75) !important;
  }
}

/* =========================================================
   2050 DROPDOWN – NUR "SHOP SEEDS" (Dawn ID Hook)
   - Glass Panel
   - Items kommen gestaffelt raus
   - Hover wow
   ========================================================= */

@media (min-width: 990px){

  /* Nur Top-Level-Menü (Details-HeaderMenu-*) UND nur SHOP SEEDS */
  .section-header .header__inline-menu details[id^="Details-HeaderMenu-"]{
    position: relative !important;
    overflow: visible !important;
  }

  /* =============== PANEL (nur Shop Seeds) =============== */
  .section-header .header__inline-menu
  details[id^="Details-HeaderMenu-"] > summary#HeaderMenu-shop-seeds + ul.header__submenu{
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;

    min-width: 280px !important;
    max-width: 420px !important;
    width: max-content !important;

    padding: 12px !important;
    margin: 0 !important;

    border-radius: 22px !important;
    border: 1px solid rgba(var(--color-foreground), .12) !important;

    background: rgba(var(--color-background), .78) !important;
    backdrop-filter: blur(16px) saturate(1.15) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.15) !important;

    box-shadow:
      0 26px 70px rgba(0,0,0,.18),
      0 10px 24px rgba(0,0,0,.10) !important;

    transform-origin: top center !important;
  }

  /* Panel Pop-In (nur beim Öffnen) */
  .section-header .header__inline-menu
  details[id^="Details-HeaderMenu-"][open] > summary#HeaderMenu-shop-seeds + ul.header__submenu{
    animation: gtrSeedsPanelIn .22s cubic-bezier(.2,.9,.2,1) both !important;
  }

  @keyframes gtrSeedsPanelIn{
    from{ opacity: 0; transform: translateX(-50%) translateY(-6px) scale(.985); }
    to  { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }
  }

  /* =============== ITEMS (nur Shop Seeds) =============== */
  .section-header .header__inline-menu
  details[id^="Details-HeaderMenu-"] > summary#HeaderMenu-shop-seeds + ul.header__submenu > li{
    margin: 6px 0 !important;
  }

  .section-header .header__inline-menu
  details[id^="Details-HeaderMenu-"] > summary#HeaderMenu-shop-seeds + ul.header__submenu > li > a{
    display: flex !important;
    align-items: center !important;

    padding: 12px 14px !important;
    border-radius: 16px !important;

    background: rgba(var(--color-foreground), .045) !important;
    border: 1px solid rgba(var(--color-foreground), .09) !important;

    font-weight: 900 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    font-size: 11px !important;

    color: rgba(var(--color-foreground), .86) !important;
    text-decoration: none !important;

    position: relative !important;
    overflow: hidden !important;

    transition:
      transform .18s cubic-bezier(.2,.8,.2,1),
      background .18s ease,
      border-color .18s ease,
      box-shadow .18s ease,
      color .18s ease !important;
  }

  /* Sheen (Augenschmaus) */
  .section-header .header__inline-menu
  details[id^="Details-HeaderMenu-"] > summary#HeaderMenu-shop-seeds + ul.header__submenu > li > a::after{
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: linear-gradient(
      120deg,
      rgba(255,255,255,0) 35%,
      rgba(255,255,255,.14) 50%,
      rgba(255,255,255,0) 65%
    ) !important;
    transform: translateX(-18%) !important;
    opacity: 0 !important;
    transition: transform .55s cubic-bezier(.2,.8,.2,1), opacity .2s ease !important;
    mix-blend-mode: soft-light !important;
  }

  /* Hover */
  .section-header .header__inline-menu
  details[id^="Details-HeaderMenu-"] > summary#HeaderMenu-shop-seeds + ul.header__submenu > li > a:hover{
    transform: translateY(-1px) !important;
    background: rgba(0,120,49,.09) !important;
    border-color: rgba(0,120,49,.28) !important;
    box-shadow:
      0 16px 34px rgba(0,0,0,.14),
      inset 2px 0 0 rgba(0,120,49,.78) !important;
    color: rgb(var(--color-foreground)) !important;
  }
  .section-header .header__inline-menu
  details[id^="Details-HeaderMenu-"] > summary#HeaderMenu-shop-seeds + ul.header__submenu > li > a:hover::after{
    transform: translateX(18%) !important;
    opacity: 1 !important;
  }

  /* =============== STAGGER: Items kommen nacheinander raus =============== */
  .section-header .header__inline-menu
  details[id^="Details-HeaderMenu-"][open] > summary#HeaderMenu-shop-seeds + ul.header__submenu > li{
    opacity: 0 !important;
    transform: translateY(-10px) scale(.99) !important;
    animation: gtrSeedsItemIn .38s cubic-bezier(.2,.9,.2,1) both !important;
    will-change: transform, opacity !important;
  }

  @keyframes gtrSeedsItemIn{
    to{ opacity: 1; transform: translateY(0) scale(1); }
  }

  .section-header .header__inline-menu details[id^="Details-HeaderMenu-"][open] > summary#HeaderMenu-shop-seeds + ul.header__submenu > li:nth-child(1){ animation-delay: 40ms !important; }
  .section-header .header__inline-menu details[id^="Details-HeaderMenu-"][open] > summary#HeaderMenu-shop-seeds + ul.header__submenu > li:nth-child(2){ animation-delay: 90ms !important; }
  .section-header .header__inline-menu details[id^="Details-HeaderMenu-"][open] > summary#HeaderMenu-shop-seeds + ul.header__submenu > li:nth-child(3){ animation-delay: 140ms !important; }
  .section-header .header__inline-menu details[id^="Details-HeaderMenu-"][open] > summary#HeaderMenu-shop-seeds + ul.header__submenu > li:nth-child(4){ animation-delay: 190ms !important; }
  .section-header .header__inline-menu details[id^="Details-HeaderMenu-"][open] > summary#HeaderMenu-shop-seeds + ul.header__submenu > li:nth-child(5){ animation-delay: 240ms !important; }
  .section-header .header__inline-menu details[id^="Details-HeaderMenu-"][open] > summary#HeaderMenu-shop-seeds + ul.header__submenu > li:nth-child(6){ animation-delay: 290ms !important; }
  .section-header .header__inline-menu details[id^="Details-HeaderMenu-"][open] > summary#HeaderMenu-shop-seeds + ul.header__submenu > li:nth-child(7){ animation-delay: 340ms !important; }
  .section-header .header__inline-menu details[id^="Details-HeaderMenu-"][open] > summary#HeaderMenu-shop-seeds + ul.header__submenu > li:nth-child(8){ animation-delay: 390ms !important; }
  .section-header .header__inline-menu details[id^="Details-HeaderMenu-"][open] > summary#HeaderMenu-shop-seeds + ul.header__submenu > li:nth-child(9){ animation-delay: 440ms !important; }
  .section-header .header__inline-menu details[id^="Details-HeaderMenu-"][open] > summary#HeaderMenu-shop-seeds + ul.header__submenu > li:nth-child(10){ animation-delay: 490ms !important; }

  /* Reduced motion */
  @media (prefers-reduced-motion: reduce){
    .section-header .header__inline-menu
    details[id^="Details-HeaderMenu-"][open] > summary#HeaderMenu-shop-seeds + ul.header__submenu,
    .section-header .header__inline-menu
    details[id^="Details-HeaderMenu-"][open] > summary#HeaderMenu-shop-seeds + ul.header__submenu > li{
      animation: none !important;
      opacity: 1 !important;
      transform: none !important;
    }
  }
}

/* =========================
   FIX: SHOP SEEDS Mega Menu war unsichtbar
   + 2050 "stagger" rein per Transition (NUR dieser Button)
   -> ganz unten in gtr-global.css einfügen
   ========================= */
@media (min-width: 990px){

  /* Layout: als saubere vertikale Liste */
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds .mega-menu__list{
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Default (geschlossen): Items "bereit", aber unsichtbar */
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds .mega-menu__list > li{
    opacity: 0 !important;
    transform: translateY(-10px) scale(.99) !important;
    transition:
      opacity .18s ease,
      transform .34s cubic-bezier(.2,.9,.2,1) !important;
    will-change: opacity, transform !important;
  }

  /* Offen: Items sichtbar */
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li{
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
  }

  /* Stagger (nur wenn offen) */
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(1){ transition-delay: 40ms !important; }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(2){ transition-delay: 90ms !important; }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(3){ transition-delay: 140ms !important; }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(4){ transition-delay: 190ms !important; }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(5){ transition-delay: 240ms !important; }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(6){ transition-delay: 290ms !important; }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(7){ transition-delay: 340ms !important; }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(8){ transition-delay: 390ms !important; }

  /* Reduced motion */
  @media (prefers-reduced-motion: reduce){
    .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds .mega-menu__list > li{
      transition: none !important;
      transform: none !important;
    }
    .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li{
      opacity: 1 !important;
    }
  }
}

/* =========================================================
   GTR 2050 – SHOP SEEDS Mega Menu (NUUUR dieser eine Button)
   - Glass Panel + neon edge
   - Items als "Cards" + sheen
   - Stagger "kommen raus"
   ========================================================= */
@media (min-width: 990px){

  /* anchor */
  .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds{
    position: relative !important;
    overflow: visible !important;
  }

  /* PANEL: glass + glow (sichtbar anders als 1993) */
  .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds > .mega-menu__content{
    /* falls Dawn es irgendwo anders hinlegt: wir machen dropdown overlay */
    position: absolute !important;
    top: calc(100% + 12px) !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(-6px) scale(.985) !important;

    width: 320px !important;
    max-width: 360px !important;

    padding: 14px !important;
    margin: 0 !important;

    border-radius: 22px !important;
    border: 1px solid rgba(var(--color-foreground), .14) !important;

    background: rgba(var(--color-background), .62) !important;
    background-image: none !important;

    backdrop-filter: blur(18px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.2) !important;

    box-shadow:
      0 28px 80px rgba(0,0,0,.22),
      0 10px 26px rgba(0,0,0,.14) !important;

    z-index: 999999 !important;

    opacity: 0 !important;
    pointer-events: none !important;
    transform-origin: top center !important;
  }

  /* kleiner "notch" oben (2050 tooltip vibe) */
  .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds > .mega-menu__content::before{
    content: "" !important;
    position: absolute !important;
    top: -7px !important;
    left: 50% !important;
    width: 14px !important;
    height: 14px !important;
    transform: translateX(-50%) rotate(45deg) !important;

    background: rgba(var(--color-background), .62) !important;
    border-left: 1px solid rgba(var(--color-foreground), .14) !important;
    border-top: 1px solid rgba(var(--color-foreground), .14) !important;

    backdrop-filter: blur(18px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.2) !important;
  }

  /* Glow ring */
  .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds > .mega-menu__content::after{
    content: "" !important;
    position: absolute !important;
    inset: -1px !important;
    border-radius: 24px !important;
    pointer-events: none !important;

    /* subtiler grüner edge-glow */
    box-shadow:
      0 0 0 1px rgba(0,120,49,.18),
      0 0 28px rgba(0,120,49,.12) !important;

    opacity: .95 !important;
  }

  /* OPEN: Panel fährt rein */
  .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] > .mega-menu__content{
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(0) scale(1) !important;
    transition: opacity .18s ease, transform .22s cubic-bezier(.2,.9,.2,1) !important;
  }

  /* page-width padding kill (Dawn macht sonst komische Innenabstände) */
  .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds .mega-menu__list.page-width{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }

  /* LISTE: schön kompakt */
  .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds .mega-menu__list{
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* LI: kommt raus (stagger) */
  .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds .mega-menu__list > li{
    margin: 0 !important;

    opacity: 0 !important;
    transform: translateY(-10px) scale(.99) !important;

    transition:
      opacity .18s ease,
      transform .34s cubic-bezier(.2,.9,.2,1) !important;

    will-change: opacity, transform !important;
  }

  .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li{
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
  }

  /* stagger delays */
  .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(1){ transition-delay: 40ms !important; }
  .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(2){ transition-delay: 90ms !important; }
  .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(3){ transition-delay: 140ms !important; }
  .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(4){ transition-delay: 190ms !important; }
  .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(5){ transition-delay: 240ms !important; }
  .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(6){ transition-delay: 290ms !important; }
  .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(7){ transition-delay: 340ms !important; }
  .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(8){ transition-delay: 390ms !important; }

  /* LINKS: 2050 Cards statt Textliste */
  .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds a.mega-menu__link{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    padding: 12px 14px !important;
    border-radius: 16px !important;

    background: rgba(var(--color-background), .55) !important;
    border: 1px solid rgba(var(--color-foreground), .12) !important;

    text-decoration: none !important;
    box-shadow: 0 10px 20px rgba(0,0,0,.10) !important;

    font-weight: 900 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    font-size: 11px !important;

    color: rgba(var(--color-foreground), .88) !important;

    position: relative !important;
    overflow: hidden !important;

    transition:
      transform .18s cubic-bezier(.2,.8,.2,1),
      box-shadow .18s ease,
      border-color .18s ease,
      background .18s ease !important;
  }

  /* Pfeil-Accent rechts */
  .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds a.mega-menu__link::before{
    content: "→" !important;
    opacity: .0 !important;
    transform: translateX(-6px) !important;
    transition: opacity .18s ease, transform .18s ease !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
  }

  /* Sheen */
  .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds a.mega-menu__link::after{
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;

    background: linear-gradient(
      120deg,
      rgba(255,255,255,0) 35%,
      rgba(255,255,255,.18) 50%,
      rgba(255,255,255,0) 65%
    ) !important;

    transform: translateX(-20%) !important;
    opacity: 0 !important;
    transition: transform .55s cubic-bezier(.2,.8,.2,1), opacity .2s ease !important;
    mix-blend-mode: soft-light !important;
  }

  /* Hover = “Augenschmaus” */
  .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds a.mega-menu__link:hover{
    transform: translateY(-1px) !important;
    background: rgba(0,120,49,.10) !important;
    border-color: rgba(0,120,49,.28) !important;
    box-shadow:
      0 18px 40px rgba(0,0,0,.16),
      0 0 0 1px rgba(0,120,49,.18) inset !important;
  }
  .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds a.mega-menu__link:hover::after{
    transform: translateX(20%) !important;
    opacity: 1 !important;
  }
  .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds a.mega-menu__link:hover::before{
    opacity: 1 !important;
    transform: translateX(0) !important;
  }

  /* Reduced motion */
  @media (prefers-reduced-motion: reduce){
    .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds > .mega-menu__content{
      transition: none !important;
      transform: translateX(-50%) !important;
    }
    .section-header header.header .header__inline-menu details.mega-menu.gtr-shop-seeds .mega-menu__list > li{
      transition: none !important;
      opacity: 1 !important;
      transform: none !important;
    }
  }
}

/* =========================================================
   GTR 2050 – SHOP SEEDS (FINAL OVERRIDE)
   - scrollbars weg
   - glass + glow
   - items als cards
   - stagger animation
   NUR: details.mega-menu.gtr-shop-seeds
   ========================================================= */
@media (min-width: 990px){

  /* 0) Dawn defaults hart neutralisieren (nur dieses Panel) */
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds > .mega-menu__content{
    inset: auto !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    top: calc(100% + 12px) !important;

    width: 340px !important;
    min-width: 340px !important;
    max-width: 340px !important;

    height: auto !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 14px !important;

    /* ❌ kill die „1998 scrollbars am panel“ */
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;

    border-radius: 22px !important;
    border: 1px solid rgba(0,0,0,.14) !important;

    /* ✅ glass */
    background: rgba(255,255,255,.72) !important;
    backdrop-filter: blur(18px) saturate(1.25) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.25) !important;

    box-shadow:
      0 28px 80px rgba(0,0,0,.22),
      0 10px 26px rgba(0,0,0,.14),
      0 0 0 1px rgba(0,120,49,.16) inset,
      0 0 32px rgba(0,120,49,.10) !important;

    z-index: 999999 !important;

    /* CLOSED state */
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateX(-50%) translateY(-8px) scale(.985) !important;
    transform-origin: top center !important;

    transition: opacity .18s ease, transform .22s cubic-bezier(.2,.9,.2,1) !important;
  }

  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] > .mega-menu__content{
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(0) scale(1) !important;
  }

  /* 1) innen: Dawn page-width padding kill + scroll NUR in Liste */
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds .mega-menu__list.page-width{
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }

  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds .mega-menu__list{
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;

    /* ✅ wenn zu lang: scroll nur hier, aber clean */
    max-height: 360px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;

    padding: 2px 4px 2px 2px !important; /* rechts bisschen luft für scrollbar */
    margin: 0 !important;
  }

  /* scrollbars: slim */
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds .mega-menu__list::-webkit-scrollbar{ width: 8px; }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds .mega-menu__list::-webkit-scrollbar-thumb{
    background: rgba(0,0,0,.18);
    border-radius: 10px;
  }

  /* 2) Stagger: LI reinfliegen */
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds .mega-menu__list > li{
    list-style: none !important;
    margin: 0 !important;
    opacity: 0 !important;
    transform: translateY(-10px) scale(.99) !important;

    transition: opacity .16s ease, transform .32s cubic-bezier(.2,.9,.2,1) !important;
    will-change: opacity, transform !important;
  }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li{
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
  }

  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(1){ transition-delay: 40ms !important; }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(2){ transition-delay: 90ms !important; }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(3){ transition-delay: 140ms !important; }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(4){ transition-delay: 190ms !important; }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(5){ transition-delay: 240ms !important; }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(6){ transition-delay: 290ms !important; }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(7){ transition-delay: 340ms !important; }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(8){ transition-delay: 390ms !important; }

  /* 3) LINKS: echte 2050 Cards (keine Flex-Pfeil-Fehler mehr) */
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds a.mega-menu__link{
    display: block !important;
    width: 100% !important;

    padding: 12px 44px 12px 14px !important; /* rechts platz für arrow */
    border-radius: 16px !important;

    background: rgba(255,255,255,.55) !important;
    border: 1px solid rgba(0,0,0,.12) !important;

    box-shadow: 0 10px 20px rgba(0,0,0,.10) !important;

    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: .14em !important;
    font-weight: 900 !important;
    font-size: 11px !important;

    color: rgba(0,0,0,.78) !important;

    position: relative !important;
    overflow: hidden !important;

    transition:
      transform .18s cubic-bezier(.2,.8,.2,1),
      background .18s ease,
      border-color .18s ease,
      box-shadow .18s ease !important;
  }

  /* arrow rechts – ABSOLUT (drückt den Text nicht mehr!) */
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds a.mega-menu__link::after{
    content: "→" !important;
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) translateX(-6px) !important;
    opacity: 0 !important;

    transition: opacity .18s ease, transform .18s ease !important;
    font-weight: 900 !important;
  }

  /* sheen */
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds a.mega-menu__link::before{
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;

    background: linear-gradient(
      120deg,
      rgba(255,255,255,0) 35%,
      rgba(255,255,255,.22) 50%,
      rgba(255,255,255,0) 65%
    ) !important;

    transform: translateX(-22%) !important;
    opacity: 0 !important;
    transition: transform .55s cubic-bezier(.2,.8,.2,1), opacity .22s ease !important;
    mix-blend-mode: soft-light !important;
  }

  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds a.mega-menu__link:hover{
    transform: translateY(-1px) !important;
    background: rgba(0,120,49,.10) !important;
    border-color: rgba(0,120,49,.28) !important;

    box-shadow:
      0 18px 40px rgba(0,0,0,.16),
      0 0 0 1px rgba(0,120,49,.18) inset !important;
  }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds a.mega-menu__link:hover::before{
    transform: translateX(22%) !important;
    opacity: 1 !important;
  }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds a.mega-menu__link:hover::after{
    opacity: 1 !important;
    transform: translateY(-50%) translateX(0) !important;
  }

  /* Reduced motion */
  @media (prefers-reduced-motion: reduce){
    .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds > .mega-menu__content,
    .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds .mega-menu__list > li{
      transition: none !important;
      transform: none !important;
    }
    .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds > .mega-menu__content{
      opacity: 1 !important;
      pointer-events: auto !important;
    }
    .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds .mega-menu__list > li{
      opacity: 1 !important;
    }
  }
}

/* =========================================================
   GTR 2050 – SHOP SEEDS ONLY (NO PANEL, AUTO WIDTH, FLY-IN)
   ========================================================= */
@media (min-width: 990px){

  /* Anchor */
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds{
    position: relative !important;
    overflow: visible !important;
  }

  /* ✅ KEIN Hintergrundkasten: Content ist nur "unsichtbarer" Holder */
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds > .mega-menu__content{
    position: absolute !important;
    top: calc(100% + 12px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    overflow: visible !important;

    z-index: 999999 !important;

    /* open/close */
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] > .mega-menu__content{
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  /* ✅ Auto-Breite nach längstem Text:
     1 Spalte max-content = Breite wird vom längsten Item bestimmt
     und ALLE Items werden exakt so breit */
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds .mega-menu__list{
    display: inline-grid !important;
    grid-template-columns: max-content !important;
    gap: 10px !important;

    padding: 0 !important;
    margin: 0 !important;
  }

  /* Dawn page-width padding kill (nur hier) */
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds .mega-menu__list.page-width{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    max-width: none !important;
  }

  /* ===== Fly-in Animation (sichtbar!) ===== */
  @keyframes gtrFlyIn {
    from { opacity: 0; transform: translateY(-14px) scale(.985); filter: blur(2px); }
    to   { opacity: 1; transform: translateY(0) scale(1);        filter: blur(0); }
  }

  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds .mega-menu__list > li{
    list-style: none !important;
    margin: 0 !important;
    opacity: 0 !important; /* start */
  }

  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li{
    animation: gtrFlyIn .42s cubic-bezier(.2,.9,.2,1) both !important;
  }

  /* Stagger */
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(1){ animation-delay: 40ms !important; }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(2){ animation-delay: 90ms !important; }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(3){ animation-delay: 140ms !important; }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(4){ animation-delay: 190ms !important; }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(5){ animation-delay: 240ms !important; }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(6){ animation-delay: 290ms !important; }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(7){ animation-delay: 340ms !important; }
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds[open] .mega-menu__list > li:nth-child(8){ animation-delay: 390ms !important; }

  /* ✅ Pills (2050) – nur Links */
  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds a.mega-menu__link{
    justify-self: stretch !important; /* füllt die max-content Spalte -> alle gleich breit */

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

    min-height: 44px !important;
    padding: 12px 18px !important; /* nicht mehr überlang */
    border-radius: 999px !important;

    background: rgba(var(--color-background), .86) !important;
    border: 1px solid rgba(var(--color-foreground), .14) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.10) !important;

    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: .12em !important;
    font-weight: 900 !important;
    font-size: 11px !important;
    line-height: 1 !important;

    color: rgba(var(--color-foreground), .78) !important;

    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease !important;
  }

  .section-header .header__inline-menu details.mega-menu.gtr-shop-seeds a.mega-menu__link:hover{
    transform: translateY(-1px) !important;
    background: rgba(0,120,49,.08) !important;
    border-color: rgba(0,120,49,.32) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.14) !important;
  }
}

/* =========================================
   GTR: SHOP SEEDS Mega Menu – 2050 Flyout (ONLY this menu)
   - no big background card
   - pills = same width (longest text)
   - stagger "fly in"
   ========================================= */

@media (min-width: 990px){

  /* falls irgendwo overflow clippt */
  .section-header .header__inline-menu details.gtr-mega--shop-seeds{
    position: relative !important;
    overflow: visible !important;
  }

  /* Striche/Underline unter aktiven Menü-Wörtern killen (Header) */
  .section-header .header__active-menu-item::before,
  .section-header .header__active-menu-item::after{
    content: none !important;
    display: none !important;
  }

  /* der "Hintergrundkasten" -> komplett unsichtbar, nur als Positionierungs-Wrapper */
  .section-header .header__inline-menu details.gtr-mega--shop-seeds > .mega-menu__content{
    position: absolute !important;
    top: calc(100% + 12px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    width: max-content !important;
    max-width: calc(100vw - 24px) !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    overflow: visible !important;
    z-index: 9999 !important;
  }

  .section-header .header__inline-menu details.gtr-mega--shop-seeds > .mega-menu__content::before,
  .section-header .header__inline-menu details.gtr-mega--shop-seeds > .mega-menu__content::after{
    content: none !important;
    display: none !important;
  }

  /* page-width + condensed defaults raus */
  .section-header .header__inline-menu details.gtr-mega--shop-seeds .mega-menu__list.page-width{
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Liste wird "shrink-to-content" */
  .section-header .header__inline-menu details.gtr-mega--shop-seeds .mega-menu__list{
    display: inline-flex !important;
    flex-direction: column !important;
    gap: 10px !important;

    width: max-content !important;
    max-width: calc(100vw - 24px) !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* alle Items gleiche Breite (basierend auf längstem Text) */
  .section-header .header__inline-menu details.gtr-mega--shop-seeds .mega-menu__list > li{
    width: 100% !important;
  }

  /* Links als echte 2050 Pills */
  .section-header .header__inline-menu details.gtr-mega--shop-seeds a.mega-menu__link{
    width: 100% !important;
    height: 44px !important;
    padding: 0 18px !important;

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

    border-radius: 999px !important;
    border: 1px solid rgba(var(--color-foreground), .12) !important;
    background: rgba(var(--color-background), .86) !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    box-shadow: 0 14px 32px rgba(0,0,0,.10) !important;

    font-weight: 900 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    line-height: 1 !important;

    white-space: nowrap !important;
    text-decoration: none !important;

    color: rgba(var(--color-foreground), .84) !important;

    transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease !important;
  }

  .section-header .header__inline-menu details.gtr-mega--shop-seeds a.mega-menu__link:hover{
    transform: translateY(-1px) !important;
    background: rgba(0,120,49,.06) !important;
    border-color: rgba(0,120,49,.30) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.12) !important;
    color: rgb(var(--color-foreground)) !important;
  }

  /* Fly-in Animation (stagger) */
  @keyframes gtr_pill_in{
    from{ opacity: 0; transform: translateY(-10px) scale(.985); }
    to  { opacity: 1; transform: translateY(0) scale(1); }
  }

  .section-header .header__inline-menu details.gtr-mega--shop-seeds[open] .mega-menu__list > li{
    opacity: 0;
    animation: gtr_pill_in .38s cubic-bezier(.2,.8,.2,1) both;
  }

  .section-header .header__inline-menu details.gtr-mega--shop-seeds[open] .mega-menu__list > li:nth-child(1){ animation-delay: 40ms; }
  .section-header .header__inline-menu details.gtr-mega--shop-seeds[open] .mega-menu__list > li:nth-child(2){ animation-delay: 80ms; }
  .section-header .header__inline-menu details.gtr-mega--shop-seeds[open] .mega-menu__list > li:nth-child(3){ animation-delay: 120ms; }
  .section-header .header__inline-menu details.gtr-mega--shop-seeds[open] .mega-menu__list > li:nth-child(4){ animation-delay: 160ms; }
  .section-header .header__inline-menu details.gtr-mega--shop-seeds[open] .mega-menu__list > li:nth-child(5){ animation-delay: 200ms; }
  .section-header .header__inline-menu details.gtr-mega--shop-seeds[open] .mega-menu__list > li:nth-child(6){ animation-delay: 240ms; }
  .section-header .header__inline-menu details.gtr-mega--shop-seeds[open] .mega-menu__list > li:nth-child(7){ animation-delay: 280ms; }
  .section-header .header__inline-menu details.gtr-mega--shop-seeds[open] .mega-menu__list > li:nth-child(8){ animation-delay: 320ms; }
}

/* Reduced motion: no flying */
@media (prefers-reduced-motion: reduce){
  @media (min-width: 990px){
    .section-header .header__inline-menu details.gtr-mega--shop-seeds[open] .mega-menu__list > li{
      animation: none !important;
      opacity: 1 !important;
      transform: none !important;
    }
  }
}

/* === PATCH: Shop Seeds – background weg + bündig unter dem Button === */
@media (min-width: 990px){
  .section-header .header__inline-menu details.gtr-mega--shop-seeds > .mega-menu__content{
    /* bündig (links) am SHOP SEEDS Button statt zentriert */
    left: 0 !important;
    right: auto !important;
    transform: none !important;

    /* Kill den "Frosted-Klotz" endgültig */
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    outline: 0 !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;

    /* Dawn setzt teils left+right => erzwinge shrink */
    width: max-content !important;
    min-width: max-content !important;
    max-width: calc(100vw - 24px) !important;

    padding: 0 !important;
  }

  /* Falls Dawn noch ein Background-Layer per Pseudo-Element reinballert */
  .section-header .header__inline-menu details.gtr-mega--shop-seeds > .mega-menu__content::before,
  .section-header .header__inline-menu details.gtr-mega--shop-seeds > .mega-menu__content::after,
  .section-header .header__inline-menu details.gtr-mega--shop-seeds .mega-menu__list::before,
  .section-header .header__inline-menu details.gtr-mega--shop-seeds .mega-menu__list::after{
    content: none !important;
    display: none !important;
  }
}

/* =========================================================
   FINAL: Shop Seeds Dropdown – same pill width as trigger
   ========================================================= */
@media (min-width: 990px){
  /* 1) Basis Variablen */
  .section-header .header__inline-menu details.gtr-mega--shop-seeds{
    --gtr-shop-pill-w: 140px;   /* <- wenn du’s 1:1 willst: hier 1 Zahl feinjustieren */
    --gtr-shop-pill-h: 42px;
    --gtr-shop-pill-font: 11px;  /* minimal kleiner */
    --gtr-shop-pill-ls: .09em;
  }

  /* 2) Anchor für das Dropdown: RELATIV, damit left:0 wirklich am Button hängt */
  .section-header .header__inline-menu details.gtr-mega--shop-seeds.mega-menu{
    position: relative !important;
  }

  /* 3) Trigger ("SHOP SEEDS") bekommt exakt die gleiche Breite */
  .section-header .header__inline-menu details.gtr-mega--shop-seeds > summary.header__menu-item{
    width: var(--gtr-shop-pill-w) !important;
    justify-content: center !important;
    font-size: var(--gtr-shop-pill-font) !important;
    letter-spacing: var(--gtr-shop-pill-ls) !important;
  }

  /* 4) Mega Content: kein Kasten, bündig unter dem Trigger */
  .section-header .header__inline-menu details.gtr-mega--shop-seeds > .mega-menu__content{
    left: 0 !important;
    right: auto !important;
    transform: none !important;

    width: var(--gtr-shop-pill-w) !important;
    min-width: var(--gtr-shop-pill-w) !important;
    max-width: var(--gtr-shop-pill-w) !important;

    padding: 0 !important;
    margin: 0 !important;

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

  /* Falls Dawn noch irgendwas als Layer reinballert */
  .section-header .header__inline-menu details.gtr-mega--shop-seeds > .mega-menu__content::before,
  .section-header .header__inline-menu details.gtr-mega--shop-seeds > .mega-menu__content::after{
    content: none !important;
    display: none !important;
  }

  /* 5) Die Liste soll NICHT "page-width" breit sein */
  .section-header .header__inline-menu details.gtr-mega--shop-seeds .mega-menu__list.page-width{
    width: var(--gtr-shop-pill-w) !important;
    max-width: none !important;

    padding: 0 !important;
    margin: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  .section-header .header__inline-menu details.gtr-mega--shop-seeds .mega-menu__list > li{
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  /* 6) Alle Dropdown-Links: exakt gleiche Pill-Größe wie Trigger */
  .section-header .header__inline-menu details.gtr-mega--shop-seeds .mega-menu__link{
    width: var(--gtr-shop-pill-w) !important;
    min-width: var(--gtr-shop-pill-w) !important;
    max-width: var(--gtr-shop-pill-w) !important;

    height: var(--gtr-shop-pill-h) !important;
    padding: 0 14px !important;

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

    border-radius: 999px !important;
    border: 1px solid rgba(var(--color-foreground), .12) !important;
    background: rgba(var(--color-background), .78) !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.08) !important;

    font-weight: 900 !important;
    text-transform: uppercase !important;
    font-size: var(--gtr-shop-pill-font) !important;
    letter-spacing: var(--gtr-shop-pill-ls) !important;
    line-height: 1 !important;

    text-decoration: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease !important;
  }

  .section-header .header__inline-menu details.gtr-mega--shop-seeds .mega-menu__link:hover{
    transform: translateY(-1px) !important;
    background: rgba(0,120,49,.06) !important;
    border-color: rgba(0,120,49,.30) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.10) !important;
  }
}

/* =========================================================
   GTR FOOTER — 2050 Skin (CSS only, layout-safe)
   ========================================================= */

:root{
  --gtr-green: 0,120,49;
}

/* Nur Footer anfassen */
.footer{
  --gtr-footer-radius: 28px;
  --gtr-footer-border: 1px solid rgba(var(--color-foreground), .10);
  --gtr-footer-bg: rgba(var(--color-background), .82);
  --gtr-footer-shadow: 0 18px 44px rgba(0,0,0,.10), 0 6px 16px rgba(0,0,0,.06);
}

/* “Bühne” (Footer oben) als Glass-Card */
.footer .footer__content-top{
  max-width: var(--page-width, 1200px);
  margin: 26px auto 14px;
  padding: 26px 22px;

  border: var(--gtr-footer-border);
  border-radius: var(--gtr-footer-radius);
  background: var(--gtr-footer-bg);
  box-shadow: var(--gtr-footer-shadow);

  overflow: hidden;
}

@supports ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))){
  .footer .footer__content-top{
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
}

@media (max-width: 749px){
  .footer .footer__content-top{
    margin: 18px 12px 10px;
    padding: 18px 14px;
    border-radius: 22px;
  }
}

/* Footer Überschriften: 2050 Typo */
.footer .footer-block__heading{
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  margin-bottom: 12px !important;
}

/* Unterstreichungen killen (nur footer) */
.footer a,
.footer .link,
.footer .list-menu__item--link{
  text-decoration: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Footer Links: als “mini pills” (aber layout-safe) */
.footer .footer-block__details-content a,
.footer .list-menu__item--link{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;

  padding: 8px 12px !important;
  border-radius: 999px !important;

  border: 1px solid rgba(var(--color-foreground), .10) !important;
  background: rgba(var(--color-background), .70) !important;

  font-weight: 800 !important;
  letter-spacing: .06em !important;
  font-size: 11px !important;
  color: rgba(var(--color-foreground), .80) !important;

  transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}

@media (hover:hover){
  .footer .footer-block__details-content a:hover,
  .footer .list-menu__item--link:hover{
    transform: translateY(-1px) !important;
    background: rgba(var(--gtr-green), .06) !important;
    border-color: rgba(var(--gtr-green), .28) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.08) !important;
    color: rgb(var(--color-foreground)) !important;
  }
}

/* Social icons: runde iOS Buttons */
.footer .list-social__link{
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;

  border: 1px solid rgba(var(--color-foreground), .12) !important;
  background: rgba(var(--color-background), .78) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.08) !important;

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

  transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}
@media (hover:hover){
  .footer .list-social__link:hover{
    transform: translateY(-1px) !important;
    background: rgba(var(--gtr-green), .06) !important;
    border-color: rgba(var(--gtr-green), .30) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.10) !important;
  }
}

/* Newsletter Field: pill input + pill button (ohne Layout zu ändern) */
.footer .field__input{
  border-radius: 999px !important;
  border: 1px solid rgba(var(--color-foreground), .12) !important;
  background: rgba(var(--color-background), .78) !important;
}
.footer .newsletter-form__button{
  border-radius: 999px !important;
}

/* Bottom Bereich (Copyright/Payments) etwas cleaner */
.footer .footer__content-bottom{
  max-width: var(--page-width, 1200px);
  margin: 0 auto 26px;
  padding: 0 22px;
}
@media (max-width: 749px){
  .footer .footer__content-bottom{
    padding: 0 12px;
    margin-bottom: 18px;
  }
}

/* Payments: dezent “pro” (nicht anfassen, nur polish) */
.footer .list-payment{
  gap: 10px !important;
}
.footer .list-payment__item{
  opacity: .92 !important;
  filter: saturate(1.05) contrast(1.02);
}

/* =========================================================
   GTR Footer – Bottom Badge (Logo/©/Hinweis) in dezentem 3D
   ========================================================= */

/* Falls Dawn unten noch eine harte Trennlinie/Border setzt: softer machen */
.footer .footer__content-bottom {
  border-top: 0 !important;
  padding-top: 18px !important;
  padding-bottom: 26px !important;
}

/* Das ist bei Dawn meistens der Container wo ©/Logo sitzt */
.footer .footer__copyright {
  width: fit-content;
  max-width: 520px;
  margin: 18px auto 0 !important;
  text-align: center !important;

  padding: 16px 20px !important;
  border-radius: 26px !important;

  border: 1px solid rgba(var(--color-foreground), .10) !important;
  background: rgba(var(--color-background), .78) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.10), 0 6px 16px rgba(0,0,0,.06) !important;

  overflow: hidden;
}

@supports ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))){
  .footer .footer__copyright{
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
}

/* Text oben/unten: klein, modern, spaced */
.footer .footer__copyright,
.footer .footer__copyright small,
.footer .footer__copyright p {
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  font-size: 10.5px !important;
  color: rgba(var(--color-foreground), .78) !important;
}

/* Logo/Badge in der Mitte: leicht “buttonig” */
.footer .footer__copyright img,
.footer .footer__copyright svg {
  display: block;
  margin: 12px auto !important;

  width: 86px;
  height: auto;

  border-radius: 999px !important;
  padding: 10px;

  background: rgba(var(--color-background), .88) !important;
  border: 1px solid rgba(0,120,49,.22) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.10), 0 6px 16px rgba(0,0,0,.06) !important;
}

/* Mobile etwas kompakter */
@media (max-width: 749px){
  .footer .footer__copyright{
    max-width: calc(100% - 24px);
    border-radius: 22px !important;
    padding: 14px 14px !important;
  }
  .footer .footer__copyright img,
  .footer .footer__copyright svg{
    width: 76px;
    padding: 9px;
  }
}

/* =========================================
   GTR BRAND – PDP
   Exakt Logo-Grün: #00784A (rgb(0,120,74))
   Robust scoped über :has(cart/add)
   ========================================= */
:root{
  --gtr-brand: #00784A;
  --gtr-brand-rgb: 0,120,74;
}

/* Scope: nur Seiten mit Add-to-cart Form */
body:has(form[action*="/cart/add"]) #MainContent{
  /* Dawn Buttons laufen über CSS Variablen */
  --color-button: var(--gtr-brand-rgb);
  --color-button-text: 255,255,255;
  --color-secondary-button: var(--gtr-brand-rgb);
  --color-secondary-button-text: 255,255,255;
}

/* ---------- ADD TO CART (Dawn + Custom) ---------- */
body:has(form[action*="/cart/add"]) #MainContent :is(
  form[action*="/cart/add"] button[type="submit"],
  button[name="add"],
  button.product-form__submit,
  .product-form__submit button,
  .product-form__submit .button,
  .add-to-cart
){
  background: var(--gtr-brand) !important;
  border-color: var(--gtr-brand) !important;
  color: #fff !important;
  filter: none !important;
}

/* Dawn zeichnet oft Rahmen über ::after */
body:has(form[action*="/cart/add"]) #MainContent :is(
  form[action*="/cart/add"] button[type="submit"],
  button[name="add"],
  button.product-form__submit,
  .product-form__submit button,
  .product-form__submit .button,
  .add-to-cart
)::after{
  box-shadow: 0 0 0 var(--buttons-border-width) rgba(var(--gtr-brand-rgb), 1) !important;
}

/* Hover bleibt grün */
body:has(form[action*="/cart/add"]) #MainContent :is(
  form[action*="/cart/add"] button[type="submit"],
  button[name="add"],
  button.product-form__submit,
  .product-form__submit button,
  .product-form__submit .button,
  .add-to-cart
):hover{
  background: var(--gtr-brand) !important;
  border-color: var(--gtr-brand) !important;
  color: #fff !important;
}

/* ---------- SEED PILLS (Variant Pills) ---------- */
body:has(form[action*="/cart/add"]) #MainContent :is(
  .product-form__input,
  .product-form__input--pill,
  variant-radios,
  .variant-picker
) input[type="radio"] + label{
  background: transparent !important;
  border-color: var(--gtr-brand) !important;
  color: var(--gtr-brand) !important;
  box-shadow: none !important;
}

body:has(form[action*="/cart/add"]) #MainContent :is(
  .product-form__input,
  .product-form__input--pill,
  variant-radios,
  .variant-picker
) input[type="radio"]:checked + label{
  background: var(--gtr-brand) !important;
  border-color: var(--gtr-brand) !important;
  color: #fff !important;
}

body:has(form[action*="/cart/add"]) #MainContent :is(
  .product-form__input,
  .product-form__input--pill,
  variant-radios,
  .variant-picker
) input[type="radio"] + label::after{
  border-color: var(--gtr-brand) !important;
  box-shadow: none !important;
}

/* =========================
   GTR CART – 2050 / STABLE v3
   Safe Scope: wirkt nur auf /cart (cart-items + cart-footer)
   ========================= */

cart-items, cart-footer{
  --gtr-accent-rgb: var(--gtr-brand-rgb, 0,120,74);
}

/* --------- Desktop Layout: links Items, rechts Footer --------- */
@media (min-width: 990px){
  html:has(cart-items) main#MainContent{
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 28px;
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.85fr);
    gap: 28px;
    align-items: start;
  }

  html:has(cart-items) main#MainContent > cart-items,
  html:has(cart-items) main#MainContent > cart-footer{
    width: 100%;
  }

  /* Die inneren page-width Wrapper dürfen nicht nochmal zentrieren */
  html:has(cart-items) main#MainContent > cart-items .page-width,
  html:has(cart-items) main#MainContent > cart-footer .page-width{
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  cart-footer .cart__footer{
    position: sticky;
    top: 96px;
    margin: 0 !important;
  }
}

/* --------- Title + Continue pill --------- */
cart-items .title-wrapper-with-link{
  align-items:center !important;
  gap:14px !important;
  margin-bottom:14px !important;
}
cart-items .title-wrapper-with-link .title,
cart-items .title-wrapper-with-link h1{
  font-weight: 900 !important;
  letter-spacing: -0.03em !important;
}
cart-items .title-wrapper-with-link a{
  text-decoration:none !important;
  padding:10px 14px !important;
  border-radius:999px !important;
  border:1px solid rgba(var(--color-foreground), .14) !important;
  background: rgba(var(--color-background), .72) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.10) !important;
}
cart-items .title-wrapper-with-link a:hover{
  border-color: rgba(var(--gtr-accent-rgb), .45) !important;
  transform: translateY(-1px);
}

/* --------- Glass cards (Items + Footer) --------- */
cart-items .cart__items-wrapper{
  background: rgba(var(--color-background), .72) !important;
  border: 1px solid rgba(var(--color-foreground), .10) !important;
  border-radius: 24px !important;
  padding: 18px 18px 8px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.40) !important;
}

cart-footer .cart__footer{
  background: rgba(var(--color-background), .72) !important;
  border: 1px solid rgba(var(--color-foreground), .10) !important;
  border-radius: 24px !important;
  padding: 18px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.40) !important;
}

/* --------- Row cards WITHOUT breaking Dawn table --------- */
cart-items table.cart-items{
  border-collapse: separate !important;
  border-spacing: 0 14px !important;
  width: 100% !important;
}

cart-items table.cart-items thead th{
  border: 0 !important;
  font-size: 11px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  opacity: .55 !important;
  padding-bottom: 10px !important;
}

cart-items tr.cart-item td{
  background: rgba(var(--color-background), .88) !important;
  border-top: 1px solid rgba(var(--color-foreground), .10) !important;
  border-bottom: 1px solid rgba(var(--color-foreground), .10) !important;
  padding: 16px !important;
  vertical-align: middle !important;
}

/* nur die äußeren Ecken runden */
cart-items tr.cart-item td:first-child{
  border-left: 1px solid rgba(var(--color-foreground), .10) !important;
  border-top-left-radius: 18px !important;
  border-bottom-left-radius: 18px !important;
}
cart-items tr.cart-item td:last-child{
  border-right: 1px solid rgba(var(--color-foreground), .10) !important;
  border-top-right-radius: 18px !important;
  border-bottom-right-radius: 18px !important;
}

/* Schatten für die ganze Zeile, ohne Table zu zerstören */
cart-items tr.cart-item{
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
  border-radius: 18px;
}

/* Totals sauber rechts (keine doppelten Layout-Hacks) */
cart-items td.cart-item__totals{
  text-align: right !important;
  white-space: nowrap !important;
}
cart-items td.cart-item__totals .price{
  font-weight: 900 !important;
}

/* Images */
cart-items .cart-item__media img,
cart-items .cart-item__image{
  border-radius: 16px !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.14) !important;
}

/* Quantity pill (ohne td-flex!) */
cart-items .quantity{
  border-radius: 999px !important;
  overflow: hidden !important;
  border: 1px solid rgba(var(--color-foreground), .14) !important;
  background: rgba(var(--color-background), .70) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.45) !important;
}
cart-items .quantity__button{ width: 46px !important; height: 46px !important; }
cart-items .quantity__input{ height: 46px !important; font-weight: 900 !important; background: transparent !important; }

/* Trash pill */
cart-items .cart-remove-button,
cart-items .cart-item__quantity .button--tertiary{
  width: 46px !important;
  height: 46px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(var(--color-foreground), .14) !important;
  background: rgba(var(--color-background), .72) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.35) !important;
}
cart-items .cart-remove-button:hover,
cart-items .cart-item__quantity .button--tertiary:hover{
  border-color: rgba(var(--gtr-accent-rgb), .55) !important;
  transform: translateY(-1px);
}

/* Footer links grün */
cart-footer a{
  color: rgba(var(--gtr-accent-rgb), 1) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(var(--gtr-accent-rgb), .35) !important;
}
cart-footer a:hover{
  border-bottom-color: rgba(var(--gtr-accent-rgb), .75) !important;
}

/* Checkout pill */
cart-footer #checkout,
cart-footer .cart__checkout-button{
  width: 100% !important;
  border-radius: 999px !important;
  min-height: 56px !important;
  font-weight: 950 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.16) !important;
}

/* =========================
   GTR CART – FIX v4 (Dawn)
   - cart-only via html:has(cart-items)
   - footer section korrekt targeten (id*="__cart-footer")
   ========================= */

html:has(cart-items){
  --gtr-accent-rgb: var(--gtr-brand-rgb, 0,120,74);
}

/* Desktop: Items links, Footer rechts */
@media (min-width: 990px){
  html:has(cart-items) main#MainContent{
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 28px;
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(340px, 0.85fr);
    gap: 28px;
    align-items: start;
  }

  /* Dawn Sections */
  html:has(cart-items) main#MainContent > .shopify-section[id*="__cart-items"]{ grid-column: 1; }
  html:has(cart-items) main#MainContent > .shopify-section[id*="__cart-footer"]{ grid-column: 2; }

  /* page-width darf nicht doppelt zentrieren */
  html:has(cart-items) main#MainContent > .shopify-section[id*="__cart-items"] .page-width,
  html:has(cart-items) main#MainContent > .shopify-section[id*="__cart-footer"] .page-width{
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Position: Footer etwas runter, damit er auf Höhe der Cards startet */
  html:has(cart-items) main#MainContent > .shopify-section[id*="__cart-footer"]{
    margin-top: 74px;
  }
}

/* Rechte Seite: GLASS CARD (das war vorher “nicht im Design”) */
html:has(cart-items) .shopify-section[id*="__cart-footer"] .cart__footer{
  background: rgba(var(--color-background), .72) !important;
  border: 1px solid rgba(var(--color-foreground), .10) !important;
  border-radius: 24px !important;
  padding: 18px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.40) !important;
}

/* Checkout Button 2050 */
html:has(cart-items) .shopify-section[id*="__cart-footer"] #checkout,
html:has(cart-items) .shopify-section[id*="__cart-footer"] .cart__checkout-button{
  width: 100% !important;
  border-radius: 999px !important;
  min-height: 56px !important;
  font-weight: 950 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.16) !important;
}

/* Footer Links grün statt blau */
html:has(cart-items) .shopify-section[id*="__cart-footer"] a{
  color: rgba(var(--gtr-accent-rgb), 1) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(var(--gtr-accent-rgb), .35) !important;
}
html:has(cart-items) .shopify-section[id*="__cart-footer"] a:hover{
  border-bottom-color: rgba(var(--gtr-accent-rgb), .75) !important;
}

/* Produktbilder größer */
html:has(cart-items) cart-items .cart-item__media{
  width: 128px !important;
}
html:has(cart-items) cart-items .cart-item__media img,
html:has(cart-items) cart-items .cart-item__image{
  width: 104px !important;
  height: 104px !important;
  object-fit: cover !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.14) !important;
}

/* --- Cart images: clean square (override previous image sizing) --- */
html:has(cart-items) cart-items td.cart-item__media{
  width: 140px !important;
}

html:has(cart-items) cart-items .cart-item__image-container{
  width: 104px !important;
  height: 104px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.14) !important;
}

/* Ensure image fills container (no stretching) */
html:has(cart-items) cart-items .cart-item__image-container img,
html:has(cart-items) cart-items img.cart-item__image{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Remove any old forced sizes if they exist */
html:has(cart-items) cart-items img.cart-item__image{
  max-width: none !important;
  max-height: none !important;
}

/* =========================
   CART FIXES (cart-only)
   ========================= */

/* 1) "Your cart" -> uppercase + ~40% smaller */
html:has(cart-items) cart-items .title-wrapper-with-link .title,
html:has(cart-items) cart-items .title-wrapper-with-link h1{
  text-transform: uppercase !important;
  font-size: 100% !important;      /* ~40% kleiner */
  letter-spacing: 0.14em !important;
  font-weight: 900 !important;
}


/* =========================
   CART – remove Dawn "button frame" rectangles
   (cart-only)
   ========================= */

/* Checkout Button: Dawn zeichnet Rahmen über ::after */
html:has(cart-items) .shopify-section[id*="__cart-footer"] #checkout::after,
html:has(cart-items) .shopify-section[id*="__cart-footer"] #checkout::before,
html:has(cart-items) .shopify-section[id*="__cart-footer"] .cart__checkout-button::after,
html:has(cart-items) .shopify-section[id*="__cart-footer"] .cart__checkout-button::before,
html:has(cart-items) .shopify-section[id*="__cart-footer"] .button::after,
html:has(cart-items) .shopify-section[id*="__cart-footer"] .button::before{
  content: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Quantity: Dawn/Theme zeichnet manchmal Rahmen über ::after */
html:has(cart-items) cart-items .quantity::after,
html:has(cart-items) cart-items .quantity::before,
html:has(cart-items) cart-items .quantity__button::after,
html:has(cart-items) cart-items .quantity__button::before{
  content: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Zusätzlich: falls Browser/Theme Fokus-Rahmen setzt */
html:has(cart-items) cart-items .quantity,
html:has(cart-items) .shopify-section[id*="__cart-footer"] #checkout{
  outline: none !important;
}

/* ==========================================
   PRODUCT – remove the ugly rectangle frame
   Works because we scope to the add-to-cart form only
   ========================================== */

main#MainContent form[action^="/cart/add"]{
  /* Dawn frame layer variables -> OFF */
  --buttons-border-width: 0px !important;
  --buttons-border-offset: 0px !important;

  /* ensure the “outset” layer can’t be square */
  --buttons-radius: 999px !important;
  --buttons-radius-outset: 999px !important;

  --inputs-border-width: 0px !important;
  --inputs-radius: 999px !important;
  --inputs-radius-outset: 999px !important;
}

/* The rectangle is often on the wrapper, not the button */
main#MainContent form[action^="/cart/add"] .product-form__buttons{
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
main#MainContent form[action^="/cart/add"] .product-form__buttons::before,
main#MainContent form[action^="/cart/add"] .product-form__buttons::after{
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Kill Dawn pseudo-frame on all relevant buttons inside product form */
main#MainContent form[action^="/cart/add"] .button::before,
main#MainContent form[action^="/cart/add"] .button::after,
main#MainContent form[action^="/cart/add"] button::before,
main#MainContent form[action^="/cart/add"] button::after,
main#MainContent form[action^="/cart/add"] .product-form__submit::before,
main#MainContent form[action^="/cart/add"] .product-form__submit::after,
main#MainContent form[action^="/cart/add"] .shopify-payment-button__button::before,
main#MainContent form[action^="/cart/add"] .shopify-payment-button__button::after{
  content: none !important;
  display: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Button stays pill */
main#MainContent form[action^="/cart/add"] .product-form__submit,
main#MainContent form[action^="/cart/add"] .shopify-payment-button__button{
  border: 0 !important;
  outline: none !important;
  border-radius: 999px !important;
}

/* Quantity: make it pill (and remove inner borders that look like rectangles) */
main#MainContent form[action^="/cart/add"] .quantity{
  border-radius: 999px !important;
  overflow: hidden !important;
  border: 1px solid rgba(var(--color-foreground), .14) !important;
  background: rgba(var(--color-background), .70) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.45) !important;
}
main#MainContent form[action^="/cart/add"] .quantity,
main#MainContent form[action^="/cart/add"] .quantity *{
  outline: none !important;
  box-shadow: none !important;
}
main#MainContent form[action^="/cart/add"] .quantity__button,
main#MainContent form[action^="/cart/add"] .quantity__input{
  border: 0 !important;
}

/* =========================
   CART – consent/terms block like cookie glass
   (targets the label that CONTAINS the checkbox)
   ========================= */

html:has(cart-items) .shopify-section[id*="__cart-footer"] label:has(input[type="checkbox"]){
  display: flex !important;
  gap: 10px !important;
  align-items: flex-start !important;

  background: rgba(var(--color-background), .62) !important;
  border: 1px solid rgba(var(--color-foreground), .10) !important;
  border-radius: 18px !important;
  padding: 12px 14px !important;

  box-shadow: 0 16px 44px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.45) !important;

  /* damit es nicht so “1990” wirkt */
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  letter-spacing: .06em !important;
  color: rgba(var(--color-foreground), .78) !important;
}

/* Checkbox sauber positionieren */
html:has(cart-items) .shopify-section[id*="__cart-footer"] label:has(input[type="checkbox"]) input[type="checkbox"]{
  width: 18px !important;
  height: 18px !important;
  margin-top: 2px !important;
  accent-color: rgb(var(--gtr-brand-rgb, 0,120,74)) !important;
}

/* Links im Consent grün, wie dein Cookie-Banner */
html:has(cart-items) .shopify-section[id*="__cart-footer"] label:has(input[type="checkbox"]) a{
  color: rgba(var(--gtr-brand-rgb, 0,120,74), 1) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(var(--gtr-brand-rgb, 0,120,74), .35) !important;
}
html:has(cart-items) .shopify-section[id*="__cart-footer"] label:has(input[type="checkbox"]) a:hover{
  border-bottom-color: rgba(var(--gtr-brand-rgb, 0,120,74), .75) !important;
}

/* Luft zum Checkout Button */
html:has(cart-items) .shopify-section[id*="__cart-footer"] #checkout{
  margin-top: 12px !important;
}

/* ==========================================
   CART – Terms/Privacy checkbox block (2050 glass)
   activated by JS class: .gtr-cart-terms
   ========================================== */

body.template-cart .gtr-cart-terms{
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;

  background: rgba(var(--color-background), .62) !important;
  border: 1px solid rgba(var(--color-foreground), .10) !important;
  border-radius: 18px !important;
  padding: 12px 14px !important;

  box-shadow: 0 16px 44px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.45) !important;
}

/* Checkbox */
body.template-cart .gtr-cart-terms input[type="checkbox"]{
  width: 18px !important;
  height: 18px !important;
  margin-top: 2px !important;
  accent-color: rgb(var(--gtr-brand-rgb,0,120,74)) !important;
  cursor: pointer !important;
}

/* Text */
body.template-cart .gtr-cart-terms{
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: rgba(var(--color-foreground), .78) !important;
}

/* Links grün wie dein Cookie-Style */
body.template-cart .gtr-cart-terms a{
  color: rgba(var(--gtr-brand-rgb,0,120,74), 1) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(var(--gtr-brand-rgb,0,120,74), .35) !important;
}
body.template-cart .gtr-cart-terms a:hover{
  border-bottom-color: rgba(var(--gtr-brand-rgb,0,120,74), .75) !important;
}

/* ================================
   GTR: gleiche Breite für PDP + Collection
   (einmal sauber, ohne widersprüchliche Hacks)
   ================================ */

:root{
  --gtr-container-max: 1680px;  /* wenn deine Zielbreite anders ist -> hier ändern */
  --gtr-pad-desktop: 4rem;
  --gtr-pad-mobile: 1.6rem;
}

/* Beide Templates bekommen IDENTISCHE Container-Regeln */
body.template-collection #MainContent .page-width,
body.template-product #MainContent .page-width{
  max-width: var(--gtr-container-max);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

@media (min-width: 750px){
  body.template-collection #MainContent .page-width,
  body.template-product #MainContent .page-width{
    padding-left: var(--gtr-pad-desktop);
    padding-right: var(--gtr-pad-desktop);
  }
}

@media (max-width: 749px){
  body.template-collection #MainContent .page-width,
  body.template-product #MainContent .page-width{
    padding-left: var(--gtr-pad-mobile);
    padding-right: var(--gtr-pad-mobile);
  }
}