/** Shopify CDN: Minification failed

Line 3045:46 The "+" operator only works if there is whitespace on both sides

**/
/* =========================================
NERDVANA CSS – OPTIMIZED SAFE PASS V1
Generated from current desktop-frozen CSS.
Purpose: syntax-safe cleanup, duplicate removal, whitespace normalization.
Desktop V1.x Freeze respected: no selector reordering, no visual redesign, no functional rewrite.
========================================= */

/* =========================================
THE NERDVANA STORE – DAWN CUSTOM CSS
Bereinigte Fassung – 2026-06-07
Ziel: aktuelle Optik behalten, CSS-Konflikte reduzieren,
Kollektions-Produktkarten auf Bestseller-Breite angleichen.

WICHTIGE CUSTOM-BEREICHE NICHT ENTFERNEN:
- HEADER – Sprachselector mit CSS-Flaggen
- Custom Hero Button Section
- Nerdvana Kategorie Quicklinks
- Hover-Video / Hover-3D-Model-Viewer Regeln

Inhaltsstruktur:
01 Root / Global Base / wiederverwendbare Elemente
02 Announcement Bar / Header / Sprache / Hero
03 Standardseiten / Collections / Collection-Produktkarten
04 Hover-Medien in Produktkarten
05 Startseite: Neuheiten, Bestseller, Homepage-Produktkarten
06 Kategorie-Banner / About / Landingpages
07 Produktseite / Kontakt / Footer / Mobile-Fixes
08 Kategorie-Quicklinks / 3D-Model-Hover

AUDIT / REPAIR – 2026-06-12
- Fatalen CSS-Parserfehler im Master-Button-Hover-Selector behoben.
- Leere Cart-Button-Mockup-Blöcke entfernt.
- Warenkorb-Popup- und Mini-Cart-Hover-Buttons nutzen denselben Master-Glaskörper.
- Kein Eingriff in 3D-Modelviewer, Lightbox, Cart-JS oder Produktkarten-Logik.
========================================= */
/* =========================================
ROOT VARIABLES
Celestial Collector Premium – Phase 1
========================================= */
:root {
  /* Base */
  --nerdvana-bg: #f7f9fc;
  --nerdvana-bg-atmosphere: radial-gradient(ellipse at 50% 0,rgba(5,200,255,.04)0,rgba(5,200,255,.018)24%,transparent 52%),radial-gradient(circle at 18% 32%,rgba(27,61,143,.018)0,transparent 32%),radial-gradient(circle at 82% 36%,rgba(5,200,255,.016)0,transparent 34%),linear-gradient(180deg,#fafcff 0,#f7f9fc 46%,#f5f8fc 100%);
  --nerdvana-bg-soft: #eef3f8;
  --nerdvana-surface: rgba(255,255,255,.86);
  --nerdvana-surface-2: rgba(246,249,253,.92);
  --nerdvana-surface-glass: rgba(255,255,255,.72);
  /* Lines / Borders */
  --nerdvana-line: rgba(27,61,143,.13);
  --nerdvana-line-soft: rgba(27,61,143,.08);
  --nerdvana-line-strong: rgba(5,200,255,.38);
  /* Text */
  --nerdvana-text: #24365f;
  --nerdvana-text-soft: rgba(36,54,95,.68);
  --nerdvana-heading: #0d1f46;
  --nerdvana-heading-soft: #1b3d8f;
  /* CI Accents */
  --nerdvana-accent: #05c8ff;
  --nerdvana-accent-2: #05cbff;
  --nerdvana-violet: #8a5cff;
  --nerdvana-gold: #f7d77a;
  --nerdvana-silver: #e6e8ec;
  /* Effects */
  --nerdvana-accent-glow: rgba(5,200,255,.34);
  --nerdvana-violet-glow: rgba(138,92,255,.2);
  --nerdvana-gold-glow: rgba(247,215,122,.22);
  --nerdvana-shadow-soft: 0 14px 36px rgba(13,31,70,.08),0 2px 8px rgba(13,31,70,.04);
  --nerdvana-shadow-panel: 0 18px 48px rgba(13,31,70,.11),0 0 0 1px rgba(255,255,255,.72);
  --nerdvana-glass-blur: blur(16px);
}
/* =========================================
GLOBAL BASE
Bright Premium Foundation
========================================= */
/* =========================================
STARTSEITE – Heller Grund + subtile Celestial-Lichtzonen
Test: Mehr Tiefe ohne harte Abschnittswechsel
========================================= */
html, body {
  background: var(--nerdvana-bg-atmosphere) !important;
  background-attachment: fixed !important;
  color: var(--nerdvana-text) !important;
}
/* Globale Startseiten-Basis bleibt hell und ruhig */
.template-index, .template-index #MainContent, .template-index main, .template-index .shopify-section, .template-index .gradient, .template-index .color-background-1, .template-index .color-background-2 {
  background: var(--nerdvana-bg-atmosphere) !important;
}
/* MainContent bekommt eine extrem subtile vertikale Lichtführung */
body.template-index #MainContent {
  background: linear-gradient(180deg,#f7f9fc 0,#f7f9fc 34%,#f2f6fa 56%,#f7f9fc 76%,#f7f9fc 100%) !important;
}
/* Hero bleibt bewusst sauber auf der hellen Basis */
body.template-index #MainContent #shopify-section-template--30569970172253__image_banner, body.template-index #MainContent #shopify-section-template--30569970172253__custom_liquid_qFkhPh {
  background: transparent !important;
}
/* Bestseller wird zur ruhigen Crystal Showcase-Zone
Bühne hinter den Karten, ohne Produktkarten/Buttons anzufassen */
body.template-index #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: radial-gradient(70% 82% at 50% 8%,rgba(255,255,255,.96)0,rgba(246,250,253,.72)34%,rgba(238,244,249,.42)58%,rgba(247,249,252,0)82%),radial-gradient(46% 52% at 17% 34%,rgba(27,61,143,.03)0,rgba(27,61,143,.012)42%,transparent 74%),radial-gradient(42% 50% at 83% 36%,rgba(5,200,255,.03)0,rgba(5,200,255,.01)44%,transparent 76%),linear-gradient(180deg,#f7f9fc 0,#f4f7fb 44%,#f7f9fc 100%) !important;
}
body.template-index #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 2.4rem !important;
  z-index: 0 !important;
  width: min(1500px,calc(100% - 4.4rem)) !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg,transparent 0,rgba(205,216,224,.28)18%,rgba(255,255,255,.86)42%,rgba(5,200,255,.105)50%,rgba(255,255,255,.86)58%,rgba(205,216,224,.28)82%,transparent 100%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.88),0 0 18px rgba(5,200,255,.045) !important;
  pointer-events: none !important;
}
body.template-index #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 5.2rem !important;
  z-index: 0 !important;
  width: min(1180px,74vw) !important;
  height: 18rem !important;
  transform: translateX(-50%) !important;
  background: radial-gradient(ellipse at center,rgba(255,255,255,.58)0,rgba(238,244,249,.22)42%,rgba(247,249,252,0)76%) !important;
  filter: blur(.2px) !important;
  opacity: .86 !important;
  pointer-events: none !important;
}
body.template-index #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .collection {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
}
/* Neuheiten bekommt eine dezente kühlere Celestial-Lichtzone */
body.template-index #MainContent #shopify-section-template--30569970172253__featured_collection {
  background: radial-gradient(70% 68% at 50% 8%,rgba(255,255,255,.92)0,rgba(238,247,252,.72)46%,rgba(247,249,252,0)78%),linear-gradient(180deg,#f7f9fc 0,#f1f5fa 42%,#f7f9fc 100%) !important;
}
body.template-index #MainContent #shopify-section-template--30569970172253__featured_collection .collection {
  background: transparent !important;
}
/* Section-Titel sollen keine sichtbaren hellen Rechteck-Patches bekommen */
body.template-index #MainContent #shopify-section-template--30569970172253__featured_collection .title, body.template-index #MainContent #shopify-section-template--30569970172253__featured_collection .inline-richtext, body.template-index #MainContent #shopify-section-template--30569970172253__featured_collection h2, body.template-index #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .title, body.template-index #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .inline-richtext, body.template-index #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb h2 {
  background: transparent !important;
}
/* Footer bekommt einen ruhigen, minimal kühleren Abschluss */
body.template-index .shopify-section-group-footer-group, body.template-index .footer-wrapper, body.template-index .footer {
  background: linear-gradient(180deg,#eef3f8 0,#f4f7fb 42%,#f7f9fc 100%) !important;
}
body, .gradient, .color-background-1, .color-background-2, .color-inverse {
  background: transparent !important;
  color: var(--nerdvana-text) !important;
}
a {
  color: inherit;
}
.page-width {
  max-width: 1500px;
}
h1, h2, h3, h4, h5, h6 {
  color: var(--nerdvana-heading) !important;
  letter-spacing: .08em;
}
/* =========================================
GLOBAL – Header/Footer-Randflächen vereinheitlichen
Hält MainContent, Header-Gruppe und Footer-Anschluss auf gleicher Basis
========================================= */
body, body.template-index, body .shopify-section-group-header-group, body .announcement-bar-section, body .header-wrapper, body #MainContent, body.template-index #MainContent {
  background-color: #f7f9fc !important;
}
/* Globale Celestial-Atmosphäre nur im Hauptinhalt */
body #MainContent, body.template-index #MainContent {
  background: var(--nerdvana-bg-atmosphere) !important;
}
/* Header selbst bleibt hell/glasig, aber ohne andersfarbige Außenflächen */
/* Announcement-Bar darf Verlauf haben, Header bleibt flach */
body .header-wrapper {
  background: #f7f9fc !important;
}
/* Bereich direkt vor dem Footer auf gleiche helle Basis setzen */
body.template-index #MainContent > .shopify-section:last-child, body.template-index #MainContent > .shopify-section:nth-last-child(2) {
  background-color: #f7f9fc !important;
}
/* Footer sauber ohne helle Fremdfläche starten lassen */
.footer, .footer-wrapper, .shopify-section-group-footer-group {
  margin-top: 0 !important;
}
/* Cinzel / CI Typografie – Premium Headings */
h1, h2, h3, h4, h5, h6, .header__heading, .header__heading-link, .header__heading-link span, .announcement-bar__message, .banner__heading, .banner__text, .banner__buttons .button, .button, .nerdvana-title, .nerdvana-button, .collection__title, .title, .title-wrapper-with-link, .footer-block__heading {
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
}
/* Montserrat / Clean Shop Typography */
body, p, span, li, input, textarea, select, label, .field__input, .product-form__input, .card-information, .price, .price *, .footer .footer-block__details-content, .footer .footer-block__details-content p, .footer .footer-block__details-content a, .header__menu-item {
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}
/* Produkt- und Section-Titel behalten bewusst Cinzel */
.card__heading, .card__heading a, .nerdvana-landing__title, .nerdvana-landing-card__title, .nerdvana-category-banner__title {
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
}
/* =========================================
REUSABLE NERDVANA ELEMENTS
Bright Premium Components
========================================= */
.nerdvana-section {
  position: relative;
  border-top: 1px solid var(--nerdvana-line);
}
.nerdvana-panel {
  background: linear-gradient(180deg,rgba(255,255,255,.9),rgba(246,249,253,.82)) !important;
  border: 1px solid var(--nerdvana-line) !important;
  box-shadow: var(--nerdvana-shadow-panel) !important;
  backdrop-filter: var(--nerdvana-glass-blur);
  -webkit-backdrop-filter: var(--nerdvana-glass-blur);
}
.nerdvana-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 22px;
  border: 1px solid rgba(5,200,255,.52);
  border-radius: .8rem;
  color: #fff;
  background: linear-gradient(135deg,#1b3d8f 0,#0566d8 48%,#05c8ff 100%);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 1.2rem;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(5,102,216,.22),0 0 18px rgba(5,200,255,.18);
  transition: border-color .25s ease,background .25s ease,box-shadow .25s ease,color .25s ease,transform .25s ease;
}
.nerdvana-button:hover {
  border-color: rgba(5,200,255,.82);
  color: #fff;
  box-shadow: 0 14px 30px rgba(5,102,216,.26),0 0 24px rgba(5,200,255,.32);
  transform: translateY(-1px);
}
.nerdvana-title {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .18em;
  font-size: clamp(1.8rem,2vw,2.6rem);
  margin: 0 0 26px;
  color: var(--nerdvana-heading) !important;
}
.nerdvana-title-wrap {
  position: relative;
  margin-bottom: 26px;
  padding-bottom: 20px;
}
.nerdvana-title-wrap::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  height: 1px;
  background: linear-gradient(90deg,transparent,rgba(5,200,255,.38),transparent);
}
.nerdvana-title-wrap::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 7px;
  width: 16px;
  height: 16px;
  transform: translateX(-50%)rotate(45deg);
  background: linear-gradient(135deg,rgba(255,255,255,.95),rgba(5,200,255,.28));
  border: 1px solid rgba(5,200,255,.62);
  box-shadow: 0 0 16px rgba(5,200,255,.32),0 0 28px rgba(138,92,255,.12);
}
/* =========================================
ANNOUNCEMENT BAR
Phase 2A – Bright Celestial Premium
========================================= */
.announcement-bar-section {
  background: linear-gradient(180deg,#fff 0,#f7f9fc 42%,#eef7fc 100%) !important;
  border-bottom: 1px solid rgba(27,61,143,.1) !important;
  box-shadow: 0 1px 0 rgba(27,61,143,.08) !important;
}
.announcement-bar {
  background: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
.announcement-bar__message {
  min-height: auto !important;
  padding: .82rem 0 !important;
  color: rgba(13,31,70,.82) !important;
  letter-spacing: .17em !important;
  text-transform: uppercase !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  line-height: 2.05 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.72) !important;
}
.announcement-bar__link {
  text-decoration: none !important;
}
.announcement-bar__message span {
  color: inherit !important;
}
/* =========================================
HEADER
Phase 2A – Bright Celestial Premium
========================================= */
.header-wrapper {
  background: #f7f9fc !important;
  border-bottom: 1px solid rgba(27,61,143,.1) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.header {
  max-width: 1500px;
  margin: 0 auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.header--middle-left, .header--middle-center, .header--top-left, .header--top-center {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* Logo */
.header__heading, .header__heading-link {
  margin: 0 !important;
}
.header__heading-link {
  display: inline-flex !important;
  align-items: center !important;
}
.header__heading-logo-wrapper {
  display: flex;
  align-items: center;
}
.header__heading-logo {
  max-height: 80px !important;
  width: auto !important;
  filter: drop-shadow(0 4px 12px rgba(27,61,143,.16))drop-shadow(0 0 10px rgba(5,200,255,.12)) !important;
}
.header__heading-link span, .header__heading-link .h2 {
  color: var(--nerdvana-heading) !important;
  letter-spacing: .04em !important;
  text-transform: none !important;
  font-size: 1.15rem !important;
}
/* Menü */
.header__inline-menu {
  align-self: center !important;
}
.list-menu--inline {
  column-gap: 2.2rem !important;
}
.header__menu-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: .55rem !important;
  color: rgba(13,31,70,.78) !important;
  text-transform: uppercase !important;
  letter-spacing: .13em !important;
  font-size: 1.42rem !important;
  font-weight: 600 !important;
  padding: .8rem 0 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.72) !important;
  transition: color .22s ease,text-shadow .22s ease !important;
}
.header__menu-item:hover, .header__active-menu-item {
  color: var(--nerdvana-heading-soft) !important;
  text-decoration: none !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.8),0 0 12px rgba(5,200,255,.22) !important;
}
.header__active-menu-item {
  opacity: 1 !important;
}
.header__menu-item .icon-caret {
  position: static !important;
  margin-left: .35rem !important;
  width: .9rem !important;
  height: .9rem !important;
  flex-shrink: 0 !important;
  transform: none !important;
  color: rgba(27,61,143,.72) !important;
}
/* Header Dropdown-Menü */
/* Header-Dropdown über Collection-Filtern halten, ohne Layout-Verschiebung */
body .header__inline-menu details[open] .header__submenu, body .header__submenu, body .header__submenu.list-menu {
  z-index: 340 !important;
}
.header__submenu, .header__submenu.list-menu {
  min-width: 37rem !important;
  width: max-content !important;
  max-width: 46rem !important;
  padding: 1rem !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,249,253,.96)) !important;
  border: 1px solid rgba(27,61,143,.12) !important;
  box-shadow: 0 18px 38px rgba(13,31,70,.12),0 0 0 1px rgba(255,255,255,.82)inset !important;
  backdrop-filter: blur(16px)saturate(1.08) !important;
  -webkit-backdrop-filter: blur(16px)saturate(1.08) !important;
}
/* =========================================
HEADER – Dropdown Crystal Reveal V1
Weiches Öffnen/Schließen für Desktop-Hover-Menüs.
Keine Änderung an Header-Struktur, Mobile-Menü, Suche, Cart oder Sprache.
========================================= */

@media (hover: hover) and (pointer: fine) {
  body .header__inline-menu details[open] > .header__submenu,
  body .header__inline-menu details[open] > .mega-menu__content {
    transform-origin: top center !important;
    will-change: opacity, transform, filter, clip-path !important;
    animation:
      nerdvana-header-dropdown-crystal-in .24s cubic-bezier(.16, 1, .3, 1) both !important;
  }

  body .header__inline-menu details.nerdvana-header-menu-closing > .header__submenu,
  body .header__inline-menu details.nerdvana-header-menu-closing > .mega-menu__content {
    pointer-events: none !important;
    animation:
      nerdvana-header-dropdown-crystal-out .15s cubic-bezier(.4, 0, .2, 1) both !important;
  }

  /* Einträge staffeln minimal nach – nicht verspielt, nur wertiger */
  body .header__inline-menu details[open] > .header__submenu > li,
  body .header__inline-menu details[open] > .header__submenu .header__menu-item,
  body .header__inline-menu details[open] > .header__submenu .list-menu__item {
    animation:
      nerdvana-header-dropdown-item-in .26s cubic-bezier(.16, 1, .3, 1) both !important;
  }

  body .header__inline-menu details[open] > .header__submenu > li:nth-child(1),
  body .header__inline-menu details[open] > .header__submenu .header__menu-item:nth-child(1),
  body .header__inline-menu details[open] > .header__submenu .list-menu__item:nth-child(1) {
    animation-delay: .025s !important;
  }

  body .header__inline-menu details[open] > .header__submenu > li:nth-child(2),
  body .header__inline-menu details[open] > .header__submenu .header__menu-item:nth-child(2),
  body .header__inline-menu details[open] > .header__submenu .list-menu__item:nth-child(2) {
    animation-delay: .055s !important;
  }

  body .header__inline-menu details[open] > .header__submenu > li:nth-child(3),
  body .header__inline-menu details[open] > .header__submenu .header__menu-item:nth-child(3),
  body .header__inline-menu details[open] > .header__submenu .list-menu__item:nth-child(3) {
    animation-delay: .085s !important;
  }

  body .header__inline-menu details[open] > .header__submenu > li:nth-child(n+4),
  body .header__inline-menu details[open] > .header__submenu .header__menu-item:nth-child(n+4),
  body .header__inline-menu details[open] > .header__submenu .list-menu__item:nth-child(n+4) {
    animation-delay: .105s !important;
  }
}

@keyframes nerdvana-header-dropdown-crystal-in {
  0% {
    opacity: 0;
    transform: translate3d(0, -10px, 0) scale(.985);
    filter: blur(6px) saturate(.96);
    clip-path: inset(0 0 100% 0 round 20px);
  }

  58% {
    opacity: 1;
    filter: blur(.8px) saturate(1.03);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0) saturate(1.08);
    clip-path: inset(0 0 0 0 round 20px);
  }
}

@keyframes nerdvana-header-dropdown-crystal-out {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0) saturate(1.08);
    clip-path: inset(0 0 0 0 round 20px);
  }

  100% {
    opacity: 0;
    transform: translate3d(0, -6px, 0) scale(.988);
    filter: blur(4px) saturate(.96);
    clip-path: inset(0 0 100% 0 round 20px);
  }
}

@keyframes nerdvana-header-dropdown-item-in {
  0% {
    opacity: 0;
    transform: translate3d(0, -5px, 0);
    filter: blur(3px);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  body .header__inline-menu details[open] > .header__submenu,
  body .header__inline-menu details[open] > .mega-menu__content,
  body .header__inline-menu details.nerdvana-header-menu-closing > .header__submenu,
  body .header__inline-menu details.nerdvana-header-menu-closing > .mega-menu__content,
  body .header__inline-menu details[open] > .header__submenu > li,
  body .header__inline-menu details[open] > .header__submenu .header__menu-item,
  body .header__inline-menu details[open] > .header__submenu .list-menu__item {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    clip-path: none !important;
  }
}
/* Menüeinträge im Dropdown */
.header__submenu .header__menu-item, .header__submenu .list-menu__item {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.35rem !important;
  padding: 0 1.85rem !important;
  border-radius: 13px !important;
  white-space: normal !important;
  line-height: 1.25 !important;
  letter-spacing: .12em !important;
  color: rgba(36,54,95,.84) !important;
  background: transparent !important;
  text-decoration: none !important;
  transition: background .18s ease,color .18s ease,box-shadow .18s ease,text-shadow .18s ease !important;
}
/* Hover/Fokus passend zu Filter-/Sortierdropdowns */
.header__submenu .header__menu-item:hover, .header__submenu .header__menu-item:focus-visible, .header__submenu .list-menu__item:hover, .header__submenu .list-menu__item:focus-visible {
  color: #1b3d8f !important;
  background: linear-gradient(180deg,rgba(255,255,255,.88),rgba(232,248,255,.7)) !important;
  box-shadow: 0 4px 12px rgba(13,31,70,.04),0 0 0 1px rgba(5,200,255,.14)inset !important;
  text-decoration: none !important;
  text-shadow: 0 0 8px rgba(5,200,255,.08) !important;
  outline: none !important;
}
/* Aktive/markierte Menüeinträge im Header-Dropdown */
.header__submenu .header__active-menu-item, .header__submenu .list-menu__item[aria-current="page"] {
  color: #1b3d8f !important;
  background: linear-gradient(180deg,rgba(255,255,255,.9),rgba(232,248,255,.76)) !important;
  box-shadow: 0 4px 12px rgba(13,31,70,.04),0 0 0 1px rgba(5,200,255,.14)inset !important;
  text-decoration: none !important;
}
/* Kleine Pfeile/Carets im Header-Dropdown ruhiger ausrichten */
.header__submenu .icon-caret {
  position: static !important;
  width: .9rem !important;
  height: .9rem !important;
  margin-left: auto !important;
  color: rgba(27,61,143,.62) !important;
  transform: none !important;
}
/* Unterstreichungen im Dropdown vollständig entfernen */
.header__submenu a, .header__submenu a:hover, .header__submenu a:focus, .header__submenu a:focus-visible, .header__submenu span, .header__submenu .header__active-menu-item {
  text-decoration: none !important;
  text-underline-offset: 0 !important;
}
/* Icons rechts */
.header__icons {
  align-items: center !important;
  gap: .35rem !important;
}
.header__icon, .header__icon--cart, .header__icon--account {
  color: rgba(13,31,70,.78) !important;
  transition: color .22s ease,filter .22s ease,transform .22s ease !important;
}
.header__icon:hover, .header__icon--cart:hover, .header__icon--account:hover {
  color: #9bddfcff !important;
  filter: drop-shadow(0 0 4px rgba(5,200,255,.14))drop-shadow(0 1px 3px rgba(13,31,70,.06)) !important;
  transform: translateY(-1px) !important;
}
/* =========================================
HEADER – Cart Icon Einkaufswagen Override V1
Ersetzt nur das sichtbare Dawn-Tütenicon im Header.
Cart-Link, Cart-Bubble, Hover-Cart und Warenkorb-Logik bleiben unverändert.
========================================= */

.header__icon--cart {
  position: relative !important;
}

/* SVG-Wrapper bleibt als Größen-/Layoutanker erhalten */
.header__icon--cart .svg-wrapper {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Dawn-Tüten-SVG nur visuell ausblenden, nicht den Link/Bubble zerstören */
.header__icon--cart .svg-wrapper > svg,
.header__icon--cart > svg.icon {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Neuer Einkaufswagen als maskiertes CurrentColor-Icon
   Feinjustierung:
   --nerdvana-header-cart-icon-size = Größe
   --nerdvana-header-cart-icon-x    = links/rechts
   --nerdvana-header-cart-icon-y    = hoch/runter
*/
.header__icon--cart {
  --nerdvana-header-cart-icon-size: 5.00rem;
  --nerdvana-header-cart-icon-x: 0.60rem;
  --nerdvana-header-cart-icon-y: 0.15rem;

  /* Counter-Bubble Feinjustierung */
  --nerdvana-header-cart-bubble-x: 0.0rem;
  --nerdvana-header-cart-bubble-y: -1.50rem;
}
/* Cart Counter-Bubble – lokale Positionshebel */
.header__icon--cart .cart-count-bubble {
  transform:
    translate(
      var(--nerdvana-header-cart-bubble-x),
      var(--nerdvana-header-cart-bubble-y)
    ) !important;
}

.header__icon--cart .svg-wrapper::before {
  content: "" !important;
  display: block !important;
  width: var(--nerdvana-header-cart-icon-size) !important;
  height: var(--nerdvana-header-cart-icon-size) !important;
  background: currentColor !important;
  transform:
    translate(
      var(--nerdvana-header-cart-icon-x),
      var(--nerdvana-header-cart-icon-y)
    ) !important;

  /*
    Linien bewusst feiner als vorher:
    stroke-width im SVG-Mask-Data-URI = 1.45 statt 1.8
  */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.10%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%278%27%20cy%3D%2721%27%20r%3D%271%27/%3E%3Ccircle%20cx%3D%2719%27%20cy%3D%2721%27%20r%3D%271%27/%3E%3Cpath%20d%3D%27M2.4%202.4h2.1l2.55%2012.2a2%202%200%200%200%201.96%201.6h9.65a2%202%200%200%200%201.95-1.55l1.32-6.15H6.15%27/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.10%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%278%27%20cy%3D%2721%27%20r%3D%271%27/%3E%3Ccircle%20cx%3D%2719%27%20cy%3D%2721%27%20r%3D%271%27/%3E%3Cpath%20d%3D%27M2.4%202.4h2.1l2.55%2012.2a2%202%200%200%200%201.96%201.6h9.65a2%202%200%200%200%201.95-1.55l1.32-6.15H6.15%27/%3E%3C/svg%3E") !important;

  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center center !important;
  mask-position: center center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;

  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,.82))
    drop-shadow(0 0 4px rgba(5,200,255,.08)) !important;
  pointer-events: none !important;
}

/* Cart-Bubble bleibt sichtbar und über dem neuen Icon */
.header__icon--cart .cart-count-bubble {
  z-index: 3 !important;
}

/* Mobile nutzt weiterhin die bestehende Header-Icon-Größe, nur das neue Symbol wird sauber skaliert */
@media screen and (max-width: 989px) {
  .header__icon--cart {
    /*
      MOBILE CART ICON / COUNTER HEbel

      Icon:
      --nerdvana-header-cart-icon-size
        größer  = Einkaufswagen größer
        kleiner = Einkaufswagen kleiner

      --nerdvana-header-cart-icon-x
        positiv = Einkaufswagen nach rechts
        negativ = Einkaufswagen nach links

      --nerdvana-header-cart-icon-y
        positiv = Einkaufswagen nach unten
        negativ = Einkaufswagen nach oben

      Counter-Bubble:
      --nerdvana-mobile-cart-bubble-x
        positiv = Bubble nach rechts
        negativ = Bubble nach links

      --nerdvana-mobile-cart-bubble-y
        positiv = Bubble nach unten
        negativ = Bubble nach oben

      --nerdvana-mobile-cart-bubble-size
        Durchmesser der Bubble

      --nerdvana-mobile-cart-bubble-font-size
        Zahlengröße

      --nerdvana-mobile-cart-bubble-scale
        Feinskalierung der ganzen Bubble
    */

    --nerdvana-header-cart-icon-size: 2.7rem;
    --nerdvana-header-cart-icon-x: 0rem;
    --nerdvana-header-cart-icon-y: -0.02rem;

    --nerdvana-mobile-cart-bubble-x: -0.50rem;
    --nerdvana-mobile-cart-bubble-y: -1.00rem;
    --nerdvana-mobile-cart-bubble-size: 1.66rem;
    --nerdvana-mobile-cart-bubble-font-size: .82rem;
    --nerdvana-mobile-cart-bubble-scale: 1;

    --nerdvana-header-cart-bubble-x: var(--nerdvana-mobile-cart-bubble-x);
    --nerdvana-header-cart-bubble-y: var(--nerdvana-mobile-cart-bubble-y);
  }

  .header__icon--cart .cart-count-bubble {
    min-width: var(--nerdvana-mobile-cart-bubble-size) !important;
    width: var(--nerdvana-mobile-cart-bubble-size) !important;
    height: var(--nerdvana-mobile-cart-bubble-size) !important;
    padding: 0 !important;

    font-size: var(--nerdvana-mobile-cart-bubble-font-size) !important;
    line-height: 1 !important;

    transform:
      translate(
        var(--nerdvana-mobile-cart-bubble-x),
        var(--nerdvana-mobile-cart-bubble-y)
      )
      scale(var(--nerdvana-mobile-cart-bubble-scale)) !important;
    transform-origin: center center !important;
  }
}
/* Cart Bubble */
.cart-count-bubble {
  background: linear-gradient(135deg,var(--nerdvana-accent),var(--nerdvana-violet)) !important;
  color: #fff !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.82),0 0 12px rgba(5,200,255,.42) !important;
}
/* =========================================
HEADER V2 – Open Search + Navigation Rail
Desktop-Test: Logo links, Suche mittig, Icons rechts,
Navigation als eingefasste Announcement-Bar-Rail darunter
========================================= */
/* Mobile behält vorerst die normale Dawn-Suche */
.nerdvana-header-search, .nerdvana-header-nav-rail {
  display: none !important;
}
/* Desktop: alte Suchlupe rechts ausblenden, offene Suche anzeigen */
@media screen and (min-width: 990px) {
  .nerdvana-header-mobile-search {
    display: none !important;
  }
  body .header {
    display: grid !important;
    grid-template-columns: minmax(220px,360px)minmax(420px,760px)minmax(210px,360px) !important;
    align-items: center !important;
    column-gap: clamp(1.6rem,2.4vw,3.6rem) !important;
    min-height: 76px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  body .header__heading, body .header__heading-link {
    grid-column: 1 !important;
    justify-self: start !important;
  }
  body .nerdvana-header-search {
    grid-column: 2 !important;
    display: block !important;
    width: min(760px,42vw) !important;
    justify-self: center !important;
  }
  body .header__icons {
    grid-column: 3 !important;
    justify-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding-right: 0 !important;
  }
}
/* Suchleiste als silbrig-kristalline Premium-Kapsel */
.nerdvana-header-search__form {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 46px !important;
  padding: .28rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(205,216,224,.78) !important;
  background: radial-gradient(ellipse at 18% 0,rgba(255,255,255,.92)0,rgba(255,255,255,.2)34%,transparent 68%),linear-gradient(180deg,rgba(255,255,255,.96)0,rgba(248,251,253,.9)50%,rgba(239,244,248,.92)100%) !important;
  box-shadow: 0 12px 26px rgba(13,31,70,.052),0 3px 8px rgba(13,31,70,.03),0 0 0 1px rgba(255,255,255,.9)inset,0 1px 0 rgba(255,255,255,.94)inset,0 -10px 18px rgba(205,216,224,.07)inset !important;
  overflow: hidden !important;
}
/* Feine Crystal-Lichtkante im Suchfeld */
.nerdvana-header-search__form::before {
  content: "" !important;
  position: absolute !important;
  left: 1.2rem !important;
  right: 1.2rem !important;
  top: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg,transparent 0,rgba(255,255,255,.88)24%,rgba(5,200,255,.16)50%,rgba(255,255,255,.82)76%,transparent 100%) !important;
  pointer-events: none !important;
}
.nerdvana-header-search__input {
  position: relative !important;
  z-index: 2 !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 1.35rem !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  color: #102b66 !important;
  -webkit-text-fill-color: #102b66 !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: 1.16rem !important;
  font-weight: 500 !important;
  letter-spacing: .03em !important;
}
.nerdvana-header-search__input::placeholder {
  color: rgba(36,54,95,.48) !important;
  -webkit-text-fill-color: rgba(36,54,95,.48) !important;
}
.nerdvana-header-search__button {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 36px !important;
  min-width: 94px !important;
  padding: 0 1.18rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(5,200,255,.18) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.72)0,rgba(236,248,253,.42)100%) !important;
  color: #102b66 !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: .86rem !important;
  font-weight: 700 !important;
  letter-spacing: .105em !important;
  text-transform: uppercase !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.82)inset,0 5px 12px rgba(13,31,70,.035) !important;
  cursor: pointer !important;
  transition: border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease !important;
}
.nerdvana-header-search__button:hover {
  border-color: rgba(5,200,255,.3) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.82)0,rgba(236,248,253,.54)100%) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.88)inset,0 7px 15px rgba(13,31,70,.045),0 0 13px rgba(5,200,255,.08) !important;
  transform: translateY(-1px) !important;
}
/* Predictive Search Tray – Top-Treffer-Vorschau */
@media screen and (min-width: 990px) {
  body .nerdvana-header-search {
    position: relative !important;
  }
  body .nerdvana-header-search-tray {
    position: absolute !important;
    left: 50% !important;
    top: calc(100% + .78rem) !important;
    z-index: 390 !important;
    width: min(900px,72vw) !important;
    transform: translateX(-50%) !important;
  }
  body .nerdvana-header-search-tray[hidden] {
    display: none !important;
  }
  body .nerdvana-header-search-tray__inner {
    padding: 1rem !important;
    border-radius: 26px !important;
    border: 1px solid rgba(205,216,224,.72) !important;
    background: radial-gradient(ellipse at 18% 0,rgba(255,255,255,.92)0,rgba(255,255,255,.2)34%,transparent 68%),linear-gradient(180deg,rgba(255,255,255,.99)0,rgba(250,252,254,.97)48%,rgba(244,248,251,.985)100%) !important;
    box-shadow: 0 26px 54px rgba(13,31,70,.11),0 10px 22px rgba(13,31,70,.052),0 0 0 1px rgba(255,255,255,.92)inset,0 1px 0 rgba(255,255,255,.96)inset,0 0 22px rgba(5,200,255,.04) !important;
    backdrop-filter: blur(16px)saturate(1.04) !important;
    -webkit-backdrop-filter: blur(16px)saturate(1.04) !important;
  }
  body .nerdvana-header-search-tray__heading {
    padding: .22rem .42rem .68rem !important;
    color: rgba(13,31,70,.7) !important;
    font-family: 'Cinzel Nerdvana',Georgia,serif !important;
    font-size: .92rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: .135em !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid rgba(205,216,224,.34) !important;
  }
  body .nerdvana-header-search-tray__list {
    display: grid !important;
    gap: .42rem !important;
    padding-top: .58rem !important;
  }
  body .nerdvana-header-search-tray__item {
    display: grid !important;
    grid-template-columns: 66px minmax(0,1fr) !important;
    gap: 1.05rem !important;
    align-items: center !important;
    min-height: 82px !important;
    padding: .62rem .72rem !important;
    border-radius: 18px !important;
    color: #102b66 !important;
    text-decoration: none !important;
    background: linear-gradient(180deg,rgba(255,255,255,.78)0,rgba(247,250,253,.56)100%) !important;
    box-shadow: 0 0 0 1px rgba(205,216,224,.34)inset,0 1px 0 rgba(255,255,255,.86)inset !important;
    transition: background .18s ease,box-shadow .18s ease,transform .18s ease !important;
  }
  body .nerdvana-header-search-tray__item:hover, body .nerdvana-header-search-tray__item:focus-visible {
    background: linear-gradient(180deg,rgba(255,255,255,.92)0,rgba(236,248,253,.66)100%) !important;
    box-shadow: 0 0 0 1px rgba(5,200,255,.16)inset,0 7px 16px rgba(13,31,70,.046),0 0 12px rgba(5,200,255,.055) !important;
    transform: translateY(-1px) !important;
    outline: none !important;
  }
  body .nerdvana-header-search-tray__media {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 66px !important;
    height: 66px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: linear-gradient(180deg,rgba(15,27,54,.92)0,rgba(8,16,34,.96)100%) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.18)inset,0 8px 15px rgba(13,31,70,.1) !important;
  }
  body .nerdvana-header-search-tray__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  body .nerdvana-header-search-tray__media--empty::before {
    content: "N" !important;
    color: rgba(255,255,255,.72) !important;
    font-family: 'Cinzel Nerdvana',Georgia,serif !important;
    font-size: 1.15rem !important;
    letter-spacing: .08em !important;
  }
  body .nerdvana-header-search-tray__content {
    display: flex !important;
    flex-direction: column !important;
    gap: .22rem !important;
    min-width: 0 !important;
  }
  body .nerdvana-header-search-tray__title {
    display: -webkit-box !important;
    color: #102b66 !important;
    font-family: 'Cinzel Nerdvana',Georgia,serif !important;
    font-size: 1.06rem !important;
    font-weight: 400 !important;
    line-height: 1.36 !important;
    letter-spacing: .012em !important;
    overflow: hidden !important;
    white-space: normal !important;
    text-overflow: clip !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.88),0 0 5px rgba(5,200,255,.035) !important;
  }
  body .nerdvana-header-search-tray__price {
    color: rgba(36,54,95,.62) !important;
    font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    font-size: .96rem !important;
    font-weight: 500 !important;
  }
  body .nerdvana-header-search-tray__loading, body .nerdvana-header-search-tray__empty {
    padding: 1rem .52rem .86rem !important;
    color: rgba(36,54,95,.58) !important;
    font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    font-size: .94rem !important;
    line-height: 1.45 !important;
  }
  body .nerdvana-header-search-tray__all {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: .62rem !important;
    min-height: 40px !important;
    padding: .82rem 1rem .62rem !important;
    border-radius: 17px !important;
    border: 1px solid rgba(205,216,224,.44) !important;
    background: linear-gradient(180deg,rgba(255,255,255,.82)0,rgba(236,248,253,.38)100%) !important;
    color: #102b66 !important;
    font-family: 'Cinzel Nerdvana',Georgia,serif !important;
    font-size: .88rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: .078em !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.8)inset,0 5px 12px rgba(13,31,70,.034) !important;
    transition: border-color .18s ease,box-shadow .18s ease,transform .18s ease !important;
  }
  body .nerdvana-header-search-tray__all:hover, body .nerdvana-header-search-tray__all:focus-visible {
    border-color: rgba(5,200,255,.22) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.86)inset,0 7px 16px rgba(13,31,70,.044),0 0 13px rgba(5,200,255,.06) !important;
    transform: translateY(-1px) !important;
    outline: none !important;
  }
}
@media screen and (max-width: 989px) {
  .nerdvana-header-search-tray {
    display: none !important;
  }
}
/* Untere Navigation als zweite Announcement-Bar-artige Rail */
@media screen and (min-width: 990px) {
  body .nerdvana-header-nav-rail {
    position: relative !important;
    z-index: 319 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 38px !important;
    background: linear-gradient(180deg,#fff 0,#f7f9fc 42%,#eef7fc 100%) !important;
    border-top: 1px solid rgba(27,61,143,.075) !important;
    border-bottom: 1px solid rgba(27,61,143,.1) !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.88)inset,0 1px 0 rgba(27,61,143,.05) !important;
  }
  body .nerdvana-header-nav-rail__inner {
    width: 100% !important;
    max-width: 2048px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 2.2rem !important;
  }
  body .nerdvana-header-nav-rail .header__inline-menu {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-left: 0 !important;
  }
  body .nerdvana-header-nav-rail .list-menu--inline {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    column-gap: clamp(2.4rem,4vw,5.8rem) !important;
  }
  body .nerdvana-header-nav-rail .header__menu-item {
    min-height: 38px !important;
    padding: .72rem 0 !important;
    color: rgba(13,31,70,.72) !important;
    font-size: 1.04rem !important;
    font-weight: 600 !important;
    letter-spacing: .165em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.76) !important;
  }
/* Header Nav-Rail Font Lock V2 – Top-Level wirklich Cinzel
   Wichtig:
   "Kategorien" liegt bei Dawn nicht zwingend direkt als li > details > summary,
   sondern oft in einem header-menu-/details-disclosure-Wrapper.
   Deshalb greifen wir Dropdown-Summarys bewusst als descendants,
   aber weiterhin nur innerhalb der oberen Nerdvana-Nav-Rail.
*/
body .nerdvana-header-nav-rail .list-menu--inline > li > a.header__menu-item,
body .nerdvana-header-nav-rail .list-menu--inline > li > a.header__menu-item > span,
body .nerdvana-header-nav-rail .list-menu--inline > li > a.header__menu-item .header__active-menu-item,
body .nerdvana-header-nav-rail .list-menu--inline > li summary.header__menu-item,
body .nerdvana-header-nav-rail .list-menu--inline > li summary.header__menu-item > span,
body .nerdvana-header-nav-rail .list-menu--inline > li summary.header__menu-item .header__active-menu-item,
body .nerdvana-header-nav-rail header-menu summary.header__menu-item,
body .nerdvana-header-nav-rail header-menu summary.header__menu-item > span,
body .nerdvana-header-nav-rail header-menu summary.header__menu-item .header__active-menu-item,
body .nerdvana-header-nav-rail details summary.header__menu-item,
body .nerdvana-header-nav-rail details summary.header__menu-item > span,
body .nerdvana-header-nav-rail details summary.header__menu-item .header__active-menu-item {
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: 1.40rem !important;
  font-weight: 400 !important;
  letter-spacing: .105em !important;
  text-transform: uppercase !important;
}
  body .nerdvana-header-nav-rail .header__menu-item:hover, body .nerdvana-header-nav-rail .header__active-menu-item {
    color: #1b3d8f !important;
    text-decoration: none !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.88),0 0 10px rgba(5,200,255,.13) !important;
  }
  body .nerdvana-header-nav-rail .header__menu-item .icon-caret {
    width: .82rem !important;
    height: .82rem !important;
    margin-left: .42rem !important;
    color: rgba(27,61,143,.56) !important;
  }
  /* Dropdowns müssen über Hero/Content liegen */
  body .nerdvana-header-nav-rail .header__submenu, body .nerdvana-header-nav-rail .header__submenu.list-menu {
    z-index: 360 !important;
  }
}
/* Mobile: V2-Desktop-Suche und Nav-Rail ausblenden */
@media screen and (max-width: 989px) {
  .nerdvana-header-search, .nerdvana-header-nav-rail {
    display: none !important;
  }
  .nerdvana-header-mobile-search {
    display: block !important;
  }
}
/* Desktop Header */
@media screen and (min-width: 990px) {
  .header {
    min-height: 82px !important;
  }
  .header__heading-link {
    padding: 0 !important;
  }
  .header__inline-menu {
    margin-left: 3.4rem !important;
  }
  .header__icons {
    padding-right: .2rem !important;
  }
}
/* Mobile Header */
@media screen and (max-width: 989px) {
  .header__heading-link span, .header__heading-link .h2 {
    font-size: 1rem !important;
  }
  .announcement-bar__message {
    font-size: .82rem !important;
    letter-spacing: .1em !important;
    min-height: 2.3rem !important;
  }
}
/* =========================================
HEADER V2.1 – Proportion Polish
Suchleiste ruhiger, Header kompakter, Nav-Rail präsenter
Nur CSS, keine Header-/Search-/Cart-Logik
========================================= */
@media screen and (min-width: 990px) {
  /* Header-Zeile etwas kompakter und ruhiger */
  body .header {
    grid-template-columns: minmax(220px,390px)minmax(380px,650px)minmax(210px,390px) !important;
    min-height: 70px !important;
    column-gap: clamp(1.8rem,2.8vw,4.2rem) !important;
  }
  /* Suchleiste wieder präsenter als zentrales Header-Element */
  body .nerdvana-header-search {
    width: min(760px,42vw) !important;
  }
  /* Logo optisch etwas ruhiger in die neue Headerhöhe einpassen */
  body .header__heading-logo {
    max-height: 68px !important;
  }
  /* Icons sauberer in der neuen rechten Zone platzieren */
  body .header__icons {
    gap: .48rem !important;
  }
}
/* Suchfeld flacher, präziser, weniger Web-App-Look */
@media screen and (min-width: 990px) {
  .nerdvana-header-search__form {
    height: 46px !important;
    border-color: rgba(205,216,224,.66) !important;
    background: radial-gradient(ellipse at 18% 0,rgba(255,255,255,.92)0,rgba(255,255,255,.16)32%,transparent 66%),linear-gradient(180deg,rgba(255,255,255,.965)0,rgba(250,252,254,.925)52%,rgba(242,246,249,.92)100%) !important;
    box-shadow: 0 9px 20px rgba(13,31,70,.046),0 2px 6px rgba(13,31,70,.026),0 0 0 1px rgba(255,255,255,.92)inset,0 1px 0 rgba(255,255,255,.96)inset,0 -9px 16px rgba(205,216,224,.052)inset !important;
  }
  .nerdvana-header-search__input {
    padding-left: 1.35rem !important;
    font-size: 1.12rem !important;
    font-weight: 500 !important;
    letter-spacing: .022em !important;
  }
  .nerdvana-header-search__input::placeholder {
    color: rgba(36,54,95,.42) !important;
    -webkit-text-fill-color: rgba(36,54,95,.42) !important;
  }
  .nerdvana-header-search__button {
    height: 36px !important;
    min-width: 94px !important;
    padding: 0 1.18rem !important;
    font-size: .82rem !important;
    letter-spacing: .112em !important;
    background: linear-gradient(180deg,rgba(255,255,255,.76)0,rgba(236,248,253,.34)100%) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.82)inset,0 4px 9px rgba(13,31,70,.03) !important;
  }
}
/* Untere Navi-Rail etwas präsenter, aber weiterhin Announcement-Bar-DNA */
@media screen and (min-width: 990px) {
  body .nerdvana-header-nav-rail {
    min-height: 46px !important;
    background: linear-gradient(180deg,#fff 0,#f8fafc 40%,#eef7fc 100%) !important;
    border-top-color: rgba(27,61,143,.08) !important;
    border-bottom-color: rgba(27,61,143,.115) !important;
  }
  body .nerdvana-header-nav-rail .list-menu--inline {
    column-gap: clamp(3.1rem,4.6vw,6.8rem) !important;
  }
  body .nerdvana-header-nav-rail .header__menu-item {
    min-height: 46px !important;
    padding: .94rem 0 !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: 1.30rem !important;
    font-weight: 400 !important;
    letter-spacing: .112em !important;
    color: rgba(13,31,70,.84) !important;
  }
  body .nerdvana-header-nav-rail .header__menu-item:hover, body .nerdvana-header-nav-rail .header__active-menu-item {
    color: #1b3d8f !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.9),0 0 11px rgba(5,200,255,.145) !important;
  }
}
/* =========================================
HEADER – Sprachselector mit CSS-Flaggen
========================================= */
.header .nerdvana-language-selector {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .7rem !important;
  min-width: 4.4rem !important;
  height: 3.8rem !important;
  padding: 0 .6rem !important;
  color: #1b3d8f !important;
  text-decoration: none !important;
}
.header .nerdvana-language-selector .icon-caret {
  display: none !important;
}
/* Echte Flaggenbilder statt CSS-Verläufe */
.nerdvana-language-flag {
  display: inline-block !important;
  width: 2.6rem !important;
  height: 1.7rem !important;
  flex-shrink: 0 !important;
  border-radius: .16rem !important;
  overflow: hidden !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  border: 1px solid rgba(27,61,143,.16) !important;
  box-shadow: 0 2px 6px rgba(13,31,70,.12),0 0 8px rgba(5,200,255,.1) !important;
}
/* Deutschland */
.nerdvana-flag--de {
  background-image: url("https://flagcdn.com/w40/de.png") !important;
}
/* Englisch / UK */
.nerdvana-flag--en {
  background-image: url("https://flagcdn.com/w40/gb.png") !important;
}
/* Frankreich */
.nerdvana-flag--fr {
  background-image: url("https://flagcdn.com/w40/fr.png") !important;
}
/* Spanien */
.nerdvana-flag--es {
  background-image: url("https://flagcdn.com/w40/es.png") !important;
}
/* Italien */
.nerdvana-flag--it {
  background-image: url("https://flagcdn.com/w40/it.png") !important;
}
/* Fallback */
.nerdvana-flag--default {
  background: radial-gradient(circle at center,rgba(56,189,248,.35),transparent 62%),rgba(5,10,15,.95) !important;
}
/* Dropdown-Einträge */
.nerdvana-language-selector__option {
  display: inline-flex !important;
  align-items: center !important;
  gap: 1rem !important;
}
.nerdvana-language-selector__option-label {
  color: rgba(36,54,95,.82) !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: 1.15rem !important;
  letter-spacing: .08em !important;
}
.header .language-selector .disclosure__link {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  padding: .9rem 1.6rem !important;
  color: #24365f !important;
  background: transparent !important;
  transition: color .22s ease,background .22s ease !important;
}
.header .language-selector .disclosure__link:hover {
  background: rgba(5,200,255,.06) !important;
}
.header .language-selector .disclosure__link:hover .nerdvana-language-selector__option-label {
  color: #1b3d8f !important;
  text-shadow: 0 0 8px rgba(5,200,255,.14) !important;
}

/* Header Language Picker – echtes Overlay, ohne Header-Höhe zu verändern */
@media screen and (min-width: 990px) {
  body .shopify-section-group-header-group,
  body .header-wrapper,
  body .header,
  body .header__icons {
    overflow: visible !important;
  }

  body .header__icons localization-form,
  body .header__icons .localization-form,
  body .header__icons .language-selector,
  body .header__icons .disclosure {
    position: relative !important;
    z-index: 520 !important;
  }

  body .header__icons .disclosure__list-wrapper {
    position: absolute !important;
    top: calc(100% + .78rem) !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 560 !important;
    width: max-content !important;
    min-width: 20rem !important;
    max-width: min(28rem, calc(100vw - 3.2rem)) !important;
    margin: 0 !important;
    transform: none !important;
  }

  body .header__icons .disclosure__list-wrapper[hidden] {
    display: none !important;
  }

  body .header__icons .disclosure__list {
    position: relative !important;
    z-index: 561 !important;
    margin: 0 !important;
  }
}
/* Mobile: Flagge etwas kompakter */
@media screen and (max-width: 989px) {
  .header .nerdvana-language-selector {
    min-width: 3.8rem !important;
    height: 3.8rem !important;
    padding: 0 .4rem !important;
  }
  .nerdvana-language-flag {
    width: 2.2rem !important;
    height: 1.45rem !important;
  }
}
/* =========================================
HEADER NORMAL IM SEITENFLUSS
Helles CI: Header liegt nicht mehr über dem Hero
========================================= */
/* Header-Gruppe bleibt auf allen Seiten normal im Seitenfluss */
body .shopify-section-group-header-group {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: 300 !important;
  background: #f7f9fc !important;
  display: block !important;
}
/* Announcement-Bar bleibt normal über dem Header */
body .announcement-bar-section {
  position: relative !important;
  z-index: 20 !important;
  display: block !important;
  width: 100% !important;
  background: linear-gradient(180deg,#fff 0,#f7f9fc 42%,#eef7fc 100%) !important;
  border-bottom: 1px solid rgba(27,61,143,.1) !important;
  box-shadow: 0 1px 0 rgba(27,61,143,.08) !important;
}
body .announcement-bar {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  background: linear-gradient(180deg,#fff 0,#f7f9fc 42%,#e7f7ff 100%) !important;
  border-bottom: 1px solid rgba(27,61,143,.1) !important;
  box-shadow: 0 1px 0 rgba(27,61,143,.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
/* Header bleibt auf allen Seiten normal und schiebt den Content nach unten */
body .header-wrapper, body:has(#shopify-section-template--30569970172253__image_banner) .header-wrapper, body:not(:has(#shopify-section-template--30569970172253__image_banner)) .header-wrapper {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: 320 !important;
  width: 100% !important;
  background: #f7f9fc !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
/* Header-Abgrenzung nur in Hero-Breite, nicht über volle Bildschirmbreite */
body .header-wrapper::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  transform: translateX(-50%) !important;
  width: 100% !important;
  max-width: 2048px !important;
  height: 1px !important;
  background: rgba(230,232,236,.95) !important;
  box-shadow: 0 10px 24px rgba(27,61,143,.08) !important;
  pointer-events: none !important;
}
/* Hero startet sauber unter dem Header */
#shopify-section-template--30569970172253__image_banner {
  margin-top: 0 !important;
}
/* =========================================
MOBILE – HEADER / HERO FIX
Nur Mobile, Desktop bleibt unberührt
========================================= */
@media screen and (max-width: 989px) {
  /* Mobile Header V1.1 – Proportion Polish
     Streng mobil gescoped.
     Desktop V1.0 bleibt unangetastet.
     Keine Änderung an Header-Struktur, Suche, Cart, Favoriten oder Drawer-Logik.
  */
  body .header-wrapper,
  body:has(#shopify-section-template--30569970172253__image_banner) .header-wrapper {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: 320 !important;
    width: 100% !important;
    background:
      radial-gradient(ellipse at 50% 0, rgba(255,255,255,.94) 0, rgba(255,255,255,.42) 34%, transparent 72%),
      linear-gradient(180deg, rgba(255,255,255,.985) 0%, rgba(249,252,254,.95) 48%, rgba(241,248,252,.92) 100%) !important;
    border-bottom: 1px solid rgba(27,61,143,.095) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.94) inset,
      0 6px 18px rgba(13,31,70,.044) !important;
    backdrop-filter: blur(14px) saturate(1.05) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.05) !important;
  }

  /* Mobile Header-Linie im hellen Desktop-Stil */
  body .header-wrapper::after {
    background:
      linear-gradient(
        90deg,
        transparent 0,
        rgba(205,216,224,.34) 18%,
        rgba(255,255,255,.92) 42%,
        rgba(5,200,255,.13) 50%,
        rgba(255,255,255,.92) 58%,
        rgba(205,216,224,.34) 82%,
        transparent 100%
      ) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.86),
      0 7px 16px rgba(27,61,143,.045) !important;
  }

  /* Mobile Header: etwas flacher, Logo präsenter */
  .header {
    min-height: 60px !important;
    padding-left: 1.18rem !important;
    padding-right: 1.02rem !important;
    background: transparent !important;
  }

  .header__heading,
  .header__heading-link {
    margin: 0 !important;
  }

  .header__heading-link {
    padding: 0 !important;
  }

  .header__heading-logo {
    max-height: 42px !important;
    width: auto !important;
    filter:
      drop-shadow(0 3px 8px rgba(27,61,143,.12))
      drop-shadow(0 0 8px rgba(5,200,255,.08)) !important;
  }

  /* Icon-Reihe: etwas kompakter, aber weiterhin fingerfreundlich */
  .header__icons {
    gap: .06rem !important;
    padding-right: 0 !important;
  }

  .header__icon,
  .header__icon--cart,
  .header__icon--account,
  .header__icon--search,
  header-drawer .header__icon {
    width: 3.92rem !important;
    height: 3.92rem !important;
    color: rgba(13,31,70,.84) !important;
    opacity: 1 !important;
  }

  .header__icon .icon,
  header-drawer .header__icon .icon,
  .header__icon .svg-wrapper > svg {
    width: 2.06rem !important;
    height: 2.06rem !important;
  }

  header-drawer .header__icon--menu .icon {
    width: 2.22rem !important;
    height: 2.22rem !important;
  }

  .header__icon:hover,
  .header__icon--cart:hover,
  .header__icon--account:hover {
    color: #1b3d8f !important;
    filter:
      drop-shadow(0 1px 0 rgba(255,255,255,.82))
      drop-shadow(0 0 6px rgba(5,200,255,.12)) !important;
    transform: none !important;
  }

  /* Favoriten-Herz mobil in dieselbe Icon-DNA einpassen */
  body .header__icons .nerdvana-header-favorites {
    width: 3.92rem !important;
    height: 3.92rem !important;
    color: rgba(13,31,70,.84) !important;
  }

  body .header__icons .nerdvana-header-favorites svg {
    width: 2.22rem !important;
    height: 2.22rem !important;
  }

  /* Mobile Cart: vorhandenen Einkaufswagen weiterverwenden, optisch etwas ruhiger */
  .header__icon--cart {
    --nerdvana-header-cart-icon-size: 2.76rem;
    --nerdvana-header-cart-icon-x: 0rem;
    --nerdvana-header-cart-icon-y: .02rem;

    --nerdvana-header-cart-bubble-x: .14rem;
    --nerdvana-header-cart-bubble-y: -.42rem;
  }

  .header__icon--cart .svg-wrapper {
    width: 3.05rem !important;
    height: 3.05rem !important;
  }

  .header__icon--cart .cart-count-bubble {
    min-width: 1.66rem !important;
    height: 1.66rem !important;
    padding: 0 .36rem !important;
    font-size: .82rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.9),
      0 0 9px rgba(5,200,255,.30) !important;
  }
  /* Hero beginnt sauber unter dem Header */
  #shopify-section-template--30569970172253__image_banner {
    margin-top: 0 !important;
  }

  /* =========================================
  MOBILE – Hero Banner V1 / eigenes Mobile-Asset
  Streng mobil gescoped.
  Desktop-Hero bleibt vollständig unangetastet.

  Asset:
  1122 × 1402 px, Logo + Slogan.
  Kein Liquid-Umbau, keine Header-/Hero-Strukturänderung.
  ========================================= */

  body #shopify-section-template--30569970172253__image_banner {
    border-radius: 0 0 22px 22px !important;
    box-shadow:
      0 18px 34px -28px rgba(27,61,143,.22) !important;
    background: #f7f9fc !important;
  }

  body #Banner-template--30569970172253__image_banner {
    --nerdvana-mobile-hero-image: url("/cdn/shop/files/1f177e25-cd41-45e6-82e2-131a287f5266.png?v=1782111957");

    /*
      Mobile-Hero-Hebel:
      height       = sichtbare Hero-Höhe
      image-size   = contain zeigt das komplette Logo/Slogan-Asset
      image-x/y    = Feinausrichtung des Motivs
    */
    /*
      Option A:
      Mobile-Bild füllt die komplette Breite und bleibt vollständig sichtbar.
      Asset-Verhältnis: 1122 × 1402 px
      Höhe = Viewportbreite × 1402 / 1122
    */
    --nerdvana-mobile-hero-height: calc(100vw * 1402 / 1122);
    --nerdvana-mobile-hero-image-size: 100% auto;
    --nerdvana-mobile-hero-image-x: 50%;
    --nerdvana-mobile-hero-image-y: 50%;

    position: relative !important;
    display: flex !important;
    width: 100% !important;
    max-width: 2048px !important;
    height: var(--nerdvana-mobile-hero-height) !important;
    min-height: var(--nerdvana-mobile-hero-height) !important;
    max-height: var(--nerdvana-mobile-hero-height) !important;
    aspect-ratio: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
    border-radius: 0 0 22px 22px !important;

    background-image:
      var(--nerdvana-mobile-hero-image),
      radial-gradient(ellipse at 50% 16%, rgba(255,255,255,.86) 0, rgba(255,255,255,.48) 34%, transparent 72%),
      radial-gradient(ellipse at 50% 88%, rgba(5,200,255,.08) 0, rgba(5,200,255,.018) 42%, transparent 72%),
      linear-gradient(180deg, #f7f9fc 0%, #eef6fb 52%, #f7f9fc 100%) !important;
    background-repeat:
      no-repeat,
      no-repeat,
      no-repeat,
      no-repeat !important;
    background-position:
      var(--nerdvana-mobile-hero-image-x) var(--nerdvana-mobile-hero-image-y),
      center top,
      center bottom,
      center center !important;
    background-size:
      var(--nerdvana-mobile-hero-image-size),
      cover,
      cover,
      cover !important;
  }

  body #Banner-template--30569970172253__image_banner .banner__media,
  body #Banner-template--30569970172253__image_banner .banner__media:first-child {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  /*
    Desktop-Hero-Bild mobil ausblenden.
    Das neue Mobile-Asset wird als eigene Hintergrundebene gesetzt.
  */
  body #Banner-template--30569970172253__image_banner .banner__media img {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* Mobile-Hero-Bild wird direkt auf dem Banner gerendert.
     Die frühere Pseudoebene bleibt bewusst deaktiviert. */
  body #Banner-template--30569970172253__image_banner .banner__media::after {
    content: none !important;
    display: none !important;
  }

  /* Banner-Content bleibt wie bisher unsichtbar */
  body #Banner-template--30569970172253__image_banner .banner__content,
  body #Banner-template--30569970172253__image_banner .banner__box,
  body #Banner-template--30569970172253__image_banner .banner__heading,
  body #Banner-template--30569970172253__image_banner .banner__text,
  body #Banner-template--30569970172253__image_banner .banner__buttons {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /*
    Der alte Desktop-Hero-CTA ist mobil zu klein und das neue Asset
    enthält bereits Logo + Slogan. Deshalb mobil ausblenden.
  */
  body #shopify-section-template--30569970172253__custom_liquid_qFkhPh,
  body #shopify-section-template--30569970172253__custom_liquid_qFkhPh .nerdvana-hero-button-layer {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /*
    Mobile Hero V1: weniger Schnickschnack.
    Die Desktop-Hero-Lichtebenen werden mobil ausgeblendet.
  */
  body .nerdvana-hero-experience-viewport .nerdvana-hero-light-layer,
  body .nerdvana-hero-experience-viewport .nerdvana-hero-sweep-layer {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }
}
/* =========================================
HERO / IMAGE BANNER
Hero-Bild: 2048 × 768 px
========================================= */
.template-index, .template-index #MainContent, .template-index main {
  background: var(--nerdvana-bg) !important;
}
.banner {
  background: var(--nerdvana-bg) !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
  overflow: hidden !important;
}
.banner::after {
  opacity: 0 !important;
  background: none !important;
}
#shopify-section-template--30569970172253__image_banner {
  width: 100% !important;
  max-width: 2048px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: hidden !important;
  background: var(--nerdvana-bg) !important;
  border-radius: 0 0 22px 22px !important;
  box-shadow: 0 28px 42px -30px rgba(27,61,143,.22) !important;
}
#Banner-template--30569970172253__image_banner {
  width: 100% !important;
  max-width: 2048px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 2048 / 768 !important;
  position: relative !important;
  display: flex !important;
  overflow: hidden !important;
  background: var(--nerdvana-bg) !important;
  border-radius: 0 0 22px 22px !important;
}
#Banner-template--30569970172253__image_banner .banner__media, #Banner-template--30569970172253__image_banner .banner__media:first-child {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  overflow: hidden !important;
}
#Banner-template--30569970172253__image_banner .banner__media img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
}
#Banner-template--30569970172253__image_banner .banner__content {
  display: flex !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
#Banner-template--30569970172253__image_banner .banner__box, #Banner-template--30569970172253__image_banner .banner__heading, #Banner-template--30569970172253__image_banner .banner__text, #Banner-template--30569970172253__image_banner .banner__buttons {
  display: none !important;
}
/* =========================================
CUSTOM HERO BUTTON SECTION
========================================= */
#shopify-section-template--30569970172253__custom_liquid_qFkhPh {
  position: relative !important;
  z-index: 60 !important;
  width: 100% !important;
  max-width: 2048px !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}
#shopify-section-template--30569970172253__custom_liquid_qFkhPh .color-scheme-1, #shopify-section-template--30569970172253__custom_liquid_qFkhPh .gradient {
  background: transparent !important;
}
#shopify-section-template--30569970172253__custom_liquid_qFkhPh .section-template--30569970172253__custom_liquid_qFkhPh-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.nerdvana-hero-button-layer {
  position: absolute !important;
  z-index: 65 !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  max-width: 2048px !important;
  margin: 0 !important;
  /*
  HERO-CTA POSITION – Feinjustierung

  X-Wert:
  höher  = Button weiter nach rechts
  kleiner = Button weiter nach links

  Y-Wert:
  höher  = Button weiter nach oben
  kleiner = Button weiter nach unten

  Die Werte sind bewusst relativ zur Hero-Breite/Hero-Höhe,
  damit der Button beim Skalieren des Hero-Banners proportional mitwandert.
  */
  --nerdvana-hero-button-x: .155;
  --nerdvana-hero-button-y: .34;
  /*
  Gemeinsame Hero-Skalierungsbasis:
  entspricht der aktuell sichtbaren Hero-Breite bis maximal 2048px.
  Dadurch skaliert der Button proportional mit dem Hero-Banner.
  */
  --nerdvana-hero-scale-width: min(100vw,2048px);
  padding-left: calc(var(--nerdvana-hero-scale-width)* var(--nerdvana-hero-button-x)) !important;
  transform: translateY(calc(-1 * var(--nerdvana-hero-scale-width)* 768 / 2048 * var(--nerdvana-hero-button-y))) !important;
  pointer-events: none !important;
}
.nerdvana-hero-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: calc(var(--nerdvana-hero-scale-width)* .00562) !important;
  width: calc(var(--nerdvana-hero-scale-width)* .11523) !important;
  min-width: 0 !important;
  max-width: none !important;
  height: calc(var(--nerdvana-hero-scale-width)* .02832) !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 calc(var(--nerdvana-hero-scale-width)* .00757) !important;
  box-sizing: border-box !important;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  /*
  Nur Hero-spezifisch:
  Text, Pfeil, Größe und Position.
  Der Glaskörper kommt weiter unten aus dem gemeinsamen Master-Core.
  */
  --nerdvana-hero-button-text-size: calc(var(--nerdvana-hero-scale-width)* .00488);
  --nerdvana-hero-button-arrow-size: calc(var(--nerdvana-hero-scale-width)* .00879);
  color: #102b66 !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: var(--nerdvana-hero-button-text-size) !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .064em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  pointer-events: auto !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.98),0 0 5px rgba(255,255,255,.26) !important;
}
.nerdvana-hero-button > *, .nerdvana-hero-button span {
  position: relative !important;
  z-index: 5 !important;
}
.nerdvana-hero-button span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: .25rem !important;
  color: #102b66 !important;
  font-size: var(--nerdvana-hero-button-arrow-size) !important;
  line-height: 1 !important;
  transform: translateY(-0.04rem) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.98),0 0 5px rgba(255,255,255,.26) !important;
}
.nerdvana-hero-button:hover span {
  color: #0d1f46 !important;
}

/* =========================================
STARTSEITE – Hero CTA CSS-only Anchor
No JS flash / Original Position Controls
========================================= */
/*
Der Hero-CTA wird NICHT mehr per JS gemessen oder in den Hero umgehängt.
Das vermeidet den sichtbaren Lade-Plopp.

Stattdessen wird die bestehende Custom-Liquid-Button-Section
CSS-only absolut auf die Hero-Fläche gelegt.

Die ursprünglichen Positionshebel bleiben maßgeblich:

--nerdvana-hero-button-x
  höher  = weiter nach rechts
  kleiner = weiter nach links

--nerdvana-hero-button-y
  höher  = weiter nach oben
  kleiner = weiter nach unten

Zusätzliche Micro-Korrektur:

--nerdvana-hero-button-nudge-x
  negativer Wert = links
  positiver Wert = rechts

--nerdvana-hero-button-nudge-y
  negativer Wert = oben
  positiver Wert = unten
*/

#MainContent {
  position: relative !important;
}

/*
Die Custom-Liquid-Section wird an die rechnerische Unterkante
des Hero-Banners gelegt. Dadurch funktioniert die ursprüngliche
negative translateY-Logik weiter exakt wie vorher, aber unabhängig
vom Scrollhinweis/Vault-Handoff darunter.
*/
#shopify-section-template--30569970172253__custom_liquid_qFkhPh {
  position: absolute !important;
  z-index: 72 !important;
  left: 50% !important;
  top: calc(min(100vw, 2048px) * 768 / 2048) !important;
  width: 100% !important;
  max-width: 2048px !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateX(-50%) !important;
  overflow: visible !important;
  background: transparent !important;
  pointer-events: none !important;
}

/*
Der Button-Layer nutzt wieder die ursprünglichen x/y-Hebel.
Die Nudge-Werte sind nur Feinkorrektur und ändern nicht die Grundlogik.
*/
#shopify-section-template--30569970172253__custom_liquid_qFkhPh .nerdvana-hero-button-layer {
  --nerdvana-hero-button-nudge-x: 0rem;
  --nerdvana-hero-button-nudge-y: 0rem;

  position: absolute !important;
  z-index: 72 !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  max-width: 2048px !important;
  height: 0 !important;
  margin: 0 !important;
  padding-left: calc(
    (var(--nerdvana-hero-scale-width) * var(--nerdvana-hero-button-x))
    + var(--nerdvana-hero-button-nudge-x)
  ) !important;
  transform: translateY(
    calc(
      (-1 * var(--nerdvana-hero-scale-width) * 768 / 2048 * var(--nerdvana-hero-button-y))
      + var(--nerdvana-hero-button-nudge-y)
    )
  ) !important;
  pointer-events: none !important;
}

#shopify-section-template--30569970172253__custom_liquid_qFkhPh .nerdvana-hero-button {
  pointer-events: auto !important;
}


/* =========================================
HOMEPAGE HERO EXPERIENCE – Crystal Entry + Mouse Light Response
Baustein 1D: JS-markierter Hero-Viewport, unabhängig von body.template-index
========================================= */
.nerdvana-hero-experience-viewport {
  position: relative !important;
  isolation: isolate !important;
  --nerdvana-hero-pointer-x: 50%;
  --nerdvana-hero-pointer-y: 50%;
  --nerdvana-hero-pointer-intensity: 0;
}
/* Echte JS-injizierte Lichtfläche */
/* Mausfolger-Licht deaktiviert:
Der Effekt wirkte zu verspielt und nicht premium genug.
Crystal Entry, Sweep und CTA-Fokus bleiben aktiv. */
.nerdvana-hero-experience-viewport .nerdvana-hero-light-layer {
  position: absolute !important;
  inset: 0 !important;
  z-index: 18 !important;
  display: none !important;
  pointer-events: none !important;
  background: none !important;
  mix-blend-mode: normal !important;
  opacity: 0 !important;
}
/* Echte JS-injizierte Sweep-Ebene */
.nerdvana-hero-experience-viewport .nerdvana-hero-sweep-layer {
  position: absolute !important;
  top: -18% !important;
  bottom: -18% !important;
  left: -42% !important;
  z-index: 19 !important;
  display: block !important;
  width: 34% !important;
  pointer-events: none !important;
  background: linear-gradient(108deg,transparent 0,rgba(255,255,255,0)16%,rgba(255,255,255,.52)42%,rgba(210,242,255,.38)50%,rgba(255,255,255,.3)58%,rgba(255,255,255,0)84%,transparent 100%) !important;
  filter: blur(.35px) !important;
  opacity: 0 !important;
  transform: translateX(-90%)skewX(-16deg) !important;
}
/* Hero-Bild fokussiert sich beim Laden leicht, ohne Layout zu verschieben */
body.nerdvana-hero-experience-ready .nerdvana-hero-experience-viewport .banner__media img {
  animation: nerdvana-hero-crystal-focus 1.28s cubic-bezier(.22,1,.36,1)both !important;
}
/* Sweep läuft jetzt über echte DOM-Ebene */
body.nerdvana-hero-experience-ready .nerdvana-hero-experience-viewport .nerdvana-hero-sweep-layer {
  animation: nerdvana-hero-crystal-sweep 1.68s cubic-bezier(.16,1,.3,1).18s both !important;
}
/* CTA bekommt einen kurzen Glas-Fokus, aber keine Positionsänderung */
body.nerdvana-hero-experience-ready .nerdvana-hero-button {
  animation: nerdvana-hero-cta-focus 1.02s cubic-bezier(.22,1,.36,1).38s both !important;
}
/* Der Button-Layer bleibt über den Hero-Lichtebenen */
body.nerdvana-hero-experience-ready .nerdvana-hero-button-layer, .nerdvana-hero-button-layer {
  z-index: 72 !important;
}
@keyframes nerdvana-hero-crystal-focus {
  0% {
    filter: brightness(1.1)contrast(.96)saturate(.94)blur(1.15px);
  }
  56% {
    filter: brightness(1.045)contrast(1.01)saturate(1.02)blur(.18px);
  }
  100% {
    filter: brightness(1)contrast(1)saturate(1)blur(0);
  }
}
@keyframes nerdvana-hero-crystal-sweep {
  0% {
    opacity: 0;
    transform: translateX(-92%)skewX(-16deg);
  }
  18% {
    opacity: .96;
  }
  58% {
    opacity: .7;
  }
  100% {
    opacity: 0;
    transform: translateX(455%)skewX(-16deg);
  }
}
@keyframes nerdvana-hero-cta-focus {
  0% {
    opacity: .62;
    filter: blur(.9px)brightness(1.18);
  }
  54% {
    opacity: 1;
    filter: blur(.12px)brightness(1.06);
  }
  100% {
    opacity: 1;
    filter: blur(0)brightness(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .nerdvana-hero-experience-viewport .nerdvana-hero-light-layer, .nerdvana-hero-experience-viewport .nerdvana-hero-sweep-layer {
    display: none !important;
  }
  body.nerdvana-hero-experience-ready .nerdvana-hero-experience-viewport .banner__media img, body.nerdvana-hero-experience-ready .nerdvana-hero-button {
    animation: none !important;
    filter: none !important;
    opacity: 1 !important;
  }
}
/* =========================================
STARTSEITE – Hero Enter Cue V2.1
Nerdvana Portal Threshold – Runtime Breath Fix
========================================= */
/*
Richtung:
Optik bleibt wie im aktuellen V2-Stand.
Der Fehler war: animierte Eigenschaften wie transform/opacity
waren teilweise mit !important festgenagelt.

V2.1:
- Layout/Typografie/Position bleiben stark priorisiert.
- Animationen bleiben !important.
- Animierte Eigenschaften transform/opacity bekommen im laufenden Zustand KEIN !important mehr.
- Reduced Motion darf weiterhin !important nutzen, weil dort Animation bewusst deaktiviert wird.

Atem-Hebel:
Die Intensität wird zentral über Variablen gesteuert.
Aktuell bewusst übertrieben, damit der Effekt sichtbar geprüft werden kann.
*/

#MainContent #shopify-section-template--30569970172253__image_banner {
  position: relative !important;
  overflow: visible !important;
  isolation: isolate !important;
  margin-bottom: clamp(11.8rem, 12.2vw, 14.6rem) !important;

  --nerdvana-enter-cue-top: clamp(2.9rem, 3.2vw, 3.85rem);
  --nerdvana-enter-cue-gap: clamp(2.02rem, 2.25vw, 2.35rem);
  --nerdvana-enter-cue-text-size: clamp(1.34rem, 1.42vw, 1.92rem);
  --nerdvana-enter-cue-letter-spacing: .285em;
  --nerdvana-enter-cue-arrow-size: 30px;
  --nerdvana-enter-cue-echo-size: 19px;
  --nerdvana-enter-cue-divider-width: clamp(19rem, 30vw, 33rem);

  /*
  ATEM-HEBEL – aktuell absichtlich stark.

  Für final wahrscheinlich eher:
  --nerdvana-enter-cue-text-breath-scale: 1.07;
  --nerdvana-enter-cue-text-glow-breath-scale: 1.14;
  --nerdvana-enter-cue-divider-breath-scale: 1.05;
  --nerdvana-enter-cue-crystal-breath-scale: 1.22;
  --nerdvana-enter-cue-arrow-stage-breath-scale: 1.12;
  --nerdvana-enter-cue-arrow-core-breath-scale: 1.18;
  --nerdvana-enter-cue-arrow-breath-drop: 4px;
  */
--nerdvana-enter-cue-breath-duration: 1.80s;
--nerdvana-enter-cue-text-breath-scale: 1.118;
--nerdvana-enter-cue-text-breath-letterspace: .024em;
--nerdvana-enter-cue-divider-breath-scale: 1.04;
--nerdvana-enter-cue-crystal-breath-scale: 1.20;
--nerdvana-enter-cue-arrow-stage-breath-scale: 1.12;
--nerdvana-enter-cue-arrow-breath-drop: 4px;
}

/* Alte Pseudo-Version weiterhin komplett deaktiviert */
#MainContent #shopify-section-template--30569970172253__image_banner::before,
#MainContent #shopify-section-template--30569970172253__image_banner::after {
  content: none !important;
  display: none !important;
}

/* Altes Threshold-Rest-DOM neutralisieren */
#MainContent #nerdvana-home-threshold {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Hauptrahmen des Portal-Cues */
#MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue {
  position: absolute !important;
  left: 50% !important;
  top: calc(100% + var(--nerdvana-enter-cue-top)) !important;
  z-index: 8 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--nerdvana-enter-cue-gap) !important;
  width: max-content !important;
  max-width: calc(100vw - 4rem) !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

/* Text-Träger – gemeinsame Atembühne für Basistext + Glow
Wichtig:
Nur dieser Parent skaliert.
Die Glow-Schicht selbst skaliert NICHT zusätzlich,
damit Glow und Text beim Atmen exakt übereinander bleiben.
*/
#MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__text {
  position: relative !important;
  display: block !important;
  width: max-content !important;
  max-width: calc(100vw - 4rem) !important;
  padding-bottom: 1.25rem !important;
  color: rgba(18, 39, 84, .78) !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: var(--nerdvana-enter-cue-text-size) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  letter-spacing: var(--nerdvana-enter-cue-letter-spacing) !important;
  text-transform: uppercase !important;
  text-align: center !important;
  white-space: nowrap !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: geometricPrecision !important;

  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: 50% 62%;
  will-change: transform;
  animation: nerdvana-enter-cue-text-breath var(--nerdvana-enter-cue-breath-duration) ease-in-out infinite alternate !important;
}

/* Kristall-Divider hinter dem Text */
#MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__text::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: .28rem !important;
  width: var(--nerdvana-enter-cue-divider-width) !important;
  height: 1px !important;
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,0) 0%,
      rgba(203,216,236,.56) 12%,
      rgba(188,203,230,.82) 28%,
      rgba(5,200,255,.24) 50%,
      rgba(188,203,230,.82) 72%,
      rgba(203,216,236,.56) 88%,
      rgba(255,255,255,0) 100%
    ) !important;
  filter:
    drop-shadow(0 0 5px rgba(255,255,255,.28))
    drop-shadow(0 0 12px rgba(5,200,255,.10)) !important;
  will-change: transform, opacity;

  opacity: .82;
  transform: translateX(-50%) scaleX(.96);
  animation: nerdvana-enter-cue-divider-breathe var(--nerdvana-enter-cue-breath-duration) ease-in-out infinite alternate !important;
}

/* Micro-Crystal im Divider – V2.11 definierter, weniger milchig */
#MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__text::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -.04rem !important;
  width: 12px !important;
  height: 12px !important;
  border: 1px solid rgba(5, 200, 255, .36) !important;
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.98) 0%,
      rgba(233,242,249,.9) 42%,
      rgba(5,200,255,.22) 100%
    ) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.78) inset,
    0 0 8px rgba(5,200,255,.13),
    0 1px 4px rgba(13,31,70,.08) !important;
  will-change: transform, opacity;

  opacity: .98;
  transform: translateX(-50%) rotate(45deg) scale(1);
  animation: nerdvana-enter-cue-crystal-breathe var(--nerdvana-enter-cue-breath-duration) ease-in-out infinite alternate !important;
}

/* Damit globale span-Regeln nichts kaputt machen */
#MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__text-base,
#MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__text-glow {
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: inherit !important;
  text-transform: uppercase !important;
}

/* Stabile Gravur – V2.11 Crisp Engraving */
#MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__text-base {
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
  color: rgba(13, 31, 70, .84) !important;
  font-weight: 500 !important;
  -webkit-text-stroke: 0 !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.72),
    0 0 5px rgba(5,200,255,.035) !important;
  opacity: 1 !important;
}

/* Glow-Ebenen deaktiviert
V2.10:
Der Scrollhinweis bleibt als klare Cinzel-/Crystal-Gravur bestehen.
Text-Glow, Pfeil-Glow und Echo-Chevrons werden komplett herausgenommen.
*/

/* Text-Glow vollständig deaktivieren */
#MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__text-glow {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  animation: none !important;
}

/* Arrow Stage – gemeinsame Atembühne bleibt erhalten */
#MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__arrow {
  position: relative !important;
  display: block !important;
  width: calc(var(--nerdvana-enter-cue-arrow-size) + 8px) !important;
  height: calc(var(--nerdvana-enter-cue-arrow-size) + 10px) !important;
  overflow: visible !important;
  transform-origin: 50% 42%;
  will-change: transform;

  transform: translate3d(0, 0, 0) scale(.98);
  animation: nerdvana-enter-cue-arrow-stage var(--nerdvana-enter-cue-breath-duration) ease-in-out infinite alternate !important;
}

/* Echo-Chevrons vollständig deaktivieren */
#MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__arrow::before,
#MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__arrow::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  animation: none !important;
}

/* Gemeinsame Positionierung */
#MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__arrow-base,
#MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__arrow-glow {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  display: block !important;
  width: var(--nerdvana-enter-cue-arrow-size) !important;
  height: var(--nerdvana-enter-cue-arrow-size) !important;
  pointer-events: none !important;
  transform-origin: 50% 50%;
  transform: translate(-50%, -50%) rotate(45deg) scale(.94);
}

/* Basis-Chevron – V2.11 klarere Gravur */
#MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__arrow-base {
  z-index: 3 !important;
  color: rgba(13, 31, 70, .72) !important;
  opacity: .96 !important;
  border-right: 1.85px solid currentColor !important;
  border-bottom: 1.85px solid currentColor !important;
  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,.66))
    drop-shadow(0 0 5px rgba(5,200,255,.035)) !important;
}

/* Pfeil-Glow vollständig deaktivieren */
#MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__arrow-glow {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  animation: none !important;
}

/* ===== Animationen ===== */

/*
V2.10:
Glow ist aus.
Atem bleibt sichtbar über echte Skalierung der Elemente.
*/

@keyframes nerdvana-enter-cue-text-breath {
  from {
    opacity: .94;
    letter-spacing: var(--nerdvana-enter-cue-letter-spacing);
    transform: translate3d(0, 0, 0) scale(1);
  }

  to {
    opacity: 1;
    letter-spacing: calc(
      var(--nerdvana-enter-cue-letter-spacing)
      + var(--nerdvana-enter-cue-text-breath-letterspace)
    );
    transform: translate3d(0, -1px, 0) scale(var(--nerdvana-enter-cue-text-breath-scale));
  }
}

/* Bleibt als leerer Fallback bestehen, falls DOM/Cache die Glow-Schicht noch referenziert */
@keyframes nerdvana-enter-cue-text-light {
  from {
    opacity: 0;
  }

  to {
    opacity: 0;
  }
}

@keyframes nerdvana-enter-cue-divider-breathe {
  from {
    opacity: .68;
    transform: translateX(-50%) scaleX(.96);
  }

  to {
    opacity: .96;
    transform: translateX(-50%) scaleX(var(--nerdvana-enter-cue-divider-breath-scale));
  }
}

@keyframes nerdvana-enter-cue-crystal-breathe {
  from {
    opacity: .78;
    transform: translateX(-50%) rotate(45deg) scale(.92);
  }

  to {
    opacity: .98;
    transform: translateX(-50%) rotate(45deg) scale(var(--nerdvana-enter-cue-crystal-breath-scale));
  }
}

@keyframes nerdvana-enter-cue-arrow-stage {
  from {
    transform: translate3d(0, 0, 0) scale(.98);
  }

  to {
    transform: translate3d(0, var(--nerdvana-enter-cue-arrow-breath-drop), 0) scale(var(--nerdvana-enter-cue-arrow-stage-breath-scale));
  }
}

/* Bleibt als leerer Fallback bestehen, falls DOM/Cache die Glow-Schicht noch referenziert */
@keyframes nerdvana-enter-cue-arrow-core {
  from {
    opacity: 0;
  }

  to {
    opacity: 0;
  }
}

/* Echo-Fallbacks deaktiviert */
@keyframes nerdvana-enter-cue-arrow-echo-a {
  from {
    opacity: 0;
  }

  to {
    opacity: 0;
  }
}

@keyframes nerdvana-enter-cue-arrow-echo-b {
  from {
    opacity: 0;
  }

  to {
    opacity: 0;
  }
}

@media screen and (max-width: 989px) {
  #MainContent #shopify-section-template--30569970172253__image_banner {
    margin-bottom: 10.2rem !important;
    --nerdvana-enter-cue-top: 2.8rem;
    --nerdvana-enter-cue-gap: 1.9rem;
    --nerdvana-enter-cue-text-size: 1.02rem;
    --nerdvana-enter-cue-letter-spacing: .22em;
    --nerdvana-enter-cue-arrow-size: 22px;
    --nerdvana-enter-cue-echo-size: 15px;
    --nerdvana-enter-cue-divider-width: 18.5rem;
  }

  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__text {
    padding-bottom: 1.05rem !important;
  }
}

@media screen and (max-width: 749px) {
  #MainContent #shopify-section-template--30569970172253__image_banner {
    /*
      Mobile Fluid Spacing:
      Keine Fixwerte für ein einzelnes Smartphone.
      Werte reagieren auf Viewportbreite, bleiben aber durch clamp()
      auf kleinen und großen Smartphones kontrolliert.
    */
    margin-bottom: clamp(7.1rem, 18vw, 8.6rem) !important;

    --nerdvana-enter-cue-top: clamp(1.72rem, 5.05vw, 2.22rem);
    --nerdvana-enter-cue-gap: clamp(1.34rem, 4.15vw, 1.72rem);

    /*
      Mobile-Lesbarkeit:
      Fluid statt fest.
      Auf kleinen Smartphones nicht zu winzig,
      auf großen Smartphones nicht übertrieben groß.
    */
    --nerdvana-enter-cue-text-size: clamp(.98rem, 2.75vw, 1.12rem);
    --nerdvana-enter-cue-letter-spacing: clamp(.125em, .42vw, .16em);
    --nerdvana-enter-cue-arrow-size: clamp(17px, 4.85vw, 21px);
    --nerdvana-enter-cue-echo-size: 10px;
    --nerdvana-enter-cue-divider-width: clamp(14.6rem, 42vw, 18.2rem);
  }

  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue,
  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__text {
    max-width: calc(100vw - 2rem) !important;
  }

  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__text {
    padding-bottom: clamp(.92rem, 2.7vw, 1.08rem) !important;
  }

  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__text-base {
    color: rgba(13, 31, 70, .9) !important;
    font-weight: 600 !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,.78),
      0 0 5px rgba(5,200,255,.045) !important;
  }

  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__text::after {
    width: clamp(7px, 1.95vw, 9px) !important;
    height: clamp(7px, 1.95vw, 9px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__text,
  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__text-glow,
  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__text::before,
  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__text::after,
  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__arrow,
  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__arrow-glow,
  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__arrow::before,
  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__arrow::after {
    animation: none !important;
  }

  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__text {
    transform: translate3d(0, 0, 0) scale(1) !important;
  }

  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__text-glow {
    opacity: .34 !important;
    transform: translate3d(0, 0, 0) scale(1.01) !important;
  }

  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__text::before {
    opacity: .74 !important;
    transform: translateX(-50%) scaleX(.96) !important;
  }

  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__text::after {
    opacity: .92 !important;
    transform: translateX(-50%) rotate(45deg) scale(1) !important;
  }

  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__arrow {
    transform: translate3d(0, 0, 0) scale(1) !important;
  }

  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__arrow-glow {
    opacity: .24 !important;
    transform: translate(-50%, -50%) rotate(45deg) scale(.98) !important;
  }

  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__arrow::before,
  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__arrow::after {
    opacity: 0 !important;
  }
}

/* =========================================
STARTSEITE – Hero Enter Cue V2.9
Cinematic Handoff Timeline
========================================= */
/*
Ziel:
Der Scrollhinweis verschwindet nicht getrennt von der Seite.

Timeline:
1. Cue löst sich weich auf.
2. Hero-Abstand klappt fast gleichzeitig zusammen.
3. Danach beginnt die Collector-Vault-Reveal-Animation per JS.

Wichtig:
.nerdvana-enter-cue-handoff = Cue löst sich auf.
.nerdvana-enter-cue-collapsing = Abstand klappt zusammen.
.nerdvana-enter-cue-gone = Cue bleibt bis Reload endgültig hidden.
*/

#MainContent #shopify-section-template--30569970172253__image_banner {
  transition:
    margin-bottom 1.18s cubic-bezier(.16,1,.3,1),
    filter .75s ease !important;
}

/* Basis-Transition für den sichtbaren Cue */
#MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue {
  opacity: 1;
  visibility: visible;
  filter: blur(0) brightness(1) saturate(1);
  transform: translateX(-50%) translateY(0) scale(1) !important;
  transition:
    opacity .82s ease,
    filter .96s cubic-bezier(.16,1,.3,1),
    transform 1.02s cubic-bezier(.16,1,.3,1) !important;
}

/* Phase 1: Cue löst sich weich auf */
html.nerdvana-enter-cue-handoff
  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue,
#MainContent #shopify-section-template--30569970172253__image_banner.nerdvana-enter-cue-host-handoff
  .nerdvana-enter-cue {
  opacity: 0;
  filter: blur(8px) brightness(1.12) saturate(.88);
  transform: translateX(-50%) translateY(-22px) scale(.78) !important;
  pointer-events: none !important;
  visibility: visible;
}

/* Während des Handoffs stoppen wir die internen Atem-/Echoanimationen */
html.nerdvana-enter-cue-handoff #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue *,
html.nerdvana-enter-cue-handoff #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue::before,
html.nerdvana-enter-cue-handoff #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue::after,
#MainContent #shopify-section-template--30569970172253__image_banner.nerdvana-enter-cue-host-handoff .nerdvana-enter-cue *,
#MainContent #shopify-section-template--30569970172253__image_banner.nerdvana-enter-cue-host-handoff .nerdvana-enter-cue::before,
#MainContent #shopify-section-template--30569970172253__image_banner.nerdvana-enter-cue-host-handoff .nerdvana-enter-cue::after {
  animation-play-state: paused !important;
}

/* Phase 2 startet fast gleichzeitig: Der Bereich klappt weich zusammen
V2.9.1:
Der finale Restabstand nach dem Handoff wird reduziert,
damit der Vault-Diamond näher an den Hero rückt.
*/
html.nerdvana-enter-cue-collapsing #MainContent #shopify-section-template--30569970172253__image_banner,
#MainContent #shopify-section-template--30569970172253__image_banner.nerdvana-enter-cue-host-collapsing {
  margin-bottom: clamp(2.1rem, 2.6vw, 3.6rem) !important;
}

/* Phase 3: Cue bleibt endgültig weg bis Reload */
html.nerdvana-enter-cue-gone #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue,
#MainContent #shopify-section-template--30569970172253__image_banner.nerdvana-enter-cue-host-gone .nerdvana-enter-cue {
  opacity: 0;
  visibility: hidden;
  filter: blur(8px) brightness(1.12) saturate(.88);
  transform: translateX(-50%) translateY(-22px) scale(.78) !important;
  pointer-events: none !important;
}

/* Reduced Motion: sofort weg, ohne Auflösungsanimation */
@media (prefers-reduced-motion: reduce) {
  html.nerdvana-enter-cue-handoff #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue,
  html.nerdvana-enter-cue-collapsing #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue,
  html.nerdvana-enter-cue-gone #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue,
  #MainContent #shopify-section-template--30569970172253__image_banner.nerdvana-enter-cue-host-handoff .nerdvana-enter-cue,
  #MainContent #shopify-section-template--30569970172253__image_banner.nerdvana-enter-cue-host-collapsing .nerdvana-enter-cue,
  #MainContent #shopify-section-template--30569970172253__image_banner.nerdvana-enter-cue-host-gone .nerdvana-enter-cue {
    opacity: 0 !important;
    visibility: hidden !important;
    filter: none !important;
    transform: translateX(-50%) scale(.98) !important;
    transition: none !important;
  }

html.nerdvana-enter-cue-collapsing #MainContent #shopify-section-template--30569970172253__image_banner,
html.nerdvana-enter-cue-gone #MainContent #shopify-section-template--30569970172253__image_banner,
#MainContent #shopify-section-template--30569970172253__image_banner.nerdvana-enter-cue-host-collapsing,
#MainContent #shopify-section-template--30569970172253__image_banner.nerdvana-enter-cue-host-gone {
  margin-bottom: 2.6rem !important;
  transition: none !important;
}
}
/* Quick-Add Button – Text + Warenkorb-Icon optisch sauber zentrieren */
#ProductGridContainer .quick-add__submit, #product-grid .quick-add__submit {
  gap: .54rem !important;
  line-height: 1 !important;
}
#ProductGridContainer .quick-add__submit > span:not(.hidden):not(.sold-out-message):not([class^="nerdvana-crystal-cta__"]), #product-grid .quick-add__submit > span:not(.hidden):not(.sold-out-message):not([class^="nerdvana-crystal-cta__"]) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 5 !important;
  min-height: 1.22rem !important;
  color: #102b66 !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
  letter-spacing: .064em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  transform: translateY(.005rem) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.98),0 0 5px rgba(255,255,255,.26) !important;
}
#ProductGridContainer .quick-add__submit .nerdvana-crystal-cta__icon, #product-grid .quick-add__submit .nerdvana-crystal-cta__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.2rem !important;
  height: 1.2rem !important;
  position: relative !important;
  z-index: 5 !important;
  flex: 0 0 auto !important;
  color: #102b66 !important;
  opacity: .76 !important;
  /*
  Optische Korrektur:
  Das Warenkorb-SVG sitzt visuell etwas tiefer als die Schrift,
  deshalb minimal nach oben.
  */
  transform: translateY(-0.255rem) !important;
  pointer-events: none !important;
}
#ProductGridContainer .quick-add__submit .nerdvana-crystal-cta__icon svg, #product-grid .quick-add__submit .nerdvana-crystal-cta__icon svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  overflow: visible !important;
}
#ProductGridContainer .quick-add__submit:hover .nerdvana-crystal-cta__icon, #product-grid .quick-add__submit:hover .nerdvana-crystal-cta__icon {
  opacity: .88 !important;
  color: #0d1f46 !important;
}
/* =========================================
MOBILE – HERO BUTTON BEI GEÖFFNETEM MENÜ AUSBLENDEN
Nur Mobile, Desktop bleibt unberührt
========================================= */
@media screen and (max-width: 749px) {
  body:has(header-drawer details[open]) .nerdvana-hero-button-layer, body:has(.menu-drawer-container[open]) .nerdvana-hero-button-layer, body:has(.menu-drawer-container.menu-opening) .nerdvana-hero-button-layer {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}
/* =========================================
STANDARDSEITEN – Überschriften einzeilig halten
Für Rechtstexte / normale Pages, ohne Produktkarten zu beeinflussen

V1.1:
Desktop bleibt wie bisher.
Mobile Shopify-Richtlinienseiten dürfen umbrechen, damit lange Titel
wie "Datenschutzerklärung" nicht rechts aus dem Viewport laufen.
========================================= */
.main-page-title, .page-title, .shopify-policy__title h1, .shopify-policy__container h1, .rte h1 {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

/* =========================================
MOBILE/TABLET – Legal Policy Page Fit V1
Fix für Shopify-Richtlinienseiten wie Datenschutz, AGB, Widerruf.
Nur Mobile/Tablet.
Desktop bleibt unangetastet.
========================================= */

@media screen and (max-width: 749px) {
  body #MainContent .shopify-policy__container {
    width: 100% !important;
    max-width: 100vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: clamp(1.65rem, 5.8vw, 2.35rem) !important;
    padding-right: clamp(1.65rem, 5.8vw, 2.35rem) !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  body #MainContent .shopify-policy__title,
  body #MainContent .shopify-policy__body {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body #MainContent .shopify-policy__title h1,
  body #MainContent .shopify-policy__container h1 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    hyphens: auto !important;

    font-size: clamp(2.15rem, 8.2vw, 3.05rem) !important;
    line-height: 1.12 !important;
    letter-spacing: clamp(.045em, .85vw, .105em) !important;
    text-align: left !important;
  }

  body #MainContent .shopify-policy__body,
  body #MainContent .shopify-policy__body .rte,
  body #MainContent .shopify-policy__body p,
  body #MainContent .shopify-policy__body li {
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
}
/* =========================================
STANDARDSEITEN / COLLECTIONS – Beschreibung unter Überschrift
Cinzel + dunkles Cyan wie Landingpage-Eyebrow
========================================= */
.collection-hero__description, .collection-hero__description p, .main-page-title + .rte, .main-page-title + .rte p, .page-title + .rte, .page-title + .rte p, .shopify-policy__container .rte > p:first-of-type {
  color: rgba(56,189,248,.82) !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: 1.22rem !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  letter-spacing: .045em !important;
  text-shadow: 0 0 10px rgba(56,189,248,.1) !important;
}
/* =========================================
COLLECTION BASE
Allgemeine Basis für Dawn-Collection-Sections
========================================= */
.shopify-section .collection {
  background: transparent !important;
  padding-top: 3.2rem !important;
  padding-bottom: 3.2rem !important;
}
.shopify-section .collection .page-width {
  max-width: 1920px !important;
  padding-left: 2.2rem !important;
  padding-right: 2.2rem !important;
}
.shopify-section .collection .title-wrapper-with-link, .shopify-section .collection .title-wrapper, .shopify-section .collection .collection__title {
  position: relative !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  margin-bottom: 2.6rem !important;
  padding-bottom: 1.8rem !important;
}
.shopify-section .collection .title-wrapper-with-link::before, .shopify-section .collection .title-wrapper::before, .shopify-section .collection .collection__title::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: .85rem !important;
  height: 1px !important;
  background: rgba(255,255,255,.11) !important;
}
.shopify-section .collection .title-wrapper-with-link::after, .shopify-section .collection .title-wrapper::after, .shopify-section .collection .collection__title::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: .25rem !important;
  width: 14px !important;
  height: 14px !important;
  transform: translateX(-50%)rotate(45deg) !important;
  background: rgba(56,189,248,.24) !important;
  border: 1px solid rgba(56,189,248,.5) !important;
  box-shadow: 0 0 18px rgba(56,189,248,.55) !important;
}
.shopify-section .collection .title, .shopify-section .collection .inline-richtext, .shopify-section .collection h2 {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 auto !important;
  padding: 0 3rem !important;
  background: var(--nerdvana-bg) !important;
  text-align: center !important;
  text-transform: uppercase !important;
  letter-spacing: .22em !important;
  font-size: 2rem !important;
  line-height: 1.2 !important;
  color: rgba(255,255,255,.92) !important;
}
@media screen and (min-width: 990px) {
  .shopify-section .collection .product-grid, .shopify-section .collection .grid {
    display: grid !important;
    grid-template-columns: repeat(5,minmax(0,1fr)) !important;
    column-gap: 1.6rem !important;
    row-gap: 2rem !important;
  }
}
/* =========================================
STANDARDKOLLEKTION – TITEL / FILTER / SORTIERUNG
Premium Collection-Kopfbereich
Produktkacheln bleiben unberührt
========================================= */
/* Collection-Hero / Titelbereich */
body #MainContent .collection-hero, body #MainContent .collection-hero.color-background-1, body #MainContent .collection-hero.gradient {
  background: transparent !important;
  padding-top: 8rem !important;
  padding-bottom: 2.2rem !important;
}
body #MainContent .collection-hero__inner {
  max-width: 1920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 2.2rem !important;
  padding-right: 2.2rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
/* Collection-Titel */
body #MainContent .collection-hero__title, body #MainContent .collection-hero__title + *, body #MainContent h1.collection-hero__title {
  position: relative !important;
  margin: 0 auto !important;
  padding: 0 3.4rem 3.4rem !important;
  max-width: 1320px !important;
  color: var(--nerdvana-heading) !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: clamp(2.6rem,2.5vw,4.2rem) !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.92),0 0 14px rgba(5,200,255,.08) !important;
}
/* Feine Premium-Linie unter Collection-Titel */
body #MainContent .collection-hero__title::before, body #MainContent h1.collection-hero__title::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 1.25rem !important;
  transform: translateX(-50%) !important;
  width: min(920px,78vw) !important;
  height: 1px !important;
  background: linear-gradient(90deg,transparent 0,rgba(27,61,143,.12)18%,rgba(5,200,255,.34)50%,rgba(27,61,143,.12)82%,transparent 100%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.88) !important;
}
/* Kleiner Kristall-Diamant unter Collection-Titel */
body #MainContent .collection-hero__title::after, body #MainContent h1.collection-hero__title::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: .38rem !important;
  width: 16px !important;
  height: 16px !important;
  transform: translateX(-50%)rotate(45deg) !important;
  background: linear-gradient(135deg,rgba(255,255,255,.98)0,rgba(232,248,255,.88)48%,rgba(5,200,255,.2)100%) !important;
  border: 1px solid rgba(5,200,255,.46) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.92)inset,0 0 14px rgba(5,200,255,.2),0 0 24px rgba(138,92,255,.07) !important;
}
/* Optional vorhandene Collection-Beschreibung */
body #MainContent .collection-hero__description, body #MainContent .collection-hero__description p {
  max-width: 860px !important;
  margin: .2rem auto 0 !important;
  color: rgba(36,54,95,.72) !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: 1.22rem !important;
  line-height: 1.75 !important;
  letter-spacing: .02em !important;
  text-align: center !important;
}
/* =========================================
STANDARDKOLLEKTION – Collection Tree Sidebar
Sticky Baumnavigation links, Produktgrid rechts
Produktkacheln bleiben optisch unberührt
========================================= */
body #MainContent .nerdvana-collection-tree-section {
  background: transparent !important;
  box-sizing: border-box !important;
}
/* Desktop: klare Zwei-Zonen-Logik – links Tree, mittig Content
Ab 1600px skaliert der Mittelbereich kontrolliert kleiner,
statt dass Sidebar und Produktkarten überlappen.
*/
@media screen and (min-width: 1600px) {
  body:has(.nerdvana-collection-tree-section) {
    /* Smooth-Skalierung von 1600px bis 2200px Viewportbreite */
    --nerdvana-tree-width: clamp(240px,calc(10vw + 80px),300px);
    --nerdvana-tree-gap: clamp(13px,calc(3.1667vw - 37.667px),32px);
    --nerdvana-main-width: clamp(1080px,calc(73.3333vw - 93.333px),1520px);
    --nerdvana-main-half: clamp(540px,calc(36.6667vw - 46.667px),760px);
  }
  body:has(.nerdvana-collection-tree-section) #MainContent {
    position: relative !important;
  }
  body #MainContent .nerdvana-collection-tree-section {
    position: static !important;
    z-index: 70 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  body #MainContent .nerdvana-collection-tree {
      /* Sidemenu Font-Größen-Hebel */
  --nerdvana-tree-level-1-size: 1.18rem;
  --nerdvana-tree-level-2-size: 1.12rem;
  --nerdvana-tree-level-3-size: 1.06rem;
    position: absolute !important;
    left: max(.75rem, calc(50% - var(--nerdvana-main-half) - var(--nerdvana-tree-width) - var(--nerdvana-tree-gap))) !important;
    top: 36rem !important;
    transform: none !important;
    z-index: 75 !important;
    width: var(--nerdvana-tree-width) !important;
    max-height: none !important;
    overflow-y: visible !important;
    overflow-x: hidden !important;
    padding: 1.2rem !important;
    border-radius: 24px !important;
    border: 1px solid rgba(225,232,237,.92) !important;
    background: radial-gradient(ellipse at 22% 0,rgba(255,255,255,.76)0,rgba(255,255,255,.26)30%,transparent 58%),radial-gradient(ellipse at 82% 100%,rgba(205,216,224,.18)0,rgba(205,216,224,.045)36%,transparent 70%),linear-gradient(180deg,rgba(255,255,255,.58)0,rgba(252,253,254,.34)46%,rgba(238,242,245,.4)100%) !important;
    box-shadow: 0 26px 56px rgba(13,31,70,.095),0 12px 24px rgba(13,31,70,.048),0 2px 3px rgba(255,255,255,.78)inset,0 0 0 1px rgba(255,255,255,.94)inset,0 0 0 2px rgba(255,255,255,.2)inset,0 -1px 0 rgba(145,164,175,.09)inset,0 -16px 26px rgba(188,198,205,.05)inset !important;
    backdrop-filter: blur(20px)saturate(1.05) !important;
    -webkit-backdrop-filter: blur(20px)saturate(1.05) !important;
    will-change: auto !important;
  }
  /* Der komplette Mittelbereich bleibt zentriert und wird NICHT mehr nach rechts gedrückt */
  body:has(.nerdvana-collection-tree-section) #MainContent .collection-hero, body:has(.nerdvana-collection-tree-section) #MainContent .collection-hero.color-background-1, body:has(.nerdvana-collection-tree-section) #MainContent .collection-hero.gradient, body:has(.nerdvana-collection-tree-section) #MainContent #main-collection-filters, body:has(.nerdvana-collection-tree-section) #MainContent #main-collection-filters.page-width, body:has(.nerdvana-collection-tree-section) #MainContent .facets-container, body:has(.nerdvana-collection-tree-section) #MainContent .facets-vertical-sort.page-width, body:has(.nerdvana-collection-tree-section) #MainContent facet-filters-form.facets, body:has(.nerdvana-collection-tree-section) #MainContent .facets-vertical.page-width, body:has(.nerdvana-collection-tree-section) #MainContent .collection.page-width, body:has(.nerdvana-collection-tree-section) #MainContent .collection .page-width, body:has(.nerdvana-collection-tree-section) #MainContent #ProductGridContainer, body:has(.nerdvana-collection-tree-section) #MainContent .pagination-wrapper {
    width: 100% !important;
    max-width: calc(var(--nerdvana-main-width)+ 4.4rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 2.2rem !important;
    padding-right: 2.2rem !important;
    box-sizing: border-box !important;
  }
  /* Filterpanel als stabiles Premium-Control-Dock
  Nicht mehr an die dynamisch skalierende Produktgrid-Breite koppeln,
  damit die Leiste beim Resize nicht wie ein Gummiband langgezogen wird. */
  body:has(.nerdvana-collection-tree-section) #MainContent .facets__form {
    width: min(100%,1180px) !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  /* Produktgrid exakt in der Mittelspur */
  body:has(.nerdvana-collection-tree-section) #MainContent #product-grid, body:has(.nerdvana-collection-tree-section) #MainContent #ProductGridContainer .product-grid, body:has(.nerdvana-collection-tree-section) #MainContent #ProductGridContainer .grid {
    width: 100% !important;
    max-width: var(--nerdvana-main-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  }
  /* Alter horizontaler Switcher bleibt ausgeblendet */
  body:has(.nerdvana-collection-tree-section) #MainContent .nerdvana-collection-switcher-section {
    display: none !important;
  }
}
/* Tree Panel Inhalt */
body #MainContent .nerdvana-collection-tree__title {
  position: relative !important;
  margin: 0 0 var(--nerdvana-tree-title-margin-bottom) !important;
  padding:
    var(--nerdvana-tree-title-padding-top)
    .35rem
    var(--nerdvana-tree-title-padding-bottom) !important;
  border-bottom: 0 !important;
  color: var(--nerdvana-tree-title-color) !important;
  text-align: center !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: var(--nerdvana-tree-title-size) !important;
  font-weight: var(--nerdvana-tree-title-weight) !important;
  letter-spacing: var(--nerdvana-tree-title-letter-spacing) !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}
/* Collection Tree Titel – Trennlinie hinter dem Kristall */
body #MainContent .nerdvana-collection-tree__title::before {
  content: "" !important;
  position: absolute !important;
  left: .35rem !important;
  right: .35rem !important;
  bottom: var(--nerdvana-tree-title-line-bottom) !important;
  height: 1px !important;
  background: linear-gradient(90deg,rgba(27,61,143,.04)0,rgba(27,61,143,.12)22%,rgba(5,200,255,.16)50%,rgba(27,61,143,.12)78%,rgba(27,61,143,.04)100%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.72) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
/* Collection Tree Titel – kleiner Collector-Vault-Kristall */
body #MainContent .nerdvana-collection-tree__title::after {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  left: 50% !important;
  bottom: var(--nerdvana-tree-title-crystal-bottom) !important;
  width: 8px !important;
  height: 8px !important;
  transform: translateX(-50%)rotate(45deg) !important;
  border-radius: 1px !important;
  border: 1px solid rgba(5,200,255,.34) !important;
  background: linear-gradient(135deg,rgba(255,255,255,.96)0,rgba(248,251,253,.88)52%,rgba(226,235,241,.74)100%) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.92)inset,0 0 8px rgba(5,200,255,.16),0 1px 4px rgba(13,31,70,.08) !important;
  pointer-events: none !important;
}
body #MainContent .nerdvana-collection-tree__nav, body #MainContent .nerdvana-collection-tree__list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body #MainContent .nerdvana-collection-tree__item {
  margin: 0 !important;
  padding: 0 !important;
}
body #MainContent .nerdvana-collection-tree {
  /* Sidemenu Font-Größen-Hebel */
  --nerdvana-tree-level-1-size: 1.26rem;
  --nerdvana-tree-level-2-size: 1.18rem;
  --nerdvana-tree-level-3-size: 1.08rem;

  /* Sidemenu Überschrift-Hebel */
  --nerdvana-tree-title-size: 1.50rem;
  --nerdvana-tree-title-weight: 500;
  --nerdvana-tree-title-letter-spacing: .15em;
  --nerdvana-tree-title-color: #0d1f46;
  --nerdvana-tree-title-margin-bottom: 1.15rem;
  --nerdvana-tree-title-padding-top: .25rem;
  --nerdvana-tree-title-padding-bottom: .95rem;
  --nerdvana-tree-title-line-bottom: -0.18rem;
  --nerdvana-tree-title-crystal-bottom: -0.60rem;
}

body #MainContent .nerdvana-collection-tree__link {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .9rem !important;
  min-height: 36px !important;
  margin: .15rem 0 !important;
  border-radius: 13px !important;
  border: 1px solid transparent !important;
  color: rgba(36,54,95,.78) !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-weight: 500 !important;
  line-height: 1.28 !important;
  letter-spacing: .058em !important;
  text-decoration: none !important;
  transition: color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease !important;
}

/* Safety: falls Text in Spans/Labels sitzt, erbt er wirklich Cinzel */
body #MainContent .nerdvana-collection-tree__link span,
body #MainContent .nerdvana-collection-tree__link em,
body #MainContent .nerdvana-collection-tree__link strong {
  font-family: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
}

body #MainContent .nerdvana-collection-tree__link--level-1 {
  padding: 0 .95rem !important;
  color: #1b3d8f !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: var(--nerdvana-tree-level-1-size) !important;
  font-weight: 500 !important;
  letter-spacing: .09em !important;
  line-height: 1.28 !important;
  text-transform: uppercase !important;
}

body #MainContent .nerdvana-collection-tree__link--level-2 {
  min-height: 39px !important;
  padding: 0 .85rem 0 1.4rem !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: var(--nerdvana-tree-level-2-size) !important;
  font-weight: 500 !important;
  line-height: 1.34 !important;
  letter-spacing: .046em !important;
}

body #MainContent .nerdvana-collection-tree__link--level-3 {
  min-height: 37px !important;
  padding: 0 .75rem 0 2.1rem !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: var(--nerdvana-tree-level-3-size) !important;
  font-weight: 500 !important;
  line-height: 1.34 !important;
  letter-spacing: .04em !important;
}

/* Collection Tree Font Lock – Cinzel auf allen Ebenen erzwingen */
body #MainContent .nerdvana-collection-tree__link,
body #MainContent .nerdvana-collection-tree__link--level-1,
body #MainContent .nerdvana-collection-tree__link--level-2,
body #MainContent .nerdvana-collection-tree__link--level-3,
body #MainContent .nerdvana-collection-tree__link span,
body #MainContent .nerdvana-collection-tree__link em,
body #MainContent .nerdvana-collection-tree__link strong {
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
}
body #MainContent .nerdvana-collection-tree__link:hover, body #MainContent .nerdvana-collection-tree__link:focus-visible {
  color: #1b3d8f !important;
  background: radial-gradient(ellipse at 22% 0,rgba(255,255,255,.76)0,rgba(255,255,255,.24)34%,transparent 64%),linear-gradient(180deg,rgba(255,255,255,.5)0,rgba(252,253,254,.24)48%,rgba(238,242,245,.3)100%) !important;
  border-color: rgba(5,200,255,.24) !important;
  box-shadow: 0 6px 14px rgba(13,31,70,.04),0 0 0 1px rgba(5,200,255,.09)inset,0 0 14px rgba(5,200,255,.065),0 1px 2px rgba(255,255,255,.78)inset,0 0 0 1px rgba(255,255,255,.86)inset,0 -8px 14px rgba(188,198,205,.04)inset !important;
  outline: none !important;
  text-decoration: none !important;
}
/* Aktive Seite – eingelassene Glas-Kapsel mit feinem Cyan-Randlicht */
body #MainContent .nerdvana-collection-tree__link.is-current, body #MainContent .nerdvana-collection-tree__item.is-current > .nerdvana-collection-tree__link {
  color: #1b3d8f !important;
  background: radial-gradient(ellipse at 22% 0,rgba(255,255,255,.88)0,rgba(255,255,255,.34)34%,transparent 66%),radial-gradient(ellipse at 82% 100%,rgba(205,216,224,.18)0,rgba(205,216,224,.045)38%,transparent 72%),linear-gradient(180deg,rgba(255,255,255,.62)0,rgba(252,253,254,.3)48%,rgba(238,242,245,.38)100%) !important;
  border-color: rgba(5,200,255,.26) !important;
  box-shadow: 0 8px 16px rgba(13,31,70,.052),0 0 0 1px rgba(5,200,255,.1)inset,0 0 16px rgba(5,200,255,.075),0 1px 2px rgba(255,255,255,.86)inset,0 0 0 1px rgba(255,255,255,.96)inset,0 0 0 2px rgba(255,255,255,.2)inset,0 -1px 0 rgba(145,164,175,.08)inset,0 -10px 16px rgba(188,198,205,.045)inset !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.94),0 0 5px rgba(255,255,255,.18) !important;
}
/* Hauptkategorien – dezenter Premium-Hover mit Cyan-Microglow
Nur Randlicht/Shadow, kein cyanfarbener Background-Verlauf */
body #MainContent .nerdvana-collection-tree__link--level-1:hover, body #MainContent .nerdvana-collection-tree__link--level-1:focus-visible {
  color: #0d1f46 !important;
  background: radial-gradient(ellipse at 18% 0,rgba(255,255,255,.76)0,rgba(255,255,255,.24)34%,transparent 64%),linear-gradient(180deg,rgba(255,255,255,.48)0,rgba(252,253,254,.22)48%,rgba(238,242,245,.28)100%) !important;
  border-color: rgba(5,200,255,.22) !important;
  box-shadow: 0 7px 15px rgba(13,31,70,.04),0 0 0 1px rgba(5,200,255,.075)inset,0 0 13px rgba(5,200,255,.055),0 1px 2px rgba(255,255,255,.8)inset,0 0 0 1px rgba(255,255,255,.88)inset,0 -8px 14px rgba(188,198,205,.038)inset !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.94),0 0 6px rgba(5,200,255,.055) !important;
}
/* Geöffnete Hauptkategorie bleibt minimal hervorgehoben, aber ruhiger als Hover */
body #MainContent .nerdvana-collection-tree__item.is-open > .nerdvana-collection-tree__link--level-1 {
  color: #1b3d8f !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.9),0 0 6px rgba(5,200,255,.1) !important;
}
/* Pfeil der Hauptkategorie reagiert beim Hover etwas edler */
body #MainContent .nerdvana-collection-tree__link--level-1:hover .nerdvana-collection-tree__indicator, body #MainContent .nerdvana-collection-tree__link--level-1:focus-visible .nerdvana-collection-tree__indicator {
  border-color: rgba(5,200,255,.46) !important;
  filter: drop-shadow(0 0 6px rgba(5,200,255,.14))drop-shadow(0 1px 0 rgba(255,255,255,.78)) !important;
}
/* Unterebenen elegant animieren */
body #MainContent .nerdvana-collection-tree__list--level-2, body #MainContent .nerdvana-collection-tree__list--level-3 {
  display: block !important;
  max-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  transform: translateY(-4px) !important;
  transition: max-height .38s cubic-bezier(.22,1,.36,1),opacity .22s ease,transform .34s cubic-bezier(.22,1,.36,1) !important;
}
body #MainContent .nerdvana-collection-tree__details[open] > .nerdvana-collection-tree__list, body #MainContent .nerdvana-collection-tree__item.is-open > .nerdvana-collection-tree__list {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
body #MainContent .nerdvana-collection-tree__list--level-2 {
  margin: .35rem 0 .45rem !important;
  padding-left: .35rem !important;
  border-left: 1px solid rgba(205,216,224,.58) !important;
  box-shadow: -1px 0 0 rgba(255,255,255,.74),-4px 0 12px -10px rgba(5,200,255,.32) !important;
}
body #MainContent .nerdvana-collection-tree__list--level-3 {
  margin: .25rem 0 .45rem !important;
  padding-left: .45rem !important;
  border-left: 1px solid rgba(5,200,255,.2) !important;
  box-shadow: -1px 0 0 rgba(255,255,255,.7),-4px 0 12px -10px rgba(5,200,255,.34) !important;
}
/* Details/Summary-Verhalten für aufklappbare Tree-Bereiche */
body #MainContent .nerdvana-collection-tree__details {
  margin: 0 !important;
  padding: 0 !important;
}
body #MainContent .nerdvana-collection-tree__details > summary {
  cursor: pointer !important;
  list-style: none !important;
}
body #MainContent .nerdvana-collection-tree__details > summary::-webkit-details-marker {
  display: none !important;
}
/* Bei reduzierter Bewegung keine Animation erzwingen */
@media (prefers-reduced-motion: reduce) {
  body #MainContent .nerdvana-collection-tree__list--level-2, body #MainContent .nerdvana-collection-tree__list--level-3 {
    transition: none !important;
    transform: none !important;
  }
}
/* Kleine Glas-Indikatoren für Bereiche mit Unterpunkten */
body #MainContent .nerdvana-collection-tree__indicator {
  width: .44rem !important;
  height: .44rem !important;
  flex: 0 0 auto !important;
  border-right: 1.35px solid rgba(27,61,143,.58) !important;
  border-bottom: 1.35px solid rgba(27,61,143,.58) !important;
  filter: drop-shadow(0 0 4px rgba(5,200,255,.1))drop-shadow(0 1px 0 rgba(255,255,255,.72)) !important;
  transform: rotate(45deg)translateY(-1px) !important;
  transition: transform .18s ease,border-color .18s ease,filter .18s ease !important;
}
body #MainContent .nerdvana-collection-tree__link:hover .nerdvana-collection-tree__indicator, body #MainContent .nerdvana-collection-tree__link:focus-visible .nerdvana-collection-tree__indicator, body #MainContent .nerdvana-collection-tree__link.is-current .nerdvana-collection-tree__indicator, body #MainContent .nerdvana-collection-tree__item.is-current > .nerdvana-collection-tree__link .nerdvana-collection-tree__indicator {
  border-color: rgba(5,200,255,.58) !important;
  filter: drop-shadow(0 0 6px rgba(5,200,255,.22))drop-shadow(0 1px 0 rgba(255,255,255,.76)) !important;
}
body #MainContent .nerdvana-collection-tree__item.is-open > .nerdvana-collection-tree__link .nerdvana-collection-tree__indicator {
  border-color: rgba(27,61,143,.7) !important;
  filter: drop-shadow(0 0 5px rgba(5,200,255,.16))drop-shadow(0 1px 0 rgba(255,255,255,.76)) !important;
  transform: rotate(225deg)translateY(-1px) !important;
}
/* Mobile/Tablet: Tree als normales sichtbares Panel oberhalb der Produkte */
@media screen and (max-width: 1599px) {
  body #MainContent .nerdvana-collection-tree-section {
    width: 100% !important;
    margin: 0 auto 1.4rem !important;
    padding: 0 1.4rem !important;
    background: transparent !important;
  }
  body #MainContent .nerdvana-collection-tree {
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 1.1rem !important;
    border-radius: 22px !important;
    border: 1px solid rgba(225,232,237,.92) !important;
    background: radial-gradient(ellipse at 22% 0,rgba(255,255,255,.78)0,rgba(255,255,255,.28)30%,transparent 58%),radial-gradient(ellipse at 82% 100%,rgba(205,216,224,.16)0,rgba(205,216,224,.04)36%,transparent 70%),linear-gradient(180deg,rgba(255,255,255,.62)0,rgba(252,253,254,.38)46%,rgba(238,242,245,.42)100%) !important;
    box-shadow: 0 16px 34px rgba(13,31,70,.07),0 7px 16px rgba(13,31,70,.036),0 2px 3px rgba(255,255,255,.78)inset,0 0 0 1px rgba(255,255,255,.94)inset,0 0 0 2px rgba(255,255,255,.18)inset,0 -12px 22px rgba(188,198,205,.045)inset !important;
    backdrop-filter: blur(18px)saturate(1.04) !important;
    -webkit-backdrop-filter: blur(18px)saturate(1.04) !important;
  }
}
/* =========================================
STANDARDKOLLEKTION – Collection Switcher
Lokale Navigation zwischen verwandten Collections
Produktkacheln bleiben unberührt
========================================= */
body #MainContent .nerdvana-collection-switcher-section {
  width: 100% !important;
  margin: 0 auto 1.35rem !important;
  padding: 0 2.2rem !important;
  background: transparent !important;
  box-sizing: border-box !important;
}
body #MainContent .nerdvana-collection-switcher {
  width: fit-content !important;
  max-width: min(940px,calc(100vw - 4.4rem)) !important;
  margin: 0 auto !important;
  padding: 1.05rem 1.35rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1.15rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(27,61,143,.09) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.84),rgba(247,250,253,.68)) !important;
  box-shadow: 0 12px 28px rgba(13,31,70,.048),0 0 0 1px rgba(255,255,255,.8)inset !important;
  backdrop-filter: blur(14px)saturate(1.08) !important;
  -webkit-backdrop-filter: blur(14px)saturate(1.08) !important;
}
body #MainContent .nerdvana-collection-switcher__eyebrow {
  flex: 0 0 auto !important;
  color: #1b3d8f !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: 1.02rem !important;
  font-weight: 700 !important;
  letter-spacing: .13em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
body #MainContent .nerdvana-collection-switcher__nav {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: .72rem !important;
}
body #MainContent .nerdvana-collection-switcher__chip {
  min-width: 4.25rem !important;
  min-height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 1.15rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(27,61,143,.1) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.86),rgba(241,247,252,.76)) !important;
  color: rgba(36,54,95,.82) !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: 1.04rem !important;
  font-weight: 650 !important;
  letter-spacing: .035em !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(13,31,70,.032),0 1px 0 rgba(255,255,255,.84)inset !important;
  transition: border-color .22s ease,color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease !important;
}
body #MainContent .nerdvana-collection-switcher__chip:hover, body #MainContent .nerdvana-collection-switcher__chip:focus-visible {
  border-color: rgba(5,200,255,.26) !important;
  color: #1b3d8f !important;
  background: linear-gradient(180deg,rgba(255,255,255,.92),rgba(238,247,252,.84)) !important;
  box-shadow: 0 6px 14px rgba(13,31,70,.055),0 0 14px rgba(5,200,255,.08),0 1px 0 rgba(255,255,255,.92)inset !important;
  text-decoration: none !important;
  outline: none !important;
  transform: translateY(-1px) !important;
}
body #MainContent .nerdvana-collection-switcher__chip.is-active, body #MainContent .nerdvana-collection-switcher__chip[aria-current="page"] {
  color: #1b3d8f !important;
  border-color: rgba(5,200,255,.38) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.96),rgba(232,248,255,.8)) !important;
  box-shadow: 0 7px 16px rgba(13,31,70,.06),0 0 16px rgba(5,200,255,.13),0 1px 0 rgba(255,255,255,.94)inset !important;
}
@media screen and (max-width: 749px) {
  body #MainContent .nerdvana-collection-switcher-section {
    padding-left: 1.4rem !important;
    padding-right: 1.4rem !important;
    margin-bottom: 1.2rem !important;
  }
  body #MainContent .nerdvana-collection-switcher {
    width: 100% !important;
    max-width: none !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1rem !important;
    border-radius: 18px !important;
  }
  body #MainContent .nerdvana-collection-switcher__eyebrow {
    text-align: center !important;
  }
  body #MainContent .nerdvana-collection-switcher__nav {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  body #MainContent .nerdvana-collection-switcher__chip {
    min-width: 4rem !important;
    min-height: 32px !important;
    padding: 0 1rem !important;
    font-size: .96rem !important;
  }
}
/* Filter-/Sortierbereich als zentriertes Premium-Panel */
body #MainContent #main-collection-filters, body #MainContent #main-collection-filters.page-width, body #MainContent .facets-container, body #MainContent .facets-vertical-sort.page-width, body #MainContent facet-filters-form.facets {
  max-width: 1420px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 2.2rem !important;
  padding-right: 2.2rem !important;
  box-sizing: border-box !important;
}

/* Abstand zwischen Filterleiste und Produktgrid */
body #MainContent .facets-container {
  margin-bottom: .5rem !important;
}

/* Dawn-Wrapper stabil halten, aber die eigentliche Filterleiste nicht mehr auf 100% zwingen */
body #MainContent #main-collection-filters .facets-container,
body #MainContent #main-collection-filters .facets,
body #MainContent .facets-container .facets,
body #MainContent facet-filters-form.facets {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* Doppelte externe Produktanzahl ausblenden */
body #MainContent .facets-vertical-sort.page-width .product-count, body #MainContent .facets-vertical-form .product-count, body #MainContent #main-collection-filters + .product-count {
  display: none !important;
}

/* Dawn-Facets-Zeile: stabiles Premium-Control-Dock statt dynamischer Full-Width-Leiste */
body #MainContent .facets__form {
  display: grid !important;
  width: min(100%,1180px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  grid-template-columns: minmax(0,1fr) auto auto !important;
  grid-template-areas: "filters sort count" !important;
  align-items: center !important;
  justify-items: stretch !important;
  column-gap: clamp(1.8rem,2vw,2.8rem) !important;
  row-gap: 0 !important;
  min-height: 60px !important;
  padding: .9rem 1.45rem !important;
  border-radius: 24px !important;
  border: 1px solid rgba(225,232,237,.9) !important;
  background: radial-gradient(ellipse at 18% 0,rgba(255,255,255,.74)0,rgba(255,255,255,.25)30%,transparent 58%),radial-gradient(ellipse at 86% 100%,rgba(205,216,224,.15)0,rgba(205,216,224,.04)36%,transparent 70%),linear-gradient(180deg,rgba(255,255,255,.6)0,rgba(252,253,254,.36)48%,rgba(238,242,245,.38)100%) !important;
  box-shadow: 0 18px 38px rgba(13,31,70,.07),0 8px 18px rgba(13,31,70,.034),0 2px 3px rgba(255,255,255,.78)inset,0 0 0 1px rgba(255,255,255,.94)inset,0 0 0 2px rgba(255,255,255,.18)inset,0 -1px 0 rgba(145,164,175,.08)inset,0 -14px 22px rgba(188,198,205,.044)inset !important;
  backdrop-filter: blur(18px)saturate(1.05) !important;
  -webkit-backdrop-filter: blur(18px)saturate(1.05) !important;
}
/* Linke Filtergruppe */
body #MainContent .facets__wrapper {
  grid-area: filters !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: .95rem !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Filter-Label */
body #MainContent .facets__heading {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  margin: 0 .35rem 0 0 !important;
  padding: 0 !important;
  color: #1b3d8f !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
/* Einzelne Filter-Dropdowns */
body #MainContent .facets__disclosure {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(7px) !important;
}
/* Summary/Pill */
body #MainContent .facets__summary {
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 1.55rem 0 1.15rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: .72rem !important;
  width: auto !important;
  min-width: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(205,216,224,.82) !important;
  background: radial-gradient(ellipse at 20% 0,rgba(255,255,255,.78)0,rgba(255,255,255,.24)34%,transparent 64%),linear-gradient(180deg,rgba(255,255,255,.54)0,rgba(252,253,254,.28)48%,rgba(238,242,245,.34)100%) !important;
  color: rgba(36,54,95,.86) !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: 1.03rem !important;
  font-weight: 500 !important;
  letter-spacing: .02em !important;
  line-height: 1 !important;
  box-shadow: 0 5px 13px rgba(13,31,70,.036),0 1px 2px rgba(255,255,255,.82)inset,0 0 0 1px rgba(255,255,255,.9)inset,0 -7px 13px rgba(188,198,205,.036)inset !important;
  white-space: nowrap !important;
  transition: border-color .22s ease,color .22s ease,box-shadow .22s ease,background .22s ease !important;
}
body #MainContent .facets__summary::-webkit-details-marker {
  display: none !important;
}
body #MainContent .facets__summary > div {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 36px !important;
  min-height: 36px !important;
  gap: .82rem !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}
body #MainContent .facets__summary-label {
  display: inline-flex !important;
  align-items: center !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  transform: translateY(1px) !important;
}
body #MainContent .facets__summary .icon-caret {
  margin: 0 !important;
}
body #MainContent details[open] > .facets__summary, body #MainContent .facets__summary:hover, body #MainContent .facets__summary:focus-visible {
  border-color: rgba(5,200,255,.24) !important;
  color: #1b3d8f !important;
  background: radial-gradient(ellipse at 20% 0,rgba(255,255,255,.84)0,rgba(255,255,255,.3)34%,transparent 66%),linear-gradient(180deg,rgba(255,255,255,.6)0,rgba(252,253,254,.32)48%,rgba(238,242,245,.38)100%) !important;
  box-shadow: 0 7px 15px rgba(13,31,70,.044),0 0 0 1px rgba(5,200,255,.085)inset,0 0 13px rgba(5,200,255,.06),0 1px 2px rgba(255,255,255,.86)inset,0 0 0 1px rgba(255,255,255,.94)inset,0 -8px 14px rgba(188,198,205,.038)inset !important;
}
/* Unterstreichung im Filter-Hover entfernen */
body #MainContent .facets__summary:hover .facets__summary-label, body #MainContent .facets__summary:focus .facets__summary-label, body #MainContent .facets__summary:focus-visible .facets__summary-label, body #MainContent .facets__summary[aria-expanded="true"] .facets__summary-label {
  text-decoration: none !important;
  text-underline-offset: 0 !important;
}
/* Text-Cursor/Caret in Filter- und Sortier-Dropdowns ausblenden */
body #MainContent .facets__summary, body #MainContent .facets__summary *, body #MainContent .facets__summary-label, body #MainContent .facet-filters__sort {
  caret-color: transparent !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  cursor: pointer !important;
}
body #MainContent .facets__summary:focus, body #MainContent .facets__summary:focus-visible, body #MainContent .facet-filters__sort:focus, body #MainContent .facet-filters__sort:focus-visible {
  caret-color: transparent !important;
}
/* Caret bei Filter-Pills: mehr Abstand zur Schrift */
body #MainContent .facets__summary .icon-caret {
  position: static !important;
  flex: 0 0 auto !important;
  width: .9rem !important;
  height: .9rem !important;
  margin-left: .2rem !important;
  margin-right: 0 !important;
  transform: none !important;
  color: rgba(27,61,143,.58) !important;
  filter: drop-shadow(0 0 4px rgba(5,200,255,.08))drop-shadow(0 1px 0 rgba(255,255,255,.72)) !important;
}
body #MainContent details[open] > .facets__summary .icon-caret, body #MainContent .facets__summary:hover .icon-caret, body #MainContent .facets__summary:focus-visible .icon-caret {
  color: rgba(5,200,255,.5) !important;
  filter: drop-shadow(0 0 5px rgba(5,200,255,.16))drop-shadow(0 1px 0 rgba(255,255,255,.76)) !important;
}
/* Sortierbereich rechts */
body #MainContent .facet-filters {
  grid-area: sort !important;
  justify-self: end !important;
  align-self: center !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
body #MainContent .facet-filters__field {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: .85rem !important;
  width: auto !important;
  max-width: none !important;
  min-height: 36px !important;
}
body #MainContent .facet-filters__label {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #1b3d8f !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
body #MainContent .facet-filters__sort {
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 3.75rem 0 1.15rem !important;
  width: auto !important;
  min-width: 190px !important;
  max-width: 250px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(27,61,143,.1) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.86),rgba(241,247,252,.76)) !important;
  color: rgba(36,54,95,.84) !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: 1.03rem !important;
  font-weight: 500 !important;
  line-height: 36px !important;
  box-shadow: 0 4px 12px rgba(13,31,70,.035),0 1px 0 rgba(255,255,255,.84)inset !important;
  white-space: nowrap !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
/* Caret beim Sortierfeld: weiter weg vom rechten Rand */
body #MainContent .facet-filters__field .icon-caret {
  position: absolute !important;
  right: 1.15rem !important;
  top: 50% !important;
  width: .9rem !important;
  height: .9rem !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  color: rgba(27,61,143,.7) !important;
}
/* Hover/Fokus für Sortier-Kapsel – passend zu Verfügbarkeit/Preis */
body #MainContent .facet-filters__sort:hover, body #MainContent .facet-filters__sort:focus, body #MainContent .facet-filters__sort:focus-visible, body #MainContent .facet-filters__field:hover .facet-filters__sort {
  border-color: rgba(5,200,255,.24) !important;
  color: #1b3d8f !important;
  background: linear-gradient(180deg,rgba(255,255,255,.9),rgba(238,247,252,.82)) !important;
  box-shadow: 0 6px 14px rgba(13,31,70,.05),0 0 14px rgba(5,200,255,.07),0 1px 0 rgba(255,255,255,.9)inset !important;
  outline: none !important;
}
/* Custom Sortier-Dropdown im Celestial-Glass-Stil */
body #MainContent .facet-filters__field .select {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}
/* Native Select unsichtbar halten, aber für Shopify-Funktion im DOM lassen */
body #MainContent .facet-filters__field .select .facet-filters__sort {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 100% !important;
  height: 100% !important;
}
/* Dawn-Caret beim nativen Select ausblenden */
body #MainContent .facet-filters__field .select > .icon-caret, body #MainContent .facet-filters__field .select > .svg-wrapper {
  display: none !important;
}
body #MainContent .nerdvana-sort-control {
  position: relative !important;
  z-index: 160 !important;
  width: 230px !important;
}
body #MainContent .nerdvana-sort-button {
  position: relative !important;
  width: 100% !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  padding: 0 3.2rem 0 1.15rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(205,216,224,.82) !important;
  background: radial-gradient(ellipse at 20% 0,rgba(255,255,255,.78)0,rgba(255,255,255,.24)34%,transparent 64%),linear-gradient(180deg,rgba(255,255,255,.54)0,rgba(252,253,254,.28)48%,rgba(238,242,245,.34)100%) !important;
  color: rgba(36,54,95,.86) !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: 1.03rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  box-shadow: 0 5px 13px rgba(13,31,70,.036),0 1px 2px rgba(255,255,255,.82)inset,0 0 0 1px rgba(255,255,255,.9)inset,0 -7px 13px rgba(188,198,205,.036)inset !important;
  cursor: pointer !important;
  transition: border-color .22s ease,color .22s ease,box-shadow .22s ease,background .22s ease !important;
}
body #MainContent .nerdvana-sort-button::after {
  content: "" !important;
  position: absolute !important;
  right: 1.2rem !important;
  top: 50% !important;
  width: .48rem !important;
  height: .48rem !important;
  border-right: 1.45px solid rgba(27,61,143,.58) !important;
  border-bottom: 1.45px solid rgba(27,61,143,.58) !important;
  filter: drop-shadow(0 0 4px rgba(5,200,255,.08))drop-shadow(0 1px 0 rgba(255,255,255,.72)) !important;
  transform: translateY(-62%)rotate(45deg) !important;
  pointer-events: none !important;
}
body #MainContent .nerdvana-sort-control.is-open .nerdvana-sort-button::after, body #MainContent .nerdvana-sort-button:hover::after, body #MainContent .nerdvana-sort-button:focus-visible::after {
  border-color: rgba(5,200,255,.5) !important;
  filter: drop-shadow(0 0 5px rgba(5,200,255,.16))drop-shadow(0 1px 0 rgba(255,255,255,.76)) !important;
}
body #MainContent .nerdvana-sort-control.is-open .nerdvana-sort-button, body #MainContent .nerdvana-sort-button:hover, body #MainContent .nerdvana-sort-button:focus-visible {
  border-color: rgba(5,200,255,.24) !important;
  color: #1b3d8f !important;
  background: radial-gradient(ellipse at 20% 0,rgba(255,255,255,.84)0,rgba(255,255,255,.3)34%,transparent 66%),linear-gradient(180deg,rgba(255,255,255,.6)0,rgba(252,253,254,.32)48%,rgba(238,242,245,.38)100%) !important;
  box-shadow: 0 7px 15px rgba(13,31,70,.044),0 0 0 1px rgba(5,200,255,.085)inset,0 0 13px rgba(5,200,255,.06),0 1px 2px rgba(255,255,255,.86)inset,0 0 0 1px rgba(255,255,255,.94)inset,0 -8px 14px rgba(188,198,205,.038)inset !important;
}
body #MainContent .nerdvana-sort-menu {
  position: absolute !important;
  top: calc(100% + .85rem) !important;
  right: 0 !important;
  z-index: 220 !important;
  width: 310px !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  display: none !important;
  padding: .65rem !important;
  box-sizing: border-box !important;
  border-radius: 18px !important;
  border: 1px solid rgba(27,61,143,.12) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,249,253,.96)) !important;
  box-shadow: 0 18px 38px rgba(13,31,70,.12),0 0 0 1px rgba(255,255,255,.82)inset !important;
  backdrop-filter: blur(16px)saturate(1.08) !important;
  -webkit-backdrop-filter: blur(16px)saturate(1.08) !important;
}
body #MainContent .nerdvana-sort-control.is-open .nerdvana-sort-menu {
  display: block !important;
}
body #MainContent .nerdvana-sort-option {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0 1rem !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: 12px !important;
  outline: none !important;
  background: transparent !important;
  background-clip: padding-box !important;
  color: rgba(36,54,95,.84) !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: 1.03rem !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transition: background .18s ease,color .18s ease,box-shadow .18s ease !important;
}
body #MainContent .nerdvana-sort-option:hover, body #MainContent .nerdvana-sort-option:focus-visible {
  background: rgba(5,200,255,.055) !important;
  color: #1b3d8f !important;
}
body #MainContent .nerdvana-sort-option.is-selected {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  color: #1b3d8f !important;
  background: linear-gradient(180deg,rgba(255,255,255,.88),rgba(232,248,255,.7)) !important;
  box-shadow: 0 4px 12px rgba(13,31,70,.04),0 0 0 1px rgba(5,200,255,.14)inset !important;
}
/* Produktanzahl rechts außen – nur innerhalb der kompakten Leiste */
body #MainContent .facets__form > .product-count {
  grid-area: count !important;
  justify-self: end !important;
  align-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  margin: 0 0 0 .6rem !important;
  padding: 0 !important;
  white-space: nowrap !important;
  position: relative !important;
  z-index: 1 !important;
}
body #MainContent .facets__form > .product-count .product-count__text, body #MainContent .facets__form > .product-count .product-count__text span, body #MainContent .facets__form > .product-count .product-count__text #ProductCount {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: none !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(36,54,95,.7) !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: 1.03rem !important;
  font-weight: 600 !important;
  letter-spacing: .035em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}
/* Mobile/Tablet: kompakt und stabil */
@media screen and (max-width: 989px) {
  body #MainContent #main-collection-filters, body #MainContent #main-collection-filters.page-width, body #MainContent .facets-container, body #MainContent .facets-vertical-sort.page-width, body #MainContent facet-filters-form.facets {
    max-width: none !important;
    margin-bottom: 2.2rem !important;
    padding-left: 1.4rem !important;
    padding-right: 1.4rem !important;
  }
  body #MainContent .facets__form {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 56px !important;
  }
}
/* Filter-Dropdowns über Produktkacheln anzeigen */
body #MainContent #main-collection-filters, body #MainContent .facets-container, body #MainContent facet-filters-form.facets, body #MainContent .facets__form {
  position: relative !important;
  z-index: 80 !important;
  overflow: visible !important;
}
body #MainContent .facets__wrapper, body #MainContent .facets__disclosure {
  position: relative !important;
  z-index: 90 !important;
  overflow: visible !important;
}
body #MainContent .facets__disclosure[open] {
  z-index: 120 !important;
}
body #MainContent .facets__display {
  position: absolute !important;
  z-index: 140 !important;
}
body #MainContent #ProductGridContainer, body #MainContent #product-grid {
  position: relative !important;
  z-index: 1 !important;
}
/* Filter-Dropdown-Fenster */
body #MainContent .facets__display {
  border-radius: 18px !important;
  border: 1px solid rgba(27,61,143,.12) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,249,253,.96)) !important;
  box-shadow: 0 18px 38px rgba(13,31,70,.12),0 0 0 1px rgba(255,255,255,.82)inset !important;
  overflow: hidden !important;
}
/* Verfügbarkeits-Checkboxen im Filter-Dropdown an helles Celestial-Design anpassen */
body #MainContent .facets__display .facets__list, body #MainContent .facets__display .facets__item {
  background: transparent !important;
}
body #MainContent .facets__display .facet-checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  min-height: 34px !important;
  padding: .55rem 1.8rem !important;
  color: rgba(36,54,95,.78) !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  cursor: pointer !important;
}
body #MainContent .facets__display .facet-checkbox:hover {
  color: #1b3d8f !important;
  background: rgba(5,200,255,.045) !important;
}
/* Native Dawn-Checkbox hell stylen */
body #MainContent .facets__display .facet-checkbox input[type="checkbox"] {
  width: 1.55rem !important;
  height: 1.55rem !important;
  flex: 0 0 1.55rem !important;
  margin: 0 !important;
  border-radius: 5px !important;
  border: 1px solid rgba(27,61,143,.18) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.96),rgba(241,247,252,.88)) !important;
  box-shadow: 0 3px 8px rgba(13,31,70,.045),0 1px 0 rgba(255,255,255,.88)inset !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
}
/* Aktive Checkbox */
body #MainContent .facets__display .facet-checkbox input[type="checkbox"]:checked {
  border-color: rgba(5,200,255,.42) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.98),rgba(222,246,252,.92)) !important;
  box-shadow: 0 4px 10px rgba(13,31,70,.055),0 0 12px rgba(5,200,255,.12),0 1px 0 rgba(255,255,255,.96)inset !important;
}
/* Häkchen selbst zeichnen */
body #MainContent .facets__display .facet-checkbox input[type="checkbox"]:checked::after {
  content: "" !important;
  display: block !important;
  width: .45rem !important;
  height: .78rem !important;
  margin: .26rem auto 0 !important;
  border-right: 2px solid #1b3d8f !important;
  border-bottom: 2px solid #1b3d8f !important;
  transform: rotate(45deg) !important;
}
/* Deaktivierte Checkboxen heller und bewusst zurückgenommen */
body #MainContent .facets__display .facet-checkbox input[type="checkbox"]:disabled, body #MainContent .facets__display .facet-checkbox.disabled input[type="checkbox"] {
  border-color: rgba(36,54,95,.12) !important;
  background: rgba(230,235,242,.58) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}
body #MainContent .facets__display .facet-checkbox:has(input[type="checkbox"]:disabled), body #MainContent .facets__display .facet-checkbox.disabled {
  color: rgba(36,54,95,.34) !important;
  cursor: not-allowed !important;
}
/* Dawn-eigene Checkbox-SVGs neutralisieren, falls vorhanden */
body #MainContent .facets__display .facet-checkbox > svg, body #MainContent .facets__display .facet-checkbox .icon-checkmark {
  display: none !important;
}
/* Preisfilter-Eingabefelder im Dropdown an helles Celestial-Design anpassen */
body #MainContent .facets__display:has(.facets__price) {
  width: min(48rem,calc(100vw - 3rem)) !important;
  min-width: min(48rem,calc(100vw - 3rem)) !important;
  max-width: calc(100vw - 3rem) !important;
  overflow: visible !important;
}
body #MainContent .facets__price {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr)auto minmax(0,1fr) !important;
  align-items: center !important;
  column-gap: .75rem !important;
  row-gap: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 1.7rem 1.8rem 1.9rem !important;
  box-sizing: border-box !important;
}
/* Dawn-Euro-Zeichen sauber als eigenes Element vor dem jeweiligen Feld */
body #MainContent .facets__price .field-currency {
  position: static !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.2rem !important;
  min-width: 1.2rem !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #1b3d8f !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: 1.12rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  pointer-events: none !important;
}
/* Kein künstliches zweites Euro-Zeichen */
body #MainContent .facets__price .field::before {
  display: none !important;
}
body #MainContent .facets__price .field {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 52px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
/* Helle Preisfelder */
body #MainContent .facets__price .field__input, body #MainContent .facets__price input[type="number"], body #MainContent .facets__price input[type="text"] {
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 1.55rem 1.15rem .45rem 1.15rem !important;
  border-radius: 14px !important;
  border: 1px solid rgba(27,61,143,.12) !important;
  outline: none !important;
  background: linear-gradient(180deg,rgba(255,255,255,.94),rgba(245,249,253,.88)) !important;
  color: #24365f !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: 1.12rem !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  box-shadow: 0 6px 14px rgba(13,31,70,.045),0 1px 0 rgba(255,255,255,.88)inset !important;
  appearance: textfield !important;
  -webkit-appearance: none !important;
  box-sizing: border-box !important;
}
body #MainContent .facets__price .field__input::placeholder, body #MainContent .facets__price input::placeholder {
  color: transparent !important;
  opacity: 0 !important;
}
/* Von/Bis als kontrolliertes Floating-Label */
body #MainContent .facets__price .field__label, body #MainContent .facets__price label {
  position: absolute !important;
  left: 1.15rem !important;
  top: 50% !important;
  z-index: 4 !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(36,54,95,.58) !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: 1.02rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  pointer-events: none !important;
  transition: top .16s ease,font-size .16s ease,opacity .16s ease !important;
}
/* Wenn Feld aktiv ist oder einen Wert hat: Label klein nach oben */
body #MainContent .facets__price .field__input:focus ~ .field__label, body #MainContent .facets__price .field__input:not(:placeholder-shown) ~ .field__label {
  top: .62rem !important;
  transform: none !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  color: rgba(27,61,143,.58) !important;
  opacity: 1 !important;
}
body #MainContent .facets__price .field__input:focus, body #MainContent .facets__price input[type="number"]:focus, body #MainContent .facets__price input[type="text"]:focus {
  border-color: rgba(5,200,255,.3) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.98),rgba(239,248,253,.92)) !important;
  box-shadow: 0 8px 18px rgba(13,31,70,.06),0 0 16px rgba(5,200,255,.1),0 1px 0 rgba(255,255,255,.94)inset !important;
}
/* Chrome/Safari Number-Spinner entfernen */
/* Firefox Number-Spinner entfernen */
/* Euro-Zeichen im Preisfilter */
body #MainContent .facets__price .field::before {
  content: "€" !important;
  position: absolute !important;
  left: 1.35rem !important;
  top: 50% !important;
  z-index: 2 !important;
  transform: translateY(-50%) !important;
  color: #1b3d8f !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  pointer-events: none !important;
}
/* Chrome/Safari Number-Spinner entfernen */
body #MainContent .facets__price input[type="number"]::-webkit-outer-spin-button, body #MainContent .facets__price input[type="number"]::-webkit-inner-spin-button {
  margin: 0 !important;
  -webkit-appearance: none !important;
}
/* Firefox Number-Spinner entfernen */
body #MainContent .facets__price input[type="number"] {
  -moz-appearance: textfield !important;
}
body #MainContent .facets__header {
  background: rgba(247,249,252,.92) !important;
  border-bottom: 1px solid rgba(27,61,143,.08) !important;
}
body #MainContent .facets__selected, body #MainContent .facets__reset {
  color: rgba(36,54,95,.72) !important;
}
body #MainContent .facets__item label, body #MainContent .facet-checkbox {
  color: rgba(36,54,95,.82) !important;
  font-size: 1.05rem !important;
}
/* =========================================
MOBILE/TABLET – Sort-only Collection Control V1.1
Präzisionsfix nach Mobile-Review:
- externen doppelten Produktzähler ausblenden
- Sortierkachel exakt auf Produktgrid-Breite bringen
- Label links, Sortierkapsel rechts daneben
- Dropdown gerade nach unten, nicht abgeschnitten
Desktop V1.x bleibt unangetastet.
========================================= */
@media screen and (max-width: 989px) {
  body #MainContent .collection-hero {
    padding-top: 2.05rem !important;
    padding-bottom: 1.34rem !important;
  }

  body #MainContent .collection-hero__title,
  body #MainContent h1.collection-hero__title {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
    padding-bottom: 2.58rem !important;
    font-size: clamp(2rem, 6vw, 3rem) !important;
    letter-spacing: .12em !important;
  }

  /*
    Gleiche seitliche Nutzbreite wie das mobile Produktgrid:
    #ProductGridContainer nutzt im aktuellen Code 2.2rem Seitenpadding.
    Dadurch sitzt die Sortierkachel links/rechts bündig mit den Produktkarten.
  */
  body #MainContent .facets-container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto 1.82rem !important;
    padding-left: 2.2rem !important;
    padding-right: 2.2rem !important;
    background: transparent !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body #MainContent #main-collection-filters,
  body #MainContent #main-collection-filters.page-width,
  body #MainContent #main-search-filters,
  body #MainContent #main-search-filters.page-width {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  body #MainContent facet-filters-form.facets,
  body #MainContent facet-filters-form.facets.small-hide,
  body #MainContent .facets.small-hide,
  body #MainContent .facets-container .facets,
  body #MainContent .facets-container facet-filters-form.facets {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    overflow: visible !important;
  }

  /* Mobile-Filter/Drawer vollständig aus dem mobilen Flow nehmen */
  body #MainContent .mobile-facets__wrapper,
  body #MainContent .mobile-facets,
  body #MainContent .mobile-facets__inner,
  body #MainContent .mobile-facets__open-wrapper,
  body #MainContent .mobile-facets__open,
  body #MainContent .active-facets-mobile,
  body #MainContent .facets__wrapper,
  body #MainContent .facets__heading,
  body #MainContent .facets__disclosure {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /*
    Externen Produktzähler entfernen.
    Der Produktzähler innerhalb der Sortierkachel bleibt erhalten.
  */
  body #MainContent .facets-container > .product-count,
  body #MainContent .facets-vertical-sort.page-width > .product-count,
  body #MainContent #main-collection-filters + .product-count,
  body #MainContent #main-search-filters + .product-count {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Sortierkachel selbst: exakt volle Grid-Breite, kein schwebender kleiner Fremdkörper */
  body #MainContent .facets__form {
    position: relative !important;
    z-index: 120 !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "sort"
      "count" !important;
    align-items: center !important;
    justify-items: stretch !important;
    row-gap: .38rem !important;

    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;

    margin: 0 auto !important;
    padding: .82rem .92rem .72rem !important;

    border-radius: 22px !important;
    border: 1px solid rgba(205,216,224,.72) !important;

    background:
      radial-gradient(ellipse at 18% 0%, rgba(255,255,255,.90) 0%, rgba(255,255,255,.30) 38%, transparent 70%),
      linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(247,250,253,.50) 52%, rgba(238,244,249,.54) 100%) !important;

    box-shadow:
      0 12px 26px rgba(13,31,70,.055),
      0 1px 0 rgba(255,255,255,.92) inset,
      0 0 0 1px rgba(255,255,255,.72) inset,
      0 -9px 16px rgba(188,198,205,.04) inset !important;

    backdrop-filter: blur(16px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.04) !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body #MainContent .facet-filters,
  body #MainContent .facet-filters.small-hide,
  body #MainContent .facets__form .facet-filters {
    grid-area: sort !important;

    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

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

  /*
    Erste Zeile in der Kachel:
    links "Sortieren nach:", rechts daneben die Kapsel bis fast zum rechten Rand.
  */
  body #MainContent .facet-filters__field {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: .72rem !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 4.2rem !important;

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

  body #MainContent .facet-filters__label,
  body #MainContent .facet-filters__label * {
    justify-self: start !important;

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

    min-height: 4.1rem !important;
    margin: 0 !important;
    padding: 0 0 0 .32rem !important;

    color: #102b66 !important;

    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: clamp(1.02rem, 3.15vw, 1.14rem) !important;
    font-weight: 600 !important;
    letter-spacing: .075em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;

    text-shadow:
      0 1px 0 rgba(255,255,255,.92),
      0 0 7px rgba(5,200,255,.045) !important;
  }

  body #MainContent .facet-filters__field .select {
    position: relative !important;

    display: block !important;
    justify-self: stretch !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    overflow: visible !important;
  }

  /* Native Select bleibt funktional im DOM, sichtbar ist unser Nerdvana-Control */
  body #MainContent .facet-filters__field .select .facet-filters__sort {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body #MainContent .facet-filters__field .select > .icon-caret,
  body #MainContent .facet-filters__field .select > .svg-wrapper {
    display: none !important;
  }

  body #MainContent .nerdvana-sort-control {
    position: relative !important;
    z-index: 260 !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    overflow: visible !important;
  }

  body #MainContent .nerdvana-sort-button {
    position: relative !important;

    width: 100% !important;
    height: 4.15rem !important;
    min-height: 4.15rem !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .8rem !important;

    margin: 0 !important;
    padding: 0 2.95rem 0 1.05rem !important;

    border-radius: 999px !important;
    border: 1px solid rgba(205,216,224,.78) !important;

    background:
      radial-gradient(ellipse at 22% 0%, rgba(255,255,255,.88) 0%, rgba(255,255,255,.28) 38%, transparent 70%),
      linear-gradient(180deg, rgba(255,255,255,.74) 0%, rgba(238,247,252,.58) 100%) !important;

    color: #102b66 !important;

    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: clamp(.78rem, 2.65vw, .94rem) !important;
    font-weight: 500 !important;
    letter-spacing: .05em !important;
    line-height: 1 !important;
    text-align: left !important;

    box-shadow:
      0 7px 16px rgba(13,31,70,.052),
      0 1px 0 rgba(255,255,255,.92) inset,
      0 0 0 1px rgba(255,255,255,.68) inset,
      0 -7px 14px rgba(188,198,205,.035) inset !important;

    cursor: pointer !important;
    outline: none !important;
  }

  body #MainContent .nerdvana-sort-button__text {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;

    color: #102b66 !important;

    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: clamp(1.02rem, 3.15vw, 1.14rem) !important;
    font-weight: 600 !important;
    letter-spacing: .045em !important;
    line-height: 1.08 !important;
    text-transform: none !important;

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

    text-shadow:
      0 1px 0 rgba(255,255,255,.92),
      0 0 6px rgba(5,200,255,.04) !important;
  }

  body #MainContent .nerdvana-sort-button::after {
    content: "" !important;
    position: absolute !important;
    right: 1.14rem !important;
    top: 50% !important;

    width: .54rem !important;
    height: .54rem !important;

    border-right: 1.45px solid rgba(27,61,143,.64) !important;
    border-bottom: 1.45px solid rgba(27,61,143,.64) !important;

    transform: translateY(-64%) rotate(45deg) !important;

    filter:
      drop-shadow(0 1px 0 rgba(255,255,255,.86))
      drop-shadow(0 0 6px rgba(5,200,255,.09)) !important;

    pointer-events: none !important;
  }

  body #MainContent .nerdvana-sort-control.is-open .nerdvana-sort-button,
  body #MainContent .nerdvana-sort-button:hover,
  body #MainContent .nerdvana-sort-button:focus-visible {
    border-color: rgba(5,200,255,.34) !important;
    color: #0d1f46 !important;

    background:
      radial-gradient(ellipse at 22% 0%, rgba(255,255,255,.94) 0%, rgba(255,255,255,.34) 38%, transparent 70%),
      linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(232,248,255,.64) 100%) !important;

    box-shadow:
      0 8px 18px rgba(13,31,70,.062),
      0 0 14px rgba(5,200,255,.095),
      0 1px 0 rgba(255,255,255,.94) inset,
      0 0 0 1px rgba(255,255,255,.76) inset !important;
  }

  body #MainContent .nerdvana-sort-control.is-open .nerdvana-sort-button::after {
    border-color: rgba(5,200,255,.58) !important;
    transform: translateY(-34%) rotate(225deg) !important;
  }

  /*
    Dropdown:
    Gerade unter der Sortierkapsel.
    Keine negative Verschiebung, keine Breite über Viewport hinaus.
  */
  body #MainContent .nerdvana-sort-menu {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: calc(100% + .58rem) !important;
    z-index: 420 !important;

    display: none !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    max-height: min(42vh, 28rem) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;

    margin: 0 !important;
    padding: .62rem !important;
    box-sizing: border-box !important;

    border-radius: 18px !important;
    border: 1px solid rgba(205,216,224,.76) !important;

    background:
      radial-gradient(ellipse at 18% 0%, rgba(255,255,255,.92) 0%, rgba(255,255,255,.26) 40%, transparent 72%),
      linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(246,249,253,.96) 100%) !important;

    box-shadow:
      0 20px 42px rgba(13,31,70,.13),
      0 8px 18px rgba(13,31,70,.055),
      0 1px 0 rgba(255,255,255,.92) inset,
      0 0 0 1px rgba(255,255,255,.72) inset !important;

    backdrop-filter: blur(16px) saturate(1.06) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.06) !important;
  }

  body #MainContent .nerdvana-sort-control.is-open .nerdvana-sort-menu {
    display: block !important;
  }

  body #MainContent .nerdvana-sort-option {
    width: 100% !important;
    min-height: 4.35rem !important;

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

    margin: 0 !important;
    padding: 0 1.08rem !important;

    border: 0 !important;
    border-radius: 13px !important;

    background: transparent !important;
    color: rgba(13,31,70,.86) !important;

    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: clamp(1.02rem, 3.15vw, 1.14rem) !important;
    font-weight: 500 !important;
    letter-spacing: .045em !important;
    line-height: 1.22 !important;
    text-align: left !important;

    text-shadow:
      0 1px 0 rgba(255,255,255,.92),
      0 0 6px rgba(5,200,255,.035) !important;

    cursor: pointer !important;
    outline: none !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;

    transition:
      background .18s ease,
      color .18s ease,
      box-shadow .18s ease !important;
  }

  body #MainContent .nerdvana-sort-option:hover,
  body #MainContent .nerdvana-sort-option:focus-visible {
    color: #1b3d8f !important;

    background:
      linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(232,248,255,.46) 100%) !important;

    box-shadow:
      0 5px 13px rgba(13,31,70,.04),
      0 0 0 1px rgba(5,200,255,.12) inset !important;
  }

  body #MainContent .nerdvana-sort-option.is-selected {
    color: #1b3d8f !important;

    background:
      linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(232,248,255,.62) 100%) !important;

    box-shadow:
      0 6px 14px rgba(13,31,70,.045),
      0 0 0 1px rgba(5,200,255,.16) inset,
      0 0 10px rgba(5,200,255,.06) !important;
  }

  /*
    Produktanzahl innerhalb der Sortierkachel behalten.
    Sie sitzt bewusst unter dem Sortier-Control.
  */
  body #MainContent .facets__form > .product-count {
    grid-area: count !important;
    justify-self: center !important;
    align-self: center !important;

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

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

    margin: 0 !important;
    padding: .08rem 0 0 !important;

    color: rgba(36,54,95,.46) !important;

    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: clamp(.86rem, 2.75vw, 1rem) !important;
    font-weight: 400 !important;
    letter-spacing: .11em !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  body #MainContent .facets__form > .product-count .product-count__text,
  body #MainContent .facets__form > .product-count .product-count__text span,
  body #MainContent .facets__form > .product-count .product-count__text #ProductCount {
    color: rgba(36,54,95,.46) !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: inherit !important;
    font-weight: 400 !important;
    letter-spacing: .11em !important;
    line-height: 1.2 !important;
  }
}

@media screen and (max-width: 374px) {
  body #MainContent .facets-container {
    padding-left: 1.4rem !important;
    padding-right: 1.4rem !important;
  }

  body #MainContent .facets__form {
    border-radius: 20px !important;
    padding: .78rem .82rem .68rem !important;
  }

  body #MainContent .facet-filters__field {
    grid-template-columns: 1fr !important;
    row-gap: .46rem !important;
  }

  body #MainContent .facet-filters__label {
    justify-content: flex-start !important;
    padding-left: .18rem !important;
    font-size: .76rem !important;
  }

  body #MainContent .nerdvana-sort-button {
    font-size: .82rem !important;
  }
}

/* =========================================
STANDARDKOLLEKTION – PAGINATION
Seitenzahlen unten im Celestial-Design
Produktkacheln bleiben unberührt
========================================= */
body #MainContent .pagination-wrapper {
  width: 100% !important;
  max-width: 1920px !important;
  margin: 4.2rem auto 0 !important;
  padding: 0 2.2rem !important;
  box-sizing: border-box !important;
}
body #MainContent .pagination {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}
body #MainContent .pagination__list {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .85rem !important;
  margin: 0 auto !important;
  padding: .55rem .7rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(27,61,143,.08) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.78),rgba(247,250,253,.62)) !important;
  box-shadow: 0 10px 24px rgba(13,31,70,.045),0 0 0 1px rgba(255,255,255,.78)inset !important;
}
body #MainContent .pagination__list > li {
  margin: 0 !important;
  padding: 0 !important;
}
body #MainContent .pagination__item {
  position: relative !important;
  min-width: 3.4rem !important;
  height: 3.4rem !important;
  padding: 0 1rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  color: rgba(36,54,95,.58) !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: 1.12rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .04em !important;
  text-decoration: none !important;
  transition: color .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease !important;
}
body #MainContent a.pagination__item:hover, body #MainContent a.pagination__item:focus-visible {
  color: #1b3d8f !important;
  border-color: rgba(5,200,255,.24) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.88),rgba(238,247,252,.78)) !important;
  box-shadow: 0 5px 12px rgba(13,31,70,.05),0 0 12px rgba(5,200,255,.08),0 1px 0 rgba(255,255,255,.88)inset !important;
  text-decoration: none !important;
  text-underline-offset: 0 !important;
  outline: none !important;
}
/* Aktive Seite */
body #MainContent .pagination__item--current {
  color: #1b3d8f !important;
  border-color: rgba(5,200,255,.3) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.94),rgba(232,248,255,.76)) !important;
  box-shadow: 0 6px 14px rgba(13,31,70,.055),0 0 14px rgba(5,200,255,.1),0 1px 0 rgba(255,255,255,.92)inset !important;
  text-decoration: none !important;
}
/* Dawn-Unterstreichung der aktiven und hovernden Seite entfernen */
body #MainContent .pagination__item--current::after, body #MainContent .pagination__item--current::before, body #MainContent .pagination__item:hover::after, body #MainContent .pagination__item:hover::before, body #MainContent .pagination__item:focus-visible::after, body #MainContent .pagination__item:focus-visible::before {
  display: none !important;
  content: none !important;
}
/* Pfeile */
body #MainContent .pagination__item--next, body #MainContent .pagination__item--prev {
  color: rgba(27,61,143,.6) !important;
}
body #MainContent .pagination__item--next:hover, body #MainContent .pagination__item--prev:hover {
  color: #1b3d8f !important;
}
body #MainContent .pagination__item .icon, body #MainContent .pagination__item svg {
  width: 1.05rem !important;
  height: 1.05rem !important;
  color: currentColor !important;
  fill: currentColor !important;
}
/* Deaktivierte Pagination-Elemente */
body #MainContent .pagination__item[aria-disabled="true"], body #MainContent .pagination__item.disabled {
  color: rgba(36,54,95,.28) !important;
  pointer-events: none !important;
}
/* Hinweis:
Die frühere dunkle generische Collection-Kartenoptik wurde entfernt,
weil echte Kollektionsseiten nun im folgenden STANDARDKOLLEKTION-Block
gestaltet werden. Homepage-Sections haben eigene spezifische Regeln.
*/
/* Hinweis:
Die frühere dunkle generische Collection-Kartenoptik wurde entfernt,
weil echte Kollektionsseiten nun im folgenden STANDARDKOLLEKTION-Block
gestaltet werden. Homepage-Sections haben eigene spezifische Regeln.
*/
/* =========================================
SUCHERGEBNISSE – Search Page Crystal Header V2
Suchseite an Collection-DNA angleichen
Desktop-Suchfeld entfernt, da Suche im Header dauerhaft sichtbar ist
Keine Produktkarten-/Cart-/Quick-Add-Logik
========================================= */
body #MainContent .template-search {
  padding-top: clamp(4.6rem,5.4vw,7.4rem) !important;
  padding-bottom: clamp(4.8rem,5.6vw,7.2rem) !important;
}
/* Suchseitenkopf als ruhige Crystal-Intro-Bühne */
body #MainContent .template-search__header {
  max-width: 1420px !important;
  margin: 0 auto clamp(2.8rem,3.4vw,4.2rem) !important;
  padding-left: 2.2rem !important;
  padding-right: 2.2rem !important;
  text-align: center !important;
}
/* Titel: Collection-DNA mit feiner Crystal-Linie */
body #MainContent .template-search__header h1, body #MainContent .template-search__header .h2 {
  position: relative !important;
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 auto clamp(1.8rem,2.2vw,2.6rem) !important;
  padding: 0 3.4rem 3rem !important;
  color: var(--nerdvana-heading) !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: clamp(2.45rem,2.15vw,3.7rem) !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  letter-spacing: .145em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.94),0 0 13px rgba(5,200,255,.07) !important;
}
body #MainContent .template-search__header h1::before, body #MainContent .template-search__header .h2::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 1.12rem !important;
  width: min(760px,72vw) !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg,transparent 0,rgba(27,61,143,.105)18%,rgba(255,255,255,.88)40%,rgba(5,200,255,.285)50%,rgba(255,255,255,.88)60%,rgba(27,61,143,.105)82%,transparent 100%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.88),0 0 14px rgba(5,200,255,.055) !important;
}
body #MainContent .template-search__header h1::after, body #MainContent .template-search__header .h2::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: .38rem !important;
  width: 14px !important;
  height: 14px !important;
  transform: translateX(-50%)rotate(45deg) !important;
  border-radius: 2px !important;
  border: 1px solid rgba(5,200,255,.42) !important;
  background: linear-gradient(135deg,rgba(255,255,255,.98)0,rgba(236,249,253,.92)46%,rgba(5,200,255,.18)100%) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.9)inset,0 0 11px rgba(5,200,255,.18),0 0 24px rgba(27,61,143,.055) !important;
}
/* Desktop: zweite Suchleiste ausblenden – Header-Suche ist die Hauptsuche */
@media screen and (min-width: 990px) {
  body #MainContent .template-search__search {
    display: none !important;
  }
}
/* Filterbar und Grid näher an Collection-Rhythmus bringen */
body #MainContent .template-search .facets-wrapper {
  margin-top: 0 !important;
  margin-bottom: clamp(3.2rem,3.8vw,4.8rem) !important;
}
body #MainContent .template-search #ProductGridContainer {
  margin-top: clamp(3.2rem,3.8vw,4.8rem) !important;
}
@media screen and (max-width: 749px) {
  body #MainContent .template-search {
    padding-top: 3.2rem !important;
  }
  body #MainContent .template-search__header {
    padding-left: 1.4rem !important;
    padding-right: 1.4rem !important;
  }
  body #MainContent .template-search__header h1, body #MainContent .template-search__header .h2 {
    padding-left: 1.4rem !important;
    padding-right: 1.4rem !important;
    font-size: 2.05rem !important;
    letter-spacing: .11em !important;
  }
  body #MainContent .template-search__search {
    width: calc(100vw - 2.8rem) !important;
  }
}
/* =========================================
STANDARDKOLLEKTION – PRODUKTKACHELN
Helle Celestial-Optik wie Bestseller/Neuheiten
Nur echte Collection-Produktseiten

Wichtig für die Kachelgröße:
Bestseller/Neuheiten nutzen 1920px Außenbreite,
2.2rem Seitenpadding, 5 Spalten und 1.6rem Gap.
Diese Werte werden hier für Collection-Grids gespiegelt.
========================================= */
/* Collection-Container auf die gleiche Nutzbreite wie Bestseller ziehen */
body #MainContent #ProductGridContainer, body #MainContent .facets-vertical.page-width, body #MainContent .collection.page-width, body #MainContent .collection .page-width {
  max-width: 1920px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 2.2rem !important;
  padding-right: 2.2rem !important;
  box-sizing: border-box !important;
}
/* Produktgrid: gleiche 5er-Logik wie Bestseller/Neuheiten */
@media screen and (min-width: 990px) {
  body #MainContent #ProductGridContainer .product-grid, body #MainContent #ProductGridContainer .grid {
    display: grid !important;
    grid-template-columns: repeat(5,minmax(0,1fr)) !important;
    column-gap: 1.6rem !important;
    row-gap: 2rem !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body #MainContent #product-grid .grid__item, body #MainContent #ProductGridContainer .grid__item {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
}
/* Tablet */
@media screen and (min-width: 750px) and (max-width: 989px) {
  body #MainContent #ProductGridContainer .product-grid, body #MainContent #ProductGridContainer .grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    column-gap: 1.4rem !important;
    row-gap: 1.6rem !important;
  }
  body #MainContent #product-grid .grid__item, body #MainContent #ProductGridContainer .grid__item {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }
}
/* Mobile */
@media screen and (max-width: 749px) {
  body #MainContent #ProductGridContainer .product-grid, body #MainContent #ProductGridContainer .grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    column-gap: 1rem !important;
    row-gap: 1.2rem !important;
  }
  body #MainContent #product-grid .grid__item, body #MainContent #ProductGridContainer .grid__item {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }
}
#ProductGridContainer .grid__item, #product-grid .grid__item {
  border: 1px solid rgba(27,61,143,.12) !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 18px 42px rgba(13,31,70,.08),0 6px 16px rgba(13,31,70,.045),0 0 0 1px rgba(255,255,255,.82)inset !important;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  --nerdvana-card-refraction-x: 50%;
  --nerdvana-card-refraction-y: 18%;
  --nerdvana-card-tilt-x: 0;
  --nerdvana-card-tilt-y: 0;
  transform-style: preserve-3d !important;
  transition: border-color .28s ease,box-shadow .28s ease,transform .28s ease,background .28s ease !important;
}
#ProductGridContainer .grid__item::before, #product-grid .grid__item::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 7 !important;
  pointer-events: none !important;
  border-radius: 22px !important;
  padding: 5px !important;
  background: linear-gradient(180deg,rgba(255,255,255,.98)0,rgba(247,250,253,.96)42%,rgba(225,232,237,.82)100%)border-box !important;
  -webkit-mask: linear-gradient(#000 0 0)content-box,linear-gradient(#000 0 0)border-box !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.88),inset 0 12px 20px rgba(255,255,255,.42),inset 0 -12px 20px rgba(27,61,143,.035),0 0 16px rgba(5,200,255,.035) !important;
  transition: background .28s ease,box-shadow .28s ease,opacity .28s ease !important;
}
#ProductGridContainer .grid__item:hover, #product-grid .grid__item:hover {
  background: radial-gradient(circle at var(--nerdvana-card-refraction-x)var(--nerdvana-card-refraction-y),rgba(255,255,255,.34)0,rgba(255,255,255,.13)16%,rgba(5,200,255,.035)27%,transparent 42%),linear-gradient(180deg,rgba(255,255,255,.98)0,rgba(252,253,254,.96)46%,rgba(246,249,252,.98)100%) !important;
  border-color: rgba(5,200,255,.24) !important;
  box-shadow: 0 26px 54px rgba(13,31,70,.105),0 12px 24px rgba(13,31,70,.045),0 0 18px rgba(5,200,255,.055),0 2px 3px rgba(255,255,255,.78)inset,0 0 0 1px rgba(255,255,255,.94)inset,0 -14px 24px rgba(188,198,205,.036)inset !important;
  transform: translateY(-4px)rotateX(var(--nerdvana-card-tilt-y))rotateY(var(--nerdvana-card-tilt-x)) !important;
}
#ProductGridContainer .grid__item:hover::before, #product-grid .grid__item:hover::before {
  background: linear-gradient(180deg,rgba(255,255,255,1)0,rgba(248,251,253,.98)38%,rgba(205,216,224,.86)100%)border-box !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.94),inset 0 13px 22px rgba(255,255,255,.48),inset 0 -12px 20px rgba(27,61,143,.04),0 0 18px rgba(5,200,255,.06) !important;
}
#ProductGridContainer .card-wrapper, #ProductGridContainer .card, #product-grid .card-wrapper, #product-grid .card {
  height: 100% !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#ProductGridContainer .card__inner, #product-grid .card__inner {
  background: transparent !important;
  border-bottom: 1px solid rgba(5,200,255,.34) !important;
  overflow: hidden !important;
  transition: border-color .28s ease,box-shadow .28s ease !important;
}
#ProductGridContainer .grid__item:hover .card__inner, #product-grid .grid__item:hover .card__inner {
  border-bottom-color: rgba(5,200,255,.48) !important;
  box-shadow: 0 1px 0 rgba(5,200,255,.18) !important;
}
#ProductGridContainer .card__inner.ratio, #product-grid .card__inner.ratio {
  --ratio-percent: 82% !important;
}
#ProductGridContainer .card__media, #product-grid .card__media {
  position: relative !important;
  isolation: isolate !important;
  background: #fff !important;
  border-bottom: 0 !important;
  overflow: hidden !important;
}
/* Collection Produktkarten – subtiler Crystal-Sheen nur im Bildbereich */
#ProductGridContainer .card__media::after, #product-grid .card__media::after {
  content: "" !important;
  position: absolute !important;
  top: -22% !important;
  bottom: -22% !important;
  left: -48% !important;
  z-index: 3 !important;
  width: 18% !important;
  pointer-events: none !important;
  background: linear-gradient(108deg,transparent 0,rgba(255,255,255,0)16%,rgba(255,255,255,.18)42%,rgba(232,248,255,.1)50%,rgba(255,255,255,.12)58%,rgba(255,255,255,0)84%,transparent 100%) !important;
  opacity: 0 !important;
  filter: blur(.22px) !important;
  transform: translateX(-90%)skewX(-16deg) !important;
  transition: opacity .22s ease,transform .72s cubic-bezier(.16,1,.3,1) !important;
}
#ProductGridContainer .grid__item:hover .card__media::after, #product-grid .grid__item:hover .card__media::after {
  opacity: .46 !important;
  transform: translateX(620%)skewX(-16deg) !important;
}
@media (prefers-reduced-motion: reduce) {
  #ProductGridContainer .card__media::after, #product-grid .card__media::after {
    display: none !important;
    transition: none !important;
  }
}
#ProductGridContainer .card__media img, #product-grid .card__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: brightness(1.075)contrast(1.045)saturate(1.025) !important;
  transition: transform .45s ease,filter .45s ease !important;
}
#ProductGridContainer .grid__item:hover .card__media img, #product-grid .grid__item:hover .card__media img {
  transform: scale(1.028) !important;
  filter: brightness(1.075)contrast(1.045)saturate(1.025) !important;
}
/* Duplicate Dawn-Inhalt im Bildbereich ausblenden,
Sale-Badge im Produktfoto aber erhalten */
#ProductGridContainer .card__inner .card__content, #product-grid .card__inner .card__content {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
}
#ProductGridContainer .card__inner .card__information, #ProductGridContainer .card__inner .card__heading, #ProductGridContainer .card__inner .card-information, #product-grid .card__inner .card__information, #product-grid .card__inner .card__heading, #product-grid .card__inner .card-information {
  display: none !important;
}
/* Sale-Badge links oben im Produktfoto */
#ProductGridContainer .card__inner .card__badge,
#product-grid .card__inner .card__badge {
  display: flex !important;
  position: absolute !important;
  left: 1.55rem !important;
  top: 1.55rem !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

#ProductGridContainer .card__badge .badge, #product-grid .card__badge .badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.8rem !important;
  padding: .45rem 1rem !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(5,200,255,.42) !important;
  border-radius: 999px !important;
  color: #1b3d8f !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: .92rem !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  box-shadow: 0 6px 14px rgba(13,31,70,.1),0 0 10px rgba(5,200,255,.1),0 0 0 1px rgba(255,255,255,.78)inset !important;
}
#ProductGridContainer .card > .card__content, #product-grid .card > .card__content {
  display: block !important;
  background: #fff !important;
}
/* Sale-Badge unten beim Preis ausblenden */
#ProductGridContainer .card > .card__content .card__badge, #ProductGridContainer .card > .card__content .price__badges, #ProductGridContainer .card > .card__content .price__badge-sale, #ProductGridContainer .card > .card__content .price__badge-sold-out, #product-grid .card > .card__content .card__badge, #product-grid .card > .card__content .price__badges, #product-grid .card > .card__content .price__badge-sale, #product-grid .card > .card__content .price__badge-sold-out {
  display: none !important;
}
/* Weißer Textbereich */
#ProductGridContainer .card__information, #product-grid .card__information {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding: 2rem 1.4rem 2.1rem !important;
  min-height: 150px !important;
  background: #fff !important;
  text-align: center !important;
}
#ProductGridContainer .card__heading, #ProductGridContainer .card__heading.h5, #product-grid .card__heading, #product-grid .card__heading.h5 {
  margin: 0 !important;
  min-height: 4.2em !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  text-transform: uppercase !important;
  font-size: 1.18rem !important;
  line-height: 1.34 !important;
  letter-spacing: .075em !important;
  font-weight: 500 !important;
  color: #1b3d8f !important;
}
#ProductGridContainer .card__heading a, #product-grid .card__heading a {
  color: #1b3d8f !important;
  text-decoration: none !important;
  transition: color .28s ease,text-shadow .28s ease !important;
}
#ProductGridContainer .grid__item:hover .card__heading a, #product-grid .grid__item:hover .card__heading a {
  color: #0d1f46 !important;
  text-shadow: 0 0 10px rgba(5,200,255,.12) !important;
}
/* Preis allgemein zentrieren */
#ProductGridContainer .card-information, #product-grid .card-information {
  margin-top: auto !important;
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  text-align: center !important;
}
#ProductGridContainer .price, #product-grid .price {
  width: 100% !important;
  margin-top: 1.15rem !important;
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.25 !important;
  letter-spacing: .04em !important;
  color: #1b3d8f !important;
  transition: color .28s ease,text-shadow .28s ease !important;
}
#ProductGridContainer .price__container, #product-grid .price__container {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
/* Normalpreis */
#ProductGridContainer .price:not(.price--on-sale) .price__regular, #product-grid .price:not(.price--on-sale) .price__regular {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  text-align: center !important;
}
#ProductGridContainer .price:not(.price--on-sale) .price-item--regular, #product-grid .price:not(.price--on-sale) .price-item--regular {
  display: block !important;
  font-size: 1.18rem !important;
  font-weight: 700 !important;
  color: #1b3d8f !important;
}
/* Sale-Preis: aktueller Preis unten, alter Preis darüber */
#ProductGridContainer .price--on-sale .price__regular, #product-grid .price--on-sale .price__regular {
  display: none !important;
}
#ProductGridContainer .price--on-sale .price__sale, #product-grid .price--on-sale .price__sale {
  display: flex !important;
  flex-direction: column-reverse !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  text-align: center !important;
}
/* Aktueller Preis */
#ProductGridContainer .price--on-sale .price-item--sale, #ProductGridContainer .price--on-sale .price-item--last, #product-grid .price--on-sale .price-item--sale, #product-grid .price--on-sale .price-item--last {
  display: block !important;
  font-size: 1.22rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  color: #1b3d8f !important;
}
/* Alter durchgestrichener Preis */
#ProductGridContainer .price--on-sale s, #ProductGridContainer .price--on-sale .price-item--regular, #product-grid .price--on-sale s, #product-grid .price--on-sale .price-item--regular {
  display: block !important;
  margin-top: .45rem !important;
  font-size: .95rem !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  color: rgba(27,61,143,.48) !important;
  text-decoration-thickness: 1px !important;
}
/* Preis-Badges nicht in die Preiszeile ziehen */
#ProductGridContainer .price__badges, #ProductGridContainer .price__badge-sale, #ProductGridContainer .price__badge-sold-out, #product-grid .price__badges, #product-grid .price__badge-sale, #product-grid .price__badge-sold-out {
  display: none !important;
}
#ProductGridContainer .grid__item:hover .price, #ProductGridContainer .grid__item:hover .price *, #product-grid .grid__item:hover .price, #product-grid .grid__item:hover .price * {
  color: #0d1f46 !important;
  text-shadow: 0 0 8px rgba(5,200,255,.1) !important;
}
/* =========================================
CART NOTIFICATION – Produktkarten-Look
Add-to-cart Popup im hellen Celestial-Premium-Stil
========================================= */
#cart-notification, .cart-notification-wrapper {
  position: fixed !important;
  top: 1.6rem !important;
  right: 1.6rem !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 8900 !important;
  width: min(430px,calc(100vw - 2rem)) !important;
  pointer-events: none !important;
}
.cart-notification {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  padding: 1.8rem 1.7rem 1.6rem !important;
  border-radius: 28px !important;
  border: 1px solid rgba(27,61,143,.1) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,250,253,.96)) !important;
  box-shadow: 0 26px 56px rgba(13,31,70,.13),0 12px 26px rgba(13,31,70,.05),0 0 0 1px rgba(255,255,255,.82)inset,0 0 0 10px rgba(255,255,255,.35)inset !important;
  backdrop-filter: blur(14px)saturate(1.04) !important;
  -webkit-backdrop-filter: blur(14px)saturate(1.04) !important;
  pointer-events: auto !important;
}
.cart-notification::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: radial-gradient(circle at 86% 0,rgba(5,200,255,.09),transparent 34%),linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent) !important;
  opacity: .72 !important;
}
.cart-notification > * {
  position: relative !important;
  z-index: 2 !important;
}
.cart-notification__close {
  display: none !important;
}
.cart-notification__header {
  display: flex !important;
  align-items: center !important;
  gap: .8rem !important;
  margin-bottom: 1rem !important;
  padding-bottom: .9rem !important;
  border-bottom: 1px solid rgba(27,61,143,.09) !important;
}
.cart-notification__header h2, .cart-notification__heading {
  margin: 0 !important;
  color: #24365f !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: 1.14rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}
.cart-notification__header .icon-checkmark, .cart-notification__header svg {
  color: #24365f !important;
  fill: currentColor !important;
}
.cart-notification-product {
  display: grid !important;
  grid-template-columns: 70px minmax(0,1fr) !important;
  gap: 1rem !important;
  align-items: center !important;
  margin-bottom: 1.2rem !important;
  padding: .8rem !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg,rgba(255,255,255,.9),rgba(246,250,253,.78)) !important;
  box-shadow: 0 0 0 1px rgba(27,61,143,.08)inset,0 10px 22px rgba(13,31,70,.045) !important;
}
.cart-notification-product img, .cart-notification-product__image {
  display: block !important;
  overflow: hidden !important;
  width: 70px !important;
  min-width: 70px !important;
  height: 70px !important;
  object-fit: cover !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg,rgba(10,19,38,.96),rgba(17,42,87,.88)) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.76)inset,0 8px 16px rgba(13,31,70,.12) !important;
}
.cart-notification-product__name, .cart-notification-product h3, .cart-notification-product a {
  margin: 0 !important;
  color: #24365f !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: 1.08rem !important;
  font-weight: 600 !important;
  line-height: 1.28 !important;
  letter-spacing: .04em !important;
  text-decoration: none !important;
}
.cart-notification-product__option, .cart-notification-product__price, .cart-notification-product p, .cart-notification-product span:not(.price) {
  color: rgba(36,54,95,.68) !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: .98rem !important;
  line-height: 1.3 !important;
}
.cart-notification__links {
  display: grid !important;
  gap: .75rem !important;
  margin-top: .3rem !important;
}
.cart-notification__links > * {
  margin: 0 !important;
}
/* Unnötigen Dawn-Link "Weiter shoppen" ausblenden */
.cart-notification__links .link, .cart-notification__links .button-label, .cart-notification__links button.link, .cart-notification__links button.button-label, .cart-notification__links a:not(.button) {
  display: none !important;
}
.cart-notification__links .button, .cart-notification__links a.button, .cart-notification__links button.button {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 0 1.2rem !important;
  /* Glasbody kommt aus dem NERDVANA MASTER BUTTON GLASS CORE */
  color: #102b66 !important;
  -webkit-text-fill-color: #102b66 !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: .93rem !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.86) !important;
  transition: transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease !important;
}
.cart-notification__links .button > *, .cart-notification__links a.button > *, .cart-notification__links button.button > * {
  position: relative !important;
  z-index: 3 !important;
}
#cart-notification-button {
  color: #1b3d8f !important;
}
@media screen and (max-width: 749px) {
  #cart-notification, .cart-notification-wrapper {
    top: 1rem !important;
    right: 1rem !important;
    width: min(420px,calc(100vw - 1rem)) !important;
  }
  .cart-notification {
    padding: 1.35rem 1.25rem 1.25rem !important;
    border-radius: 24px !important;
  }
  .cart-notification-product {
    grid-template-columns: 62px minmax(0,1fr) !important;
    gap: .85rem !important;
  }
  .cart-notification-product img, .cart-notification-product__image {
    width: 62px !important;
    min-width: 62px !important;
    height: 62px !important;
  }
  .cart-notification__links .button, .cart-notification__links a.button, .cart-notification__links button.button {
    min-height: 44px !important;
    font-size: .98rem !important;
  }
}
/* =========================================
CART HOVER PREVIEW – Produktkarten-Look
Mini-Warenkorb im Stil der Collection-Kachel
========================================= */
body .nerdvana-cart-preview {
  position: fixed !important;
  top: var(--nerdvana-cart-preview-top,7.6rem) !important;
  right: var(--nerdvana-cart-preview-right,2rem) !important;
  left: auto !important;
  width: min(430px,calc(100vw - 2rem)) !important;
  max-width: 430px !important;
  z-index: 8800 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate3d(0,-8px,0)scale(.985) !important;
  transform-origin: top right !important;
  transition: opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility 0 linear .28s !important;
}
body .nerdvana-cart-preview.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate3d(0,0,0)scale(1) !important;
  transition: opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility 0 linear 0 !important;
}
body .nerdvana-cart-preview__panel {
  position: relative !important;
  overflow: hidden !important;
  padding: 1.2rem !important;
  border-radius: 28px !important;
  border: 1px solid rgba(27,61,143,.1) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,250,253,.95)) !important;
  box-shadow: 0 24px 52px rgba(13,31,70,.12),0 10px 22px rgba(13,31,70,.05),0 0 0 1px rgba(255,255,255,.82)inset,0 0 0 9px rgba(255,255,255,.34)inset !important;
  backdrop-filter: blur(14px)saturate(1.04) !important;
  -webkit-backdrop-filter: blur(14px)saturate(1.04) !important;
}
body .nerdvana-cart-preview__panel::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: radial-gradient(circle at 84% 0,rgba(5,200,255,.085),transparent 34%),linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent) !important;
  opacity: .72 !important;
}
body .nerdvana-cart-preview__header, body .nerdvana-cart-preview__content, body .nerdvana-cart-preview__footer {
  position: relative !important;
  z-index: 2 !important;
}
body .nerdvana-cart-preview__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  margin-bottom: 1rem !important;
  padding-bottom: .9rem !important;
  border-bottom: 1px solid rgba(27,61,143,.09) !important;
}
body .nerdvana-cart-preview__eyebrow {
  color: #24365f !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: 1.12rem !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}
body .nerdvana-cart-preview__count {
  flex-shrink: 0 !important;
  padding: .34rem .72rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(5,200,255,.18) !important;
  color: #1b3d8f !important;
  background: rgba(235,248,253,.86) !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: .86rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: .025em !important;
}
body .nerdvana-cart-preview__content {
  display: grid !important;
  gap: .72rem !important;
}
body .nerdvana-cart-preview__item {
  display: grid !important;
  grid-template-columns: 62px minmax(0,1fr) !important;
  gap: .9rem !important;
  align-items: center !important;
  min-height: 78px !important;
  padding: .68rem !important;
  border-radius: 20px !important;
  color: inherit !important;
  text-decoration: none !important;
  background: linear-gradient(180deg,rgba(255,255,255,.92),rgba(246,250,253,.8)) !important;
  box-shadow: 0 0 0 1px rgba(27,61,143,.08)inset,0 8px 18px rgba(13,31,70,.045) !important;
  transition: background .18s ease,box-shadow .18s ease,transform .18s ease !important;
}
body .nerdvana-cart-preview__item:hover {
  background: linear-gradient(180deg,rgba(255,255,255,.98),rgba(234,246,252,.88)) !important;
  box-shadow: 0 0 0 1px rgba(5,200,255,.14)inset,0 10px 20px rgba(13,31,70,.055) !important;
  transform: translateY(-1px) !important;
}
body .nerdvana-cart-preview__item-media {
  display: block !important;
  overflow: hidden !important;
  width: 62px !important;
  height: 62px !important;
  border-radius: 15px !important;
  background: linear-gradient(180deg,rgba(10,19,38,.96),rgba(17,42,87,.88)) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.74)inset,0 8px 16px rgba(13,31,70,.1) !important;
}
body .nerdvana-cart-preview__item-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
body .nerdvana-cart-preview__item-info {
  display: grid !important;
  gap: .3rem !important;
  min-width: 0 !important;
}
body .nerdvana-cart-preview__item-title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  color: #24365f !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: 1.02rem !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;
}
body .nerdvana-cart-preview__item-meta {
  color: rgba(36,54,95,.62) !important;
  font-size: .95rem !important;
  line-height: 1.2 !important;
}
body .nerdvana-cart-preview__item-bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .8rem !important;
  color: rgba(36,54,95,.68) !important;
  font-size: .98rem !important;
  line-height: 1.2 !important;
}
body .nerdvana-cart-preview__item-bottom strong {
  color: #1b3d8f !important;
  font-size: 1.02rem !important;
  font-weight: 800 !important;
}
body .nerdvana-cart-preview__state {
  display: grid !important;
  gap: .45rem !important;
  padding: 1.05rem !important;
  border-radius: 18px !important;
  border: 1px solid rgba(27,61,143,.08) !important;
  color: rgba(36,54,95,.7) !important;
  background: rgba(255,255,255,.72) !important;
  font-size: 1.02rem !important;
  line-height: 1.35 !important;
  text-align: center !important;
}
body .nerdvana-cart-preview__state strong {
  color: #24365f !important;
}
body .nerdvana-cart-preview__more {
  padding: .35rem .25rem 0 !important;
  color: rgba(36,54,95,.58) !important;
  font-size: .96rem !important;
  line-height: 1.25 !important;
  text-align: center !important;
}
body .nerdvana-cart-preview__footer {
  margin-top: 1rem !important;
  padding-top: 1rem !important;
  border-top: 1px solid rgba(27,61,143,.09) !important;
}
body .nerdvana-cart-preview__subtotal {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  margin-bottom: 1rem !important;
  color: rgba(36,54,95,.68) !important;
  font-size: 1rem !important;
}
body .nerdvana-cart-preview__subtotal strong {
  color: #24365f !important;
  font-size: 1.2rem !important;
  font-weight: 800 !important;
}
body .nerdvana-cart-preview__actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: .72rem !important;
}
/* =========================================
CART HOVER PREVIEW BUTTON GLASS CORE
Eigenstaendiger Aufbau nach dem Master-Button.
Keine Referenz auf den gemeinsamen Master-Core.
========================================= */
body #nerdvana-cart-preview .nerdvana-cart-preview__button {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 .9rem !important;
  border-radius: 17px !important;
  border: 1px solid rgba(225,232,237,.96) !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  --border-offset: 0 !important;
  --buttons-border-width: 0 !important;
  --buttons-border-opacity: 0 !important;
  --alpha-button-background: 0 !important;
  --alpha-button-border: 0 !important;
  box-shadow: 0 18px 26px rgba(13,31,70,.06),0 7px 13px rgba(13,31,70,.034),0 2px 3px rgba(255,255,255,.78)inset,0 0 0 1px rgba(255,255,255,.94)inset,0 0 0 2px rgba(255,255,255,.22)inset,0 -1px 0 rgba(145,164,175,.09)inset,0 -12px 20px rgba(188,198,205,.045)inset !important;
  backdrop-filter: blur(14px)saturate(1.04) !important;
  -webkit-backdrop-filter: blur(14px)saturate(1.04) !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: .86rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: .078em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: border-color .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease,transform .22s ease !important;
}
body #nerdvana-cart-preview .nerdvana-cart-preview__button::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  outline: none !important;
  background: linear-gradient(180deg,rgba(255,255,255,.38)0,rgba(255,255,255,.1)34%,rgba(255,255,255,.025)100%),radial-gradient(ellipse at 18% 0,rgba(255,255,255,.88)0,rgba(255,255,255,.16)28%,transparent 52%),linear-gradient(112deg,transparent 0,rgba(255,255,255,.18)24%,rgba(255,255,255,.045)38%,transparent 55%) !important;
  box-shadow: 0 0 0 1px rgba(202,214,221,.28)inset,0 1px 0 rgba(255,255,255,.96)inset,0 -1px 0 rgba(131,152,164,.052)inset !important;
  opacity: .96 !important;
  transform: none !important;
}
body #nerdvana-cart-preview .nerdvana-cart-preview__button::after {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 6px !important;
  z-index: 2 !important;
  display: block !important;
  height: 7px !important;
  border-radius: 999px !important;
  border: 0 !important;
  outline: none !important;
  background: linear-gradient(90deg,transparent 0,rgba(255,255,255,.22)16%,rgba(202,214,222,.24)35%,rgba(255,255,255,.4)50%,rgba(202,214,222,.22)65%,rgba(255,255,255,.16)84%,transparent 100%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.74),0 5px 10px rgba(13,31,70,.05),0 12px 18px rgba(13,31,70,.038),0 18px 24px rgba(13,31,70,.02) !important;
  opacity: .86 !important;
  filter: blur(.22px) !important;
  pointer-events: none !important;
}
body #nerdvana-cart-preview .nerdvana-cart-preview__button > * {
  position: relative !important;
  z-index: 5 !important;
}
body #nerdvana-cart-preview .nerdvana-cart-preview__button:hover {
  border-color: rgba(214,223,229,1) !important;
  background: radial-gradient(ellipse at 20% 0,rgba(255,255,255,.66)0,rgba(255,255,255,.22)30%,transparent 50%),linear-gradient(180deg,rgba(255,255,255,.28)0,rgba(250,252,253,.16)42%,rgba(240,244,246,.18)100%) !important;
  color: #0d1f46 !important;
  -webkit-text-fill-color: #0d1f46 !important;
  box-shadow: 0 22px 31px rgba(13,31,70,.074),0 9px 17px rgba(13,31,70,.04),0 2px 3px rgba(255,255,255,.84)inset,0 0 0 1px rgba(255,255,255,.98)inset,0 0 0 2px rgba(255,255,255,.26)inset,0 -1px 0 rgba(145,164,175,.1)inset,0 0 8px rgba(5,200,255,.01) !important;
  transform: translateY(-1px) !important;
}
/* Checkout-Button: Navy-Tönung unter dem unveränderten Cart-Glasbody */
body #nerdvana-cart-preview .nerdvana-cart-preview__button--primary {
  background-color: rgba(27,61,143,.46) !important;
}
body #nerdvana-cart-preview .nerdvana-cart-preview__button--primary:hover {
  background-color: rgba(27,61,143,.58) !important;
}
/* =========================================
CART HOVER PREVIEW – Nerdvana DNA Polish V1
Mini Collector Tray statt Standard-Popup
Nur CSS, keine Cart-Logik
========================================= */
/* Panel: mehr Crystal-Tray, weniger normale Popup-Box */
body #nerdvana-cart-preview .nerdvana-cart-preview__panel {
  padding: 1.34rem !important;
  border-radius: 30px !important;
  border: 1px solid rgba(205,216,224,.82) !important;
}
/* Facettierte Top-/Edge-Lichtführung im Panel */
/* Header wirkt mehr wie eine kleine Vault-Überschrift */
body #nerdvana-cart-preview .nerdvana-cart-preview__header {
  margin-bottom: 1.05rem !important;
  padding-bottom: .92rem !important;
  border-bottom: 1px solid rgba(205,216,224,.38) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.78) !important;
}
body #nerdvana-cart-preview .nerdvana-cart-preview__eyebrow {
  color: #0d1f46 !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: 1.02rem !important;
  font-weight: 500 !important;
  line-height: 1.28 !important;
  letter-spacing: .155em !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.94),0 0 7px rgba(5,200,255,.04) !important;
}
/* Artikel-Badge: mehr Crystal Capsule, weniger Standard-Badge */
/* Produktzeilen: etwas mehr Product-Card-DNA, weniger Formularliste */
body #nerdvana-cart-preview .nerdvana-cart-preview__content {
  gap: .78rem !important;
}
body #nerdvana-cart-preview .nerdvana-cart-preview__item {
  grid-template-columns: 72px minmax(0,1fr) !important;
  gap: 1.06rem !important;
  min-height: 92px !important;
  padding: .82rem .92rem !important;
  border-radius: 21px !important;
  background: radial-gradient(ellipse at 20% 0,rgba(255,255,255,.72)0,rgba(255,255,255,.18)38%,transparent 70%),linear-gradient(180deg,rgba(255,255,255,.965)0,rgba(247,250,253,.88)100%) !important;
  box-shadow: 0 0 0 1px rgba(205,216,224,.5)inset,0 1px 0 rgba(255,255,255,.86)inset,0 9px 20px rgba(13,31,70,.045) !important;
}
body #nerdvana-cart-preview .nerdvana-cart-preview__item:hover {
  background: radial-gradient(ellipse at 20% 0,rgba(255,255,255,.82)0,rgba(255,255,255,.22)38%,transparent 70%),linear-gradient(180deg,rgba(255,255,255,.995)0,rgba(238,248,253,.9)100%) !important;
  box-shadow: 0 0 0 1px rgba(5,200,255,.15)inset,0 1px 0 rgba(255,255,255,.92)inset,0 11px 22px rgba(13,31,70,.055),0 0 12px rgba(5,200,255,.03) !important;
  transform: translateY(-1px) !important;
}
/* Thumbnails: mehr kleine Vitrine, weniger dunkler Block */
body #nerdvana-cart-preview .nerdvana-cart-preview__item-media {
  width: 72px !important;
  height: 72px !important;
  border-radius: 17px !important;
  background: linear-gradient(180deg,rgba(8,18,36,.96),rgba(15,39,82,.9)) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.78)inset,0 0 0 2px rgba(255,255,255,.12)inset,0 8px 16px rgba(13,31,70,.12),0 0 12px rgba(5,200,255,.03) !important;
}
/* Text ruhiger und hochwertiger */
body #nerdvana-cart-preview .nerdvana-cart-preview__item-title {
  color: #102b66 !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: .98rem !important;
  font-weight: 500 !important;
  line-height: 1.42 !important;
  letter-spacing: .035em !important;
  text-transform: none !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.94),0 0 5px rgba(5,200,255,.03) !important;
}
body #nerdvana-cart-preview .nerdvana-cart-preview__item-meta {
  color: rgba(36,54,95,.56) !important;
  font-size: .88rem !important;
  font-weight: 400 !important;
  line-height: 1.36 !important;
}
body #nerdvana-cart-preview .nerdvana-cart-preview__item-bottom {
  color: rgba(36,54,95,.6) !important;
  font-size: .9rem !important;
  font-weight: 400 !important;
  line-height: 1.32 !important;
}
body #nerdvana-cart-preview .nerdvana-cart-preview__item-bottom strong {
  color: #1b3d8f !important;
  font-size: .98rem !important;
  font-weight: 600 !important;
  letter-spacing: .015em !important;
}
/* "+ weitere Artikel" als dezente Gallery-Notiz */
body #nerdvana-cart-preview .nerdvana-cart-preview__more {
  padding: .46rem .25rem .1rem !important;
  color: rgba(36,54,95,.54) !important;
  font-size: .92rem !important;
  letter-spacing: .03em !important;
}
/* Footer-Zone sauberer als Abschluss-Plakette */
body #nerdvana-cart-preview .nerdvana-cart-preview__footer {
  margin-top: 1.05rem !important;
  padding-top: 1.05rem !important;
  border-top: 1px solid rgba(205,216,224,.42) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.8)inset !important;
}
body #nerdvana-cart-preview .nerdvana-cart-preview__subtotal {
  margin-bottom: 1.05rem !important;
  color: rgba(36,54,95,.64) !important;
  font-size: .98rem !important;
}
body #nerdvana-cart-preview .nerdvana-cart-preview__subtotal strong {
  color: #0d1f46 !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  letter-spacing: .045em !important;
}
/* Buttons: beide zurück zur Master-Glasbutton-DNA */
body #nerdvana-cart-preview .nerdvana-cart-preview__button {
  height: 56px !important;
  border-color: rgba(225,232,237,.96) !important;
  color: #102b66 !important;
  -webkit-text-fill-color: #102b66 !important;
  background: radial-gradient(ellipse at 22% 0,rgba(255,255,255,.72)0,rgba(255,255,255,.2)27%,transparent 52%),radial-gradient(ellipse at 78% 100%,rgba(205,216,224,.18)0,rgba(205,216,224,.045)34%,transparent 68%),linear-gradient(180deg,rgba(255,255,255,.18)0,rgba(252,253,254,.075)45%,rgba(238,242,245,.13)100%) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.98),0 0 5px rgba(255,255,255,.26) !important;
}
/* Checkout bleibt primär, aber nicht mehr als blauer Fremdkörper */
/* =========================================
CART HOVER PREVIEW – Nerdvana DNA Polish V1.4
Readability + Wider Collector Tray
- Fenster leicht größer
- Produkttexte lesbarer
- Zeilen luftiger
- Cart-Logik bleibt unangetastet
========================================= */

/* Tray etwas breiter, damit Titel nicht gequetscht wirken */
body .nerdvana-cart-preview {
  width: min(500px, calc(100vw - 2rem)) !important;
  max-width: 500px !important;
}

/* Panel: mehr Luft, weiterhin Crystal-Tray */
body #nerdvana-cart-preview .nerdvana-cart-preview__panel {
  padding: 1.46rem !important;
  border-radius: 32px !important;
  border: 1px solid rgba(205,216,224,.84) !important;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.99) 0%,
      rgba(251,253,255,.982) 48%,
      rgba(246,249,252,.99) 100%
    ) !important;
  box-shadow:
    0 32px 72px rgba(13,31,70,.122),
    0 13px 28px rgba(13,31,70,.054),
    0 0 0 1px rgba(255,255,255,.94) inset,
    0 0 0 7px rgba(255,255,255,.20) inset !important;
  backdrop-filter: blur(15px) saturate(1.02) !important;
  -webkit-backdrop-filter: blur(15px) saturate(1.02) !important;
}

/* Störenden farbigen Panel-Glow ruhig halten */
body #nerdvana-cart-preview .nerdvana-cart-preview__panel::before {
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(255,255,255,.52) 34%,
      rgba(205,216,224,.18) 50%,
      rgba(255,255,255,.48) 66%,
      transparent 100%
    ) top center / 78% 1px no-repeat !important;
  opacity: .72 !important;
}

/* Header wirkt mehr wie eine kleine Vault-Überschrift */
body #nerdvana-cart-preview .nerdvana-cart-preview__header {
  margin-bottom: 1.14rem !important;
  padding-bottom: 1rem !important;
  border-bottom: 1px solid rgba(205,216,224,.38) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.78) !important;
}

body #nerdvana-cart-preview .nerdvana-cart-preview__eyebrow {
  color: #0d1f46 !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  line-height: 1.28 !important;
  letter-spacing: .155em !important;
  text-transform: uppercase !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.94),
    0 0 7px rgba(5,200,255,.04) !important;
}

/* Artikelanzahl: kleine Crystal-Capsule, aber etwas besser lesbar */
body #nerdvana-cart-preview .nerdvana-cart-preview__count {
  padding: .38rem .8rem !important;
  border: 1px solid rgba(5,200,255,.18) !important;
  border-radius: 999px !important;
  color: #1b3d8f !important;
  background:
    radial-gradient(
      ellipse at 50% 0,
      rgba(255,255,255,.96) 0%,
      rgba(255,255,255,.42) 48%,
      transparent 78%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,.92) 0%,
      rgba(244,250,253,.76) 100%
    ) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.84) inset,
    0 3px 8px rgba(13,31,70,.035),
    0 0 8px rgba(5,200,255,.035) !important;
  font-size: .92rem !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.94) !important;
}

/* Produktzeilen: mehr Luft und bessere Lesbarkeit */
body #nerdvana-cart-preview .nerdvana-cart-preview__content {
  gap: .88rem !important;
}

body #nerdvana-cart-preview .nerdvana-cart-preview__item {
  grid-template-columns: 76px minmax(0,1fr) !important;
  gap: 1.16rem !important;
  min-height: 98px !important;
  padding: .88rem .96rem !important;
  border-radius: 22px !important;
  background:
    radial-gradient(
      ellipse at 20% 0,
      rgba(255,255,255,.72) 0%,
      rgba(255,255,255,.18) 38%,
      transparent 70%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,.965) 0%,
      rgba(247,250,253,.88) 100%
    ) !important;
  box-shadow:
    0 0 0 1px rgba(205,216,224,.5) inset,
    0 1px 0 rgba(255,255,255,.86) inset,
    0 9px 20px rgba(13,31,70,.045) !important;
}

body #nerdvana-cart-preview .nerdvana-cart-preview__item:hover {
  background:
    radial-gradient(
      ellipse at 20% 0,
      rgba(255,255,255,.82) 0%,
      rgba(255,255,255,.22) 38%,
      transparent 70%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,.995) 0%,
      rgba(238,248,253,.9) 100%
    ) !important;
  box-shadow:
    0 0 0 1px rgba(5,200,255,.15) inset,
    0 1px 0 rgba(255,255,255,.92) inset,
    0 11px 22px rgba(13,31,70,.055),
    0 0 12px rgba(5,200,255,.03) !important;
  transform: translateY(-1px) !important;
}

/* Thumbnails: minimal größer, damit das Tray hochwertiger wirkt */
body #nerdvana-cart-preview .nerdvana-cart-preview__item-media {
  width: 76px !important;
  height: 76px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg,rgba(8,18,36,.96),rgba(15,39,82,.9)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.78) inset,
    0 0 0 2px rgba(255,255,255,.12) inset,
    0 8px 16px rgba(13,31,70,.12),
    0 0 12px rgba(5,200,255,.03) !important;
}

/* Produkttext: größer, aber noch premium */
body #nerdvana-cart-preview .nerdvana-cart-preview__item-title {
  color: #102b66 !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: 1.08rem !important;
  font-weight: 500 !important;
  line-height: 1.42 !important;
  letter-spacing: .032em !important;
  text-transform: none !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.94),
    0 0 5px rgba(5,200,255,.03) !important;
}

body #nerdvana-cart-preview .nerdvana-cart-preview__item-meta {
  color: rgba(36,54,95,.58) !important;
  font-size: .98rem !important;
  font-weight: 400 !important;
  line-height: 1.36 !important;
}

body #nerdvana-cart-preview .nerdvana-cart-preview__item-bottom {
  color: rgba(36,54,95,.62) !important;
  font-size: .98rem !important;
  font-weight: 400 !important;
  line-height: 1.32 !important;
}

body #nerdvana-cart-preview .nerdvana-cart-preview__item-bottom strong {
  color: #1b3d8f !important;
  font-size: 1.08rem !important;
  font-weight: 650 !important;
  letter-spacing: .015em !important;
}

/* "+ weitere Artikel" als dezente Gallery-Notiz */
body #nerdvana-cart-preview .nerdvana-cart-preview__more {
  padding: .5rem .25rem .12rem !important;
  color: rgba(36,54,95,.56) !important;
  font-size: .98rem !important;
  letter-spacing: .03em !important;
}

/* Footer-Zone sauberer als Abschluss-Plakette */
body #nerdvana-cart-preview .nerdvana-cart-preview__footer {
  margin-top: 1.14rem !important;
  padding-top: 1.12rem !important;
  border-top: 1px solid rgba(205,216,224,.42) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset !important;
}

body #nerdvana-cart-preview .nerdvana-cart-preview__subtotal {
  margin-bottom: 1.12rem !important;
  color: rgba(36,54,95,.66) !important;
  font-size: 1.04rem !important;
}

body #nerdvana-cart-preview .nerdvana-cart-preview__subtotal strong {
  color: #0d1f46 !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: 1.18rem !important;
  font-weight: 500 !important;
  letter-spacing: .045em !important;
}

/* Buttons: etwas größer und besser lesbar */
body #nerdvana-cart-preview .nerdvana-cart-preview__actions {
  gap: .82rem !important;
}

body #nerdvana-cart-preview .nerdvana-cart-preview__button {
  height: 58px !important;
  padding: 0 1rem !important;
  border-color: rgba(225,232,237,.96) !important;
  color: #102b66 !important;
  -webkit-text-fill-color: #102b66 !important;
  font-size: .92rem !important;
  letter-spacing: .078em !important;
  background:
    radial-gradient(
      ellipse at 22% 0,
      rgba(255,255,255,.72) 0%,
      rgba(255,255,255,.2) 27%,
      transparent 52%
    ),
    radial-gradient(
      ellipse at 78% 100%,
      rgba(205,216,224,.18) 0%,
      rgba(205,216,224,.045) 34%,
      transparent 68%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,.18) 0%,
      rgba(252,253,254,.075) 45%,
      rgba(238,242,245,.13) 100%
    ) !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.98),
    0 0 5px rgba(255,255,255,.26) !important;
}

/* Checkout bleibt Primary, aber edel und silbrig */
body #nerdvana-cart-preview .nerdvana-cart-preview__button--primary {
  border-color: rgba(5,200,255,.24) !important;
  color: #102b66 !important;
  -webkit-text-fill-color: #102b66 !important;
  background:
    radial-gradient(
      ellipse at 24% 0,
      rgba(255,255,255,.96) 0%,
      rgba(255,255,255,.3) 30%,
      transparent 58%
    ),
    radial-gradient(
      ellipse at 82% 100%,
      rgba(5,200,255,.07) 0%,
      rgba(5,200,255,.022) 36%,
      transparent 70%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,.98) 0%,
      rgba(247,251,253,.94) 48%,
      rgba(235,243,248,.9) 100%
    ) !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.98),
    0 0 5px rgba(255,255,255,.24) !important;
  box-shadow:
    0 18px 28px rgba(13,31,70,.08),
    0 7px 14px rgba(13,31,70,.038),
    0 2px 3px rgba(255,255,255,.88) inset,
    0 0 0 1px rgba(255,255,255,.96) inset,
    0 0 0 2px rgba(255,255,255,.22) inset,
    0 -1px 0 rgba(145,164,175,.085) inset,
    0 -12px 20px rgba(188,198,205,.045) inset,
    0 0 12px rgba(5,200,255,.04) !important;
}

/* Innere Glasfläche neutraler, weniger Cyan-Füllung */
body #nerdvana-cart-preview .nerdvana-cart-preview__button--primary::before {
  border-color: rgba(255,255,255,.88) !important;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.48) 0%,
      rgba(255,255,255,.13) 34%,
      rgba(255,255,255,.03) 100%
    ),
    radial-gradient(
      ellipse at 18% 0,
      rgba(255,255,255,.88) 0%,
      rgba(255,255,255,.16) 30%,
      transparent 54%
    ) !important;
  box-shadow:
    0 0 0 1px rgba(202,214,221,.22) inset,
    0 1px 0 rgba(255,255,255,.96) inset,
    0 -1px 0 rgba(131,152,164,.05) inset !important;
  opacity: .98 !important;
}

/* Primary bleibt ohne unteren Balken */
body #nerdvana-cart-preview .nerdvana-cart-preview__button--primary::after {
  display: none !important;
  content: none !important;
}

/* Hover: nur geschliffener Lichtreflex */
body #nerdvana-cart-preview .nerdvana-cart-preview__button--primary:hover {
  border-color: rgba(5,200,255,.34) !important;
  color: #0d1f46 !important;
  -webkit-text-fill-color: #0d1f46 !important;
  background:
    radial-gradient(
      ellipse at 24% 0,
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,.36) 30%,
      transparent 58%
    ),
    radial-gradient(
      ellipse at 82% 100%,
      rgba(5,200,255,.095) 0%,
      rgba(5,200,255,.03) 36%,
      transparent 70%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,1) 0%,
      rgba(249,252,254,.98) 48%,
      rgba(232,243,248,.94) 100%
    ) !important;
  box-shadow:
    0 21px 31px rgba(13,31,70,.092),
    0 8px 16px rgba(13,31,70,.042),
    0 2px 3px rgba(255,255,255,.94) inset,
    0 0 0 1px rgba(255,255,255,.98) inset,
    0 0 0 2px rgba(255,255,255,.26) inset,
    0 -1px 0 rgba(145,164,175,.09) inset,
    0 -12px 20px rgba(188,198,205,.045) inset,
    0 0 16px rgba(5,200,255,.06) !important;
}

body #nerdvana-cart-preview .nerdvana-cart-preview__button:hover::before {
  border-color: rgba(255,255,255,.92) !important;
}

@media screen and (max-width: 989px), (hover: none) {
  body .nerdvana-cart-preview {
    display: none !important;
  }
}

/* Quick-Add / In den Warenkorb Button auf Collection-Seiten */
/* Nerdvana Clear Crystal Slab CTA – V4.2: mehr Glasrahmen, weniger Füllung, mehr realer Schatten */
#ProductGridContainer .quick-add, #product-grid .quick-add, .template-search__results .quick-add {
  position: relative !important;
  z-index: 8 !important;
  pointer-events: auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: .84rem 1.02rem 1.64rem !important;
  background: #fff !important;
}
/* Wrapper bewusst mittig und auf volle Breite */
#ProductGridContainer .quick-add product-form, #ProductGridContainer .quick-add .product-form, #ProductGridContainer .quick-add form, #ProductGridContainer .quick-add .product-form__buttons, #product-grid .quick-add product-form, #product-grid .quick-add .product-form, #product-grid .quick-add form, #product-grid .quick-add .product-form__buttons, .template-search__results .quick-add product-form, .template-search__results .quick-add .product-form, .template-search__results .quick-add form, .template-search__results .quick-add .product-form__buttons {
  position: relative !important;
  z-index: 9 !important;
  pointer-events: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}
/* Das eigentliche Glasobjekt */
#ProductGridContainer .quick-add__submit, #product-grid .quick-add__submit, .template-search__results .quick-add__submit {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  z-index: 10 !important;
  pointer-events: auto !important;
  width: clamp(236px,88%,284px) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 1.34rem !important;
  box-sizing: border-box !important;
  border-radius: 17px !important;
  border: 1px solid rgba(225,232,237,.96) !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  --border-offset: 0 !important;
  --buttons-border-width: 0 !important;
  --buttons-border-opacity: 0 !important;
  --alpha-button-background: 0 !important;
  --alpha-button-border: 0 !important;
  color: #16377d !important;
  /* Mitte deutlich transparenter / weniger milchig */
  background: radial-gradient(ellipse at 22% 0,rgba(255,255,255,.72)0,rgba(255,255,255,.2)27%,transparent 52%),radial-gradient(ellipse at 78% 100%,rgba(205,216,224,.18)0,rgba(205,216,224,.045)34%,transparent 68%),linear-gradient(180deg,rgba(255,255,255,.18)0,rgba(252,253,254,.075)45%,rgba(238,242,245,.13)100%) !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: .74rem !important;
  font-weight: 650 !important;
  letter-spacing: .062em !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.96),0 0 6px rgba(255,255,255,.18) !important;
  /* Stärkerer echter Objektschatten */
  box-shadow: 0 18px 26px rgba(13,31,70,.06),0 7px 13px rgba(13,31,70,.034),0 2px 3px rgba(255,255,255,.78)inset,0 0 0 1px rgba(255,255,255,.94)inset,0 0 0 2px rgba(255,255,255,.22)inset,0 -1px 0 rgba(145,164,175,.09)inset,0 -12px 20px rgba(188,198,205,.045)inset !important;
  backdrop-filter: blur(14px)saturate(1.04) !important;
  -webkit-backdrop-filter: blur(14px)saturate(1.04) !important;
  transition: border-color .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease,transform .22s ease !important;
}
/* Glass Surface Layer – weiche fotografische Glasoberfläche */
#ProductGridContainer .quick-add__submit::before, #product-grid .quick-add__submit::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  outline: none !important;
  background: linear-gradient(180deg,rgba(255,255,255,.38)0,rgba(255,255,255,.1)34%,rgba(255,255,255,.025)100%),radial-gradient(ellipse at 18% 0,rgba(255,255,255,.88)0,rgba(255,255,255,.16)28%,transparent 52%),linear-gradient(112deg,transparent 0,rgba(255,255,255,.18)24%,rgba(255,255,255,.045)38%,transparent 55%) !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  box-shadow: 0 0 0 1px rgba(202,214,221,.28)inset,0 1px 0 rgba(255,255,255,.96)inset,0 -1px 0 rgba(131,152,164,.052)inset !important;
  opacity: .96 !important;
}
/* Untere Glaslippe + weicher Kontaktschatten */
#ProductGridContainer .quick-add__submit::after, #product-grid .quick-add__submit::after {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 6px !important;
  z-index: 2 !important;
  height: 7px !important;
  border-radius: 999px !important;
  border: 0 !important;
  outline: none !important;
  background: linear-gradient(90deg,transparent 0,rgba(255,255,255,.22)16%,rgba(202,214,222,.24)35%,rgba(255,255,255,.4)50%,rgba(202,214,222,.22)65%,rgba(255,255,255,.16)84%,transparent 100%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.74),0 5px 10px rgba(13,31,70,.05),0 12px 18px rgba(13,31,70,.038),0 18px 24px rgba(13,31,70,.02) !important;
  opacity: .86 !important;
  filter: blur(.22px) !important;
  pointer-events: none !important;
}
/* Button-Inhalt über die Glaslayer */
#ProductGridContainer .quick-add__submit > *, #product-grid .quick-add__submit > * {
  position: relative !important;
  z-index: 3 !important;
}
/* Dawn-Hidden-Zustände sauber lassen */
#ProductGridContainer .quick-add__submit > .hidden, #product-grid .quick-add__submit > .hidden, #ProductGridContainer .quick-add__submit > .sold-out-message, #product-grid .quick-add__submit > .sold-out-message {
  display: none !important;
}
/* Hover: Glas bleibt ruhig und präzise */
#ProductGridContainer .quick-add__submit:hover, #product-grid .quick-add__submit:hover {
  border-color: rgba(214,223,229,1) !important;
  background: radial-gradient(ellipse at 20% 0,rgba(255,255,255,.66)0,rgba(255,255,255,.22)30%,transparent 50%),linear-gradient(180deg,rgba(255,255,255,.28)0,rgba(250,252,253,.16)42%,rgba(240,244,246,.18)100%) !important;
  color: #102b66 !important;
  box-shadow: 0 22px 31px rgba(13,31,70,.074),0 9px 17px rgba(13,31,70,.04),0 2px 3px rgba(255,255,255,.84)inset,0 0 0 1px rgba(255,255,255,.98)inset,0 0 0 2px rgba(255,255,255,.26)inset,0 -1px 0 rgba(145,164,175,.1)inset,0 0 8px rgba(5,200,255,.01) !important;
  transform: translateY(-1px) !important;
}
#ProductGridContainer .quick-add__submit:hover::before, #product-grid .quick-add__submit:hover::before {
  border-color: rgba(255,255,255,.92) !important;
}
/* Mobile */
@media screen and (max-width: 749px) {
  #ProductGridContainer .quick-add, #product-grid .quick-add {
    padding: .8rem .96rem 1.5rem !important;
  }
  #ProductGridContainer .quick-add__submit, #product-grid .quick-add__submit {
    width: clamp(220px,86%,266px) !important;
    min-height: 56px !important;
    gap: .48rem !important;
    padding: 0 1.1rem !important;
    font-size: .78rem !important;
    letter-spacing: .052em !important;
  }
  #ProductGridContainer .quick-add__submit > span:not(.hidden):not(.sold-out-message):not([class^="nerdvana-crystal-cta__"]), #product-grid .quick-add__submit > span:not(.hidden):not(.sold-out-message):not([class^="nerdvana-crystal-cta__"]) {
    font-size: .78rem !important;
    letter-spacing: .052em !important;
  }
  #ProductGridContainer .quick-add__submit .nerdvana-crystal-cta__icon, #product-grid .quick-add__submit .nerdvana-crystal-cta__icon {
    width: 1.04rem !important;
    height: 1.04rem !important;
  }
}
/* Homepage Quick-Add – Neuheiten & Bestseller nutzen dieselbe V4.2A Glas-CTA */
:is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: .84rem 1.02rem 1.64rem !important;
  background: #fff !important;
}
:is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add product-form, :is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add .product-form, :is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add form, :is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add .product-form__buttons {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}
:is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add__submit {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  width: clamp(236px,88%,284px) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .54rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 1.34rem !important;
  box-sizing: border-box !important;
  border-radius: 17px !important;
  border: 1px solid rgba(225,232,237,.96) !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  --border-offset: 0 !important;
  --buttons-border-width: 0 !important;
  --buttons-border-opacity: 0 !important;
  --alpha-button-background: 0 !important;
  --alpha-button-border: 0 !important;
  color: #16377d !important;
  background: radial-gradient(ellipse at 22% 0,rgba(255,255,255,.72)0,rgba(255,255,255,.2)27%,transparent 52%),radial-gradient(ellipse at 78% 100%,rgba(205,216,224,.18)0,rgba(205,216,224,.045)34%,transparent 68%),linear-gradient(180deg,rgba(255,255,255,.18)0,rgba(252,253,254,.075)45%,rgba(238,242,245,.13)100%) !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: .74rem !important;
  font-weight: 650 !important;
  letter-spacing: .062em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.96),0 0 6px rgba(255,255,255,.18) !important;
  box-shadow: 0 18px 26px rgba(13,31,70,.06),0 7px 13px rgba(13,31,70,.034),0 2px 3px rgba(255,255,255,.78)inset,0 0 0 1px rgba(255,255,255,.94)inset,0 0 0 2px rgba(255,255,255,.22)inset,0 -1px 0 rgba(145,164,175,.09)inset,0 -12px 20px rgba(188,198,205,.045)inset !important;
  backdrop-filter: blur(14px)saturate(1.04) !important;
  -webkit-backdrop-filter: blur(14px)saturate(1.04) !important;
  transition: border-color .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease,transform .22s ease !important;
}
:is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add__submit::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  outline: none !important;
  background: linear-gradient(180deg,rgba(255,255,255,.38)0,rgba(255,255,255,.1)34%,rgba(255,255,255,.025)100%),radial-gradient(ellipse at 18% 0,rgba(255,255,255,.88)0,rgba(255,255,255,.16)28%,transparent 52%),linear-gradient(112deg,transparent 0,rgba(255,255,255,.18)24%,rgba(255,255,255,.045)38%,transparent 55%) !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  box-shadow: 0 0 0 1px rgba(202,214,221,.28)inset,0 1px 0 rgba(255,255,255,.96)inset,0 -1px 0 rgba(131,152,164,.052)inset !important;
  opacity: .96 !important;
}
:is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add__submit::after {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 6px !important;
  z-index: 2 !important;
  height: 7px !important;
  border-radius: 999px !important;
  border: 0 !important;
  outline: none !important;
  background: linear-gradient(90deg,transparent 0,rgba(255,255,255,.22)16%,rgba(202,214,222,.24)35%,rgba(255,255,255,.4)50%,rgba(202,214,222,.22)65%,rgba(255,255,255,.16)84%,transparent 100%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.74),0 5px 10px rgba(13,31,70,.05),0 12px 18px rgba(13,31,70,.038),0 18px 24px rgba(13,31,70,.02) !important;
  opacity: .86 !important;
  filter: blur(.22px) !important;
  pointer-events: none !important;
}
:is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add__submit > * {
  position: relative !important;
  z-index: 3 !important;
}
:is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add__submit > .hidden, :is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add__submit > .sold-out-message {
  display: none !important;
}
:is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add__submit > span:not(.hidden):not(.sold-out-message):not([class^="nerdvana-crystal-cta__"]) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 5 !important;
  min-height: 1.22rem !important;
  color: #102b66 !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
  letter-spacing: .064em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  transform: translateY(.005rem) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.98),0 0 5px rgba(255,255,255,.26) !important;
}
:is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add__submit .nerdvana-crystal-cta__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.2rem !important;
  height: 1.2rem !important;
  position: relative !important;
  z-index: 5 !important;
  flex: 0 0 auto !important;
  color: #102b66 !important;
  opacity: .76 !important;
  transform: translateY(-0.255rem) !important;
  pointer-events: none !important;
}
:is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add__submit .nerdvana-crystal-cta__icon svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  overflow: visible !important;
}
:is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add__submit:hover {
  border-color: rgba(214,223,229,1) !important;
  background: radial-gradient(ellipse at 20% 0,rgba(255,255,255,.66)0,rgba(255,255,255,.22)30%,transparent 50%),linear-gradient(180deg,rgba(255,255,255,.28)0,rgba(250,252,253,.16)42%,rgba(240,244,246,.18)100%) !important;
  color: #102b66 !important;
  box-shadow: 0 22px 31px rgba(13,31,70,.074),0 9px 17px rgba(13,31,70,.04),0 2px 3px rgba(255,255,255,.84)inset,0 0 0 1px rgba(255,255,255,.98)inset,0 0 0 2px rgba(255,255,255,.26)inset,0 -1px 0 rgba(145,164,175,.1)inset,0 0 8px rgba(5,200,255,.01) !important;
  transform: translateY(-1px) !important;
}
:is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add__submit:hover::before {
  border-color: rgba(255,255,255,.92) !important;
}
:is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add__submit:hover .nerdvana-crystal-cta__icon {
  opacity: .88 !important;
  color: #0d1f46 !important;
}
:is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add__submit.nerdvana-crystal-cta--activated {
  animation: nerdvana-crystal-button-commit .62s ease both !important;
}
@media screen and (max-width: 749px) {
  :is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add {
    padding: .8rem .96rem 1.5rem !important;
  }
  :is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add__submit {
    width: clamp(220px,86%,266px) !important;
    min-height: 56px !important;
    gap: .48rem !important;
    padding: 0 1.1rem !important;
    font-size: .78rem !important;
    letter-spacing: .052em !important;
  }
  :is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add__submit > span:not(.hidden):not(.sold-out-message):not([class^="nerdvana-crystal-cta__"]) {
    font-size: .78rem !important;
    letter-spacing: .052em !important;
  }
  :is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add__submit .nerdvana-crystal-cta__icon {
    width: 1.04rem !important;
    height: 1.04rem !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  :is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add__submit.nerdvana-crystal-cta--activated {
    animation: none !important;
    transition-duration: .01ms !important;
  }
}
/* =========================================
QUICK-ADD – Loading / Disabled State Fix
Kein roter Not-Allowed-Cursor, kein langes Eingedrückt-Wirken
Nur Optik, keine Quick-Add-/Cart-Logik

V1.1:
Selector-Sync für alle aktiven Produktkarten-Kontexte:
Collection, Search, Homepage Featured Collections und Related Products.
========================================= */

/* Normale Quick-Add-Buttons bleiben klickbar mit sauberem Cursor */
:is(
  #ProductGridContainer,
  #product-grid,
  .template-search__results,
  #shopify-section-template--30569970172253__featured_collection,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb,
  body #MainContent .related-products,
  body #MainContent product-recommendations.related-products
) .quick-add__submit {
  cursor: pointer !important;
}

/* Während Dawn lädt/deaktiviert: kein roter Sperr-Cursor */
:is(
  #ProductGridContainer,
  #product-grid,
  .template-search__results,
  #shopify-section-template--30569970172253__featured_collection,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb,
  body #MainContent .related-products,
  body #MainContent product-recommendations.related-products
) .quick-add__submit.loading,
:is(
  #ProductGridContainer,
  #product-grid,
  .template-search__results,
  #shopify-section-template--30569970172253__featured_collection,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb,
  body #MainContent .related-products,
  body #MainContent product-recommendations.related-products
) .quick-add__submit[disabled],
:is(
  #ProductGridContainer,
  #product-grid,
  .template-search__results,
  #shopify-section-template--30569970172253__featured_collection,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb,
  body #MainContent .related-products,
  body #MainContent product-recommendations.related-products
) .quick-add__submit[aria-disabled="true"] {
  cursor: default !important;
}

/* Loading-Zustand sieht nicht mehr dauerhaft gedrückt/deaktiviert aus */
:is(
  #ProductGridContainer,
  #product-grid,
  .template-search__results,
  #shopify-section-template--30569970172253__featured_collection,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb,
  body #MainContent .related-products,
  body #MainContent product-recommendations.related-products
) .quick-add__submit.loading:not(:has(.sold-out-message:not(.hidden))),
:is(
  #ProductGridContainer,
  #product-grid,
  .template-search__results,
  #shopify-section-template--30569970172253__featured_collection,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb,
  body #MainContent .related-products,
  body #MainContent product-recommendations.related-products
) .quick-add__submit[disabled]:not(:has(.sold-out-message:not(.hidden))),
:is(
  #ProductGridContainer,
  #product-grid,
  .template-search__results,
  #shopify-section-template--30569970172253__featured_collection,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb,
  body #MainContent .related-products,
  body #MainContent product-recommendations.related-products
) .quick-add__submit[aria-disabled="true"]:not(:has(.sold-out-message:not(.hidden))) {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  border-color: rgba(225,232,237,.96) !important;
  color: #102b66 !important;
  -webkit-text-fill-color: #102b66 !important;
  background:
    radial-gradient(ellipse at 22% 0,rgba(255,255,255,.72)0,rgba(255,255,255,.2)27%,transparent 52%),
    radial-gradient(ellipse at 78% 100%,rgba(205,216,224,.18)0,rgba(205,216,224,.045)34%,transparent 68%),
    linear-gradient(180deg,rgba(255,255,255,.18)0,rgba(252,253,254,.075)45%,rgba(238,242,245,.13)100%) !important;
  box-shadow:
    0 18px 26px rgba(13,31,70,.06),
    0 7px 13px rgba(13,31,70,.034),
    0 2px 3px rgba(255,255,255,.78) inset,
    0 0 0 1px rgba(255,255,255,.94) inset,
    0 0 0 2px rgba(255,255,255,.22) inset,
    0 -1px 0 rgba(145,164,175,.09) inset,
    0 -12px 20px rgba(188,198,205,.045) inset !important;
}

/* Aktives Klicken soll nur kurz reagieren, nicht wie festgedrückt wirken */
:is(
  #ProductGridContainer,
  #product-grid,
  .template-search__results,
  #shopify-section-template--30569970172253__featured_collection,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb,
  body #MainContent .related-products,
  body #MainContent product-recommendations.related-products
) .quick-add__submit:active:not(:has(.sold-out-message:not(.hidden))) {
  transform: none !important;
}

/* Auch während unserer kurzen Crystal-Klasse kein Sperr-Cursor */
:is(
  #ProductGridContainer,
  #product-grid,
  .template-search__results,
  #shopify-section-template--30569970172253__featured_collection,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb,
  body #MainContent .related-products,
  body #MainContent product-recommendations.related-products
) .quick-add__submit.nerdvana-crystal-cta--pressing,
:is(
  #ProductGridContainer,
  #product-grid,
  .template-search__results,
  #shopify-section-template--30569970172253__featured_collection,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb,
  body #MainContent .related-products,
  body #MainContent product-recommendations.related-products
) .quick-add__submit.nerdvana-crystal-cta--activated {
  cursor: default !important;
}

/* =========================================
QUICK-ADD – Centered Loading Ritual
Beim Add-to-Cart verschwinden Text + Cart-Icon,
der Dawn-Ladekreis erscheint exakt mittig.
Nur Optik, keine Quick-Add-/Cart-Logik.

V1.1:
Selector-Sync für Related Products und Search.
========================================= */

/* Button bleibt während Dawn-Loading ein stabiles Positionierungsfeld */
:is(
  #ProductGridContainer,
  #product-grid,
  .template-search__results,
  #shopify-section-template--30569970172253__featured_collection,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb,
  body #MainContent .related-products,
  body #MainContent product-recommendations.related-products
) .quick-add__submit.loading {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;

  /*
  Loading-Press-State:
  Sobald Dawn .loading setzt, wirkt der Button bewusst gedrückt,
  während der Spinner mittig läuft.
  */
  transform: translateY(1px) scale(.992) !important;
  filter: brightness(.992) saturate(.99) !important;
  box-shadow:
    0 10px 18px rgba(13,31,70,.052),
    0 4px 9px rgba(13,31,70,.034),
    0 2px 4px rgba(13,31,70,.045) inset,
    0 0 0 1px rgba(255,255,255,.94) inset,
    0 -8px 16px rgba(188,198,205,.052) inset !important;
}

/* Während echtem Loading: Buttontext ausblenden, aber Dawn-Struktur intakt lassen */
:is(
  #ProductGridContainer,
  #product-grid,
  .template-search__results,
  #shopify-section-template--30569970172253__featured_collection,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb,
  body #MainContent .related-products,
  body #MainContent product-recommendations.related-products
) .quick-add__submit.loading:not(:has(.sold-out-message:not(.hidden))) > span:not(.hidden):not(.sold-out-message):not([class^="nerdvana-crystal-cta__"]) {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(.08rem) !important;
  pointer-events: none !important;
}

/* Unser Cart-Icon verschwindet ebenfalls während Loading */
:is(
  #ProductGridContainer,
  #product-grid,
  .template-search__results,
  #shopify-section-template--30569970172253__featured_collection,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb,
  body #MainContent .related-products,
  body #MainContent product-recommendations.related-products
) .quick-add__submit.loading:not(:has(.sold-out-message:not(.hidden))) .nerdvana-crystal-cta__icon {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Dawn-Spinner exakt in die Mitte setzen und aus dem Flexfluss nehmen */
:is(
  #ProductGridContainer,
  #product-grid,
  .template-search__results,
  #shopify-section-template--30569970172253__featured_collection,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb,
  body #MainContent .related-products,
  body #MainContent product-recommendations.related-products
) .quick-add__submit.loading:not(:has(.sold-out-message:not(.hidden))) .loading__spinner {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  top: 50% !important;
  z-index: 8 !important;
  width: 1.42rem !important;
  height: 1.42rem !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate(-50%, -50%) !important;
  pointer-events: none !important;
}

/* Spinner-SVG optisch sauber im Glasbutton halten */
:is(
  #ProductGridContainer,
  #product-grid,
  .template-search__results,
  #shopify-section-template--30569970172253__featured_collection,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb,
  body #MainContent .related-products,
  body #MainContent product-recommendations.related-products
) .quick-add__submit.loading:not(:has(.sold-out-message:not(.hidden))) .loading__spinner svg,
:is(
  #ProductGridContainer,
  #product-grid,
  .template-search__results,
  #shopify-section-template--30569970172253__featured_collection,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb,
  body #MainContent .related-products,
  body #MainContent product-recommendations.related-products
) .quick-add__submit.loading:not(:has(.sold-out-message:not(.hidden))) .spinner {
  width: 1.42rem !important;
  height: 1.42rem !important;
  color: #1b3d8f !important;
  stroke: currentColor !important;
}

/* Sicherheitsnetz: Disabled ohne Loading, z. B. Sold Out, bleibt lesbar */
:is(
  #ProductGridContainer,
  #product-grid,
  .template-search__results,
  #shopify-section-template--30569970172253__featured_collection,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb,
  body #MainContent .related-products,
  body #MainContent product-recommendations.related-products
) .quick-add__submit[disabled]:not(.loading),
:is(
  #ProductGridContainer,
  #product-grid,
  .template-search__results,
  #shopify-section-template--30569970172253__featured_collection,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb,
  body #MainContent .related-products,
  body #MainContent product-recommendations.related-products
) .quick-add__submit[aria-disabled="true"]:not(.loading) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* Nerdvana Add-to-Cart Ritual – Crystal Microinteraction */
@keyframes nerdvana-crystal-card-impulse {
  0% {
    opacity: 0;
    transform: scale(.96);
  }
  16% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1.08);
  }
}
@keyframes nerdvana-crystal-card-lift {
  0% {
    box-shadow: 0 18px 42px rgba(13,31,70,.08),0 6px 16px rgba(13,31,70,.045),0 0 0 1px rgba(255,255,255,.82)inset;
  }
  42% {
    box-shadow: 0 24px 52px rgba(13,31,70,.12),0 10px 22px rgba(13,31,70,.055),0 0 24px rgba(5,200,255,.1),0 0 0 1px rgba(255,255,255,.92)inset;
  }
  100% {
    box-shadow: 0 18px 42px rgba(13,31,70,.08),0 6px 16px rgba(13,31,70,.045),0 0 0 1px rgba(255,255,255,.82)inset;
  }
}
@keyframes nerdvana-crystal-button-commit {
  0% {
    filter: none;
  }
  35% {
    filter: drop-shadow(0 0 8px rgba(255,255,255,.72))drop-shadow(0 0 16px rgba(5,200,255,.12));
  }
  100% {
    filter: none;
  }
}
@keyframes nerdvana-crystal-cart-flight {
  0% {
    opacity: 0;
    transform: translate3d(0,0,0)scale(.72);
    filter: blur(0);
  }
  12% {
    opacity: 1;
  }
  76% {
    opacity: .94;
    filter: blur(.18px);
  }
  100% {
    opacity: 0;
    transform: translate3d(var(--nerdvana-flight-x,0),var(--nerdvana-flight-y,0),0)scale(.18);
    filter: blur(1px);
  }
}
@keyframes nerdvana-crystal-cart-pulse {
  0% {
    transform: translateY(0)scale(1);
    filter: none;
  }
  34% {
    transform: translateY(-1px)scale(1.08);
    filter: drop-shadow(0 0 8px rgba(255,255,255,.76))drop-shadow(0 0 16px rgba(5,200,255,.22));
  }
  100% {
    transform: translateY(0)scale(1);
    filter: none;
  }
}
/* Produktkarten-Impuls deaktiviert:
Der vorherige Screen-Overlay hat auf hellem Layout die ganze Kachel ausgewaschen. */
#ProductGridContainer .grid__item.nerdvana-crystal-card-pulse, #product-grid .grid__item.nerdvana-crystal-card-pulse {
  animation: none !important;
}
#ProductGridContainer .grid__item.nerdvana-crystal-card-pulse::after, #product-grid .grid__item.nerdvana-crystal-card-pulse::after {
  content: none !important;
  display: none !important;
}
/* Button selbst reagiert kurz wie gedrücktes Glas */
#ProductGridContainer .quick-add__submit.nerdvana-crystal-cta--activated, #product-grid .quick-add__submit.nerdvana-crystal-cta--activated {
  animation: nerdvana-crystal-button-commit .62s ease both !important;
}
/* Kristallklarer Flugpartikel Richtung Warenkorb */
.nerdvana-crystal-cart-particle {
  position: fixed !important;
  left: var(--nerdvana-flight-start-x,0) !important;
  top: var(--nerdvana-flight-start-y,0) !important;
  z-index: 9999 !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  pointer-events: none !important;
  background: radial-gradient(circle,#fff 0,rgba(255,255,255,.96)30%,rgba(5,200,255,.24)54%,transparent 78%) !important;
  box-shadow: 0 0 8px rgba(255,255,255,.92),0 0 14px rgba(5,200,255,.18),0 0 24px rgba(13,31,70,.1) !important;
  animation: nerdvana-crystal-cart-flight .82s cubic-bezier(.2,.72,.26,1)forwards !important;
}
.nerdvana-crystal-cart-particle::before {
  content: "" !important;
  position: absolute !important;
  inset: -10px !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background: radial-gradient(circle,rgba(255,255,255,.42),rgba(5,200,255,.12)38%,transparent 70%) !important;
  filter: blur(6px) !important;
}
/* Header-Warenkorb und Bubble reagieren */
#cart-icon-bubble.nerdvana-crystal-cart-pulse, .header__icon--cart.nerdvana-crystal-cart-pulse {
  animation: nerdvana-crystal-cart-pulse .72s ease both !important;
}
.cart-count-bubble.nerdvana-crystal-cart-pulse {
  animation: nerdvana-crystal-cart-pulse .72s ease both !important;
}
@media (prefers-reduced-motion: reduce) {
  #ProductGridContainer .grid__item.nerdvana-crystal-card-pulse, #product-grid .grid__item.nerdvana-crystal-card-pulse, #ProductGridContainer .grid__item.nerdvana-crystal-card-pulse::after, #product-grid .grid__item.nerdvana-crystal-card-pulse::after, #ProductGridContainer .quick-add__submit.nerdvana-crystal-cta--activated, #product-grid .quick-add__submit.nerdvana-crystal-cta--activated, .nerdvana-crystal-cart-particle, #cart-icon-bubble.nerdvana-crystal-cart-pulse, .header__icon--cart.nerdvana-crystal-cart-pulse, .cart-count-bubble.nerdvana-crystal-cart-pulse {
    animation: none !important;
    transition-duration: .01ms !important;
  }
}

/* =========================================
CART HOVER + CART POPUP – Image Priority Polish V1
Lokaler Ladezustand für dynamische Cart-Oberflächen:
- Header Cart-Hover Preview
- Dawn Cart Notification / Popup

Nicht für:
- Warenkorbseite cart-items
- Produktkarten
- Favoriten
- Modelviewer
========================================= */

/* Gemeinsame Basis */
body #nerdvana-cart-preview .nerdvana-cart-preview__item-media,
body #cart-notification .cart-notification-product,
body .cart-notification-wrapper .cart-notification-product {
  position: relative !important;
  isolation: isolate !important;
}

/* Hover-Preview: Bildslot hell statt dunkler leerer Fläche */
body #nerdvana-cart-preview .nerdvana-cart-preview__item-media.nerdvana-transient-cart-image-is-loading {
  background:
    radial-gradient(ellipse at 28% 12%, rgba(255,255,255,.78) 0, rgba(255,255,255,.2) 38%, transparent 68%),
    linear-gradient(180deg, rgba(247,250,253,.96) 0, rgba(235,242,248,.92) 100%) !important;
  box-shadow:
    0 0 0 1px rgba(205,216,224,.68) inset,
    0 8px 16px rgba(13,31,70,.08) !important;
}

/* Cart Notification: Bildslot als Vitrine markieren */
body #cart-notification .cart-notification-product.nerdvana-transient-cart-image-is-loading,
body .cart-notification-wrapper .cart-notification-product.nerdvana-transient-cart-image-is-loading {
  --nerdvana-transient-cart-popup-image-size: 74px;
  --nerdvana-transient-cart-popup-image-left: .95rem;
}

/* Mobile Notification-Bildgröße bleibt synchron */
@media screen and (max-width: 749px) {
  body #cart-notification .cart-notification-product.nerdvana-transient-cart-image-is-loading,
  body .cart-notification-wrapper .cart-notification-product.nerdvana-transient-cart-image-is-loading {
    --nerdvana-transient-cart-popup-image-size: 62px;
    --nerdvana-transient-cart-popup-image-left: .8rem;
  }
}

/* Crystal-Preload-Sheen im Hover-Bildslot */
body #nerdvana-cart-preview .nerdvana-cart-preview__item-media.nerdvana-transient-cart-image-is-loading::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(
      110deg,
      transparent 0%,
      rgba(255,255,255,.18) 28%,
      rgba(255,255,255,.72) 48%,
      rgba(232,248,255,.32) 56%,
      transparent 78%
    ) !important;
  opacity: .78 !important;
  transform: translateX(-120%) skewX(-14deg) !important;
  animation: nerdvana-transient-cart-image-sheen 1.18s cubic-bezier(.16,1,.3,1) infinite !important;
}

/* Crystal-Preload-Sheen exakt über dem Notification-Bildplatz */
body #cart-notification .cart-notification-product.nerdvana-transient-cart-image-is-loading::before,
body .cart-notification-wrapper .cart-notification-product.nerdvana-transient-cart-image-is-loading::before {
  content: "" !important;
  position: absolute !important;
  left: var(--nerdvana-transient-cart-popup-image-left) !important;
  top: 50% !important;
  z-index: 1 !important;
  width: var(--nerdvana-transient-cart-popup-image-size) !important;
  height: var(--nerdvana-transient-cart-popup-image-size) !important;
  border-radius: 16px !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse at 28% 12%, rgba(255,255,255,.78) 0, rgba(255,255,255,.2) 38%, transparent 68%),
    linear-gradient(180deg, rgba(247,250,253,.96) 0, rgba(235,242,248,.92) 100%) !important;
  box-shadow:
    0 0 0 1px rgba(205,216,224,.68) inset,
    0 8px 16px rgba(13,31,70,.08) !important;
}

/* Bewegter Lichtstreifen im Notification-Bildplatz */
body #cart-notification .cart-notification-product.nerdvana-transient-cart-image-is-loading::after,
body .cart-notification-wrapper .cart-notification-product.nerdvana-transient-cart-image-is-loading::after {
  content: "" !important;
  position: absolute !important;
  left: var(--nerdvana-transient-cart-popup-image-left) !important;
  top: 50% !important;
  z-index: 2 !important;
  width: var(--nerdvana-transient-cart-popup-image-size) !important;
  height: var(--nerdvana-transient-cart-popup-image-size) !important;
  border-radius: 16px !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  overflow: hidden !important;
  background:
    linear-gradient(
      110deg,
      transparent 0%,
      rgba(255,255,255,.14) 28%,
      rgba(255,255,255,.68) 48%,
      rgba(232,248,255,.28) 56%,
      transparent 78%
    ) !important;
  opacity: .72 !important;
  animation: nerdvana-transient-cart-popup-image-sheen 1.18s cubic-bezier(.16,1,.3,1) infinite !important;
}

/* Während des Ladens keine dunkle Bildfläche zeigen */
body #nerdvana-cart-preview .nerdvana-cart-preview__item-media.nerdvana-transient-cart-image-is-loading img,
body #cart-notification .cart-notification-product.nerdvana-transient-cart-image-is-loading img,
body #cart-notification .cart-notification-product.nerdvana-transient-cart-image-is-loading .cart-notification-product__image,
body .cart-notification-wrapper .cart-notification-product.nerdvana-transient-cart-image-is-loading img,
body .cart-notification-wrapper .cart-notification-product.nerdvana-transient-cart-image-is-loading .cart-notification-product__image {
  opacity: 0 !important;
}

/* Geladen: Bild normal sichtbar */
body #nerdvana-cart-preview .nerdvana-cart-preview__item-media.nerdvana-transient-cart-image-is-loaded img,
body #cart-notification .cart-notification-product.nerdvana-transient-cart-image-is-loaded img,
body #cart-notification .cart-notification-product.nerdvana-transient-cart-image-is-loaded .cart-notification-product__image,
body .cart-notification-wrapper .cart-notification-product.nerdvana-transient-cart-image-is-loaded img,
body .cart-notification-wrapper .cart-notification-product.nerdvana-transient-cart-image-is-loaded .cart-notification-product__image {
  opacity: 1 !important;
}

/* Fehlerfall: ruhig hell statt dunkler Block */
body #nerdvana-cart-preview .nerdvana-cart-preview__item-media.nerdvana-transient-cart-image-has-failed,
body #cart-notification .cart-notification-product.nerdvana-transient-cart-image-has-failed,
body .cart-notification-wrapper .cart-notification-product.nerdvana-transient-cart-image-has-failed {
  background:
    linear-gradient(180deg, rgba(247,250,253,.94) 0, rgba(238,243,248,.9) 100%) !important;
}

@keyframes nerdvana-transient-cart-image-sheen {
  0% {
    transform: translateX(-120%) skewX(-14deg);
    opacity: 0;
  }

  18% {
    opacity: .72;
  }

  100% {
    transform: translateX(140%) skewX(-14deg);
    opacity: 0;
  }
}

@keyframes nerdvana-transient-cart-popup-image-sheen {
  0% {
    transform: translateY(-50%) translateX(-38px) skewX(-14deg);
    opacity: 0;
  }

  18% {
    opacity: .72;
  }

  100% {
    transform: translateY(-50%) translateX(38px) skewX(-14deg);
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  body #nerdvana-cart-preview .nerdvana-cart-preview__item-media.nerdvana-transient-cart-image-is-loading::before,
  body #cart-notification .cart-notification-product.nerdvana-transient-cart-image-is-loading::after,
  body .cart-notification-wrapper .cart-notification-product.nerdvana-transient-cart-image-is-loading::after {
    animation: none !important;
    opacity: .24 !important;
  }
}
/* Quick-Add – äußerer Cyan-Glow über exakt vermessenen Ring-Layer
Der Glow liegt hinter dem Button auf .quick-add, wird aber per JS
exakt auf .quick-add__submit ausgerichtet. */
:is( #ProductGridContainer .quick-add, #product-grid .quick-add, .template-search__results .quick-add, #shopify-section-template--30569970172253__featured_collection .quick-add, #shopify-section-template--30569970172253__featured_collection_m48Bmb .quick-add ) {
  position: relative !important;
  isolation: isolate !important;
  --nerdvana-qa-glow-left: 50%;
  --nerdvana-qa-glow-top: 50%;
  --nerdvana-qa-glow-width: calc(100% - 5.2rem);
  --nerdvana-qa-glow-height: 5.8rem;
  --nerdvana-qa-glow-radius: 14px;
}
/* Button bleibt über dem Glow-Ring */
:is( #ProductGridContainer .quick-add, #product-grid .quick-add, .template-search__results .quick-add, #shopify-section-template--30569970172253__featured_collection .quick-add, #shopify-section-template--30569970172253__featured_collection_m48Bmb .quick-add ) .quick-add__submit {
  position: relative !important;
  z-index: 2 !important;
}
/* Externer Glow-Ring: keine Fläche, kein Filter auf dem Button selbst */
:is( #ProductGridContainer .quick-add, #product-grid .quick-add, .template-search__results .quick-add, #shopify-section-template--30569970172253__featured_collection .quick-add, #shopify-section-template--30569970172253__featured_collection_m48Bmb .quick-add )::before {
  content: "" !important;
  position: absolute !important;
  left: var(--nerdvana-qa-glow-left) !important;
  top: var(--nerdvana-qa-glow-top) !important;
  z-index: 1 !important;
  width: var(--nerdvana-qa-glow-width) !important;
  height: var(--nerdvana-qa-glow-height) !important;
  transform: translate(-50%,-50%)scale(.992) !important;
  border-radius: var(--nerdvana-qa-glow-radius) !important;
  pointer-events: none !important;
  background: transparent !important;
  opacity: 0 !important;
  box-shadow: 0 0 0 1px rgba(5,200,255,.24),0 0 9px rgba(5,200,255,.11),0 0 18px rgba(5,200,255,.055),0 8px 18px rgba(13,31,70,.04) !important;
  transition: opacity .22s ease,transform .22s ease,box-shadow .22s ease !important;
}
:is( #ProductGridContainer .quick-add, #product-grid .quick-add, .template-search__results .quick-add, #shopify-section-template--30569970172253__featured_collection .quick-add, #shopify-section-template--30569970172253__featured_collection_m48Bmb .quick-add ):hover::before, :is( #ProductGridContainer .quick-add, #product-grid .quick-add, .template-search__results .quick-add, #shopify-section-template--30569970172253__featured_collection .quick-add, #shopify-section-template--30569970172253__featured_collection_m48Bmb .quick-add ):focus-within::before {
  opacity: 1 !important;
  transform: translate(-50%,-50%)scale(1) !important;
}
/* =========================================
PRODUKTKACHELN – Video als zweites Hover-Medium
Nur Desktop/Hover-Geräte
========================================= */
.card-wrapper:has(.nerdvana-card-hover-video) .card__media,
.card-wrapper:has(.nerdvana-card-hover-video) .media {
  overflow: hidden !important;
  background: radial-gradient(ellipse at center,rgba(255,255,255,.98)0,rgba(246,249,253,.96)48%,rgba(236,242,247,.92)100%) !important;
}

.card-wrapper .nerdvana-card-hover-video {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;

  /*
  Hover-Video Crop:
  cover entfernt die seitlichen Balken, ohne das Video zu verzerren.
  Der Zoom ist bewusst als Variable gesetzt, damit wir bei einzelnen
  Videoformaten schnell feinjustieren können.
  */
  --nerdvana-card-hover-video-zoom: 1.07;

  object-fit: cover !important;
  object-position: center center !important;
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: scale(var(--nerdvana-card-hover-video-zoom)) !important;
  transform-origin: center center !important;
  transition: opacity .28s ease,transform .45s ease,filter .45s ease !important;
}

@media (hover: hover) and (pointer: fine) {
  .card-wrapper:hover .nerdvana-card-hover-video {
    opacity: 1 !important;
    transform: scale(var(--nerdvana-card-hover-video-zoom)) !important;
    filter: brightness(1.08)contrast(1.04) !important;
  }
}
/* Mobile: keine Hover-Videos laden/anzeigen */
@media (hover: none), (pointer: coarse) {
  .card-wrapper .nerdvana-card-hover-video {
    display: none !important;
  }
}
/* =========================================
FEATURED COLLECTION
========================================= */
#shopify-section-template--30569970172253__featured_collection {
  background: transparent !important;
  border-top: 0 !important;
}
#shopify-section-template--30569970172253__featured_collection .collection {
  padding-top: 2.8rem !important;
  padding-bottom: 4.2rem !important;
  background: transparent !important;
}
#shopify-section-template--30569970172253__featured_collection .page-width, #shopify-section-template--30569970172253__featured_collection .page-width-desktop {
  max-width: 1920px !important;
  padding-left: 2.2rem !important;
  padding-right: 2.2rem !important;
}
/* Featured Titel */
#shopify-section-template--30569970172253__featured_collection .collection__title, #shopify-section-template--30569970172253__featured_collection .title-wrapper {
  position: relative !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  padding-bottom: 3.35rem !important;
  margin-bottom: 2.85rem !important;
}
#shopify-section-template--30569970172253__featured_collection .collection__title::before, #shopify-section-template--30569970172253__featured_collection .title-wrapper::before {
  content: "" !important;
  position: absolute !important;
  left: 3.5rem !important;
  right: 3.5rem !important;
  bottom: 1.08rem !important;
  height: 1px !important;
  background: linear-gradient(90deg,transparent 0,rgba(27,61,143,.12)18%,rgba(5,200,255,.34)50%,rgba(27,61,143,.12)82%,transparent 100%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.88) !important;
}
#shopify-section-template--30569970172253__featured_collection .collection__title::after, #shopify-section-template--30569970172253__featured_collection .title-wrapper::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: .22rem !important;
  width: 18px !important;
  height: 18px !important;
  transform: translateX(-50%)rotate(45deg) !important;
  background: linear-gradient(135deg,rgba(255,255,255,.98)0,rgba(232,248,255,.88)48%,rgba(5,200,255,.2)100%) !important;
  border: 1px solid rgba(5,200,255,.48) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.92)inset,0 0 16px rgba(5,200,255,.22),0 0 26px rgba(138,92,255,.08) !important;
}
#shopify-section-template--30569970172253__featured_collection .title, #shopify-section-template--30569970172253__featured_collection .inline-richtext, #shopify-section-template--30569970172253__featured_collection h2 {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 auto !important;
  padding: 0 3.4rem !important;
  background: transparent !important;
  text-align: center !important;
  text-transform: uppercase !important;
  font-size: 2.45rem !important;
  font-weight: 500 !important;
  letter-spacing: .285em !important;
  line-height: 1.18 !important;
  color: var(--nerdvana-heading) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.92),0 0 12px rgba(5,200,255,.1) !important;
}
/* Featured Grid */
@media screen and (min-width: 990px) {
  #shopify-section-template--30569970172253__featured_collection .product-grid, #shopify-section-template--30569970172253__featured_collection .grid {
    display: grid !important;
    grid-template-columns: repeat(5,minmax(0,1fr)) !important;
    column-gap: 1.6rem !important;
    row-gap: 2rem !important;
  }
  #shopify-section-template--30569970172253__featured_collection .grid__item {
    width: auto !important;
    max-width: none !important;
  }
}
#shopify-section-template--30569970172253__featured_collection .grid__item {
  border: 1px solid rgba(27,61,143,.06) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,248,252,.98)) !important;
  box-shadow: 0 10px 30px rgba(13,31,70,.08),0 0 0 1px rgba(255,255,255,.38)inset !important;
  overflow: hidden !important;
  position: relative !important;
  isolation: isolate !important;
  border-radius: 20px !important;
  transition: border-color .28s ease,box-shadow .28s ease,transform .28s ease,background .28s ease !important;
}
#shopify-section-template--30569970172253__featured_collection .grid__item::before {
  content: "";
  position: absolute !important;
  inset: 0 !important;
  z-index: 7 !important;
  pointer-events: none !important;
  border-radius: 20px !important;
  padding: 7px !important;
  background: linear-gradient(180deg,rgba(255,255,255,.88),rgba(244,248,252,.92))border-box !important;
  -webkit-mask: linear-gradient(#000 0 0)content-box,linear-gradient(#000 0 0)border-box !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.72),inset 0 10px 18px rgba(255,255,255,.28),inset 0 -10px 18px rgba(27,61,143,.035) !important;
}
#shopify-section-template--30569970172253__featured_collection .grid__item:hover {
  border-color: rgba(5,200,255,.28) !important;
  background: linear-gradient(180deg,rgba(255,255,255,1),rgba(241,247,252,1)) !important;
  box-shadow: 0 16px 40px rgba(13,31,70,.12),0 0 0 1px rgba(5,200,255,.08)inset,0 0 22px rgba(5,200,255,.08) !important;
  transform: translateY(-4px) !important;
}
#shopify-section-template--30569970172253__featured_collection .card-wrapper, #shopify-section-template--30569970172253__featured_collection .card {
  height: 100% !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#shopify-section-template--30569970172253__featured_collection .card__inner .card__content {
  display: none !important;
}
#shopify-section-template--30569970172253__featured_collection .card > .card__content {
  display: block !important;
}
#shopify-section-template--30569970172253__featured_collection .card__inner {
  background: transparent !important;
  border-bottom: 1px solid rgba(27,61,143,.08) !important;
  transition: border-color .28s ease,box-shadow .28s ease !important;
}
#shopify-section-template--30569970172253__featured_collection .grid__item:hover .card__inner {
  border-bottom-color: rgba(5,200,255,.2) !important;
  box-shadow: 0 1px 0 rgba(5,200,255,.12) !important;
}
#shopify-section-template--30569970172253__featured_collection .card__inner.ratio {
  --ratio-percent: 82% !important;
}
#shopify-section-template--30569970172253__featured_collection .card__media {
  border-bottom: 1px solid rgba(27,61,143,.06) !important;
}
#shopify-section-template--30569970172253__featured_collection .card__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transition: transform .45s ease,filter .45s ease !important;
}
#shopify-section-template--30569970172253__featured_collection .grid__item:hover .card__media img {
  transform: scale(1.03) !important;
  filter: brightness(1.03)contrast(1.02) !important;
}
/* Featured Text/Preis */
#shopify-section-template--30569970172253__featured_collection .card__information {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding: 2.2rem 1.6rem 2.3rem !important;
  min-height: 166px !important;
  text-align: center !important;
}
#shopify-section-template--30569970172253__featured_collection .card__heading, #shopify-section-template--30569970172253__featured_collection .card__heading.h5 {
  margin: 0 !important;
  min-height: 4.2em !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 1.12rem !important;
  line-height: 1.38 !important;
  letter-spacing: .07em !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  color: var(--nerdvana-heading) !important;
}
#shopify-section-template--30569970172253__featured_collection .card__heading a {
  color: var(--nerdvana-heading) !important;
  text-decoration: none !important;
  transition: color .28s ease,text-shadow .28s ease !important;
}
#shopify-section-template--30569970172253__featured_collection .grid__item:hover .card__heading a {
  color: var(--nerdvana-heading-soft) !important;
  text-shadow: none !important;
}
#shopify-section-template--30569970172253__featured_collection .card-information {
  margin-top: auto !important;
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
}
#shopify-section-template--30569970172253__featured_collection .price, #shopify-section-template--30569970172253__featured_collection .price__container, #shopify-section-template--30569970172253__featured_collection .price__regular {
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
}
#shopify-section-template--30569970172253__featured_collection .price {
  margin-top: 1rem !important;
  font-size: 1.18rem !important;
  line-height: 1.2 !important;
  letter-spacing: .02em !important;
  font-weight: 500 !important;
  color: var(--nerdvana-heading-soft) !important;
  transition: color .28s ease,text-shadow .28s ease !important;
}
#shopify-section-template--30569970172253__featured_collection .price *, #shopify-section-template--30569970172253__featured_collection .price-item {
  color: var(--nerdvana-heading-soft) !important;
  transition: color .28s ease,text-shadow .28s ease !important;
}
#shopify-section-template--30569970172253__featured_collection .grid__item:hover .price, #shopify-section-template--30569970172253__featured_collection .grid__item:hover .price * {
  color: #1b3d8f !important;
  text-shadow: none !important;
}
/* Featured Button */
#shopify-section-template--30569970172253__featured_collection .center, #shopify-section-template--30569970172253__featured_collection .collection__view-all {
  /*
  Abstand zwischen Produktkacheln und "Alle Produkte ansehen"-Button.
  Höherer Wert = Button weiter nach unten.
  */
  --nerdvana-featured-view-all-offset: 6.2rem;
  /*
  Externer Hover-Glow-Rahmen unter dem Button.
  Diese Werte verändern NICHT den Buttonkörper selbst.
  */
  --nerdvana-featured-view-all-glow-width: 318px;
  --nerdvana-featured-view-all-glow-height: 58px;
  --nerdvana-featured-view-all-glow-radius: 17px;
  /*
  Vertikale Position des externen Glow-Rahmens.
  Höherer px-Wert = Rahmen weiter nach unten.
  */
  --nerdvana-featured-view-all-glow-y: calc(50% + 4px);
  position: relative !important;
  isolation: isolate !important;
  width: fit-content !important;
  max-width: calc(100vw - 2rem) !important;
  margin: var(--nerdvana-featured-view-all-offset)auto 0 !important;
  text-align: center !important;
}
#shopify-section-template--30569970172253__featured_collection .collection__view-all .button {
  position: relative !important;
  z-index: 2 !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 318px !important;
  height: 58px !important;
  padding: 0 2.6rem !important;
  box-sizing: border-box !important;
  /*
  Nur Featured-spezifisch:
  Textgröße und Breite.
  Der Glaskörper kommt aus dem gemeinsamen Master-Core.
  */
  --nerdvana-featured-button-text-size: 1rem;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: var(--nerdvana-featured-button-text-size) !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .064em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  color: #102b66 !important;
  -webkit-text-fill-color: #102b66 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.98),0 0 5px rgba(255,255,255,.26) !important;
}
/* Featured View-All – externer Hover-Glow-Rahmen wie bei den Glasbuttons */
#shopify-section-template--30569970172253__featured_collection .collection__view-all::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: var(--nerdvana-featured-view-all-glow-y) !important;
  z-index: 1 !important;
  width: var(--nerdvana-featured-view-all-glow-width) !important;
  height: var(--nerdvana-featured-view-all-glow-height) !important;
  transform: translate(-50%,-50%)scale(.992) !important;
  border-radius: var(--nerdvana-featured-view-all-glow-radius) !important;
  pointer-events: none !important;
  background: transparent !important;
  opacity: 0 !important;
  box-shadow: 0 0 0 1px rgba(5,200,255,.24),0 0 9px rgba(5,200,255,.11),0 0 18px rgba(5,200,255,.055),0 8px 18px rgba(13,31,70,.04) !important;
  transition: opacity .22s ease,transform .22s ease,box-shadow .22s ease !important;
}
#shopify-section-template--30569970172253__featured_collection .collection__view-all:hover::before, #shopify-section-template--30569970172253__featured_collection .collection__view-all:focus-within::before {
  opacity: 1 !important;
  transform: translate(-50%,-50%)scale(1) !important;
}
/* =========================================
NERDVANA MASTER BUTTON GLASS CORE
Ein gemeinsamer Glaskörper für:
- Collection Quick-Add
- Homepage Quick-Add
- Related Products Quick-Add
- Hero CTA
- Featured / Alle Produkte ansehen

Wichtig:
Nur Breite, Text, Icon/Pfeil und Position dürfen separat bleiben.
Background, Border, Schatten, Innenkante, ::before, ::after und Hover
kommen hier zentral aus EINEM Master-Core.
========================================= */

:is(
  #ProductGridContainer .quick-add__submit,
  #product-grid .quick-add__submit,
  .template-search__results .quick-add__submit,
  .template-search__results .quick-add .button,
  #shopify-section-template--30569970172253__featured_collection .quick-add__submit,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb .quick-add__submit,
  body #MainContent .related-products .quick-add__submit,
  body #MainContent product-recommendations.related-products .quick-add__submit,
  .nerdvana-hero-button,
  #shopify-section-template--30569970172253__featured_collection .collection__view-all .button,
  .cart-notification__links .button,
  .cart-notification__links a.button,
  .cart-notification__links button.button,
  #cart-notification-button,
  #cart-notification-form .button,
  .cart-notification__links form .button
) {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  border-radius: 17px !important;
  border: 1px solid rgba(225,232,237,.96) !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  --border-offset: 0 !important;
  --buttons-border-width: 0 !important;
  --buttons-border-opacity: 0 !important;
  --alpha-button-background: 0 !important;
  --alpha-button-border: 0 !important;
  color: #102b66 !important;
  -webkit-text-fill-color: #102b66 !important;
  background:
    radial-gradient(ellipse at 22% 0,rgba(255,255,255,.72)0,rgba(255,255,255,.2)27%,transparent 52%),
    radial-gradient(ellipse at 78% 100%,rgba(205,216,224,.18)0,rgba(205,216,224,.045)34%,transparent 68%),
    linear-gradient(180deg,rgba(255,255,255,.18)0,rgba(252,253,254,.075)45%,rgba(238,242,245,.13)100%) !important;
  box-shadow:
    0 18px 26px rgba(13,31,70,.06),
    0 7px 13px rgba(13,31,70,.034),
    0 2px 3px rgba(255,255,255,.78) inset,
    0 0 0 1px rgba(255,255,255,.94) inset,
    0 0 0 2px rgba(255,255,255,.22) inset,
    0 -1px 0 rgba(145,164,175,.09) inset,
    0 -12px 20px rgba(188,198,205,.045) inset !important;
  backdrop-filter: blur(14px) saturate(1.04) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.04) !important;
  transition:
    border-color .22s ease,
    background .22s ease,
    box-shadow .22s ease,
    color .22s ease,
    transform .22s ease !important;
}

/* Gemeinsame Glasoberfläche / innerer Rand */
:is(
  #ProductGridContainer .quick-add__submit,
  #product-grid .quick-add__submit,
  .template-search__results .quick-add__submit,
  .template-search__results .quick-add .button,
  #shopify-section-template--30569970172253__featured_collection .quick-add__submit,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb .quick-add__submit,
  body #MainContent .related-products .quick-add__submit,
  body #MainContent product-recommendations.related-products .quick-add__submit,
  .nerdvana-hero-button,
  #shopify-section-template--30569970172253__featured_collection .collection__view-all .button,
  .cart-notification__links .button,
  .cart-notification__links a.button,
  .cart-notification__links button.button,
  #cart-notification-button,
  #cart-notification-form .button,
  .cart-notification__links form .button
)::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  outline: none !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.38)0,rgba(255,255,255,.1)34%,rgba(255,255,255,.025)100%),
    radial-gradient(ellipse at 18% 0,rgba(255,255,255,.88)0,rgba(255,255,255,.16)28%,transparent 52%),
    linear-gradient(112deg,transparent 0,rgba(255,255,255,.18)24%,rgba(255,255,255,.045)38%,transparent 55%) !important;
  box-shadow:
    0 0 0 1px rgba(202,214,221,.28) inset,
    0 1px 0 rgba(255,255,255,.96) inset,
    0 -1px 0 rgba(131,152,164,.052) inset !important;
  opacity: .96 !important;
  transform: none !important;
}

/* Gemeinsame untere Glaslippe / Kontaktschatten */
:is(
  #ProductGridContainer .quick-add__submit,
  #product-grid .quick-add__submit,
  .template-search__results .quick-add__submit,
  .template-search__results .quick-add .button,
  #shopify-section-template--30569970172253__featured_collection .quick-add__submit,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb .quick-add__submit,
  body #MainContent .related-products .quick-add__submit,
  body #MainContent product-recommendations.related-products .quick-add__submit,
  .nerdvana-hero-button,
  #shopify-section-template--30569970172253__featured_collection .collection__view-all .button,
  .cart-notification__links .button,
  .cart-notification__links a.button,
  .cart-notification__links button.button,
  #cart-notification-button,
  #cart-notification-form .button,
  .cart-notification__links form .button
)::after {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 6px !important;
  z-index: 2 !important;
  display: block !important;
  height: 7px !important;
  border-radius: 999px !important;
  border: 0 !important;
  outline: none !important;
  background: linear-gradient(90deg,transparent 0,rgba(255,255,255,.22)16%,rgba(202,214,222,.24)35%,rgba(255,255,255,.4)50%,rgba(202,214,222,.22)65%,rgba(255,255,255,.16)84%,transparent 100%) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.74),
    0 5px 10px rgba(13,31,70,.05),
    0 12px 18px rgba(13,31,70,.038),
    0 18px 24px rgba(13,31,70,.02) !important;
  opacity: .86 !important;
  filter: blur(.22px) !important;
  pointer-events: none !important;
}

/* Button-Inhalte immer über den Glaslayern */
:is(
  #ProductGridContainer .quick-add__submit,
  #product-grid .quick-add__submit,
  .template-search__results .quick-add__submit,
  .template-search__results .quick-add .button,
  #shopify-section-template--30569970172253__featured_collection .quick-add__submit,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb .quick-add__submit,
  body #MainContent .related-products .quick-add__submit,
  body #MainContent product-recommendations.related-products .quick-add__submit,
  .nerdvana-hero-button,
  #shopify-section-template--30569970172253__featured_collection .collection__view-all .button,
  .cart-notification__links .button,
  .cart-notification__links a.button,
  .cart-notification__links button.button,
  #cart-notification-button,
  #cart-notification-form .button,
  .cart-notification__links form .button
) > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Gemeinsamer Hover-Zustand */
:is(
  #ProductGridContainer .quick-add__submit,
  #product-grid .quick-add__submit,
  .template-search__results .quick-add__submit,
  .template-search__results .quick-add .button,
  #shopify-section-template--30569970172253__featured_collection .quick-add__submit,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb .quick-add__submit,
  body #MainContent .related-products .quick-add__submit,
  body #MainContent product-recommendations.related-products .quick-add__submit,
  .nerdvana-hero-button,
  #shopify-section-template--30569970172253__featured_collection .collection__view-all .button,
  .cart-notification__links .button,
  .cart-notification__links a.button,
  .cart-notification__links button.button,
  #cart-notification-button,
  #cart-notification-form .button,
  .cart-notification__links form .button
):hover {
  border-color: rgba(214,223,229,1) !important;
  background:
    radial-gradient(ellipse at 20% 0,rgba(255,255,255,.66)0,rgba(255,255,255,.22)30%,transparent 50%),
    linear-gradient(180deg,rgba(255,255,255,.28)0,rgba(250,252,253,.16)42%,rgba(240,244,246,.18)100%) !important;
  color: #0d1f46 !important;
  -webkit-text-fill-color: #0d1f46 !important;
  box-shadow:
    0 22px 31px rgba(13,31,70,.074),
    0 9px 17px rgba(13,31,70,.04),
    0 2px 3px rgba(255,255,255,.84) inset,
    0 0 0 1px rgba(255,255,255,.98) inset,
    0 0 0 2px rgba(255,255,255,.26) inset,
    0 -1px 0 rgba(145,164,175,.1) inset,
    0 0 8px rgba(5,200,255,.01) !important;
  transform: translateY(-1px) !important;
}

:is(
  #ProductGridContainer .quick-add__submit,
  #product-grid .quick-add__submit,
  .template-search__results .quick-add__submit,
  .template-search__results .quick-add .button,
  #shopify-section-template--30569970172253__featured_collection .quick-add__submit,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb .quick-add__submit,
  body #MainContent .related-products .quick-add__submit,
  body #MainContent product-recommendations.related-products .quick-add__submit,
  .nerdvana-hero-button,
  #shopify-section-template--30569970172253__featured_collection .collection__view-all .button,
  .cart-notification__links .button,
  .cart-notification__links a.button,
  .cart-notification__links button.button,
  #cart-notification-button,
  #cart-notification-form .button,
  .cart-notification__links form .button
):hover::before {
  border-color: rgba(255,255,255,.92) !important;
}
/* =========================================
WARENKORBSEITE – Collector Checkout Vault V1
Echte Warenkorbseite an Nerdvana-DNA angleichen
Nur CSS, keine Cart-/Checkout-/Quantity-Logik
========================================= */
body #MainContent cart-items, body #MainContent #main-cart-footer {
  background: transparent !important;
}
body #MainContent cart-items .page-width, body #MainContent #main-cart-footer .page-width {
  max-width: 1500px !important;
  padding-left: 2.2rem !important;
  padding-right: 2.2rem !important;
}
/* Titelbereich */
body #MainContent cart-items .title-wrapper-with-link {
  /*
  Feinjustierung Warenkorb-Titelbereich:
  höherer Wert = mehr Luft zwischen "Dein Warenkorb" und "Weiter shoppen"
  kleinerer Wert = weniger Luft
  */
  --nerdvana-cart-title-link-space: 5.35rem;

  position: relative !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 2rem !important;
  max-width: 1500px !important;
  margin: 0 auto 3.2rem !important;
  padding: 0 0 var(--nerdvana-cart-title-link-space) !important;
}
body #MainContent cart-items .title-wrapper-with-link::before {
  content: none !important;
  display: none !important;
}
body #MainContent cart-items .title-wrapper-with-link::after {
  content: none !important;
  display: none !important;
}
body #MainContent cart-items .title-wrapper-with-link .title {
  margin: 0 !important;
  color: var(--nerdvana-heading) !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: clamp(3rem,3.2vw,4.8rem) !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  letter-spacing: .145em !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.94),0 0 13px rgba(5,200,255,.07) !important;
}
body #MainContent cart-items .title-wrapper-with-link .underlined-link {
  position: absolute !important;
  left: 50% !important;
  bottom: .05rem !important;
  transform: translateX(-50%) !important;
  margin-top: 0 !important;
  color: rgba(5,160,215,.78) !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: 1.12rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  border-bottom: 1px solid rgba(5,200,255,.34) !important;
  transition: color .18s ease,border-color .18s ease,text-shadow .18s ease !important;
}
body #MainContent cart-items .title-wrapper-with-link .underlined-link:hover {
  color: #1b3d8f !important;
  border-color: rgba(5,200,255,.62) !important;
  text-shadow: 0 0 9px rgba(5,200,255,.12) !important;
}
/* Cart-Tabelle als helles Collector-Panel */
body #MainContent cart-items .cart__contents {
  max-width: 1500px !important;
  margin: 0 auto !important;
}
body #MainContent cart-items .cart__items {
  padding: .82rem 1.05rem !important;
  max-width: 1500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 30px !important;
  border: 1px solid rgba(205,216,224,.68) !important;
  background: radial-gradient(ellipse at 18% 0,rgba(255,255,255,.74)0,rgba(255,255,255,.16)34%,transparent 68%),linear-gradient(180deg,rgba(255,255,255,.965)0,rgba(250,252,254,.92)52%,rgba(244,248,251,.96)100%) !important;
  box-shadow: 0 28px 58px rgba(13,31,70,.088),0 10px 22px rgba(13,31,70,.04),0 0 0 1px rgba(255,255,255,.9)inset,0 1px 0 rgba(255,255,255,.96)inset !important;
  backdrop-filter: blur(14px)saturate(1.02) !important;
  -webkit-backdrop-filter: blur(14px)saturate(1.02) !important;
}
body #MainContent cart-items .cart-items {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 .72rem !important;
}
body #MainContent cart-items .cart-items thead th {
  padding: .72rem 1.25rem .9rem !important;
  color: rgba(36,54,95,.7) !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: .96rem !important;
  font-weight: 500 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.82) !important;
}
body #MainContent cart-items .cart-items thead th:first-child {
  padding-left: 2.6rem !important;
}
/* Produktzeilen als helle Glas-Zeilen */
body #MainContent cart-items .cart-item > td {
  padding-top: .92rem !important;
  padding-bottom: .92rem !important;
  background: radial-gradient(ellipse at 12% 0,rgba(255,255,255,.76)0,rgba(255,255,255,.18)34%,transparent 68%),linear-gradient(180deg,rgba(255,255,255,.9)0,rgba(247,250,253,.72)100%) !important;
  border-top: 1px solid rgba(205,216,224,.42) !important;
  border-bottom: 1px solid rgba(205,216,224,.42) !important;
}
body #MainContent cart-items .cart-item > td:first-child {
  border-left: 1px solid rgba(205,216,224,.42) !important;
  border-radius: 22px 0 0 22px !important;
}
body #MainContent cart-items .cart-item > td:last-child {
  border-right: 1px solid rgba(205,216,224,.42) !important;
  border-radius: 0 22px 22px 0 !important;
}
body #MainContent cart-items .cart-item > td:last-child {
  padding-right: 2.4rem !important;
}
body #MainContent cart-items .cart-item .cart-item__totals, body #MainContent cart-items .cart-item .cart-item__totals .price, body #MainContent cart-items .cart-item .cart-item__totals .price-wrapper {
  color: #102b66 !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: 1.16rem !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  text-align: right !important;
}
body #MainContent cart-items .cart-item .cart-item__totals .cart-item__price-wrapper {
  /*
  Feinjustierung rechter Warenkorbpreis:
  negativer Wert = Preis nach links
  positiver Wert = Preis nach rechts
  */
  --nerdvana-cart-total-price-x: -1.6rem;
  display: inline-block !important;
  transform: translateX(var(--nerdvana-cart-total-price-x)) !important;
}
body #MainContent cart-items .cart-item:hover > td {
  background: radial-gradient(ellipse at 12% 0,rgba(255,255,255,.76)0,rgba(255,255,255,.18)34%,transparent 68%),linear-gradient(180deg,rgba(255,255,255,.92)0,rgba(244,248,251,.76)100%) !important;
  border-color: rgba(205,216,224,.42) !important;
  box-shadow: none !important;
}
/* Produktbild als kleine Vitrine */
body #MainContent cart-items .cart-item__image-container {
  width: 104px !important;
  height: 104px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg,rgba(15,27,54,.92)0,rgba(8,16,34,.96)100%) !important;
  border: 1px solid rgba(255,255,255,.26) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.12)inset,0 10px 18px rgba(13,31,70,.13) !important;
}
/* =========================================
WARENKORBSEITE – Cart Image Priority Polish V1
Nur visueller Ladezustand für Warenkorb-Produktbilder.
Die eigentliche Priorisierung kommt aus theme.liquid.
========================================= */

body #MainContent cart-items .cart-item__image-container,
body #MainContent cart-items .cart-item__media {
  position: relative !important;
  isolation: isolate !important;
}

body #MainContent cart-items .cart-item__image-container img,
body #MainContent cart-items .cart-item__media img,
body #MainContent cart-items img.cart-item__image {
  position: relative !important;
  z-index: 2 !important;
  opacity: 1 !important;
  transition:
    opacity .22s ease,
    filter .22s ease !important;
}

body #MainContent cart-items .cart-item__image-container.nerdvana-cart-image-is-loading,
body #MainContent cart-items .cart-item__media.nerdvana-cart-image-is-loading {
  background:
    radial-gradient(ellipse at 28% 12%, rgba(255,255,255,.74) 0, rgba(255,255,255,.18) 38%, transparent 68%),
    linear-gradient(180deg, rgba(247,250,253,.96) 0, rgba(235,242,248,.92) 100%) !important;
  border-color: rgba(205,216,224,.72) !important;
}

body #MainContent cart-items .cart-item__image-container.nerdvana-cart-image-is-loading::before,
body #MainContent cart-items .cart-item__media.nerdvana-cart-image-is-loading::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(
      110deg,
      transparent 0%,
      rgba(255,255,255,.18) 28%,
      rgba(255,255,255,.72) 48%,
      rgba(232,248,255,.32) 56%,
      transparent 78%
    ) !important;
  opacity: .78 !important;
  transform: translateX(-120%) skewX(-14deg) !important;
  animation: nerdvana-cart-image-preload-sheen 1.25s cubic-bezier(.16,1,.3,1) infinite !important;
}

body #MainContent cart-items .cart-item__image-container.nerdvana-cart-image-is-loading img,
body #MainContent cart-items .cart-item__media.nerdvana-cart-image-is-loading img {
  opacity: 0 !important;
}

body #MainContent cart-items .cart-item__image-container.nerdvana-cart-image-is-loaded img,
body #MainContent cart-items .cart-item__media.nerdvana-cart-image-is-loaded img {
  opacity: 1 !important;
}

body #MainContent cart-items .cart-item__image-container.nerdvana-cart-image-has-failed,
body #MainContent cart-items .cart-item__media.nerdvana-cart-image-has-failed {
  background:
    linear-gradient(180deg, rgba(247,250,253,.94) 0, rgba(238,243,248,.9) 100%) !important;
}

@keyframes nerdvana-cart-image-preload-sheen {
  0% {
    transform: translateX(-120%) skewX(-14deg);
    opacity: 0;
  }

  18% {
    opacity: .72;
  }

  100% {
    transform: translateX(140%) skewX(-14deg);
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  body #MainContent cart-items .cart-item__image-container.nerdvana-cart-image-is-loading::before,
  body #MainContent cart-items .cart-item__media.nerdvana-cart-image-is-loading::before {
    animation: none !important;
    opacity: .28 !important;
    transform: none !important;
  }
}
body #MainContent cart-items .cart-item__image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
/* Produkttext wieder klar lesbar */
body #MainContent cart-items .cart-item__details {
  padding-left: 1.22rem !important;
  max-width: 560px !important;
}
body #MainContent cart-items .cart-item__name {
  color: #102b66 !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: 1.28rem !important;
  font-weight: 500 !important;
  line-height: 1.24 !important;
  letter-spacing: .022em !important;
  text-decoration: none !important;
  opacity: 1 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.92),0 0 6px rgba(5,200,255,.035) !important;
}
body #MainContent cart-items .cart-item__name:hover {
  color: #1b3d8f !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.94),0 0 9px rgba(5,200,255,.08) !important;
}
body #MainContent cart-items .cart-item .product-option, body #MainContent cart-items .cart-item__price-wrapper, body #MainContent cart-items .cart-item__price-wrapper .price {
  color: rgba(16,43,102,.88) !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: 1.12rem !important;
  font-weight: 700 !important;
}
/* Mengensteuerung als kleine Crystal-Control */
body #MainContent cart-items .cart-item__quantity-wrapper {
  /*
  Feinjustierung Warenkorb-Mengensteuerung + Mülltonne:
  X negativ = nach links
  X positiv = nach rechts
  Y negativ = nach oben
  Y positiv = nach unten
  */
  --nerdvana-cart-quantity-x: -8.0rem;
  --nerdvana-cart-quantity-y: 0rem;

  display: inline-flex !important;
  align-items: center !important;
  gap: .8rem !important;
  transform: translate(
    var(--nerdvana-cart-quantity-x),
    var(--nerdvana-cart-quantity-y)
  ) !important;
}
body #MainContent cart-items quantity-input.quantity, body #MainContent cart-items .cart-quantity {
  min-height: 40px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(205,216,224,.7) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.92)0,rgba(247,250,253,.78)100%) !important;
  box-shadow: 0 8px 16px rgba(13,31,70,.05),0 0 0 1px rgba(255,255,255,.86)inset !important;
}
body #MainContent cart-items .quantity__button, body #MainContent cart-items .quantity__input {
  color: #102b66 !important;
  -webkit-text-fill-color: #102b66 !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-weight: 700 !important;
}
body #MainContent cart-items .quantity__button:hover {
  color: #1b3d8f !important;
  background: rgba(236,248,253,.72) !important;
}
body #MainContent cart-items cart-remove-button .button {
  color: rgba(5,160,215,.72) !important;
  background: transparent !important;
  box-shadow: none !important;
}
body #MainContent cart-items cart-remove-button .button:hover {
  color: #1b3d8f !important;
  filter: drop-shadow(0 0 8px rgba(5,200,255,.16)) !important;
}

/* =========================================
WARENKORBSEITE – Bulk Remove Selection V1
Mehrere Warenkorbzeilen auswählen und gemeinsam löschen
Nur UI + Ajax Cart API, keine Checkout-Logik
========================================= */

/* Bulk-Dock zwischen Titel und Warenkorbpanel */
body #MainContent cart-items .nerdvana-cart-bulk-tools {
  position: relative !important;
  z-index: 3 !important;
  width: min(760px, calc(100% - 4.4rem)) !important;
  max-width: 760px !important;
  min-height: 48px !important;
  margin: 1.85rem auto 2.15rem !important;
  padding: .48rem .55rem .48rem .72rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .85rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(205,216,224,.7) !important;
  background:
    radial-gradient(ellipse at 18% 0, rgba(255,255,255,.86) 0, rgba(255,255,255,.24) 34%, transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,.78) 0, rgba(247,250,253,.62) 100%) !important;
  box-shadow:
    0 16px 34px rgba(13,31,70,.06),
    0 6px 14px rgba(13,31,70,.032),
    0 0 0 1px rgba(255,255,255,.9) inset,
    0 1px 0 rgba(255,255,255,.94) inset !important;
  backdrop-filter: blur(14px) saturate(1.03) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.03) !important;
}

/* Bulk-Dock sitzt jetzt unter dem Warenkorb-Kopf.
   Der Titelbereich darf deshalb etwas weniger unteren Eigenabstand behalten. */
body #MainContent cart-items:has(.title-wrapper-with-link + .nerdvana-cart-bulk-tools) .title-wrapper-with-link {
  margin-bottom: 1.55rem !important;
}
body #MainContent cart-items .nerdvana-cart-bulk-tools[hidden] {
  display: none !important;
}

/* Alle-auswählen-Control */
body #MainContent cart-items .nerdvana-cart-bulk-tools__all {
  display: inline-flex !important;
  align-items: center !important;
  gap: .72rem !important;
  min-height: 36px !important;
  padding: 0 .72rem !important;
  color: rgba(36,54,95,.72) !important;
  cursor: pointer !important;
  user-select: none !important;
}

body #MainContent cart-items .nerdvana-cart-bulk-tools__all-input,
body #MainContent cart-items .nerdvana-cart-select__input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body #MainContent cart-items .nerdvana-cart-bulk-tools__check,
body #MainContent cart-items .nerdvana-cart-select__box {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.85rem !important;
  height: 1.85rem !important;
  flex: 0 0 1.85rem !important;
  border-radius: 7px !important;
  border: 1px solid rgba(27,61,143,.18) !important;
  background:
    radial-gradient(ellipse at 22% 0, rgba(255,255,255,.9) 0, rgba(255,255,255,.26) 38%, transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.82), rgba(238,247,252,.68)) !important;
  box-shadow:
    0 5px 12px rgba(13,31,70,.045),
    0 0 0 1px rgba(255,255,255,.86) inset,
    0 1px 0 rgba(255,255,255,.92) inset !important;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease !important;
}

body #MainContent cart-items .nerdvana-cart-bulk-tools__check::after,
body #MainContent cart-items .nerdvana-cart-select__box::after {
  content: "" !important;
  width: .54rem !important;
  height: .88rem !important;
  border-right: 2px solid #1b3d8f !important;
  border-bottom: 2px solid #1b3d8f !important;
  opacity: 0 !important;
  transform: translateY(-.08rem) rotate(45deg) scale(.76) !important;
  transition: opacity .16s ease, transform .18s ease !important;
}

body #MainContent cart-items .nerdvana-cart-bulk-tools__all-input:checked + .nerdvana-cart-bulk-tools__check,
body #MainContent cart-items .nerdvana-cart-select__input:checked + .nerdvana-cart-select__box {
  border-color: rgba(5,200,255,.42) !important;
  background:
    radial-gradient(ellipse at 22% 0, rgba(255,255,255,.98) 0, rgba(255,255,255,.36) 38%, transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(222,246,252,.82)) !important;
  box-shadow:
    0 6px 14px rgba(13,31,70,.052),
    0 0 13px rgba(5,200,255,.14),
    0 0 0 1px rgba(255,255,255,.9) inset,
    0 1px 0 rgba(255,255,255,.94) inset !important;
}

body #MainContent cart-items .nerdvana-cart-bulk-tools__all-input:checked + .nerdvana-cart-bulk-tools__check::after,
body #MainContent cart-items .nerdvana-cart-select__input:checked + .nerdvana-cart-select__box::after {
  opacity: 1 !important;
  transform: translateY(-.08rem) rotate(45deg) scale(1) !important;
}

body #MainContent cart-items .nerdvana-cart-bulk-tools__all-input:focus-visible + .nerdvana-cart-bulk-tools__check,
body #MainContent cart-items .nerdvana-cart-select__input:focus-visible + .nerdvana-cart-select__box {
  outline: 2px solid rgba(5,200,255,.38) !important;
  outline-offset: 3px !important;
}

body #MainContent cart-items .nerdvana-cart-bulk-tools__label,
body #MainContent cart-items .nerdvana-cart-bulk-tools__count {
  color: rgba(36,54,95,.72) !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: .92rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body #MainContent cart-items .nerdvana-cart-bulk-tools__count {
  color: rgba(36,54,95,.58) !important;
  font-family: Montserrat, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: .98rem !important;
  font-weight: 650 !important;
  letter-spacing: .035em !important;
  text-transform: none !important;
}

/* Bulk-Löschen Button */
body #MainContent cart-items .nerdvana-cart-bulk-tools__delete {
  position: relative !important;
  min-width: 178px !important;
  min-height: 38px !important;
  padding: 0 1.35rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(205,216,224,.8) !important;
  background:
    radial-gradient(ellipse at 20% 0, rgba(255,255,255,.86) 0, rgba(255,255,255,.26) 34%, transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,.76), rgba(236,248,253,.52)) !important;
  color: #102b66 !important;
  -webkit-text-fill-color: #102b66 !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: .86rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .105em !important;
  text-transform: uppercase !important;
  box-shadow:
    0 8px 16px rgba(13,31,70,.044),
    0 0 0 1px rgba(255,255,255,.86) inset,
    0 1px 0 rgba(255,255,255,.94) inset !important;
  cursor: pointer !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, opacity .18s ease !important;
}

body #MainContent cart-items .nerdvana-cart-bulk-tools__delete:hover:not(:disabled),
body #MainContent cart-items .nerdvana-cart-bulk-tools__delete:focus-visible:not(:disabled) {
  border-color: rgba(5,200,255,.34) !important;
  box-shadow:
    0 10px 20px rgba(13,31,70,.052),
    0 0 16px rgba(5,200,255,.11),
    0 0 0 1px rgba(255,255,255,.9) inset,
    0 1px 0 rgba(255,255,255,.96) inset !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}

body #MainContent cart-items .nerdvana-cart-bulk-tools__delete:disabled {
  opacity: .42 !important;
  cursor: default !important;
}

/* Checkbox direkt in der Warenkorbzeile */
body #MainContent cart-items .cart-item > td:first-child {
  position: relative !important;
  padding-left: 4.85rem !important;
}
/* Warenkorb-Tabellenkopf Produkt feinjustieren */
body #MainContent cart-items .cart-items thead th:first-child,
body #MainContent cart-items table.cart-items thead th:first-child {
  /*
    PRODUKT-HEADING HEBEL – Warenkorb

    --nerdvana-cart-product-heading-padding-left
      höher  = "Produkt" weiter nach rechts
      kleiner = "Produkt" weiter nach links

    --nerdvana-cart-product-heading-x
      positiv = "Produkt" nach rechts
      negativ = "Produkt" nach links

    --nerdvana-cart-product-heading-y
      positiv = "Produkt" nach unten
      negativ = "Produkt" nach oben
  */

  --nerdvana-cart-product-heading-padding-left: 7.40rem;
  --nerdvana-cart-product-heading-x: 0rem;
  --nerdvana-cart-product-heading-y: 0rem;

  padding-left: var(--nerdvana-cart-product-heading-padding-left) !important;
  transform:
    translate(
      var(--nerdvana-cart-product-heading-x),
      var(--nerdvana-cart-product-heading-y)
    ) !important;
}

/* Mobile Produkt-Heading Feinjustierung */
@media screen and (max-width: 749px) {
  body #MainContent cart-items .cart-items thead th:first-child,
  body #MainContent cart-items table.cart-items thead th:first-child {
    /*
      MOBILE PRODUKT-HEADING HEBEL

      Für dein Screenshot-Bild würde ich zuerst testen:
      X: -0.25rem bis -0.55rem
      Y:  0.00rem bis  0.10rem
    */

    --nerdvana-cart-product-heading-padding-left: 6.85rem;
    --nerdvana-cart-product-heading-x: -0.35rem;
    --nerdvana-cart-product-heading-y: 0rem;
  }
}

/* Warenkorb-Tabellenkopf Gesamtsumme feinjustieren */
body #MainContent cart-items .cart-items thead th:last-child,
body #MainContent cart-items table.cart-items thead th:last-child {
  --nerdvana-cart-total-heading-x: -0.5rem;
  transform: translateX(var(--nerdvana-cart-total-heading-x)) !important;
}
/* Warenkorb: Preis-Neuberechnung-Spinner an Preisposition ausrichten */
body #MainContent cart-items .cart-item__totals {
  position: relative !important;
}

body #MainContent cart-items .cart-item__totals .loading__spinner,
body #MainContent cart-items .cart-item__totals .loading-overlay__spinner {
  /*
  Feinjustierung Spinner bei Preis-Neuberechnung:
  X negativ = Spinner weiter nach links
  X positiv = Spinner weiter nach rechts
  Y negativ = Spinner weiter nach oben
  Y positiv = Spinner weiter nach unten
  */
  --nerdvana-cart-total-spinner-x: -3.6rem;
  --nerdvana-cart-total-spinner-y: -7rem;

  position: absolute !important;
  left: auto !important;
  right: 1.25rem !important;
  top: 50% !important;
  z-index: 5 !important;
  width: 1.7rem !important;
  height: 1.7rem !important;
  margin: 0 !important;
  transform: translate(
    var(--nerdvana-cart-total-spinner-x),
    calc(-50% + var(--nerdvana-cart-total-spinner-y))
  ) !important;
  color: #1b3d8f !important;
  pointer-events: none !important;
}

body #MainContent cart-items .cart-item__totals .loading__spinner svg,
body #MainContent cart-items .cart-item__totals .loading-overlay__spinner svg {
  width: 1.7rem !important;
  height: 1.7rem !important;
  color: #1b3d8f !important;
  stroke: currentColor !important;
}

body #MainContent cart-items .nerdvana-cart-select {
  position: absolute !important;
  left: 1.18rem !important;
  top: 50% !important;
  z-index: 8 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.4rem !important;
  height: 2.4rem !important;
  transform: translateY(-50%) !important;
  cursor: pointer !important;
}

/* Warenkorb: Dawn-Bildlink auf das sichtbare Produktbild begrenzen
Verhindert, dass der unsichtbare Linkbereich neben dem Bild mit der Checkbox kollidiert. */
body #MainContent cart-items .cart-item__media {
  position: relative !important;
}

/* Der unsichtbare Link soll nur noch über dem Bild liegen, nicht über der ganzen Medienzelle */
body #MainContent cart-items .cart-item__media .cart-item__link {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 5 !important;
  width: var(--nerdvana-cart-image-click-width, 10.8rem) !important;
  height: var(--nerdvana-cart-image-click-height, 10.8rem) !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 18px !important;
  pointer-events: auto !important;
}

/* Das Bild selbst bleibt optisch und funktional normal klickbar */
body #MainContent cart-items .cart-item__image {
  position: relative !important;
  z-index: 4 !important;
}

/* Checkbox liegt bewusst über dem Bildlink */
body #MainContent cart-items .nerdvana-cart-select,
body #MainContent cart-items .nerdvana-cart-select * {
  pointer-events: auto !important;
}

/* Ausgewählte Zeile: nur feiner Premium-Akzent, kein lauter Warnzustand */
body #MainContent cart-items .cart-item.nerdvana-cart-row--selected > td {
  border-top-color: rgba(5,200,255,.28) !important;
  border-bottom-color: rgba(5,200,255,.28) !important;
  background:
    radial-gradient(ellipse at 12% 0, rgba(255,255,255,.86) 0, rgba(255,255,255,.22) 34%, transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.94) 0, rgba(236,248,253,.76) 100%) !important;
  box-shadow:
    0 0 0 1px rgba(5,200,255,.055) inset,
    0 0 15px rgba(5,200,255,.045) !important;
}

body #MainContent cart-items .cart-item.nerdvana-cart-row--selected > td:first-child {
  border-left-color: rgba(5,200,255,.3) !important;
}

body #MainContent cart-items .cart-item.nerdvana-cart-row--selected > td:last-child {
  border-right-color: rgba(5,200,255,.3) !important;
}

/* Busy-State während Bulk-Löschen */
body #MainContent cart-items .nerdvana-cart-bulk-tools.nerdvana-cart-bulk--busy {
  pointer-events: none !important;
  opacity: .78 !important;
}

@media screen and (max-width: 749px) {
  body #MainContent cart-items .nerdvana-cart-bulk-tools {
    width: min(100% - 2.8rem, 680px) !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    border-radius: 22px !important;
    margin-top: -0.4rem !important;
    padding: .75rem !important;
  }

  body #MainContent cart-items .nerdvana-cart-bulk-tools__all,
  body #MainContent cart-items .nerdvana-cart-bulk-tools__count,
  body #MainContent cart-items .nerdvana-cart-bulk-tools__delete {
    flex: 1 1 auto !important;
    justify-content: center !important;
  }

  body #MainContent cart-items .nerdvana-cart-bulk-tools__delete {
    width: 100% !important;
  }

  body #MainContent cart-items .cart-item > td:first-child {
    padding-left: 4.4rem !important;
  }

  body #MainContent cart-items .nerdvana-cart-select {
    left: 1rem !important;
    top: 1.65rem !important;
    transform: none !important;
  }
}
/* Footer/Summary als Checkout-Panel */
body #MainContent #main-cart-footer {
  margin-top: -0.35rem !important;
}
body #MainContent #main-cart-footer .cart__footer {
  display: flex !important;
  justify-content: flex-end !important;
  max-width: 1500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 0 !important;
}
body #MainContent #main-cart-footer .cart__blocks {
  width: min(520px,100%) !important;
  padding: 1.68rem 1.78rem 1.72rem !important;
  border-radius: 28px !important;
  border: 1px solid rgba(205,216,224,.72) !important;
  background: radial-gradient(ellipse at 18% 0,rgba(255,255,255,.86)0,rgba(255,255,255,.18)34%,transparent 68%),linear-gradient(180deg,rgba(255,255,255,.97)0,rgba(250,252,254,.93)52%,rgba(244,248,251,.965)100%) !important;
  box-shadow: 0 26px 54px rgba(13,31,70,.102),0 10px 22px rgba(13,31,70,.048),0 -16px 34px rgba(255,255,255,.44),0 0 0 1px rgba(255,255,255,.9)inset,0 1px 0 rgba(255,255,255,.96)inset !important;
}
body #MainContent #main-cart-footer .totals {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 1.4rem !important;
  margin-bottom: .9rem !important;
}
body #MainContent #main-cart-footer .totals__total {
  margin: 0 !important;
  color: #102b66 !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: 1.48rem !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
}
body #MainContent #main-cart-footer .totals__total-value {
  margin: 0 !important;
  color: #102b66 !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: 1.44rem !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  text-align: right !important;
}
body #MainContent #main-cart-footer .tax-note {
  display: block !important;
  margin: .9rem 0 1.25rem !important;
  color: rgba(36,54,95,.62) !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: .98rem !important;
  line-height: 1.45 !important;
  text-align: left !important;
}
body #MainContent #main-cart-footer .tax-note a {
  color: rgba(5,160,215,.84) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(5,200,255,.28) !important;
}
/* Checkout-Button: heller Crystal-Primary ohne dunkle Dawn-Linien */
body #MainContent #main-cart-footer .cart__ctas {
  text-align: center !important;
}
body #MainContent #main-cart-footer .cart__checkout-button {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(100%,320px) !important;
  min-height: 52px !important;
  margin: 0 auto 1rem !important;
  border-radius: 17px !important;
  border: 1px solid rgba(110,221,255,.58) !important;
  border-bottom-color: rgba(110,221,255,.58) !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background: radial-gradient(ellipse at 22% 0,rgba(255,255,255,.92)0,rgba(255,255,255,.26)30%,transparent 58%),linear-gradient(180deg,rgba(247,253,255,.98)0,rgba(232,248,253,.96)56%,rgba(220,243,250,.94)100%) !important;
  color: #102b66 !important;
  -webkit-text-fill-color: #102b66 !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: 1.02rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .105em !important;
  text-transform: uppercase !important;
  box-shadow: 0 15px 25px rgba(13,31,70,.06),0 7px 14px rgba(13,31,70,.034),0 0 0 1px rgba(255,255,255,.96)inset,0 2px 3px rgba(255,255,255,.86)inset,0 0 16px rgba(5,200,255,.105) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: border-color .22s ease,box-shadow .22s ease,transform .22s ease,background .22s ease !important;
}
/* Dawn-/Button-Pseudo-Linien im Cart-Checkout bewusst deaktivieren */
body #MainContent #main-cart-footer .cart__checkout-button::before, body #MainContent #main-cart-footer .cart__checkout-button::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
}
body #MainContent #main-cart-footer .cart__checkout-button:hover {
  border-color: rgba(110,221,255,.78) !important;
  border-bottom-color: rgba(110,221,255,.78) !important;
  background: radial-gradient(ellipse at 22% 0,rgba(255,255,255,.96)0,rgba(255,255,255,.32)32%,transparent 60%),linear-gradient(180deg,rgba(249,254,255,1)0,rgba(236,249,253,.98)56%,rgba(224,245,251,.98)100%) !important;
  box-shadow: 0 17px 28px rgba(13,31,70,.07),0 8px 15px rgba(13,31,70,.038),0 0 0 1px rgba(255,255,255,.99)inset,0 2px 3px rgba(255,255,255,.9)inset,0 0 20px rgba(5,200,255,.145) !important;
  transform: translateY(-1px) !important;
}
/* Express-Checkout nicht umfärben, nur besser einbetten */
body #MainContent #main-cart-footer .cart__dynamic-checkout-buttons {
  width: min(390px,100%) !important;
  max-width: 390px !important;
  margin: .7rem auto 0 !important;
  padding-top: .85rem !important;
  border-top: 1px solid rgba(205,216,224,.36) !important;
}
@media screen and (max-width: 749px) {
  body #MainContent cart-items .page-width, body #MainContent #main-cart-footer .page-width {
    padding-left: 1.4rem !important;
    padding-right: 1.4rem !important;
  }
  body #MainContent cart-items .title-wrapper-with-link {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 1rem !important;
  }
  body #MainContent cart-items .title-wrapper-with-link .title {
    font-size: 2.5rem !important;
    letter-spacing: .11em !important;
  }
  body #MainContent cart-items .cart__items {
    padding: .9rem !important;
    border-radius: 24px !important;
  }
  body #MainContent cart-items .cart-item > td, body #MainContent cart-items .cart-item > td:first-child, body #MainContent cart-items .cart-item > td:last-child {
    border-radius: 18px !important;
  }
  body #MainContent cart-items .cart-item__image-container {
    width: 96px !important;
    height: 96px !important;
  }
  body #MainContent #main-cart-footer .cart__footer {
    justify-content: center !important;
  }
  body #MainContent #main-cart-footer .cart__blocks {
    width: 100% !important;
  }
  body #MainContent #main-cart-footer .tax-note, body #MainContent #main-cart-footer .totals__total-value {
    text-align: right !important;
  }
}

/* =========================================
WARENKORBSEITE – Empty Cart Vault V1.1 SAFE SCOPE
Leerer Warenkorb als Nerdvana Empty-Vault.

Wichtig:
Greift ausschließlich bei cart-items.is-empty.
Kein Eingriff in normalen Warenkorb mit Artikeln.
Kein Ausblenden des oberen "Weiter shoppen"-Links.
========================================= */

/* Checkout-/Gesamtkosten-Box nur bei wirklich leerem Warenkorb ausblenden */
body #MainContent:has(cart-items.is-empty) #main-cart-footer {
  display: none !important;
}

/* Empty-State-Kopf kompakter führen, aber nur im echten Empty-State */
body #MainContent cart-items.is-empty .title-wrapper-with-link {
  margin-bottom: clamp(2.6rem, 3.2vw, 4.2rem) !important;
}

/* Dawn-Empty-Container als zentriertes Vault-Panel */
body #MainContent cart-items.is-empty .cart__warnings {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: block !important;
  width: min(760px, calc(100% - 4.4rem)) !important;
  max-width: 760px !important;
  margin: 0 auto clamp(5.2rem, 6vw, 7.4rem) !important;
  padding: clamp(3rem, 4.1vw, 4.8rem) clamp(2.1rem, 3.5vw, 4.2rem) clamp(3.2rem, 4.4vw, 5rem) !important;
  border-radius: 34px !important;
  border: 1px solid rgba(205,216,224,.76) !important;
  background:
    radial-gradient(ellipse at 50% 0, rgba(255,255,255,.92) 0, rgba(255,255,255,.34) 34%, transparent 68%),
    radial-gradient(circle at 18% 18%, rgba(5,200,255,.055) 0, transparent 34%),
    radial-gradient(circle at 84% 82%, rgba(27,61,143,.035) 0, transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.86) 0, rgba(248,251,253,.72) 52%, rgba(240,245,249,.76) 100%) !important;
  box-shadow:
    0 30px 72px rgba(13,31,70,.095),
    0 12px 28px rgba(13,31,70,.045),
    0 0 0 1px rgba(255,255,255,.94) inset,
    0 1px 0 rgba(255,255,255,.96) inset,
    0 -18px 28px rgba(188,198,205,.045) inset !important;
  backdrop-filter: blur(18px) saturate(1.04) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.04) !important;
  text-align: center !important;
}

/* Feine Lichtkante oben */
body #MainContent cart-items.is-empty .cart__warnings::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 1.35rem !important;
  z-index: 1 !important;
  width: min(520px, calc(100% - 4rem)) !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background:
    linear-gradient(
      90deg,
      transparent 0,
      rgba(205,216,224,.32) 18%,
      rgba(255,255,255,.9) 40%,
      rgba(5,200,255,.24) 50%,
      rgba(255,255,255,.88) 60%,
      rgba(205,216,224,.32) 82%,
      transparent 100%
    ) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9),
    0 0 16px rgba(5,200,255,.065) !important;
  pointer-events: none !important;
}

/* Crystal-Diamond */
body #MainContent cart-items.is-empty .cart__warnings::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 2.65rem !important;
  z-index: 2 !important;
  width: 15px !important;
  height: 15px !important;
  transform: translateX(-50%) rotate(45deg) !important;
  border-radius: 2px !important;
  border: 1px solid rgba(5,200,255,.4) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.98) 0, rgba(236,249,253,.9) 48%, rgba(5,200,255,.18) 100%) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.86) inset,
    0 0 12px rgba(5,200,255,.16),
    0 1px 5px rgba(13,31,70,.08) !important;
  pointer-events: none !important;
}

/* Headline */
body #MainContent cart-items.is-empty .cart__empty-text {
  position: relative !important;
  z-index: 3 !important;
  max-width: 680px !important;
  margin: 1.2rem auto 1.9rem !important;
  color: #0d1f46 !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: clamp(2.15rem, 2vw, 3.2rem) !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  letter-spacing: .145em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.94),
    0 0 12px rgba(5,200,255,.07) !important;
}

/* Empty-State CTA: Dawn-Schwarz raus, Nerdvana-Glas rein */
body #MainContent cart-items.is-empty .cart__warnings .button {
  position: relative !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 220px !important;
  min-height: 48px !important;
  margin: 0 auto 2.75rem !important;
  padding: 0 2.4rem !important;
  border-radius: 14px !important;
  border: 1px solid rgba(205,216,224,.78) !important;
  background:
    radial-gradient(ellipse at 20% 0, rgba(255,255,255,.74) 0, rgba(255,255,255,.24) 34%, transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,.72) 0, rgba(247,250,253,.58) 100%) !important;
  color: #102b66 !important;
  -webkit-text-fill-color: #102b66 !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: .98rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .085em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow:
    0 14px 28px rgba(13,31,70,.055),
    0 6px 14px rgba(13,31,70,.032),
    0 0 0 1px rgba(255,255,255,.9) inset,
    0 1px 0 rgba(255,255,255,.96) inset,
    0 -10px 18px rgba(188,198,205,.045) inset !important;
  transition:
    border-color .22s ease,
    background .22s ease,
    box-shadow .22s ease,
    transform .22s ease,
    color .22s ease !important;
}

body #MainContent cart-items.is-empty .cart__warnings .button:hover {
  border-color: rgba(5,200,255,.28) !important;
  color: #0d1f46 !important;
  -webkit-text-fill-color: #0d1f46 !important;
  background:
    radial-gradient(ellipse at 20% 0, rgba(255,255,255,.82) 0, rgba(255,255,255,.3) 34%, transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,.82) 0, rgba(236,248,253,.62) 100%) !important;
  box-shadow:
    0 18px 34px rgba(13,31,70,.072),
    0 8px 17px rgba(13,31,70,.04),
    0 0 0 1px rgba(255,255,255,.94) inset,
    0 0 15px rgba(5,200,255,.07) !important;
  transform: translateY(-1px) !important;
}

/* Account-Hinweis im Empty-Vault */
body #MainContent cart-items.is-empty .cart__login-title {
  position: relative !important;
  z-index: 3 !important;
  margin: .35rem auto .7rem !important;
  color: #0d1f46 !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: clamp(1.35rem, 1.25vw, 1.9rem) !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

body #MainContent cart-items.is-empty .cart__login-paragraph {
  position: relative !important;
  z-index: 3 !important;
  max-width: 520px !important;
  margin: 0 auto !important;
  color: rgba(36,54,95,.72) !important;
  font-family: Montserrat, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 1.08rem !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  letter-spacing: .015em !important;
}

body #MainContent cart-items.is-empty .cart__login-paragraph a {
  color: rgba(5,160,215,.86) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(5,200,255,.34) !important;
  transition: color .18s ease, border-color .18s ease, text-shadow .18s ease !important;
}

body #MainContent cart-items.is-empty .cart__login-paragraph a:hover {
  color: #1b3d8f !important;
  border-color: rgba(5,200,255,.62) !important;
  text-shadow: 0 0 8px rgba(5,200,255,.1) !important;
}

/* Mobile Empty-State */
@media screen and (max-width: 749px) {
  body #MainContent cart-items.is-empty .title-wrapper-with-link {
    margin-bottom: 2.2rem !important;
  }

  body #MainContent cart-items.is-empty .cart__warnings {
    width: calc(100% - 2.8rem) !important;
    padding: 3rem 1.45rem 3.2rem !important;
    border-radius: 28px !important;
  }

  body #MainContent cart-items.is-empty .cart__empty-text {
    font-size: 1.72rem !important;
    letter-spacing: .105em !important;
  }

  body #MainContent cart-items.is-empty .cart__warnings .button {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* =========================================
WARENKORBSEITE – Empty Cart Vault V1.2 Polish
Nur leerer Warenkorb.
Befüllter Warenkorb bleibt unangetastet.

Ziele:
- Warenkorb-Headline auf gleiche Höhe wie im befüllten Warenkorb bringen
- oberen "Weiter shoppen"-Textlink im Empty-State entfernen
- Crystal-Diamond im Empty-Panel entfernen
- Empty-CTA auf Nerdvana-Glasbutton bringen
========================================= */

/* 1. Empty-State-Headline tiefer setzen, damit sie zur befüllten Cart-Seite passt */
body #MainContent cart-items.is-empty .title-wrapper-with-link {
  margin-top: clamp(3.2rem, 3.8vw, 5.4rem) !important;
  margin-bottom: clamp(2.8rem, 3.3vw, 4.4rem) !important;
}

/* 2. Oberen "Weiter shoppen"-Textlink nur im leeren Warenkorb entfernen */
body #MainContent cart-items.is-empty .title-wrapper-with-link .underlined-link,
body #MainContent cart-items.is-empty .title-wrapper-with-link a {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* 3. Crystal-Diamond im Empty-Vault entfernen */
body #MainContent cart-items.is-empty .cart__warnings::after {
  content: none !important;
  display: none !important;
}

/* Nach entferntem Diamond den Empty-Panel-Inhalt ruhiger ausrichten */
body #MainContent cart-items.is-empty .cart__warnings {
  padding-top: clamp(2.75rem, 3.6vw, 4.25rem) !important;
}

body #MainContent cart-items.is-empty .cart__empty-text {
  margin-top: .25rem !important;
}

/* 4. Empty-State Button: Dawn-Schwarz/Outline vollständig neutralisieren */
body #MainContent cart-items.is-empty .cart__warnings .button {
  --border-offset: 0px !important;
  --border-opacity: 0 !important;
  --alpha-button-background: 1 !important;
  --alpha-button-border: 0 !important;

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

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

  min-width: 236px !important;
  min-height: 52px !important;
  margin: 0 auto 2.75rem !important;
  padding: 0 2.65rem !important;

  border-radius: 14px !important;
  border: 1px solid rgba(205,216,224,.78) !important;

  background:
    radial-gradient(ellipse at 20% 0, rgba(255,255,255,.78) 0, rgba(255,255,255,.26) 34%, transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,.78) 0, rgba(247,250,253,.62) 54%, rgba(238,244,249,.72) 100%) !important;

  color: #102b66 !important;
  -webkit-text-fill-color: #102b66 !important;

  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: .96rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .078em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;

  box-shadow:
    0 14px 28px rgba(13,31,70,.06),
    0 6px 14px rgba(13,31,70,.034),
    0 0 0 1px rgba(255,255,255,.9) inset,
    0 1px 0 rgba(255,255,255,.96) inset,
    0 -10px 18px rgba(188,198,205,.045) inset !important;

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

/* Dawn-Button-Pseudo-Outline überschreiben */
body #MainContent cart-items.is-empty .cart__warnings .button::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  border-radius: inherit !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.86) inset,
    0 1px 0 rgba(255,255,255,.9) inset,
    0 -1px 0 rgba(145,164,175,.08) inset !important;
  pointer-events: none !important;
}

/* Feine Glas-Lichtkante oben im Button */
body #MainContent cart-items.is-empty .cart__warnings .button::before {
  content: "" !important;
  position: absolute !important;
  left: 1.05rem !important;
  right: 1.05rem !important;
  top: 0 !important;
  z-index: 2 !important;
  height: 1px !important;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.88),
      rgba(5,200,255,.16),
      rgba(255,255,255,.82),
      transparent
    ) !important;
  pointer-events: none !important;
}

body #MainContent cart-items.is-empty .cart__warnings .button:hover {
  border-color: rgba(5,200,255,.3) !important;
  color: #0d1f46 !important;
  -webkit-text-fill-color: #0d1f46 !important;
  background:
    radial-gradient(ellipse at 20% 0, rgba(255,255,255,.86) 0, rgba(255,255,255,.32) 34%, transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,.86) 0, rgba(236,248,253,.66) 54%, rgba(240,246,250,.76) 100%) !important;
  box-shadow:
    0 18px 34px rgba(13,31,70,.074),
    0 8px 17px rgba(13,31,70,.042),
    0 0 0 1px rgba(255,255,255,.94) inset,
    0 0 15px rgba(5,200,255,.075) !important;
  transform: translateY(-1px) !important;
}

/* Cart Notification: Checkout-Navy-Tönung */
body #cart-notification .cart-notification__links button.button[name="checkout"] {
  background-color: rgba(27,61,143,.46) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: 0 1px 1px rgba(10,26,61,.44),0 0 5px rgba(255,255,255,.18) !important;
}
body #cart-notification .cart-notification__links button.button[name="checkout"]:hover {
  background-color: rgba(27,61,143,.58) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
/* =========================================
CART NOTIFICATION – Nerdvana Crystal Confirmation Toast V1
Reines Infofenster: Buttons raus, Popup leichter und hochwertiger
Nur CSS, keine Cart-Logik
========================================= */
/* Popup als kompakter Confirmation-Toast statt zweiter Mini-Warenkorb */
body #cart-notification, body .cart-notification-wrapper {
  width: min(430px,calc(100vw - 2rem)) !important;
}
body .cart-notification {
  padding: 1.55rem 1.45rem 1.35rem !important;
  border-radius: 28px !important;
  border: 1px solid rgba(205,216,224,.82) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.99)0,rgba(251,253,255,.98)48%,rgba(246,249,252,.99)100%) !important;
  box-shadow: 0 28px 62px rgba(13,31,70,.118),0 11px 24px rgba(13,31,70,.052),0 0 0 1px rgba(255,255,255,.94)inset,0 0 0 7px rgba(255,255,255,.2)inset !important;
  backdrop-filter: blur(15px)saturate(1.02) !important;
  -webkit-backdrop-filter: blur(15px)saturate(1.02) !important;
}
/* Farbigen Glow beruhigen – nur noch feine Glaslinie */
body .cart-notification::before {
  background: linear-gradient(90deg,transparent 0,rgba(255,255,255,.56)34%,rgba(205,216,224,.18)50%,rgba(255,255,255,.5)66%,transparent 100%)top center / 78% 1px no-repeat !important;
  opacity: .76 !important;
}
/* Header: kleine Vault-Bestätigung statt schwerer Dialogtitel */
body .cart-notification__header {
  margin-bottom: 1.05rem !important;
  padding-bottom: .88rem !important;
  border-bottom: 1px solid rgba(205,216,224,.38) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.82) !important;
}
body .cart-notification__header h2, body .cart-notification__heading {
  color: #0d1f46 !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: .98rem !important;
  font-weight: 500 !important;
  line-height: 1.34 !important;
  letter-spacing: .155em !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.96),0 0 7px rgba(5,200,255,.04) !important;
}
/* Checkmark als dezentes Bestätigungszeichen, nicht als Fremdicon */
body .cart-notification__header .icon-checkmark, body .cart-notification__header svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
  color: #1b3d8f !important;
  fill: currentColor !important;
  filter: drop-shadow(0 1px 0 rgba(255,255,255,.86))drop-shadow(0 0 5px rgba(5,200,255,.08)) !important;
}
/* Produkt-Zeile als kleine Collector-Vitrine */
body .cart-notification-product {
  grid-template-columns: 74px minmax(0,1fr) !important;
  gap: 1.15rem !important;
  margin-bottom: 0 !important;
  padding: .88rem .95rem !important;
  border-radius: 22px !important;
  background: radial-gradient(ellipse at 18% 0,rgba(255,255,255,.72)0,rgba(255,255,255,.18)38%,transparent 70%),linear-gradient(180deg,rgba(255,255,255,.97)0,rgba(247,250,253,.9)100%) !important;
  box-shadow: 0 0 0 1px rgba(205,216,224,.5)inset,0 1px 0 rgba(255,255,255,.88)inset,0 10px 22px rgba(13,31,70,.05) !important;
}
body .cart-notification-product img, body .cart-notification-product__image {
  width: 74px !important;
  min-width: 74px !important;
  height: 74px !important;
  border-radius: 16px !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.78)inset,0 0 0 2px rgba(255,255,255,.12)inset,0 8px 16px rgba(13,31,70,.12),0 0 12px rgba(5,200,255,.03) !important;
}
body .cart-notification-product__name, body .cart-notification-product h3, body .cart-notification-product a {
  color: #102b66 !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: 1.06rem !important;
  font-weight: 500 !important;
  line-height: 1.42 !important;
  letter-spacing: .065em !important;
  text-transform: none !important;
  text-decoration: none !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.94),0 0 6px rgba(5,200,255,.035) !important;
}
body .cart-notification-product__option, body .cart-notification-product__price, body .cart-notification-product p, body .cart-notification-product span:not(.price) {
  color: rgba(36,54,95,.58) !important;
  font-size: .92rem !important;
}
/* Dieses Popup ist nur eine Bestätigung: keine CTAs, kein zweiter Mini-Warenkorb */
body .cart-notification__links {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  margin: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
/* Featured Tablet/Mobile */
@media screen and (min-width: 750px) and (max-width: 989px) {
  #shopify-section-template--30569970172253__featured_collection .product-grid, #shopify-section-template--30569970172253__featured_collection .grid {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    column-gap: 1.4rem !important;
    row-gap: 1.6rem !important;
  }
}
@media screen and (max-width: 749px) {
  #shopify-section-template--30569970172253__featured_collection .collection {
    padding-top: 2.2rem !important;
    padding-bottom: 2.8rem !important;
  }
  #shopify-section-template--30569970172253__featured_collection .title, #shopify-section-template--30569970172253__featured_collection .inline-richtext, #shopify-section-template--30569970172253__featured_collection h2 {
    font-size: 1.7rem !important;
    letter-spacing: .16em !important;
    padding: 0 1.6rem !important;
  }
  #shopify-section-template--30569970172253__featured_collection .product-grid, #shopify-section-template--30569970172253__featured_collection .grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    column-gap: 1rem !important;
    row-gap: 1.2rem !important;
  }
  #shopify-section-template--30569970172253__featured_collection .grid__item {
    border-radius: 16px !important;
  }
  #shopify-section-template--30569970172253__featured_collection .card__information {
    padding: 1.15rem .8rem 1.3rem !important;
    min-height: 122px !important;
  }
  :is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .card__heading, :is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .card__heading.h5 {
    font-size: .92rem !important;
    line-height: 1.32 !important;
    letter-spacing: .06em !important;
    font-weight: 400 !important;
  }
  :is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add__submit, :is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .quick-add__submit > span:not(.hidden):not(.sold-out-message):not([class^="nerdvana-crystal-cta__"]) {
    font-size: .82rem !important;
    font-weight: 600 !important;
    letter-spacing: .058em !important;
    line-height: 1 !important;
  }
  #shopify-section-template--30569970172253__featured_collection .collection__view-all .button {
    min-width: 240px !important;
    height: 46px !important;
  }
  #shopify-section-template--30569970172253__featured_collection .collection__view-all .button::before {
    font-size: .86rem !important;
  }
}
/* =========================================
NERDVANA CATEGORY BANNERS
========================================= */
.nerdvana-category-banners {
  background: var(--nerdvana-bg);
  padding: 2.4rem 0 2.4rem;
}
.nerdvana-category-banners .page-width {
  max-width: 1780px !important;
}
.nerdvana-category-banners__grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1.4rem;
}
.nerdvana-category-banner {
  position: relative;
  display: block;
  min-height: 275px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  background: var(--nerdvana-bg);
  text-decoration: none;
  color: inherit;
  box-shadow: 0 0 22px rgba(0,0,0,.35);
}
.nerdvana-category-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(56,189,248,.12);
  pointer-events: none;
}
.nerdvana-category-banner__media {
  position: absolute;
  inset: 0;
}
.nerdvana-category-banner__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  filter: brightness(.88)contrast(1.08)saturate(1.06);
  transition: transform .45s ease,filter .45s ease;
}
.nerdvana-category-banners__grid .nerdvana-category-banner:first-child .nerdvana-category-banner__media img {
  object-position: 43% center;
}
.nerdvana-category-banners__grid .nerdvana-category-banner:nth-child(2) .nerdvana-category-banner__media img {
  object-position: 48% center;
}
.nerdvana-category-banner__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,rgba(3,6,10,.94)0,rgba(3,6,10,.78)34%,rgba(3,6,10,.22)68%,rgba(3,6,10,.08)100%),linear-gradient(180deg,rgba(0,0,0,.08)0,rgba(0,0,0,.52)100%);
}
.nerdvana-category-banner__content {
  position: relative;
  z-index: 2;
  max-width: 430px;
  min-height: 275px;
  padding: 3.4rem 3.6rem 2.6rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.nerdvana-category-banner__eyebrow {
  margin: 0 0 1rem;
  color: rgba(255,255,255,.58);
  text-transform: uppercase;
  letter-spacing: .22em;
  font-size: .92rem;
}
.nerdvana-category-banner__title {
  margin: 0 0 2.5rem;
  color: rgba(255,255,255,.9);
  text-transform: capitalize;
  letter-spacing: .105em;
  font-size: clamp(2.55rem,2.35vw,2.7rem);
  font-weight: 400;
  line-height: 1.05;
}
.nerdvana-category-banner__text {
  max-width: 390px;
  margin: 0 0 2rem;
  color: rgba(255,255,255,.6);
  line-height: 1.65;
  font-size: 1.18rem;
}
.nerdvana-category-banner__button {
  display: inline-flex;
  align-items: center;
  gap: 1.1rem;
  min-height: 42px;
  padding: 0 1.85rem;
  margin-top: auto;
  border: 1px solid rgba(255,255,255,.18);
  color: rgba(255,255,255,.84);
  text-transform: uppercase;
  letter-spacing: .13em;
  font-size: 1rem;
  background: rgba(0,0,0,.18);
}
.nerdvana-category-banner:hover {
  border-color: rgba(56,189,248,.38);
  box-shadow: 0 0 24px rgba(56,189,248,.12);
}
.nerdvana-category-banner:hover .nerdvana-category-banner__media img {
  transform: scale(1.035);
  filter: brightness(.98)contrast(1.12)saturate(1.1);
}
.nerdvana-category-banner:hover .nerdvana-category-banner__button {
  border-color: rgba(56,189,248,.55);
  box-shadow: 0 0 16px rgba(56,189,248,.16);
}
/* =========================================
BESTSELLER COLLECTION
========================================= */
#shopify-section-template--30569970172253__featured_collection_m48Bmb {
  background: transparent !important;
  border-top: 0 !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .collection {
  background: transparent !important;
  padding-top: 2.6rem !important;
  padding-bottom: 3rem !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .page-width, #shopify-section-template--30569970172253__featured_collection_m48Bmb .page-width-desktop {
  max-width: 1920px !important;
  padding-left: 2.2rem !important;
  padding-right: 2.2rem !important;
}
/* Bestseller Titel */
#shopify-section-template--30569970172253__featured_collection_m48Bmb .collection__title, #shopify-section-template--30569970172253__featured_collection_m48Bmb .title-wrapper {
  position: relative !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  padding-bottom: 3.35rem !important;
  margin-bottom: 2.85rem !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .collection__title::before, #shopify-section-template--30569970172253__featured_collection_m48Bmb .title-wrapper::before {
  content: "" !important;
  position: absolute !important;
  left: 3.5rem !important;
  right: 3.5rem !important;
  bottom: 1.08rem !important;
  height: 1px !important;
  background: linear-gradient(90deg,transparent 0,rgba(27,61,143,.12)18%,rgba(5,200,255,.34)50%,rgba(27,61,143,.12)82%,transparent 100%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.88) !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .collection__title::after, #shopify-section-template--30569970172253__featured_collection_m48Bmb .title-wrapper::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: .22rem !important;
  width: 18px !important;
  height: 18px !important;
  transform: translateX(-50%)rotate(45deg) !important;
  background: linear-gradient(135deg,rgba(255,255,255,.98)0,rgba(232,248,255,.88)48%,rgba(5,200,255,.2)100%) !important;
  border: 1px solid rgba(5,200,255,.48) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.92)inset,0 0 16px rgba(5,200,255,.22),0 0 26px rgba(138,92,255,.08) !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .title, #shopify-section-template--30569970172253__featured_collection_m48Bmb .inline-richtext, #shopify-section-template--30569970172253__featured_collection_m48Bmb h2 {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 auto !important;
  padding: 0 3.4rem !important;
  background: transparent !important;
  text-align: center !important;
  text-transform: uppercase !important;
  font-size: 0 !important;
  line-height: 1.18 !important;
  color: var(--nerdvana-heading) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.92),0 0 12px rgba(5,200,255,.1) !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .title::before, #shopify-section-template--30569970172253__featured_collection_m48Bmb .inline-richtext::before, #shopify-section-template--30569970172253__featured_collection_m48Bmb h2::before {
  content: "Bestseller" !important;
  font-size: 2.45rem !important;
  font-weight: 500 !important;
  letter-spacing: .285em !important;
  line-height: 1.18 !important;
  text-transform: uppercase !important;
  color: var(--nerdvana-heading) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.92),0 0 12px rgba(5,200,255,.1) !important;
}
/* =========================================
STARTSEITE – Section Headings im Collection-Crystal-Stil
Neuheiten + Bestseller: einheitliche Collection-Divider-DNA
========================================= */
:is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .collection__title, :is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .title-wrapper {
  padding-bottom: 3.4rem !important;
  margin-bottom: 2.85rem !important;
}
/* Feine Premium-Linie – exakt nach Collection-Referenz */
:is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .collection__title::before, :is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .title-wrapper::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  bottom: 1.25rem !important;
  width: min(920px,78vw) !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg,transparent 0,rgba(27,61,143,.12)18%,rgba(5,200,255,.34)50%,rgba(27,61,143,.12)82%,transparent 100%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.88) !important;
  opacity: 1 !important;
}
/* Kleiner Kristall-Diamant – exakt nach Collection-Referenz */
:is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .collection__title::after, :is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .title-wrapper::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: .38rem !important;
  width: 16px !important;
  height: 16px !important;
  transform: translateX(-50%)rotate(45deg) !important;
  background: linear-gradient(135deg,rgba(255,255,255,.98)0,rgba(232,248,255,.88)48%,rgba(5,200,255,.2)100%) !important;
  border: 1px solid rgba(5,200,255,.46) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.92)inset,0 0 14px rgba(5,200,255,.2),0 0 24px rgba(138,92,255,.07) !important;
  opacity: 1 !important;
}
:is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .title, :is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .inline-richtext, :is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) h2, #shopify-section-template--30569970172253__featured_collection_m48Bmb .title::before, #shopify-section-template--30569970172253__featured_collection_m48Bmb .inline-richtext::before, #shopify-section-template--30569970172253__featured_collection_m48Bmb h2::before {
  text-shadow: 0 1px 0 rgba(255,255,255,.94),0 0 7px rgba(5,200,255,.045) !important;
}
@media screen and (max-width: 749px) {
  :is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .collection__title::before, :is( #shopify-section-template--30569970172253__featured_collection, #shopify-section-template--30569970172253__featured_collection_m48Bmb ) .title-wrapper::before {
    left: 50% !important;
    right: auto !important;
    width: min(620px,82vw) !important;
    transform: translateX(-50%) !important;
  }
}
/* =========================================
STARTSEITE – Crystal Gallery Scroll Reveal
Nur Bestseller: langsamer Vorhang-Reveal
========================================= */
/*
Wichtig:
Dieser globale Vorhang-Reveal gilt ab jetzt nur noch für Bestseller.
Neuheiten wird absichtlich ausgeschlossen und bekommt seinen eigenen
Diagonal Gallery Reveal weiter unten.
*/
html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection_m48Bmb :is( .collection__title, .title-wrapper, .grid__item, .center, .collection__view-all ) {
  opacity: 0 !important;
  transform: translateY(30px)scale(.985) !important;
  transition: opacity 1.55s cubic-bezier(.16,1,.3,1),transform 1.55s cubic-bezier(.16,1,.3,1),filter 1.55s cubic-bezier(.16,1,.3,1),clip-path 1.65s cubic-bezier(.16,1,.3,1) !important;
  filter: blur(1.8px) !important;
}

/* Bestseller-Karten starten wie hinter einem seitlich öffnenden Glasvorhang */
html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection_m48Bmb .grid__item {
  clip-path: inset(0 100% 0 0 round 22px) !important;
}

/* Bestseller aktiv: Titel zuerst */
html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection_m48Bmb.nerdvana-home-section-visible :is( .collection__title, .title-wrapper ) {
  opacity: 1 !important;
  transform: translateY(0)scale(1) !important;
  filter: blur(0) !important;
  transition-delay: .1s !important;
}

/* Bestseller aktiv: Karten werden von links nach rechts freigelegt */
html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection_m48Bmb.nerdvana-home-section-visible .grid__item {
  opacity: 1 !important;
  transform: translateY(0)scale(1) !important;
  filter: blur(0) !important;
  clip-path: inset(0 0 0 0 round 22px) !important;
}

html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection_m48Bmb.nerdvana-home-section-visible .grid__item:nth-child(1) {
  transition-delay: .34s !important;
}

html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection_m48Bmb.nerdvana-home-section-visible .grid__item:nth-child(2) {
  transition-delay: .56s !important;
}

html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection_m48Bmb.nerdvana-home-section-visible .grid__item:nth-child(3) {
  transition-delay: .78s !important;
}

html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection_m48Bmb.nerdvana-home-section-visible .grid__item:nth-child(4) {
  transition-delay: 1s !important;
}

html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection_m48Bmb.nerdvana-home-section-visible .grid__item:nth-child(5) {
  transition-delay: 1.22s !important;
}

/* Bestseller View-All/Buttonbereich kommt nach den Karten */
html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection_m48Bmb.nerdvana-home-section-visible :is( .center, .collection__view-all ) {
  opacity: 1 !important;
  transform: translateY(0)scale(1) !important;
  filter: blur(0) !important;
  transition-delay: 1.52s !important;
}

/* Dezenter Lichtimpuls beim Aktivieren der Bestseller-Section */
html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection_m48Bmb.nerdvana-home-section-visible::before {
  opacity: 1 !important;
}
/* Reduced Motion: keine Entrance-Bewegung */
@media (prefers-reduced-motion: reduce) {
  html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection_m48Bmb :is( .collection__title, .title-wrapper, .grid__item, .center, .collection__view-all ) {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    clip-path: none !important;
    transition: none !important;
  }
}
/* =========================================
STARTSEITE – Nerdvana Collector Vault
Eigene Erlebnis-Section zwischen Hero und Bestseller
V1.1: Hintergrund beruhigt, Top-Linie/Diamond werden Teil des Reveals
========================================= */
#MainContent .nerdvana-vault {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding: clamp(4.4rem,6vw,7.6rem) 1.8rem clamp(4.8rem,6.4vw,8rem) !important;
  background: transparent !important;
}

/* Vault-Toplinie: startet verborgen, damit der Enter-Pfeil nicht auf einen sichtbaren "Klickpunkt" zeigt */
#MainContent .nerdvana-vault::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 3.2rem !important;
  z-index: 0 !important;
  width: min(1480px, calc(100% - 4rem)) !important;
  height: 1px !important;
  transform: translateX(-50%) translateY(18px) scaleX(.18) !important;
  transform-origin: center center !important;
  opacity: 0 !important;
  filter: blur(6px) brightness(1.08) !important;
  background: linear-gradient(
    90deg,
    transparent 0,
    rgba(205,216,224,.24) 18%,
    rgba(255,255,255,.82) 42%,
    rgba(5,200,255,.12) 50%,
    rgba(255,255,255,.82) 58%,
    rgba(205,216,224,.24) 82%,
    transparent 100%
  ) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.88),
    0 0 16px rgba(5,200,255,.045) !important;
  pointer-events: none !important;
  transition:
    opacity 1.35s cubic-bezier(.16,1,.3,1),
    transform 1.55s cubic-bezier(.16,1,.3,1),
    filter 1.35s cubic-bezier(.16,1,.3,1) !important;
}

/* Vault-Diamond: startet verborgen und erscheint erst mit der Vault */
#MainContent .nerdvana-vault::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 3.2rem !important;
  z-index: 1 !important;
  width: 12px !important;
  height: 12px !important;
  transform: translate(-50%, calc(-50% + 18px)) rotate(45deg) scale(.72) !important;
  opacity: 0 !important;
  filter: blur(5px) brightness(1.08) !important;
  border: 1px solid rgba(5,200,255,.24) !important;
  border-radius: 3px !important;
  background: linear-gradient(135deg,rgba(255,255,255,.98) 0,rgba(232,248,255,.78) 45%,rgba(255,255,255,.92) 100%) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.82) inset,
    0 0 16px rgba(5,200,255,.13),
    0 8px 18px rgba(13,31,70,.055) !important;
  pointer-events: none !important;
  transition:
    opacity 1.25s cubic-bezier(.16,1,.3,1),
    transform 1.45s cubic-bezier(.16,1,.3,1),
    filter 1.25s cubic-bezier(.16,1,.3,1) !important;
}
#MainContent .nerdvana-vault__inner {
  position: relative !important;
  z-index: 2 !important;
  width: min(1500px,100%) !important;
  margin: 0 auto !important;
}
#MainContent .nerdvana-vault__intro {
  max-width: 880px !important;
  margin: 0 auto clamp(3rem,4vw,4.8rem) !important;
  text-align: center !important;
}
#MainContent .nerdvana-vault__eyebrow {
  margin: 0 0 1rem !important;
  font-family: 'Montserrat',Arial,sans-serif !important;
  font-size: .78rem !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  letter-spacing: .24em !important;
  text-transform: uppercase !important;
  color: rgba(27,61,143,.62) !important;
}
#MainContent .nerdvana-vault__heading {
  margin: 0 !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: clamp(2.25rem,4.1vw,4.8rem) !important;
  line-height: 1.03 !important;
  font-weight: 500 !important;
  letter-spacing: .105em !important;
  text-transform: uppercase !important;

  /* Hauptüberschrift an die restliche Nerdvana-Headline-Sprache angleichen */
  color: var(--nerdvana-heading) !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,.96),
    0 10px 28px rgba(13,31,70,.065) !important;
}
#MainContent .nerdvana-vault__text {
  max-width: 760px !important;
  margin: 1.45rem auto 0 !important;
  font-family: 'Montserrat',Arial,sans-serif !important;
  font-size: clamp(1.04rem,1.18vw,1.2rem) !important;
  line-height: 1.82 !important;
  font-weight: 400 !important;
  color: rgba(16,43,102,.78) !important;
}
#MainContent .nerdvana-vault__grid {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  width: min(1480px,100%) !important;
  margin: 0 auto !important;
  /*
  Innenabstand der echten interaktiven Kacheln.
  Höherer Wert = Kacheln weiter von der Plattenkante weg.
  */
  --nerdvana-vault-plate-padding-y: clamp(2.2rem,3vw,3.2rem);
  --nerdvana-vault-plate-padding-x: clamp(1.4rem,2vw,2.4rem);
  /*
  Sichtbare Vergrößerung der Glasplatten-Grafik.
  Höherer Wert = Platte wächst nach außen,
  ohne die Kacheln selbst größer zu machen.
  */
  --nerdvana-vault-plate-extend-y: 3rem;
  --nerdvana-vault-plate-extend-x: 10.6rem;
  --nerdvana-vault-plate-shift-y: -0.3rem;
  /*
  Glass-Fusion V1:
  Diese Werte verschmelzen Kartenkörper und echte Plattengrafik.
  */
  --nerdvana-vault-card-glass-alpha: .34;
  --nerdvana-vault-card-border-alpha: .07;
  --nerdvana-vault-card-inner-alpha: .09;
  --nerdvana-vault-card-shadow-alpha: .01;
  --nerdvana-vault-card-lift-shadow-alpha: .022;
  --nerdvana-vault-plate-overlay-opacity: .1;
  --nerdvana-vault-plate-overlay-blur: 0;
  /*
  Horizontale Feinjustierung der linken/rechten Vault-Kachel.
  Positiver Wert = linke Kachel weiter nach links, rechte weiter nach rechts.
  Negativer Wert = beide Seitenkacheln näher zur Mitte.
  */
  --nerdvana-vault-side-card-shift-x: 3.9rem;
  padding: var(--nerdvana-vault-plate-padding-y)var(--nerdvana-vault-plate-padding-x) !important;
}
#MainContent .nerdvana-vault__grid::before {
  content: "" !important;
  position: absolute !important;
  top: calc(var(--nerdvana-vault-plate-extend-y)* -1) !important;
  right: calc(var(--nerdvana-vault-plate-extend-x)* -1) !important;
  bottom: calc(var(--nerdvana-vault-plate-extend-y)* -1) !important;
  left: calc(var(--nerdvana-vault-plate-extend-x)* -1) !important;
  transform: translateY(var(--nerdvana-vault-plate-shift-y)) !important;
  z-index: 0 !important;
  background-image: url("/cdn/shop/files/The_Vault.png?v=1781504276") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 100% 100% !important;
  pointer-events: none !important;
}
#MainContent .nerdvana-vault__grid::after {
  content: none !important;
}
#MainContent .nerdvana-vault__grid > * {
  position: relative !important;
  z-index: 1 !important;
}
#MainContent .nerdvana-vault-card {
  position: relative !important;
  z-index: 1 !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: 28px !important;
  border: 1px solid rgba(255,255,255,.035) !important;
  background: radial-gradient(ellipse at 24% 0,rgba(255,255,255,.14)0,rgba(255,255,255,.045)32%,transparent 58%),linear-gradient(180deg,rgba(255,255,255,.1)0,rgba(250,252,253,.035)48%,rgba(238,243,247,.06)100%) !important;
  box-shadow: 0 10px 22px rgba(13,31,70,.02),0 1px 2px rgba(255,255,255,.2)inset,0 0 0 1px rgba(255,255,255,.1)inset !important;
  backdrop-filter: blur(5px)saturate(1.01) !important;
  -webkit-backdrop-filter: blur(5px)saturate(1.01) !important;
  text-decoration: none !important;
  color: inherit !important;
}
#MainContent .nerdvana-vault-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: 1 !important;
  border-radius: inherit !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.18)0,rgba(255,255,255,.05)34%,rgba(255,255,255,0)100%),linear-gradient(112deg,transparent 0,rgba(255,255,255,.08)24%,rgba(255,255,255,.02)38%,transparent 55%) !important;
  opacity: .55 !important;
  pointer-events: none !important;
}
#MainContent .nerdvana-vault-card::after {
  content: "" !important;
  position: absolute !important;
  top: -22% !important;
  bottom: -22% !important;
  left: -52% !important;
  z-index: 4 !important;
  width: 18% !important;
  background: linear-gradient(108deg,transparent 0,rgba(255,255,255,0)18%,rgba(255,255,255,.18)42%,rgba(232,248,255,.1)50%,rgba(255,255,255,.12)58%,rgba(255,255,255,0)84%,transparent 100%) !important;
  opacity: 0 !important;
  filter: blur(.22px) !important;
  transform: translateX(-90%)skewX(-16deg) !important;
  transition: opacity .24s ease,transform .95s cubic-bezier(.16,1,.3,1) !important;
  pointer-events: none !important;
}
#MainContent .nerdvana-vault-card:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(255,255,255,.05) !important;
  box-shadow: 0 16px 34px rgba(13,31,70,.032),0 0 18px rgba(5,200,255,.032),0 1px 2px rgba(255,255,255,.24)inset,0 0 0 1px rgba(255,255,255,.11)inset !important;
}
#MainContent .nerdvana-vault-card:hover::after {
  opacity: .44 !important;
  transform: translateX(690%)skewX(-16deg) !important;
}
#MainContent .nerdvana-vault-card__visual {
  position: relative !important;
  z-index: 2 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 1.05rem 1.05rem 0 !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255,255,255,.025) !important;
  background: radial-gradient(circle at 50% 42%,rgba(255,255,255,.08)0,rgba(240,246,251,.025)44%,rgba(231,238,244,0)100%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.12)inset !important;
}
#MainContent .nerdvana-vault-card__image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: scale(1.01) !important;
  transition: transform .72s cubic-bezier(.16,1,.3,1),filter .72s cubic-bezier(.16,1,.3,1) !important;
}
#MainContent .nerdvana-vault-card:hover .nerdvana-vault-card__image {
  transform: scale(1.045) !important;
  filter: brightness(1.035)contrast(1.025)saturate(1.025) !important;
}
#MainContent .nerdvana-vault-card__crystal {
  width: 72px !important;
  height: 72px !important;
  transform: rotate(45deg) !important;
  border-radius: 14px !important;
  border: 1px solid rgba(5,200,255,.2) !important;
  background: linear-gradient(135deg,rgba(255,255,255,.96)0,rgba(229,247,255,.72)46%,rgba(255,255,255,.9)100%) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.78)inset,0 0 34px rgba(5,200,255,.13),0 18px 34px rgba(13,31,70,.08) !important;
}
#MainContent .nerdvana-vault-card__content {
  position: relative !important;
  z-index: 3 !important;
  padding: 2.15rem 2.1rem 2.25rem !important;
  text-align: center !important;
}
#MainContent .nerdvana-vault-card__label {
  display: block !important;
  margin-bottom: .88rem !important;
  font-family: 'Montserrat',Arial,sans-serif !important;
  font-size: .74rem !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  color: rgba(27,61,143,.58) !important;
}
#MainContent .nerdvana-vault-card__title {
  margin: 0 !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: clamp(1.34rem,1.62vw,1.82rem) !important;
  line-height: 1.18 !important;
  font-weight: 500 !important;
  letter-spacing: .095em !important;
  text-transform: uppercase !important;
  color: #1b3d8f !important;
}
#MainContent .nerdvana-vault-card__text {
  margin: 1.02rem auto 0 !important;
  font-family: 'Montserrat',Arial,sans-serif !important;
  font-size: 1.01rem !important;
  line-height: 1.72 !important;
  font-weight: 400 !important;
  color: rgba(16,43,102,.74) !important;
}
#MainContent .nerdvana-vault-card__action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .55rem !important;
  margin-top: 1.52rem !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: .89rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: .115em !important;
  text-transform: uppercase !important;
  color: #102b66 !important;
  transition: color .28s ease,transform .28s ease,text-shadow .28s ease !important;
}
#MainContent .nerdvana-vault-card__action::after {
  content: "→" !important;
  transform: translateY(-1px) !important;
}
#MainContent .nerdvana-vault-card:hover .nerdvana-vault-card__action {
  color: #1b3d8f !important;
  transform: translateX(3px) !important;
  text-shadow: 0 0 10px rgba(5,200,255,.1) !important;
}
#MainContent a.nerdvana-vault-card:focus-visible {
  outline: 2px solid rgba(5,200,255,.55) !important;
  outline-offset: 5px !important;
}
/* Vault Reveal: nur aktiv, wenn JS die Ready-Klasse setzt */
/*
Collector-Vault Reveal V2.1:
Die Vault-Toplinie und der kleine Diamond sind jetzt Teil des Reveals.
Ablauf:
1. Enter-Cue bleibt clean unter dem Hero.
2. Vault-Linie/Diamond bleiben zunächst verborgen.
3. Intro, Linie/Diamond, Glasplatte und Karten öffnen sich als eine kuratierte Galerie-Enthüllung.
*/
/* Startzustand: Intro, Platte und Karten sind geschlossen */
#MainContent .nerdvana-vault.nerdvana-vault--ready .nerdvana-vault__intro,
#MainContent .nerdvana-vault.nerdvana-vault--ready .nerdvana-vault-card {
  opacity: 0 !important;
  filter: blur(1.8px) !important;
  transform: translateY(30px) scale(.985) !important;
  transition:
    opacity 1.55s cubic-bezier(.16,1,.3,1),
    transform 1.55s cubic-bezier(.16,1,.3,1),
    filter 1.55s cubic-bezier(.16,1,.3,1),
    clip-path 1.65s cubic-bezier(.16,1,.3,1) !important;
}

/* Sicherheit: Vault-Linie/Diamond bleiben geschlossen, solange nur Ready aktiv ist */
#MainContent .nerdvana-vault.nerdvana-vault--ready::before {
  opacity: 0 !important;
  filter: blur(6px) brightness(1.08) !important;
  transform: translateX(-50%) translateY(18px) scaleX(.18) !important;
}

#MainContent .nerdvana-vault.nerdvana-vault--ready::after {
  opacity: 0 !important;
  filter: blur(5px) brightness(1.08) !important;
  transform: translate(-50%, calc(-50% + 18px)) rotate(45deg) scale(.72) !important;
}

/* Echte Glasplatte unten + optionaler Lichtoverlay oben starten geschlossen */
#MainContent .nerdvana-vault.nerdvana-vault--ready .nerdvana-vault__grid::before,
#MainContent .nerdvana-vault.nerdvana-vault--ready .nerdvana-vault__grid::after {
  opacity: 0 !important;
  filter: blur(8px) brightness(1.08) !important;
  transform: translateY(calc(var(--nerdvana-vault-plate-shift-y) + 24px)) scale(.982) !important;
  clip-path: inset(0 48% 0 48% round 42px) !important;
  transition:
    opacity 1.3s cubic-bezier(.16,1,.3,1),
    transform 1.55s cubic-bezier(.16,1,.3,1),
    filter 1.35s cubic-bezier(.16,1,.3,1),
    clip-path 1.75s cubic-bezier(.16,1,.3,1) !important;
}

/* Karten bleiben als Vorhang-Reveal erhalten */
#MainContent .nerdvana-vault.nerdvana-vault--ready .nerdvana-vault-card {
  clip-path: inset(0 100% 0 0 round 28px) !important;
}

/* Zielzustand: Vault-Toplinie und Diamond erscheinen mit der Vault */
#MainContent .nerdvana-vault.nerdvana-vault--visible::before {
  opacity: 1 !important;
  filter: blur(0) brightness(1) !important;
  transform: translateX(-50%) translateY(0) scaleX(1) !important;
  transition-delay: .06s !important;
}

#MainContent .nerdvana-vault.nerdvana-vault--visible::after {
  opacity: 1 !important;
  filter: blur(0) brightness(1) !important;
  transform: translate(-50%, -50%) rotate(45deg) scale(1) !important;
  transition-delay: .16s !important;
}

/* Zielzustand: Intro und Karten sichtbar */
#MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault__intro,
#MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault-card {
  opacity: 1 !important;
  filter: blur(0) !important;
  transform: translateY(0) scale(1) !important;
}

/* Zielzustand: echte Glasplatte sichtbar und geöffnet */
#MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault__grid::before {
  opacity: 1 !important;
  filter: blur(0) brightness(1) !important;
  transform: translateY(var(--nerdvana-vault-plate-shift-y)) scale(1) !important;
  clip-path: inset(0 0 0 0 round 42px) !important;
  transition-delay: .12s !important;
}

/* Zielzustand: oberer Glas-/Lichtoverlay bleibt subtil */
#MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault__grid::after {
  opacity: var(--nerdvana-vault-plate-overlay-opacity) !important;
  filter: blur(var(--nerdvana-vault-plate-overlay-blur)) brightness(1) !important;
  transform: translateY(var(--nerdvana-vault-plate-shift-y)) scale(1) !important;
  clip-path: inset(0 0 0 0 round 42px) !important;
  transition-delay: .18s !important;
}

/* Karten öffnen sich nach der Platte */
#MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault-card {
  clip-path: inset(0 0 0 0 round 28px) !important;
}

#MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault__intro {
  transition-delay: .08s !important;
}

#MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault-card:nth-child(1) {
  transition-delay: .62s !important;
}

#MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault-card:nth-child(2) {
  transition-delay: .86s !important;
}

#MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault-card:nth-child(3) {
  transition-delay: 1.1s !important;
}
/* Reduced Motion: Platte und Karten ohne Bewegung sichtbar halten */
@media (prefers-reduced-motion: reduce) {
  #MainContent .nerdvana-vault.nerdvana-vault--ready .nerdvana-vault__grid::before, #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault__grid::before {
    opacity: 1 !important;
    filter: none !important;
    transform: translateY(var(--nerdvana-vault-plate-shift-y))scale(1) !important;
    clip-path: none !important;
    transition: none !important;
  }
  #MainContent .nerdvana-vault.nerdvana-vault--ready .nerdvana-vault__grid::after, #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault__grid::after {
    opacity: var(--nerdvana-vault-plate-overlay-opacity) !important;
    filter: blur(var(--nerdvana-vault-plate-overlay-blur)) !important;
    transform: translateY(var(--nerdvana-vault-plate-shift-y))scale(1) !important;
    clip-path: none !important;
    transition: none !important;
  }
}
#MainContent .nerdvana-vault__grid::after {
  width: 88% !important;
  height: 6.4rem !important;
  bottom: .4rem !important;
}
#MainContent .nerdvana-vault__grid {
  grid-template-columns: 1fr !important;
  gap: 1.4rem !important;
}
#MainContent .nerdvana-vault-card {
  min-height: 0 !important;
}
#MainContent .nerdvana-vault-card__visual {
  min-height: 250px !important;
}
@media screen and (max-width: 749px) {
  #MainContent .nerdvana-vault {
    /*
      Mobile Vault Spacing:
      Fluid statt starrer Smartphone-Korrektur.
      Die Vault bekommt oben genug Luft, während Diamond/Linie
      sichtbar über dem Eyebrow bleiben.
    */
    padding:
      clamp(3.55rem, 10vw, 4.15rem)
      clamp(1rem, 3.2vw, 1.2rem)
      clamp(4.15rem, 11vw, 4.9rem) !important;
  }

  /*
    Mobile Vault-Diamond:
    Desktop-Position bleibt unangetastet.
    Mobil sitzt die Linie/der Diamond höher, damit er nicht mehr
    in "NERDVANA EXPERIENCE" hineinläuft.
  */
  #MainContent .nerdvana-vault::before,
  #MainContent .nerdvana-vault::after {
    top: clamp(1.45rem, 4.4vw, 1.95rem) !important;
  }

  #MainContent .nerdvana-vault__heading {
    letter-spacing: .075em !important;
  }

  #MainContent .nerdvana-vault-card {
    border-radius: 22px !important;
  }

  #MainContent .nerdvana-vault-card__visual {
    min-height: 220px !important;
    border-radius: 18px !important;
  }

  #MainContent .nerdvana-vault-card__content {
    padding: 1.55rem 1.35rem 1.8rem !important;
  }

  #MainContent .nerdvana-vault__grid {
    --nerdvana-vault-plate-padding-y: .95rem;
    --nerdvana-vault-plate-padding-x: .7rem;
    --nerdvana-vault-plate-extend-y: .55rem;
    --nerdvana-vault-plate-extend-x: .7rem;
  }
}
/* Desktop-Sicherung: Vault-Karten bleiben ab Tablet/Desktop dreispaltig */
@media screen and (min-width: 990px) {
  #MainContent .nerdvana-vault__grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    align-items: stretch !important;
    width: min(1320px,100%) !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  #MainContent .nerdvana-vault-card {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  #MainContent .nerdvana-vault-card:nth-child(1) {
    left: calc(var(--nerdvana-vault-side-card-shift-x)* -1) !important;
  }
  #MainContent .nerdvana-vault-card:nth-child(2) {
    left: 0 !important;
  }
  #MainContent .nerdvana-vault-card:nth-child(3) {
    left: var(--nerdvana-vault-side-card-shift-x) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #MainContent .nerdvana-vault .nerdvana-vault__intro, #MainContent .nerdvana-vault .nerdvana-vault-card, #MainContent .nerdvana-vault .nerdvana-vault-card::after, #MainContent .nerdvana-vault .nerdvana-vault-card__image, #MainContent .nerdvana-vault .nerdvana-vault-card__action {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    clip-path: none !important;
    transition: none !important;
  }
}
/* =========================================
STARTSEITE – Collector Vault Artifact Showcase Hover
Premium-Vitrineninteraktion für Vault-Karten
========================================= */
/*
Reiner CSS-Test:
Kein JS, kein Liquid, keine Änderung an Vault-Reveal, Buttons,
Produktkarten, Cart, 3D-Modelviewer oder Master-Button-Core.

Ziel:
Vault-Karten wirken beim Hover wie beleuchtete Sammlerstücke
in einer hochwertigen Glasvitrine.
*/
/* Vault-Karten auf feinere Hover-Materialität vorbereiten */
#MainContent .nerdvana-vault-card {
  transform-origin: center center !important;
  transition: transform .62s cubic-bezier(.16,1,.3,1),border-color .46s ease,box-shadow .46s ease,background .46s ease,filter .46s ease !important;
}
/* Visual-Fläche bekommt eigene Licht-Layer */
#MainContent .nerdvana-vault-card__visual {
  isolation: isolate !important;
  transition: border-color .46s ease,box-shadow .46s ease,background .46s ease,transform .62s cubic-bezier(.16,1,.3,1) !important;
}
/* Ruhiger Glas-Depth-Layer im Bildbereich */
#MainContent .nerdvana-vault-card__visual::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  border-radius: inherit !important;
  background: radial-gradient(circle at 0 0,rgba(255,255,255,.98)0,rgba(255,255,255,.72)13%,rgba(255,255,255,.28)28%,transparent 48%),radial-gradient(circle at 100% 0,rgba(255,255,255,.98)0,rgba(255,255,255,.72)13%,rgba(255,255,255,.28)28%,transparent 48%),linear-gradient(90deg,rgba(255,255,255,.34)0,rgba(255,255,255,.14)7%,transparent 18%,transparent 82%,rgba(255,255,255,.14)93%,rgba(255,255,255,.34)100%),linear-gradient(180deg,rgba(255,255,255,.36)0,rgba(255,255,255,.14)12%,transparent 24%),radial-gradient(circle at 50% 38%,rgba(255,255,255,.2)0,rgba(255,255,255,.08)34%,transparent 68%),linear-gradient(180deg,rgba(255,255,255,.18)0,transparent 42%,rgba(5,200,255,.045)100%) !important;
  opacity: .78 !important;
  transition: opacity .46s ease,background .46s ease !important;
  pointer-events: none !important;
}
/* Feiner Artifact-Scan nur über der Visual-Fläche */
#MainContent .nerdvana-vault-card__visual::after {
  content: "" !important;
  position: absolute !important;
  top: -28% !important;
  bottom: -28% !important;
  left: -48% !important;
  z-index: 3 !important;
  width: 22% !important;
  background: linear-gradient(108deg,transparent 0,rgba(255,255,255,0)18%,rgba(255,255,255,.34)42%,rgba(226,248,255,.22)50%,rgba(255,255,255,.18)58%,rgba(255,255,255,0)84%,transparent 100%) !important;
  opacity: 0 !important;
  filter: blur(.28px) !important;
  transform: translateX(-120%)skewX(-15deg) !important;
  transition: opacity .24s ease,transform 1.08s cubic-bezier(.16,1,.3,1) !important;
  pointer-events: none !important;
}
/* Hover: Karte hebt sich wie ein Vitrinenobjekt */
@media (hover: hover) and (pointer: fine) {
  #MainContent .nerdvana-vault-card:hover {
    transform: translateY(-8px)scale(1.006) !important;
    border-color: rgba(5,200,255,.3) !important;
    background: radial-gradient(ellipse at 24% 0,rgba(255,255,255,.92)0,rgba(255,255,255,.3)30%,transparent 58%),linear-gradient(180deg,rgba(255,255,255,.82)0,rgba(250,252,253,.64)48%,rgba(238,243,247,.7)100%) !important;
    box-shadow: 0 34px 72px rgba(13,31,70,.105),0 15px 32px rgba(13,31,70,.058),0 0 0 1px rgba(5,200,255,.07)inset,0 0 32px rgba(5,200,255,.08),0 2px 3px rgba(255,255,255,.88)inset !important;
  }
  #MainContent .nerdvana-vault-card:hover .nerdvana-vault-card__visual {
    border-color: rgba(5,200,255,.2) !important;
    background: radial-gradient(circle at 50% 38%,rgba(255,255,255,.96)0,rgba(240,248,252,.68)42%,rgba(231,238,244,.34)100%) !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.94)inset,0 -1px 0 rgba(145,164,175,.055)inset,0 0 24px rgba(5,200,255,.06) !important;
  }
  #MainContent .nerdvana-vault-card:hover .nerdvana-vault-card__visual::before {
    opacity: .66 !important;
  }
  #MainContent .nerdvana-vault-card:hover .nerdvana-vault-card__visual::after {
    opacity: .58 !important;
    transform: translateX(620%)skewX(-15deg) !important;
  }
  #MainContent .nerdvana-vault-card:hover .nerdvana-vault-card__image {
    transform: scale(1.055) !important;
    filter: brightness(1.045)contrast(1.035)saturate(1.035) !important;
  }
  #MainContent .nerdvana-vault-card:hover .nerdvana-vault-card__title {
    text-shadow: 0 1px 0 rgba(255,255,255,.92),0 0 12px rgba(5,200,255,.08) !important;
  }
}
/* Touch-Geräte: keine Hover-Show, nur normaler stabiler Look */
@media (hover: none), (pointer: coarse) {
  #MainContent .nerdvana-vault-card__visual::after {
    display: none !important;
  }
}
/* Reduced Motion: Showcase-Hover ruhig halten */
@media (prefers-reduced-motion: reduce) {
  #MainContent .nerdvana-vault-card, #MainContent .nerdvana-vault-card:hover, #MainContent .nerdvana-vault-card__visual, #MainContent .nerdvana-vault-card__visual::before, #MainContent .nerdvana-vault-card__visual::after, #MainContent .nerdvana-vault-card__image, #MainContent .nerdvana-vault-card:hover .nerdvana-vault-card__image {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    filter: none !important;
  }
  #MainContent .nerdvana-vault-card__visual::after {
    display: none !important;
  }
}
/* =========================================
STARTSEITE – Collector Vault Glass-Fusion V1
Kacheln und echte Glasplatte optisch verschmelzen
Nur Optik: keine Änderung an Reveal, Links, Grid oder Liquid
========================================= */
/*
Ziel:
Die Karten sollen nicht kleiner werden, sondern ihren eigenen harten
Kartenkörper verlieren. Die echte Plattengrafik bleibt Träger,
die Karten wirken wie eingelassene Glasflächen.
*/
#MainContent .nerdvana-vault__grid > * {
  position: relative !important;
  z-index: 2 !important;
}
#MainContent .nerdvana-vault-card {
  z-index: 2 !important;
  border-color: rgba(205,229,240,var(--nerdvana-vault-card-border-alpha)) !important;
  background: radial-gradient(ellipse at 22% 0,rgba(255,255,255,.42)0,rgba(255,255,255,.13)32%,transparent 62%),linear-gradient(180deg,rgba(255,255,255,.62)0,rgba(250,252,253,var(--nerdvana-vault-card-glass-alpha))48%,rgba(240,247,251,.46)100%) !important;
  box-shadow: 0 14px 30px rgba(13,31,70,var(--nerdvana-vault-card-shadow-alpha)),0 6px 14px rgba(13,31,70,.02),0 0 0 1px rgba(255,255,255,.42)inset,0 1px 0 rgba(255,255,255,.72)inset,0 -1px 0 rgba(170,196,210,.1)inset !important;
  backdrop-filter: blur(12px)saturate(1.03) !important;
  -webkit-backdrop-filter: blur(12px)saturate(1.03) !important;
}
#MainContent .nerdvana-vault-card::before {
  inset: 0 !important;
  z-index: 1 !important;
  border: 1px solid rgba(255,255,255,var(--nerdvana-vault-card-inner-alpha)) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.22)0,rgba(255,255,255,.065)42%,rgba(232,248,255,.06)100%),linear-gradient(112deg,transparent 0,rgba(255,255,255,.1)24%,rgba(255,255,255,.025)42%,transparent 58%) !important;
  opacity: .78 !important;
}
#MainContent .nerdvana-vault-card__visual {
  border-color: rgba(213,232,240,.36) !important;
  background: radial-gradient(circle at 50% 40%,rgba(255,255,255,.76)0,rgba(240,248,252,.42)46%,rgba(231,238,244,.18)100%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.62)inset,0 -1px 0 rgba(145,164,175,.035)inset !important;
}
/* Hover wird weniger "aufgesetzte Karte", mehr Glasreaktion */
#MainContent .nerdvana-vault-card:hover {
  transform: translateY(-3px)scale(1.002) !important;
  border-color: rgba(5,200,255,.16) !important;
  background: radial-gradient(ellipse at 22% 0,rgba(255,255,255,.48)0,rgba(255,255,255,.16)32%,transparent 62%),linear-gradient(180deg,rgba(255,255,255,.66)0,rgba(250,252,253,.58)48%,rgba(240,247,251,.48)100%) !important;
  box-shadow: 0 18px 36px rgba(13,31,70,var(--nerdvana-vault-card-lift-shadow-alpha)),0 8px 16px rgba(13,31,70,.025),0 0 0 1px rgba(5,200,255,.035)inset,0 0 18px rgba(5,200,255,.035),0 1px 0 rgba(255,255,255,.74)inset !important;
}
#MainContent .nerdvana-vault-card:hover::after {
  opacity: .26 !important;
}
#MainContent .nerdvana-vault-card:hover .nerdvana-vault-card__visual {
  border-color: rgba(5,200,255,.13) !important;
  background: radial-gradient(circle at 50% 38%,rgba(255,255,255,.82)0,rgba(240,248,252,.48)44%,rgba(231,238,244,.22)100%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.68)inset,0 -1px 0 rgba(145,164,175,.04)inset,0 0 16px rgba(5,200,255,.035) !important;
}
/* =========================================
STARTSEITE – Collector Vault Brand-Language Stage V1.2
Precision Depth Polish
- äußere Bühne präziser
- innere Bühne weniger boxig, mehr Lichtplattform
- subtile horizontale Vault-Plattform unter den Karten
- Karten etwas definierter eingebettet
========================================= */

@media screen and (min-width: 750px) {
  #MainContent .nerdvana-vault {
    overflow: visible !important;
    padding:
      clamp(4.8rem, 5.8vw, 7.4rem)
      1.8rem
      clamp(6.4rem, 8.2vw, 10.2rem) !important;
    background:
      radial-gradient(
        ellipse at 50% 30%,
        rgba(255,255,255,.76) 0%,
        rgba(239,248,253,.22) 34%,
        rgba(247,249,252,0) 74%
      ),
      radial-gradient(
        ellipse at 50% 78%,
        rgba(5,200,255,.010) 0%,
        rgba(5,200,255,0) 58%
      ),
      linear-gradient(
        180deg,
        rgba(247,249,252,0) 0%,
        rgba(242,247,250,.08) 48%,
        rgba(247,249,252,0) 100%
      ) !important;
  }

  #MainContent .nerdvana-vault__inner {
    position: relative !important;
    isolation: isolate !important;

    --nerdvana-vault-stage-drop: clamp(1.65rem, 1.35vw, 2.45rem);

    width: min(
      calc(100% - clamp(3.2rem, 5vw, 6rem)),
      1840px
    ) !important;
    max-width: 1840px !important;
    margin: 0 auto !important;
  }

  /* Äußerer Vault-Raum: etwas präziser konturiert */
  #MainContent .nerdvana-vault__inner::before {
    content: "" !important;
    position: absolute !important;
    inset:
      clamp(8.9rem, 7.4vw, 11.2rem)
      0
      clamp(-3.15rem, -1.85vw, -1.35rem)
      0 !important;
    transform: translateY(var(--nerdvana-vault-stage-drop, 0rem)) !important;
    z-index: 0 !important;
    border-radius: clamp(28px, 2.4vw, 42px) !important;
    border: 1px solid rgba(198, 220, 236, .46) !important;
    background:
      radial-gradient(
        circle at 50% 0%,
        rgba(255,255,255,.88) 0%,
        rgba(239,248,253,.26) 34%,
        rgba(247,249,252,0) 72%
      ),
      radial-gradient(
        ellipse at 16% 58%,
        rgba(255,255,255,.24) 0%,
        rgba(255,255,255,.04) 28%,
        transparent 72%
      ),
      radial-gradient(
        ellipse at 84% 58%,
        rgba(255,255,255,.24) 0%,
        rgba(255,255,255,.04) 28%,
        transparent 72%
      ),
      radial-gradient(
        ellipse at 50% 100%,
        rgba(5,200,255,.012) 0%,
        rgba(5,200,255,0) 54%
      ),
      linear-gradient(
        180deg,
        rgba(255,255,255,.64) 0%,
        rgba(247,251,253,.40) 48%,
        rgba(238,247,252,.34) 100%
      ) !important;
    box-shadow:
      0 30px 74px rgba(13,31,70,.052),
      0 12px 30px rgba(13,31,70,.024),
      0 0 0 1px rgba(255,255,255,.78) inset,
      0 1px 0 rgba(255,255,255,.98) inset,
      0 -1px 0 rgba(150,178,194,.10) inset !important;
    pointer-events: none !important;
  }

  /* Feine Lichtarchitektur im äußeren Raum */
  #MainContent .nerdvana-vault__inner::after {
    content: "" !important;
    position: absolute !important;
    inset:
      clamp(10.1rem, 8.1vw, 12.4rem)
      clamp(1.8rem, 2.8vw, 4.2rem)
      clamp(-1.6rem, -1.0vw, -.8rem)
      clamp(1.8rem, 2.8vw, 4.2rem) !important;
    transform: translateY(var(--nerdvana-vault-stage-drop, 0rem)) !important;
    z-index: 0 !important;
    border-radius: clamp(24px, 2vw, 36px) !important;
    background:
      linear-gradient(
        90deg,
        transparent 0%,
        rgba(206,221,232,.18) 14%,
        rgba(255,255,255,.52) 34%,
        rgba(5,200,255,.040) 50%,
        rgba(255,255,255,.52) 66%,
        rgba(206,221,232,.18) 86%,
        transparent 100%
      ),
      linear-gradient(
        180deg,
        rgba(255,255,255,.12) 0%,
        transparent 100%
      ) !important;
    background-size:
      100% 1px,
      100% 100% !important;
    background-position:
      center top,
      center center !important;
    background-repeat: no-repeat !important;
    opacity: .54 !important;
    pointer-events: none !important;
    -webkit-mask-image:
      linear-gradient(
        90deg,
        transparent 0%,
        #000 15%,
        #000 85%,
        transparent 100%
      ) !important;
    mask-image:
      linear-gradient(
        90deg,
        transparent 0%,
        #000 15%,
        #000 85%,
        transparent 100%
      ) !important;
  }

  #MainContent .nerdvana-vault__intro,
  #MainContent .nerdvana-vault__grid {
    position: relative !important;
    z-index: 1 !important;
  }

  #MainContent .nerdvana-vault__intro {
    margin-bottom: clamp(2.75rem, 3.6vw, 4.4rem) !important;
  }

  #MainContent .nerdvana-vault__grid {
    position: relative !important;
    isolation: isolate !important;
    width: min(1320px, 100%) !important;
    margin-top: 0 !important;
    transform: translateY(var(--nerdvana-vault-stage-drop, 0rem)) !important;

    gap: clamp(1.35rem, 1.8vw, 2.3rem) !important;

    --nerdvana-vault-plate-padding-y: clamp(1.55rem, 2.1vw, 2.55rem);
    --nerdvana-vault-plate-padding-x: clamp(1.15rem, 1.7vw, 2rem);

    --nerdvana-vault-plate-extend-y: clamp(1.25rem, 1.8vw, 2.2rem);
    --nerdvana-vault-plate-extend-x: clamp(1.5rem, 2.7vw, 3.8rem);
    --nerdvana-vault-plate-shift-y: 0rem;

    --nerdvana-vault-card-glass-alpha: .74;
    --nerdvana-vault-card-border-alpha: .52;
    --nerdvana-vault-card-inner-alpha: .64;
    --nerdvana-vault-card-shadow-alpha: .058;
    --nerdvana-vault-card-lift-shadow-alpha: .082;

    padding:
      var(--nerdvana-vault-plate-padding-y)
      var(--nerdvana-vault-plate-padding-x) !important;
  }

  /* Innere Bühne: weniger zweiter Kasten, mehr satinierte Plattform */
  #MainContent .nerdvana-vault__grid::before {
    content: "" !important;
    position: absolute !important;
    top: calc(var(--nerdvana-vault-plate-extend-y) * -1) !important;
    right: calc(var(--nerdvana-vault-plate-extend-x) * -1) !important;
    bottom: calc(var(--nerdvana-vault-plate-extend-y) * -1) !important;
    left: calc(var(--nerdvana-vault-plate-extend-x) * -1) !important;
    z-index: 0 !important;
    transform: translateY(var(--nerdvana-vault-plate-shift-y)) !important;
    border-radius: clamp(30px, 2.25vw, 42px) !important;
    border: 1px solid rgba(198, 220, 236, .46) !important;
    background:
      radial-gradient(
        ellipse at 50% 0%,
        rgba(255,255,255,.94) 0%,
        rgba(241,249,253,.30) 34%,
        rgba(247,249,252,0) 72%
      ),
      radial-gradient(
        ellipse at 50% 76%,
        rgba(5,200,255,.014) 0%,
        rgba(5,200,255,0) 58%
      ),
      linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.22) 20%,
        rgba(255,255,255,.38) 50%,
        rgba(255,255,255,.22) 80%,
        rgba(255,255,255,0) 100%
      ),
      linear-gradient(
        180deg,
        rgba(255,255,255,.58) 0%,
        rgba(247,251,253,.38) 48%,
        rgba(238,247,252,.34) 100%
      ) !important;
    box-shadow:
      0 24px 58px rgba(13,31,70,.056),
      0 10px 24px rgba(13,31,70,.024),
      0 0 0 1px rgba(255,255,255,.80) inset,
      0 1px 0 rgba(255,255,255,.98) inset,
      0 -1px 0 rgba(150,178,194,.10) inset,
      0 18px 32px -34px rgba(5,200,255,.08) inset !important;
    pointer-events: none !important;
    -webkit-mask-image:
      linear-gradient(
        90deg,
        rgba(0,0,0,.84) 0%,
        #000 8%,
        #000 92%,
        rgba(0,0,0,.84) 100%
      ) !important;
    mask-image:
      linear-gradient(
        90deg,
        rgba(0,0,0,.84) 0%,
        #000 8%,
        #000 92%,
        rgba(0,0,0,.84) 100%
      ) !important;
  }

  /* Feine Plattform-Linie unter den Kacheln */
  #MainContent .nerdvana-vault__grid::after {
    content: "" !important;
    position: absolute !important;
    left: clamp(4.6rem, 6.8vw, 7.2rem) !important;
    right: clamp(4.6rem, 6.8vw, 7.2rem) !important;
    bottom: clamp(.55rem, .8vw, .95rem) !important;
    height: 16px !important;
    z-index: 0 !important;
    background:
      radial-gradient(
        ellipse at 50% 50%,
        rgba(5,200,255,.030) 0%,
        rgba(5,200,255,.010) 34%,
        rgba(5,200,255,0) 72%
      ),
      linear-gradient(
        90deg,
        transparent 0%,
        rgba(210,224,233,.16) 14%,
        rgba(255,255,255,.56) 50%,
        rgba(210,224,233,.16) 86%,
        transparent 100%
      ) !important;
    background-size:
      100% 100%,
      100% 1px !important;
    background-position:
      center center,
      center 8px !important;
    background-repeat: no-repeat !important;
    opacity: .76 !important;
    pointer-events: none !important;
    filter: blur(.2px) !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card {
    position: relative !important;
    overflow: hidden !important;
    border-radius: clamp(22px, 1.7vw, 30px) !important;
    border: 1px solid rgba(198, 220, 236, var(--nerdvana-vault-card-border-alpha)) !important;
    background:
      radial-gradient(
        circle at 50% 0%,
        rgba(255,255,255,.94) 0%,
        rgba(244,250,253,.60) 38%,
        rgba(236,245,250,.24) 72%
      ),
      radial-gradient(
        ellipse at 50% 100%,
        rgba(5,200,255,.014) 0%,
        rgba(5,200,255,0) 54%
      ),
      linear-gradient(
        180deg,
        rgba(255,255,255,var(--nerdvana-vault-card-glass-alpha)) 0%,
        rgba(247,251,253,.58) 50%,
        rgba(238,247,252,.66) 100%
      ) !important;
    box-shadow:
      0 20px 42px rgba(13,31,70,var(--nerdvana-vault-card-shadow-alpha)),
      0 8px 20px rgba(13,31,70,.026),
      0 0 0 1px rgba(255,255,255,.70) inset,
      0 1px 0 rgba(255,255,255,.96) inset,
      0 -1px 0 rgba(150,178,194,.12) inset,
      0 18px 30px -34px rgba(5,200,255,.08) inset !important;
    backdrop-filter: blur(12px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.04) !important;
    transition:
      transform .48s cubic-bezier(.16, 1, .3, 1),
      border-color .38s ease,
      box-shadow .38s ease,
      background .38s ease !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    z-index: 2 !important;
    border-radius: inherit !important;
    border: 1px solid rgba(255,255,255,var(--nerdvana-vault-card-inner-alpha)) !important;
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.50) 0%,
        rgba(255,255,255,.12) 22%,
        rgba(255,255,255,0) 58%
      ),
      linear-gradient(
        112deg,
        transparent 0%,
        rgba(255,255,255,.16) 24%,
        rgba(232,248,255,.055) 38%,
        transparent 58%
      ) !important;
    opacity: .74 !important;
    mix-blend-mode: screen !important;
    pointer-events: none !important;
    transition: opacity .38s ease !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card::after {
    content: "" !important;
    position: absolute !important;
    left: 12% !important;
    right: 12% !important;
    top: 0 !important;
    z-index: 3 !important;
    height: 1px !important;
    background:
      linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,.74) 34%,
        rgba(5,200,255,.10) 50%,
        rgba(255,255,255,.74) 66%,
        transparent 100%
      ) !important;
    opacity: .48 !important;
    pointer-events: none !important;
    transition: opacity .38s ease !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card__visual {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    margin: clamp(.86rem, 1vw, 1.08rem) clamp(.86rem, 1vw, 1.08rem) 0 !important;
    border-radius: clamp(18px, 1.25vw, 23px) !important;
    border: 1px solid rgba(203, 226, 236, .42) !important;
    background:
      radial-gradient(
        circle at 50% 42%,
        rgba(255,255,255,.94) 0%,
        rgba(239,248,252,.50) 48%,
        rgba(231,241,247,.20) 100%
      ) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.90) inset,
      0 -1px 0 rgba(145,164,175,.08) inset,
      0 8px 18px rgba(13,31,70,.026),
      0 0 0 1px rgba(255,255,255,.54) inset !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    transition:
      border-color .38s ease,
      box-shadow .38s ease,
      background .38s ease !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card__visual::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.18) 0%,
        transparent 48%,
        rgba(5,200,255,.010) 100%
      ) !important;
    opacity: .18 !important;
    pointer-events: none !important;
    transition: opacity .38s ease !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card__visual::after {
    opacity: 0 !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card__image {
    position: relative !important;
    z-index: 1 !important;
    border-radius: inherit !important;
    object-fit: contain !important;
    object-position: center center !important;
    filter: brightness(1.025) contrast(1.015) saturate(1.015) !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    transition: filter .38s ease !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card__content {
    position: relative !important;
    z-index: 4 !important;
    padding:
      clamp(1.45rem, 1.35vw, 1.9rem)
      clamp(1.55rem, 1.45vw, 2.05rem)
      clamp(1.85rem, 1.75vw, 2.35rem) !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card__label {
    color: rgba(27,61,143,.52) !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.70) !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card__title {
    color: #1b3d8f !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,.78),
      0 8px 20px rgba(27,61,143,.055) !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card__text {
    color: rgba(16,43,102,.72) !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.62) !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card__action {
    text-shadow: 0 1px 0 rgba(255,255,255,.68) !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card:hover,
  #MainContent .nerdvana-vault .nerdvana-vault-card:focus-visible {
    transform: translateY(-5px) scale(1.007) !important;
    border-color: rgba(173, 212, 235, .68) !important;
    background:
      radial-gradient(
        circle at 50% 0%,
        rgba(255,255,255,.96) 0%,
        rgba(244,250,253,.66) 38%,
        rgba(236,245,250,.30) 72%
      ),
      radial-gradient(
        ellipse at 50% 100%,
        rgba(5,200,255,.020) 0%,
        rgba(5,200,255,0) 54%
      ),
      linear-gradient(
        180deg,
        rgba(255,255,255,.82) 0%,
        rgba(247,251,253,.64) 50%,
        rgba(238,247,252,.70) 100%
      ) !important;
    box-shadow:
      0 24px 48px rgba(13,31,70,var(--nerdvana-vault-card-lift-shadow-alpha)),
      0 10px 22px rgba(13,31,70,.032),
      0 0 0 1px rgba(255,255,255,.72) inset,
      0 1px 0 rgba(255,255,255,.96) inset,
      0 0 18px rgba(5,200,255,.020),
      0 18px 32px -34px rgba(5,200,255,.11) inset !important;
    outline: none !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card:hover::before,
  #MainContent .nerdvana-vault .nerdvana-vault-card:focus-visible::before {
    opacity: .84 !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card:hover::after,
  #MainContent .nerdvana-vault .nerdvana-vault-card:focus-visible::after {
    opacity: .60 !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card:hover .nerdvana-vault-card__visual,
  #MainContent .nerdvana-vault .nerdvana-vault-card:focus-visible .nerdvana-vault-card__visual {
    border-color: rgba(173, 212, 235, .46) !important;
    background:
      radial-gradient(
        circle at 50% 42%,
        rgba(255,255,255,.96) 0%,
        rgba(239,248,252,.56) 48%,
        rgba(231,241,247,.24) 100%
      ) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.92) inset,
      0 -1px 0 rgba(145,164,175,.08) inset,
      0 10px 22px rgba(13,31,70,.030),
      0 0 0 1px rgba(255,255,255,.58) inset !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card:hover .nerdvana-vault-card__visual::before,
  #MainContent .nerdvana-vault .nerdvana-vault-card:focus-visible .nerdvana-vault-card__visual::before {
    opacity: .24 !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card:hover .nerdvana-vault-card__image,
  #MainContent .nerdvana-vault .nerdvana-vault-card:focus-visible .nerdvana-vault-card__image {
    filter: brightness(1.03) contrast(1.018) saturate(1.018) !important;
  }

  html.nerdvana-scroll-reveal-ready body #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault-card:hover,
  html.nerdvana-scroll-reveal-ready body #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault-card:focus-visible {
    transform: translateY(-5px) scale(1.007) !important;
  }
}
/* =========================================
STARTSEITE – Vault zu Bestseller Gallery Bridge V3
Soft Gallery Fade
- entfernt die harte horizontale Kante unter der Vault
- Bestseller-Gallery-Room baut sich weich von transparent auf
- Desktop-Final-Fix vor Mobile/Tablet-Freeze
========================================= */

@media screen and (min-width: 990px) {
  /* Vault behält ihren großzügigen Premium-Abstand */
  #MainContent .nerdvana-vault {
    padding-bottom: clamp(6.4rem, 8.2vw, 10.2rem) !important;
  }

  /* Keine zusätzliche Shelf-Fläche unter den Vault-Karten */
  #MainContent .nerdvana-vault__grid {
    padding-bottom: var(--nerdvana-vault-plate-padding-y) !important;
  }

  /*
    Wichtig:
    Die eigentliche Plattformlinie bleibt über den späteren
    Stage-Decoupling-Fix am Dateiende kontrolliert.
    Hier verhindern wir nur alte Shelf-Reste aus früheren Varianten.
  */
  #MainContent .nerdvana-vault__grid::after {
    pointer-events: none !important;
  }

  /*
    Bestseller Gallery Room V3:
    Der Bereich startet oben transparent, damit keine harte Section-Kante entsteht.
    Erst unterhalb des Übergangs baut sich der helle Gallery-Raum auf.
  */
  #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb,
  body.template-index #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    background:
      linear-gradient(
        180deg,
        rgba(247,249,252,0) 0%,
        rgba(247,249,252,0) 12%,
        rgba(247,249,252,.48) 28%,
        rgba(246,249,252,.92) 48%,
        rgba(241,246,250,.58) 74%,
        rgba(247,249,252,0) 100%
      ),
      radial-gradient(
        92% 76% at 50% 48%,
        rgba(255,255,255,.82) 0%,
        rgba(243,248,252,.52) 36%,
        rgba(235,243,249,.24) 62%,
        rgba(247,249,252,0) 86%
      ),
      radial-gradient(
        52% 56% at 18% 56%,
        rgba(27,61,143,.018) 0%,
        rgba(27,61,143,.006) 44%,
        transparent 76%
      ),
      radial-gradient(
        48% 54% at 82% 56%,
        rgba(5,200,255,.018) 0%,
        rgba(5,200,255,.006) 46%,
        transparent 78%
      ) !important;
  }

  /*
    Übergangsnebel:
    Überlappt leicht nach oben und verwischt die horizontale Kante.
    Liegt hinter dem Inhalt, aber über dem nackten Section-Start.
  */
  #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb::before,
  body.template-index #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: clamp(-5.2rem, -4.2vw, -3rem) !important;
    z-index: 0 !important;
    width: min(1840px, calc(100% - clamp(3.2rem, 5vw, 6rem))) !important;
    height: clamp(12rem, 12vw, 17rem) !important;
    transform: translateX(-50%) !important;
    border-radius: 0 0 clamp(34px, 3vw, 54px) clamp(34px, 3vw, 54px) !important;
    background:
      linear-gradient(
        180deg,
        rgba(247,249,252,0) 0%,
        rgba(255,255,255,.40) 24%,
        rgba(247,249,252,.84) 52%,
        rgba(241,246,250,.34) 78%,
        rgba(247,249,252,0) 100%
      ),
      radial-gradient(
        78% 70% at 50% 50%,
        rgba(255,255,255,.70) 0%,
        rgba(232,248,255,.14) 42%,
        rgba(247,249,252,0) 78%
      ) !important;
    filter: blur(10px) !important;
    opacity: .86 !important;
    pointer-events: none !important;
    -webkit-mask-image:
      linear-gradient(
        180deg,
        transparent 0%,
        #000 22%,
        #000 76%,
        transparent 100%
      ) !important;
    mask-image:
      linear-gradient(
        180deg,
        transparent 0%,
        #000 22%,
        #000 76%,
        transparent 100%
      ) !important;
  }

  /*
    Weicher Gallery-Glow hinter Bestseller-Heading und erster Kartenreihe.
    Etwas tiefer gesetzt, damit er nicht wieder eine obere Kante erzeugt.
  */
  #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb::after,
  body.template-index #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: clamp(5.8rem, 6.4vw, 8.4rem) !important;
    z-index: 0 !important;
    width: min(1480px, 88vw) !important;
    height: clamp(15rem, 18vw, 23rem) !important;
    transform: translateX(-50%) !important;
    background:
      radial-gradient(
        ellipse at center,
        rgba(255,255,255,.52) 0%,
        rgba(232,248,255,.16) 38%,
        rgba(5,200,255,.012) 58%,
        rgba(247,249,252,0) 82%
      ) !important;
    filter: blur(14px) !important;
    opacity: .56 !important;
    pointer-events: none !important;
  }

  /* Dawn-Section-Padding oben neutral halten */
  #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .section-template--30569970172253__featured_collection_m48Bmb-padding,
  body.template-index #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .section-template--30569970172253__featured_collection_m48Bmb-padding {
    padding-top: 0 !important;
  }

  /* Bestseller-Inhalt normal im Flow */
  #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .collection,
  body.template-index #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .collection {
    position: relative !important;
    z-index: 1 !important;
    margin-top: 0 !important;
    padding-top: clamp(3.2rem, 3.8vw, 5.4rem) !important;
    background: transparent !important;
  }

  /*
    Alte Collection-Layer sicher deaktivieren,
    aber die neuen Section-Layer ::before/::after bleiben aktiv.
  */
  #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .collection::before,
  #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .collection::after,
  body.template-index #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .collection::before,
  body.template-index #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .collection::after {
    content: none !important;
    display: none !important;
    background: none !important;
    box-shadow: none !important;
    opacity: 0 !important;
  }
}

/* Mobile/Tablet bleibt hier bewusst unverändert für den späteren eigenen Pass */
@media screen and (max-width: 989px) {
  #MainContent .nerdvana-vault {
    padding-bottom: 4.6rem !important;
  }

  #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb,
  body.template-index #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb {
    margin-top: 0 !important;
  }

  #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .section-template--30569970172253__featured_collection_m48Bmb-padding,
  body.template-index #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .section-template--30569970172253__featured_collection_m48Bmb-padding {
    padding-top: 0 !important;
  }

  #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .collection,
  body.template-index #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .collection {
    padding-top: 0 !important;
  }
}
/* =========================================
STARTSEITE – Mobile Collector Vault Artifact Frames V1
Eigene Mobile-Rahmen statt Desktop-Vault-Platte
Nur Mobile: keine Änderung an Desktop-Vault, Reveal, Links oder Liquid
========================================= */
@media screen and (max-width: 749px) {
  /*
    Mobile Vault:
    Die Desktop-Plattengrafik funktioniert wegen des mobilen Seitenverhältnisses
    nicht sauber. Mobil bekommen die einzelnen Kacheln daher eigene
    Nerdvana-Artifact-Frames.
  */
  #MainContent .nerdvana-vault__grid {
    width: min(100%, 34rem) !important;
    padding: 0 !important;
    gap: clamp(1.25rem, 4.2vw, 1.75rem) !important;

    --nerdvana-vault-mobile-frame-radius: clamp(22px, 6.2vw, 28px);
    --nerdvana-vault-mobile-inner-radius: clamp(17px, 4.8vw, 22px);
  }

  /*
    Desktop-Vault-Platte mobil abschalten.
    Die Karten bekommen darunter ihren eigenen Rahmen.
  */
  #MainContent .nerdvana-vault__grid::before,
  #MainContent .nerdvana-vault__grid::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    background: none !important;
    box-shadow: none !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card {
    position: relative !important;
    overflow: hidden !important;
    border-radius: clamp(22px, 1.7vw, 30px) !important;
    border: 1px solid rgba(191, 214, 228, .58) !important;
    background:
      radial-gradient(
        circle at 50% 0%,
        rgba(255,255,255,.90) 0%,
        rgba(244,250,253,.50) 36%,
        rgba(233,243,249,.18) 74%
      ),
      linear-gradient(
        180deg,
        rgba(255,255,255,.70) 0%,
        rgba(246,250,252,.54) 52%,
        rgba(235,244,249,.62) 100%
      ) !important;
    box-shadow:
      0 22px 44px rgba(13,31,70,.070),
      0 10px 22px rgba(13,31,70,.032),
      0 0 0 1px rgba(255,255,255,.74) inset,
      0 1px 0 rgba(255,255,255,.96) inset,
      0 -1px 0 rgba(150,178,194,.14) inset,
      0 14px 24px -24px rgba(5,200,255,.08) inset !important;
    backdrop-filter: blur(10px) saturate(1.03) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.03) !important;
    transition:
      transform .48s cubic-bezier(.16, 1, .3, 1),
      border-color .34s ease,
      box-shadow .34s ease,
      background .34s ease !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    z-index: 2 !important;
    border-radius: inherit !important;
    border: 1px solid rgba(255,255,255,.68) !important;
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.38) 0%,
        rgba(255,255,255,.10) 18%,
        rgba(255,255,255,0) 52%
      ),
      linear-gradient(
        112deg,
        transparent 0%,
        rgba(255,255,255,.12) 22%,
        rgba(232,248,255,.04) 36%,
        transparent 56%
      ) !important;
    opacity: .62 !important;
    mix-blend-mode: screen !important;
    pointer-events: none !important;
    transition: opacity .34s ease !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card::after {
    content: "" !important;
    position: absolute !important;
    left: 12% !important;
    right: 12% !important;
    top: 0 !important;
    z-index: 3 !important;
    height: 1px !important;
    background:
      linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,.62) 34%,
        rgba(5,200,255,.08) 50%,
        rgba(255,255,255,.62) 66%,
        transparent 100%
      ) !important;
    opacity: .34 !important;
    pointer-events: none !important;
    transition: opacity .34s ease !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card__visual {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    margin: clamp(.86rem, 1vw, 1.08rem) clamp(.86rem, 1vw, 1.08rem) 0 !important;
    border-radius: clamp(18px, 1.25vw, 23px) !important;
    border: 1px solid rgba(197, 218, 230, .50) !important;
    background:
      radial-gradient(
        circle at 50% 38%,
        rgba(255,255,255,.88) 0%,
        rgba(241,248,252,.30) 48%,
        rgba(232,241,247,.12) 100%
      ) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.90) inset,
      0 -1px 0 rgba(145,164,175,.08) inset,
      0 10px 22px rgba(13,31,70,.034),
      0 0 0 1px rgba(255,255,255,.50) inset !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    transition:
      border-color .34s ease,
      box-shadow .34s ease,
      background .34s ease !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card__visual::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.12) 0%,
        rgba(255,255,255,.03) 34%,
        rgba(5,200,255,.008) 100%
      ) !important;
    opacity: .10 !important;
    pointer-events: none !important;
    transition: opacity .34s ease !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card__visual::after {
    opacity: 0 !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card__image {
    position: relative !important;
    z-index: 1 !important;
    border-radius: inherit !important;
    object-fit: contain !important;
    object-position: center center !important;

    /* Ausgangszustand für weichen Lift-Hover */
    transform: translate3d(0, 0, 0) scale(1) !important;
    transform-origin: center center !important;
    will-change: transform, filter !important;

    filter: brightness(1.01) contrast(1.07) saturate(1.035) !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;

    transition:
      transform .72s cubic-bezier(.16, 1, .3, 1),
      filter .42s ease !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card:hover {
    transform: translateY(-5px) scale(1.007) !important;
    border-color: rgba(171, 208, 230, .72) !important;
    background:
      radial-gradient(
        circle at 50% 0%,
        rgba(255,255,255,.94) 0%,
        rgba(244,250,253,.56) 36%,
        rgba(233,243,249,.22) 74%
      ),
      linear-gradient(
        180deg,
        rgba(255,255,255,.76) 0%,
        rgba(246,250,252,.58) 52%,
        rgba(235,244,249,.66) 100%
      ) !important;
    box-shadow:
      0 26px 52px rgba(13,31,70,.086),
      0 12px 24px rgba(13,31,70,.036),
      0 0 0 1px rgba(255,255,255,.76) inset,
      0 1px 0 rgba(255,255,255,.98) inset,
      0 -1px 0 rgba(150,178,194,.14) inset,
      0 0 20px rgba(5,200,255,.018),
      0 16px 28px -26px rgba(5,200,255,.10) inset !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card:hover::before {
    opacity: .74 !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card:hover::after {
    opacity: .46 !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card:hover .nerdvana-vault-card__visual {
    border-color: rgba(171, 208, 230, .54) !important;
    background:
      radial-gradient(
        circle at 50% 38%,
        rgba(255,255,255,.92) 0%,
        rgba(241,248,252,.34) 48%,
        rgba(232,241,247,.15) 100%
      ) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.92) inset,
      0 -1px 0 rgba(145,164,175,.08) inset,
      0 12px 24px rgba(13,31,70,.038),
      0 0 0 1px rgba(255,255,255,.54) inset !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card:hover .nerdvana-vault-card__visual::before {
    opacity: .14 !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card:hover .nerdvana-vault-card__image {
    filter: brightness(1.015) contrast(1.085) saturate(1.045) !important;

    /* nicht poppen/zoomen, sondern wie ein Sammlerobjekt sanft anheben */
    transform: translate3d(0, -8px, 0) scale(1.006) !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card__content {
    position: relative !important;
    z-index: 5 !important;
    padding:
      clamp(1.45rem, 4.3vw, 1.85rem)
      clamp(1.25rem, 4vw, 1.7rem)
      clamp(1.75rem, 5vw, 2.15rem) !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card__label,
  #MainContent .nerdvana-vault .nerdvana-vault-card__title,
  #MainContent .nerdvana-vault .nerdvana-vault-card__text,
  #MainContent .nerdvana-vault .nerdvana-vault-card__action {
    position: relative !important;
    z-index: 5 !important;
  }

  /*
    Mobile Touch-Feedback:
    kein Desktop-Hover-Lift, sondern ein sehr kurzer Premium-Press.
  */
  #MainContent .nerdvana-vault .nerdvana-vault-card:hover {
    transform: none !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card:active {
    transform: scale(.992) !important;
  }
}

/* =========================================
STARTSEITE – Mobile Collector Vault Artifact Polish V1.2
Feinschliff für Mobile-Vitrinen: Bühne, Tiefe, CTA-Präsenz
Nur Mobile: keine Änderung an Desktop-Vault, Reveal, Links oder Liquid
========================================= */
@media screen and (max-width: 749px) {
  #MainContent .nerdvana-vault .nerdvana-vault-card {
    /*
      Mobile Artifact Depth:
      Die Karte bleibt hell und clean, bekommt aber unten mehr
      Sammler-Vitrinen-Tiefe statt flacher Papierfläche.
    */
    border-color: rgba(197, 220, 232, .52) !important;
    background:
      radial-gradient(circle at 50% 0,
        rgba(255,255,255,.98) 0,
        rgba(246,251,253,.78) 34%,
        rgba(238,247,251,.50) 68%,
        rgba(255,255,255,.74) 100%),
      linear-gradient(180deg,
        rgba(255,255,255,.94) 0,
        rgba(248,251,253,.80) 48%,
        rgba(235,246,251,.92) 100%) !important;
    box-shadow:
      0 22px 42px rgba(13,31,70,.082),
      0 9px 20px rgba(13,31,70,.038),
      0 30px 46px -42px rgba(27,61,143,.20),
      0 0 0 1px rgba(255,255,255,.74) inset,
      0 1px 0 rgba(255,255,255,.98) inset,
      0 -1px 0 rgba(150,178,194,.18) inset !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card__visual {
    /*
      Bild-Bühne:
      Etwas klarer eingefasst, ohne wieder einen harten Kasten
      oder cyanfarbene Balken zu erzeugen.
    */
    margin:
      clamp(.82rem, 2.9vw, 1.06rem)
      clamp(.82rem, 2.9vw, 1.06rem)
      0 !important;
    min-height: clamp(224px, 60vw, 292px) !important;
    border-color: rgba(188, 218, 232, .48) !important;
    background:
      radial-gradient(circle at 50% 36%,
        rgba(255,255,255,.96) 0,
        rgba(243,249,252,.68) 44%,
        rgba(232,242,248,.34) 100%) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.96) inset,
      0 -1px 0 rgba(145,164,175,.09) inset,
      0 10px 22px rgba(13,31,70,.035),
      0 0 0 1px rgba(255,255,255,.56) inset !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card__image {
    filter: brightness(1.028) contrast(1.018) saturate(1.012) !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card__content {
    /*
      Unterer Kartenbereich:
      minimal mehr Lichtteppich und sauberere Staffelung zwischen
      Produktbild, Label, Titel, Text und CTA.
    */
    padding:
      clamp(1.28rem, 4vw, 1.68rem)
      clamp(1.22rem, 4vw, 1.68rem)
      clamp(1.82rem, 5.2vw, 2.22rem) !important;
    background:
      linear-gradient(180deg,
        rgba(255,255,255,0) 0,
        rgba(248,252,254,.34) 30%,
        rgba(237,248,252,.64) 100%) !important;
    border-top: 1px solid rgba(205,226,236,.20) !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card__label {
    margin-bottom: clamp(.48rem, 1.8vw, .68rem) !important;
    color: rgba(27,61,143,.56) !important;
    font-size: clamp(.66rem, 1.75vw, .76rem) !important;
    letter-spacing: clamp(.18em, .62vw, .24em) !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card__title {
    margin-top: 0 !important;
    color: #1b3d8f !important;
    font-size: clamp(1.34rem, 4.25vw, 1.64rem) !important;
    line-height: 1.18 !important;
    letter-spacing: .075em !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,.82),
      0 0 8px rgba(5,200,255,.045) !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card__text {
    max-width: 31rem !important;
    margin: clamp(.72rem, 2.4vw, .92rem) auto 0 !important;
    color: rgba(16,43,102,.72) !important;
    font-size: clamp(.98rem, 2.72vw, 1.10rem) !important;
    line-height: 1.78 !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card__action {
    /*
      CTA bleibt kein lauter Button, bekommt aber mehr Premium-Griff.
    */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: clamp(31px, 8.5vw, 36px) !important;
    margin-top: clamp(.9rem, 3.1vw, 1.14rem) !important;
    padding:
      0
      clamp(.94rem, 3.4vw, 1.22rem) !important;
    border-radius: 999px !important;
    border: 1px solid rgba(205,226,236,.46) !important;
    background:
      linear-gradient(180deg,
        rgba(255,255,255,.82) 0,
        rgba(236,248,253,.46) 100%) !important;
    color: #102b66 !important;
    box-shadow:
      0 4px 11px rgba(13,31,70,.034),
      0 0 0 1px rgba(255,255,255,.78) inset,
      0 1px 0 rgba(255,255,255,.88) inset !important;
    text-decoration: none !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.8) !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card:active {
    transform: scale(.992) !important;
    filter: brightness(.998) !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault-card:active .nerdvana-vault-card__action {
    transform: translateY(1px) scale(.994) !important;
  }
}

/* =========================================
STARTSEITE – Neuheiten / New Discoveries Gallery
Neuheiten als frischer, kühlerer Galerieraum nach Bestseller
========================================= */

/*
Neuheiten bekommt eine eigene Rolle:
nicht einfach zweiter Produktblock, sondern frisch geöffnete Vitrine.
Keine Produktkartenstruktur, keine Buttons, kein Cart, kein JS.
*/
#MainContent #shopify-section-template--30569970172253__featured_collection {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  /*
  Neuheiten Gallery Room V1:
  etwas kühler/frischer als Bestseller, aber keine harte Abgrenzung.
  */
  background: radial-gradient(82% 74% at 50% 6%,rgba(255,255,255,.86)0,rgba(236,248,253,.58)34%,rgba(231,244,251,.3)58%,rgba(247,249,252,0)82%),radial-gradient(46% 52% at 14% 36%,rgba(5,200,255,.032)0,rgba(5,200,255,.01)44%,transparent 76%),radial-gradient(44% 52% at 86% 38%,rgba(27,61,143,.024)0,rgba(27,61,143,.008)46%,transparent 78%),linear-gradient(180deg,rgba(247,249,252,0)0,rgba(238,247,252,.56)42%,rgba(247,249,252,0)100%) !important;
}
/* Sehr weicher Discovery-Lichtschein hinter der Neuheiten-Überschrift */
#MainContent #shopify-section-template--30569970172253__featured_collection::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: clamp(2.2rem,3.2vw,4.2rem) !important;
  z-index: 0 !important;
  width: min(1180px,78vw) !important;
  height: clamp(12rem,16vw,18rem) !important;
  transform: translateX(-50%) !important;
  background: radial-gradient(ellipse at center,rgba(255,255,255,.58)0,rgba(232,248,255,.25)34%,rgba(5,200,255,.02)54%,rgba(247,249,252,0)78%) !important;
  filter: blur(10px) !important;
  opacity: .58 !important;
  pointer-events: none !important;
}
/* Ganz feine obere Lichtkante – kein Balken */
#MainContent #shopify-section-template--30569970172253__featured_collection::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: clamp(1.4rem,2vw,2.4rem) !important;
  z-index: 0 !important;
  width: min(1280px,84%) !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg,transparent 0,rgba(205,216,224,.12)20%,rgba(255,255,255,.72)42%,rgba(5,200,255,.075)50%,rgba(255,255,255,.72)58%,rgba(205,216,224,.12)80%,transparent 100%) !important;
  box-shadow: none !important;
  opacity: .52 !important;
  pointer-events: none !important;
}
#MainContent #shopify-section-template--30569970172253__featured_collection .collection {
  position: relative !important;
  z-index: 1 !important;
  padding-top: clamp(4.4rem,5.4vw,7.2rem) !important;
  padding-bottom: clamp(5.2rem,6.4vw,8rem) !important;
  background: transparent !important;
}
/* Neuheiten-Heading bleibt exakt in der gemeinsamen Collection-Divider-DNA */
#MainContent #shopify-section-template--30569970172253__featured_collection .collection__title::before, #MainContent #shopify-section-template--30569970172253__featured_collection .title-wrapper::before {
  left: 50% !important;
  right: auto !important;
  bottom: 1.25rem !important;
  width: min(920px,78vw) !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg,transparent 0,rgba(27,61,143,.12)18%,rgba(5,200,255,.34)50%,rgba(27,61,143,.12)82%,transparent 100%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.88) !important;
  opacity: 1 !important;
}
#MainContent #shopify-section-template--30569970172253__featured_collection .collection__title::after, #MainContent #shopify-section-template--30569970172253__featured_collection .title-wrapper::after {
  bottom: .38rem !important;
  width: 16px !important;
  height: 16px !important;
  background: linear-gradient(135deg,rgba(255,255,255,.98)0,rgba(232,248,255,.88)48%,rgba(5,200,255,.2)100%) !important;
  border: 1px solid rgba(5,200,255,.46) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.92)inset,0 0 14px rgba(5,200,255,.2),0 0 24px rgba(138,92,255,.07) !important;
}
/* Neuheiten-Reveal: etwas ruhiger, wie frisch freigelegte Exponate */
html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection :is( .collection__title, .title-wrapper, .grid__item, .center, .collection__view-all ) {
  transform: translateY(34px)scale(.982) !important;
  transition: opacity 1.72s cubic-bezier(.16,1,.3,1),transform 1.72s cubic-bezier(.16,1,.3,1),filter 1.72s cubic-bezier(.16,1,.3,1),clip-path 1.82s cubic-bezier(.16,1,.3,1) !important;
}
/* Titel setzt sich minimal später als bei Bestseller */
/* Karten öffnen etwas langsamer und kuratierter */
@media screen and (max-width: 749px) {
  #MainContent #shopify-section-template--30569970172253__featured_collection .collection {
    padding-top: 4.2rem !important;
    padding-bottom: 5.2rem !important;
  }
  #MainContent #shopify-section-template--30569970172253__featured_collection::before {
    width: 88vw !important;
    height: 10rem !important;
    opacity: .46 !important;
  }
  #MainContent #shopify-section-template--30569970172253__featured_collection::after {
    width: 78% !important;
    opacity: .42 !important;
  }
  #MainContent #shopify-section-template--30569970172253__featured_collection .collection__title::before, #MainContent #shopify-section-template--30569970172253__featured_collection .title-wrapper::before {
    left: 2.2rem !important;
    right: 2.2rem !important;
  }
}
/* =========================================
STARTSEITE – Neuheiten Reveal TEMP
Gleicher Crystal Gallery Reveal wie Bestseller
========================================= */
/*
Temporärer Stand:
Neuheiten nutzt exakt die Bestseller-Reveal-Mechanik und dieselben Timings.

Keine Diagonal-Welle.
Keine Inflate-Keyframes.
Keine eigene Neuheiten-Choreografie.

Nur die Section-ID ist auf Neuheiten geändert:
#shopify-section-template--30569970172253__featured_collection
*/

/* Sicherheitsreset: alte Neuheiten-Bühnen/Pseudo-Tests neutralisieren */
html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection .product-grid,
html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection .grid {
  position: relative !important;
  isolation: isolate !important;
  perspective: none !important;
  transform-style: flat !important;
}

html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection .product-grid::before,
html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection .grid::before,
html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection .product-grid::after,
html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection .grid::after {
  content: none !important;
  display: none !important;
  animation: none !important;
  background: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
}

/* Neuheiten startet jetzt wie Bestseller */
html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection :is(
  .collection__title,
  .title-wrapper,
  .grid__item,
  .center,
  .collection__view-all
) {
  opacity: 0 !important;
  transform: translateY(30px) scale(.985) !important;
  transition:
    opacity 1.55s cubic-bezier(.16,1,.3,1),
    transform 1.55s cubic-bezier(.16,1,.3,1),
    filter 1.55s cubic-bezier(.16,1,.3,1),
    clip-path 1.65s cubic-bezier(.16,1,.3,1) !important;
  filter: blur(1.8px) !important;
}

/* Neuheiten-Karten starten wie hinter einem seitlich öffnenden Glasvorhang */
html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection .grid__item {
  clip-path: inset(0 100% 0 0 round 22px) !important;
}

/* Neuheiten aktiv: Titel zuerst */
html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection.nerdvana-home-section-visible :is(
  .collection__title,
  .title-wrapper
) {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  filter: blur(0) !important;
  transition-delay: .1s !important;
}

/* Neuheiten aktiv: Karten werden wie Bestseller von links nach rechts freigelegt */
html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection.nerdvana-home-section-visible .grid__item {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  filter: blur(0) !important;
  clip-path: inset(0 0 0 0 round 22px) !important;
}

html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection.nerdvana-home-section-visible .grid__item:nth-child(1) {
  transition-delay: .34s !important;
}

html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection.nerdvana-home-section-visible .grid__item:nth-child(2) {
  transition-delay: .56s !important;
}

html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection.nerdvana-home-section-visible .grid__item:nth-child(3) {
  transition-delay: .78s !important;
}

html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection.nerdvana-home-section-visible .grid__item:nth-child(4) {
  transition-delay: 1s !important;
}

html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection.nerdvana-home-section-visible .grid__item:nth-child(5) {
  transition-delay: 1.22s !important;
}

/* Neuheiten View-All/Buttonbereich kommt wie Bestseller nach den Karten */
html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection.nerdvana-home-section-visible :is(
  .center,
  .collection__view-all
) {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  filter: blur(0) !important;
  transition-delay: 1.52s !important;
}

/* Dezenter Lichtimpuls beim Aktivieren der Neuheiten-Section */
html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection.nerdvana-home-section-visible::before {
  opacity: 1 !important;
}

/* Reduced Motion: keine Entrance-Bewegung */
@media (prefers-reduced-motion: reduce) {
  html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection :is(
    .collection__title,
    .title-wrapper,
    .grid__item,
    .center,
    .collection__view-all
  ) {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    clip-path: none !important;
    transition: none !important;
    animation: none !important;
  }
}
/* Bestseller Grid */
@media screen and (min-width: 990px) {
  #shopify-section-template--30569970172253__featured_collection_m48Bmb .product-grid,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb .grid {
    display: grid !important;
    grid-template-columns: repeat(5,minmax(0,1fr)) !important;
    column-gap: 1.6rem !important;
    row-gap: 2rem !important;
  }

  #shopify-section-template--30569970172253__featured_collection_m48Bmb .grid__item {
    width: auto !important;
    max-width: none !important;
  }
}

/*
  Mobile Bestseller Grid V1.2:
  2 Kacheln pro Reihe + titelstabile Mobile-Typografie.
  Zusätzlich wird die künstliche Bestseller-Headline mobil
  exakt auf die Neuheiten-Headline-Größe gebracht.
  Nur Smartphone: Desktop V1.x bleibt unangetastet.
*/
@media screen and (max-width: 749px) {
  /*
    Mobile Bestseller Heading Parity:
    Neuheiten nutzt mobil 1.7rem / .16em.
    Bestseller rendert den sichtbaren Text über ::before,
    deshalb muss genau dieses Pseudo-Element separat verkleinert werden.
  */
  #shopify-section-template--30569970172253__featured_collection_m48Bmb .title,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb .inline-richtext,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb h2 {
    padding: 0 1.6rem !important;
  }

  #shopify-section-template--30569970172253__featured_collection_m48Bmb .title::before,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb .inline-richtext::before,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb h2::before {
    font-size: 1.7rem !important;
    letter-spacing: .16em !important;
    line-height: 1.18 !important;
  }

  #shopify-section-template--30569970172253__featured_collection_m48Bmb .product-grid,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb .grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    column-gap: clamp(.82rem, 2.7vw, 1.12rem) !important;
    row-gap: clamp(1.08rem, 3.6vw, 1.55rem) !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    list-style: none !important;
  }

  #shopify-section-template--30569970172253__featured_collection_m48Bmb .grid__item {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /*
    Mobile Titel-Fit:
    Die Karte bleibt zweispaltig, aber einzelne Wörter wie
    "SCHLÜSSELANHÄNGER" werden nicht mehr brutal getrennt.
  */
  body #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .card__information {
    padding:
      clamp(1.38rem, 4vw, 1.72rem)
      clamp(.72rem, 2.35vw, .96rem)
      clamp(1.55rem, 4.6vw, 1.95rem) !important;
    min-height: clamp(14.4rem, 38vw, 16.6rem) !important;
  }

  body #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .card__heading,
  body #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .card__heading.h5 {
    min-height: 4.9em !important;
    font-size: clamp(.88rem, 2.72vw, 1.04rem) !important;
    line-height: 1.22 !important;
    letter-spacing: clamp(.028em, .12vw, .052em) !important;

    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;

    text-wrap: balance !important;
  }

  body #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .card__heading a {
    display: inline !important;
    max-width: 100% !important;

    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
  }
}
/* =========================================
MOBILE – Product Card Sale Badge Polish V1
Sale-Badge subtiler auf allen mobilen Produktkacheln
Nur Mobile: Herz/Favoriten, Buttons, Desktop und Produktkarten-Core bleiben unverändert
========================================= */
@media screen and (max-width: 749px) {
  /*
    Badge-Position:
    etwas näher an die Kartenecke, aber nicht ins Herz-Touchziel.
    Fluid für verschiedene Smartphone-Breiten.
  */
  body #MainContent .card-wrapper .card__inner .card__badge,
  body #MainContent .card .card__inner .card__badge,
  body #MainContent #ProductGridContainer .card__inner .card__badge,
  body #MainContent #product-grid .card__inner .card__badge,
  body #MainContent #shopify-section-template--30569970172253__featured_collection .card__inner .card__badge,
  body #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .card__inner .card__badge,
  body #MainContent .related-products .card-wrapper .card .card__inner .card__badge {
    left: clamp(.72rem, 2.45vw, .98rem) !important;
    top: clamp(.72rem, 2.45vw, .98rem) !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 7 !important;
    pointer-events: none !important;
  }

  /*
    Mobile Sale Badge:
    weiterhin sichtbar, aber weniger laut.
    Keine Änderung am Favoriten-Herz.
  */
  body #MainContent .card-wrapper .card__badge .badge,
  body #MainContent .card .card__badge .badge,
  body #MainContent #ProductGridContainer .card__badge .badge,
  body #MainContent #product-grid .card__badge .badge,
  body #MainContent #shopify-section-template--30569970172253__featured_collection .card__badge .badge,
  body #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .card__badge .badge,
  body #MainContent .related-products .card-wrapper .card .card__badge .badge {
    min-height: clamp(2.08rem, 5.8vw, 2.34rem) !important;
    padding:
      clamp(.22rem, .8vw, .32rem)
      clamp(.66rem, 2.15vw, .82rem) !important;

    border-radius: 999px !important;
    border: 1px solid rgba(5, 200, 255, .26) !important;
    background:
      linear-gradient(180deg,
        rgba(255,255,255,.90) 0,
        rgba(241,249,253,.74) 100%) !important;

    color: rgba(27, 61, 143, .82) !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: clamp(.64rem, 1.82vw, .74rem) !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: clamp(.035em, .14vw, .055em) !important;
    text-transform: uppercase !important;

    box-shadow:
      0 4px 10px rgba(13,31,70,.055),
      0 0 7px rgba(5,200,255,.045),
      0 0 0 1px rgba(255,255,255,.70) inset,
      0 1px 0 rgba(255,255,255,.82) inset !important;
  }
}
/* =========================================
MOBILE – Product Card Favorite Heart Position Polish V1
Herz bleibt groß/klickbar, sitzt mobil aber näher an der Kartenecke
Nur Mobile: keine Änderung an Herzgröße, Favoriten-Logik, Desktop oder Buttons
========================================= */
@media screen and (max-width: 749px) {
  body #MainContent .card-wrapper .nerdvana-favorite-button--card,
  body #MainContent .card .nerdvana-favorite-button--card,
  body #MainContent #ProductGridContainer .card-wrapper .nerdvana-favorite-button--card,
  body #MainContent #product-grid .card-wrapper .nerdvana-favorite-button--card,
  body #MainContent #shopify-section-template--30569970172253__featured_collection .card-wrapper .nerdvana-favorite-button--card,
  body #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .card-wrapper .nerdvana-favorite-button--card,
  body #MainContent .related-products .card-wrapper .nerdvana-favorite-button--card,
  body #MainContent product-recommendations .card-wrapper .nerdvana-favorite-button--card {
    top: clamp(.62rem, 2.15vw, .86rem) !important;
    right: clamp(.62rem, 2.15vw, .86rem) !important;

    /*
      Größe bleibt bewusst unverändert:
      Das Herz ist ein echtes Touch-Ziel und soll weiterhin sicher klickbar sein.
    */
    width: 3rem !important;
    height: 3rem !important;
    min-width: 3rem !important;
    min-height: 3rem !important;
  }
}
/*
  Mobile-only sixth Bestseller:
  Liquid rendert für die Bestseller-Section einen 6. Artikel,
  damit das mobile 2-Spalten-Grid sauber mit 3 vollen Reihen endet.
  Ab Tablet/Desktop bleibt Desktop V1.0 optisch bei 5 Artikeln.
*/
@media screen and (min-width: 750px) {
  #shopify-section-template--30569970172253__featured_collection_m48Bmb .grid__item.nerdvana-bestseller-mobile-extra {
    display: none !important;
  }
}

/*
  Mobile Reveal-Timing für den zusätzlichen 6. Bestseller.
  Nur Mobile, damit Desktop-Timing unverändert bleibt.
*/
@media screen and (max-width: 749px) {
  html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection_m48Bmb.nerdvana-home-section-visible .grid__item:nth-child(6) {
    transition-delay: 1.44s !important;
  }

  html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection_m48Bmb.nerdvana-home-section-visible :is(.center, .collection__view-all) {
    transition-delay: 1.72s !important;
  }
}

#shopify-section-template--30569970172253__featured_collection_m48Bmb .grid__item {
  border: 1px solid rgba(27,61,143,.06) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.38)inset,0 10px 24px rgba(27,61,143,.08),0 2px 8px rgba(5,200,255,.06) !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  transition: border-color .28s ease,box-shadow .28s ease,transform .28s ease,background .28s ease !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .grid__item:hover {
  border-color: rgba(5,200,255,.28) !important;
  background: linear-gradient(180deg,rgba(255,255,255,1),rgba(241,247,252,1)) !important;
  box-shadow: 0 16px 40px rgba(13,31,70,.12),0 0 0 1px rgba(5,200,255,.08)inset,0 0 22px rgba(5,200,255,.08) !important;
  transform: translateY(-4px) !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card-wrapper, #shopify-section-template--30569970172253__featured_collection_m48Bmb .card {
  height: 100% !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__inner .card__content {
  display: none !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card > .card__content {
  display: block !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__inner {
  background: transparent !important;
  border-bottom: 1px solid rgba(27,61,143,.08) !important;
  transition: border-color .28s ease,box-shadow .28s ease !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .grid__item:hover .card__inner {
  border-bottom-color: rgba(5,200,255,.2) !important;
  box-shadow: 0 1px 0 rgba(5,200,255,.12) !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__inner.ratio {
  --ratio-percent: 82% !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transition: transform .45s ease,filter .45s ease !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .grid__item:hover .card__media img {
  transform: scale(1.03) !important;
  filter: brightness(1.03)contrast(1.02) !important;
}
/* Bestseller Text */
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__information {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding: 2.2rem 1.6rem 2.3rem !important;
  min-height: 166px !important;
  text-align: center !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__heading, #shopify-section-template--30569970172253__featured_collection_m48Bmb .card__heading.h5 {
  margin: 0 !important;
  min-height: 4.2em !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 1.3rem !important;
  line-height: 1.32 !important;
  letter-spacing: .07em !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  color: #1b3d8f !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__heading a {
  color: var(--nerdvana-heading) !important;
  text-decoration: none !important;
  transition: color .28s ease,text-shadow .28s ease !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .grid__item:hover .card__heading a {
  color: var(--nerdvana-heading-soft) !important;
  text-shadow: none !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card-information {
  margin-top: auto !important;
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
}
/* Bestseller Preis */
#shopify-section-template--30569970172253__featured_collection_m48Bmb .price {
  width: 100% !important;
  margin-top: 1rem !important;
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
  --nerdvana-bestseller-sale-price-size: 1.4rem;
  --nerdvana-bestseller-old-price-size: 1.2rem;
  line-height: 1.25 !important;
  letter-spacing: .02em !important;
  font-weight: 500 !important;
  color: var(--nerdvana-heading-soft) !important;
  transition: color .28s ease,text-shadow .28s ease !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .price__container {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
/* Sale-Produkte */
#shopify-section-template--30569970172253__featured_collection_m48Bmb .price--on-sale .price__regular {
  display: none !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .price__sale {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .price-item--sale, #shopify-section-template--30569970172253__featured_collection_m48Bmb .price-item--last {
  display: block !important;
  color: var(--nerdvana-heading-soft) !important;
  font-size: var(--nerdvana-bestseller-sale-price-size) !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  text-align: center !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .price__sale s, #shopify-section-template--30569970172253__featured_collection_m48Bmb .price__sale .price-item--regular {
  display: block !important;
  margin-top: .35rem !important;
  color: rgba(36,54,95,.5) !important;
  font-size: var(--nerdvana-bestseller-old-price-size) !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: line-through !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .price__badges, #shopify-section-template--30569970172253__featured_collection_m48Bmb .price__badge-sale, #shopify-section-template--30569970172253__featured_collection_m48Bmb .price__badge-sold-out {
  display: none !important;
}
/* Normale Produkte */
#shopify-section-template--30569970172253__featured_collection_m48Bmb .price:not(.price--on-sale) .price__regular {
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .price:not(.price--on-sale) .price__sale {
  display: none !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .price:not(.price--on-sale) .price-item--regular {
  display: block !important;
  color: var(--nerdvana-heading-soft) !important;
  font-size: var(--nerdvana-bestseller-sale-price-size) !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  text-align: center !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .grid__item:hover .price, #shopify-section-template--30569970172253__featured_collection_m48Bmb .grid__item:hover .price * {
  color: #1b3d8f !important;
  text-shadow: none !important;
}
/* Bestseller Button */
#shopify-section-template--30569970172253__featured_collection_m48Bmb .center, #shopify-section-template--30569970172253__featured_collection_m48Bmb .collection__view-all {
  margin-top: 3rem !important;
  text-align: center !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .collection__view-all .button, #shopify-section-template--30569970172253__featured_collection_m48Bmb .center .button {
  position: relative !important;
  isolation: isolate !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1.1rem !important;
  min-width: 300px !important;
  height: 52px !important;
  padding: 0 2.8rem !important;
  font-size: 0 !important;
  line-height: 1 !important;
  color: transparent !important;
  background: linear-gradient(135deg,#1b3d8f,#05cbff) !important;
  border: 1px solid rgba(5,200,255,.18) !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 30px rgba(27,61,143,.16),0 0 0 1px rgba(255,255,255,.28)inset !important;
  overflow: hidden !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .collection__view-all .button::before, #shopify-section-template--30569970172253__featured_collection_m48Bmb .collection__view-all .button::after, #shopify-section-template--30569970172253__featured_collection_m48Bmb .center .button::before, #shopify-section-template--30569970172253__featured_collection_m48Bmb .center .button::after {
  position: relative !important;
  z-index: 5 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  opacity: 1 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  transform: none !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .collection__view-all .button::before, #shopify-section-template--30569970172253__featured_collection_m48Bmb .center .button::before {
  content: "MEHR BESTSELLER" !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  letter-spacing: .16em !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .collection__view-all .button::after, #shopify-section-template--30569970172253__featured_collection_m48Bmb .center .button::after {
  content: "→" !important;
  font-size: 1.1rem !important;
  line-height: 1 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
#shopify-section-template--30569970172253__featured_collection_m48Bmb .collection__view-all .button:hover, #shopify-section-template--30569970172253__featured_collection_m48Bmb .center .button:hover {
  box-shadow: 0 16px 34px rgba(27,61,143,.2),0 0 20px rgba(5,200,255,.14),0 0 0 1px rgba(255,255,255,.34)inset !important;
  transform: translateY(-1px) !important;
}
/* =========================================
HOMEPAGE PRODUKTKACHELN – Collection Master Parity V1
Neuheiten + Bestseller werden optisch an die perfekte Kollektionskachel angeglichen.
WICHTIG: Die Kollektionskachel selbst wird NICHT verändert.
========================================= */

/* Kachelkörper exakt wie Collection-Master */
#shopify-section-template--30569970172253__featured_collection .grid__item,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .grid__item {
  border: 1px solid rgba(27,61,143,.12) !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 18px 42px rgba(13,31,70,.08),0 6px 16px rgba(13,31,70,.045),0 0 0 1px rgba(255,255,255,.82)inset !important;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  --nerdvana-card-refraction-x: 50%;
  --nerdvana-card-refraction-y: 18%;
  --nerdvana-card-tilt-x: 0;
  --nerdvana-card-tilt-y: 0;
  transform-style: preserve-3d !important;
  transition: border-color .28s ease,box-shadow .28s ease,transform .28s ease,background .28s ease !important;
}

#shopify-section-template--30569970172253__featured_collection .grid__item::before,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .grid__item::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 7 !important;
  pointer-events: none !important;
  border-radius: 22px !important;
  padding: 5px !important;
  background: linear-gradient(180deg,rgba(255,255,255,.98)0,rgba(247,250,253,.96)42%,rgba(225,232,237,.82)100%)border-box !important;
  background-size: auto !important;
  background-position: initial !important;
  -webkit-mask: linear-gradient(#000 0 0)content-box,linear-gradient(#000 0 0)border-box !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.88),inset 0 12px 20px rgba(255,255,255,.42),inset 0 -12px 20px rgba(27,61,143,.035),0 0 16px rgba(5,200,255,.035) !important;
  opacity: 1 !important;
  transition: background .28s ease,box-shadow .28s ease,opacity .28s ease !important;
}

#shopify-section-template--30569970172253__featured_collection .grid__item:hover,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .grid__item:hover {
  background: radial-gradient(circle at var(--nerdvana-card-refraction-x)var(--nerdvana-card-refraction-y),rgba(255,255,255,.34)0,rgba(255,255,255,.13)16%,rgba(5,200,255,.035)27%,transparent 42%),linear-gradient(180deg,rgba(255,255,255,.98)0,rgba(252,253,254,.96)46%,rgba(246,249,252,.98)100%) !important;
  border-color: rgba(5,200,255,.24) !important;
  box-shadow: 0 26px 54px rgba(13,31,70,.105),0 12px 24px rgba(13,31,70,.045),0 0 18px rgba(5,200,255,.055),0 2px 3px rgba(255,255,255,.78)inset,0 0 0 1px rgba(255,255,255,.94)inset,0 -14px 24px rgba(188,198,205,.036)inset !important;
  transform: translateY(-4px)rotateX(var(--nerdvana-card-tilt-y))rotateY(var(--nerdvana-card-tilt-x)) !important;
}

#shopify-section-template--30569970172253__featured_collection .grid__item:hover::before,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .grid__item:hover::before {
  background: linear-gradient(180deg,rgba(255,255,255,1)0,rgba(248,251,253,.98)38%,rgba(205,216,224,.86)100%)border-box !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.94),inset 0 13px 22px rgba(255,255,255,.48),inset 0 -12px 20px rgba(27,61,143,.04),0 0 18px rgba(5,200,255,.06) !important;
}

/* Dawn-Kartenbasis neutralisieren wie Collection-Master */
#shopify-section-template--30569970172253__featured_collection .card-wrapper,
#shopify-section-template--30569970172253__featured_collection .card,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card-wrapper,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card {
  height: 100% !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#shopify-section-template--30569970172253__featured_collection .card__inner,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__inner {
  background: transparent !important;
  border-bottom: 1px solid rgba(5,200,255,.34) !important;
  overflow: hidden !important;
  transition: border-color .28s ease,box-shadow .28s ease !important;
}

#shopify-section-template--30569970172253__featured_collection .grid__item:hover .card__inner,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .grid__item:hover .card__inner {
  border-bottom-color: rgba(5,200,255,.48) !important;
  box-shadow: 0 1px 0 rgba(5,200,255,.18) !important;
}

#shopify-section-template--30569970172253__featured_collection .card__inner.ratio,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__inner.ratio {
  --ratio-percent: 82% !important;
}

/* Bildbereich exakt wie Collection-Master */
#shopify-section-template--30569970172253__featured_collection .card__media,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__media {
  position: relative !important;
  isolation: isolate !important;
  background: #fff !important;
  border-bottom: 0 !important;
  overflow: hidden !important;
}

#shopify-section-template--30569970172253__featured_collection .card__media::before,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__media::before,
#shopify-section-template--30569970172253__featured_collection .card__inner::after,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__inner::after {
  content: none !important;
  display: none !important;
  animation: none !important;
  background: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
}

/* Crystal-Sheen exakt wie Collection-Master */
#shopify-section-template--30569970172253__featured_collection .card__media::after,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__media::after {
  content: "" !important;
  position: absolute !important;
  top: -22% !important;
  bottom: -22% !important;
  left: -48% !important;
  z-index: 3 !important;
  width: 18% !important;
  pointer-events: none !important;
  background: linear-gradient(108deg,transparent 0,rgba(255,255,255,0)16%,rgba(255,255,255,.18)42%,rgba(232,248,255,.1)50%,rgba(255,255,255,.12)58%,rgba(255,255,255,0)84%,transparent 100%) !important;
  opacity: 0 !important;
  filter: blur(.22px) !important;
  transform: translateX(-90%)skewX(-16deg) !important;
  transition: opacity .22s ease,transform .72s cubic-bezier(.16,1,.3,1) !important;
}

#shopify-section-template--30569970172253__featured_collection .grid__item:hover .card__media::after,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .grid__item:hover .card__media::after {
  opacity: .46 !important;
  transform: translateX(620%)skewX(-16deg) !important;
}

#shopify-section-template--30569970172253__featured_collection .card__media img,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: brightness(1.075)contrast(1.045)saturate(1.025) !important;
  transition: transform .45s ease,filter .45s ease !important;
}

#shopify-section-template--30569970172253__featured_collection .grid__item:hover .card__media img,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .grid__item:hover .card__media img {
  transform: scale(1.028) !important;
  filter: brightness(1.075)contrast(1.045)saturate(1.025) !important;
}

/* Inneren Dawn-Doppelcontent im Bildbereich wie Collection-Master behandeln */
#shopify-section-template--30569970172253__featured_collection .card__inner .card__content,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__inner .card__content {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
}

#shopify-section-template--30569970172253__featured_collection .card__inner .card__information,
#shopify-section-template--30569970172253__featured_collection .card__inner .card__heading,
#shopify-section-template--30569970172253__featured_collection .card__inner .card-information,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__inner .card__information,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__inner .card__heading,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__inner .card-information {
  display: none !important;
}

/* Sale-Badge exakt wie Collection-Master */
#shopify-section-template--30569970172253__featured_collection .card__inner .card__badge,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__inner .card__badge {
  display: flex !important;
  position: absolute !important;
  left: 1.55rem !important;
  top: 1.55rem !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

#shopify-section-template--30569970172253__featured_collection .card__badge .badge,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__badge .badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.8rem !important;
  padding: .45rem 1rem !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(5,200,255,.42) !important;
  border-radius: 999px !important;
  color: #1b3d8f !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: .92rem !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: none !important;
  box-shadow: 0 6px 14px rgba(13,31,70,.1),0 0 10px rgba(5,200,255,.1),0 0 0 1px rgba(255,255,255,.78)inset !important;
}

/* Favoriten-Herz auf Homepage exakt an Collection-Master ziehen */
#shopify-section-template--30569970172253__featured_collection .card-wrapper .nerdvana-favorite-button--card,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card-wrapper .nerdvana-favorite-button--card {
  width: 3.35rem !important;
  height: 3.35rem !important;
  min-width: 3.35rem !important;
  min-height: 3.35rem !important;
  top: 1.35rem !important;
  right: 1.35rem !important;
}

#shopify-section-template--30569970172253__featured_collection .card-wrapper .nerdvana-favorite-button--card .nerdvana-favorite-button__icon,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card-wrapper .nerdvana-favorite-button--card .nerdvana-favorite-button__icon {
  width: 1.62rem !important;
  height: 1.62rem !important;
}

#shopify-section-template--30569970172253__featured_collection .card-wrapper .nerdvana-favorite-button--card .nerdvana-favorite-button__icon path,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card-wrapper .nerdvana-favorite-button--card .nerdvana-favorite-button__icon path {
  stroke-width: 1.65 !important;
}

/* Unterer Textbereich exakt wie Collection-Master */
#shopify-section-template--30569970172253__featured_collection .card > .card__content,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card > .card__content {
  display: block !important;
  background: #fff !important;
}

#shopify-section-template--30569970172253__featured_collection .card > .card__content .card__badge,
#shopify-section-template--30569970172253__featured_collection .card > .card__content .price__badges,
#shopify-section-template--30569970172253__featured_collection .card > .card__content .price__badge-sale,
#shopify-section-template--30569970172253__featured_collection .card > .card__content .price__badge-sold-out,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card > .card__content .card__badge,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card > .card__content .price__badges,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card > .card__content .price__badge-sale,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card > .card__content .price__badge-sold-out {
  display: none !important;
}

#shopify-section-template--30569970172253__featured_collection .card__information,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__information {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding: 2rem 1.4rem 2.1rem !important;
  min-height: 150px !important;
  background: #fff !important;
  text-align: center !important;
}

#shopify-section-template--30569970172253__featured_collection .card__heading,
#shopify-section-template--30569970172253__featured_collection .card__heading.h5,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__heading,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__heading.h5 {
  margin: 0 !important;
  min-height: 4.2em !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  text-transform: uppercase !important;
  font-size: 1.18rem !important;
  line-height: 1.34 !important;
  letter-spacing: .075em !important;
  font-weight: 500 !important;
  color: #1b3d8f !important;
}

#shopify-section-template--30569970172253__featured_collection .card__heading a,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__heading a {
  color: #1b3d8f !important;
  text-decoration: none !important;
  transition: color .28s ease,text-shadow .28s ease !important;
}

#shopify-section-template--30569970172253__featured_collection .grid__item:hover .card__heading a,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .grid__item:hover .card__heading a {
  color: #0d1f46 !important;
  text-shadow: 0 0 10px rgba(5,200,255,.12) !important;
}

/* Preisbereich exakt wie Collection-Master */
#shopify-section-template--30569970172253__featured_collection .card-information,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card-information {
  margin-top: auto !important;
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  text-align: center !important;
}

#shopify-section-template--30569970172253__featured_collection .price,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .price {
  width: 100% !important;
  margin-top: 1.15rem !important;
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.25 !important;
  letter-spacing: .04em !important;
  color: #1b3d8f !important;
  font-weight: inherit !important;
  transition: color .28s ease,text-shadow .28s ease !important;
  --nerdvana-home-sale-price-size: 1.22rem;
  --nerdvana-home-old-price-size: .95rem;
  --nerdvana-bestseller-sale-price-size: 1.22rem;
  --nerdvana-bestseller-old-price-size: .95rem;
}

#shopify-section-template--30569970172253__featured_collection .price__container,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .price__container {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

#shopify-section-template--30569970172253__featured_collection .price--on-sale .price__regular,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .price--on-sale .price__regular {
  display: none !important;
}

#shopify-section-template--30569970172253__featured_collection .price--on-sale .price__sale,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .price--on-sale .price__sale {
  display: flex !important;
  flex-direction: column-reverse !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  text-align: center !important;
}

#shopify-section-template--30569970172253__featured_collection .price--on-sale .price-item--sale,
#shopify-section-template--30569970172253__featured_collection .price--on-sale .price-item--last,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .price--on-sale .price-item--sale,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .price--on-sale .price-item--last {
  display: block !important;
  font-size: 1.22rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  color: #1b3d8f !important;
}

#shopify-section-template--30569970172253__featured_collection .price--on-sale s,
#shopify-section-template--30569970172253__featured_collection .price--on-sale .price-item--regular,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .price--on-sale s,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .price--on-sale .price-item--regular {
  display: block !important;
  margin-top: .45rem !important;
  font-size: .95rem !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  color: rgba(27,61,143,.48) !important;
  text-decoration-thickness: 1px !important;
}

#shopify-section-template--30569970172253__featured_collection .price:not(.price--on-sale) .price__regular,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .price:not(.price--on-sale) .price__regular {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  text-align: center !important;
}

#shopify-section-template--30569970172253__featured_collection .price:not(.price--on-sale) .price__sale,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .price:not(.price--on-sale) .price__sale {
  display: none !important;
}

#shopify-section-template--30569970172253__featured_collection .price:not(.price--on-sale) .price-item--regular,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .price:not(.price--on-sale) .price-item--regular {
  display: block !important;
  font-size: 1.18rem !important;
  font-weight: 700 !important;
  color: #1b3d8f !important;
}

#shopify-section-template--30569970172253__featured_collection .price__badges,
#shopify-section-template--30569970172253__featured_collection .price__badge-sale,
#shopify-section-template--30569970172253__featured_collection .price__badge-sold-out,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .price__badges,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .price__badge-sale,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .price__badge-sold-out {
  display: none !important;
}

#shopify-section-template--30569970172253__featured_collection .grid__item:hover .price,
#shopify-section-template--30569970172253__featured_collection .grid__item:hover .price *,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .grid__item:hover .price,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .grid__item:hover .price * {
  color: #0d1f46 !important;
  text-shadow: 0 0 8px rgba(5,200,255,.1) !important;
}

@media (prefers-reduced-motion: reduce) {
  #shopify-section-template--30569970172253__featured_collection .grid__item,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb .grid__item,
  #shopify-section-template--30569970172253__featured_collection .card__media img,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb .card__media img {
    transition-duration: .01ms !important;
    transform: none !important;
  }

  #shopify-section-template--30569970172253__featured_collection .card__media::after,
  #shopify-section-template--30569970172253__featured_collection_m48Bmb .card__media::after {
    display: none !important;
    transition: none !important;
  }
}

/* =========================================
NERDVANA ABOUT IMAGE BANNER
========================================= */
.nerdvana-about-image-section {
  background: transparent !important;
  padding: 1.4rem 0 3.4rem !important;
  border-top: 0 !important;
}
.nerdvana-about-image-wrap {
  position: relative !important;
  width: 100% !important;
  max-width: 1680px !important;
  margin: 0 auto !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.nerdvana-about-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}
.nerdvana-about-button-layer {
  position: absolute !important;
  z-index: 5 !important;
  left: 3.8% !important;
  bottom: 6% !important;
  pointer-events: none !important;
}
.nerdvana-about-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.35rem !important;
  min-width: 218px !important;
  height: 44px !important;
  padding: 0 1.65rem !important;
  background: rgba(3,7,10,.58) !important;
  border: 1px solid rgba(56,189,248,.48) !important;
  color: rgba(255,255,255,.78) !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
  font-size: 1.1rem !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  box-shadow: 0 0 0 1px rgba(56,189,248,.045),0 0 14px rgba(56,189,248,.055),inset 0 0 10px rgba(56,189,248,.035) !important;
  pointer-events: auto !important;
  transition: border-color .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease;
}
.nerdvana-about-button span {
  color: #9fe4ff !important;
  font-size: 1.15rem !important;
  line-height: 1 !important;
  text-shadow: 0 0 8px rgba(56,189,248,.32);
}
.nerdvana-about-button:hover {
  background: rgba(4,8,12,.78) !important;
  border-color: rgba(103,211,255,.72) !important;
  color: rgba(255,255,255,.92) !important;
  box-shadow: 0 0 0 1px rgba(56,189,248,.08),0 0 18px rgba(56,189,248,.13),inset 0 0 12px rgba(56,189,248,.05) !important;
}
/* =========================================
GLOBAL MOBILE
========================================= */
@media screen and (max-width: 989px) {
  .nerdvana-category-banners__grid {
    grid-template-columns: 1fr;
  }
  .nerdvana-category-banner {
    min-height: 240px;
  }
}
@media screen and (max-width: 749px) {
  /* Mobile: horizontalen Überstand verhindern */
  /* Mobile: horizontalen Überstand verhindern – ohne Header-Menü zu beschneiden */
  html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }
  /* Nur Inhaltsbereiche begrenzen, nicht globale Shopify-Sections/Header */
  #MainContent, .template-index #MainContent, .template-index main {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  /* Page-Width sicher halten */
  /* Footer darf begrenzt werden, Header/Drawer aber nicht */
  .footer, .footer .footer__content-top, .footer .footer__content-bottom {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  /* Mobile Drawer explizit nicht beschneiden */
  .header-wrapper, .shopify-section-group-header-group, header-drawer, .menu-drawer-container, .menu-drawer {
    overflow: visible !important;
  }
  .page-width {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }
  .nerdvana-button {
    font-size: 1rem;
    min-height: 40px;
    padding: 0 16px;
  }
  .shopify-section .collection {
    padding-top: 2.4rem !important;
    padding-bottom: 2.6rem !important;
  }
  .shopify-section .collection .title, .shopify-section .collection .inline-richtext, .shopify-section .collection h2 {
    font-size: 1.6rem !important;
    letter-spacing: .16em !important;
    padding: 0 1.8rem !important;
  }
  .shopify-section .collection .product-grid, .shopify-section .collection .grid {
    column-gap: 1rem !important;
    row-gap: 1.2rem !important;
  }
  .shopify-section .collection .card__information {
    padding: 1rem .8rem 1.2rem !important;
    min-height: 120px !important;
  }
  .shopify-section .collection .card__heading {
    font-size: .92rem !important;
    letter-spacing: .06em !important;
  }
  .shopify-section .collection .price {
    font-size: .95rem !important;
  }
  .nerdvana-category-banners {
    padding: 2rem 0 2.4rem;
  }
  .nerdvana-category-banner {
    min-height: 230px;
  }
  /* Kategorie-Banner-Bilder auf Mobile weniger stark beschneiden */
  .nerdvana-category-banner__media img {
    object-fit: cover !important;
    object-position: center center !important;
  }
  /* Erstes Kategorie-Banner mobil besser ausrichten */
  .nerdvana-category-banners__grid .nerdvana-category-banner:first-child .nerdvana-category-banner__media img {
    object-position: 58% center !important;
  }
  /* Zweites Kategorie-Banner mobil besser ausrichten */
  .nerdvana-category-banners__grid .nerdvana-category-banner:nth-child(2) .nerdvana-category-banner__media img {
    object-position: 62% center !important;
  }
  .nerdvana-category-banner__content {
    padding: 2.6rem 2.2rem;
    max-width: 330px;
  }
  .nerdvana-category-banner__title {
    font-size: 1.6rem !important;
    line-height: 1.08 !important;
    max-width: 290px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  .nerdvana-category-banner__text {
    font-size: .8rem;
  }
  .nerdvana-about-image-section {
    padding: 1.8rem 1.6rem 2.8rem !important;
  }
  .nerdvana-about-button-layer {
    left: 5% !important;
    bottom: 9% !important;
  }
  .nerdvana-about-button {
    min-width: 190px !important;
    height: 40px !important;
    padding: 0 1.35rem !important;
    font-size: .92rem !important;
  }
}
/* =========================================
NERDVANA LANDINGPAGES – Kategorie-Kacheln
Helle Celestial-Premium Landingpages
Für PlayStation / Nintendo / Plattform-Landingpages
========================================= */
.nerdvana-landing {
  position: relative !important;
  padding: 5.2rem 0 6.4rem !important;
  background: var(--nerdvana-bg-atmosphere) !important;
  color: var(--nerdvana-text) !important;
  overflow: hidden !important;
}
.nerdvana-landing::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: radial-gradient(circle at 50% 0,rgba(5,200,255,.018),transparent 36%),radial-gradient(circle at 18% 38%,rgba(27,61,143,.012),transparent 30%),radial-gradient(circle at 82% 44%,rgba(5,200,255,.012),transparent 32%) !important;
}
.nerdvana-landing__inner {
  z-index: 2 !important;
  width: 100% !important;
  max-width: 1640px !important;
  margin: 0 auto !important;
  padding: 0 4rem !important;
  box-sizing: border-box !important;
}
.nerdvana-landing__intro {
  position: relative !important;
  max-width: 1120px !important;
  margin: 0 auto 3.9rem !important;
  padding-bottom: 3.1rem !important;
  text-align: center !important;
}
.nerdvana-landing__intro::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 1.25rem !important;
  width: min(920px,78vw) !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg,transparent 0,rgba(27,61,143,.12)18%,rgba(5,200,255,.34)50%,rgba(27,61,143,.12)82%,transparent 100%) !important;
}
.nerdvana-landing__intro::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: .38rem !important;
  width: 16px !important;
  height: 16px !important;
  transform: translateX(-50%)rotate(45deg) !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background: linear-gradient(135deg,rgba(255,255,255,.98)0,rgba(232,248,255,.88)48%,rgba(5,200,255,.2)100%) !important;
  border: 1px solid rgba(5,200,255,.46) !important;
}
.nerdvana-landing__eyebrow {
  margin: 0 0 1.1rem !important;
  color: rgba(27,61,143,.72) !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: 1.08rem !important;
  font-weight: 600 !important;
  letter-spacing: .2em !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}
.nerdvana-landing__title {
  max-width: 1100px !important;
  margin: 0 auto 1.45rem !important;
  color: #0d1f46 !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: clamp(3rem,3.25vw,5.2rem) !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.8),0 0 16px rgba(5,200,255,.08) !important;
}
.nerdvana-landing__text {
  max-width: 820px !important;
  margin: 0 auto !important;
  color: rgba(36,54,95,.74) !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: 1.22rem !important;
  font-weight: 500 !important;
  line-height: 1.72 !important;
  letter-spacing: .035em !important;
  text-shadow: none !important;
}
/* 3 Karten oben, 2 Karten unten sauber zentriert */
.nerdvana-landing__grid {
  display: grid !important;
  grid-template-columns: repeat(6,minmax(0,1fr)) !important;
  width: 100% !important;
  max-width: 1520px !important;
  margin: 0 auto !important;
}
/* =========================================
NERDVANA LANDINGPAGES – Collector Portal Cards V4
Crystal Gallery Portal: Produktkarten-DNA + hochwertige Portal-Rahmung
========================================= */
.nerdvana-landing-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  grid-column: span 2 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-radius: 24px !important;
  border: 1px solid rgba(27,61,143,.1) !important;
  background: radial-gradient(circle at 50% 10%,rgba(255,255,255,.72)0,rgba(255,255,255,.26)20%,rgba(5,200,255,.026)36%,transparent 58%),linear-gradient(180deg,rgba(255,255,255,.99)0,rgba(250,252,254,.98)48%,rgba(244,248,252,.99)100%) !important;
  color: inherit !important;
  text-decoration: none !important;
  transform-style: preserve-3d !important;
  transition: border-color .32s ease,box-shadow .32s ease,transform .32s ease,background .32s ease !important;
}
/* Bei exakt 5 Karten: zweite Reihe mittig setzen */
.nerdvana-landing__grid .nerdvana-landing-card:nth-child(4):nth-last-child(2) {
  grid-column: 2 / span 2 !important;
}
.nerdvana-landing__grid .nerdvana-landing-card:nth-child(5):last-child {
  grid-column: 4 / span 2 !important;
}
/* Echter facettierter Glasrahmen: näher an Produktkachel, aber portal-artiger */
.nerdvana-landing-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 9 !important;
  pointer-events: none !important;
  border-radius: 24px !important;
  -webkit-mask: linear-gradient(#000 0 0)content-box,linear-gradient(#000 0 0)border-box !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  transition: background .32s ease,box-shadow .32s ease,opacity .32s ease !important;
}
/* Kein flächiges Bildoverlay: nur ein feiner Top-Glint */
.nerdvana-landing-card::after {
  content: "" !important;
  position: absolute !important;
  left: 16% !important;
  right: 16% !important;
  top: 5px !important;
  z-index: 10 !important;
  height: 1px !important;
  background: linear-gradient(90deg,transparent 0,rgba(255,255,255,.92)28%,rgba(5,200,255,.24)50%,rgba(255,255,255,.92)72%,transparent 100%) !important;
  opacity: .86 !important;
  box-shadow: 0 0 13px rgba(5,200,255,.07) !important;
  pointer-events: none !important;
}
.nerdvana-landing-card:hover {
  background: radial-gradient(circle at 50% 12%,rgba(255,255,255,.82)0,rgba(255,255,255,.3)18%,rgba(5,200,255,.038)34%,transparent 58%),linear-gradient(180deg,rgba(255,255,255,1)0,rgba(252,253,254,.98)46%,rgba(246,249,252,1)100%) !important;
  border-color: rgba(5,200,255,.22) !important;
  box-shadow: 0 30px 64px rgba(13,31,70,.112),0 12px 24px rgba(13,31,70,.05),0 0 22px rgba(5,200,255,.06),0 2px 3px rgba(255,255,255,.84)inset,0 0 0 1px rgba(255,255,255,.96)inset,0 -14px 24px rgba(188,198,205,.035)inset !important;
  transform: translateY(-5px) !important;
}
.nerdvana-landing-card:focus-visible {
  outline: 2px solid rgba(5,200,255,.58) !important;
  outline-offset: 4px !important;
}
/* Eingelassene Bildbühne: Konsole bleibt frei, keine Text-/Nebel-Überlagerung */
.nerdvana-landing-card__media {
  position: relative !important;
  z-index: 1 !important;
  height: clamp(246px,15.9vw,306px) !important;
  overflow: hidden !important;
  border-bottom: 1px solid rgba(5,200,255,.34) !important;
  background: #fff !important;
  transition: border-color .28s ease,box-shadow .28s ease !important;
}
.nerdvana-landing-card:hover .nerdvana-landing-card__media {
  border-bottom-color: rgba(5,200,255,.5) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.92)inset,0 -1px 0 rgba(5,200,255,.2)inset,0 1px 0 rgba(5,200,255,.15) !important;
}
.nerdvana-landing-card__media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: scale(1) !important;
  transition: transform .72s cubic-bezier(.16,1,.3,1),filter .32s ease !important;
}
/* Das Liquid-Overlay wird als transparenter Crystal-Frame genutzt, nicht als Bildschleier */
.nerdvana-landing-card__overlay {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  z-index: 8 !important;
  pointer-events: none !important;
  transition: border-color .32s ease,box-shadow .32s ease,opacity .32s ease !important;
}
.nerdvana-landing-card__overlay::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
}
.nerdvana-landing-card__overlay::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
}
.nerdvana-landing-card:hover .nerdvana-landing-card__overlay {
  border-color: rgba(5,200,255,.18) !important;
  box-shadow: 0 0 0 1px rgba(5,200,255,.045),0 0 0 1px rgba(255,255,255,.66)inset,0 18px 24px rgba(255,255,255,.18)inset,0 -20px 26px rgba(27,61,143,.026)inset,0 0 18px rgba(5,200,255,.03) !important;
}
/* Crystal-Sheen nur im Bildbereich, nicht über Text oder Konsole als Dauernebel */
@media (hover: hover) and (pointer: fine) {
  .nerdvana-landing-card__media::after {
    content: "" !important;
    position: absolute !important;
    top: -22% !important;
    bottom: -22% !important;
    left: -48% !important;
    z-index: 3 !important;
    width: 18% !important;
    pointer-events: none !important;
    background: linear-gradient(108deg,transparent 0,rgba(255,255,255,0)16%,rgba(255,255,255,.18)42%,rgba(232,248,255,.1)50%,rgba(255,255,255,.12)58%,rgba(255,255,255,0)84%,transparent 100%) !important;
    opacity: 0 !important;
    filter: blur(.22px) !important;
    transform: translateX(-90%)skewX(-16deg) !important;
    transition: opacity .22s ease,transform .72s cubic-bezier(.16,1,.3,1) !important;
  }
  .nerdvana-landing-card:hover .nerdvana-landing-card__media::after {
    opacity: .42 !important;
    transform: translateX(620%)skewX(-16deg) !important;
  }
}
/* Separate Gallery-Label-Zone: nicht mehr Standard-Textblock, sondern Vitrinen-Plakette */
.nerdvana-landing-card__content {
  position: relative !important;
  z-index: 2 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  text-align: left !important;
}
.nerdvana-landing-card__content::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  z-index: 1 !important;
  height: 1px !important;
  pointer-events: none !important;
}
.nerdvana-landing-card__content::after {
  display: none !important;
}
.nerdvana-landing-card__content > * {
  position: relative !important;
  z-index: 2 !important;
}
.nerdvana-landing-card__kicker {
  margin: 0 0 .52rem !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.96),0 0 7px rgba(5,200,255,.052) !important;
}
.nerdvana-landing-card__title {
  margin: 0 0 .68rem !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  line-height: 1.16 !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.98),0 0 8px rgba(5,200,255,.04) !important;
}
.nerdvana-landing-card__text {
  max-width: 100% !important;
  margin: 0 0 1.35rem !important;
  font-weight: 500 !important;
  letter-spacing: .028em !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.9) !important;
}
/* CTA bleibt klein und edel: nicht lauter als die Portal-Karte */
.nerdvana-landing-card__button {
  margin-top: auto !important;
}
.nerdvana-landing-card__button > * {
  position: relative !important;
  z-index: 3 !important;
}
/* =========================================
NERDVANA LANDINGPAGES – Collector Portal Cards V4.1
Premium-Polish: facettierter Crystal-Frame + Gallery-Label-Plakette
========================================= */
/* Kartenkörper bekommt mehr Objektkante und weniger flache Standard-Card-Anmutung */
/* Facettierter statt gleichmäßiger Rahmen */
.nerdvana-landing-card:hover::before {
  background: conic-gradient(from 138deg at 50% 50%,rgba(255,255,255,1)0,rgba(226,246,253,.96)34deg,rgba(255,255,255,1)74deg,rgba(5,200,255,.27)108deg,rgba(255,255,255,1)142deg,rgba(198,212,224,.86)188deg,rgba(255,255,255,1)226deg,rgba(226,248,255,.98)278deg,rgba(255,255,255,1)360deg)border-box !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,1),inset 0 17px 24px rgba(255,255,255,.58),inset 0 -14px 24px rgba(27,61,143,.046),0 0 24px rgba(5,200,255,.082) !important;
}
/* Bildbühne wirkt stärker wie eingelassene Vitrine */
.nerdvana-landing-card__media {
  margin: 8px 8px 0 !important;
  border-radius: 17px 17px 0 0 !important;
}
/* Statische Glasfacetten im Bildbereich: nur Kanten, keine Bildüberlagerung */
.nerdvana-landing-card__media::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  border-radius: inherit !important;
  background: linear-gradient(135deg,rgba(255,255,255,.72)0,rgba(255,255,255,0)18%)top left / 34% 42% no-repeat,linear-gradient(225deg,rgba(255,255,255,.56)0,rgba(255,255,255,0)20%)top right / 34% 42% no-repeat,linear-gradient(0,rgba(5,200,255,.14)0,rgba(255,255,255,0)100%)bottom center / 100% 20% no-repeat !important;
  opacity: .58 !important;
  pointer-events: none !important;
  transition: opacity .32s ease,filter .32s ease !important;
}
.nerdvana-landing-card:hover .nerdvana-landing-card__media::before {
  opacity: .78 !important;
  filter: brightness(1.04) !important;
}
/* Overlay wird jetzt zum reinen Crystal-Edge-System, ohne flächige Füllung */
.nerdvana-landing-card__overlay {
  inset: 8px !important;
  border: 0 !important;
  border-radius: 17px !important;
}
.nerdvana-landing-card__overlay::before {
  background: radial-gradient(circle at 0 0,rgba(255,255,255,.82)0,rgba(255,255,255,.3)18%,transparent 42%)top left / 80px 80px no-repeat,radial-gradient(circle at 100% 0,rgba(255,255,255,.66)0,rgba(5,200,255,.1)18%,transparent 42%)top right / 80px 80px no-repeat,radial-gradient(circle at 0 100%,rgba(5,200,255,.075)0,transparent 44%)bottom left / 90px 90px no-repeat,radial-gradient(circle at 100% 100%,rgba(255,255,255,.48)0,transparent 44%)bottom right / 90px 90px no-repeat !important;
  opacity: .78 !important;
}
.nerdvana-landing-card__overlay::after {
  background: linear-gradient(90deg,transparent 0,rgba(255,255,255,.94)24%,rgba(5,200,255,.24)50%,rgba(255,255,255,.94)76%,transparent 100%)top center / 70% 1px no-repeat,linear-gradient(90deg,transparent 0,rgba(205,216,224,.18)18%,rgba(5,200,255,.16)50%,rgba(205,216,224,.18)82%,transparent 100%)bottom center / 78% 1px no-repeat !important;
  opacity: .86 !important;
}
/* Gallery-Label-Zone: kompakter, plakativer, weniger Standard-Textblock */
.nerdvana-landing-card__content {
  margin: 0 8px 8px !important;
  border-radius: 0 0 17px 17px !important;
}
.nerdvana-landing-card__content::before {
  left: 1.15rem !important;
  right: 1.15rem !important;
  background: linear-gradient(90deg,transparent 0,rgba(205,216,224,.16)16%,rgba(5,200,255,.26)50%,rgba(205,216,224,.16)84%,transparent 100%) !important;
}
.nerdvana-landing-card__content::after {
  content: "" !important;
  position: absolute !important;
  left: 1.95rem !important;
  bottom: 1.1rem !important;
  z-index: 1 !important;
  width: 5.2rem !important;
  height: 1px !important;
  background: linear-gradient(90deg,rgba(5,200,255,.22),rgba(255,255,255,0)) !important;
  opacity: .82 !important;
  pointer-events: none !important;
}
.nerdvana-landing-card__kicker {
  color: rgba(27,61,143,.62) !important;
}
/* CTA minimal präsenter, aber weiterhin Gallery-Button statt Sales-Button */
/* =========================================
NERDVANA LANDINGPAGES – Collector Portal Cards V4.2
Portal Depth Polish: stärkere Vitrine, klarere Konsole, edlere Gallery-Plakette
========================================= */
/* Mehr Objektpräsenz: weniger flach, mehr Collector-Vitrine */
.nerdvana-landing-card {
  border-color: rgba(198,212,224,.86) !important;
  box-shadow: 0 30px 66px rgba(13,31,70,.112),0 12px 24px rgba(13,31,70,.05),0 0 0 1px rgba(255,255,255,.94)inset,0 0 26px rgba(5,200,255,.04) !important;
}
/* Rahmen sichtbarer facettieren, ohne Neon-Kante */
.nerdvana-landing-card::before {
  padding: 6px !important;
  background: conic-gradient(from 132deg at 50% 50%,rgba(255,255,255,1)0,rgba(214,226,236,.92)30deg,rgba(255,255,255,1)58deg,rgba(236,249,253,.96)92deg,rgba(5,200,255,.26)116deg,rgba(255,255,255,.98)146deg,rgba(190,204,216,.84)194deg,rgba(255,255,255,1)236deg,rgba(226,248,255,.94)286deg,rgba(255,255,255,1)360deg)border-box !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,1),inset 0 18px 24px rgba(255,255,255,.56),inset 0 -16px 26px rgba(27,61,143,.05),0 0 22px rgba(5,200,255,.064) !important;
}
/* Bildbühne etwas weniger milchig, Konsole bekommt mehr Präsenz */
.nerdvana-landing-card__media img {
  filter: brightness(.985)contrast(1.035)saturate(1.015) !important;
}
.nerdvana-landing-card:hover .nerdvana-landing-card__media img {
  transform: scale(1.02) !important;
  filter: brightness(.995)contrast(1.045)saturate(1.025) !important;
}
/* Vitrinenkante unten prägnanter – wie eine echte Trennung zwischen Bühne und Label */
.nerdvana-landing-card__media {
  border-bottom-color: rgba(5,200,255,.5) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.96)inset,1px 0 0 rgba(255,255,255,.52)inset,-1px 0 0 rgba(27,61,143,.034)inset,0 -1px 0 rgba(5,200,255,.25)inset,0 11px 24px rgba(13,31,70,.034) !important;
}
/* Edge-System: mehr geschliffene Kanten, aber weiterhin keine Bildfläche überdecken */
.nerdvana-landing-card__overlay {
  background: linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,0)36%)top left / 1px 58% no-repeat,linear-gradient(180deg,rgba(255,255,255,.84),rgba(255,255,255,0)36%)top right / 1px 58% no-repeat,linear-gradient(90deg,rgba(255,255,255,.92),rgba(5,200,255,.24),rgba(255,255,255,.92))top center / 76% 1px no-repeat,linear-gradient(90deg,transparent,rgba(5,200,255,.2),transparent)bottom center / 82% 1px no-repeat !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.58)inset,0 0 20px rgba(5,200,255,.03) !important;
}
/* Gallery-Plakette: mehr kuratierter Collector-Look */
.nerdvana-landing-card__content {
  min-height: 126px !important;
  padding: 1.66rem 1.88rem 1.66rem !important;
  background: radial-gradient(ellipse at 18% 0,rgba(5,200,255,.04)0,transparent 36%),linear-gradient(180deg,rgba(255,255,255,1)0,rgba(254,254,255,1)48%,rgba(248,251,253,1)100%) !important;
  box-shadow: 0 -1px 0 rgba(5,200,255,.24),0 1px 0 rgba(255,255,255,.94)inset,0 -12px 22px rgba(13,31,70,.02)inset !important;
}
/* Kleine Collector-Markierung links neben dem Kicker */
.nerdvana-landing-card__kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: .62rem !important;
  margin-bottom: .42rem !important;
  font-size: .86rem !important;
  letter-spacing: .18em !important;
}
.nerdvana-landing-card__kicker::before {
  content: "" !important;
  width: .64rem !important;
  height: .64rem !important;
  flex: 0 0 auto !important;
  transform: rotate(45deg) !important;
  border: 1px solid rgba(5,200,255,.34) !important;
  border-radius: 1px !important;
  background: linear-gradient(135deg,rgba(255,255,255,1),rgba(236,249,253,.92),rgba(5,200,255,.18)) !important;
  box-shadow: 0 0 8px rgba(5,200,255,.12),0 0 0 1px rgba(255,255,255,.72)inset !important;
}
/* Titel minimal stärker als Portal-Name, nicht wie normaler Produkttext */
.nerdvana-landing-card__title {
  margin-bottom: .5rem !important;
  font-size: clamp(1.56rem,1.16vw,1.94rem) !important;
  font-weight: 500 !important;
  letter-spacing: .126em !important;
  color: rgba(13,31,70,.92) !important;
}
/* Text kleiner, damit die Plakette kuratierter wirkt */
.nerdvana-landing-card__text {
  margin-bottom: 1.14rem !important;
  color: rgba(36,54,95,.66) !important;
  font-size: .93rem !important;
  line-height: 1.42 !important;
}
/* Button nicht mehr verloren – kleiner Portal-CTA mit mehr Glaspräsenz */
.nerdvana-landing-card__button {
  border-color: rgba(5,200,255,.28) !important;
}
/* =========================================
NERDVANA LANDINGPAGES – Collector Portal Cards V4.3
Landing CTA an Master-Glasbutton-DNA angeglichen
Kein eigener Chip, kein eigener Button-Stil
========================================= */
/* Landingpage-CTA als kleine Master-Button-Variante */
.nerdvana-landing-card__button {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: flex-start !important;
  max-width: 100% !important;
  min-width: 0 !important;
  border-radius: 17px !important;
  border: 1px solid rgba(225,232,237,.96) !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  color: #102b66 !important;
  -webkit-text-fill-color: #102b66 !important;
  background: radial-gradient(ellipse at 22% 0,rgba(255,255,255,.72)0,rgba(255,255,255,.2)27%,transparent 52%),radial-gradient(ellipse at 78% 100%,rgba(205,216,224,.18)0,rgba(205,216,224,.045)34%,transparent 68%),linear-gradient(180deg,rgba(255,255,255,.18)0,rgba(252,253,254,.075)45%,rgba(238,242,245,.13)100%) !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.98),0 0 5px rgba(255,255,255,.26) !important;
  box-shadow: 0 18px 26px rgba(13,31,70,.06),0 7px 13px rgba(13,31,70,.034),0 2px 3px rgba(255,255,255,.78)inset,0 0 0 1px rgba(255,255,255,.94)inset,0 0 0 2px rgba(255,255,255,.22)inset,0 -1px 0 rgba(145,164,175,.09)inset,0 -12px 20px rgba(188,198,205,.045)inset !important;
  backdrop-filter: blur(14px)saturate(1.04) !important;
  -webkit-backdrop-filter: blur(14px)saturate(1.04) !important;
  transform: none !important;
  transition: border-color .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease,transform .22s ease !important;
}
/* gleiche innere Glasoberfläche wie Master-Button, aber hinter dem Text */
.nerdvana-landing-card__button::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  outline: none !important;
  background: linear-gradient(180deg,rgba(255,255,255,.38)0,rgba(255,255,255,.1)34%,rgba(255,255,255,.025)100%),radial-gradient(ellipse at 18% 0,rgba(255,255,255,.88)0,rgba(255,255,255,.16)28%,transparent 52%),linear-gradient(112deg,transparent 0,rgba(255,255,255,.18)24%,rgba(255,255,255,.045)38%,transparent 55%) !important;
  box-shadow: 0 0 0 1px rgba(202,214,221,.28)inset,0 1px 0 rgba(255,255,255,.96)inset,0 -1px 0 rgba(131,152,164,.052)inset !important;
  opacity: .96 !important;
  transform: none !important;
}
/* gleiche untere Glaslippe / Kontaktschatten */
.nerdvana-landing-card__button::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  display: block !important;
  border-radius: 999px !important;
  border: 0 !important;
  outline: none !important;
  background: linear-gradient(90deg,transparent 0,rgba(255,255,255,.22)16%,rgba(202,214,222,.24)35%,rgba(255,255,255,.4)50%,rgba(202,214,222,.22)65%,rgba(255,255,255,.16)84%,transparent 100%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.74),0 5px 10px rgba(13,31,70,.05),0 12px 18px rgba(13,31,70,.038),0 18px 24px rgba(13,31,70,.02) !important;
  opacity: .86 !important;
  filter: blur(.22px) !important;
  pointer-events: none !important;
}
/* Pfeil nicht als Bubble stylen – er bleibt typografisch wie Teil des Buttons */
.nerdvana-landing-card__button span {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #102b66 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.98),0 0 5px rgba(255,255,255,.22) !important;
}
/* Hover identisch zur Master-DNA, nur lokal für Landingpage */
.nerdvana-landing-card:hover .nerdvana-landing-card__button {
  border-color: rgba(214,223,229,1) !important;
  background: radial-gradient(ellipse at 20% 0,rgba(255,255,255,.66)0,rgba(255,255,255,.22)30%,transparent 50%),linear-gradient(180deg,rgba(255,255,255,.28)0,rgba(250,252,253,.16)42%,rgba(240,244,246,.18)100%) !important;
  color: #0d1f46 !important;
  -webkit-text-fill-color: #0d1f46 !important;
  box-shadow: 0 22px 31px rgba(13,31,70,.074),0 9px 17px rgba(13,31,70,.04),0 2px 3px rgba(255,255,255,.84)inset,0 0 0 1px rgba(255,255,255,.98)inset,0 0 0 2px rgba(255,255,255,.26)inset,0 -1px 0 rgba(145,164,175,.1)inset,0 0 8px rgba(5,200,255,.01) !important;
}
.nerdvana-landing-card:hover .nerdvana-landing-card__button::before {
  border-color: rgba(255,255,255,.92) !important;
}
.nerdvana-landing-card:hover .nerdvana-landing-card__button span {
  color: #0d1f46 !important;
  background: transparent !important;
  box-shadow: none !important;
}
/* =========================================
NERDVANA LANDINGPAGES – Collector Portal Cards V4.4
Landing CTA Micro-Polish: Master-DNA kompakter für kurzen Text
========================================= */
.nerdvana-landing-card__button {
  width: 152px !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 1.22rem !important;
  gap: .38rem !important;
  font-size: .91rem !important;
  font-weight: 700 !important;
  letter-spacing: .07em !important;
}
.nerdvana-landing-card__button::after {
  left: 13px !important;
  right: 13px !important;
  bottom: 5px !important;
  height: 6px !important;
}
.nerdvana-landing-card__button span {
  margin-left: .08rem !important;
  font-size: 1rem !important;
  transform: translateY(-0.02rem) !important;
}
.nerdvana-landing-card:hover .nerdvana-landing-card__button {
  transform: translateY(-1px) !important;
}
/* =========================================
NERDVANA LANDINGPAGES – Landingpage Gallery Stage V1
Subtile Crystal-Gallery-Bühne um Intro + Grid
Kein Card-Redesign, nur Rauminszenierung
========================================= */
/* Etwas mehr kuratierter Raum für die ganze Landingpage */
.nerdvana-landing {
  padding-top: 5.5rem !important;
  padding-bottom: 7.2rem !important;
}
/* Der Bereich zwischen Headline und Karten bekommt mehr Bühne */
.nerdvana-landing__inner {
  position: relative !important;
  overflow: visible !important;
}
/* Intro etwas klarer von der Bühne getrennt */
.nerdvana-landing__intro {
  margin-bottom: 4.35rem !important;
}
/* Grid wird zur Stage-Basis */
.nerdvana-landing__grid {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  gap: 2.35rem !important;
  padding: 1.35rem 1.2rem 1.6rem !important;
}
/* Feiner Lichtteppich ohne sichtbaren Rechteck-Kasten */
.nerdvana-landing__grid::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: -0.8rem !important;
  z-index: 0 !important;
  width: min(1380px,92vw) !important;
  height: calc(100% + 3.6rem) !important;
  transform: translateX(-50%) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: radial-gradient(ellipse at 50% 22%,rgba(255,255,255,.42)0,rgba(255,255,255,.16)22%,rgba(5,200,255,.026)40%,transparent 72%),radial-gradient(ellipse at 50% 84%,rgba(27,61,143,.02)0,transparent 54%) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: .92 !important;
  pointer-events: none !important;
  -webkit-mask-image: radial-gradient(ellipse at center,#000 0,#000 42%,rgba(0,0,0,.42)62%,transparent 82%) !important;
  mask-image: radial-gradient(ellipse at center,#000 0,#000 42%,rgba(0,0,0,.42)62%,transparent 82%) !important;
}
/* Seitliche Crystal-Atmosphäre ohne Panel-Kante */
.nerdvana-landing__grid::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: -1.2rem !important;
  bottom: -1.8rem !important;
  z-index: 0 !important;
  width: min(1440px,94vw) !important;
  transform: translateX(-50%) !important;
  background: radial-gradient(circle at 8% 24%,rgba(5,200,255,.032)0,transparent 18%),radial-gradient(circle at 92% 26%,rgba(5,200,255,.028)0,transparent 18%),radial-gradient(circle at 50% 100%,rgba(27,61,143,.016)0,transparent 30%) !important;
  filter: blur(12px) !important;
  opacity: .72 !important;
  pointer-events: none !important;
  -webkit-mask-image: radial-gradient(ellipse at center,#000 0,#000 46%,transparent 82%) !important;
  mask-image: radial-gradient(ellipse at center,#000 0,#000 46%,transparent 82%) !important;
}
/* Karten bleiben über der Stage */
.nerdvana-landing__grid > .nerdvana-landing-card {
  position: relative !important;
  z-index: 2 !important;
}
/* Der Headline-Divider bekommt minimal mehr Inszenierung im Raum */
.nerdvana-landing__intro::before {
  box-shadow: 0 1px 0 rgba(255,255,255,.92),0 0 18px rgba(5,200,255,.055) !important;
}
.nerdvana-landing__intro::after {
  box-shadow: 0 0 0 1px rgba(255,255,255,.94)inset,0 0 16px rgba(5,200,255,.22),0 0 26px rgba(138,92,255,.06) !important;
}
/* Landingpage Mobile */
@media screen and (max-width: 749px) {
  .nerdvana-landing {
    padding: 3.05rem 0 3.45rem !important;
  }

  .nerdvana-landing__inner {
    padding: 0 1.5rem !important;
  }

  .nerdvana-landing__intro {
    margin-bottom: 1.85rem !important;
    padding-bottom: 2.35rem !important;
  }

  .nerdvana-landing__title {
    font-size: 2.25rem !important;
    letter-spacing: .12em !important;
    line-height: 1.16 !important;
  }

  .nerdvana-landing__text {
    font-size: 1.04rem !important;
    line-height: 1.62 !important;
  }

  .nerdvana-landing__grid {
    grid-template-columns: 1fr !important;
    gap: 1.28rem !important;
    padding: .95rem .72rem 1.25rem !important;
  }

  .nerdvana-landing-card,
  .nerdvana-landing-card__content,
  .nerdvana-landing__grid .nerdvana-landing-card:nth-child(4):nth-last-child(2),
  .nerdvana-landing__grid .nerdvana-landing-card:nth-child(5):last-child {
    grid-column: auto !important;
  }

  .nerdvana-landing-card {
    min-height: 0 !important;
  }

  .nerdvana-landing-card__media {
    height: clamp(20.4rem, 63vw, 25.2rem) !important;
  }

  .nerdvana-landing-card__content {
    min-height: 0 !important;
    padding:
      clamp(1.42rem, 4.8vw, 1.82rem)
      clamp(1.62rem, 5vw, 1.95rem)
      clamp(1.52rem, 5.2vw, 1.92rem) !important;
  }

  .nerdvana-landing-card__kicker {
    margin-bottom: .36rem !important;
    font-size: .8rem !important;
    letter-spacing: .165em !important;
  }

  .nerdvana-landing-card__title {
    margin-bottom: .48rem !important;
    font-size: clamp(1.52rem, 5.1vw, 1.72rem) !important;
    line-height: 1.13 !important;
  }

  .nerdvana-landing-card__text {
    margin-bottom: 0 !important;
    font-size: .94rem !important;
    line-height: 1.44 !important;
  }

  .nerdvana-landing-card__button {
    width: 148px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin-top: clamp(1.35rem, 5vw, 1.85rem) !important;
    padding: 0 1.18rem !important;
    font-size: .88rem !important;
  }

  .nerdvana-landing-card__button::after {
    bottom: 4px !important;
    height: 5px !important;
  }
}
/* =========================================
NERDVANA LANDINGPAGES – Card Media Ratio Stabilizer V4.5
Fix für falsches Landingpage-Kachel-Scaling.

Ziel:
- Bildbühne behält über alle Zwischenbreiten ein stabiles Verhältnis.
- Keine Top/Bottom-Crops beim Runterskalieren.
- Keine Left/Right-Crops im Tablet-Zwischenbereich.
- Tablet bekommt 2 statt gequetschte 3 Spalten.
- Mobile bleibt sauber gestapelt.
========================================= */

/* Bildbühne nicht mehr über feste Höhe skalieren, sondern über echtes Verhältnis */
.nerdvana-landing-card__media {
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1.62 / 1 !important;
}

/* Landingpage-Bilder vollständig sichtbar halten */
.nerdvana-landing-card__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #ffffff !important;
}

/* Großer bis mittlerer Desktop: 3er-Galerie bleibt, aber ohne Bild-Cropping */
@media screen and (min-width: 990px) {
  .nerdvana-landing-card__media {
    aspect-ratio: 1.62 / 1 !important;
  }
}

/* Tablet Bridge: nicht mehr 3 gequetschte Karten nebeneinander */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .nerdvana-landing {
    padding-top: 4.2rem !important;
    padding-bottom: 5.2rem !important;
  }

  .nerdvana-landing__inner {
    padding-left: clamp(2rem, 3.4vw, 3.2rem) !important;
    padding-right: clamp(2rem, 3.4vw, 3.2rem) !important;
  }

  .nerdvana-landing__intro {
    margin-bottom: 3.1rem !important;
  }

  .nerdvana-landing__title {
    font-size: clamp(3.1rem, 5.2vw, 4.4rem) !important;
    letter-spacing: .16em !important;
  }

  .nerdvana-landing__text {
    max-width: 760px !important;
    font-size: 1.12rem !important;
    line-height: 1.64 !important;
  }

  .nerdvana-landing__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: min(100%, 900px) !important;
    max-width: 900px !important;
    gap: clamp(1.55rem, 2.6vw, 2.2rem) !important;
    padding: 1.05rem .95rem 1.35rem !important;
  }

  .nerdvana-landing-card,
  .nerdvana-landing__grid .nerdvana-landing-card:nth-child(4):nth-last-child(2),
  .nerdvana-landing__grid .nerdvana-landing-card:nth-child(5):last-child {
    grid-column: span 2 !important;
  }

  /* Bei ungerader Kartenanzahl letzte Karte mittig setzen */
  .nerdvana-landing__grid .nerdvana-landing-card:nth-child(odd):last-child {
    grid-column: 2 / span 2 !important;
  }

  .nerdvana-landing-card__media {
    aspect-ratio: 1.62 / 1 !important;
  }

  .nerdvana-landing-card__content {
    min-height: 0 !important;
    padding:
      clamp(1.42rem, 2.2vw, 1.72rem)
      clamp(1.5rem, 2.4vw, 1.9rem)
      clamp(1.48rem, 2.4vw, 1.78rem) !important;
  }

  .nerdvana-landing-card__title {
    font-size: clamp(1.42rem, 2.15vw, 1.74rem) !important;
    line-height: 1.14 !important;
    letter-spacing: .112em !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
  }

  .nerdvana-landing-card__text {
    font-size: .9rem !important;
    line-height: 1.44 !important;
  }

  .nerdvana-landing-card__button {
    width: 148px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin-top: 1.28rem !important;
  }
}

/* Mobile: Stack behalten, Bildverhältnis aber ebenfalls stabilisieren */
@media screen and (max-width: 749px) {
  .nerdvana-landing-card__media {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1.62 / 1 !important;
  }

  .nerdvana-landing-card__media img {
    object-fit: contain !important;
  }
}

/* =========================================
NERDVANA LANDINGPAGES – Sparse Grid Centering V4.6
Zentriert Landingpage-Kacheln, wenn nur 1 oder 2 Karten vorhanden sind.

Ziel:
- 3+ Karten behalten die bestehende Gallery-Logik.
- 5 Karten behalten die bereits vorhandene zweite-Reihe-Zentrierung.
- 2 Karten wirken wie eine kuratierte Premium-Auswahl statt linksbündiger Rest.
- 1 Karte steht als Hero-Portal exakt mittig.
========================================= */

/* Desktop / großes Grid: 6-Spalten-System */
@media screen and (min-width: 990px) {
  .nerdvana-landing__grid > .nerdvana-landing-card:only-child {
    grid-column: 3 / span 2 !important;
  }

  .nerdvana-landing__grid > .nerdvana-landing-card:first-child:nth-last-child(2) {
    grid-column: 2 / span 2 !important;
  }

  .nerdvana-landing__grid > .nerdvana-landing-card:nth-child(2):last-child {
    grid-column: 4 / span 2 !important;
  }
}

/* Tablet Bridge aus V4.5: 4-Spalten-System */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .nerdvana-landing__grid > .nerdvana-landing-card:only-child {
    grid-column: 2 / span 2 !important;
  }

  .nerdvana-landing__grid > .nerdvana-landing-card:first-child:nth-last-child(2) {
    grid-column: 1 / span 2 !important;
  }

  .nerdvana-landing__grid > .nerdvana-landing-card:nth-child(2):last-child {
    grid-column: 3 / span 2 !important;
  }
}

/* Mobile bleibt bewusst gestapelt */
@media screen and (max-width: 749px) {
  .nerdvana-landing__grid > .nerdvana-landing-card:only-child,
  .nerdvana-landing__grid > .nerdvana-landing-card:first-child:nth-last-child(2),
  .nerdvana-landing__grid > .nerdvana-landing-card:nth-child(2):last-child {
    grid-column: auto !important;
  }
}

/* =========================================
PRODUKTSEITE – Premium Produktbereich
/* Gesamter Produktbereich */
body #MainContent .product {
  /* Stellschrauben Produktbeschreibung */
  --nerdvana-product-description-font-size: 1.35rem;
  --nerdvana-product-description-line-height: 1.78;
  --nerdvana-product-description-list-font-size: 1.27rem;
  --nerdvana-product-description-list-line-height: 1.68;
  max-width: 1780px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 5.2rem !important;
  padding-bottom: 5.6rem !important;
}
/* Dawn-Grid auf der Produktseite: Desktop fest zweispaltig */
body #MainContent .product.grid {
  display: grid !important;
  grid-template-columns: minmax(0,1fr)minmax(420px,520px) !important;
  column-gap: clamp(4rem,5vw,8rem) !important;
  row-gap: 4rem !important;
  align-items: start !important;
}
/* Dawn-Spaltenbreiten neutralisieren, damit Text rechts neben den Bildern bleibt */
@media screen and (min-width: 990px) {
  body #MainContent .product.grid > .product__media-wrapper, body #MainContent .product.grid > .product__info-wrapper {
    width: 100% !important;
    max-width: none !important;
  }
  body #MainContent .product.grid > .product__media-wrapper {
    grid-column: 1 !important;
  }
  body #MainContent .product.grid > .product__info-wrapper {
    grid-column: 2 !important;
    align-self: start !important;
  }
}
/* Linke Medien-Spalte */
body #MainContent .product__media-wrapper {
  max-width: none !important;
}
/* Hauptbild / Medienflächen als helle Premium-Karten */
body #MainContent .product__media, body #MainContent .product__media-item, body #MainContent .product-media-container {
  border-radius: 24px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,253,.88)) !important;
  border: 1px solid rgba(27,61,143,.08) !important;
  box-shadow: 0 20px 44px rgba(13,31,70,.075),0 7px 18px rgba(13,31,70,.035),0 0 0 1px rgba(255,255,255,.78)inset !important;
}
/* Produktbilder sauber, ruhig und farblich an Produktkarten angeglichen */
body #MainContent .product__media img, body #MainContent .product-media-container img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  filter: brightness(1.035)contrast(1.025)saturate(1.015) !important;
  transition: filter .45s ease !important;
}
/* Produktgalerie Lupen-Icon – nur bei Hover sichtbar */
body #MainContent .product__modal-opener--image {
  cursor: zoom-in !important;
}
body #MainContent .product__modal-opener--image .product__media-icon {
  top: 1.05rem !important;
  left: 1.05rem !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(27,61,143,.1) !important;
  color: rgba(13,31,70,.62) !important;
  background: rgba(255,255,255,.34) !important;
  box-shadow: 0 6px 12px rgba(13,31,70,.045),0 0 0 1px rgba(255,255,255,.52)inset !important;
  backdrop-filter: blur(8px)saturate(1.02) !important;
  -webkit-backdrop-filter: blur(8px)saturate(1.02) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-2px)scale(.94) !important;
  pointer-events: none !important;
  transition: opacity .18s ease,visibility .18s ease,transform .18s ease,color .18s ease,background .18s ease,border-color .18s ease !important;
}
body #MainContent .product__modal-opener--image:hover .product__media-icon, body #MainContent .product__modal-opener--image:focus-visible .product__media-icon {
  visibility: visible !important;
  transform: translateY(0)scale(1) !important;
}
body #MainContent .product__modal-opener--image:hover .product__media-icon, body #MainContent .product__modal-opener--image:focus-visible .product__media-icon {
  opacity: .96 !important;
  color: #1b3d8f !important;
  border-color: rgba(27,61,143,.16) !important;
  background: rgba(255,255,255,.48) !important;
}
body #MainContent .product__modal-opener--image .product__media-icon .icon, body #MainContent .product__modal-opener--image .product__media-icon svg {
  width: 13px !important;
  height: 13px !important;
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
/* =========================================
PRODUKTSEITE – 3D Modelviewer
Sofort nutzbarer, heller Celestial-Viewport
========================================= */
/* 3D-Medium darf wie die anderen Medien sauber im Kartenrahmen sitzen */
body #MainContent .product__media-item:has(model-viewer), body #MainContent .product__media-item:has(.product__modal-opener--model), body #MainContent .product__media-item:has(deferred-media), body #MainContent .product__media-item:has(.deferred-media) {
  background: #fff !important;
}
/* Poster/Startzustand vor Auto-Aktivierung: schwarzes Standardsymbol entschärfen */
body #MainContent .product__media-item:has(.product__modal-opener--model) .deferred-media__poster, body #MainContent .product__media-item:has(.product__modal-opener--model) .product__modal-opener, body #MainContent .product__media-item:has(.product__modal-opener--model) .product__media {
  background: #fff !important;
}
/* 3D-Posterbutton nur vor Auto-Aktivierung kurz erlauben */
body #MainContent .product__media-item:not(.nerdvana-model-viewer-ready):has(.product__modal-opener--model) .deferred-media__poster-button, body #MainContent .product__media-item:not(.nerdvana-model-viewer-ready):has(.product__modal-opener--model) .product__media-icon {
  width: 46px !important;
  height: 46px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(27,61,143,.12) !important;
  color: rgba(13,31,70,.78) !important;
  background: rgba(255,255,255,.72) !important;
  box-shadow: 0 12px 24px rgba(13,31,70,.1),0 0 0 1px rgba(255,255,255,.78)inset !important;
  backdrop-filter: blur(12px)saturate(1.04) !important;
  -webkit-backdrop-filter: blur(12px)saturate(1.04) !important;
}
/* Sobald der Modelviewer aktiv ist: Dawn-/Shopify-3D-Icon vollständig ausblenden */
body #MainContent .product__media-item.nerdvana-model-viewer-ready .deferred-media__poster-button, body #MainContent .product__media-item.nerdvana-model-viewer-ready .product__media-icon, body #MainContent .product__media-item:has(model-viewer) .deferred-media__poster-button, body #MainContent .product__media-item:has(model-viewer) .product__media-icon, body #MainContent .product__media-item:has(model-viewer) .product__modal-opener--model .product__media-icon {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
/* Aktiver Modelviewer */
body #MainContent .product__media model-viewer, body #MainContent .product-media-container model-viewer, body #MainContent deferred-media model-viewer, body #MainContent .deferred-media model-viewer {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 520px !important;
  background: #fff !important;
  --poster-color: #fff;
  border-radius: 24px !important;
  filter: brightness(1.03)contrast(1.08)saturate(1.03) !important;
  cursor: grab !important;
}
body #MainContent .product__media model-viewer:active, body #MainContent .product-media-container model-viewer:active, body #MainContent deferred-media model-viewer:active, body #MainContent .deferred-media model-viewer:active {
  cursor: grabbing !important;
}
/* 3D-Hinweis-Overlay deaktiviert */
body #MainContent .product__media-item:has(model-viewer)::after, body #MainContent .product__media-item.nerdvana-model-viewer-ready::after, body #MainContent .product__media-item .nerdvana-model-viewer-hint {
  display: none !important;
}
/* 3D-Funktionshinweis – additive kleine Glaskapsel */
body #MainContent .product__media-item:has(model-viewer), body #MainContent .product__media-item.nerdvana-model-viewer-ready {
  position: relative !important;
}
body #MainContent .product__media-item .nerdvana-model-viewer-hint {
  position: absolute !important;
  left: 1.2rem !important;
  bottom: 1.2rem !important;
  z-index: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 3.4rem !important;
  max-width: min(30rem,calc(100% - 7rem)) !important;
  padding: .72rem 1.05rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(27,61,143,.1) !important;
  background: rgba(255,255,255,.78) !important;
  color: rgba(13,31,70,.78) !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: .82rem !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: .01em !important;
  white-space: nowrap !important;
  box-shadow: 0 10px 22px rgba(13,31,70,.08),0 0 0 1px rgba(255,255,255,.72)inset !important;
  backdrop-filter: blur(10px)saturate(1.04) !important;
  -webkit-backdrop-filter: blur(10px)saturate(1.04) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(8px) !important;
  transition: opacity .22s ease,visibility .22s ease,transform .22s ease !important;
  pointer-events: none !important;
  user-select: none !important;
}
body #MainContent .product__media-item .nerdvana-model-viewer-hint.is-visible {
  opacity: .96 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}
body #MainContent .product__media-item .nerdvana-model-viewer-hint.is-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(8px) !important;
}
/* Shopify Modelviewer-Steuerung unten rechts im Shop-Stil */
body #MainContent .shopify-model-viewer-ui, body #MainContent .shopify-model-viewer-ui model-viewer {
  border-radius: 24px !important;
  overflow: hidden !important;
}
body #MainContent .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
  right: 1.2rem !important;
  bottom: 1.2rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .35rem !important;
  padding: .42rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(27,61,143,.12) !important;
  background: rgba(255,255,255,.72) !important;
  box-shadow: 0 14px 28px rgba(13,31,70,.12),0 0 0 1px rgba(255,255,255,.78)inset !important;
  backdrop-filter: blur(12px)saturate(1.04) !important;
  -webkit-backdrop-filter: blur(12px)saturate(1.04) !important;
}
body #MainContent .shopify-model-viewer-ui .shopify-model-viewer-ui__button {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #1b3d8f !important;
  background: transparent !important;
  line-height: 1 !important;
  box-shadow: none !important;
  transition: color .18s ease,background .18s ease,transform .18s ease !important;
}
body #MainContent .shopify-model-viewer-ui .shopify-model-viewer-ui__button:hover, body #MainContent .shopify-model-viewer-ui .shopify-model-viewer-ui__button:focus-visible {
  color: #0d1f46 !important;
  background: rgba(5,200,255,.08) !important;
  transform: translateY(-1px) !important;
}
body #MainContent .shopify-model-viewer-ui .shopify-model-viewer-ui__button svg, body #MainContent .shopify-model-viewer-ui .shopify-model-viewer-ui__button .icon {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  margin: auto !important;
  position: static !important;
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  transform: none !important;
  transform-origin: center center !important;
}
/* Fullscreen-/Bild-vergrößern-Icon unten rechts wirklich zentrieren */
body #MainContent .shopify-model-viewer-ui .shopify-model-viewer-ui__button:last-child {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}
body #MainContent .shopify-model-viewer-ui .shopify-model-viewer-ui__button:last-child svg, body #MainContent .shopify-model-viewer-ui .shopify-model-viewer-ui__button:last-child .icon {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  transform: translate(-50%,-50%)scale(.92) !important;
  transform-origin: center center !important;
}
/* Mobile etwas kompakter */
@media screen and (max-width: 749px) {
  body #MainContent .product__media model-viewer, body #MainContent .product-media-container model-viewer, body #MainContent deferred-media model-viewer, body #MainContent .deferred-media model-viewer {
    min-height: 380px !important;
  }
  /* Kein zusätzlicher Desktop-Funktionshinweis auf Mobile */
  body #MainContent .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
    right: .9rem !important;
    bottom: .9rem !important;
  }
}
/* =========================================
DESKTOP – Product Media Dual Showcase Filmstrip V1
Desktop-Produktgalerie:
- Medium 1 startet als obere primäre Bühne
- das jeweils folgende Medium steht direkt darunter
- Bühnenpfeile wechseln das sichtbare Medienpaar zirkulär
- Filmstrip-Thumbs setzen das gewählte Medium auf die obere Bühne
Mobile Hero-Rail bleibt unangetastet.
========================================= */

@media screen and (min-width: 990px) {
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready {
    overflow: visible !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .thumbnail-slider {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1.2rem !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item {
    display: none !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(0, .55rem, 0) scale(.992) !important;
    filter: saturate(.985) brightness(.995) !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-primary,
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-secondary {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    filter: none !important;
  }

  /*
    Finale Desktop-Reihenfolge:
    Primary ist die obere Bühne.
    Secondary ist das zirkulär folgende Medium darunter.
  */
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-primary {
    order: 1 !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-secondary {
    order: 2 !important;
    animation: nerdvana-desktop-product-secondary-media-in .38s cubic-bezier(.16, 1, .3, 1) both !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-primary,
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-secondary,
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-primary .product__media,
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-secondary .product__media,
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-primary .product-media-container,
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-secondary .product-media-container {
    border-radius: 24px !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip {
    --nerdvana-desktop-product-thumb-width: clamp(118px, 9.2vw, 164px);
    --nerdvana-desktop-product-thumb-gap: .82rem;

    position: relative !important;
    z-index: 4 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: clamp(1.05rem, 1.35vw, 1.45rem) auto 0 !important;
    padding: .72rem 3.55rem .78rem !important;
    box-sizing: border-box !important;
    border-radius: 24px !important;
    border: 1px solid rgba(205,216,224,.64) !important;
    background:
      radial-gradient(ellipse at 50% 0, rgba(255,255,255,.86) 0, rgba(255,255,255,.28) 36%, transparent 70%),
      radial-gradient(ellipse at 50% 100%, rgba(5,200,255,.07) 0, rgba(5,200,255,.018) 44%, transparent 74%),
      linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(240,247,251,.52) 100%) !important;
    box-shadow:
      0 16px 34px rgba(13,31,70,.06),
      0 6px 14px rgba(13,31,70,.032),
      0 0 0 1px rgba(255,255,255,.86) inset,
      0 1px 0 rgba(255,255,255,.96) inset,
      0 -12px 22px rgba(188,198,205,.052) inset !important;
    isolation: isolate !important;
    overflow: hidden !important;
    backdrop-filter: blur(14px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.04) !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip::before {
    content: "" !important;
    position: absolute !important;
    left: 3.4rem !important;
    right: 3.4rem !important;
    top: 0 !important;
    z-index: 1 !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.78), rgba(5,200,255,.18), rgba(255,255,255,.78), transparent) !important;
    pointer-events: none !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__viewport {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%) !important;
    mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%) !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__track {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: var(--nerdvana-desktop-product-thumb-gap) !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: .12rem .12rem .42rem !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__track::-webkit-scrollbar {
    display: none !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__thumb {
    position: relative !important;
    flex: 0 0 var(--nerdvana-desktop-product-thumb-width) !important;
    display: block !important;
    aspect-ratio: 1.18 / 1 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(205,216,224,.68) !important;
    border-radius: 16px !important;
    background:
      radial-gradient(ellipse at 50% 0, rgba(255,255,255,.86) 0, rgba(255,255,255,.22) 42%, transparent 72%),
      linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(238,246,251,.72) 100%) !important;
    box-shadow:
      0 8px 17px rgba(13,31,70,.052),
      0 2px 6px rgba(13,31,70,.032),
      0 0 0 1px rgba(255,255,255,.84) inset,
      0 1px 0 rgba(255,255,255,.94) inset,
      0 -8px 16px rgba(188,198,205,.052) inset !important;
    overflow: hidden !important;
    scroll-snap-align: start !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    transform: translateZ(0) !important;
    transition:
      border-color .22s ease,
      box-shadow .22s ease,
      transform .22s ease,
      filter .22s ease,
      opacity .22s ease !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__thumb::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    border-radius: inherit !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.16) 0, transparent 34%),
      radial-gradient(ellipse at 50% 105%, rgba(5,200,255,.115) 0, transparent 66%) !important;
    pointer-events: none !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__thumb::after {
    content: "" !important;
    position: absolute !important;
    left: 18% !important;
    right: 18% !important;
    bottom: 0 !important;
    z-index: 4 !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, transparent, rgba(5,200,255,.78), transparent) !important;
    opacity: 0 !important;
    transform: scaleX(.45) !important;
    transition: opacity .22s ease, transform .22s ease !important;
    pointer-events: none !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__thumb img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: inherit !important;
    filter: brightness(1.02) contrast(1.04) saturate(1.02) !important;
    transform: scale(1.01) !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__thumb:hover,
  body #MainContent .nerdvana-desktop-product-media-filmstrip__thumb:focus-visible {
    border-color: rgba(5,200,255,.38) !important;
    box-shadow:
      0 10px 21px rgba(13,31,70,.066),
      0 0 15px rgba(5,200,255,.1),
      0 0 0 1px rgba(255,255,255,.9) inset,
      0 1px 0 rgba(255,255,255,.98) inset,
      0 -8px 16px rgba(188,198,205,.058) inset !important;
    transform: translateY(-1px) translateZ(0) !important;
    outline: none !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__thumb.is-active {
    border-color: rgba(5,200,255,.56) !important;
    box-shadow:
      0 11px 24px rgba(13,31,70,.078),
      0 0 20px rgba(5,200,255,.16),
      0 0 0 1px rgba(255,255,255,.94) inset,
      0 1px 0 rgba(255,255,255,.98) inset,
      0 -8px 16px rgba(188,198,205,.062) inset !important;
    transform: translateY(-1px) translateZ(0) !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__thumb.is-active::after {
    opacity: 1 !important;
    transform: scaleX(1) !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__fallback {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    color: #1b3d8f !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: .92rem !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    background:
      radial-gradient(ellipse at 50% 18%, rgba(5,200,255,.11) 0, transparent 62%),
      linear-gradient(180deg, rgba(255,255,255,.9), rgba(238,247,252,.82)) !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__badge {
    position: absolute !important;
    left: .46rem !important;
    top: .46rem !important;
    z-index: 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 1.62rem !important;
    padding: .18rem .52rem .13rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(5,200,255,.28) !important;
    background: rgba(255,255,255,.78) !important;
    color: #1b3d8f !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: .62rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .085em !important;
    text-transform: uppercase !important;
    box-shadow:
      0 4px 10px rgba(13,31,70,.065),
      0 0 0 1px rgba(255,255,255,.72) inset !important;
    backdrop-filter: blur(8px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(8px) saturate(1.04) !important;
    pointer-events: none !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__arrow {
    position: absolute !important;
    top: 50% !important;
    z-index: 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 3.9rem !important;
    height: 3.9rem !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(205,216,224,.7) !important;
    background:
      radial-gradient(circle at 50% 0, rgba(255,255,255,.92), rgba(255,255,255,.5) 48%, rgba(238,247,252,.38) 100%) !important;
    color: rgba(27,61,143,.74) !important;
    box-shadow:
      0 12px 24px rgba(13,31,70,.08),
      0 0 0 1px rgba(255,255,255,.82) inset,
      0 1px 0 rgba(255,255,255,.94) inset !important;
    opacity: .72 !important;
    cursor: pointer !important;
    backdrop-filter: blur(12px) saturate(1.05) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.05) !important;
    transform: translateY(-50%) !important;
    transition:
      opacity .2s ease,
      color .2s ease,
      border-color .2s ease,
      box-shadow .2s ease,
      transform .2s ease !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__arrow:hover,
  body #MainContent .nerdvana-desktop-product-media-filmstrip__arrow:focus-visible {
    opacity: .96 !important;
    color: #1b3d8f !important;
    border-color: rgba(5,200,255,.34) !important;
    box-shadow:
      0 14px 28px rgba(13,31,70,.095),
      0 0 16px rgba(5,200,255,.12),
      0 0 0 1px rgba(255,255,255,.9) inset,
      0 1px 0 rgba(255,255,255,.96) inset !important;
    transform: translateY(-50%) scale(1.025) !important;
    outline: none !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__arrow.is-disabled {
    opacity: .22 !important;
    cursor: default !important;
    pointer-events: none !important;
    filter: saturate(.8) !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__arrow--prev {
    left: .72rem !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__arrow--next {
    right: .72rem !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__arrow::before {
    content: "" !important;
    display: block !important;
    width: .78rem !important;
    height: .78rem !important;
    border-top: 1.6px solid currentColor !important;
    border-right: 1.6px solid currentColor !important;
    filter:
      drop-shadow(0 1px 0 rgba(255,255,255,.72))
      drop-shadow(0 0 5px rgba(5,200,255,.12)) !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__arrow--prev::before {
    transform: translateX(.12rem) rotate(-135deg) !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__arrow--next::before {
    transform: translateX(-.12rem) rotate(45deg) !important;
  }
}

@media screen and (min-width: 990px) and (prefers-reduced-motion: reduce) {
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-secondary,
  body #MainContent .nerdvana-desktop-product-media-filmstrip__thumb,
  body #MainContent .nerdvana-desktop-product-media-filmstrip__arrow,
  body #MainContent .nerdvana-desktop-product-media-filmstrip__track {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

@keyframes nerdvana-desktop-product-secondary-media-in {
  0% {
    opacity: 0;
    transform: translate3d(0, .5rem, 0) scale(.992);
    filter: blur(2px) saturate(.98);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0) saturate(1);
  }
}


/* =========================================
PRODUKTSEITE – Nerdvana Product Lightbox
Eigenes Premium-Popup für Produktbilder
========================================= */
/* Falls Dawn beim Bildklick trotzdem kurz öffnet, während unsere Lightbox aktiv ist */
html.nerdvana-lightbox-open body .product-media-modal[open] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* =========================================
MOBILE/TABLET – Product Video Modal Celestial Viewer V1
Dawn-Video-/Media-Modal im Nerdvana-Stil.
Fix:
- Header liegt nicht mehr über dem Viewer
- Viewer wird echte Fullscreen-Overlay-Bühne
- Video/Media sitzt sauber zentriert in Premium-Stage

Nur Mobile/Tablet. Desktop V1.x bleibt unangetastet.
========================================= */

@media screen and (max-width: 989px) {
  body:has(.product-media-modal[open]),
  html:has(.product-media-modal[open]) {
    overflow: hidden !important;
    overscroll-behavior: contain !important;
  }

  body .product-media-modal[open],
  body product-modal.product-media-modal[open] {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147482500 !important;
    display: grid !important;
    place-items: center !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: clamp(1.05rem, 3.8vw, 1.55rem) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background:
      radial-gradient(ellipse at 50% 10%, rgba(255,255,255,.34) 0, rgba(255,255,255,.12) 34%, transparent 70%),
      radial-gradient(ellipse at 50% 92%, rgba(5,200,255,.13) 0, rgba(5,200,255,.035) 42%, transparent 76%),
      rgba(13,31,70,.34) !important;
    backdrop-filter: blur(14px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.04) !important;
  }

  body .product-media-modal[open]::before,
  body product-modal.product-media-modal[open]::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background:
      linear-gradient(180deg, rgba(247,249,252,.82) 0%, rgba(247,249,252,.22) 18%, rgba(7,13,26,.18) 48%, rgba(247,249,252,.18) 100%),
      radial-gradient(ellipse at 50% 50%, rgba(5,200,255,.075) 0, transparent 62%) !important;
  }

  body .product-media-modal[open] .product-media-modal__dialog,
  body product-modal.product-media-modal[open] .product-media-modal__dialog {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: min(100%, 48rem) !important;
    max-width: calc(100vw - 2.1rem) !important;
    height: auto !important;
    max-height: calc(100dvh - 2.1rem) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border-radius: 28px !important;
    border: 1px solid rgba(205,216,224,.72) !important;
    background:
      radial-gradient(ellipse at 50% 0, rgba(255,255,255,.88) 0, rgba(255,255,255,.16) 34%, transparent 72%),
      linear-gradient(180deg, rgba(255,255,255,.34) 0%, rgba(247,249,252,.14) 42%, rgba(7,13,26,.08) 100%) !important;
    box-shadow:
      0 30px 70px rgba(13,31,70,.28),
      0 12px 30px rgba(13,31,70,.15),
      0 0 26px rgba(5,200,255,.1),
      0 0 0 1px rgba(255,255,255,.82) inset,
      0 1px 0 rgba(255,255,255,.94) inset !important;
    overflow: hidden !important;
  }

  body .product-media-modal[open] .product-media-modal__content,
  body product-modal.product-media-modal[open] .product-media-modal__content {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: calc(100dvh - 2.1rem) !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
  }

  body .product-media-modal[open] .product-media-modal__content > *,
  body product-modal.product-media-modal[open] .product-media-modal__content > * {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  body .product-media-modal[open] video,
  body .product-media-modal[open] iframe,
  body .product-media-modal[open] model-viewer,
  body .product-media-modal[open] .deferred-media,
  body .product-media-modal[open] .deferred-media__poster,
  body .product-media-modal[open] .product__media,
  body .product-media-modal[open] .product-media-container,
  body product-modal.product-media-modal[open] video,
  body product-modal.product-media-modal[open] iframe,
  body product-modal.product-media-modal[open] model-viewer,
  body product-modal.product-media-modal[open] .deferred-media,
  body product-modal.product-media-modal[open] .deferred-media__poster,
  body product-modal.product-media-modal[open] .product__media,
  body product-modal.product-media-modal[open] .product-media-container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: calc(100dvh - 2.1rem) !important;
    border-radius: 26px !important;
    background: #03070d !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  body .product-media-modal[open] video,
  body product-modal.product-media-modal[open] video {
    object-fit: contain !important;
  }

  body .product-media-modal[open] iframe,
  body product-modal.product-media-modal[open] iframe {
    aspect-ratio: 16 / 9 !important;
    border: 0 !important;
  }

  body .product-media-modal[open] .product-media-modal__toggle,
  body product-modal.product-media-modal[open] .product-media-modal__toggle {
    position: fixed !important;
    top: max(.9rem, env(safe-area-inset-top)) !important;
    right: max(.9rem, env(safe-area-inset-right)) !important;
    z-index: 2147482600 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 4.4rem !important;
    height: 4.4rem !important;
    min-width: 4.4rem !important;
    min-height: 4.4rem !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(5,200,255,.22) !important;
    background:
      radial-gradient(circle at 50% 38%, rgba(255,255,255,.96) 0, rgba(243,251,255,.82) 42%, rgba(224,242,250,.68) 100%) !important;
    color: #102b66 !important;
    box-shadow:
      0 16px 34px rgba(13,31,70,.18),
      0 0 18px rgba(5,200,255,.13),
      0 0 0 1px rgba(255,255,255,.9) inset,
      0 1px 0 rgba(255,255,255,.98) inset !important;
    opacity: .98 !important;
    cursor: pointer !important;
    backdrop-filter: blur(14px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
  }

  body .product-media-modal[open] .product-media-modal__toggle .icon,
  body .product-media-modal[open] .product-media-modal__toggle svg,
  body product-modal.product-media-modal[open] .product-media-modal__toggle .icon,
  body product-modal.product-media-modal[open] .product-media-modal__toggle svg {
    width: 1.75rem !important;
    height: 1.75rem !important;
    color: currentColor !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }
}
/* =========================================
MOBILE/TABLET – Product Video Modal Playback Experience V3
Ziel:
- erster Playbutton ist weiß, nicht schwarz
- Dawn/deferred-media bleibt für den Erststart zuständig
- nach Video-Aktivierung verschwindet der Poster-Layer
- keine eigene Pseudo-Control-Fläche mehr
- Native Controls werden per JS passend ein-/ausgeblendet

Nur Mobile/Tablet. Desktop V1.x bleibt unangetastet.
========================================= */

@media screen and (max-width: 989px) {
  /*
    Vor Aktivierung:
    Dawns Poster bleibt funktional, aber der schwarze Dawn-Button
    wird optisch zu einem weißen, ruhigen Play-Glyph.
  */

  body .product-media-modal[open] .deferred-media__poster,
  body product-modal.product-media-modal[open] .deferred-media__poster {
    pointer-events: auto !important;
    cursor: pointer !important;
  }

  body .product-media-modal[open]:not(.nerdvana-mobile-video-has-video) .deferred-media__poster-button,
  body product-modal.product-media-modal[open]:not(.nerdvana-mobile-video-has-video) .deferred-media__poster-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    width: clamp(5.6rem, 16vw, 7.2rem) !important;
    height: clamp(5.6rem, 16vw, 7.2rem) !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #ffffff !important;
    transform: translate(-50%, -50%) scale(1) !important;
    filter:
      drop-shadow(0 2px 5px rgba(0,0,0,.42))
      drop-shadow(0 0 18px rgba(5,200,255,.2)) !important;
  }

  body .product-media-modal[open]:not(.nerdvana-mobile-video-has-video) .product__media-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #ffffff !important;
    filter:
      drop-shadow(0 2px 5px rgba(0,0,0,.42))
      drop-shadow(0 0 18px rgba(5,200,255,.18)) !important;
  }

  body .product-media-modal[open]:not(.nerdvana-mobile-video-has-video) .deferred-media__poster-button svg,
  body .product-media-modal[open]:not(.nerdvana-mobile-video-has-video) .deferred-media__poster-button .icon,
  body .product-media-modal[open]:not(.nerdvana-mobile-video-has-video) .product__media-icon svg,
  body .product-media-modal[open]:not(.nerdvana-mobile-video-has-video) .product__media-icon .icon,
  body product-modal.product-media-modal[open]:not(.nerdvana-mobile-video-has-video) .deferred-media__poster-button svg,
  body product-modal.product-media-modal[open]:not(.nerdvana-mobile-video-has-video) .deferred-media__poster-button .icon,
  body product-modal.product-media-modal[open]:not(.nerdvana-mobile-video-has-video) .product__media-icon svg,
  body product-modal.product-media-modal[open]:not(.nerdvana-mobile-video-has-video) .product__media-icon .icon {
    width: clamp(2.15rem, 6vw, 2.9rem) !important;
    height: clamp(2.15rem, 6vw, 2.9rem) !important;
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  /*
    Nach Aktivierung:
    Sobald das echte Video existiert, darf Dawns Poster-/Play-Layer
    nicht mehr über dem Video liegen.
  */

  body .product-media-modal[open].nerdvana-mobile-video-has-video .deferred-media__poster,
  body .product-media-modal[open].nerdvana-mobile-video-has-video .deferred-media__poster-button,
  body .product-media-modal[open].nerdvana-mobile-video-has-video .product__media-icon,
  body product-modal.product-media-modal[open].nerdvana-mobile-video-has-video .deferred-media__poster,
  body product-modal.product-media-modal[open].nerdvana-mobile-video-has-video .deferred-media__poster-button,
  body product-modal.product-media-modal[open].nerdvana-mobile-video-has-video .product__media-icon {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body .product-media-modal[open] video,
  body product-modal.product-media-modal[open] video {
    pointer-events: auto !important;
  }

  /*
    Runtime-Reste aus vorherigen Tests bleiben deaktiviert.
    V3 nutzt keine eigene Surface-Taste mehr.
  */

  body .product-media-modal[open] .nerdvana-mobile-video-surface-toggle,
  body product-modal.product-media-modal[open] .nerdvana-mobile-video-surface-toggle,
  body .product-media-modal[open] .nerdvana-mobile-video-surface-toggle::before,
  body product-modal.product-media-modal[open] .nerdvana-mobile-video-surface-toggle::before {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}


html.nerdvana-lightbox-open,
html.nerdvana-lightbox-open body {
  overflow: hidden !important;
}

.nerdvana-product-lightbox[hidden] {
  display: none !important;
}

.nerdvana-product-lightbox {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9800 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .24s ease,visibility 0 linear .24s !important;
}
.nerdvana-product-lightbox.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition: opacity .24s ease,visibility 0 linear 0 !important;
}
.nerdvana-product-lightbox__backdrop {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: clamp(1.4rem,3vw,3.2rem) !important;
  background: radial-gradient(circle at 50% 8%,rgba(5,200,255,.055),transparent 42%),rgba(247,249,252,.82) !important;
  backdrop-filter: blur(18px)saturate(1.05) !important;
  -webkit-backdrop-filter: blur(18px)saturate(1.05) !important;
}
.nerdvana-product-lightbox__dialog {
  position: relative !important;
  width: auto !important;
  height: auto !important;
  max-width: min(1320px,92vw) !important;
  max-height: min(860px,86vh) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: translateY(14px)scale(.975) !important;
  opacity: 0 !important;
  transition: transform .32s cubic-bezier(.22,1,.36,1),opacity .24s ease !important;
}
.nerdvana-product-lightbox.is-open .nerdvana-product-lightbox__dialog {
  transform: translateY(0)scale(1) !important;
  opacity: 1 !important;
}
.nerdvana-product-lightbox__viewport {
  position: relative !important;
  width: auto !important;
  height: auto !important;
  max-width: min(1320px,92vw) !important;
  max-height: min(860px,86vh) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border-radius: 28px !important;
  border: 1px solid rgba(27,61,143,.1) !important;
  background: transparent !important;
  box-shadow: 0 30px 72px rgba(13,31,70,.18),0 12px 28px rgba(13,31,70,.08),0 0 0 1px rgba(255,255,255,.82)inset !important;
}
.nerdvana-product-lightbox__image {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: min(1320px,92vw) !important;
  max-height: min(860px,86vh) !important;
  object-fit: contain !important;
  border-radius: 28px !important;
  transform-origin: center center !important;
  transform: translate3d(0,0,0)scale(1) !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
  cursor: zoom-in !important;
}
.nerdvana-product-lightbox__image.is-zoomed {
  cursor: grab !important;
}
.nerdvana-product-lightbox__image.is-dragging {
  cursor: grabbing !important;
}
.nerdvana-product-lightbox__button {
  position: absolute !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(27,61,143,.12) !important;
  border-radius: 999px !important;
  color: rgba(13,31,70,.78) !important;
  background: rgba(255,255,255,.62) !important;
  box-shadow: 0 12px 24px rgba(13,31,70,.1),0 0 0 1px rgba(255,255,255,.72)inset !important;
  backdrop-filter: blur(12px)saturate(1.04) !important;
  -webkit-backdrop-filter: blur(12px)saturate(1.04) !important;
  cursor: pointer !important;
  transition: color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease !important;
}
.nerdvana-product-lightbox__button:hover {
  color: #1b3d8f !important;
  background: rgba(255,255,255,.82) !important;
  border-color: rgba(5,200,255,.2) !important;
  box-shadow: 0 14px 28px rgba(13,31,70,.12),0 0 14px rgba(5,200,255,.08),0 0 0 1px rgba(255,255,255,.78)inset !important;
}
.nerdvana-product-lightbox__close {
  top: -1.1rem !important;
  right: -1.1rem !important;
  width: 42px !important;
  height: 42px !important;
  font-size: 2.2rem !important;
  line-height: 1 !important;
}
.nerdvana-product-lightbox__nav {
  top: 50% !important;
  width: 48px !important;
  height: 48px !important;
  transform: translateY(-50%) !important;
  font-size: 2.8rem !important;
  line-height: 1 !important;
}
.nerdvana-product-lightbox__nav:hover {
  transform: translateY(-50%)scale(1.035) !important;
}
.nerdvana-product-lightbox__nav--prev {
  left: -1.55rem !important;
}
.nerdvana-product-lightbox__nav--next {
  right: -1.55rem !important;
}
.nerdvana-product-lightbox__counter {
  position: absolute !important;
  left: 50% !important;
  bottom: -2.1rem !important;
  transform: translateX(-50%) !important;
  color: rgba(36,54,95,.62) !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: .95rem !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
}
@media screen and (max-width: 749px) {
  .nerdvana-product-lightbox__backdrop {
    padding: 1rem !important;
  }
  .nerdvana-product-lightbox__dialog {
    width: auto !important;
    height: auto !important;
    max-width: 94vw !important;
    max-height: 76vh !important;
  }
  .nerdvana-product-lightbox__image {
    max-width: 94vw !important;
    max-height: 76vh !important;
  }
  .nerdvana-product-lightbox__viewport {
    border-radius: 20px !important;
  }
  .nerdvana-product-lightbox__close {
    top: .8rem !important;
    right: .8rem !important;
  }
  .nerdvana-product-lightbox__nav {
    width: 40px !important;
    height: 40px !important;
    font-size: 2.3rem !important;
  }
  .nerdvana-product-lightbox__nav--prev {
    left: .8rem !important;
  }
  .nerdvana-product-lightbox__nav--next {
    right: .8rem !important;
  }
  .nerdvana-product-lightbox__counter {
    bottom: .9rem !important;
    padding: .25rem .65rem !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.7) !important;
  }
}
/* Thumbnail-Liste, falls Dawn zusätzlich echte Thumbnails rendert */
body #MainContent .thumbnail-list {
  gap: 1.2rem !important;
}
body #MainContent .thumbnail, body #MainContent .thumbnail[aria-current] {
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1px solid rgba(27,61,143,.1) !important;
  background: rgba(255,255,255,.82) !important;
  box-shadow: 0 8px 18px rgba(13,31,70,.05),0 0 0 1px rgba(255,255,255,.78)inset !important;
}
body #MainContent .thumbnail[aria-current] {
  border-color: rgba(5,200,255,.32) !important;
  box-shadow: 0 8px 18px rgba(13,31,70,.06),0 0 14px rgba(5,200,255,.1),0 0 0 1px rgba(255,255,255,.82)inset !important;
}
/* Rechte Produktinfo als ruhige Premium-Spalte */
body #MainContent .product__info-wrapper {
  max-width: 520px !important;
}
body #MainContent .product__info-container {
  position: relative !important;
  max-width: 520px !important;
  padding: .4rem 0 0 !important;
  color: #24365f !important;
}
/* Kleine Brand-/Vendor-Zeile */
body #MainContent .product__info-container .product__text, body #MainContent .product__info-container .caption-with-letter-spacing {
  margin-bottom: .7rem !important;
  color: rgba(36,54,95,.6) !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: .86rem !important;
  font-weight: 600 !important;
  letter-spacing: .15em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}
/* Produkttitel */
body #MainContent .product .product__title, body #MainContent .product__info-wrapper .product__title {
  margin-bottom: 1.15rem !important;
}
body #MainContent .product .product__title h1, body #MainContent .product__info-wrapper .product__title h1 {
  margin: 0 !important;
  color: #0d1f46 !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: clamp(2.6rem,2.35vw,4.05rem) !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  letter-spacing: .105em !important;
  text-transform: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.9),0 0 12px rgba(5,200,255,.06) !important;
}
/* Preisbereich */
body #MainContent .product__info-container .price {
  margin: .6rem 0 .7rem !important;
  color: #1b3d8f !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}
body #MainContent .product__info-container .price .price-item, body #MainContent .product__info-container .price .price-item--sale, body #MainContent .product__info-container .price .price-item--last {
  color: #1b3d8f !important;
  font-size: 1.28rem !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
}
body #MainContent .product__info-container .price s, body #MainContent .product__info-container .price .price-item--regular {
  color: rgba(36,54,95,.42) !important;
  font-size: 1.02rem !important;
  font-weight: 500 !important;
  text-decoration-thickness: 1px !important;
}
/* Sale-/Ausverkauft-Badges auf Produktseite korrekt steuern */
body #MainContent .product__info-container .price__badge-sale, body #MainContent .product__info-container .price__badge-sold-out {
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 0 .75rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(27,61,143,.12) !important;
  color: #fff !important;
  background: #1b3d8f !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  box-shadow: 0 6px 14px rgba(27,61,143,.18),0 0 0 1px rgba(255,255,255,.32)inset !important;
}
/* Sale nur anzeigen, wenn Dawn den Preis wirklich als Sale markiert */
body #MainContent .product__info-container .price.price--on-sale:not(.price--sold-out) .price__badge-sale {
  display: inline-flex !important;
}
/* Ausverkauft nur anzeigen, wenn Dawn den Preis wirklich als ausverkauft markiert */
body #MainContent .product__info-container .price.price--sold-out .price__badge-sold-out {
  display: inline-flex !important;
}
/* Wenn ausverkauft, Sale-Badge sicherheitshalber ausblenden */
body #MainContent .product__info-container .price.price--sold-out .price__badge-sale {
  display: none !important;
}
/* Steuer-/Versandtext */
body #MainContent .product__tax {
  color: rgba(36,54,95,.62) !important;
  font-size: .98rem !important;
  line-height: 1.45 !important;
}

body #MainContent .product__tax a {
  color: #1b3d8f !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: 600 !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  vertical-align: baseline !important;
  text-decoration-thickness: .08em !important;
  text-underline-offset: .16em !important;
}

/* Versandrichtlinie als kompaktes Produktseiten-Popup */
.nerdvana-shipping-policy-popup[hidden] {
  display: none !important;
}
.nerdvana-shipping-policy-popup {
  position: absolute !important;
  inset: auto !important;
  left: var(--nerdvana-shipping-popup-left,0) !important;
  top: var(--nerdvana-shipping-popup-top,0) !important;
  z-index: 9900 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .24s ease,visibility 0 linear .24s !important;
}
.nerdvana-shipping-policy-popup.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition: opacity .24s ease,visibility 0 linear 0 !important;
}
.nerdvana-shipping-policy-popup__backdrop {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  padding: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.nerdvana-shipping-policy-popup__dialog {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: min(520px,calc(100vw - 2rem)) !important;
  max-height: min(640px,calc(100vh - 2rem)) !important;
  padding: 2.05rem 2.1rem 2rem !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  border: 1px solid rgba(27,61,143,.1) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,250,253,.94)) !important;
  box-shadow: 0 34px 78px rgba(13,31,70,.2),0 16px 34px rgba(13,31,70,.1),0 4px 12px rgba(5,200,255,.045),0 0 0 1px rgba(255,255,255,.86)inset !important;
  transform: translateY(8px)scale(.985) !important;
  opacity: 0 !important;
  transition: transform .32s cubic-bezier(.22,1,.36,1),opacity .24s ease !important;
}
.nerdvana-shipping-policy-popup.is-open .nerdvana-shipping-policy-popup__dialog {
  transform: translateY(0)scale(1) !important;
  opacity: 1 !important;
}
.nerdvana-shipping-policy-popup__close {
  position: absolute !important;
  top: 1rem !important;
  right: 1rem !important;
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(27,61,143,.12) !important;
  color: rgba(13,31,70,.78) !important;
  background: rgba(255,255,255,.68) !important;
  font-size: 2rem !important;
  line-height: 1 !important;
  box-shadow: 0 10px 20px rgba(13,31,70,.08),0 0 0 1px rgba(255,255,255,.72)inset !important;
  cursor: pointer !important;
  transition: color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease !important;
}
.nerdvana-shipping-policy-popup__close:hover {
  color: #1b3d8f !important;
  background: rgba(255,255,255,.88) !important;
  border-color: rgba(5,200,255,.22) !important;
  transform: translateY(-1px) !important;
}
.nerdvana-shipping-policy-popup__eyebrow {
  margin: 0 0 .55rem !important;
  color: rgba(36,54,95,.58) !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: .78rem !important;
  font-weight: 600 !important;
  letter-spacing: .16em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}
.nerdvana-shipping-policy-popup__title {
  margin: 0 2.2rem 1.2rem 0 !important;
  color: #0d1f46 !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: clamp(1.75rem,2.1vw,2.35rem) !important;
  font-weight: 400 !important;
  line-height: 1.14 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}
.nerdvana-shipping-policy-popup__body {
  max-height: min(430px,52vh) !important;
  overflow: auto !important;
  padding-right: .35rem !important;
  color: rgba(36,54,95,.82) !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: 1.04rem !important;
  font-weight: 500 !important;
  line-height: 1.72 !important;
  letter-spacing: .012em !important;
}
.nerdvana-shipping-policy-popup__body p {
  margin: 0 0 1rem !important;
}
.nerdvana-shipping-policy-popup__body h1, .nerdvana-shipping-policy-popup__body h2, .nerdvana-shipping-policy-popup__body h3 {
  margin: 1.35rem 0 .65rem !important;
  color: #1b3d8f !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: 1.08rem !important;
  font-weight: 600 !important;
  line-height: 1.28 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}
.nerdvana-shipping-policy-popup__body ul, .nerdvana-shipping-policy-popup__body ol {
  margin: .8rem 0 1rem !important;
  padding-left: 1.15rem !important;
}
.nerdvana-shipping-policy-popup__body li {
  margin-bottom: .45rem !important;
}
.nerdvana-shipping-policy-popup__body a {
  color: #1b3d8f !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(5,200,255,.34) !important;
  text-underline-offset: .22em !important;
}
@media screen and (max-width: 749px) {
  /*
    Mobile Shipping Popup Portal Sheet V2

    Robuster Fix:
    Das Popup wird per mobilem JS-Patch beim Öffnen temporär direkt
    in den body verschoben. Dadurch kann es nicht mehr von Produktspalte,
    Grid-Wrappern oder overflow-x: clip abgeschnitten werden.

    Desktop bleibt vollständig unangetastet.
  */

  html.nerdvana-shipping-popup-open-mobile,
  body.nerdvana-shipping-popup-open-mobile {
    overflow: hidden !important;
    overscroll-behavior: contain !important;
  }

  body > .nerdvana-shipping-policy-popup.nerdvana-shipping-policy-popup--mobile-portal {
    position: fixed !important;
    inset: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    z-index: 2147483000 !important;
    display: grid !important;
    place-items: center !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: clamp(.95rem, 3.8vw, 1.35rem) !important;
    box-sizing: border-box !important;
    transform: none !important;
    overflow: visible !important;
  }

  body > .nerdvana-shipping-policy-popup.nerdvana-shipping-policy-popup--mobile-portal .nerdvana-shipping-policy-popup__backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: block !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    background:
      radial-gradient(ellipse at 50% 22%, rgba(255,255,255,.4) 0, rgba(255,255,255,.15) 36%, transparent 72%),
      rgba(13,31,70,.22) !important;
    backdrop-filter: blur(5px) saturate(1.03) !important;
    -webkit-backdrop-filter: blur(5px) saturate(1.03) !important;
  }

  body > .nerdvana-shipping-policy-popup.nerdvana-shipping-policy-popup--mobile-portal .nerdvana-shipping-policy-popup__dialog {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    width: min(100%, 34rem) !important;
    max-width: calc(100vw - 1.9rem) !important;
    max-height: calc(100dvh - 2.2rem) !important;
    margin: 0 auto !important;
    padding: clamp(1.45rem, 4.6vw, 1.85rem) clamp(1.18rem, 4.1vw, 1.55rem) clamp(1.22rem, 4vw, 1.55rem) !important;
    box-sizing: border-box !important;
    border-radius: 22px !important;
    border: 1px solid rgba(205,216,224,.72) !important;
    background:
      radial-gradient(ellipse at 50% 0, rgba(255,255,255,.98) 0, rgba(255,255,255,.5) 38%, transparent 72%),
      linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(248,251,253,.965) 48%, rgba(239,247,252,.975) 100%) !important;
    box-shadow:
      0 28px 62px rgba(13,31,70,.22),
      0 12px 28px rgba(13,31,70,.11),
      0 0 22px rgba(5,200,255,.08),
      0 0 0 1px rgba(255,255,255,.9) inset,
      0 1px 0 rgba(255,255,255,.98) inset,
      0 -14px 26px rgba(188,198,205,.055) inset !important;
    overflow: hidden !important;
    transform: translateY(1.2rem) scale(.982) !important;
  }

  body > .nerdvana-shipping-policy-popup.nerdvana-shipping-policy-popup--mobile-portal.is-open .nerdvana-shipping-policy-popup__dialog {
    transform: translateY(0) scale(1) !important;
  }

  body > .nerdvana-shipping-policy-popup.nerdvana-shipping-policy-popup--mobile-portal .nerdvana-shipping-policy-popup__close {
    top: .72rem !important;
    right: .72rem !important;
    width: 34px !important;
    height: 34px !important;
    background: rgba(255,255,255,.78) !important;
  }

  body > .nerdvana-shipping-policy-popup.nerdvana-shipping-policy-popup--mobile-portal .nerdvana-shipping-policy-popup__eyebrow {
    margin-right: 3rem !important;
    font-size: .7rem !important;
    letter-spacing: .14em !important;
  }

  body > .nerdvana-shipping-policy-popup.nerdvana-shipping-policy-popup--mobile-portal .nerdvana-shipping-policy-popup__title {
    flex: 0 0 auto !important;
    margin: 0 3rem .92rem 0 !important;
    font-size: clamp(1.34rem, 4.8vw, 1.62rem) !important;
    line-height: 1.12 !important;
    letter-spacing: .078em !important;
  }

  body > .nerdvana-shipping-policy-popup.nerdvana-shipping-policy-popup--mobile-portal .nerdvana-shipping-policy-popup__body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: .35rem !important;
    font-size: clamp(.9rem, 3.05vw, .98rem) !important;
    line-height: 1.66 !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body > .nerdvana-shipping-policy-popup.nerdvana-shipping-policy-popup--mobile-portal .nerdvana-shipping-policy-popup__body h1,
  body > .nerdvana-shipping-policy-popup.nerdvana-shipping-policy-popup--mobile-portal .nerdvana-shipping-policy-popup__body h2,
  body > .nerdvana-shipping-policy-popup.nerdvana-shipping-policy-popup--mobile-portal .nerdvana-shipping-policy-popup__body h3 {
    margin: 1rem 0 .48rem !important;
    font-size: .94rem !important;
    letter-spacing: .072em !important;
  }

  body > .nerdvana-shipping-policy-popup.nerdvana-shipping-policy-popup--mobile-portal .nerdvana-shipping-policy-popup__body p {
    margin-bottom: .78rem !important;
  }
}


/* Mengenwahl */
body #MainContent .product-form__quantity, body #MainContent .product__info-container .product-form__quantity {
  margin-top: 1.3rem !important;
  margin-bottom: 1.35rem !important;
}
body #MainContent .product-form__quantity .form__label, body #MainContent .quantity__label {
  margin-bottom: .45rem !important;
  color: rgba(36,54,95,.7) !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: .98rem !important;
  font-weight: 600 !important;
  letter-spacing: .03em !important;
}
body #MainContent .quantity {
  min-height: 42px !important;
  width: 132px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(27,61,143,.12) !important;
  background: rgba(255,255,255,.78) !important;
  box-shadow: 0 8px 16px rgba(13,31,70,.045),0 0 0 1px rgba(255,255,255,.74)inset !important;
  overflow: hidden !important;
}
body #MainContent .quantity::before, body #MainContent .quantity::after {
  display: none !important;
}
body #MainContent .quantity__button, body #MainContent .quantity__input {
  color: #0d1f46 !important;
  background: transparent !important;
  border: 0 !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-weight: 700 !important;
}
body #MainContent .quantity__button:hover {
  color: #1b3d8f !important;
  background: rgba(5,200,255,.055) !important;
}
/* Produktformular-Buttons */
body #MainContent .product-form__buttons {
  max-width: 100% !important;
}
body #MainContent .product-form__submit {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: 48px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(5,200,255,.34) !important;
  color: #1b3d8f !important;
  background: rgba(236,248,253,.48) !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: .98rem !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.86) !important;
  box-shadow: 0 14px 26px rgba(13,31,70,.09),0 5px 12px rgba(13,31,70,.05),0 0 12px rgba(5,200,255,.065),0 0 0 1px rgba(255,255,255,.76)inset,0 2px 0 rgba(255,255,255,.88)inset,0 -1px 0 rgba(27,61,143,.08)inset !important;
  transition: border-color .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease,transform .22s ease !important;
}
body #MainContent .product-form__submit::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  border: 1px solid rgba(255,255,255,.56) !important;
  background: rgba(255,255,255,.36) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.76)inset,0 -1px 0 rgba(27,61,143,.04)inset !important;
}
body #MainContent .product-form__submit::after {
  display: none !important;
}
body #MainContent .product-form__submit span {
  position: relative !important;
  z-index: 3 !important;
}
body #MainContent .product-form__submit:hover {
  border-color: rgba(5,200,255,.34) !important;
  color: #0d1f46 !important;
  background: rgba(236,248,253,.5) !important;
  box-shadow: 0 14px 26px rgba(13,31,70,.09),0 5px 12px rgba(13,31,70,.05),0 0 12px rgba(5,200,255,.06),0 0 0 1px rgba(255,255,255,.76)inset,0 2px 0 rgba(255,255,255,.88)inset,0 -1px 0 rgba(27,61,143,.08)inset !important;
  transform: translateY(-1px) !important;
}
body #MainContent .product-form__submit:hover::before {
  background: rgba(255,255,255,.36) !important;
  border-color: rgba(255,255,255,.6) !important;
}
/* Dynamischer Checkout-/Shop-Pay-Button ruhiger */
body #MainContent .shopify-payment-button__button, body #MainContent .shopify-payment-button__button--unbranded {
  min-height: 48px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(27,61,143,.16) !important;
  color: #fff !important;
  background: #1b3d8f !important;
  overflow: hidden !important;
  isolation: isolate !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: .93rem !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  box-shadow: 0 12px 22px rgba(27,61,143,.2),0 4px 10px rgba(13,31,70,.07),0 0 0 1px rgba(255,255,255,.28)inset,0 2px 0 rgba(255,255,255,.22)inset,0 -1px 0 rgba(13,31,70,.18)inset !important;
  transition: background .22s ease,box-shadow .22s ease,transform .22s ease !important;
}
body #MainContent .shopify-payment-button__button:hover, body #MainContent .shopify-payment-button__button--unbranded:hover {
  background: #24365f !important;
  box-shadow: 0 14px 24px rgba(27,61,143,.23),0 5px 12px rgba(13,31,70,.08),0 0 0 1px rgba(255,255,255,.32)inset,0 2px 0 rgba(255,255,255,.26)inset,0 -1px 0 rgba(13,31,70,.2)inset !important;
  transform: translateY(-1px) !important;
}
/* "Weitere Bezahlmöglichkeiten" zurücknehmen */
body #MainContent .shopify-payment-button__more-options {
  margin-top: .65rem !important;
  color: rgba(36,54,95,.46) !important;
  font-size: .88rem !important;
  letter-spacing: .02em !important;
}
/* Gebrandeten Shop-Pay-Button optisch sauber abrunden und sauber clippen */
body #MainContent .shopify-payment-button, body #MainContent .shopify-payment-button__button, body #MainContent .shopify-payment-button__button--branded {
  border-radius: 8px !important;
  overflow: hidden !important;
  clip-path: inset(0 round 8px) !important;
  -webkit-mask-image: -webkit-radial-gradient(white,black) !important;
  transform: translateZ(0) !important;
}
body #MainContent .shopify-payment-button__button--branded iframe, body #MainContent .shopify-payment-button__button--branded .shopify-cleanslate, body #MainContent .shopify-payment-button__button--branded .shopify-cleanslate > div, body #MainContent .shopify-payment-button__button--branded .shopify-cleanslate button {
  border-radius: 8px !important;
  overflow: hidden !important;
}
/* =========================================
PRODUKTSEITE – Beschreibung / Textbereich
Produktunabhängige Typografie für variable Produkttexte
========================================= */
/* Abstand zwischen Kaufbereich und Beschreibung */
body #MainContent .product__description, body #MainContent .product__info-container .product__description, body #MainContent .product__info-container .rte {
  margin-top: 2.4rem !important;
  color: rgba(36,54,95,.84) !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: var(--nerdvana-product-description-font-size) !important;
  font-weight: 500 !important;
  line-height: var(--nerdvana-product-description-line-height) !important;
  letter-spacing: .014em !important;
}
/* Erster Absatz darf etwas stärker wirken */
body #MainContent .product__description > p:first-child, body #MainContent .product__info-container .rte > p:first-child {
  margin-top: 0 !important;
  color: rgba(36,54,95,.88) !important;
  font-weight: 500 !important;
}
/* Absätze gleichmäßiger */
body #MainContent .product__description p, body #MainContent .product__info-container .rte p {
  margin: 0 0 1.25rem !important;
}
/* Letztes Element ohne unnötigen unteren Abstand */
body #MainContent .product__description > *:last-child, body #MainContent .product__info-container .rte > *:last-child {
  margin-bottom: 0 !important;
}
/* Überschriften innerhalb der Produktbeschreibung */
body #MainContent .product__description h2, body #MainContent .product__description h3, body #MainContent .product__description h4, body #MainContent .product__info-container .rte h2, body #MainContent .product__info-container .rte h3, body #MainContent .product__info-container .rte h4 {
  margin: 2rem 0 .85rem !important;
  color: #0d1f46 !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-weight: 600 !important;
  line-height: 1.28 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.82) !important;
}
body #MainContent .product__description h2, body #MainContent .product__info-container .rte h2 {
  font-size: 1.18rem !important;
}
body #MainContent .product__description h3, body #MainContent .product__description h4, body #MainContent .product__info-container .rte h3, body #MainContent .product__info-container .rte h4 {
  font-size: 1.08rem !important;
}
/* Starke Hervorhebungen im Text */
body #MainContent .product__description strong, body #MainContent .product__description b, body #MainContent .product__info-container .rte strong, body #MainContent .product__info-container .rte b {
  color: #1b3d8f !important;
  font-weight: 800 !important;
}
/* Listen sauberer und hochwertiger */
body #MainContent .product__description ul, body #MainContent .product__description ol, body #MainContent .product__info-container .rte ul, body #MainContent .product__info-container .rte ol {
  margin: .8rem 0 1.45rem !important;
  padding-left: 0 !important;
  list-style: none !important;
}
body #MainContent .product__description li, body #MainContent .product__info-container .rte li {
  position: relative !important;
  margin: 0 0 .58rem !important;
  padding-left: 1.45rem !important;
  color: rgba(36,54,95,.82) !important;
  font-size: var(--nerdvana-product-description-list-font-size) !important;
  line-height: var(--nerdvana-product-description-list-line-height) !important;
}
/* Eigener dezenter Checkmark, egal ob im Text schon ✓ steht */
body #MainContent .product__description li::before, body #MainContent .product__info-container .rte li::before {
  content: "✓" !important;
  position: absolute !important;
  left: 0 !important;
  top: .02rem !important;
  color: #1b3d8f !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}
/* Falls der Text schon mit ✓ beginnt, nicht doppelt zu dominant wirken lassen */
body #MainContent .product__description li::marker, body #MainContent .product__info-container .rte li::marker {
  display: none !important;
  color: transparent !important;
}
/* Links in der Beschreibung */
body #MainContent .product__description a, body #MainContent .product__info-container .rte a {
  color: #1b3d8f !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(5,200,255,.3) !important;
  text-underline-offset: .22em !important;
  transition: color .18s ease,text-decoration-color .18s ease !important;
}
body #MainContent .product__description a:hover, body #MainContent .product__info-container .rte a:hover {
  color: #0d1f46 !important;
  text-decoration-color: rgba(5,200,255,.58) !important;
}
/* Share-Link dezenter und passend zur CI */
body #MainContent .share-button, body #MainContent share-button {
  margin-top: 2rem !important;
}
body #MainContent .share-button__button {
  color: rgba(27,61,143,.72) !important;
  font-family: Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size: .94rem !important;
  font-weight: 600 !important;
  letter-spacing: .035em !important;
  text-decoration: none !important;
}
body #MainContent .share-button__button:hover {
  color: #1b3d8f !important;
  text-shadow: 0 0 8px rgba(5,200,255,.1) !important;
}
/* Beschreibung auf sehr langen Texten etwas luftiger vom Kaufbereich trennen */
body #MainContent .product__info-container .product-form, body #MainContent .product__info-container product-form {
  margin-bottom: .2rem !important;
}
/* Mobile Produktseite */
@media screen and (max-width: 989px) {
  /*
    Mobile Product Page Center Lock V1
    Ziel:
    - Produktseite exakt in der mobilen Viewport-Mitte halten
    - horizontales Überlaufen durch Medien, Wrapper oder lange Titel verhindern
    - Desktop V1.x bleibt unangetastet
  */

  body #MainContent {
    overflow-x: clip !important;
  }

  body #MainContent .product {
    width: min(100%, 54rem) !important;
    max-width: 54rem !important;
    margin-left: auto !important;
    margin-right: auto !important;

    /*
      Mobile Product Page Top Compression V1
      Nach der Hero-Rail braucht die Produktseite oben weniger Leerlauf.
      Desktop bleibt unangetastet.
    */
    padding-top: clamp(1.45rem, 4.2vw, 2.15rem) !important;

    padding-right: clamp(1.35rem, 4.2vw, 2rem) !important;
    padding-bottom: 4rem !important;
    padding-left: clamp(1.35rem, 4.2vw, 2rem) !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
  }

  body #MainContent .product.grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    column-gap: 0 !important;
    row-gap: 2.8rem !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
  }

  body #MainContent .product.grid > .product__media-wrapper,
  body #MainContent .product.grid > .product__info-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
  }

  body #MainContent .product__media-wrapper,
  body #MainContent .product__media-wrapper slider-component,
  body #MainContent .product__media-list,
  body #MainContent .product__media-list .product__media-item,
  body #MainContent .product__media,
  body #MainContent .product-media-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body #MainContent .product__info-wrapper,
  body #MainContent .product__info-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
  }

  body #MainContent .product .product__title,
  body #MainContent .product__info-wrapper .product__title {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  body #MainContent .product .product__title h1,
  body #MainContent .product__info-wrapper .product__title h1 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    font-size: clamp(2.05rem, 7vw, 2.72rem) !important;
    line-height: 1.14 !important;
    letter-spacing: .06em !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: auto !important;
    text-wrap: balance !important;
  }
}

@media screen and (max-width: 749px) {
  body #MainContent .product {
    width: min(100%, 43rem) !important;
    max-width: 43rem !important;
    padding-top: clamp(1rem, 3.4vw, 1.45rem) !important;
    padding-left: clamp(1.15rem, 3.8vw, 1.55rem) !important;
    padding-right: clamp(1.15rem, 3.8vw, 1.55rem) !important;
  }

  body #MainContent .product.grid {
    row-gap: 2.35rem !important;
  }

  body #MainContent .product__media-list {
    gap: .95rem !important;
  }

  body #MainContent .product .product__title h1,
  body #MainContent .product__info-wrapper .product__title h1 {
    font-size: clamp(1.98rem, 7.1vw, 2.52rem) !important;
    letter-spacing: .052em !important;
  }
}
/* =========================================
MOBILE/TABLET – Product Info Reveal Guard V1
Fix für seltenen 3D-Modelviewer-Load-Zustand:
Die Produktinfo ist im DOM vorhanden, bleibt aber nach dem
Mobile-3D-Hydrate gelegentlich visuell halbtransparent/unsichtbar.

Nur Mobile/Tablet.
Desktop V1.x bleibt vollständig unangetastet.
========================================= */

@media screen and (max-width: 989px) {
  body:has(#MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready)
    #MainContent .product__info-wrapper,
  body:has(#MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready)
    #MainContent .product__info-container {
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    clip-path: none !important;
  }

  body:has(#MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready)
    #MainContent .product__info-wrapper.scroll-trigger,
  body:has(#MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready)
    #MainContent .product__info-wrapper.animate--slide-in,
  body:has(#MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready)
    #MainContent .product__info-wrapper.scroll-trigger--offscreen,
  body:has(#MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready)
    #MainContent .product__info-container.scroll-trigger,
  body:has(#MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready)
    #MainContent .product__info-container.animate--slide-in,
  body:has(#MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready)
    #MainContent .product__info-container.scroll-trigger--offscreen,
  body:has(#MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready)
    #MainContent .product__info-wrapper .scroll-trigger:not([hidden]),
  body:has(#MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready)
    #MainContent .product__info-wrapper .animate--slide-in:not([hidden]),
  body:has(#MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready)
    #MainContent .product__info-wrapper .scroll-trigger--offscreen:not([hidden]) {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
    clip-path: none !important;
    animation: none !important;
  }

  body:has(#MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready)
    #MainContent .product__info-wrapper .product__text:not([hidden]),
  body:has(#MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready)
    #MainContent .product__info-wrapper .caption-with-letter-spacing:not([hidden]),
  body:has(#MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready)
    #MainContent .product__info-wrapper .product__title:not([hidden]),
  body:has(#MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready)
    #MainContent .product__info-wrapper .price:not([hidden]),
  body:has(#MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready)
    #MainContent .product__info-wrapper .product-form:not([hidden]),
  body:has(#MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready)
    #MainContent .product__info-wrapper .product-form__buttons:not([hidden]),
  body:has(#MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready)
    #MainContent .product__info-wrapper .shopify-payment-button:not([hidden]),
  body:has(#MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready)
    #MainContent .product__info-wrapper .product__description:not([hidden]),
  body:has(#MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready)
    #MainContent .product__info-wrapper .rte:not([hidden]),
  body:has(#MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready)
    #MainContent .product__info-wrapper .accordion:not([hidden]) {
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    clip-path: none !important;
  }
}

/* =========================================
MOBILE/TABLET – Product Media Counter Guard V1
Blendet Dawns mobile Media-Slider-Counter aus, wenn die Produktgalerie
durch Nerdvana als statische Premium-Galerie/Grid geführt wird.
Fix für NaN/-Infinity unter dem Produktbild.
Desktop V1.x, Lightbox und 3D-Modelviewer bleiben unangetastet.
========================================= */

@media screen and (max-width: 989px) {
  body #MainContent .product__media-wrapper slider-component:not(.thumbnail-slider) .slider-buttons,
  body #MainContent .product__media-wrapper slider-component:not(.thumbnail-slider) .slider-button,
  body #MainContent .product__media-wrapper slider-component:not(.thumbnail-slider) .slider-counter,
  body #MainContent .product__media-wrapper slider-component:not(.thumbnail-slider) .slider-counter--current,
  body #MainContent .product__media-wrapper slider-component:not(.thumbnail-slider) .slider-counter--total,
  body #MainContent .product__media-wrapper .product__media-list + .slider-buttons,
  body #MainContent .product__media-wrapper .product__media-list + .slider-buttons .slider-button,
  body #MainContent .product__media-wrapper .product__media-list + .slider-buttons .slider-counter {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  body #MainContent .product__media-wrapper slider-component:not(.thumbnail-slider) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
  }

  body #MainContent .product__media-wrapper .product__media-list {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    scroll-snap-type: none !important;
  }
}

/* =========================================
MOBILE/TABLET – Product Media Hero Rail V1
Kompakte mobile Produktgalerie:
- Medium 2 bleibt initial großes Hero-Medium
- alle Medien als swipebare Thumbnail-Rail darunter
- ca. 3,5 Thumbnails sichtbar
- Desktop V1.x bleibt unangetastet
========================================= */

@media screen and (max-width: 989px) {
  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready {
    overflow: visible !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .thumbnail-slider {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    isolation: isolate !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item {
    display: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    order: initial !important;
    grid-column: auto !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translate3d(0, .5rem, 0) scale(.992) !important;
    filter: saturate(.985) brightness(.995) !important;
    pointer-events: none !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-active {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    filter: none !important;
    pointer-events: auto !important;
    animation: nerdvana-mobile-product-hero-media-in .38s cubic-bezier(.16, 1, .3, 1) both !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-active,
  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-active .product__media,
  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-active .product-media-container {
    border-radius: 24px !important;
  }

  body #MainContent .nerdvana-mobile-product-media-rail {
    /*
      Thumbnail-Breiten-Hebel:
      28%  = ca. 3,5 sichtbare Thumbnails
      32%  = ca. 3 sichtbare Thumbnails
      39%  = ca. 2,5 sichtbare Thumbnails
    */
    --nerdvana-mobile-product-thumb-width: 28%;
    --nerdvana-mobile-product-thumb-gap: .68rem;

    position: relative !important;
    z-index: 3 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: var(--nerdvana-mobile-product-thumb-gap) !important;
    width: calc(100% + .42rem) !important;
    max-width: calc(100% + .42rem) !important;
    margin: clamp(.62rem, 2.25vw, .86rem) -.42rem 0 0 !important;
    padding: .22rem .42rem .72rem .02rem !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-left: .02rem !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;

    /*
      Soft Peek:
      Rechts wird der angeschnittene nächste Thumb leicht ausgeblendet,
      damit der Rail-Peek bewusst wirkt und nicht hart abgeschnitten.
    */
    -webkit-mask-image: linear-gradient(
      90deg,
      #000 0%,
      #000 84%,
      rgba(0,0,0,.72) 91%,
      transparent 100%
    ) !important;
    mask-image: linear-gradient(
      90deg,
      #000 0%,
      #000 84%,
      rgba(0,0,0,.72) 91%,
      transparent 100%
    ) !important;
  }

  body #MainContent .nerdvana-mobile-product-media-rail::-webkit-scrollbar {
    display: none !important;
  }

   body #MainContent .nerdvana-mobile-product-media-thumb {
    position: relative !important;
    flex: 0 0 var(--nerdvana-mobile-product-thumb-width) !important;
    display: block !important;
    aspect-ratio: 1.18 / 1 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(205,216,224,.7) !important;
    border-radius: 15px !important;
    background:
      radial-gradient(ellipse at 50% 0, rgba(255,255,255,.82) 0, rgba(255,255,255,.22) 42%, transparent 72%),
      linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(238,246,251,.72) 100%) !important;
    box-shadow:
      0 7px 15px rgba(13,31,70,.056),
      0 2px 5px rgba(13,31,70,.032),
      0 0 0 1px rgba(255,255,255,.84) inset,
      0 1px 0 rgba(255,255,255,.94) inset,
      0 -7px 14px rgba(188,198,205,.05) inset !important;
    overflow: hidden !important;
    scroll-snap-align: start !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    transform: translateZ(0) !important;
    transition:
      border-color .22s ease,
      box-shadow .22s ease,
      transform .22s ease,
      filter .22s ease,
      opacity .22s ease !important;
  }

  body #MainContent .nerdvana-mobile-product-media-thumb::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    border-radius: inherit !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.18) 0, transparent 34%),
      radial-gradient(ellipse at 50% 105%, rgba(5,200,255,.12) 0, transparent 66%) !important;
    pointer-events: none !important;
  }

  body #MainContent .nerdvana-mobile-product-media-thumb::after {
    content: "" !important;
    position: absolute !important;
    left: 18% !important;
    right: 18% !important;
    bottom: 0 !important;
    z-index: 4 !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, transparent, rgba(5,200,255,.75), transparent) !important;
    opacity: 0 !important;
    transform: scaleX(.45) !important;
    transition: opacity .22s ease, transform .22s ease !important;
    pointer-events: none !important;
  }

  body #MainContent .nerdvana-mobile-product-media-thumb img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: inherit !important;
    filter: brightness(1.02) contrast(1.04) saturate(1.02) !important;
    transform: scale(1.01) !important;
  }

  body #MainContent .nerdvana-mobile-product-media-thumb.is-active {
    border-color: rgba(5,200,255,.58) !important;
    box-shadow:
      0 9px 18px rgba(13,31,70,.074),
      0 0 18px rgba(5,200,255,.16),
      0 0 0 1px rgba(255,255,255,.92) inset,
      0 1px 0 rgba(255,255,255,.98) inset,
      0 -8px 16px rgba(188,198,205,.06) inset !important;
    transform: translateY(-1px) translateZ(0) !important;
  }

  body #MainContent .nerdvana-mobile-product-media-thumb.is-active::after {
    opacity: 1 !important;
    transform: scaleX(1) !important;
  }

  body #MainContent .nerdvana-mobile-product-media-thumb:focus-visible {
    outline: 2px solid rgba(5,200,255,.44) !important;
    outline-offset: 3px !important;
  }

  body #MainContent .nerdvana-mobile-product-media-thumb__fallback {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    color: #1b3d8f !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: .86rem !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    background:
      radial-gradient(ellipse at 50% 18%, rgba(5,200,255,.11) 0, transparent 62%),
      linear-gradient(180deg, rgba(255,255,255,.9), rgba(238,247,252,.82)) !important;
  }

  body #MainContent .nerdvana-mobile-product-media-thumb__badge {
    position: absolute !important;
    left: .42rem !important;
    top: .42rem !important;
    z-index: 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 1.55rem !important;
    padding: .16rem .48rem .12rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(5,200,255,.28) !important;
    background: rgba(255,255,255,.76) !important;
    color: #1b3d8f !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: .58rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .085em !important;
    text-transform: uppercase !important;
    box-shadow:
      0 4px 10px rgba(13,31,70,.065),
      0 0 0 1px rgba(255,255,255,.72) inset !important;
    backdrop-filter: blur(8px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(8px) saturate(1.04) !important;
    pointer-events: none !important;
  }
}

@media screen and (max-width: 749px) {
  body #MainContent .nerdvana-mobile-product-media-rail {
    --nerdvana-mobile-product-thumb-width: 28%;
    --nerdvana-mobile-product-thumb-gap: .64rem;
    margin-top: clamp(.58rem, 2.15vw, .78rem) !important;
  }

  body #MainContent .nerdvana-mobile-product-media-thumb {
    border-radius: 15px !important;
  }
}

@media screen and (max-width: 390px) {
  body #MainContent .nerdvana-mobile-product-media-rail {
    --nerdvana-mobile-product-thumb-width: 28.6%;
    --nerdvana-mobile-product-thumb-gap: .58rem;
  }
}

/* =========================================
MOBILE/TABLET – Product Model Viewer Live Idle V1
Nur Mobile/Tablet.
Der alte Desktop-Modelviewer bleibt unangetastet.

Ziel:
Wenn der native model-viewer-Wiggle nicht sichtbar greift,
bekommt das aktive 3D-Medium eine extrem ruhige, hochwertige
Idle-Bewegung als sichtbare Interaction-Affordance.
========================================= */

@media screen and (max-width: 989px) {
  body #MainContent .product__media-item.nerdvana-mobile-model-viewer-live model-viewer {
    position: relative !important;
    z-index: 5 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    background: #ffffff !important;
  }

  body #MainContent .product__media-item.nerdvana-mobile-model-viewer-live .deferred-media__poster,
  body #MainContent .product__media-item.nerdvana-mobile-model-viewer-live .deferred-media__poster-button,
  body #MainContent .product__media-item.nerdvana-mobile-model-viewer-live .product__media-icon,
  body #MainContent .product__media-item.nerdvana-mobile-model-viewer-live .nerdvana-model-viewer-hint {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body #MainContent .product__media-item.is-active .nerdvana-mobile-model-idle {
    transform-origin: 50% 58% !important;
    will-change: transform, filter !important;
    animation: nerdvana-mobile-model-idle-orbit 4.2s cubic-bezier(.45, 0, .2, 1) 1.05s infinite !important;
  }

  body #MainContent .product__media-item.is-active .nerdvana-mobile-model-idle model-viewer {
    pointer-events: auto !important;
  }
}

@keyframes nerdvana-mobile-model-idle-orbit {
  0% {
    transform: perspective(900px) rotateY(0deg) translate3d(0, 0, 0) scale(1);
    filter: brightness(1) contrast(1);
  }

  22% {
    transform: perspective(900px) rotateY(-2.8deg) translate3d(-2px, 0, 0) scale(1.003);
    filter: brightness(1.018) contrast(1.012);
  }

  48% {
    transform: perspective(900px) rotateY(2.4deg) translate3d(2px, 0, 0) scale(1.004);
    filter: brightness(1.02) contrast(1.014);
  }

  72% {
    transform: perspective(900px) rotateY(-1.2deg) translate3d(-1px, 0, 0) scale(1.002);
    filter: brightness(1.012) contrast(1.006);
  }

  100% {
    transform: perspective(900px) rotateY(0deg) translate3d(0, 0, 0) scale(1);
    filter: brightness(1) contrast(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  body #MainContent .product__media-item.is-active .nerdvana-mobile-model-idle {
    animation: none !important;
    transform: none !important;
    filter: none !important;
  }
}

/* =========================================
MOBILE/TABLET – Product Media Main Swipe Affordance V1.3
True Stage Swipe:
- aktives Hauptmedium fährt aus dem sichtbaren Fenster heraus
- nächstes Hauptmedium fährt zeitgleich von außen hinein
- Animation läuft über left statt transform, weil is-active transform
  im Hero-Rail-Basisblock bewusst per !important fixiert ist
- Thumbnail-Rail bleibt Quelle der Wahrheit
- Desktop bleibt vollständig unangetastet
========================================= */

@media screen and (max-width: 989px) {
  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-active,
  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-active .product__media,
  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-active .product-media-container,
  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-active .product__modal-opener,
  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-active .product__media-toggle,
  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-active deferred-media,
  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-active .deferred-media,
  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-active .deferred-media__poster,
  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-active img,
  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-active video {
    touch-action: pan-y !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-touch-callout: none !important;
    -webkit-user-drag: none !important;
  }

  /*
    Die Media-Liste wird während der Swipe-Animation zum echten Fenster.
    JS setzt --nerdvana-main-media-height exakt auf die aktuelle Hero-Höhe,
    damit die Liste nicht kollabiert, während beide Slides absolut liegen.
  */

    body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready.is-nerdvana-main-media-transitioning .product__media-list {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;

    /*
      Mobile Main Media Stage Stability V1.3.1
      Die Liste behält während des Swipes exakt die normale Galeriehöhe.
      Kein sichtbares Zusammenziehen, kein Hochziehen der Thumbnail-Rail.
    */
    height: var(--nerdvana-main-media-height, auto) !important;
    min-height: var(--nerdvana-main-media-height, 0px) !important;

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

    /*
      Wichtig:
      Kein hartes Clip-Fenster mehr auf der Liste selbst.
      Sonst werden Schatten/Radien anders beschnitten und es wirkt,
      als bekäme das Hauptbild einen zusätzlichen inneren Rahmen.
    */
    overflow: visible !important;
    border-radius: 0 !important;
    isolation: isolate !important;
    contain: none !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready.is-nerdvana-main-media-swiping .product__media-list .product__media-item.is-active {
    filter: brightness(.995) saturate(.99) !important;
  }

  /*
    Während des Stage-Swipes werden genau zwei echte Media-Items sichtbar:
    aktuelles Medium + nächstes Medium.
    Beide liegen als komplette Bühnen absolut im selben Fenster.
  */

  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-nerdvana-stage-swipe-out,
  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-nerdvana-stage-swipe-in {
    position: absolute !important;
    top: 0 !important;
    bottom: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;

    /*
      Fix:
      Nicht aktive Medien erben sonst aus der Hero-Rail-Basis
      scale(.992). Genau das verursachte das sichtbare Schrumpfen.
    */
    transform: translate3d(0, 0, 0) scale(1) !important;

    will-change: left, opacity, filter !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    animation-duration: .48s !important;
    animation-timing-function: cubic-bezier(.16, 1, .3, 1) !important;
    animation-fill-mode: both !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-nerdvana-stage-swipe-out .product__media,
  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-nerdvana-stage-swipe-in .product__media,
  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-nerdvana-stage-swipe-out .product-media-container,
  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-nerdvana-stage-swipe-in .product-media-container {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    border-radius: 24px !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-nerdvana-stage-swipe-out {
    z-index: 3 !important;
    left: 0 !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-nerdvana-stage-swipe-in {
    z-index: 4 !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-nerdvana-stage-out-left {
    animation-name: nerdvana-mobile-main-stage-out-left !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-nerdvana-stage-out-right {
    animation-name: nerdvana-mobile-main-stage-out-right !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-nerdvana-stage-in-from-right {
    animation-name: nerdvana-mobile-main-stage-in-from-right !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-nerdvana-stage-in-from-left {
    animation-name: nerdvana-mobile-main-stage-in-from-left !important;
  }

  /*
    Finalisierung:
    Direkt nach dem Stage-Swipe setzt JS den normalen Hero-Rail-Zustand.
    Diese Klasse verhindert ein zusätzliches Nach-Faden.
  */

  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready.is-nerdvana-main-media-transition-finalizing .product__media-list .product__media-item.is-active {
    animation: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    left: 0 !important;
    filter: none !important;
  }
}

@media screen and (max-width: 989px) and (prefers-reduced-motion: reduce) {
  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-active,
  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-nerdvana-stage-swipe-out,
  body #MainContent .product__media-wrapper.nerdvana-mobile-product-media-hero-rail-ready .product__media-list .product__media-item.is-nerdvana-stage-swipe-in,
  body #MainContent .nerdvana-mobile-product-media-thumb {
    animation: none !important;
    transition: none !important;
  }
}

@keyframes nerdvana-mobile-main-stage-out-left {
  0% {
    left: 0;
    opacity: 1;
    filter: blur(0) saturate(1);
  }

  100% {
    left: -112%;
    opacity: .72;
    filter: blur(1.8px) saturate(.96);
  }
}

@keyframes nerdvana-mobile-main-stage-out-right {
  0% {
    left: 0;
    opacity: 1;
    filter: blur(0) saturate(1);
  }

  100% {
    left: 112%;
    opacity: .72;
    filter: blur(1.8px) saturate(.96);
  }
}

@keyframes nerdvana-mobile-main-stage-in-from-right {
  0% {
    left: 112%;
    opacity: .88;
    filter: blur(1.8px) saturate(.98);
  }

  58% {
    opacity: 1;
    filter: blur(.35px) saturate(1.02);
  }

  100% {
    left: 0;
    opacity: 1;
    filter: blur(0) saturate(1);
  }
}

@keyframes nerdvana-mobile-main-stage-in-from-left {
  0% {
    left: -112%;
    opacity: .88;
    filter: blur(1.8px) saturate(.98);
  }

  58% {
    opacity: 1;
    filter: blur(.35px) saturate(1.02);
  }

  100% {
    left: 0;
    opacity: 1;
    filter: blur(0) saturate(1);
  }
}

@keyframes nerdvana-mobile-product-hero-media-in {
  0% {
    opacity: 0;
    transform: translate3d(0, .45rem, 0) scale(.992);
    filter: blur(2px) saturate(.98);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0) saturate(1);
  }
}

/* =========================================
DESKTOP – Product Media Dual Showcase Filmstrip V1
Desktop-Produktgalerie:
- Medium 1 startet als obere primäre Bühne
- das jeweils folgende Medium steht direkt darunter
- Bühnenpfeile wechseln das sichtbare Medienpaar zirkulär
- Filmstrip-Thumbs setzen das gewählte Medium auf die obere Bühne
Mobile Hero-Rail bleibt unangetastet.
========================================= */

@media screen and (min-width: 990px) {
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready {
    overflow: visible !important;
  }

  /*
    Desktop Product Media Counter Guard V1
    Dawn-Slider-Counter/Pfeile ausblenden, weil die Galerie jetzt
    durch Nerdvana Dual Showcase + Filmstrip gesteuert wird.

    Wichtig:
    Unsere eigenen Filmstrip-Pfeile bleiben sichtbar, weil sie NICHT
    .slider-button heißen, sondern
    .nerdvana-desktop-product-media-filmstrip__arrow.
  */

  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .thumbnail-slider,
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready slider-component:not(.thumbnail-slider) .slider-buttons,
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready slider-component:not(.thumbnail-slider) .slider-button,
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready slider-component:not(.thumbnail-slider) .slider-counter,
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready slider-component:not(.thumbnail-slider) .slider-counter--current,
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready slider-component:not(.thumbnail-slider) .slider-counter--total,
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list ~ .slider-buttons,
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list ~ .slider-buttons .slider-button,
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list ~ .slider-buttons .slider-counter {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1.2rem !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item {
    position: relative !important;
    display: none !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(0, .55rem, 0) scale(.992) !important;
    filter: saturate(.985) brightness(.995) !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-primary,
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-secondary {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    filter: none !important;
  }

  /*
    Finale Bühnenreihenfolge:
    Primary ist die obere Bühne.
    Secondary ist das zirkulär folgende Medium darunter.
  */
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-primary {
    order: 1 !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-secondary {
    order: 2 !important;
    animation: nerdvana-desktop-product-secondary-media-in .38s cubic-bezier(.16, 1, .3, 1) both !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item .nerdvana-desktop-product-media-stage-arrow {
    z-index: 12 !important;
    display: none !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(27,61,143,.12) !important;
    border-radius: 999px !important;
    color: rgba(13,31,70,.78) !important;
    background: rgba(255,255,255,.62) !important;
    box-shadow: 0 12px 24px rgba(13,31,70,.1), 0 0 0 1px rgba(255,255,255,.72) inset !important;
    opacity: 1 !important;
    backdrop-filter: blur(12px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.04) !important;
    transform: translateY(-50%) !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-primary > .nerdvana-desktop-product-media-stage-arrow {
    display: inline-flex !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-primary > .nerdvana-desktop-product-media-stage-arrow:hover,
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-primary > .nerdvana-desktop-product-media-stage-arrow:focus-visible {
    color: #1b3d8f !important;
    background: rgba(255,255,255,.82) !important;
    border-color: rgba(5,200,255,.2) !important;
    box-shadow: 0 14px 28px rgba(13,31,70,.12), 0 0 14px rgba(5,200,255,.08), 0 0 0 1px rgba(255,255,255,.78) inset !important;
    transform: translateY(-50%) scale(1.035) !important;
    outline: none !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .nerdvana-desktop-product-media-stage-arrow::after {
    content: none !important;
    display: none !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .nerdvana-desktop-product-media-stage-arrow::before {
    position: static !important;
    z-index: auto !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    color: currentColor !important;
    font-family: inherit !important;
    font-size: 2.8rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    filter: none !important;
    transform: none !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .nerdvana-desktop-product-media-stage-arrow--prev {
    left: .9rem !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .nerdvana-desktop-product-media-stage-arrow--prev::before {
    content: "‹" !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .nerdvana-desktop-product-media-stage-arrow--next {
    right: .9rem !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .nerdvana-desktop-product-media-stage-arrow--next::before {
    content: "›" !important;
  }

  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-primary,
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-secondary,
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-primary .product__media,
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-secondary .product__media,
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-primary .product-media-container,
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-secondary .product-media-container {
    border-radius: 24px !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip {
    --nerdvana-desktop-product-thumb-width: clamp(118px, 9.2vw, 164px);
    --nerdvana-desktop-product-thumb-gap: .82rem;

    position: relative !important;
    z-index: 4 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: clamp(1.05rem, 1.35vw, 1.45rem) auto 0 !important;
    padding: .72rem 3.55rem .78rem !important;
    box-sizing: border-box !important;
    border-radius: 24px !important;
    border: 1px solid rgba(205,216,224,.64) !important;
    background:
      radial-gradient(ellipse at 50% 0, rgba(255,255,255,.86) 0, rgba(255,255,255,.28) 36%, transparent 70%),
      radial-gradient(ellipse at 50% 100%, rgba(5,200,255,.07) 0, rgba(5,200,255,.018) 44%, transparent 74%),
      linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(240,247,251,.52) 100%) !important;
    box-shadow:
      0 16px 34px rgba(13,31,70,.06),
      0 6px 14px rgba(13,31,70,.032),
      0 0 0 1px rgba(255,255,255,.86) inset,
      0 1px 0 rgba(255,255,255,.96) inset,
      0 -12px 22px rgba(188,198,205,.052) inset !important;
    isolation: isolate !important;
    overflow: hidden !important;
    backdrop-filter: blur(14px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.04) !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip::before {
    content: "" !important;
    position: absolute !important;
    left: 3.4rem !important;
    right: 3.4rem !important;
    top: 0 !important;
    z-index: 1 !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.78), rgba(5,200,255,.18), rgba(255,255,255,.78), transparent) !important;
    pointer-events: none !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__viewport {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;

    /*
      Desktop Edge Fade Removal V1:
      Die milchigen Blendränder werden entfernt, damit die
      halbtransparenten Filmstrip-Pfeile klarer lesbar bleiben.
      Mobile Hero-Rail bleibt unberührt.
    */
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__track {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: var(--nerdvana-desktop-product-thumb-gap) !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: .12rem .12rem .42rem !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__track::-webkit-scrollbar {
    display: none !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__thumb {
    position: relative !important;
    flex: 0 0 var(--nerdvana-desktop-product-thumb-width) !important;
    display: block !important;
    aspect-ratio: 1.18 / 1 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(205,216,224,.68) !important;
    border-radius: 16px !important;
    background:
      radial-gradient(ellipse at 50% 0, rgba(255,255,255,.86) 0, rgba(255,255,255,.22) 42%, transparent 72%),
      linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(238,246,251,.72) 100%) !important;
    box-shadow:
      0 8px 17px rgba(13,31,70,.052),
      0 2px 6px rgba(13,31,70,.032),
      0 0 0 1px rgba(255,255,255,.84) inset,
      0 1px 0 rgba(255,255,255,.94) inset,
      0 -8px 16px rgba(188,198,205,.052) inset !important;
    overflow: hidden !important;
    scroll-snap-align: start !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    transform: translateZ(0) !important;
    transition:
      border-color .22s ease,
      box-shadow .22s ease,
      transform .22s ease,
      filter .22s ease,
      opacity .22s ease !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__thumb::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    border-radius: inherit !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.16) 0, transparent 34%),
      radial-gradient(ellipse at 50% 105%, rgba(5,200,255,.115) 0, transparent 66%) !important;
    pointer-events: none !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__thumb::after {
    content: "" !important;
    position: absolute !important;
    left: 18% !important;
    right: 18% !important;
    bottom: 0 !important;
    z-index: 4 !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, transparent, rgba(5,200,255,.78), transparent) !important;
    opacity: 0 !important;
    transform: scaleX(.45) !important;
    transition: opacity .22s ease, transform .22s ease !important;
    pointer-events: none !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__thumb img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: inherit !important;
    filter: brightness(1.02) contrast(1.04) saturate(1.02) !important;
    transform: scale(1.01) !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__thumb:hover,
  body #MainContent .nerdvana-desktop-product-media-filmstrip__thumb:focus-visible {
    border-color: rgba(5,200,255,.38) !important;
    box-shadow:
      0 10px 21px rgba(13,31,70,.066),
      0 0 15px rgba(5,200,255,.1),
      0 0 0 1px rgba(255,255,255,.9) inset,
      0 1px 0 rgba(255,255,255,.98) inset,
      0 -8px 16px rgba(188,198,205,.058) inset !important;
    transform: translateY(-1px) translateZ(0) !important;
    outline: none !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__thumb.is-active {
    border-color: rgba(5,200,255,.56) !important;
    box-shadow:
      0 11px 24px rgba(13,31,70,.078),
      0 0 20px rgba(5,200,255,.16),
      0 0 0 1px rgba(255,255,255,.94) inset,
      0 1px 0 rgba(255,255,255,.98) inset,
      0 -8px 16px rgba(188,198,205,.062) inset !important;
    transform: translateY(-1px) translateZ(0) !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__thumb.is-active::after {
    opacity: 1 !important;
    transform: scaleX(1) !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__fallback {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    color: #1b3d8f !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: .92rem !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    background:
      radial-gradient(ellipse at 50% 18%, rgba(5,200,255,.11) 0, transparent 62%),
      linear-gradient(180deg, rgba(255,255,255,.9), rgba(238,247,252,.82)) !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__badge {
    position: absolute !important;
    left: .46rem !important;
    top: .46rem !important;
    z-index: 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 1.62rem !important;
    padding: .18rem .52rem .13rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(5,200,255,.28) !important;
    background: rgba(255,255,255,.78) !important;
    color: #1b3d8f !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: .62rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .085em !important;
    text-transform: uppercase !important;
    box-shadow:
      0 4px 10px rgba(13,31,70,.065),
      0 0 0 1px rgba(255,255,255,.72) inset !important;
    backdrop-filter: blur(8px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(8px) saturate(1.04) !important;
    pointer-events: none !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__arrow {
    position: absolute !important;
    top: 50% !important;
    z-index: 8 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 4.15rem !important;
    height: 4.15rem !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(5,200,255,.24) !important;
    background:
      radial-gradient(circle at 50% 38%, rgba(255,255,255,.98) 0, rgba(245,252,255,.84) 42%, rgba(224,242,250,.72) 100%),
      linear-gradient(180deg, rgba(255,255,255,.92), rgba(235,247,252,.78)) !important;
    color: #102b66 !important;
    box-shadow:
      0 15px 30px rgba(13,31,70,.13),
      0 5px 12px rgba(13,31,70,.075),
      0 0 18px rgba(5,200,255,.13),
      0 0 0 1px rgba(255,255,255,.94) inset,
      0 1px 0 rgba(255,255,255,.98) inset,
      0 -8px 16px rgba(188,198,205,.08) inset !important;
    opacity: .96 !important;
    cursor: pointer !important;
    backdrop-filter: blur(14px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
    transform: translateY(-50%) !important;
    transition:
      opacity .2s ease,
      color .2s ease,
      border-color .2s ease,
      box-shadow .2s ease,
      transform .2s ease,
      background .2s ease !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__arrow::after {
    content: "" !important;
    position: absolute !important;
    inset: .46rem !important;
    z-index: 0 !important;
    border-radius: inherit !important;
    border: 1px solid rgba(27,61,143,.12) !important;
    background:
      radial-gradient(circle at 50% 50%, rgba(5,200,255,.08), transparent 68%) !important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.7) inset !important;
    pointer-events: none !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__arrow:hover,
  body #MainContent .nerdvana-desktop-product-media-filmstrip__arrow:focus-visible {
    opacity: .96 !important;
    color: #1b3d8f !important;
    border-color: rgba(5,200,255,.34) !important;
    box-shadow:
      0 14px 28px rgba(13,31,70,.095),
      0 0 16px rgba(5,200,255,.12),
      0 0 0 1px rgba(255,255,255,.9) inset,
      0 1px 0 rgba(255,255,255,.96) inset !important;
    transform: translateY(-50%) scale(1.025) !important;
    outline: none !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__arrow.is-disabled {
    opacity: .22 !important;
    cursor: default !important;
    pointer-events: none !important;
    filter: saturate(.8) !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__arrow--prev {
    left: .72rem !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__arrow--next {
    right: .72rem !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__arrow::before {
    content: "" !important;
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: .82rem !important;
    height: .82rem !important;
    border-top: 2px solid currentColor !important;
    border-right: 2px solid currentColor !important;
    filter:
      drop-shadow(0 1px 0 rgba(255,255,255,.86))
      drop-shadow(0 0 6px rgba(5,200,255,.18)) !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__arrow--prev::before {
    transform: translateX(.12rem) rotate(-135deg) !important;
  }

  body #MainContent .nerdvana-desktop-product-media-filmstrip__arrow--next::before {
    transform: translateX(-.12rem) rotate(45deg) !important;
  }
}

@media screen and (min-width: 990px) and (prefers-reduced-motion: reduce) {
  body #MainContent .product__media-wrapper.nerdvana-desktop-product-media-filmstrip-ready .product__media-list .product__media-item.is-desktop-secondary,
  body #MainContent .nerdvana-desktop-product-media-filmstrip__thumb,
  body #MainContent .nerdvana-desktop-product-media-filmstrip__arrow,
  body #MainContent .nerdvana-desktop-product-media-filmstrip__track {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

@keyframes nerdvana-desktop-product-secondary-media-in {
  0% {
    opacity: 0;
    transform: translate3d(0, .5rem, 0) scale(.992);
    filter: blur(2px) saturate(.98);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0) saturate(1);
  }
}

/* =========================================
PRODUKTSEITE – Produktempfehlungen
Collection Master Parity V1
„Das könnte dir auch gefallen“ nutzt optisch die perfekte Kollektionskachel.
WICHTIG: Die Kollektionskachel selbst wird NICHT verändert.
========================================= */

body #MainContent .related-products,
body #MainContent product-recommendations.related-products {
  width: 100% !important;
  max-width: 1920px !important;
  margin: 2.4rem auto 0 !important;
  padding: 0 2.2rem 5.4rem !important;
  box-sizing: border-box !important;
  background: transparent !important;
}

/* Überschrift bleibt inhaltlich unverändert */
body #MainContent .related-products__heading,
body #MainContent .related-products .title,
body #MainContent .related-products h2 {
  position: relative !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 0 2rem !important;
  padding: 0 0 1.15rem !important;
  color: #0d1f46 !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: clamp(1.45rem, 1.25vw, 1.9rem) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
  text-align: left !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.88), 0 0 10px rgba(5,200,255,.05) !important;
}

body #MainContent .related-products__heading::after,
body #MainContent .related-products .title::after,
body #MainContent .related-products h2::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: .45rem !important;
  width: min(420px, 72vw) !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(5,200,255,.34), rgba(27,61,143,.1), transparent) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.86) !important;
}

/* Grid wie Collection-Master: gleiche Spaltenlogik, damit die Kachelgröße identisch bleibt */
@media screen and (min-width: 990px) {
  body #MainContent .related-products .grid,
  body #MainContent .related-products .product-grid,
  body #MainContent product-recommendations.related-products .grid,
  body #MainContent product-recommendations.related-products .product-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    column-gap: 1.6rem !important;
    row-gap: 2rem !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* =========================================
MOBILE/TABLET – Related Products Swipe Shelf V1
„Das könnte dir auch gefallen“ nutzt mobil/tablet die Product-Shelf-DNA:
- dynamische Shopify-Empfehlungen bleiben erhalten
- horizontale Swipe-Rail statt langem 2-Spalten-Grid
- Desktop V1.x bleibt vollständig unangetastet
========================================= */

@media screen and (max-width: 989px) {
  body #MainContent .related-products,
  body #MainContent product-recommendations.related-products {
    position: relative !important;
    isolation: isolate !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: clamp(2.55rem, 7vw, 3.65rem) auto 0 !important;
    padding: 0 0 clamp(4.2rem, 10vw, 5.6rem) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background:
      radial-gradient(72% 68% at 50% 0, rgba(255,255,255,.94) 0, rgba(239,248,253,.58) 46%, rgba(247,249,252,0) 78%),
      linear-gradient(180deg, rgba(247,249,252,0) 0, rgba(245,248,251,.78) 48%, rgba(247,249,252,0) 100%) !important;
  }

  /*
    Mobile Shelf-Headline:
    gleiche ruhige Galerie-Achse wie Bestseller/Neuheiten-Shelf,
    aber Text bleibt inhaltlich unverändert.
  */

  body #MainContent .related-products__heading,
  body #MainContent .related-products .title,
  body #MainContent .related-products h2,
  body #MainContent product-recommendations.related-products .related-products__heading,
  body #MainContent product-recommendations.related-products .title,
  body #MainContent product-recommendations.related-products h2 {
    position: relative !important;
    z-index: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: min(100%, 62rem) !important;
    max-width: 100% !important;
    margin: 0 auto clamp(1.35rem, 4.2vw, 2rem) !important;
    padding: 0 clamp(1.45rem, 5vw, 2.2rem) clamp(1.48rem, 4.4vw, 2rem) !important;
    color: #0d1f46 !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: clamp(1.38rem, 4.2vw, 1.82rem) !important;
    font-weight: 400 !important;
    line-height: 1.16 !important;
    letter-spacing: clamp(.105em, .45vw, .15em) !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,.9),
      0 0 8px rgba(5,200,255,.055) !important;
  }

  body #MainContent .related-products__heading::before,
  body #MainContent .related-products .title::before,
  body #MainContent .related-products h2::before,
  body #MainContent product-recommendations.related-products .related-products__heading::before,
  body #MainContent product-recommendations.related-products .title::before,
  body #MainContent product-recommendations.related-products h2::before {
    content: "" !important;
    position: absolute !important;
    left: clamp(2rem, 8vw, 3.4rem) !important;
    right: clamp(2rem, 8vw, 3.4rem) !important;
    bottom: .56rem !important;
    z-index: 1 !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent 0, rgba(205,216,224,.44) 18%, rgba(5,200,255,.42) 50%, rgba(205,216,224,.44) 82%, transparent 100%) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.92),
      0 0 12px rgba(5,200,255,.075) !important;
    pointer-events: none !important;
  }

  body #MainContent .related-products__heading::after,
  body #MainContent .related-products .title::after,
  body #MainContent .related-products h2::after,
  body #MainContent product-recommendations.related-products .related-products__heading::after,
  body #MainContent product-recommendations.related-products .title::after,
  body #MainContent product-recommendations.related-products h2::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: .56rem !important;
    z-index: 2 !important;
    width: clamp(1.24rem, 4vw, 1.62rem) !important;
    height: clamp(1.24rem, 4vw, 1.62rem) !important;
    transform: translate(-50%, 50%) rotate(45deg) !important;
    background:
      linear-gradient(135deg, rgba(255,255,255,.98), rgba(232,249,255,.72) 54%, rgba(5,200,255,.18)) !important;
    border: 1px solid rgba(5,200,255,.46) !important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.82) inset,
      0 0 15px rgba(5,200,255,.16) !important;
    pointer-events: none !important;
  }

  /*
    Swipe-Rail:
    Wir ersetzen nur mobile/tablet die Grid-Mechanik.
    Die Produktkarten selbst bleiben die bestehenden Related-Product-Karten.
  */

  body #MainContent .related-products .grid,
  body #MainContent .related-products .product-grid,
  body #MainContent product-recommendations.related-products .grid,
  body #MainContent product-recommendations.related-products .product-grid {
    --nerdvana-related-shelf-edge: clamp(1.45rem, 5vw, 2rem);
    --nerdvana-related-shelf-gap: clamp(1rem, 3.05vw, 1.32rem);
    --nerdvana-related-shelf-card-width: clamp(15.2rem, 42.2vw, 18.4rem);

    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: var(--nerdvana-related-shelf-gap) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: .35rem var(--nerdvana-related-shelf-edge) 1.28rem !important;
    box-sizing: border-box !important;
    list-style: none !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-left: var(--nerdvana-related-shelf-edge) !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    outline: none !important;

    /*
      Soft Peek rechts:
      Der nächste Artikel wird bewusst leicht angeschnitten,
      damit der Swipe intuitiv sichtbar ist.
    */
    -webkit-mask-image: linear-gradient(
      90deg,
      #000 0%,
      #000 88%,
      rgba(0,0,0,.74) 94%,
      transparent 100%
    ) !important;
    mask-image: linear-gradient(
      90deg,
      #000 0%,
      #000 88%,
      rgba(0,0,0,.74) 94%,
      transparent 100%
    ) !important;
  }

  body #MainContent .related-products .grid::-webkit-scrollbar,
  body #MainContent .related-products .product-grid::-webkit-scrollbar,
  body #MainContent product-recommendations.related-products .grid::-webkit-scrollbar,
  body #MainContent product-recommendations.related-products .product-grid::-webkit-scrollbar {
    display: none !important;
  }

  body #MainContent .related-products .grid__item,
  body #MainContent product-recommendations.related-products .grid__item {
    flex: 0 0 var(--nerdvana-related-shelf-card-width) !important;
    width: var(--nerdvana-related-shelf-card-width) !important;
    max-width: var(--nerdvana-related-shelf-card-width) !important;
    min-width: 0 !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: normal !important;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  body #MainContent .related-products .grid,
  body #MainContent .related-products .product-grid,
  body #MainContent product-recommendations.related-products .grid,
  body #MainContent product-recommendations.related-products .product-grid {
    --nerdvana-related-shelf-edge: clamp(2rem, 4.4vw, 3rem);
    --nerdvana-related-shelf-gap: clamp(1.15rem, 2.2vw, 1.55rem);
    --nerdvana-related-shelf-card-width: clamp(17.4rem, 27vw, 21rem);
  }
}

@media screen and (max-width: 749px) {
  body #MainContent .related-products .grid,
  body #MainContent .related-products .product-grid,
  body #MainContent product-recommendations.related-products .grid,
  body #MainContent product-recommendations.related-products .product-grid {
    --nerdvana-related-shelf-card-width: clamp(15.2rem, 42.2vw, 18.4rem);
  }

  body #MainContent .related-products .card > .card__content .card__information,
  body #MainContent product-recommendations.related-products .card > .card__content .card__information {
    min-height: clamp(13.8rem, 38vw, 15.2rem) !important;
  }
}

/* Kachelkörper exakt wie Collection-Master */

/* Kachelkörper exakt wie Collection-Master */
body #MainContent .related-products .grid__item,
body #MainContent product-recommendations.related-products .grid__item {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  border: 1px solid rgba(27,61,143,.12) !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 18px 42px rgba(13,31,70,.08), 0 6px 16px rgba(13,31,70,.045), 0 0 0 1px rgba(255,255,255,.82) inset !important;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  --nerdvana-card-refraction-x: 50%;
  --nerdvana-card-refraction-y: 18%;
  --nerdvana-card-tilt-x: 0;
  --nerdvana-card-tilt-y: 0;
  transform-style: preserve-3d !important;
  transition: border-color .28s ease, box-shadow .28s ease, transform .28s ease, background .28s ease !important;
}

body #MainContent .related-products .grid__item::before,
body #MainContent product-recommendations.related-products .grid__item::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 7 !important;
  pointer-events: none !important;
  border-radius: 22px !important;
  padding: 5px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0, rgba(247,250,253,.96) 42%, rgba(225,232,237,.82) 100%) border-box !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) border-box !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.88), inset 0 12px 20px rgba(255,255,255,.42), inset 0 -12px 20px rgba(27,61,143,.035), 0 0 16px rgba(5,200,255,.035) !important;
  transition: background .28s ease, box-shadow .28s ease, opacity .28s ease !important;
}

body #MainContent .related-products .grid__item:hover,
body #MainContent product-recommendations.related-products .grid__item:hover {
  background: radial-gradient(circle at var(--nerdvana-card-refraction-x) var(--nerdvana-card-refraction-y), rgba(255,255,255,.34) 0, rgba(255,255,255,.13) 16%, rgba(5,200,255,.035) 27%, transparent 42%), linear-gradient(180deg, rgba(255,255,255,.98) 0, rgba(252,253,254,.96) 46%, rgba(246,249,252,.98) 100%) !important;
  border-color: rgba(5,200,255,.24) !important;
  box-shadow: 0 26px 54px rgba(13,31,70,.105), 0 12px 24px rgba(13,31,70,.045), 0 0 18px rgba(5,200,255,.055), 0 2px 3px rgba(255,255,255,.78) inset, 0 0 0 1px rgba(255,255,255,.94) inset, 0 -14px 24px rgba(188,198,205,.036) inset !important;
  transform: translateY(-4px) rotateX(var(--nerdvana-card-tilt-y)) rotateY(var(--nerdvana-card-tilt-x)) !important;
}

body #MainContent .related-products .grid__item:hover::before,
body #MainContent product-recommendations.related-products .grid__item:hover::before {
  background: linear-gradient(180deg, rgba(255,255,255,1) 0, rgba(248,251,253,.98) 38%, rgba(205,216,224,.86) 100%) border-box !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.94), inset 0 13px 22px rgba(255,255,255,.48), inset 0 -12px 20px rgba(27,61,143,.04), 0 0 18px rgba(5,200,255,.06) !important;
}

/* Dawn-Kartenbasis wie Collection-Master neutralisieren */
body #MainContent .related-products .card-wrapper,
body #MainContent .related-products .card,
body #MainContent product-recommendations.related-products .card-wrapper,
body #MainContent product-recommendations.related-products .card {
  height: 100% !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body #MainContent .related-products .card,
body #MainContent product-recommendations.related-products .card {
  overflow: hidden !important;
  border-radius: 22px !important;
}

body #MainContent .related-products .card__inner,
body #MainContent product-recommendations.related-products .card__inner {
  background: transparent !important;
  border-bottom: 1px solid rgba(5,200,255,.34) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  transition: border-color .28s ease, box-shadow .28s ease !important;
}

body #MainContent .related-products .grid__item:hover .card__inner,
body #MainContent product-recommendations.related-products .grid__item:hover .card__inner {
  border-bottom-color: rgba(5,200,255,.48) !important;
  box-shadow: 0 1px 0 rgba(5,200,255,.18) !important;
}

body #MainContent .related-products .card__inner.ratio,
body #MainContent product-recommendations.related-products .card__inner.ratio {
  --ratio-percent: 82% !important;
}

/* Bildbereich exakt wie Collection-Master */
body #MainContent .related-products .card__media,
body #MainContent product-recommendations.related-products .card__media {
  position: relative !important;
  isolation: isolate !important;
  background: #fff !important;
  background-color: #fff !important;
  border-bottom: 0 !important;
  overflow: hidden !important;
}

body #MainContent .related-products .card__media .media,
body #MainContent .related-products .media,
body #MainContent product-recommendations.related-products .card__media .media,
body #MainContent product-recommendations.related-products .media {
  overflow: hidden !important;
  background: #fff !important;
  background-color: #fff !important;
}

/* Keine zusätzliche Related-spezifische Licht-DNA */
body #MainContent .related-products .card__media::before,
body #MainContent product-recommendations.related-products .card__media::before,
body #MainContent .related-products .card__inner::after,
body #MainContent product-recommendations.related-products .card__inner::after {
  content: none !important;
  display: none !important;
  animation: none !important;
  background: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
}

/* Crystal-Sheen exakt wie Collection-Master */
body #MainContent .related-products .card__media::after,
body #MainContent product-recommendations.related-products .card__media::after {
  content: "" !important;
  position: absolute !important;
  top: -22% !important;
  bottom: -22% !important;
  left: -48% !important;
  z-index: 3 !important;
  width: 18% !important;
  pointer-events: none !important;
  background: linear-gradient(108deg, transparent 0, rgba(255,255,255,0) 16%, rgba(255,255,255,.18) 42%, rgba(232,248,255,.1) 50%, rgba(255,255,255,.12) 58%, rgba(255,255,255,0) 84%, transparent 100%) !important;
  opacity: 0 !important;
  filter: blur(.22px) !important;
  transform: translateX(-90%) skewX(-16deg) !important;
  transition: opacity .22s ease, transform .72s cubic-bezier(.16,1,.3,1) !important;
}

body #MainContent .related-products .grid__item:hover .card__media::after,
body #MainContent product-recommendations.related-products .grid__item:hover .card__media::after {
  opacity: .46 !important;
  transform: translateX(620%) skewX(-16deg) !important;
}

/* Related Products – normale Produktbilder sichtbar halten */
body #MainContent .related-products .card-wrapper:not(:has(model-viewer.nerdvana-card-hover-model)) .card__media .media > img:first-child,
body #MainContent .related-products .card-wrapper:not(:has(model-viewer.nerdvana-card-hover-model)) .media > img:first-child,
body #MainContent product-recommendations.related-products .card-wrapper:not(:has(model-viewer.nerdvana-card-hover-model)) .card__media .media > img:first-child,
body #MainContent product-recommendations.related-products .card-wrapper:not(:has(model-viewer.nerdvana-card-hover-model)) .media > img:first-child {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Weitere Dawn-Hoverbilder bei Karten ohne Modelviewer ausblenden */
body #MainContent .related-products .card-wrapper:not(:has(model-viewer.nerdvana-card-hover-model)) .card__media .media > img:not(:first-child),
body #MainContent .related-products .card-wrapper:not(:has(model-viewer.nerdvana-card-hover-model)) .media > img:not(:first-child),
body #MainContent product-recommendations.related-products .card-wrapper:not(:has(model-viewer.nerdvana-card-hover-model)) .card__media .media > img:not(:first-child),
body #MainContent product-recommendations.related-products .card-wrapper:not(:has(model-viewer.nerdvana-card-hover-model)) .media > img:not(:first-child) {
  z-index: 1 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body #MainContent .related-products .card__media img,
body #MainContent .related-products .media img,
body #MainContent product-recommendations.related-products .card__media img,
body #MainContent product-recommendations.related-products .media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: brightness(1.075) contrast(1.045) saturate(1.025) !important;
  transition: transform .45s ease, filter .45s ease !important;
}

body #MainContent .related-products .grid__item:hover .card__media img,
body #MainContent .related-products .grid__item:hover .media img,
body #MainContent product-recommendations.related-products .grid__item:hover .card__media img,
body #MainContent product-recommendations.related-products .grid__item:hover .media img {
  transform: scale(1.028) !important;
  filter: brightness(1.075) contrast(1.045) saturate(1.025) !important;
}

/* Modelviewer nicht mehr mit Related-Sonderformat behandeln */
body #MainContent .related-products .card__media model-viewer.nerdvana-card-hover-model,
body #MainContent product-recommendations.related-products .card__media model-viewer.nerdvana-card-hover-model {
  background: #fff !important;
  background-color: #fff !important;
  --poster-color: #fff;
}

/* Inneren Dawn-Doppelcontent im Bildbereich wie Collection-Master behandeln */
body #MainContent .related-products .card__inner > .card__content,
body #MainContent product-recommendations.related-products .card__inner > .card__content {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  pointer-events: none !important;
}

body #MainContent .related-products .card__inner > .card__content .card__information,
body #MainContent .related-products .card__inner > .card__content .card__heading,
body #MainContent .related-products .card__inner > .card__content .card-information,
body #MainContent .related-products .card__inner > .card__content .price__badges,
body #MainContent .related-products .card__inner > .card__content .price__badge-sale,
body #MainContent .related-products .card__inner > .card__content .price__badge-sold-out,
body #MainContent product-recommendations.related-products .card__inner > .card__content .card__information,
body #MainContent product-recommendations.related-products .card__inner > .card__content .card__heading,
body #MainContent product-recommendations.related-products .card__inner > .card__content .card-information,
body #MainContent product-recommendations.related-products .card__inner > .card__content .price__badges,
body #MainContent product-recommendations.related-products .card__inner > .card__content .price__badge-sale,
body #MainContent product-recommendations.related-products .card__inner > .card__content .price__badge-sold-out {
  display: none !important;
}

/* Sale-Badge exakt wie Collection-Master */
body #MainContent .related-products .card__inner .card__badge,
body #MainContent .related-products .card__inner > .card__content .card__badge,
body #MainContent product-recommendations.related-products .card__inner .card__badge,
body #MainContent product-recommendations.related-products .card__inner > .card__content .card__badge {
  position: absolute !important;
  top: 1.55rem !important;
  left: 1.55rem !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 6 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  pointer-events: none !important;
}

body #MainContent .related-products .card__inner .card__badge .badge,
body #MainContent .related-products .card__inner > .card__content .card__badge .badge,
body #MainContent product-recommendations.related-products .card__inner .card__badge .badge,
body #MainContent product-recommendations.related-products .card__inner > .card__content .card__badge .badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.8rem !important;
  padding: .45rem 1rem !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(5,200,255,.42) !important;
  border-radius: 999px !important;
  color: #1b3d8f !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: .92rem !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: none !important;
  box-shadow: 0 6px 14px rgba(13,31,70,.1), 0 0 10px rgba(5,200,255,.1), 0 0 0 1px rgba(255,255,255,.78) inset !important;
}

/* Favoriten-Herz exakt wie Collection-Master */
body #MainContent .related-products .card-wrapper .nerdvana-favorite-button--card,
body #MainContent product-recommendations.related-products .card-wrapper .nerdvana-favorite-button--card {
  width: 3.35rem !important;
  height: 3.35rem !important;
  min-width: 3.35rem !important;
  min-height: 3.35rem !important;
  top: 1.35rem !important;
  right: 1.35rem !important;
}

body #MainContent .related-products .card-wrapper .nerdvana-favorite-button--card .nerdvana-favorite-button__icon,
body #MainContent product-recommendations.related-products .card-wrapper .nerdvana-favorite-button--card .nerdvana-favorite-button__icon {
  width: 1.62rem !important;
  height: 1.62rem !important;
}

body #MainContent .related-products .card-wrapper .nerdvana-favorite-button--card .nerdvana-favorite-button__icon path,
body #MainContent product-recommendations.related-products .card-wrapper .nerdvana-favorite-button--card .nerdvana-favorite-button__icon path {
  stroke-width: 1.65 !important;
}

/* Unterer Text-/Preisbereich exakt wie Collection-Master */
body #MainContent .related-products .card > .card__content,
body #MainContent product-recommendations.related-products .card > .card__content {
  display: block !important;
  padding-top: 0 !important;
  background: #fff !important;
  border-radius: 0 0 22px 22px !important;
}

body #MainContent .related-products .card > .card__content .card__badge,
body #MainContent .related-products .card > .card__content .price__badges,
body #MainContent .related-products .card > .card__content .price__badge-sale,
body #MainContent .related-products .card > .card__content .price__badge-sold-out,
body #MainContent product-recommendations.related-products .card > .card__content .card__badge,
body #MainContent product-recommendations.related-products .card > .card__content .price__badges,
body #MainContent product-recommendations.related-products .card > .card__content .price__badge-sale,
body #MainContent product-recommendations.related-products .card > .card__content .price__badge-sold-out {
  display: none !important;
}

body #MainContent .related-products .card > .card__content .card__information,
body #MainContent product-recommendations.related-products .card > .card__content .card__information {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding: 2rem 1.4rem 2.1rem !important;
  min-height: 150px !important;
  background: #fff !important;
  text-align: center !important;
}

body #MainContent .related-products .card > .card__content .card__heading,
body #MainContent .related-products .card > .card__content .card__heading.h5,
body #MainContent product-recommendations.related-products .card > .card__content .card__heading,
body #MainContent product-recommendations.related-products .card > .card__content .card__heading.h5 {
  margin: 0 !important;
  min-height: 4.2em !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #1b3d8f !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: 1.18rem !important;
  font-weight: 500 !important;
  line-height: 1.34 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

body #MainContent .related-products .card > .card__content .card__heading a,
body #MainContent product-recommendations.related-products .card > .card__content .card__heading a {
  color: #1b3d8f !important;
  text-decoration: none !important;
  transition: color .28s ease, text-shadow .28s ease !important;
}

body #MainContent .related-products .grid__item:hover .card > .card__content .card__heading a,
body #MainContent product-recommendations.related-products .grid__item:hover .card > .card__content .card__heading a {
  color: #0d1f46 !important;
  text-shadow: 0 0 10px rgba(5,200,255,.12) !important;
}

/* Preisbereich exakt wie Collection-Master */
body #MainContent .related-products .card > .card__content .card-information,
body #MainContent product-recommendations.related-products .card > .card__content .card-information {
  margin-top: auto !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
}

body #MainContent .related-products .card > .card__content .price,
body #MainContent product-recommendations.related-products .card > .card__content .price {
  width: 100% !important;
  margin-top: 1.15rem !important;
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.25 !important;
  letter-spacing: .04em !important;
  color: #1b3d8f !important;
  font-weight: inherit !important;
  --nerdvana-home-sale-price-size: 1.22rem;
  --nerdvana-home-old-price-size: .95rem;
  transition: color .28s ease, text-shadow .28s ease !important;
}

body #MainContent .related-products .card > .card__content .price__container,
body #MainContent product-recommendations.related-products .card > .card__content .price__container {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

body #MainContent .related-products .card > .card__content .price--on-sale .price__regular,
body #MainContent product-recommendations.related-products .card > .card__content .price--on-sale .price__regular {
  display: none !important;
}

body #MainContent .related-products .card > .card__content .price__sale,
body #MainContent product-recommendations.related-products .card > .card__content .price__sale {
  width: 100% !important;
  display: flex !important;
  flex-direction: column-reverse !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

body #MainContent .related-products .card > .card__content .price-item--sale,
body #MainContent .related-products .card > .card__content .price-item--last,
body #MainContent product-recommendations.related-products .card > .card__content .price-item--sale,
body #MainContent product-recommendations.related-products .card > .card__content .price-item--last {
  display: block !important;
  color: #1b3d8f !important;
  font-size: 1.22rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

body #MainContent .related-products .card > .card__content .price__sale s,
body #MainContent .related-products .card > .card__content .price__sale .price-item--regular,
body #MainContent product-recommendations.related-products .card > .card__content .price__sale s,
body #MainContent product-recommendations.related-products .card > .card__content .price__sale .price-item--regular {
  display: block !important;
  margin-top: .45rem !important;
  color: rgba(27,61,143,.48) !important;
  font-size: .95rem !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  text-align: center !important;
  text-decoration: line-through !important;
  text-decoration-thickness: 1px !important;
}

body #MainContent .related-products .card > .card__content .price:not(.price--on-sale) .price__regular,
body #MainContent product-recommendations.related-products .card > .card__content .price:not(.price--on-sale) .price__regular {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
}

body #MainContent .related-products .card > .card__content .price:not(.price--on-sale) .price__sale,
body #MainContent product-recommendations.related-products .card > .card__content .price:not(.price--on-sale) .price__sale {
  display: none !important;
}

body #MainContent .related-products .card > .card__content .price:not(.price--on-sale) .price-item--regular,
body #MainContent product-recommendations.related-products .card > .card__content .price:not(.price--on-sale) .price-item--regular {
  display: block !important;
  color: #1b3d8f !important;
  font-size: 1.18rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

body #MainContent .related-products .grid__item:hover .price,
body #MainContent .related-products .grid__item:hover .price *,
body #MainContent product-recommendations.related-products .grid__item:hover .price,
body #MainContent product-recommendations.related-products .grid__item:hover .price * {
  color: #0d1f46 !important;
  text-shadow: 0 0 8px rgba(5,200,255,.1) !important;
}

@media (prefers-reduced-motion: reduce) {
  body #MainContent .related-products .grid__item,
  body #MainContent product-recommendations.related-products .grid__item,
  body #MainContent .related-products .card__media img,
  body #MainContent product-recommendations.related-products .card__media img {
    transition-duration: .01ms !important;
    transform: none !important;
  }

  body #MainContent .related-products .card__media::after,
  body #MainContent product-recommendations.related-products .card__media::after {
    display: none !important;
    transition: none !important;
  }
}

/* =========================================
PRODUKTSEITE – Related Products Quick-Add Button Bridge V2
Nur Layout, Text und Icon für „Das könnte dir auch gefallen“.
Der eigentliche Glaskörper kommt jetzt aus dem NERDVANA MASTER BUTTON GLASS CORE.
Keine Änderung an Collection/Home/Favoriten-Kacheln.
========================================= */

body #MainContent .related-products .quick-add,
body #MainContent product-recommendations.related-products .quick-add {
  position: relative !important;
  z-index: 8 !important;
  pointer-events: auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: .84rem 1.02rem 1.64rem !important;
  background: #fff !important;
  isolation: isolate !important;
  --nerdvana-qa-glow-left: 50%;
  --nerdvana-qa-glow-top: 50%;
  --nerdvana-qa-glow-width: calc(100% - 5.2rem);
  --nerdvana-qa-glow-height: 5.8rem;
  --nerdvana-qa-glow-radius: 14px;
}

body #MainContent .related-products .quick-add product-form,
body #MainContent .related-products .quick-add .product-form,
body #MainContent .related-products .quick-add form,
body #MainContent .related-products .quick-add .product-form__buttons,
body #MainContent product-recommendations.related-products .quick-add product-form,
body #MainContent product-recommendations.related-products .quick-add .product-form,
body #MainContent product-recommendations.related-products .quick-add form,
body #MainContent product-recommendations.related-products .quick-add .product-form__buttons {
  position: relative !important;
  z-index: 9 !important;
  pointer-events: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}

body #MainContent .related-products .quick-add__submit,
body #MainContent product-recommendations.related-products .quick-add__submit {
  z-index: 10 !important;
  pointer-events: auto !important;
  width: clamp(236px,88%,284px) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .54rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 1.34rem !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: .74rem !important;
  font-weight: 650 !important;
  letter-spacing: .062em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.96), 0 0 6px rgba(255,255,255,.18) !important;
}

body #MainContent .related-products .quick-add__submit > span:not(.hidden):not(.sold-out-message):not([class^="nerdvana-crystal-cta__"]),
body #MainContent product-recommendations.related-products .quick-add__submit > span:not(.hidden):not(.sold-out-message):not([class^="nerdvana-crystal-cta__"]) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 5 !important;
  min-height: 1.22rem !important;
  color: #102b66 !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
  letter-spacing: .064em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
  transform: translateY(.005rem) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.98), 0 0 5px rgba(255,255,255,.26) !important;
}

body #MainContent .related-products .quick-add__submit .nerdvana-crystal-cta__icon,
body #MainContent product-recommendations.related-products .quick-add__submit .nerdvana-crystal-cta__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.2rem !important;
  height: 1.2rem !important;
  position: relative !important;
  z-index: 5 !important;
  flex: 0 0 auto !important;
  color: #102b66 !important;
  opacity: .76 !important;
  transform: translateY(-0.255rem) !important;
  pointer-events: none !important;
}

body #MainContent .related-products .quick-add__submit .nerdvana-crystal-cta__icon svg,
body #MainContent product-recommendations.related-products .quick-add__submit .nerdvana-crystal-cta__icon svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  overflow: visible !important;
}

body #MainContent .related-products .quick-add__submit:hover .nerdvana-crystal-cta__icon,
body #MainContent product-recommendations.related-products .quick-add__submit:hover .nerdvana-crystal-cta__icon {
  opacity: .88 !important;
  color: #0d1f46 !important;
}

body #MainContent .related-products .quick-add__submit.nerdvana-crystal-cta--activated,
body #MainContent product-recommendations.related-products .quick-add__submit.nerdvana-crystal-cta--activated {
  animation: nerdvana-crystal-button-commit .62s ease both !important;
}

body #MainContent .related-products .quick-add__submit.loading,
body #MainContent .related-products .quick-add__submit[disabled],
body #MainContent .related-products .quick-add__submit[aria-disabled="true"],
body #MainContent product-recommendations.related-products .quick-add__submit.loading,
body #MainContent product-recommendations.related-products .quick-add__submit[disabled],
body #MainContent product-recommendations.related-products .quick-add__submit[aria-disabled="true"] {
  cursor: default !important;
}

@media screen and (max-width: 749px) {
  body #MainContent .related-products .quick-add,
  body #MainContent product-recommendations.related-products .quick-add {
    padding: .8rem .96rem 1.5rem !important;
  }

  body #MainContent .related-products .quick-add__submit,
  body #MainContent product-recommendations.related-products .quick-add__submit {
    width: clamp(220px,86%,266px) !important;
    min-height: 56px !important;
    gap: .48rem !important;
    padding: 0 1.1rem !important;
    font-size: .78rem !important;
    letter-spacing: .052em !important;
  }

  body #MainContent .related-products .quick-add__submit > span:not(.hidden):not(.sold-out-message):not([class^="nerdvana-crystal-cta__"]),
  body #MainContent product-recommendations.related-products .quick-add__submit > span:not(.hidden):not(.sold-out-message):not([class^="nerdvana-crystal-cta__"]) {
    font-size: .78rem !important;
    letter-spacing: .052em !important;
  }

  body #MainContent .related-products .quick-add__submit .nerdvana-crystal-cta__icon,
  body #MainContent product-recommendations.related-products .quick-add__submit .nerdvana-crystal-cta__icon {
    width: 1.04rem !important;
    height: 1.04rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body #MainContent .related-products .quick-add__submit.nerdvana-crystal-cta--activated,
  body #MainContent product-recommendations.related-products .quick-add__submit.nerdvana-crystal-cta--activated {
    animation: none !important;
    transition-duration: .01ms !important;
  }
}

/* =========================================
KONTAKTSEITE – Celestial Concierge Contact Panel V1
body:has(.contact.page-width) .main-page-title,
body:has(.contact.page-width) h1.main-page-title,
body:has(.contact.page-width) .page-title {
  display: none !important;
}

/* Kontaktseite bekommt dieselbe helle Celestial-Bühne wie der Shop */
body:has(.contact.page-width) #MainContent {
  background: var(--nerdvana-bg-atmosphere) !important;
}

/* Äußerer Kontaktbereich als ruhiges Premium-Panel */
body:has(.contact.page-width) .contact.page-width {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  width: min(1160px, calc(100% - 4.4rem)) !important;
  max-width: 1160px !important;
  margin: clamp(4.6rem, 5.2vw, 7.2rem) auto clamp(5.2rem, 6.2vw, 7.8rem) !important;
  padding: clamp(2.8rem, 3.6vw, 4.45rem) clamp(2rem, 3.7vw, 4.6rem) clamp(3.05rem, 4vw, 4.65rem) !important;
  border-radius: 32px !important;
  border: 1px solid rgba(225,232,237,.92) !important;
  background: rgba(252,253,254,.54) !important;
  box-shadow:
    0 28px 64px rgba(13,31,70,.078),
    0 11px 25px rgba(13,31,70,.038),
    0 2px 3px rgba(255,255,255,.84) inset,
    0 0 0 1px rgba(255,255,255,.96) inset,
    0 -16px 30px rgba(188,198,205,.046) inset !important;
  backdrop-filter: blur(20px) saturate(1.03) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.03) !important;
}

/* Weiche Lichtfläche hinter dem Formular */
body:has(.contact.page-width) .contact.page-width::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 46% !important;
  z-index: 0 !important;
  width: min(920px, 80vw) !important;
  height: 34rem !important;
  transform: translate(-50%, -50%) !important;
  background:
    radial-gradient(ellipse at center, rgba(255,255,255,.74) 0, rgba(238,247,252,.28) 44%, rgba(5,200,255,.035) 62%, transparent 78%) !important;
  opacity: .92 !important;
  pointer-events: none !important;
}

/* Obere feine Crystal-Kante des Panels */
body:has(.contact.page-width) .contact.page-width::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  z-index: 1 !important;
  width: min(760px, 72%) !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg, transparent 0, rgba(205,216,224,.32) 18%, rgba(255,255,255,.92) 42%, rgba(5,200,255,.16) 50%, rgba(255,255,255,.92) 58%, rgba(205,216,224,.32) 82%, transparent 100%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.9), 0 0 18px rgba(5,200,255,.055) !important;
  pointer-events: none !important;
}

/* Kontakt-Überschrift im Collection-/Vault-Stil */
body:has(.contact.page-width) .contact .title,
body:has(.contact.page-width) .contact h2.title,
body:has(.contact.page-width) .contact .inline-richtext {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  max-width: 980px !important;
  margin: 0 auto clamp(2.45rem, 3vw, 3.55rem) !important;
  padding: 0 3.2rem 3.2rem !important;
  color: #0d1f46 !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: clamp(2.6rem, 2.5vw, 4.2rem) !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  letter-spacing: .18em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.94), 0 0 14px rgba(5,200,255,.08) !important;
}

/* Linie unter Kontakt */
body:has(.contact.page-width) .contact .title::before,
body:has(.contact.page-width) .contact h2.title::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 1.18rem !important;
  transform: translateX(-50%) !important;
  width: min(620px, 72vw) !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent 0, rgba(27,61,143,.12) 18%, rgba(5,200,255,.34) 50%, rgba(27,61,143,.12) 82%, transparent 100%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.88) !important;
  pointer-events: none !important;
}

/* Kleiner Crystal-Diamond unter Kontakt */
body:has(.contact.page-width) .contact .title::after,
body:has(.contact.page-width) .contact h2.title::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: .32rem !important;
  width: 15px !important;
  height: 15px !important;
  transform: translateX(-50%) rotate(45deg) !important;
  border: 1px solid rgba(5,200,255,.44) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.98) 0, rgba(232,248,255,.88) 48%, rgba(5,200,255,.18) 100%) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.92) inset,
    0 0 14px rgba(5,200,255,.18),
    0 0 24px rgba(138,92,255,.06) !important;
  pointer-events: none !important;
}

/* Formular selbst */
body:has(.contact.page-width) .contact form,
body:has(.contact.page-width) .contact #ContactForm {
  position: relative !important;
  z-index: 2 !important;
  max-width: 1040px !important;
  margin: 0 auto !important;
}

/* Zwei Spalten oben, danach volle Breite */
body:has(.contact.page-width) .contact .contact__fields {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.35rem !important;
  margin-bottom: 1.35rem !important;
}

/* Dawn-Feldrahmen neutralisieren */
body:has(.contact.page-width) .contact .field {
  position: relative !important;
  margin: 0 0 1.35rem !important;
}

body:has(.contact.page-width) .contact .field::before,
body:has(.contact.page-width) .contact .field::after {
  content: none !important;
  display: none !important;
}

/* Glasige Eingabefelder */
body:has(.contact.page-width) .contact .field__input,
body:has(.contact.page-width) .contact .text-area,
body:has(.contact.page-width) .contact textarea.field__input {
  min-height: 64px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 2.3rem 1.55rem .95rem !important;
  border-radius: 18px !important;
  border: 1px solid rgba(205,216,224,.82) !important;
  outline: none !important;
  background: rgba(255,255,255,.58) !important;
  color: #102b66 !important;
  -webkit-text-fill-color: #102b66 !important;
  caret-color: #1b3d8f !important;
  font-family: Montserrat, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 1.16rem !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: .025em !important;
  box-shadow:
    0 7px 18px rgba(13,31,70,.04),
    0 1px 2px rgba(255,255,255,.84) inset,
    0 0 0 1px rgba(255,255,255,.92) inset,
    0 -8px 16px rgba(188,198,205,.04) inset !important;
  transition: border-color .22s ease, box-shadow .22s ease, background .22s ease, transform .22s ease !important;
}

body:has(.contact.page-width) .contact textarea.field__input,
body:has(.contact.page-width) .contact .text-area {
  min-height: 174px !important;
  resize: vertical !important;
  padding-top: 2.7rem !important;
}

/* Placeholder verstecken, Label übernimmt die Führung */
body:has(.contact.page-width) .contact .field__input::placeholder,
body:has(.contact.page-width) .contact textarea::placeholder {
  color: transparent !important;
  opacity: 0 !important;
}

/* Labels als kleine Premium-Eyebrows */
body:has(.contact.page-width) .contact .field__label {
  position: absolute !important;
  left: 1.55rem !important;
  top: .86rem !important;
  z-index: 3 !important;
  margin: 0 !important;
  color: rgba(36,54,95,.58) !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
  pointer-events: none !important;
  transform: none !important;
  transition: color .2s ease, opacity .2s ease !important;
}

/* Telefonnummer als optional kennzeichnen */
body:has(.contact.page-width) .contact input#ContactForm-phone ~ .field__label::after,
body:has(.contact.page-width) .contact input[name="contact[Phone]"] ~ .field__label::after {
  content: " · Optional" !important;
  display: inline-block !important;
  margin-left: .28rem !important;
  color: rgba(36,54,95,.56) !important;
  font-family: Montserrat, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: .76rem !important;
  font-weight: 650 !important;
  letter-spacing: .045em !important;
  text-transform: none !important;
  transform: translateY(-.01rem) !important;
}

/* Fokuszustand: feiner Cyan-Microglow, nicht laut */
body:has(.contact.page-width) .contact .field__input:focus,
body:has(.contact.page-width) .contact .field__input:focus-visible,
body:has(.contact.page-width) .contact textarea.field__input:focus,
body:has(.contact.page-width) .contact textarea.field__input:focus-visible {
  border-color: rgba(5,200,255,.34) !important;
  background: rgba(255,255,255,.72) !important;
  box-shadow:
    0 9px 22px rgba(13,31,70,.05),
    0 0 0 1px rgba(5,200,255,.08) inset,
    0 0 16px rgba(5,200,255,.08),
    0 1px 2px rgba(255,255,255,.9) inset,
    0 0 0 1px rgba(255,255,255,.96) inset,
    0 -8px 16px rgba(188,198,205,.04) inset !important;
  transform: translateY(-1px) !important;
}

body:has(.contact.page-width) .contact .field__input:focus ~ .field__label,
body:has(.contact.page-width) .contact textarea.field__input:focus ~ .field__label {
  color: #1b3d8f !important;
}

/* Autofill hell halten */
body:has(.contact.page-width) .contact .field__input:-webkit-autofill,
body:has(.contact.page-width) .contact textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px rgba(247,250,253,.96) inset !important;
  -webkit-text-fill-color: #102b66 !important;
}

/* Buttonbereich */
body:has(.contact.page-width) .contact .contact__button {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 1.75rem !important;
}

/* Senden-Button im lokalen Master-Glaslook */
body:has(.contact.page-width) .contact .contact__button .button {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
min-width: 246px !important;
min-height: 56px !important;
padding: 0 3.15rem !important;
  border-radius: 17px !important;
  border: 1px solid rgba(225,232,237,.96) !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  --border-offset: 0 !important;
  --buttons-border-width: 0 !important;
  --buttons-border-opacity: 0 !important;
  --alpha-button-background: 0 !important;
  --alpha-button-border: 0 !important;
  color: #102b66 !important;
  -webkit-text-fill-color: #102b66 !important;
  background:
    radial-gradient(ellipse at 22% 0, rgba(255,255,255,.72) 0, rgba(255,255,255,.2) 27%, transparent 52%),
    radial-gradient(ellipse at 78% 100%, rgba(205,216,224,.18) 0, rgba(205,216,224,.045) 34%, transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.18) 0, rgba(252,253,254,.075) 45%, rgba(238,242,245,.13) 100%) !important;
box-shadow:
    0 20px 30px rgba(13,31,70,.068),
    0 8px 15px rgba(13,31,70,.038),
    0 2px 3px rgba(255,255,255,.78) inset,
    0 0 0 1px rgba(255,255,255,.94) inset,
    0 0 0 2px rgba(255,255,255,.22) inset,
    0 -1px 0 rgba(145,164,175,.09) inset,
    0 -12px 20px rgba(188,198,205,.045) inset !important;
  backdrop-filter: blur(14px) saturate(1.04) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.04) !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: 1rem !important;
font-size: 1.04rem !important;
font-weight: 750 !important;
letter-spacing: .12em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.98), 0 0 5px rgba(255,255,255,.26) !important;
  transition: border-color .22s ease, background .22s ease, box-shadow .22s ease, color .22s ease, transform .22s ease !important;
}

body:has(.contact.page-width) .contact .contact__button .button::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: 1 !important;
  border-radius: inherit !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.38) 0, rgba(255,255,255,.1) 34%, rgba(255,255,255,.025) 100%),
    radial-gradient(ellipse at 18% 0, rgba(255,255,255,.88) 0, rgba(255,255,255,.16) 28%, transparent 52%),
    linear-gradient(112deg, transparent 0, rgba(255,255,255,.18) 24%, rgba(255,255,255,.045) 38%, transparent 55%) !important;
  box-shadow:
    0 0 0 1px rgba(202,214,221,.28) inset,
    0 1px 0 rgba(255,255,255,.96) inset,
    0 -1px 0 rgba(131,152,164,.052) inset !important;
  pointer-events: none !important;
}

body:has(.contact.page-width) .contact .contact__button .button::after {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 6px !important;
  z-index: 2 !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent 0, rgba(255,255,255,.22) 16%, rgba(202,214,222,.24) 35%, rgba(255,255,255,.4) 50%, rgba(202,214,222,.22) 65%, rgba(255,255,255,.16) 84%, transparent 100%) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.74),
    0 5px 10px rgba(13,31,70,.05),
    0 12px 18px rgba(13,31,70,.038),
    0 18px 24px rgba(13,31,70,.02) !important;
  opacity: .86 !important;
  filter: blur(.22px) !important;
  pointer-events: none !important;
}

body:has(.contact.page-width) .contact .contact__button .button > * {
  position: relative !important;
  z-index: 5 !important;
}

body:has(.contact.page-width) .contact .contact__button .button:hover,
body:has(.contact.page-width) .contact .contact__button .button:focus-visible {
  border-color: rgba(214,223,229,1) !important;
  color: #0d1f46 !important;
  -webkit-text-fill-color: #0d1f46 !important;
  background:
    radial-gradient(ellipse at 20% 0, rgba(255,255,255,.66) 0, rgba(255,255,255,.22) 30%, transparent 50%),
    linear-gradient(180deg, rgba(255,255,255,.28) 0, rgba(250,252,253,.16) 42%, rgba(240,244,246,.18) 100%) !important;
  box-shadow:
    0 22px 31px rgba(13,31,70,.074),
    0 9px 17px rgba(13,31,70,.04),
    0 2px 3px rgba(255,255,255,.84) inset,
    0 0 0 1px rgba(255,255,255,.98) inset,
    0 0 0 2px rgba(255,255,255,.26) inset,
    0 -1px 0 rgba(145,164,175,.1) inset,
    0 0 8px rgba(5,200,255,.01) !important;
  transform: translateY(-1px) !important;
}

/* Erfolg-/Fehlermeldungen passend zum Panel */
body:has(.contact.page-width) .contact .form__message,
body:has(.contact.page-width) .contact .form-status,
body:has(.contact.page-width) .contact .form-status-list {
  position: relative !important;
  z-index: 2 !important;
  max-width: 1040px !important;
  margin: 0 auto 1.8rem !important;
  padding: 1.1rem 1.35rem !important;
  border-radius: 18px !important;
  border: 1px solid rgba(5,200,255,.22) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(238,247,252,.66)) !important;
  color: #1b3d8f !important;
  box-shadow: 0 10px 22px rgba(13,31,70,.045), 0 0 0 1px rgba(255,255,255,.86) inset !important;
}

/* Mobile */
@media screen and (max-width: 749px) {
  body:has(.contact.page-width) .contact.page-width {
    width: min(100% - 2.8rem, 680px) !important;
    margin-top: 3.6rem !important;
    margin-bottom: 4.8rem !important;
    padding: 2.6rem 1.35rem 3rem !important;
    border-radius: 26px !important;
  }

  body:has(.contact.page-width) .contact .title,
  body:has(.contact.page-width) .contact h2.title,
  body:has(.contact.page-width) .contact .inline-richtext {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    font-size: clamp(2.1rem, 8vw, 3rem) !important;
    letter-spacing: .14em !important;
  }

  body:has(.contact.page-width) .contact .contact__fields {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  body:has(.contact.page-width) .contact .field__input,
  body:has(.contact.page-width) .contact .text-area,
  body:has(.contact.page-width) .contact textarea.field__input {
    border-radius: 16px !important;
  }

  body:has(.contact.page-width) .contact .contact__button .button {
    width: 100% !important;
    min-width: 0 !important;
  }
}
/* =========================================
STARTSEITE – Vorteils-Bildbanner Kristallrahmen
Section: Premium-Vorteile Bildbanner
Quelle der früheren Theme-Editor-CSS ist jetzt hier zentralisiert
========================================= */
#shopify-section-template--30569970172253__image_banner_KYrMzJ {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  margin-top: 0 !important;
  padding: 0
  0
  clamp(3rem,4.6vw,5.4rem) !important;
  background: radial-gradient(70% 92% at 50% 42%,rgba(255,255,255,.86)0,rgba(238,247,252,.42)38%,rgba(247,249,252,0)76%),radial-gradient(34% 52% at 18% 46%,rgba(5,200,255,.03)0,rgba(5,200,255,.01)44%,transparent 76%),radial-gradient(34% 52% at 82% 46%,rgba(27,61,143,.026)0,rgba(27,61,143,.008)44%,transparent 76%),linear-gradient(180deg,rgba(247,249,252,0)0,rgba(241,246,250,.54)46%,rgba(247,249,252,0)100%) !important;
}
/* Trust-Banner Integration:
Weiche Lichtbühne hinter dem PNG, damit der Banner nicht aufgelegt wirkt. */
#shopify-section-template--30569970172253__image_banner_KYrMzJ::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 0 !important;
  width: min(1620px,86vw) !important;
  height: clamp(12rem,18vw,20rem) !important;
  transform: translate(-50%,-50%) !important;
  background: radial-gradient(ellipse at center,rgba(255,255,255,.74)0,rgba(238,247,252,.32)42%,rgba(5,200,255,.035)58%,rgba(247,249,252,0)78%) !important;
  filter: blur(.4px) !important;
  opacity: .92 !important;
  pointer-events: none !important;
}
/* Sehr feine Boden-/Footer-Anbindung unter dem Banner */
#shopify-section-template--30569970172253__image_banner_KYrMzJ::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: clamp(1.25rem,2.2vw,2.4rem) !important;
  z-index: 0 !important;
  width: min(1320px,72vw) !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg,transparent 0,rgba(205,216,224,.28)18%,rgba(255,255,255,.88)42%,rgba(5,200,255,.095)50%,rgba(255,255,255,.88)58%,rgba(205,216,224,.28)82%,transparent 100%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.88),0 0 18px rgba(5,200,255,.045) !important;
  pointer-events: none !important;
}
/* Äußerer Banner-Container: ehemalige Theme-Editor-CSS, jetzt sauber gescoped */
#shopify-section-template--30569970172253__image_banner_KYrMzJ .banner {
  --nerdvana-trust-banner-width: 1280px;
  width: min(var(--nerdvana-trust-banner-width),calc(100% - 4.4rem)) !important;
  max-width: var(--nerdvana-trust-banner-width) !important;
  margin: 0 auto 3rem !important;
  height: auto !important;
  min-height: 0 !important;
  position: relative !important;
  z-index: 2 !important;
  isolation: isolate !important;
  overflow: visible !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
/* Schmaler Kristallrahmen wie Produktkachel-Außenrahmen */
#shopify-section-template--30569970172253__image_banner_KYrMzJ .banner::before {
  content: none !important;
  display: none !important;
}
/* Dawn-Overlay und Banner-Text ausblenden, aber den Kristallrahmen behalten */
#shopify-section-template--30569970172253__image_banner_KYrMzJ .banner::after, #shopify-section-template--30569970172253__image_banner_KYrMzJ .banner__media::before, #shopify-section-template--30569970172253__image_banner_KYrMzJ .banner__media::after, #shopify-section-template--30569970172253__image_banner_KYrMzJ .banner__content {
  display: none !important;
}
/* Bild verhält sich wie in der bisherigen Theme-Editor-CSS,
aber ohne Dawn-Grau hinter transparenten PNG/WebP-Flächen */
#shopify-section-template--30569970172253__image_banner_KYrMzJ .banner__media, #shopify-section-template--30569970172253__image_banner_KYrMzJ .banner__media.media {
  position: relative !important;
  z-index: 1 !important;
  height: auto !important;
  background: transparent !important;
  background-color: transparent !important;
}
/* Wichtig:
Das Bild selbst MUSS position: relative behalten.
Sonst bleibt Dawns absolute Bannerbild-Logik aktiv und das Bild verschwindet. */
#shopify-section-template--30569970172253__image_banner_KYrMzJ .banner__media img {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  background: transparent !important;
  background-color: transparent !important;
}
/* =========================================
ÜBER UNS – Founder Story / Von Fans. Für Sammler. V1
Editierbare About-Page-Section
========================================= */

body:has(.nerdvana-about) .main-page-title,
body:has(.nerdvana-about) h1.main-page-title,
body:has(.nerdvana-about) .page-title {
  display: none !important;
}

body:has(.nerdvana-about) #MainContent {
  background: var(--nerdvana-bg-atmosphere) !important;
}

.nerdvana-about {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding: clamp(5.4rem, 6vw, 8.6rem) 0 clamp(5.8rem, 6.6vw, 9rem) !important;
  background:
    radial-gradient(ellipse at 50% 0, rgba(255,255,255,.92) 0, rgba(238,247,252,.48) 42%, rgba(247,249,252,0) 76%),
    radial-gradient(circle at 16% 26%, rgba(5,200,255,.028) 0, transparent 32%),
    radial-gradient(circle at 84% 28%, rgba(27,61,143,.022) 0, transparent 34%) !important;
}

.nerdvana-about__shell {
  width: min(1120px, calc(100% - 4.4rem)) !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
}

.nerdvana-about__hero {
  position: relative !important;
  text-align: center !important;
  margin: 0 auto clamp(4rem, 4.8vw, 5.8rem) !important;
  padding-bottom: 0 !important;
}

.nerdvana-about__eyebrow {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 2.1rem !important;
  padding: 0 4.8rem 1.8rem !important;
  color: rgba(36,54,95,.68) !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: 1.02rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .145em !important;
  text-transform: uppercase !important;
}

.nerdvana-about__eyebrow::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: .18rem !important;
  width: min(240px, 52vw) !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg, transparent, rgba(205,216,224,.42), rgba(5,200,255,.22), rgba(205,216,224,.42), transparent) !important;
}

.nerdvana-about__eyebrow::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -.28rem !important;
  width: 10px !important;
  height: 10px !important;
  transform: translateX(-50%) rotate(45deg) !important;
  border: 1px solid rgba(5,200,255,.44) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(232,248,255,.86), rgba(5,200,255,.14)) !important;
  box-shadow: 0 0 12px rgba(5,200,255,.18) !important;
}

.nerdvana-about__heading {
  margin: 0 auto 1.35rem !important;
  color: #0d1f46 !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: clamp(3rem, 3.15vw, 4.8rem) !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  letter-spacing: .18em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.94), 0 0 14px rgba(5,200,255,.06) !important;
}

.nerdvana-about__subheading {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  color: rgba(5, 168, 218, .82) !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: 1.04rem !important;
  font-weight: 400 !important;
  letter-spacing: .155em !important;
  line-height: 1.18 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(5,200,255,.24) !important;
  padding-bottom: .34rem !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.92), 0 0 8px rgba(5,200,255,.06) !important;
  pointer-events: none !important;
}

/* Founder Story Panel */
.nerdvana-about__story-panel {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
  gap: clamp(3rem, 4.2vw, 5.2rem) !important;
  align-items: center !important;
  margin: 0 auto clamp(4.2rem, 5.2vw, 6.2rem) !important;
  padding: clamp(1.4rem, 1.9vw, 2.2rem) clamp(1.4rem, 2.1vw, 2.4rem) !important;
  border-radius: 34px !important;
  border: 1px solid rgba(225,232,237,.92) !important;
  background: rgba(252,253,254,.54) !important;
  box-shadow:
    0 28px 64px rgba(13,31,70,.078),
    0 11px 25px rgba(13,31,70,.038),
    0 2px 3px rgba(255,255,255,.84) inset,
    0 0 0 1px rgba(255,255,255,.96) inset,
    0 -16px 30px rgba(188,198,205,.046) inset !important;
  backdrop-filter: blur(20px) saturate(1.03) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.03) !important;
}

.nerdvana-about__story-panel::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse at 50% 0, rgba(255,255,255,.62) 0, rgba(255,255,255,.16) 34%, transparent 68%),
    linear-gradient(90deg, transparent 0, rgba(5,200,255,.04) 50%, transparent 100%) !important;
  opacity: .82 !important;
}

.nerdvana-about__image-wrap {
  position: relative !important;
  z-index: 2 !important;
  overflow: hidden !important;
  aspect-ratio: 1 / .94 !important;
  border-radius: 24px !important;
  border: 1px solid rgba(205,216,224,.8) !important;
  background: linear-gradient(180deg, #07101c, #111827) !important;
  box-shadow:
    0 16px 34px rgba(13,31,70,.12),
    0 0 0 1px rgba(255,255,255,.14) inset,
    0 1px 0 rgba(255,255,255,.3) inset !important;
}

.nerdvana-about__image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.nerdvana-about__image-placeholder {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  color: rgba(255,255,255,.82) !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: 1.3rem !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  background:
    radial-gradient(circle at 50% 44%, rgba(5,200,255,.18) 0, transparent 28%),
    linear-gradient(135deg, #050a12 0, #111827 52%, #050a12 100%) !important;
}

.nerdvana-about__story-content {
  position: relative !important;
  z-index: 2 !important;
  padding: clamp(1.4rem, 2vw, 2.6rem) clamp(.4rem, 1.2vw, 1.4rem) !important;
}

.nerdvana-about__story-heading {
  position: relative !important;
  margin: 0 0 2.15rem !important;
  padding-bottom: 1.5rem !important;
  color: #0d1f46 !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: clamp(2.1rem, 2.05vw, 3rem) !important;
  font-weight: 400 !important;
  line-height: 1.22 !important;
  letter-spacing: .085em !important;
  text-transform: uppercase !important;
}

.nerdvana-about__story-heading::after {
  content: none !important;
  display: none !important;
}

.nerdvana-about__story-text,
.nerdvana-about__story-text p {
  margin: 0 0 1.42rem !important;
  color: rgba(36,54,95,.76) !important;
  font-family: Montserrat, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 1.12rem !important;
  font-weight: 500 !important;
  line-height: 1.82 !important;
  letter-spacing: .02em !important;
}

.nerdvana-about__signature {
  margin-top: 2.1rem !important;
  color: #183468 !important;
  font-family: "Segoe Script", "Brush Script MT", cursive !important;
  font-size: 2.15rem !important;
  line-height: 1 !important;
  transform: rotate(-4deg) !important;
  opacity: .82 !important;
}

.nerdvana-about__signature-caption {
  margin: 1rem 0 0 !important;
  color: rgba(36,54,95,.66) !important;
  font-family: Montserrat, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 1.02rem !important;
  line-height: 1.5 !important;
  letter-spacing: .02em !important;
}

/* Values */
.nerdvana-about__values {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(1.6rem, 2.2vw, 2.4rem) !important;
  margin: 0 auto clamp(5rem, 6vw, 7rem) !important;
}

.nerdvana-about__value-card {
  position: relative !important;
  overflow: hidden !important;
  min-height: 264px !important;
  padding: 3rem 2.2rem 2.6rem !important;
  border-radius: 28px !important;
  border: 1px solid rgba(225,232,237,.86) !important;
  background: rgba(252,253,254,.5) !important;
  text-align: center !important;
  box-shadow:
    0 20px 46px rgba(13,31,70,.054),
    0 8px 18px rgba(13,31,70,.026),
    0 0 0 1px rgba(255,255,255,.94) inset,
    0 1px 0 rgba(255,255,255,.96) inset !important;
  backdrop-filter: blur(18px) saturate(1.02) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.02) !important;
}

.nerdvana-about__value-icon {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 76px !important;
  height: 76px !important;
  margin: 0 auto 2.1rem !important;
  border-radius: 50% !important;
  border: 1px solid rgba(205,216,224,.66) !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.95) 0, rgba(255,255,255,.28) 38%, transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(238,247,252,.42)) !important;
  box-shadow:
    0 12px 25px rgba(13,31,70,.052),
    0 0 0 1px rgba(255,255,255,.92) inset,
    0 1px 0 rgba(255,255,255,.96) inset !important;
}

.nerdvana-about__value-icon::after {
  content: none !important;
  display: none !important;
}

.nerdvana-about__value-icon svg {
  width: 38px !important;
  height: 38px !important;
  fill: none !important;
  stroke: #05a8da !important;
  stroke-width: 2.15 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  filter: drop-shadow(0 0 8px rgba(5,200,255,.18)) !important;
}

.nerdvana-about__value-card h3 {
  position: relative !important;
  margin: 0 auto 1.65rem !important;
  padding-bottom: 1.15rem !important;
  color: #0d1f46 !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: 1.45rem !important;
  font-weight: 500 !important;
  line-height: 1.22 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.nerdvana-about__value-card h3::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  width: 34px !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: rgba(5,200,255,.46) !important;
  box-shadow: 0 0 10px rgba(5,200,255,.14) !important;
}

.nerdvana-about__value-text,
.nerdvana-about__value-text p {
  margin: 0 !important;
  color: rgba(36,54,95,.68) !important;
  font-family: Montserrat, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 1.04rem !important;
  font-weight: 500 !important;
  line-height: 1.75 !important;
  letter-spacing: .018em !important;
}

/* Closing */
.nerdvana-about__closing {
  position: relative !important;
  width: min(760px, 100%) !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.nerdvana-about__closing h2 {
  position: relative !important;
  margin: 0 auto 1.65rem !important;
  padding-bottom: 2.45rem !important;
  color: #0d1f46 !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: clamp(2rem, 2vw, 2.85rem) !important;
  font-weight: 400 !important;
  line-height: 1.22 !important;
  letter-spacing: .115em !important;
  text-transform: uppercase !important;
}

.nerdvana-about__closing h2::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: .25rem !important;
  width: 10px !important;
  height: 10px !important;
  transform: translateX(-50%) rotate(45deg) !important;
  border: 1px solid rgba(5,200,255,.42) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(232,248,255,.88), rgba(5,200,255,.16)) !important;
  box-shadow: 0 0 12px rgba(5,200,255,.16) !important;
}

.nerdvana-about__closing-text,
.nerdvana-about__closing-text p {
  margin: 0 auto 2.1rem !important;
  color: rgba(36,54,95,.7) !important;
  font-family: Montserrat, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 1.08rem !important;
  font-weight: 500 !important;
  line-height: 1.76 !important;
  letter-spacing: .018em !important;
}

.nerdvana-about__button {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 270px !important;
  min-height: 56px !important;
  padding: 0 3rem !important;
  border-radius: 18px !important;
  border: 1px solid rgba(5,200,255,.32) !important;
  background:
    radial-gradient(ellipse at 22% 0, rgba(255,255,255,.86) 0, rgba(255,255,255,.24) 32%, transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.68), rgba(236,248,253,.48)) !important;
  color: #102b66 !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: .98rem !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  letter-spacing: .115em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow:
    0 14px 28px rgba(13,31,70,.055),
    0 0 17px rgba(5,200,255,.08),
    0 0 0 1px rgba(255,255,255,.88) inset,
    0 1px 0 rgba(255,255,255,.96) inset !important;
  transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease !important;
}

.nerdvana-about__button:hover,
.nerdvana-about__button:focus-visible {
  border-color: rgba(5,200,255,.46) !important;
  box-shadow:
    0 18px 34px rgba(13,31,70,.07),
    0 0 22px rgba(5,200,255,.13),
    0 0 0 1px rgba(255,255,255,.94) inset,
    0 1px 0 rgba(255,255,255,.98) inset !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}

@media screen and (max-width: 989px) {
  .nerdvana-about__story-panel {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }

  .nerdvana-about__values {
    grid-template-columns: 1fr !important;
    max-width: 560px !important;
  }
}

@media screen and (max-width: 749px) {
  .nerdvana-about {
    padding-top: 3.8rem !important;
  }

  .nerdvana-about__shell {
    width: min(100% - 2.8rem, 680px) !important;
  }

  .nerdvana-about__heading {
    font-size: clamp(2.35rem, 8vw, 3.35rem) !important;
    letter-spacing: .13em !important;
  }

  .nerdvana-about__story-panel {
    padding: 1.1rem !important;
    border-radius: 26px !important;
  }

  .nerdvana-about__image-wrap {
    border-radius: 20px !important;
  }

  .nerdvana-about__story-content {
    padding: 1.2rem .4rem 1.4rem !important;
  }

  .nerdvana-about__story-heading {
    font-size: 2rem !important;
  }

  .nerdvana-about__button {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* =========================================
FOOTER – Nerdvana Referenz-Look
========================================= */
.footer {
  background: #f7f9fc !important;
  border-top: 1px solid rgba(27,61,143,.12) !important;
  color: #24365f !important;
}
.footer .footer__content-top {
  max-width: 1780px !important;
  margin: 0 auto !important;
  padding: 3.8rem 4rem 2.2rem !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr)430px !important;
  column-gap: 3.6rem !important;
  align-items: start !important;
}
.footer .footer__blocks-wrapper {
  display: grid !important;
  grid-template-columns: 1.72fr .82fr .95fr .82fr !important;
  gap: 1.8rem !important;
  align-items: start !important;
  width: 100% !important;
  margin: 0 !important;
}
.footer .footer-block--newsletter {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  margin: 0 !important;
  align-self: start !important;
}
.footer .footer-block__newsletter {
  width: 100% !important;
  max-width: 460px !important;
  margin: 0 !important;
}
.footer .footer-block {
  margin: 0 !important;
}
.footer .footer-block__heading {
  margin: 0 0 1.7rem !important;
  color: #0d1f46 !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
  font-size: 1.55rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  text-shadow: none !important;
}
.footer .footer-block__details-content, .footer .footer-block__details-content p, .footer .rte, .footer .rte p {
  color: rgba(36,54,95,.78) !important;
  font-size: 1.28rem !important;
  line-height: 1.62 !important;
  letter-spacing: .045em !important;
}
.footer .footer-block__details-content .list-menu__item--link, .footer .footer-block__details-content a {
  display: inline-block !important;
  padding: .22rem 0 !important;
  color: rgba(36,54,95,.78) !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: .035em !important;
  font-size: 1.18rem !important;
  line-height: 1.45 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  transition: color .22s ease,text-shadow .22s ease,transform .22s ease !important;
}
.footer .footer-block__details-content .list-menu__item--link:hover, .footer .footer-block__details-content a:hover {
  color: #1b3d8f !important;
  text-shadow: 0 0 8px rgba(5,200,255,.16) !important;
  transform: translateX(2px) !important;
}
/* Branding-/Logo-Spalte */
.footer .footer-block--image, .footer .footer-block--brand-info {
  width: 100% !important;
  max-width: 520px !important;
  min-width: 360px !important;
}
.footer .footer-block__image-wrapper {
  width: 430px !important;
  max-width: 430px !important;
  min-width: 430px !important;
  margin: 0 0 1.8rem !important;
  padding: 0 !important;
  transform: translateX(-3rem)translateY(-1rem) !important;
}
.footer .footer-block__image-wrapper img {
  display: block !important;
  width: 430px !important;
  max-width: 430px !important;
  min-width: 430px !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 8px 18px rgba(13,31,70,.1))drop-shadow(0 0 12px rgba(5,200,255,.1)) !important;
}
/* =========================================
FOOTER – Custom Social Icons
========================================= */
.footer .footer-block--nerdvana-social {
  grid-column: 1 / 2 !important;
  grid-row: 2 !important;
  align-self: start !important;
  margin-top: -6rem !important;
  padding-left: 11.3rem !important;
  padding-bottom: 0 !important;
}
.footer .nerdvana-footer-socials {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 1.55rem !important;
  margin: 0 !important;
  padding: 0 !important;
}
.footer .nerdvana-footer-socials__link {
  width: 2.8rem !important;
  height: 2.8rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #1b3d8f !important;
  text-decoration: none !important;
  transition: transform .22s ease,filter .22s ease,opacity .22s ease !important;
}
.footer .nerdvana-footer-socials__link:hover {
  transform: translateY(-2px) !important;
  filter: drop-shadow(0 0 9px rgba(56,189,248,.34)) !important;
}
.footer .nerdvana-footer-socials__icon {
  display: block !important;
  width: 2.2rem !important;
  height: 2.2rem !important;
  object-fit: contain !important;
}
.footer .nerdvana-footer-socials__link span {
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: 1rem !important;
  letter-spacing: .08em !important;
  color: #1b3d8f !important;
}
/* Newsletter-Spalte */
.footer .footer-block--newsletter .footer-block__heading {
  margin-bottom: 1.2rem !important;
}
.footer .footer-block--newsletter .footer-block__heading::after {
  content: "Exklusive Angebote & neue Produkte." !important;
  display: block !important;
  margin-top: 1.1rem !important;
  color: rgba(36,54,95,.68) !important;
  font-family: 'Cinzel Nerdvana',Georgia,serif !important;
  font-size: 1.18rem !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: .035em !important;
  text-transform: none !important;
  text-shadow: none !important;
}
.footer .footer-block--newsletter p {
  margin: 0 0 1.8rem !important;
  color: rgba(36,54,95,.68) !important;
}
.footer .newsletter-form {
  width: 100% !important;
  max-width: 460px !important;
  align-items: flex-start !important;
}
.footer .newsletter-form__field-wrapper {
  max-width: 100% !important;
}
.footer .field {
  display: flex !important;
  align-items: stretch !important;
  min-height: 62px !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(27,61,143,.16) !important;
  box-shadow: 0 10px 28px rgba(13,31,70,.08),0 0 0 1px rgba(255,255,255,.82)inset !important;
}
.footer .field::before, .footer .field::after {
  display: none !important;
}
.footer .field__input {
  height: 62px !important;
  padding: 0 2rem !important;
  background: transparent !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  color: #24365f !important;
  font-size: 1.28rem !important;
  letter-spacing: .045em !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.footer .newsletter-form .field__input:focus,
.footer .newsletter-form .field__input:focus-visible {
  outline: none !important;
  outline-offset: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.footer .newsletter-form .field:focus-within {
  border-color: rgba(27,61,143,.28) !important;
  box-shadow:
    0 12px 30px rgba(13,31,70,.09),
    0 0 0 1px rgba(255,255,255,.86) inset,
    0 0 0 1px rgba(5,200,255,.10) !important;
}
.footer .field__input::placeholder {
  color: rgba(36,54,95,.58) !important;
  opacity: 1 !important;
}
.footer .field__label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.footer .newsletter-form .field {
  border-radius: 17px !important;
  overflow: hidden !important;
}
.footer .newsletter-form__button {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  width: 72px !important;
  height: 62px !important;
  color: #102b66 !important;
  border: 0 !important;
  border-left: 1px solid rgba(225,232,237,.96) !important;
  border-radius: 0 17px 17px 0 !important;
  outline: none !important;
  --border-offset: 0 !important;
  --buttons-border-width: 0 !important;
  --buttons-border-opacity: 0 !important;
  --alpha-button-background: 0 !important;
  --alpha-button-border: 0 !important;
  background: radial-gradient(ellipse at 24% 0,rgba(255,255,255,.72)0,rgba(255,255,255,.2)28%,transparent 54%),linear-gradient(180deg,rgba(255,255,255,.2)0,rgba(252,253,254,.08)45%,rgba(238,242,245,.14)100%) !important;
  box-shadow: 0 2px 3px rgba(255,255,255,.78)inset,0 0 0 1px rgba(255,255,255,.94)inset,0 0 0 2px rgba(255,255,255,.2)inset,0 -1px 0 rgba(145,164,175,.09)inset,0 -12px 20px rgba(188,198,205,.04)inset !important;
  backdrop-filter: blur(14px)saturate(1.04) !important;
  -webkit-backdrop-filter: blur(14px)saturate(1.04) !important;
  transition: color .22s ease,background .22s ease,box-shadow .22s ease,border-color .22s ease,transform .22s ease !important;
}
.footer .newsletter-form__button::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  outline: none !important;
  background: linear-gradient(180deg,rgba(255,255,255,.38)0,rgba(255,255,255,.1)34%,rgba(255,255,255,.025)100%),radial-gradient(ellipse at 18% 0,rgba(255,255,255,.88)0,rgba(255,255,255,.16)28%,transparent 52%) !important;
  box-shadow: 0 0 0 1px rgba(202,214,221,.28)inset,0 1px 0 rgba(255,255,255,.96)inset,0 -1px 0 rgba(131,152,164,.052)inset !important;
}
.footer .newsletter-form__button::after {
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 6px !important;
  z-index: 2 !important;
  height: 7px !important;
  border-radius: 999px !important;
  border: 0 !important;
  outline: none !important;
  background: linear-gradient(90deg,transparent 0,rgba(255,255,255,.2)18%,rgba(202,214,222,.22)36%,rgba(255,255,255,.36)50%,rgba(202,214,222,.2)64%,rgba(255,255,255,.14)82%,transparent 100%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.7),0 5px 10px rgba(13,31,70,.04) !important;
  opacity: .78 !important;
  filter: blur(.22px) !important;
  pointer-events: none !important;
}
.footer .newsletter-form__button .svg-wrapper, .footer .newsletter-form__button svg {
  position: relative !important;
  z-index: 5 !important;
  color: #102b66 !important;
  fill: currentColor !important;
  transform: translateX(.02rem) !important;
}
.footer .newsletter-form__button:hover {
  color: #0d1f46 !important;
  border-left-color: rgba(214,223,229,1) !important;
  background: radial-gradient(ellipse at 20% 0,rgba(255,255,255,.66)0,rgba(255,255,255,.22)30%,transparent 50%),linear-gradient(180deg,rgba(255,255,255,.28)0,rgba(250,252,253,.16)42%,rgba(240,244,246,.18)100%) !important;
  box-shadow: 0 2px 3px rgba(255,255,255,.84)inset,0 0 0 1px rgba(255,255,255,.98)inset,0 0 0 2px rgba(255,255,255,.26)inset,0 -1px 0 rgba(145,164,175,.1)inset,0 0 8px rgba(5,200,255,.01) !important;
  transform: none !important;
}
.footer .newsletter-form__button:hover::before {
  border-color: rgba(255,255,255,.92) !important;
}
.footer .newsletter-form__button:hover::after {
  opacity: .86 !important;
}
.footer .newsletter-form__button:hover .svg-wrapper, .footer .newsletter-form__button:hover svg {
  color: #0d1f46 !important;
  fill: currentColor !important;
}
/* Trennlinie vor Bottom-Bereich */
.footer .footer__content-bottom {
  max-width: 1780px !important;
  margin: 0 auto !important;
  padding: 2.2rem 4rem 2.8rem !important;
  border-top: 1px solid rgba(255,255,255,.1) !important;
}
.footer .footer__content-bottom-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 2rem !important;
}
.footer .footer__copyright, .footer .copyright__content {
  color: rgba(36,54,95,.62) !important;
  font-size: 1.18rem !important;
  line-height: 1.45 !important;
  letter-spacing: .045em !important;
  text-align: center !important;
}
.footer .footer__content-bottom > .footer__content-bottom-wrapper:last-child {
  width: 100% !important;
  max-width: 1780px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto !important;
  padding-top: 3.2rem !important;
  text-align: center !important;
}
.footer .footer__content-bottom > .footer__content-bottom-wrapper:last-child .footer__copyright {
  width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
}
.footer .footer__content-bottom > .footer__content-bottom-wrapper:last-child .copyright__content {
  display: inline-block !important;
  margin: 0 auto !important;
}
/* Zahlungsicons */
.footer .footer__payment {
  margin-top: 0 !important;
}
.footer .list-payment {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 1.1rem !important;
}
.footer .list-payment__item {
  filter: brightness(.95)contrast(1.05) !important;
}
.footer .footer__localization {
  color: rgba(36,54,95,.68) !important;
}
.footer localization-form, .footer .localization-form {
  margin: 0 !important;
}
.footer .localization-form__select {
  background: rgba(255,255,255,.94) !important;
  color: #101820 !important;
  min-height: 42px !important;
}
/* =========================================
FOOTER – Responsive Zwischenstufe
verhindert Überlappung bei kleineren Desktopbreiten
========================================= */
@media screen and (min-width: 990px) and (max-width: 1350px) {
  .footer .footer__content-top {
    max-width: 100% !important;
    padding: 3.4rem 3rem 2.2rem !important;
    grid-template-columns: 1fr !important;
    row-gap: 3.2rem !important;
  }
  .footer .footer__blocks-wrapper {
    grid-template-columns: 1.35fr .9fr 1fr 1fr !important;
    gap: 2.2rem !important;
  }
  .footer .footer-block--newsletter {
    grid-column: 1 !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 560px !important;
    justify-self: center !important;
    align-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .footer .footer-block--newsletter .footer-block__heading,
  .footer .footer-block--newsletter .footer-block__heading::after,
  .footer .footer-block--newsletter p {
    text-align: center !important;
  }
  .footer .footer-block__newsletter, .footer .newsletter-form {
    max-width: 520px !important;
  }
  .footer .footer-block__image-wrapper {
    width: 360px !important;
    max-width: 360px !important;
    min-width: 0 !important;
  }
  .footer .footer-block__image-wrapper img {
    width: 360px !important;
    max-width: 360px !important;
    min-width: 0 !important;
  }
  .footer .footer-block--nerdvana-social {
    margin-top: -4.8rem !important;
    padding-left: 3rem !important;
  }
  .footer .footer-block__heading {
    font-size: 1.4rem !important;
    letter-spacing: .12em !important;
  }
  .footer .footer-block__details-content .list-menu__item--link, .footer .footer-block__details-content a {
    font-size: 1.08rem !important;
    letter-spacing: .025em !important;
  }
}
/* =========================================
FOOTER – Mobile / Tablet
========================================= */
@media screen and (max-width: 989px) {
  .footer .footer__content-top {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
    row-gap: 3rem !important;
    margin: 0 auto !important;
    padding: 4rem 2rem 3rem !important;
    box-sizing: border-box !important;
  }
  .footer .footer__blocks-wrapper {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 3rem 2rem !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }
  .footer .footer-block--newsletter {
    grid-column: 1 !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 460px !important;
    margin: 0 auto !important;
    justify-self: center !important;
    align-self: start !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
  .footer .footer-block__newsletter, .footer .newsletter-form {
    width: 100% !important;
    max-width: 460px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
  .footer .footer__content-bottom {
    padding: 2.2rem 2rem 2.8rem !important;
  }
  .footer .footer__content-bottom-wrapper {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .footer .list-payment {
    justify-content: center !important;
  }
}
/* =========================================
FOOTER – Tablet Bridge V1
Sauberer Korridor zwischen Desktop-Footer und echtem Mobile-Footer.

Ziel:
- Kein chaotisches 2-Spalten-Springen zwischen 750px und 989px.
- Branding oben zentriert.
- Socials sauber unter dem Logo.
- Linkgruppen als ruhige 3er-Navigation.
- Newsletter voll zentriert.
- Payment Icons sauber mittig gewrappt.
========================================= */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .footer .footer__content-top {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    row-gap: 3.4rem !important;
    margin: 0 auto !important;
    padding: 4rem clamp(2.2rem, 4vw, 4rem) 3rem !important;
    box-sizing: border-box !important;
  }

  .footer .footer__blocks-wrapper {
    grid-column: 1 !important;
    width: min(100%, 920px) !important;
    max-width: 920px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: clamp(2rem, 4vw, 4.2rem) !important;
    row-gap: 3.2rem !important;
    margin: 0 auto !important;
    justify-items: center !important;
    align-items: start !important;
    box-sizing: border-box !important;
  }

  .footer .footer-block--image,
  .footer .footer-block--brand-info {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 560px !important;
    min-width: 0 !important;
    justify-self: center !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  .footer .footer-block__image-wrapper {
    width: min(430px, calc(100vw - 4.4rem)) !important;
    max-width: min(430px, calc(100vw - 4.4rem)) !important;
    min-width: 0 !important;
    margin: 0 auto 1.5rem !important;
    padding: 0 !important;
    transform: none !important;
  }

  .footer .footer-block__image-wrapper img {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }

  .footer .footer-block--nerdvana-social {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    width: 100% !important;
    margin: -1.8rem auto .4rem !important;
    padding: 0 !important;
    justify-self: center !important;
    text-align: center !important;
  }

  .footer .nerdvana-footer-socials {
    justify-content: center !important;
  }

  .footer .footer-block:not(.footer-block--image):not(.footer-block--brand-info):not(.footer-block--nerdvana-social):not(.footer-block--newsletter) {
    width: 100% !important;
    max-width: 210px !important;
    justify-self: center !important;
    text-align: center !important;
  }

  .footer .footer-block__heading {
    text-align: center !important;
    font-size: 1.42rem !important;
    letter-spacing: .14em !important;
  }

  .footer .footer-block__details-content,
  .footer .footer-block__details-content p,
  .footer .footer-block__details-content .list-menu__item--link,
  .footer .footer-block__details-content a {
    text-align: center !important;
  }

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

  .footer .footer-block--newsletter {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 560px !important;
    justify-self: center !important;
    align-self: center !important;
    margin: .8rem auto 0 !important;
    text-align: center !important;
  }

  .footer .footer-block__newsletter,
  .footer .newsletter-form {
    width: 100% !important;
    max-width: 560px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .footer .footer-block--newsletter .footer-block__heading,
  .footer .footer-block--newsletter .footer-block__heading::after,
  .footer .footer-block--newsletter p {
    text-align: center !important;
  }

  .footer .footer__content-bottom {
    padding: 2.2rem clamp(2rem, 4vw, 4rem) 2.8rem !important;
  }

  .footer .footer__content-bottom-wrapper {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2.2rem !important;
    text-align: center !important;
  }

  .footer .list-payment {
    width: min(100%, 680px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 1.1rem !important;
  }
}

@media screen and (max-width: 749px) {
  .footer .footer__content-top {
    padding: 3.4rem 1.6rem 2.8rem !important;
  }

  .footer .footer__blocks-wrapper {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    align-items: start !important;
    gap: 2.6rem !important;
  }

  /*
    Mobile Footer Link Centering V1:
    Zentriert nur den mobilen Footer-Linkbereich.
    Desktop bleibt unangetastet, Newsletter hat weiter eigene Regeln darunter.
  */
  .footer .footer__blocks-wrapper .footer-block {
    width: 100% !important;
    max-width: 34rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    justify-self: center !important;
  }

  .footer .footer-block__heading {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    font-size: 1.35rem !important;
  }

  .footer .footer-block__details-content {
    width: 100% !important;
    max-width: 34rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .footer .footer-block__details-content li,
  .footer .footer-block__details-content p {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .footer .footer-block__details-content,
  .footer .footer-block__details-content p,
  .footer .footer-block__details-content a {
    font-size: 1.08rem !important;
  }

  .footer .footer-block__details-content .list-menu__item--link,
  .footer .footer-block__details-content a {
    display: inline-flex !important;
    width: auto !important;
    justify-content: center !important;
    align-items: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .footer .footer__content-bottom {
    padding: 2rem 1.6rem 2.6rem !important;
  }
}
/* =========================================
MOBILE – About Button & Footer Feinschliff
Nur Mobile, Desktop bleibt unberührt
========================================= */
@media screen and (max-width: 749px) {
  /* Über-Nerdvana-Button auf Mobile ausblenden */
  .nerdvana-about-button-layer, .nerdvana-about-button {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  /* Footer-Logo auf Mobile kleiner und sauber zentrieren */
  .footer .footer-block__image-wrapper {
    width: 280px !important;
    max-width: 280px !important;
    min-width: 0 !important;
    margin: 0 auto 1.4rem !important;
    padding: 0 !important;
    transform: none !important;
  }
  .footer .footer-block__image-wrapper img {
    width: 280px !important;
    max-width: 280px !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 auto !important;
  }
  .footer .footer-block--image, .footer .footer-block--brand-info {
    max-width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
  }
  /* Newsletter auf Mobile sichtbar halten und sauber zentrieren */
  .footer .footer-block--newsletter {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    grid-column: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-self: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
  }
  .footer .footer-block__newsletter {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 340px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
  }
  .footer .footer-block--newsletter .footer-block__heading {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 340px !important;
    margin: 0 auto 1.2rem !important;
    padding: 0 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
    font-size: 1.35rem !important;
    line-height: 1.35 !important;
    letter-spacing: .12em !important;
  }
  .footer .footer-block--newsletter .footer-block__heading::after {
    display: block !important;
    width: 100% !important;
    max-width: 340px !important;
    margin: 1rem auto 0 !important;
    text-align: center !important;
    font-size: 1.05rem !important;
    line-height: 1.45 !important;
    letter-spacing: .025em !important;
  }
  .footer .newsletter-form {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: calc(100vw - 64px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
  }
  .footer .newsletter-form__field-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 340px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  .footer .field {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: calc(100vw - 64px) !important;
    max-width: calc(100vw - 64px) !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    transform: none !important;
  }
  .footer .field__input {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .footer .newsletter-form__button {
    display: flex !important;
    flex-shrink: 0 !important;
  }
}
/* =========================================
MOBILE – Product Card Master Parity Bridge V3
Collection, Suche und Related bleiben bei 2 Kacheln pro Zeile,
nutzen mobil aber deutlich mehr Breite und bekommen wieder die
ruhige Shelf-/Featured-Produktkarten-DNA.

Ziele:
- 2 Kacheln pro Zeile bleiben erhalten.
- Weniger verschenkter Rand links/rechts.
- Stabiler Premium-Rahmen ohne sichtbare Unterbrechungen.
- Quick-Add-Button wie Shelf: sauber zentriert, nicht abgeschnitten.
- Keine Änderung an card-product.liquid.
- Keine Desktop-Änderung.
========================================= */

@media screen and (max-width: 749px) {
  body #MainContent {
    /*
      MOBILE PRODUCT CARD MASTER HEBEL

      --nerdvana-mobile-master-card-page-x
        äußerer Seitenabstand des Produktgrids
        kleiner = Kacheln werden breiter

      --nerdvana-mobile-master-card-gap
        Abstand zwischen den zwei Kacheln

      --nerdvana-mobile-master-card-radius
        Kartenradius

      --nerdvana-mobile-master-card-frame
        Stärke des inneren Premium-Rahmens

      --nerdvana-mobile-master-button-font-size
        Schriftgröße im Warenkorb-Button

      --nerdvana-mobile-master-button-letter-spacing
        Laufweite im Warenkorb-Button
    */

    --nerdvana-mobile-master-card-page-x: clamp(.52rem, 2.15vw, .86rem);
    --nerdvana-mobile-master-card-gap: clamp(.72rem, 2.55vw, .98rem);
    --nerdvana-mobile-master-card-radius: 22px;
    --nerdvana-mobile-master-card-frame: 5px;

    --nerdvana-mobile-master-button-font-size: clamp(.64rem, 1.86vw, .72rem);
    --nerdvana-mobile-master-button-letter-spacing: .034em;
  }

  /*
    Grid-Bühne:
    Das alte 2-Spalten-Prinzip bleibt, aber die Karten nutzen
    den sichtbaren Mobile-Raum deutlich besser aus.
  */
  body #MainContent #ProductGridContainer,
  body #MainContent .template-search #ProductGridContainer {
    width: 100% !important;
    max-width: 100vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--nerdvana-mobile-master-card-page-x) !important;
    padding-right: var(--nerdvana-mobile-master-card-page-x) !important;
    box-sizing: border-box !important;
  }

  body #MainContent #ProductGridContainer .collection,
  body #MainContent #ProductGridContainer .collection.page-width,
  body #MainContent .template-search__results.collection,
  body #MainContent .template-search__results.collection.page-width {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body #MainContent #ProductGridContainer .product-grid,
  body #MainContent #ProductGridContainer .grid,
  body #MainContent #product-grid.product-grid,
  body #MainContent .template-search__results .product-grid,
  body #MainContent .template-search__results .grid,
  body #MainContent .related-products .product-grid,
  body #MainContent .related-products .grid,
  body #MainContent product-recommendations.related-products .product-grid,
  body #MainContent product-recommendations.related-products .grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: var(--nerdvana-mobile-master-card-gap) !important;
    row-gap: clamp(1.28rem, 4.2vw, 1.72rem) !important;
    justify-content: center !important;
    justify-items: stretch !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
  }

  body #MainContent .related-products,
  body #MainContent product-recommendations.related-products {
    padding-left: var(--nerdvana-mobile-master-card-page-x) !important;
    padding-right: var(--nerdvana-mobile-master-card-page-x) !important;
    box-sizing: border-box !important;
  }

  /*
    Kartenrahmen V3.1:
    Größe bleibt wie V3.
    Der Premium-Frame wird nicht mehr als Overlay über die Karte gelegt,
    sondern als echte Außenfassung über Padding + Background gebaut.
    Dadurch entstehen keine sichtbaren Unterbrechungen/Schienen neben
    Button und Content.
  */
  body #MainContent #ProductGridContainer .grid__item:has(.product-card-wrapper),
  body #MainContent #product-grid .grid__item:has(.product-card-wrapper),
  body #MainContent .template-search__results .grid__item:has(.product-card-wrapper),
  body #MainContent .related-products .grid__item:has(.product-card-wrapper),
  body #MainContent product-recommendations.related-products .grid__item:has(.product-card-wrapper) {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: var(--nerdvana-mobile-master-card-frame) !important;
    box-sizing: border-box !important;

    border: 1px solid rgba(27,61,143,.105) !important;
    border-radius: var(--nerdvana-mobile-master-card-radius) !important;
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.98) 0%,
        rgba(248,251,253,.96) 38%,
        rgba(226,234,240,.84) 100%
      ) !important;
    box-shadow:
      0 18px 42px rgba(13,31,70,.075),
      0 6px 16px rgba(13,31,70,.04),
      0 0 0 1px rgba(255,255,255,.9) inset,
      0 10px 20px rgba(255,255,255,.38) inset,
      0 -12px 18px rgba(27,61,143,.026) inset !important;

    transform: translateZ(0) !important;
  }

  body #MainContent #ProductGridContainer .grid__item:has(.product-card-wrapper)::before,
  body #MainContent #product-grid .grid__item:has(.product-card-wrapper)::before,
  body #MainContent .template-search__results .grid__item:has(.product-card-wrapper)::before,
  body #MainContent .related-products .grid__item:has(.product-card-wrapper)::before,
  body #MainContent product-recommendations.related-products .grid__item:has(.product-card-wrapper)::before {
    content: none !important;
    display: none !important;
  }

  body #MainContent #ProductGridContainer .card-wrapper,
  body #MainContent #ProductGridContainer .card,
  body #MainContent #product-grid .card-wrapper,
  body #MainContent #product-grid .card,
  body #MainContent .template-search__results .card-wrapper,
  body #MainContent .template-search__results .card,
  body #MainContent .related-products .card-wrapper,
  body #MainContent .related-products .card,
  body #MainContent product-recommendations.related-products .card-wrapper,
  body #MainContent product-recommendations.related-products .card {
    height: 100% !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body #MainContent #ProductGridContainer .card,
  body #MainContent #product-grid .card,
  body #MainContent .template-search__results .card,
  body #MainContent .related-products .card,
  body #MainContent product-recommendations.related-products .card {
    overflow: hidden !important;
    border-radius: calc(var(--nerdvana-mobile-master-card-radius) - var(--nerdvana-mobile-master-card-frame)) !important;
    background: #ffffff !important;
  }

  body #MainContent #ProductGridContainer .card__inner,
  body #MainContent #product-grid .card__inner,
  body #MainContent .template-search__results .card__inner,
  body #MainContent .related-products .card__inner,
  body #MainContent product-recommendations.related-products .card__inner {
    background: transparent !important;
    border-bottom: 1px solid rgba(5,200,255,.34) !important;
    border-radius: var(--nerdvana-mobile-master-card-radius) var(--nerdvana-mobile-master-card-radius) 0 0 !important;
    overflow: hidden !important;
  }

  body #MainContent #ProductGridContainer .card__inner.ratio,
  body #MainContent #product-grid .card__inner.ratio,
  body #MainContent .template-search__results .card__inner.ratio,
  body #MainContent .related-products .card__inner.ratio,
  body #MainContent product-recommendations.related-products .card__inner.ratio {
    --ratio-percent: 82% !important;
  }

  body #MainContent #ProductGridContainer .card__media,
  body #MainContent #product-grid .card__media,
  body #MainContent .template-search__results .card__media,
  body #MainContent .related-products .card__media,
  body #MainContent product-recommendations.related-products .card__media {
    position: relative !important;
    isolation: isolate !important;
    background: #ffffff !important;
    overflow: hidden !important;
  }

  /*
    Inhalt:
    Genug Höhe, damit Preis und Button nicht optisch in den Rahmen drücken.
  */
  body #MainContent #ProductGridContainer .card > .card__content .card__information,
  body #MainContent #product-grid .card > .card__content .card__information,
  body #MainContent .template-search__results .card > .card__content .card__information,
  body #MainContent .related-products .card > .card__content .card__information,
  body #MainContent product-recommendations.related-products .card > .card__content .card__information {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-height: clamp(13.2rem, 35vw, 15.2rem) !important;
    padding: clamp(1.42rem, 4vw, 1.72rem) .72rem 1.05rem !important;
    background: #ffffff !important;
    text-align: center !important;
  }

  body #MainContent #ProductGridContainer .card__heading,
  body #MainContent #ProductGridContainer .card__heading.h5,
  body #MainContent #product-grid .card__heading,
  body #MainContent #product-grid .card__heading.h5,
  body #MainContent .template-search__results .card__heading,
  body #MainContent .template-search__results .card__heading.h5,
  body #MainContent .related-products .card__heading,
  body #MainContent .related-products .card__heading.h5,
  body #MainContent product-recommendations.related-products .card__heading,
  body #MainContent product-recommendations.related-products .card__heading.h5 {
    min-height: 4.2em !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #1b3d8f !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: clamp(.9rem, 2.55vw, 1.06rem) !important;
    font-weight: 500 !important;
    line-height: 1.32 !important;
    letter-spacing: .064em !important;
    text-align: center !important;
    text-transform: uppercase !important;
  }

  body #MainContent #ProductGridContainer .card__heading a,
  body #MainContent #product-grid .card__heading a,
  body #MainContent .template-search__results .card__heading a,
  body #MainContent .related-products .card__heading a,
  body #MainContent product-recommendations.related-products .card__heading a {
    color: #1b3d8f !important;
    text-decoration: none !important;
  }

  body #MainContent #ProductGridContainer .card-information,
  body #MainContent #product-grid .card-information,
  body #MainContent .template-search__results .card-information,
  body #MainContent .related-products .card-information,
  body #MainContent product-recommendations.related-products .card-information {
    margin-top: auto !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /*
    Quick-Add-Bühne V3.1:
    Größe bleibt 2-Spalten-tauglich, aber die Bühne wirkt wieder wie ein
    kleiner Shelf-Glasbutton statt wie ein gequetschter Grid-Button.
  */
  body #MainContent #ProductGridContainer .quick-add,
  body #MainContent #product-grid .quick-add,
  body #MainContent .template-search__results .quick-add,
  body #MainContent .related-products .quick-add,
  body #MainContent product-recommendations.related-products .quick-add {
    position: relative !important;
    isolation: isolate !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: .76rem .54rem 1.18rem !important;
    box-sizing: border-box !important;

    background: #ffffff !important;
    overflow: visible !important;

    --nerdvana-qa-glow-left: 50%;
    --nerdvana-qa-glow-top: 50%;
    --nerdvana-qa-glow-width: calc(100% - 1.08rem);
    --nerdvana-qa-glow-height: 5.35rem;
    --nerdvana-qa-glow-radius: 17px;
  }

  body #MainContent #ProductGridContainer .quick-add__submit,
  body #MainContent #product-grid .quick-add__submit,
  body #MainContent .template-search__results .quick-add__submit,
  body #MainContent .template-search__results .quick-add .button,
  body #MainContent .related-products .quick-add__submit,
  body #MainContent product-recommendations.related-products .quick-add__submit {
    position: relative !important;
    z-index: 2 !important;
    isolation: isolate !important;
    overflow: hidden !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .34rem !important;

    width: calc(100% - .38rem) !important;
    max-width: 15.8rem !important;
    min-width: 0 !important;
    min-height: 54px !important;
    padding: 0 .34rem !important;
    box-sizing: border-box !important;

    color: #102b66 !important;
    -webkit-text-fill-color: #102b66 !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: clamp(.68rem, 1.92vw, .74rem) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .026em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    text-overflow: clip !important;

    box-shadow:
      0 7px 16px rgba(13,31,70,.06),
      0 1px 0 rgba(255,255,255,.96) inset,
      0 -1px 0 rgba(131,152,164,.052) inset,
      0 0 0 1px rgba(255,255,255,.68) inset !important;
  }

  /*
    Crystal-CTA-Dekolayer aus dem Flexfluss nehmen:
    Dadurch zählen nur Icon + sichtbarer Text für die Zentrierung.
  */
  body #MainContent #ProductGridContainer .quick-add__submit .nerdvana-crystal-cta__svg,
  body #MainContent #ProductGridContainer .quick-add__submit .nerdvana-crystal-cta__refraction,
  body #MainContent #ProductGridContainer .quick-add__submit .nerdvana-crystal-cta__specular,
  body #MainContent #product-grid .quick-add__submit .nerdvana-crystal-cta__svg,
  body #MainContent #product-grid .quick-add__submit .nerdvana-crystal-cta__refraction,
  body #MainContent #product-grid .quick-add__submit .nerdvana-crystal-cta__specular,
  body #MainContent .template-search__results .quick-add__submit .nerdvana-crystal-cta__svg,
  body #MainContent .template-search__results .quick-add__submit .nerdvana-crystal-cta__refraction,
  body #MainContent .template-search__results .quick-add__submit .nerdvana-crystal-cta__specular,
  body #MainContent .related-products .quick-add__submit .nerdvana-crystal-cta__svg,
  body #MainContent .related-products .quick-add__submit .nerdvana-crystal-cta__refraction,
  body #MainContent .related-products .quick-add__submit .nerdvana-crystal-cta__specular,
  body #MainContent product-recommendations.related-products .quick-add__submit .nerdvana-crystal-cta__svg,
  body #MainContent product-recommendations.related-products .quick-add__submit .nerdvana-crystal-cta__refraction,
  body #MainContent product-recommendations.related-products .quick-add__submit .nerdvana-crystal-cta__specular {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    pointer-events: none !important;
  }

  body #MainContent #ProductGridContainer .quick-add__submit .nerdvana-crystal-cta__svg svg,
  body #MainContent #product-grid .quick-add__submit .nerdvana-crystal-cta__svg svg,
  body #MainContent .template-search__results .quick-add__submit .nerdvana-crystal-cta__svg svg,
  body #MainContent .related-products .quick-add__submit .nerdvana-crystal-cta__svg svg,
  body #MainContent product-recommendations.related-products .quick-add__submit .nerdvana-crystal-cta__svg svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  body #MainContent #ProductGridContainer .quick-add__submit > span:not(.hidden):not(.sold-out-message):not([class^="nerdvana-crystal-cta__"]),
  body #MainContent #product-grid .quick-add__submit > span:not(.hidden):not(.sold-out-message):not([class^="nerdvana-crystal-cta__"]),
  body #MainContent .template-search__results .quick-add__submit > span:not(.hidden):not(.sold-out-message):not([class^="nerdvana-crystal-cta__"]),
  body #MainContent .related-products .quick-add__submit > span:not(.hidden):not(.sold-out-message):not([class^="nerdvana-crystal-cta__"]),
  body #MainContent product-recommendations.related-products .quick-add__submit > span:not(.hidden):not(.sold-out-message):not([class^="nerdvana-crystal-cta__"]) {
    position: relative !important;
    z-index: 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 0 !important;
    min-height: 1.12rem !important;
    max-width: calc(100% - 1.55rem) !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #102b66 !important;
    -webkit-text-fill-color: #102b66 !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: var(--nerdvana-mobile-master-button-font-size) !important;
    font-weight: 700 !important;
    letter-spacing: var(--nerdvana-mobile-master-button-letter-spacing) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-align: center !important;
    overflow: visible !important;
    transform: translateY(.01rem) !important;
  }

  body #MainContent #ProductGridContainer .quick-add__submit .nerdvana-crystal-cta__icon,
  body #MainContent #product-grid .quick-add__submit .nerdvana-crystal-cta__icon,
  body #MainContent .template-search__results .quick-add__submit .nerdvana-crystal-cta__icon,
  body #MainContent .related-products .quick-add__submit .nerdvana-crystal-cta__icon,
  body #MainContent product-recommendations.related-products .quick-add__submit .nerdvana-crystal-cta__icon {
    position: relative !important;
    z-index: 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 1.04rem !important;
    height: 1.04rem !important;
    flex: 0 0 1.04rem !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #102b66 !important;
    opacity: .76 !important;
    transform: translateY(-.03rem) !important;
    pointer-events: none !important;
  }

  body #MainContent #ProductGridContainer .quick-add__submit .nerdvana-crystal-cta__icon svg,
  body #MainContent #product-grid .quick-add__submit .nerdvana-crystal-cta__icon svg,
  body #MainContent .template-search__results .quick-add__submit .nerdvana-crystal-cta__icon svg,
  body #MainContent .related-products .quick-add__submit .nerdvana-crystal-cta__icon svg,
  body #MainContent product-recommendations.related-products .quick-add__submit .nerdvana-crystal-cta__icon svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    overflow: visible !important;
  }

  /*
    Untere Glas-Kante im Button weicher machen.
    Die klare harte Kante aus Bild 2 wird dadurch zur ruhigen
    Shelf-artigen Reflektion.
  */
  body #MainContent #ProductGridContainer .quick-add__submit::after,
  body #MainContent #product-grid .quick-add__submit::after,
  body #MainContent .template-search__results .quick-add__submit::after,
  body #MainContent .related-products .quick-add__submit::after,
  body #MainContent product-recommendations.related-products .quick-add__submit::after {
    left: 14px !important;
    right: 14px !important;
    bottom: 7px !important;
    height: 6px !important;
    opacity: .62 !important;
    filter: blur(.32px) !important;
  }
}
/* =========================================
MOBILE – Related Product Swipe Restore V3.2
Nach Product Card Master Parity Bridge V3.1:
Die Kartenoptik bleibt erhalten, aber "Das könnte dir auch gefallen"
wird mobil wieder zur horizontalen Swipe-Rail.

Nur Related Products.
Collection und Suche bleiben 2-Spalten-Grid.
Desktop bleibt unangetastet.
========================================= */

@media screen and (max-width: 749px) {
  body #MainContent .related-products,
  body #MainContent product-recommendations.related-products {
    overflow: hidden !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body #MainContent .related-products .grid,
  body #MainContent .related-products .product-grid,
  body #MainContent product-recommendations.related-products .grid,
  body #MainContent product-recommendations.related-products .product-grid {
    --nerdvana-related-swipe-edge: var(--nerdvana-mobile-master-card-page-x, clamp(.52rem, 2.15vw, .86rem));
    --nerdvana-related-swipe-gap: var(--nerdvana-mobile-master-card-gap, clamp(.72rem, 2.55vw, .98rem));
    --nerdvana-related-swipe-card-width: calc((100vw - (2 * var(--nerdvana-related-swipe-edge)) - var(--nerdvana-related-swipe-gap)) / 2);

    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: var(--nerdvana-related-swipe-gap) !important;

    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: .35rem var(--nerdvana-related-swipe-edge) 1.28rem !important;
    box-sizing: border-box !important;
    list-style: none !important;

    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-left: var(--nerdvana-related-swipe-edge) !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;

    -webkit-mask-image:
      linear-gradient(
        90deg,
        #000 0%,
        #000 88%,
        rgba(0,0,0,.74) 94%,
        transparent 100%
      ) !important;
    mask-image:
      linear-gradient(
        90deg,
        #000 0%,
        #000 88%,
        rgba(0,0,0,.74) 94%,
        transparent 100%
      ) !important;
  }

  body #MainContent .related-products .grid::-webkit-scrollbar,
  body #MainContent .related-products .product-grid::-webkit-scrollbar,
  body #MainContent product-recommendations.related-products .grid::-webkit-scrollbar,
  body #MainContent product-recommendations.related-products .product-grid::-webkit-scrollbar {
    display: none !important;
  }

  body #MainContent .related-products .grid__item:has(.product-card-wrapper),
  body #MainContent product-recommendations.related-products .grid__item:has(.product-card-wrapper) {
    flex: 0 0 var(--nerdvana-related-swipe-card-width) !important;
    width: var(--nerdvana-related-swipe-card-width) !important;
    max-width: var(--nerdvana-related-swipe-card-width) !important;
    min-width: 0 !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: normal !important;
  }
}

/* =========================================
NERDVANA PERFORMANCE – Runtime Visibility Governor V1
Phase 1D

Unsichtbare/offscreen Bereiche behalten ihr Layout, aber teure
Animations-/Glow-/Compositor-Arbeit wird pausiert, bis der Bereich
wieder nahe am Viewport ist.

Keine sichtbare Designänderung:
Die Aktivierung passiert per JS mit großzügigem rootMargin, also bevor
der Bereich tatsächlich ins sichtbare Fenster kommt.
========================================= */

@media (prefers-reduced-motion: no-preference) {
  body .nerdvana-runtime-observed:not(.nerdvana-runtime-visible),
  body .nerdvana-runtime-observed:not(.nerdvana-runtime-visible)::before,
  body .nerdvana-runtime-observed:not(.nerdvana-runtime-visible)::after {
    animation-play-state: paused !important;
    will-change: auto !important;
  }

  body .nerdvana-runtime-observed:not(.nerdvana-runtime-visible) :where(
    .nerdvana-hero-sweep-layer,
    .nerdvana-hero-light-layer,
    .nerdvana-enter-cue,
    .nerdvana-enter-cue__text,
    .nerdvana-enter-cue__arrow,
    .nerdvana-enter-cue__text::before,
    .nerdvana-enter-cue__text::after,
    .nerdvana-vault,
    .nerdvana-vault *,
    .nerdvana-product-shelf,
    .nerdvana-product-shelf *,
    .grid__item,
    .card,
    .card *,
    .quick-add,
    .quick-add *,
    .button,
    .button *,
    .nerdvana-crystal-cta__svg,
    .nerdvana-crystal-cta__refraction,
    .nerdvana-crystal-cta__specular,
    .related-products,
    .related-products *,
    .product__media-wrapper,
    .product__media-wrapper *,
    .nerdvana-mobile-product-media-rail,
    .nerdvana-mobile-product-media-rail *,
    .nerdvana-cart-preview,
    .nerdvana-cart-preview *,
    .cart-notification,
    .cart-notification *
  ) {
    animation-play-state: paused !important;
    will-change: auto !important;
  }

  body .nerdvana-runtime-observed:not(.nerdvana-runtime-visible) :where(
    .grid__item,
    .card,
    .quick-add,
    .button,
    .nerdvana-product-shelf,
    .related-products,
    .product__media-wrapper,
    .nerdvana-cart-preview,
    .cart-notification
  )::before,
  body .nerdvana-runtime-observed:not(.nerdvana-runtime-visible) :where(
    .grid__item,
    .card,
    .quick-add,
    .button,
    .nerdvana-product-shelf,
    .related-products,
    .product__media-wrapper,
    .nerdvana-cart-preview,
    .cart-notification
  )::after {
    animation-play-state: paused !important;
    will-change: auto !important;
  }
}

/* =========================================
MOBILE/TABLET – Nerdvana Mobile Portal V4.0
Clean Cut / eigener Mobile-Menü-Layer

Prinzip:
- Dawn Mobile Drawer bleibt als Datenquelle im DOM.
- Das native Dawn-Drawer-Panel wird mobil visuell deaktiviert.
- Das sichtbare Menü ist ein eigenes, performantes Nerdvana Portal.
- Kein Dawn-Drilldown, kein Clamp-Scroll, kein Layout-Kampf.
- Hintergrundseite wird bei geöffnetem Portal gelockt.
- Nur das Portal selbst scrollt nativ.
- Desktop V1.x bleibt unangetastet.
========================================= */
@media screen and (max-width: 989px) {
  /*
    Native Dawn-Drawer-Bühne im Enhanced-Modus abschalten.
    Wichtig:
    Erst wenn JS erfolgreich das neue Portal gebaut hat, wird diese Klasse gesetzt.
    Ohne JS bleibt Dawn als Fallback nutzbar.
  */
  html.nerdvana-mobile-portal-ready header-drawer .menu-drawer,
  html.nerdvana-mobile-portal-ready .menu-drawer-container .menu-drawer {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /*
    Alte Drawer-/Boundary-Klassen neutralisieren, falls Preview/Cache sie kurz trägt.
  */
  html.nerdvana-menu-boundary-active,
  body.nerdvana-menu-boundary-active,
  html.nerdvana-mobile-menu-open,
  body.nerdvana-mobile-menu-open {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: auto !important;
    max-height: none !important;
    position: static !important;
    touch-action: pan-y !important;
  }

  /*
    Scrolllock:
    Hintergrund bleibt exakt an der Öffnungsposition stehen.
    Das Portal selbst bleibt davon unberührt, weil es fixed im Viewport liegt.
  */
  html.nerdvana-mobile-portal-open {
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  body.nerdvana-mobile-portal-open {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: calc(-1 * var(--nerdvana-mobile-portal-scroll-y, 0px)) !important;
    width: 100% !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
    touch-action: none !important;
  }

  /*
    Der sichtbare Portal-Layer.
    Er sitzt unter dem aktuellen Header und ist der einzige Scrollbereich.
  */
  .nerdvana-mobile-portal {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: var(--nerdvana-mobile-portal-top, 0px) !important;
    bottom: 0 !important;
    z-index: 410 !important;

    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;

    background:
      radial-gradient(circle at 50% 0%, rgba(255,255,255,.98) 0, rgba(255,255,255,.80) 28%, transparent 62%),
      radial-gradient(circle at 18% 16%, rgba(5,200,255,.105) 0, rgba(5,200,255,.035) 30%, transparent 62%),
      radial-gradient(circle at 86% 24%, rgba(27,61,143,.08) 0, rgba(27,61,143,.025) 34%, transparent 68%),
      linear-gradient(180deg, rgba(250,253,255,.985) 0%, rgba(244,250,254,.972) 52%, rgba(236,246,252,.976) 100%) !important;

    box-shadow:
      0 1px 0 rgba(255,255,255,.96) inset,
      0 28px 80px rgba(13,31,70,.16) !important;

    backdrop-filter: blur(22px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.08) !important;

    opacity: 0 !important;
    visibility: hidden !important;
    transform: translate3d(0, -8px, 0) !important;
    transition:
      opacity .18s ease,
      transform .22s cubic-bezier(.16, 1, .3, 1),
      visibility .18s ease !important;
  }

  .nerdvana-mobile-portal[hidden] {
    display: none !important;
  }

  html.nerdvana-mobile-portal-open .nerdvana-mobile-portal {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate3d(0, 0, 0) !important;
  }

  .nerdvana-mobile-portal__sheet {
    position: relative !important;
    min-height: 100% !important;
    padding:
      clamp(2.35rem, 6vw, 3.3rem)
      clamp(1.15rem, 4.6vw, 1.7rem)
      calc(clamp(3rem, 10vw, 5.2rem) + env(safe-area-inset-bottom, 0px)) !important;
    box-sizing: border-box !important;
    isolation: isolate !important;
  }

  .nerdvana-mobile-portal__sheet::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: clamp(18rem, 44svh, 28rem) !important;
    width: min(92vw, 40rem) !important;
    height: min(44vw, 16rem) !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 999px !important;
    border: 1px solid rgba(5,200,255,.12) !important;
    background:
      radial-gradient(ellipse at 50% 50%, rgba(255,255,255,.30) 0%, rgba(255,255,255,.10) 44%, transparent 74%),
      linear-gradient(90deg, transparent, rgba(5,200,255,.14), transparent) !important;
    box-shadow:
      0 0 44px rgba(5,200,255,.075),
      0 0 90px rgba(27,61,143,.05) !important;
    pointer-events: none !important;
    z-index: -1 !important;
  }

  .nerdvana-mobile-portal__header {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 34rem !important;

    margin:
      clamp(-.35rem, -1vw, -.12rem)
      auto
      clamp(.82rem, 2.7vw, 1.22rem) !important;

    text-align: center !important;
    pointer-events: none !important;
  }

  .nerdvana-mobile-portal__logo {
    display: block !important;

    width: auto !important;
    height: clamp(8.4rem, 30vw, 12.2rem) !important;
    max-width: min(68vw, 20rem) !important;

    object-fit: contain !important;
    object-position: center center !important;

    filter:
      drop-shadow(0 1px 0 rgba(255,255,255,.96))
      drop-shadow(0 8px 18px rgba(13,31,70,.075))
      drop-shadow(0 0 18px rgba(5,200,255,.10)) !important;

    user-select: none !important;
    -webkit-user-drag: none !important;
  }

  .nerdvana-mobile-portal__diamond,
  .nerdvana-mobile-portal__title,
  .nerdvana-mobile-portal__title::after {
    display: none !important;
    content: none !important;
  }

  .nerdvana-mobile-portal__menu {
    width: 100% !important;
    max-width: 34rem !important;
    margin: 0 auto !important;
    padding: .72rem !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: clamp(.72rem, 2.75vw, .92rem) !important;

    border: 1px solid rgba(176,204,224,.54) !important;
    border-radius: 20px !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(255,255,255,.88) 0%, rgba(255,255,255,.46) 48%, transparent 82%),
      linear-gradient(180deg, rgba(250,253,255,.70), rgba(235,247,253,.54)) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.90) inset,
      0 14px 30px rgba(13,31,70,.058),
      0 0 0 1px rgba(255,255,255,.40) inset,
      0 0 26px rgba(5,200,255,.07) !important;

    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
  }

  .nerdvana-mobile-portal__menu::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 0 !important;
    width: 58% !important;
    height: 1px !important;
    transform: translateX(-50%) !important;
    background:
      linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.94),
        rgba(5,200,255,.34),
        rgba(255,255,255,.94),
        transparent
      ) !important;
    opacity: .82 !important;
    pointer-events: none !important;
    z-index: 1 !important;
  }

  .nerdvana-mobile-portal__item {
    width: 100% !important;
    min-width: 0 !important;
    position: relative !important;
  }

  .nerdvana-mobile-portal__link,
  .nerdvana-mobile-portal__button {
    appearance: none !important;
    -webkit-appearance: none !important;

    width: 100% !important;
    min-height: clamp(3.82rem, 10.6vw, 4.28rem) !important;

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

    padding:
      0
      clamp(1rem, 3.2vw, 1.45rem)
      !important;

    border-radius: 15px !important;
    border: 1px solid rgba(176,204,224,.40) !important;

    background:
      linear-gradient(180deg, rgba(255,255,255,.58), rgba(240,249,253,.38)) !important;

    box-shadow:
      0 1px 0 rgba(255,255,255,.80) inset,
      0 7px 16px rgba(13,31,70,.042),
      0 0 0 1px rgba(255,255,255,.34) inset !important;

    color: rgba(13,31,70,.92) !important;
    font-family: 'Cinzel Nerdvana', Cinzel, Georgia, serif !important;
    font-size: clamp(1.14rem, 4.2vw, 1.28rem) !important;
    font-weight: 400 !important;
    line-height: 1.08 !important;
    letter-spacing: .135em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-decoration: none !important;

    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    cursor: pointer !important;

    text-rendering: geometricPrecision !important;
    -webkit-font-smoothing: antialiased !important;
    font-synthesis-weight: none !important;

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

  .nerdvana-mobile-portal__link::before,
  .nerdvana-mobile-portal__button::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 0 !important;
    width: 44% !important;
    height: 1px !important;
    transform: translateX(-50%) !important;
    background:
      linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.82),
        rgba(5,200,255,.22),
        rgba(255,255,255,.82),
        transparent
      ) !important;
    opacity: .56 !important;
    pointer-events: none !important;
    z-index: -1 !important;
  }

  .nerdvana-mobile-portal__link:hover,
  .nerdvana-mobile-portal__link:focus-visible,
  .nerdvana-mobile-portal__button:hover,
  .nerdvana-mobile-portal__button:focus-visible,
  .nerdvana-mobile-portal__button[aria-expanded="true"] {
    border-color: rgba(5,200,255,.38) !important;
    color: #0d1f46 !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.72), rgba(235,248,254,.52)) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.9) inset,
      0 9px 20px rgba(13,31,70,.055),
      0 0 18px rgba(5,200,255,.085),
      0 0 0 1px rgba(255,255,255,.42) inset !important;
    outline: none !important;
  }

  .nerdvana-mobile-portal__button-icon {
    position: absolute !important;
    right: clamp(1.05rem, 3.4vw, 1.45rem) !important;
    top: 50% !important;
    width: .62rem !important;
    height: .62rem !important;
    border-right: 1.35px solid currentColor !important;
    border-bottom: 1.35px solid currentColor !important;
    transform: translateY(-58%) rotate(45deg) !important;
    color: rgba(27,61,143,.54) !important;
    opacity: .82 !important;
    transition:
      transform .2s ease,
      color .2s ease,
      opacity .2s ease !important;
    pointer-events: none !important;
  }

  .nerdvana-mobile-portal__button[aria-expanded="true"] .nerdvana-mobile-portal__button-icon {
    transform: translateY(-35%) rotate(225deg) !important;
    color: rgba(5,200,255,.86) !important;
    opacity: .95 !important;
  }

  .nerdvana-mobile-portal__panel {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .52rem !important;

    width: 100% !important;
    margin: .68rem 0 0 !important;
    padding: .64rem !important;

    border: 1px solid rgba(176,204,224,.46) !important;
    border-radius: 16px !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(255,255,255,.86) 0%, rgba(255,255,255,.42) 50%, transparent 84%),
      linear-gradient(180deg, rgba(250,253,255,.64), rgba(235,247,253,.48)) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.86) inset,
      0 10px 22px rgba(13,31,70,.048),
      0 0 0 1px rgba(255,255,255,.34) inset,
      0 0 20px rgba(5,200,255,.055) !important;

    overflow: hidden !important;
  }

  .nerdvana-mobile-portal__panel[hidden] {
    display: none !important;
  }

  .nerdvana-mobile-portal__panel .nerdvana-mobile-portal__link,
  .nerdvana-mobile-portal__panel .nerdvana-mobile-portal__button {
    min-height: clamp(3.22rem, 9.1vw, 3.7rem) !important;
    border-radius: 13px !important;
    font-size: clamp(.98rem, 3.65vw, 1.1rem) !important;
    letter-spacing: .12em !important;
  }

  .nerdvana-mobile-portal__panel .nerdvana-mobile-portal__panel {
    margin-top: .52rem !important;
    padding: .52rem !important;
    border-radius: 15px !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.46), rgba(235,247,253,.32)) !important;
  }

  .nerdvana-mobile-portal__panel .nerdvana-mobile-portal__panel .nerdvana-mobile-portal__link,
  .nerdvana-mobile-portal__panel .nerdvana-mobile-portal__panel .nerdvana-mobile-portal__button {
    font-size: clamp(.94rem, 3.45vw, 1.04rem) !important;
    letter-spacing: .11em !important;
  }

  .nerdvana-mobile-portal__utility {
    width: 100% !important;
    max-width: 34rem !important;
    margin: clamp(1.35rem, 5svh, 2rem) auto 0 !important;
    padding: .88rem !important;

    border: 1px solid rgba(176,204,224,.58) !important;
    border-radius: 22px !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(255,255,255,.84), rgba(255,255,255,.32) 68%),
      linear-gradient(180deg, rgba(255,255,255,.52), rgba(238,248,253,.42)) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.9) inset,
      0 12px 28px rgba(13,31,70,.06),
      0 0 0 1px rgba(255,255,255,.42) inset !important;

    text-align: center !important;
    position: relative !important;
    z-index: 6 !important;
    overflow: visible !important;
  }

  .nerdvana-mobile-portal__utility .menu-drawer__account {
    width: auto !important;
    min-height: 3.3rem !important;
    margin: 0 auto .42rem !important;
    padding: 0 .8rem !important;

    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: .66rem !important;

    color: #0d1f46 !important;
    font-family: 'Cinzel Nerdvana', Cinzel, Georgia, serif !important;
    font-size: clamp(.88rem, 3.2vw, .98rem) !important;
    font-weight: 600 !important;
    letter-spacing: .115em !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
  }

  .nerdvana-mobile-portal__utility .menu-drawer__account .svg-wrapper,
  .nerdvana-mobile-portal__utility .menu-drawer__account svg {
    width: 1.85rem !important;
    height: 1.85rem !important;
    color: rgba(27,61,143,.72) !important;
  }

  .nerdvana-mobile-portal__utility .list-social {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: .58rem !important;
    margin: .25rem auto .5rem !important;
    padding: 0 !important;
  }

  .nerdvana-mobile-portal__utility .list-social__item {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

  .nerdvana-mobile-portal__utility .list-social__link {
    width: 3.15rem !important;
    height: 3.15rem !important;
    min-width: 3.15rem !important;
    min-height: 3.15rem !important;

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

    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;

    border-radius: 999px !important;
    background: rgba(255,255,255,.58) !important;
    color: rgba(13,31,70,.92) !important;

    box-shadow:
      0 1px 0 rgba(255,255,255,.88) inset,
      0 7px 16px rgba(13,31,70,.06),
      0 0 0 1px rgba(176,204,224,.36) inset !important;

    overflow: hidden !important;
  }

  .nerdvana-mobile-portal__utility .list-social__link .svg-wrapper,
  .nerdvana-mobile-portal__utility .list-social__link svg {
    display: block !important;
    width: 1.55rem !important;
    height: 1.55rem !important;
    min-width: 1.55rem !important;
    min-height: 1.55rem !important;

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

    position: static !important;
    inset: auto !important;

    color: currentColor !important;
    fill: currentColor !important;

    transform: none !important;
    transform-origin: center center !important;
    flex: 0 0 auto !important;
  }

  .nerdvana-mobile-portal__utility .menu-drawer__localization {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    width: 100% !important;
    margin: .35rem auto 0 !important;
    padding: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative !important;
    z-index: 8 !important;
    overflow: visible !important;
  }

  .nerdvana-mobile-portal__utility .menu-drawer__localization localization-form,
  .nerdvana-mobile-portal__utility .menu-drawer__localization .localization-form,
  .nerdvana-mobile-portal__utility .menu-drawer__localization form,
  .nerdvana-mobile-portal__utility .menu-drawer__localization .disclosure {
    position: relative !important;
    z-index: 9 !important;
    overflow: visible !important;
  }

  .nerdvana-mobile-portal__utility .menu-drawer__localization localization-form:has(input[name="country_code"]),
  .nerdvana-mobile-portal__utility .menu-drawer__localization .localization-form:has(input[name="country_code"]),
  .nerdvana-mobile-portal__utility .menu-drawer__localization form:has(input[name="country_code"]) {
    display: none !important;
  }

  .nerdvana-mobile-portal__utility .menu-drawer__localization localization-form:has(input[name="locale_code"]),
  .nerdvana-mobile-portal__utility .menu-drawer__localization .localization-form:has(input[name="locale_code"]),
  .nerdvana-mobile-portal__utility .menu-drawer__localization form:has(input[name="locale_code"]) {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: auto !important;
    max-width: min(20rem, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .nerdvana-mobile-portal__utility .nerdvana-language-selector {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 4.15rem !important;
    max-width: max-content !important;
    height: 3rem !important;
    padding: 0 .82rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 999px !important;
    border: 1px solid rgba(176,204,224,.54) !important;
    background: rgba(255,255,255,.56) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.88) inset,
      0 7px 15px rgba(13,31,70,.052),
      0 0 0 1px rgba(255,255,255,.38) inset !important;
  }

  .nerdvana-mobile-portal__utility .nerdvana-language-selector .icon-caret {
    display: none !important;
  }

  .nerdvana-mobile-portal__utility .nerdvana-language-flag {
    width: 2.25rem !important;
    height: 1.45rem !important;
    border-radius: 3px !important;
    box-shadow: 0 4px 10px rgba(13,31,70,.12) !important;
  }

  .nerdvana-mobile-portal__utility .menu-drawer__localization .disclosure__list-wrapper {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    z-index: 12 !important;

    width: min(17.2rem, calc(100vw - 5.8rem)) !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: .46rem auto 0 !important;
    padding: .42rem !important;
    box-sizing: border-box !important;

    border-radius: 16px !important;
    border: 1px solid rgba(176,204,224,.52) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(255,255,255,.92), rgba(255,255,255,.44) 68%),
      linear-gradient(180deg, rgba(255,255,255,.86), rgba(238,248,253,.72)) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.92) inset,
      0 12px 24px rgba(13,31,70,.07),
      0 0 0 1px rgba(255,255,255,.42) inset !important;

    overflow: hidden !important;
    isolation: isolate !important;
  }

  .nerdvana-mobile-portal__utility .menu-drawer__localization .disclosure__list-wrapper *,
  .nerdvana-mobile-portal__utility .menu-drawer__localization .disclosure__list-wrapper *::before,
  .nerdvana-mobile-portal__utility .menu-drawer__localization .disclosure__list-wrapper *::after {
    box-sizing: border-box !important;
  }

  .nerdvana-mobile-portal__utility .menu-drawer__localization .disclosure__list-wrapper[hidden] {
    display: none !important;
  }

  .nerdvana-mobile-portal__utility .menu-drawer__localization .disclosure__list {
    position: relative !important;
    z-index: 13 !important;
    display: grid !important;
    gap: .28rem !important;
    width: 100% !important;
    max-height: min(34svh, 18rem) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: transparent !important;
  }

  .nerdvana-mobile-portal__utility .menu-drawer__localization .disclosure__item {
    margin: 0 !important;
    padding: 0 !important;
  }

  .nerdvana-mobile-portal__utility .menu-drawer__localization .disclosure__link {
    display: grid !important;
    grid-template-columns: 1.35rem 1fr !important;
    align-items: center !important;
    justify-items: start !important;
    column-gap: .66rem !important;

    min-height: 3.08rem !important;
    width: calc(100% - .24rem) !important;
    max-width: calc(100% - .24rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 .92rem 0 .78rem !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
    overflow: hidden !important;

    color: rgba(13,31,70,.86) !important;
    background: transparent !important;
    font-family: 'Cinzel Nerdvana', Cinzel, Georgia, serif !important;
    font-size: .92rem !important;
    font-weight: 600 !important;
    letter-spacing: .105em !important;
    line-height: 1 !important;
    text-align: left !important;
    text-decoration: none !important;
    text-transform: uppercase !important;

    box-shadow: none !important;
  }

  .nerdvana-mobile-portal__utility .menu-drawer__localization .disclosure__link svg,
  .nerdvana-mobile-portal__utility .menu-drawer__localization .disclosure__link .icon-checkmark {
    grid-column: 1 !important;
    justify-self: center !important;
    width: .82rem !important;
    height: .82rem !important;
  }

  .nerdvana-mobile-portal__utility .menu-drawer__localization .disclosure__link .nerdvana-language-selector__option {
    grid-column: 2 !important;
    justify-self: start !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: .72rem !important;
    min-width: 0 !important;
    width: auto !important;
    text-align: left !important;
  }

  .nerdvana-mobile-portal__utility .menu-drawer__localization .disclosure__link .nerdvana-language-selector__option-label {
    display: inline-block !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  .nerdvana-mobile-portal__utility .menu-drawer__localization .disclosure__link:hover,
  .nerdvana-mobile-portal__utility .menu-drawer__localization .disclosure__link:focus-visible,
  .nerdvana-mobile-portal__utility .menu-drawer__localization .disclosure__link[aria-current="true"] {
    color: #1b3d8f !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.82), rgba(232,248,255,.58)) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.86) inset,
      0 6px 14px rgba(13,31,70,.045),
      0 0 0 1px rgba(5,200,255,.14) inset !important;
    outline: none !important;
  }
}

@media screen and (max-width: 374px) {
  .nerdvana-mobile-portal__sheet {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .nerdvana-mobile-portal__link,
  .nerdvana-mobile-portal__button {
    font-size: clamp(1.04rem, 4.15vw, 1.16rem) !important;
    letter-spacing: .12em !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nerdvana-mobile-portal,
  .nerdvana-mobile-portal *,
  .nerdvana-mobile-portal *::before,
  .nerdvana-mobile-portal *::after {
    transition: none !important;
    animation: none !important;
  }
}

/* =========================================
MOBILE/TABLET – Search Modal Celestial Glass V1
Nur Mobile/Tablet.
Desktop V1.x bleibt unangetastet.
Keine Änderung an Search-, Header-, Cart- oder Mobile-Portal-Logik.
========================================= */
@media screen and (max-width: 989px) {
  body .search-modal,
  body .search-modal.modal__content {
    background:
      radial-gradient(ellipse at 50% 0, rgba(255,255,255,.96) 0%, rgba(255,255,255,.42) 38%, transparent 76%),
      linear-gradient(180deg, rgba(249,252,254,.985) 0%, rgba(241,248,252,.95) 100%) !important;
    border-top: 1px solid rgba(255,255,255,.82) !important;
    border-bottom: 1px solid rgba(27,61,143,.105) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.94) inset,
      0 10px 22px rgba(13,31,70,.055) !important;
    backdrop-filter: blur(16px) saturate(1.05) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.05) !important;
  }

  body .search-modal__content {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 6.5rem !important;
    padding:
      clamp(.72rem, 2.4vw, 1.02rem)
      clamp(1.05rem, 4vw, 1.55rem) !important;
    display: flex !important;
    align-items: center !important;
    gap: .72rem !important;
    box-sizing: border-box !important;
  }

  body .search-modal__form,
  body .search-modal predictive-search,
  body .search-modal form.search {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body .search-modal .field {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: clamp(4.85rem, 12.4vw, 5.45rem) !important;
    min-height: clamp(4.85rem, 12.4vw, 5.45rem) !important;

    border-radius: 18px !important;
    border: 1px solid rgba(27,61,143,.18) !important;

    background:
      radial-gradient(ellipse at 18% 0, rgba(255,255,255,.88) 0%, rgba(255,255,255,.24) 36%, transparent 68%),
      linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(247,250,253,.50) 48%, rgba(238,244,249,.56) 100%) !important;

    box-shadow:
      0 10px 22px rgba(13,31,70,.055),
      0 1px 0 rgba(255,255,255,.92) inset,
      0 0 0 1px rgba(255,255,255,.72) inset,
      0 -9px 16px rgba(188,198,205,.045) inset !important;

    overflow: hidden !important;
    transition:
      border-color .22s ease,
      box-shadow .22s ease,
      background .22s ease !important;
  }

  body .search-modal .field::before,
  body .search-modal .field::after {
    content: none !important;
    display: none !important;
    box-shadow: none !important;
  }

  body .search-modal .field:focus-within {
    border-color: rgba(5,200,255,.38) !important;
    background:
      radial-gradient(ellipse at 18% 0, rgba(255,255,255,.94) 0%, rgba(255,255,255,.30) 38%, transparent 70%),
      linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(241,249,253,.62) 100%) !important;
    box-shadow:
      0 12px 24px rgba(13,31,70,.065),
      0 0 16px rgba(5,200,255,.095),
      0 1px 0 rgba(255,255,255,.94) inset,
      0 0 0 1px rgba(255,255,255,.82) inset,
      0 -9px 16px rgba(188,198,205,.04) inset !important;
  }

  body .search-modal .search__input,
  body .search-modal .field__input {
    height: 100% !important;
    min-height: 0 !important;
    padding:
      0
      clamp(8.9rem, 23vw, 9.8rem)
      0
      clamp(1.35rem, 4vw, 1.65rem) !important;

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

    color: #102b66 !important;
    -webkit-text-fill-color: #102b66 !important;

    font-family: Montserrat, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: clamp(1.08rem, 3.35vw, 1.2rem) !important;
    font-weight: 500 !important;
    letter-spacing: .035em !important;
    line-height: 1 !important;
  }

  body .search-modal .search__input::placeholder,
  body .search-modal .field__input::placeholder {
    color: rgba(36,54,95,.46) !important;
    -webkit-text-fill-color: rgba(36,54,95,.46) !important;
    opacity: 1 !important;
  }

  body .search-modal .field__label,
  body .search-modal .field__input:focus ~ .field__label,
  body .search-modal .field__input:not(:placeholder-shown) ~ .field__label {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body .search-modal .search__button,
  body .search-modal .field__button {
    position: absolute !important;
    right: .42rem !important;
    top: 50% !important;

    width: clamp(3.82rem, 10.5vw, 4.28rem) !important;
    height: clamp(3.82rem, 10.5vw, 4.28rem) !important;
    min-width: clamp(3.82rem, 10.5vw, 4.28rem) !important;
    min-height: clamp(3.82rem, 10.5vw, 4.28rem) !important;

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

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

    border: 1px solid rgba(205,216,224,.56) !important;
    border-radius: 999px !important;

    background:
      linear-gradient(180deg, rgba(255,255,255,.86) 0%, rgba(238,247,252,.64) 100%) !important;

    color: #1b3d8f !important;

    box-shadow:
      0 6px 14px rgba(13,31,70,.055),
      0 1px 0 rgba(255,255,255,.9) inset,
      0 0 0 1px rgba(255,255,255,.62) inset !important;

    transform: translateY(-50%) !important;
    transition:
      border-color .2s ease,
      box-shadow .2s ease,
      background .2s ease,
      color .2s ease !important;
  }

  body .search-modal .search__button:hover,
  body .search-modal .search__button:focus-visible {
    border-color: rgba(5,200,255,.34) !important;
    color: #0d1f46 !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.94) 0%, rgba(232,248,255,.74) 100%) !important;
    box-shadow:
      0 7px 15px rgba(13,31,70,.066),
      0 0 12px rgba(5,200,255,.11),
      0 1px 0 rgba(255,255,255,.94) inset,
      0 0 0 1px rgba(255,255,255,.76) inset !important;
    outline: none !important;
  }

  body .search-modal .search__button .svg-wrapper,
  body .search-modal .search__button svg,
  body .search-modal .field__button .svg-wrapper,
  body .search-modal .field__button svg {
    display: block !important;
    width: 2rem !important;
    height: 2rem !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    fill: none !important;
    stroke: currentColor !important;
    transform: none !important;
  }

  body .search-modal .reset__button {
    right: clamp(5.35rem, 14.2vw, 5.95rem) !important;
    top: 50% !important;

    width: 3.15rem !important;
    height: 3.15rem !important;
    min-width: 3.15rem !important;
    min-height: 3.15rem !important;

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

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

    transform: translateY(-50%) !important;
    border-radius: 999px !important;

    color: rgba(36,54,95,.52) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.62) 0%, rgba(238,247,252,.36) 100%) !important;

    box-shadow:
      0 1px 0 rgba(255,255,255,.78) inset,
      0 0 0 1px rgba(205,216,224,.34) inset !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body .search-modal .field__input:not(:placeholder-shown) ~ .reset__button {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body .search-modal .reset__button:hover,
  body .search-modal .reset__button:focus-visible {
    color: #1b3d8f !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(232,248,255,.58) 100%) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.88) inset,
      0 0 0 1px rgba(5,200,255,.16) inset,
      0 0 10px rgba(5,200,255,.07) !important;
    outline: none !important;
  }

  body .search-modal__close-button,
  body .search-modal .modal__close-button {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    pointer-events: none !important;
  }

  body .search-modal predictive-search,
  body .search-modal .predictive-search {
    border-radius: 20px !important;
  }

  body .search-modal .predictive-search,
  body .search-modal .predictive-search__results-groups-wrapper {
    background:
      linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(246,249,253,.96) 100%) !important;
    border-color: rgba(205,216,224,.62) !important;
    box-shadow:
      0 18px 38px rgba(13,31,70,.105),
      0 0 0 1px rgba(255,255,255,.82) inset !important;
    backdrop-filter: blur(16px) saturate(1.06) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.06) !important;
  }

  body .search-modal .predictive-search__heading,
  body .search-modal .predictive-search__heading span {
    color: rgba(13,31,70,.76) !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: .96rem !important;
    font-weight: 500 !important;
    letter-spacing: .17em !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,.92),
      0 0 7px rgba(5,200,255,.055) !important;
  }

  body .search-modal .predictive-search__item,
  body .search-modal .predictive-search__item-content,
  body .search-modal .predictive-search__item-heading,
  body .search-modal .predictive-search__item-heading *,
  body .search-modal .predictive-search__item-query-result,
  body .search-modal .predictive-search__item-query-result *,
  body .search-modal .predictive-search__search-for-button,
  body .search-modal .predictive-search__search-for-button *,
  body .search-modal [id^="predictive-search-option-search-keywords"],
  body .search-modal [id^="predictive-search-option-search-keywords"] * {
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  }

  body .search-modal .predictive-search__item-heading,
  body .search-modal .predictive-search__item-query-result {
    color: #102b66 !important;
    font-size: clamp(1.08rem, 3.15vw, 1.24rem) !important;
    font-weight: 400 !important;
    line-height: 1.34 !important;
    letter-spacing: .026em !important;
    text-transform: none !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,.88),
      0 0 6px rgba(5,200,255,.035) !important;
  }

  body .search-modal .predictive-search__item-heading mark,
  body .search-modal .predictive-search__item-query-result mark {
    color: #1b3d8f !important;
    background: transparent !important;
    font-family: inherit !important;
    font-weight: 500 !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,.9),
      0 0 7px rgba(5,200,255,.075) !important;
  }

  body .search-modal .predictive-search__item:hover .predictive-search__item-heading,
  body .search-modal .predictive-search__item:focus-visible .predictive-search__item-heading,
  body .search-modal .predictive-search__item:hover .predictive-search__item-query-result,
  body .search-modal .predictive-search__item:focus-visible .predictive-search__item-query-result {
    color: #1b3d8f !important;
  }

  body .search-modal .predictive-search__item-vendor,
  body .search-modal .predictive-search__item-price,
  body .search-modal .price,
  body .search-modal .price * {
    color: rgba(36,54,95,.62) !important;
    font-family: Montserrat, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: .92rem !important;
    font-weight: 500 !important;
    letter-spacing: .02em !important;
  }

  body .search-modal .predictive-search__item--term,
  body .search-modal .predictive-search__item--term .predictive-search__item-heading,
  body .search-modal .predictive-search__search-for-button {
    color: #102b66 !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: clamp(1.06rem, 3.25vw, 1.22rem) !important;
    font-weight: 500 !important;
    letter-spacing: .055em !important;
    line-height: 1.2 !important;
    text-transform: none !important;
  }

  body .search-modal .predictive-search__item--term .icon,
  body .search-modal .predictive-search__item--term svg {
    color: #1b3d8f !important;
    filter:
      drop-shadow(0 1px 0 rgba(255,255,255,.84))
      drop-shadow(0 0 6px rgba(5,200,255,.11)) !important;
  }

  body .search-modal .nerdvana-predictive-search-hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}

@media screen and (max-width: 374px) {
  body .search-modal__content {
    padding-left: .86rem !important;
    padding-right: .86rem !important;
  }

  body .search-modal .field {
    border-radius: 15px !important;
  }

  body .search-modal .search__input,
  body .search-modal .field__input {
    font-size: 1.02rem !important;
    letter-spacing: .025em !important;
  }
}

/* =========================================================
NERDVANA – Kategorie Quicklinks
========================================================= */
.nerdvana-category-quicklinks {
  padding: 3.4rem 2.2rem 1.8rem !important;
}

.nerdvana-category-quicklinks__inner {
  width: 100% !important;
  max-width: 1920px !important;
  margin: 0 auto !important;
  padding-left: 2.2rem !important;
  padding-right: 2.2rem !important;
  box-sizing: border-box !important;
}

.nerdvana-category-quicklinks__grid {
  width: 100% !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  gap: var(--nerdvana-category-gap,18px) !important;
}

.nerdvana-category-quicklink {
  display: block !important;
  flex: 0 1 var(--nerdvana-category-card-width) !important;
  width: var(--nerdvana-category-card-width) !important;
  max-width: var(--nerdvana-category-card-width) !important;
  min-width: 0 !important;
  text-decoration: none !important;
  color: inherit !important;
}

.nerdvana-category-quicklink__frame {
  position: relative !important;
  overflow: hidden !important;
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  border-radius: 26px !important;
  container-type: inline-size !important;
  background: linear-gradient(180deg,rgba(255,255,255,.96)0,rgba(247,249,252,.98)100%) !important;
  border: 1px solid rgba(198,206,221,.95) !important;
  box-shadow: 0 14px 34px rgba(33,52,92,.08),0 4px 14px rgba(33,52,92,.05),inset 0 1px 0 rgba(255,255,255,.95) !important;
  transition: transform .22s ease,box-shadow .22s ease,border-color .22s ease !important;
}
.nerdvana-category-quicklink__frame::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 26px !important;
  padding: 2px !important;
  background: linear-gradient(135deg,rgba(230,232,236,.98)0,rgba(255,255,255,.98)14%,rgba(212,220,232,.98)30%,rgba(255,255,255,.96)48%,rgba(5,203,255,.34)62%,rgba(138,92,255,.28)78%,rgba(247,215,122,.34)100%) !important;
  -webkit-mask: linear-gradient(#000 0 0)content-box,linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
}
.nerdvana-category-quicklink__frame::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: 6 !important;
  border-radius: 23px !important;
  border: 1px solid rgba(214,220,231,.96) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.42),0 0 10px rgba(5,203,255,.07) !important;
  pointer-events: none !important;
}
.nerdvana-category-quicklink:hover .nerdvana-category-quicklink__frame {
  transform: translateY(-4px) !important;
  border-color: rgba(180,195,220,.95) !important;
  box-shadow: 0 18px 38px rgba(33,52,92,.12),0 6px 16px rgba(5,203,255,.1),inset 0 1px 0 rgba(255,255,255,.98) !important;
}
.nerdvana-category-quicklink__image-wrap {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 33.333% !important;
  border-radius: 26px 26px 0 0 !important;
  overflow: hidden !important;
  background: radial-gradient(circle at top left,rgba(255,255,255,.96)0,rgba(246,249,253,.98)58%,rgba(236,242,249,1)100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.nerdvana-category-quicklink__image-wrap img, .nerdvana-category-quicklink__image-wrap svg {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
.nerdvana-category-quicklink__content {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 66.666% !important;
  bottom: 0 !important;
  z-index: 4 !important;
  min-height: 0 !important;
  padding: .65rem 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  border-radius: 0 0 26px 26px !important;
  background: linear-gradient(180deg,rgba(255,255,255,.88),rgba(247,250,253,.98)) !important;
  border-top: 1px solid rgba(27,61,143,.1) !important;
  box-shadow: 0 -1px 0 rgba(255,255,255,.85)inset !important;
}
.nerdvana-category-quicklink__content h2 {
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  color: #1b3d8f !important;
  font-family: var(--font-heading-family),"Cinzel",serif !important;
  font-size: min(var(--nerdvana-category-title-size,13px),7.2cqw) !important;
  line-height: 1.14 !important;
  letter-spacing: .055em !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
/* Tablet */
@media screen and (min-width: 750px) and (max-width: 1199px) {
  .nerdvana-category-quicklinks__grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    gap: 1rem !important;
  }
  .nerdvana-category-quicklink__content h2 {
    font-size: 1.75rem !important;
  }
}
/* Mobile */
@media screen and (max-width: 749px) {
  .nerdvana-category-quicklinks {
    padding: 2.4rem 1.2rem 1.4rem !important;
  }
  .nerdvana-category-quicklinks__inner {
    padding: 0 !important;
  }
  .nerdvana-category-quicklinks__grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    gap: .7rem !important;
  }
  .nerdvana-category-quicklink {
    flex-basis: calc((100% - 3.5rem)/ 6) !important;
    width: calc((100% - 3.5rem)/ 6) !important;
    max-width: calc((100% - 3.5rem)/ 6) !important;
  }
  .nerdvana-category-quicklink__frame {
    border-radius: 20px !important;
  }
  .nerdvana-category-quicklink__frame::before {
    border-radius: 20px !important;
    padding: 2px !important;
  }
  .nerdvana-category-quicklink__frame::after {
    inset: 1px !important;
    border-radius: 14px !important;
  }
  .nerdvana-category-quicklink__image-wrap {
    top: 10px !important;
    left: 10px !important;
    right: 10px !important;
    bottom: calc(33.333% + 6px) !important;
    border-radius: 14px 14px 10px 10px !important;
  }
  .nerdvana-category-quicklink__content {
    left: 0 !important;
    right: 0 !important;
    top: 66.666% !important;
    bottom: 0 !important;
    min-height: 0 !important;
    padding: .42rem .45rem !important;
    border-radius: 0 0 20px 20px !important;
  }
  .nerdvana-category-quicklink__content h2 {
    margin: 0 !important;
    font-size: min(var(--nerdvana-category-title-size,13px),7.2cqw) !important;
    line-height: 1.12 !important;
    letter-spacing: .04em !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  .nerdvana-category-quicklink__content > span, .nerdvana-category-quicklink__button {
    min-height: 34px !important;
    padding: .75rem 1.35rem !important;
    border-radius: 10px !important;
    font-size: .82rem !important;
  }
}
/* Mobile: Kategorie-Icons ausblenden, weil sie zu klein werden */
@media screen and (max-width: 749px) {
  .section-nerdvana-category-quicklinks, .nerdvana-category-quicklinks {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}
/* =========================================
NERDVANA FAVORITEN – Header Icon / Counter
Klassisches Herz im Header, führt zu /pages/favoriten
V1.3 – feineres Line-Icon + Cart-Bubble-nahe Counterposition
========================================= */

body .header__icons .nerdvana-header-favorites {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 4.4rem !important;
  height: 4.4rem !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(13,31,70,.78) !important;
  text-decoration: none !important;
  border-radius: 999px !important;
  isolation: isolate !important;
  transition:
    color .22s ease,
    filter .22s ease,
    transform .22s ease !important;
}

/* =========================================
NERDVANA FAVORITEN – Header Icon Anti-Flicker Placeholder V1
Verhindert, dass das Header-Herz beim Seitenladen sichtbar reinploppt.

Bis das echte JS-Herz gemountet ist:
- Cart-Link reserviert den späteren Herz-Slot
- ein identischer CSS-Herz-Platzhalter sitzt an dieser Position

Sobald JS .nerdvana-header-favorites-mounted auf <html> setzt:
- Platzhalter verschwindet
- echtes Herz übernimmt
========================================= */

html:not(.nerdvana-header-favorites-mounted) body .header__icons .header__icon--cart {
  margin-left: 4.4rem !important;
}

html:not(.nerdvana-header-favorites-mounted) body .header__icons .header__icon--cart::after {
  content: "" !important;
  position: absolute !important;
  left: -2.2rem !important;
  top: 50% !important;
  z-index: 2 !important;
  display: block !important;
  width: 2.55rem !important;
  height: 2.55rem !important;
  transform: translate(-50%, -50%) !important;
  background: currentColor !important;
  opacity: 1 !important;
  pointer-events: none !important;

  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.45%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2020.35s-6.85-4.32-9.28-8.63C.72%208.16%202.58%204.5%206.32%204.5c2.02%200%203.46%201.02%204.32%202.16.38.5.74.5%201.12%200C12.62%205.52%2014.06%204.5%2016.08%204.5c3.74%200%205.6%203.66%203.6%207.22C17.25%2016.03%2012%2020.35%2012%2020.35Z%27/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.45%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2020.35s-6.85-4.32-9.28-8.63C.72%208.16%202.58%204.5%206.32%204.5c2.02%200%203.46%201.02%204.32%202.16.38.5.74.5%201.12%200C12.62%205.52%2014.06%204.5%2016.08%204.5c3.74%200%205.6%203.66%203.6%207.22C17.25%2016.03%2012%2020.35%2012%2020.35Z%27/%3E%3C/svg%3E") !important;

  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center center !important;
  mask-position: center center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;

  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,.82))
    drop-shadow(0 0 4px rgba(5,200,255,.08)) !important;
}

body .header__icons .nerdvana-header-favorites:hover,
body .header__icons .nerdvana-header-favorites:focus-visible {
  color: #9bddfcff !important;
  filter:
    drop-shadow(0 0 4px rgba(5,200,255,.14))
    drop-shadow(0 1px 3px rgba(13,31,70,.06)) !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}

body .header__icons .nerdvana-header-favorites__icon-wrap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.55rem !important;
  height: 2.55rem !important;
  position: relative !important;
  z-index: 2 !important;
}

body .header__icons .nerdvana-header-favorites__icon {
  display: block !important;
  width: 2.55rem !important;
  height: 2.55rem !important;
  overflow: visible !important;
}

/* Herz bleibt als feines Line-Icon.
   Kein Fill, damit es zu Account- und Cart-Icon passt. */
body .header__icons .nerdvana-header-favorites__icon path {
  fill: transparent !important;
  stroke: currentColor !important;
  stroke-width: 1.16 !important;
  stroke-linejoin: round !important;
  transition:
    fill .22s ease,
    stroke .22s ease,
    filter .22s ease,
    transform .22s ease !important;
}

body .header__icons .nerdvana-header-favorites:hover .nerdvana-header-favorites__icon path,
body .header__icons .nerdvana-header-favorites:focus-visible .nerdvana-header-favorites__icon path {
  fill: transparent !important;
  stroke: currentColor !important;
  filter: drop-shadow(0 0 4px rgba(5,200,255,.11)) !important;
}

/* Aktiver Zustand weiterhin nicht gefüllt.
   Der Counter ist der Statusindikator. */
body .header__icons .nerdvana-header-favorites--active .nerdvana-header-favorites__icon path {
  fill: transparent !important;
  stroke: rgba(13,31,70,.78) !important;
  filter: none !important;
}

body .header__icons .nerdvana-header-favorites--active:hover .nerdvana-header-favorites__icon path,
body .header__icons .nerdvana-header-favorites--active:focus-visible .nerdvana-header-favorites__icon path {
  fill: transparent !important;
  stroke: #9bddfcff !important;
  filter: drop-shadow(0 0 4px rgba(5,200,255,.12)) !important;
}

/* Counter: optisch und farblich an .cart-count-bubble angeglichen,
   aber rechts unten am Herz positioniert. */
/* Merkliste-Counter bewusst ausblenden.
   Das Herz bleibt der Einstieg zur Favoritenseite;
   Anzahl/Status bleiben intern und für Labels im JS erhalten. */
body .header__icons .nerdvana-header-favorites__bubble,
body .header__icons .nerdvana-header-favorites__bubble[hidden],
body .header__icons [data-nerdvana-favorites-count] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media screen and (max-width: 989px) {
  body .header__icons .nerdvana-header-favorites {
    width: 4rem !important;
    height: 4rem !important;
  }

  body .header__icons .nerdvana-header-favorites__icon-wrap,
  body .header__icons .nerdvana-header-favorites__icon {
    width: 2.32rem !important;
    height: 2.32rem !important;
  }

  body .header__icons .nerdvana-header-favorites__icon path {
    stroke-width: 1.18 !important;
  }

  body .header__icons .nerdvana-header-favorites__bubble,
  body .header__icons [data-nerdvana-favorites-count] {
    display: none !important;
  }
}

/* =========================================
NERDVANA FAVORITEN – Stage 1
Klassische Herz-Favoriten per localStorage
Keine Favoriten-Seite, kein Header-Icon, keine Account-Logik
========================================= */

#ProductGridContainer .card-wrapper,
#ProductGridContainer .card,
#ProductGridContainer .card__inner,
#product-grid .card-wrapper,
#product-grid .card,
#product-grid .card__inner,
.template-search__results .card-wrapper,
.template-search__results .card,
.template-search__results .card__inner,
#shopify-section-template--30569970172253__featured_collection .card-wrapper,
#shopify-section-template--30569970172253__featured_collection .card,
#shopify-section-template--30569970172253__featured_collection .card__inner,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card-wrapper,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card,
#shopify-section-template--30569970172253__featured_collection_m48Bmb .card__inner,
body #MainContent .related-products .card-wrapper,
body #MainContent .related-products .card,
body #MainContent .related-products .card__inner,
body #MainContent product-recommendations.related-products .card-wrapper,
body #MainContent product-recommendations.related-products .card,
body #MainContent product-recommendations.related-products .card__inner {
  position: relative !important;
}

.nerdvana-favorite-button {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font: inherit !important;
  color: #102b66 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.nerdvana-favorite-button:focus-visible {
  outline: 2px solid rgba(5,200,255,.42) !important;
  outline-offset: 3px !important;
}

.nerdvana-favorite-button__icon {
  display: block !important;
  width: 1.55rem !important;
  height: 1.55rem !important;
  overflow: visible !important;
}

.nerdvana-favorite-button__icon path {
  fill: rgba(255,255,255,.18) !important;
  stroke: rgba(16,43,102,.78) !important;
  stroke-width: 1.65 !important;
  stroke-linejoin: round !important;
  transition:
    fill .22s ease,
    stroke .22s ease,
    filter .22s ease,
    transform .22s ease !important;
}

.nerdvana-favorite-button--card {
  position: absolute !important;
  top: .95rem !important;
  right: .95rem !important;
  z-index: 80 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 3.25rem !important;
  height: 3.25rem !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.76) !important;
  border: 1px solid rgba(205,216,224,.78) !important;
  box-shadow:
    0 8px 18px rgba(13,31,70,.09),
    0 1px 2px rgba(255,255,255,.86) inset,
    0 0 0 1px rgba(255,255,255,.82) inset !important;
  backdrop-filter: blur(14px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.05) !important;
  opacity: .84 !important;
  transform: translateY(0) scale(1) !important;
  transition:
    opacity .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    background .2s ease,
    transform .2s ease !important;
  pointer-events: auto !important;
}

.nerdvana-favorite-button--card:hover,
.nerdvana-favorite-button--card:focus-visible {
  opacity: 1 !important;
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(5,200,255,.28) !important;
  box-shadow:
    0 10px 22px rgba(13,31,70,.11),
    0 0 14px rgba(5,200,255,.09),
    0 1px 2px rgba(255,255,255,.92) inset,
    0 0 0 1px rgba(255,255,255,.88) inset !important;
  transform: translateY(-1px) scale(1.035) !important;
}

.nerdvana-favorite-button--card:hover .nerdvana-favorite-button__icon path,
.nerdvana-favorite-button--card:focus-visible .nerdvana-favorite-button__icon path {
  stroke: #1b3d8f !important;
  filter: drop-shadow(0 0 5px rgba(5,200,255,.14)) !important;
}

.nerdvana-favorite-button.is-favorite .nerdvana-favorite-button__icon path {
  fill: rgba(27,61,143,.92) !important;
  stroke: rgba(27,61,143,.96) !important;
  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,.74))
    drop-shadow(0 0 7px rgba(5,200,255,.16)) !important;
}

.nerdvana-favorite-button.is-favorite:hover .nerdvana-favorite-button__icon path,
.nerdvana-favorite-button.is-favorite:focus-visible .nerdvana-favorite-button__icon path {
  fill: #0d1f46 !important;
  stroke: #0d1f46 !important;
}

.nerdvana-favorite-button--product {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .78rem !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 4.7rem !important;
  margin: 0 !important;
  padding: 0 1.35rem !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(205,216,224,.78) !important;
  box-shadow:
    0 13px 26px rgba(13,31,70,.072),
    0 5px 12px rgba(13,31,70,.038),
    0 1px 2px rgba(255,255,255,.88) inset,
    0 0 0 1px rgba(255,255,255,.88) inset !important;
  backdrop-filter: blur(14px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.05) !important;
  transition:
    border-color .22s ease,
    background .22s ease,
    box-shadow .22s ease,
    transform .22s ease !important;
}
/* Produktseite – einheitlicher Button-Abstand in der Kaufzone */
body #MainContent .product-form__submit + .nerdvana-favorite-button--product {
  margin-top: .0rem !important;
}

body #MainContent .nerdvana-favorite-button--product + .shopify-payment-button {
  margin-top: 1.10rem !important;
}

.nerdvana-favorite-button--product:hover,
.nerdvana-favorite-button--product:focus-visible {
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(5,200,255,.28) !important;
  box-shadow:
    0 11px 24px rgba(13,31,70,.07),
    0 0 14px rgba(5,200,255,.08),
    0 1px 2px rgba(255,255,255,.92) inset,
    0 0 0 1px rgba(255,255,255,.9) inset !important;
  transform: translateY(-1px) !important;
}

.nerdvana-favorite-button--product .nerdvana-favorite-button__icon {
  width: 1.42rem !important;
  height: 1.42rem !important;
}

.nerdvana-favorite-button__text {
  position: relative !important;
  z-index: 2 !important;
  color: #102b66 !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: .98rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .085em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.94) !important;
}

.nerdvana-favorite-button--product.is-favorite .nerdvana-favorite-button__text {
  color: #1b3d8f !important;
}

@media screen and (max-width: 749px) {
  .nerdvana-favorite-button--card {
    top: .72rem !important;
    right: .72rem !important;
    width: 3rem !important;
    height: 3rem !important;
  }

  .nerdvana-favorite-button--product {
    width: 100% !important;
    min-height: 4.4rem !important;
    margin-top: .15rem !important;
    margin-bottom: 1.1rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nerdvana-favorite-button,
  .nerdvana-favorite-button *,
  .nerdvana-favorite-button::before,
  .nerdvana-favorite-button::after {
    transition: none !important;
  }
}

/* Produktkarten-Sicherung:
   Header-Favoriten und Produktkarten-Favoriten bleiben optisch getrennt.
   Dieser Block stellt Badge + Herzgröße auf Produktkarten wieder stabil her.
   Position wird bewusst etwas weiter in die Karte gezogen. */
body #MainContent #ProductGridContainer .card-wrapper .nerdvana-favorite-button--card,
body #MainContent #product-grid .card-wrapper .nerdvana-favorite-button--card,
body #MainContent .related-products .card-wrapper .nerdvana-favorite-button--card,
body #MainContent product-recommendations .card-wrapper .nerdvana-favorite-button--card {
  width: 3.35rem !important;
  height: 3.35rem !important;
  min-width: 3.35rem !important;
  min-height: 3.35rem !important;
  top: 1.35rem !important;
  right: 1.35rem !important;
}

body #MainContent #ProductGridContainer .card-wrapper .nerdvana-favorite-button--card .nerdvana-favorite-button__icon,
body #MainContent #product-grid .card-wrapper .nerdvana-favorite-button--card .nerdvana-favorite-button__icon,
body #MainContent .related-products .card-wrapper .nerdvana-favorite-button--card .nerdvana-favorite-button__icon,
body #MainContent product-recommendations .card-wrapper .nerdvana-favorite-button--card .nerdvana-favorite-button__icon {
  width: 1.62rem !important;
  height: 1.62rem !important;
}

body #MainContent #ProductGridContainer .card-wrapper .nerdvana-favorite-button--card .nerdvana-favorite-button__icon path,
body #MainContent #product-grid .card-wrapper .nerdvana-favorite-button--card .nerdvana-favorite-button__icon path,
body #MainContent .related-products .card-wrapper .nerdvana-favorite-button--card .nerdvana-favorite-button__icon path,
body #MainContent product-recommendations .card-wrapper .nerdvana-favorite-button--card .nerdvana-favorite-button__icon path {
  stroke-width: 1.65 !important;
}

body #MainContent #ProductGridContainer .card__badge .badge,
body #MainContent #product-grid .card__badge .badge,
body #MainContent .related-products .card__badge .badge,
body #MainContent product-recommendations .card__badge .badge {
  min-width: 4.35rem !important;
  min-height: 2.55rem !important;
  padding: .36rem .82rem !important;
  border-radius: 999px !important;
  font-size: .82rem !important;
  line-height: 1 !important;
  letter-spacing: .075em !important;
}

/* =========================================
NERDVANA FAVORITEN – Page Stage 1E
Collection Master Parity
Favoriten-Seite nutzt optisch exakt die perfekte Kollektionskachel.
WICHTIG: Die Kollektionskachel selbst wird NICHT verändert.
========================================= */

html.nerdvana-favorites-page-active body #MainContent .main-page-title,
html.nerdvana-favorites-page-active body #MainContent .page-title {
  display: none !important;
}

body #MainContent .nerdvana-favorites-page {
  width: 100% !important;
  margin: 0 auto !important;
  padding: clamp(5rem, 6vw, 8rem) 0 clamp(6rem, 7vw, 9rem) !important;
  background: transparent !important;
}

body #MainContent .nerdvana-favorites-page__shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
}

/* Überschrift bleibt bewusst exakt im bisherigen Favoriten-Look */
body #MainContent .nerdvana-favorites-page__header {
  position: relative !important;
  max-width: 960px !important;
  margin: 0 auto clamp(3.2rem, 4vw, 5rem) !important;
  padding-bottom: 2.4rem !important;
  text-align: center !important;
}

body #MainContent .nerdvana-favorites-page__header::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: .78rem !important;
  width: min(760px, 78vw) !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg, transparent 0, rgba(27,61,143,.1) 18%, rgba(5,200,255,.3) 50%, rgba(27,61,143,.1) 82%, transparent 100%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.88) !important;
  pointer-events: none !important;
}

body #MainContent .nerdvana-favorites-page__header::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: .19rem !important;
  width: 13px !important;
  height: 13px !important;
  transform: translateX(-50%) rotate(45deg) !important;
  border-radius: 2px !important;
  border: 1px solid rgba(5,200,255,.36) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(238,247,252,.88)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.9) inset,
    0 0 14px rgba(5,200,255,.16),
    0 1px 5px rgba(13,31,70,.08) !important;
  pointer-events: none !important;
}

body #MainContent .nerdvana-favorites-page__eyebrow {
  margin: 0 0 .82rem !important;
  color: rgba(27,61,143,.68) !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: .94rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

body #MainContent .nerdvana-favorites-page__title {
  margin: 0 !important;
  color: var(--nerdvana-heading) !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: clamp(3rem, 4.2vw, 6.2rem) !important;
  font-weight: 400 !important;
  line-height: .98 !important;
  letter-spacing: .19em !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.92), 0 0 14px rgba(5,200,255,.055) !important;
}

body #MainContent .nerdvana-favorites-page__intro {
  max-width: 620px !important;
  margin: 1.15rem auto 0 !important;
  color: rgba(36,54,95,.68) !important;
  font-family: Montserrat, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 1.18rem !important;
  line-height: 1.75 !important;
  letter-spacing: .018em !important;
}

body #MainContent .nerdvana-favorites-page__content {
  /*
    Favoriten Grid Center Lock:
    Der Header bleibt im normalen Favoriten-Shell-Kontext.
    Nur das Produktgrid bricht sauber auf die Seitenmitte aus,
    damit die 5er-Reihe exakt mittig im Viewport sitzt.
  */
  width: 100vw !important;
  max-width: none !important;
  min-height: 20rem !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

body #MainContent .nerdvana-favorites-page__state {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 18rem !important;
  color: rgba(36,54,95,.62) !important;
  font-family: Montserrat, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 1.08rem !important;
}

/* Favoriten-Grid: gleiche mittige 5er-Bühne wie Bestseller/Homepage */
body #MainContent .nerdvana-favorites-product-grid,
body #MainContent .nerdvana-favorites-page #ProductGridContainer {
  width: min(1920px, calc(100vw - 6.4rem)) !important;
  max-width: 1920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}

@media screen and (min-width: 990px) {
  body #MainContent .nerdvana-favorites-page #ProductGridContainer .product-grid,
  body #MainContent .nerdvana-favorites-page #ProductGridContainer .grid,
  body #MainContent .nerdvana-favorites-page #product-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    column-gap: 1.6rem !important;
    row-gap: 2rem !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    list-style: none !important;
    justify-content: center !important;
    justify-items: stretch !important;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  body #MainContent .nerdvana-favorites-page #ProductGridContainer .product-grid,
  body #MainContent .nerdvana-favorites-page #ProductGridContainer .grid,
  body #MainContent .nerdvana-favorites-page #product-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 1.4rem !important;
    row-gap: 1.6rem !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    list-style: none !important;
    justify-content: center !important;
    justify-items: stretch !important;
  }
}

@media screen and (max-width: 749px) {
  body #MainContent .nerdvana-favorites-product-grid,
  body #MainContent .nerdvana-favorites-page #ProductGridContainer {
    width: calc(100vw - 2.8rem) !important;
  }

  body #MainContent .nerdvana-favorites-page #ProductGridContainer .product-grid,
  body #MainContent .nerdvana-favorites-page #ProductGridContainer .grid,
  body #MainContent .nerdvana-favorites-page #product-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 1rem !important;
    row-gap: 1.2rem !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    list-style: none !important;
    justify-content: center !important;
    justify-items: stretch !important;
  }
}

/* Kachelkörper exakt wie Collection-Master */
body #MainContent .nerdvana-favorites-page #product-grid .grid__item,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .grid__item {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  border: 1px solid rgba(27,61,143,.12) !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 18px 42px rgba(13,31,70,.08), 0 6px 16px rgba(13,31,70,.045), 0 0 0 1px rgba(255,255,255,.82) inset !important;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  --nerdvana-card-refraction-x: 50%;
  --nerdvana-card-refraction-y: 18%;
  --nerdvana-card-tilt-x: 0;
  --nerdvana-card-tilt-y: 0;
  transform-style: preserve-3d !important;
  transition: border-color .28s ease, box-shadow .28s ease, transform .28s ease, background .28s ease !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .grid__item::before,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .grid__item::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 7 !important;
  pointer-events: none !important;
  border-radius: 22px !important;
  padding: 5px !important;
  background: linear-gradient(180deg,rgba(255,255,255,.98)0,rgba(247,250,253,.96)42%,rgba(225,232,237,.82)100%)border-box !important;
  -webkit-mask: linear-gradient(#000 0 0)content-box,linear-gradient(#000 0 0)border-box !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.88),inset 0 12px 20px rgba(255,255,255,.42),inset 0 -12px 20px rgba(27,61,143,.035),0 0 16px rgba(5,200,255,.035) !important;
  transition: background .28s ease,box-shadow .28s ease,opacity .28s ease !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .grid__item:hover,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .grid__item:hover {
  background: radial-gradient(circle at var(--nerdvana-card-refraction-x)var(--nerdvana-card-refraction-y),rgba(255,255,255,.34)0,rgba(255,255,255,.13)16%,rgba(5,200,255,.035)27%,transparent 42%),linear-gradient(180deg,rgba(255,255,255,.98)0,rgba(252,253,254,.96)46%,rgba(246,249,252,.98)100%) !important;
  border-color: rgba(5,200,255,.24) !important;
  box-shadow: 0 26px 54px rgba(13,31,70,.105),0 12px 24px rgba(13,31,70,.045),0 0 18px rgba(5,200,255,.055),0 2px 3px rgba(255,255,255,.78)inset,0 0 0 1px rgba(255,255,255,.94)inset,0 -14px 24px rgba(188,198,205,.036)inset !important;
  transform: translateY(-4px)rotateX(var(--nerdvana-card-tilt-y))rotateY(var(--nerdvana-card-tilt-x)) !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .grid__item:hover::before,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .grid__item:hover::before {
  background: linear-gradient(180deg,rgba(255,255,255,1)0,rgba(248,251,253,.98)38%,rgba(205,216,224,.86)100%)border-box !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.94),inset 0 13px 22px rgba(255,255,255,.48),inset 0 -12px 20px rgba(27,61,143,.04),0 0 18px rgba(5,200,255,.06) !important;
}

/* Dawn-Kartenbasis exakt wie Collection-Master */
body #MainContent .nerdvana-favorites-page #product-grid .card-wrapper,
body #MainContent .nerdvana-favorites-page #product-grid .card,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card-wrapper,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card {
  height: 100% !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .card__inner,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card__inner {
  background: transparent !important;
  border-bottom: 1px solid rgba(5,200,255,.34) !important;
  overflow: hidden !important;
  transition: border-color .28s ease,box-shadow .28s ease !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .grid__item:hover .card__inner,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .grid__item:hover .card__inner {
  border-bottom-color: rgba(5,200,255,.48) !important;
  box-shadow: 0 1px 0 rgba(5,200,255,.18) !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .card__inner.ratio,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card__inner.ratio {
  --ratio-percent: 82% !important;
}

/* Bildbereich exakt wie Collection-Master */
body #MainContent .nerdvana-favorites-page #product-grid .card__media,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card__media {
  position: relative !important;
  isolation: isolate !important;
  background: #fff !important;
  border-bottom: 0 !important;
  overflow: hidden !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .card__media::after,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card__media::after {
  content: "" !important;
  position: absolute !important;
  top: -22% !important;
  bottom: -22% !important;
  left: -48% !important;
  z-index: 3 !important;
  width: 18% !important;
  pointer-events: none !important;
  background: linear-gradient(108deg,transparent 0,rgba(255,255,255,0)16%,rgba(255,255,255,.18)42%,rgba(232,248,255,.1)50%,rgba(255,255,255,.12)58%,rgba(255,255,255,0)84%,transparent 100%) !important;
  opacity: 0 !important;
  filter: blur(.22px) !important;
  transform: translateX(-90%)skewX(-16deg) !important;
  transition: opacity .22s ease,transform .72s cubic-bezier(.16,1,.3,1) !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .grid__item:hover .card__media::after,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .grid__item:hover .card__media::after {
  opacity: .46 !important;
  transform: translateX(620%)skewX(-16deg) !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .card__media img,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: brightness(1.075)contrast(1.045)saturate(1.025) !important;
  transition: transform .45s ease,filter .45s ease !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .grid__item:hover .card__media img,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .grid__item:hover .card__media img {
  transform: scale(1.028) !important;
  filter: brightness(1.075)contrast(1.045)saturate(1.025) !important;
}

/* Inneren Dawn-Doppelcontent im Bildbereich wie Collection-Master behandeln */
body #MainContent .nerdvana-favorites-page #product-grid .card__inner .card__content,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card__inner .card__content {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .card__inner .card__information,
body #MainContent .nerdvana-favorites-page #product-grid .card__inner .card__heading,
body #MainContent .nerdvana-favorites-page #product-grid .card__inner .card-information,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card__inner .card__information,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card__inner .card__heading,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card__inner .card-information {
  display: none !important;
}

/* Sale-Badge exakt wie Collection-Master */
body #MainContent .nerdvana-favorites-page #product-grid .card__inner .card__badge,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card__inner .card__badge {
  display: flex !important;
  position: absolute !important;
  left: 1.55rem !important;
  top: 1.55rem !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .card__badge .badge,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card__badge .badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.8rem !important;
  padding: .45rem 1rem !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(5,200,255,.42) !important;
  border-radius: 999px !important;
  color: #1b3d8f !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: .92rem !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: none !important;
  box-shadow: 0 6px 14px rgba(13,31,70,.1),0 0 10px rgba(5,200,255,.1),0 0 0 1px rgba(255,255,255,.78)inset !important;
}

/* Favoriten-Herz exakt wie Collection-Master */
body #MainContent .nerdvana-favorites-page #product-grid .card-wrapper .nerdvana-favorite-button--card,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card-wrapper .nerdvana-favorite-button--card {
  width: 3.35rem !important;
  height: 3.35rem !important;
  min-width: 3.35rem !important;
  min-height: 3.35rem !important;
  top: 1.35rem !important;
  right: 1.35rem !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .card-wrapper .nerdvana-favorite-button--card .nerdvana-favorite-button__icon,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card-wrapper .nerdvana-favorite-button--card .nerdvana-favorite-button__icon {
  width: 1.62rem !important;
  height: 1.62rem !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .card-wrapper .nerdvana-favorite-button--card .nerdvana-favorite-button__icon path,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card-wrapper .nerdvana-favorite-button--card .nerdvana-favorite-button__icon path {
  stroke-width: 1.65 !important;
}

/* Unterer Textbereich exakt wie Collection-Master */
body #MainContent .nerdvana-favorites-page #product-grid .card > .card__content,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card > .card__content {
  display: block !important;
  background: #fff !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .card > .card__content .card__badge,
body #MainContent .nerdvana-favorites-page #product-grid .card > .card__content .price__badges,
body #MainContent .nerdvana-favorites-page #product-grid .card > .card__content .price__badge-sale,
body #MainContent .nerdvana-favorites-page #product-grid .card > .card__content .price__badge-sold-out,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card > .card__content .card__badge,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card > .card__content .price__badges,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card > .card__content .price__badge-sale,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card > .card__content .price__badge-sold-out {
  display: none !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .card__information,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card__information {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding: 2rem 1.4rem 2.1rem !important;
  min-height: 150px !important;
  background: #fff !important;
  text-align: center !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .card__heading,
body #MainContent .nerdvana-favorites-page #product-grid .card__heading.h5,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card__heading,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card__heading.h5 {
  margin: 0 !important;
  min-height: 4.2em !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  text-transform: uppercase !important;
  font-size: 1.18rem !important;
  line-height: 1.34 !important;
  letter-spacing: .075em !important;
  font-weight: 500 !important;
  color: #1b3d8f !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .card__heading a,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card__heading a {
  color: #1b3d8f !important;
  text-decoration: none !important;
  transition: color .28s ease,text-shadow .28s ease !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .grid__item:hover .card__heading a,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .grid__item:hover .card__heading a {
  color: #0d1f46 !important;
  text-shadow: 0 0 10px rgba(5,200,255,.12) !important;
}

/* Preisbereich exakt wie Collection-Master */
body #MainContent .nerdvana-favorites-page #product-grid .card-information,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .card-information {
  margin-top: auto !important;
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  text-align: center !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .price,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .price {
  width: 100% !important;
  margin-top: 1.15rem !important;
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.25 !important;
  letter-spacing: .04em !important;
  color: #1b3d8f !important;
  font-weight: inherit !important;
  transition: color .28s ease,text-shadow .28s ease !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .price__container,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .price__container {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .price:not(.price--on-sale) .price__regular,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .price:not(.price--on-sale) .price__regular {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  text-align: center !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .price:not(.price--on-sale) .price__sale,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .price:not(.price--on-sale) .price__sale {
  display: none !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .price:not(.price--on-sale) .price-item--regular,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .price:not(.price--on-sale) .price-item--regular {
  display: block !important;
  font-size: 1.18rem !important;
  font-weight: 700 !important;
  color: #1b3d8f !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .price--on-sale .price__regular,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .price--on-sale .price__regular {
  display: none !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .price--on-sale .price__sale,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .price--on-sale .price__sale {
  display: flex !important;
  flex-direction: column-reverse !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  text-align: center !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .price--on-sale .price-item--sale,
body #MainContent .nerdvana-favorites-page #product-grid .price--on-sale .price-item--last,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .price--on-sale .price-item--sale,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .price--on-sale .price-item--last {
  display: block !important;
  font-size: 1.22rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  color: #1b3d8f !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .price--on-sale s,
body #MainContent .nerdvana-favorites-page #product-grid .price--on-sale .price-item--regular,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .price--on-sale s,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .price--on-sale .price-item--regular {
  display: block !important;
  margin-top: .45rem !important;
  font-size: .95rem !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  color: rgba(27,61,143,.48) !important;
  text-decoration-thickness: 1px !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .price__badges,
body #MainContent .nerdvana-favorites-page #product-grid .price__badge-sale,
body #MainContent .nerdvana-favorites-page #product-grid .price__badge-sold-out,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .price__badges,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .price__badge-sale,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .price__badge-sold-out {
  display: none !important;
}

body #MainContent .nerdvana-favorites-page #product-grid .grid__item:hover .price,
body #MainContent .nerdvana-favorites-page #product-grid .grid__item:hover .price *,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .grid__item:hover .price,
body #MainContent .nerdvana-favorites-page #ProductGridContainer .grid__item:hover .price * {
  color: #0d1f46 !important;
  text-shadow: 0 0 8px rgba(5,200,255,.1) !important;
}

/* Empty State bleibt eigenständig */
body #MainContent .nerdvana-favorites-page__empty {
  width: min(720px, 100%) !important;
  margin: 0 auto !important;
  padding: clamp(3.4rem, 4vw, 5.2rem) 2.2rem !important;
  border-radius: 28px !important;
  border: 1px solid rgba(225,232,237,.92) !important;
  background:
    radial-gradient(ellipse at 50% 0, rgba(255,255,255,.9) 0, rgba(255,255,255,.28) 42%, transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(246,249,253,.58)) !important;
  box-shadow:
    0 22px 46px rgba(13,31,70,.075),
    0 0 0 1px rgba(255,255,255,.9) inset !important;
  text-align: center !important;
}

body #MainContent .nerdvana-favorites-page__empty-icon {
  margin: 0 auto 1.2rem !important;
  color: rgba(27,61,143,.72) !important;
  font-size: 3.4rem !important;
  line-height: 1 !important;
  text-shadow: 0 0 13px rgba(5,200,255,.12) !important;
}

body #MainContent .nerdvana-favorites-page__empty h2 {
  margin: 0 0 .9rem !important;
  color: #0d1f46 !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: clamp(1.8rem, 2vw, 2.7rem) !important;
  font-weight: 400 !important;
  line-height: 1.16 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

body #MainContent .nerdvana-favorites-page__empty p {
  max-width: 480px !important;
  margin: 0 auto 1.8rem !important;
  color: rgba(36,54,95,.68) !important;
  font-family: Montserrat, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 1.08rem !important;
  line-height: 1.7 !important;
}

body #MainContent .nerdvana-favorites-page__empty-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 4.4rem !important;
  padding: 0 1.8rem !important;
  border-radius: 14px !important;
  border: 1px solid rgba(5,200,255,.25) !important;
  background: rgba(255,255,255,.76) !important;
  color: #102b66 !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: .94rem !important;
  font-weight: 700 !important;
  letter-spacing: .085em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow:
    0 10px 22px rgba(13,31,70,.058),
    0 1px 2px rgba(255,255,255,.9) inset,
    0 0 0 1px rgba(255,255,255,.88) inset !important;
}

body #MainContent .nerdvana-favorites-page__empty-link:hover {
  color: #1b3d8f !important;
  border-color: rgba(5,200,255,.32) !important;
  box-shadow:
    0 13px 28px rgba(13,31,70,.075),
    0 0 15px rgba(5,200,255,.08),
    0 1px 2px rgba(255,255,255,.92) inset,
    0 0 0 1px rgba(255,255,255,.9) inset !important;
}

@media screen and (max-width: 899px) {
  body #MainContent .nerdvana-favorites-product-grid,
  body #MainContent .nerdvana-favorites-page #ProductGridContainer {
    width: calc(100vw - 2.8rem) !important;
  }
}

@media screen and (max-width: 549px) {
  body #MainContent .nerdvana-favorites-page__title {
    letter-spacing: .14em !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body #MainContent .nerdvana-favorites-page #product-grid .grid__item,
  body #MainContent .nerdvana-favorites-page #ProductGridContainer .grid__item,
  body #MainContent .nerdvana-favorites-page #product-grid .card__media img,
  body #MainContent .nerdvana-favorites-page #ProductGridContainer .card__media img {
    transition-duration: .01ms !important;
    transform: none !important;
  }

  body #MainContent .nerdvana-favorites-page #product-grid .card__media::after,
  body #MainContent .nerdvana-favorites-page #ProductGridContainer .card__media::after {
    display: none !important;
    transition: none !important;
  }
}

/* =========================================
PRODUKTKARTEN – 3D Model-Viewer Hover
Ergänzt Video-Hover, ohne Video-Regel zu verändern
========================================= */
.card__media model-viewer.nerdvana-card-hover-model {
  position: absolute !important;
  /*
  Schärfere interne Renderauflösung:
  260% groß rendern und optisch wieder auf ungefähr die bisherige Größe bringen.
  Der Modelviewer bleibt sichtbar im Layout, aber unsichtbar,
  bis die Produktkarte per JS als vorbereitet markiert wurde.
  */
  left: -80% !important;
  top: -80% !important;
  width: 260% !important;
  height: 260% !important;
  /*
  Feinjustierung:
  X positiv = Vorschau nach rechts
  X negativ = Vorschau nach links
  Y positiv = Vorschau nach unten
  Y negativ = Vorschau nach oben
  */
--nerdvana-card-model-x: 80%;
  --nerdvana-card-model-y: 2%;
  /*
  Größenhebel:
  Sichtbare 3D-Hover-Preview wird zentral für alle Produktkacheln skaliert.
  Größer = mehr Showcase-Präsenz.
  Kleiner = mehr Weißraum.
  */
  --nerdvana-card-model-scale: .65;
  transform: translate(var(--nerdvana-card-model-x),var(--nerdvana-card-model-y))scale(var(--nerdvana-card-model-scale)) !important;
  transform-origin: center center !important;
  z-index: 4 !important;
  display: block !important;
  opacity: 0 !important;
  visibility: visible !important;
  background: transparent !important;
  --poster-color: transparent;
  pointer-events: none !important;
  transition: opacity .18s ease !important;
}
@media (hover: hover) and (pointer: fine) {
  /*
  Grundzustand:
  Bei Produktkarten mit 3D-Hover bleibt das normale Produktbild sichtbar,
  solange die Karte noch nicht per JS freigegeben wurde.
  */
  .card-wrapper:has(model-viewer.nerdvana-card-hover-model) .card__media .media > img:first-child {
    position: relative !important;
    z-index: 6 !important;
    opacity: 1 !important;
    transition: opacity .18s ease,filter .22s ease !important;
  }
  /*
  Ohne Freigabe-Klasse wird der Modelviewer beim Hover noch nicht angezeigt.
  Das versteckt das kleine Erst-Render-Aufploppen.
  */
  .card-wrapper:has(model-viewer.nerdvana-card-hover-model):hover model-viewer.nerdvana-card-hover-model {
    opacity: 0 !important;
    visibility: visible !important;
  }
  /*
  Sofortige Premium-Reaktion, falls die Karte beim ersten Hover noch nicht bereit ist:
  kein totes "es passiert nichts", sondern ein minimaler Crystal-Focus auf dem Produktbild.
  */
  .card-wrapper:not(.nerdvana-card-model-hover-ready):has(model-viewer.nerdvana-card-hover-model):hover .card__media .media > img:first-child {
    opacity: 1 !important;
    filter: brightness(1.065)contrast(1.035)saturate(1.02) !important;
  }
  /*
  READY bedeutet ab jetzt nur:
  Modelviewer ist vorbereitet.

  Der harte Bildwechsel passiert erst bei ACTIVE.
  PENDING gibt dem Viewer nach Hover eine kurze Wake-/Paint-Phase,
  während das normale Produktbild sichtbar bleibt.
  */
  .card-wrapper.nerdvana-card-model-hover-ready:not(.nerdvana-card-model-hover-active):has(model-viewer.nerdvana-card-hover-model):hover model-viewer.nerdvana-card-hover-model,
  .card-wrapper.nerdvana-card-model-hover-pending:has(model-viewer.nerdvana-card-hover-model):hover model-viewer.nerdvana-card-hover-model {
    opacity: .01 !important;
    visibility: visible !important;
  }

  .card-wrapper.nerdvana-card-model-hover-ready:not(.nerdvana-card-model-hover-active):has(model-viewer.nerdvana-card-hover-model):hover .card__media .media > img:first-child,
  .card-wrapper.nerdvana-card-model-hover-pending:has(model-viewer.nerdvana-card-hover-model):hover .card__media .media > img:first-child {
    opacity: 1 !important;
    filter: brightness(1.065) contrast(1.035) saturate(1.02) !important;
  }

  /*
  Erst ACTIVE darf die Preview wirklich übernehmen.
  */
  .card-wrapper.nerdvana-card-model-hover-active:has(model-viewer.nerdvana-card-hover-model):hover model-viewer.nerdvana-card-hover-model {
    opacity: 1 !important;
    visibility: visible !important;
  }

  .card-wrapper.nerdvana-card-model-hover-active:has(model-viewer.nerdvana-card-hover-model):hover .card__media .media > img:first-child {
    opacity: 0 !important;
  }
}
@media (hover: none), (pointer: coarse) {
  .card__media model-viewer.nerdvana-card-hover-model {
    display: none !important;
  }
}
/* 3D-Hover: schwarzen Hintergrund/Balken hinter dem Viewer verhindern */
.card-wrapper:has(model-viewer.nerdvana-card-hover-model) .card__media,
.card-wrapper:has(model-viewer.nerdvana-card-hover-model) .media,
.card-wrapper:has(model-viewer.nerdvana-card-hover-model) .card__inner {
  background: #fff !important;
}

/* =========================================
STARTSEITE – Nerdvana Trust Promise Section V1.4
Näher an Trustblock_2:
fokussierter Showcase, sichtbarer Top-Diamond,
größere Einzelkarten statt kleiner Kartenleiste
========================================= */

.nerdvana-trust-promise {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  padding:
    clamp(4.8rem, 6vw, 7.8rem)
    0
    clamp(5rem, 6.4vw, 8.4rem) !important;
  background:
    radial-gradient(ellipse at 50% 20%, rgba(255,255,255,.88) 0, rgba(238,247,252,.11) 42%, rgba(247,249,252,0) 78%),
    linear-gradient(180deg, rgba(247,249,252,0) 0%, rgba(242,247,250,.06) 100%) !important;

  --nerdvana-trust-width: 1370px;
  --nerdvana-trust-radius: clamp(28px, 2.2vw, 38px);
}

.nerdvana-trust-promise__shell {
  position: relative !important;
  isolation: isolate !important;
  width: min(calc(100% - clamp(3.2rem, 11vw, 18rem)), var(--nerdvana-trust-width)) !important;
  max-width: var(--nerdvana-trust-width) !important;
  margin: 0 auto !important;
}

.nerdvana-trust-promise__panel {
  position: relative !important;
  overflow: hidden !important;
  border-radius: var(--nerdvana-trust-radius) !important;
  border: 1px solid rgba(185, 216, 235, .66) !important;
  background:
    radial-gradient(ellipse at 50% 0, rgba(255,255,255,.96) 0, rgba(239,248,253,.32) 38%, rgba(247,249,252,0) 74%),
    radial-gradient(ellipse at 50% 100%, rgba(5,200,255,.016) 0, rgba(5,200,255,0) 48%),
    linear-gradient(180deg, rgba(255,255,255,.90) 0%, rgba(247,251,253,.88) 52%, rgba(238,247,252,.90) 100%) !important;
  box-shadow:
    0 34px 76px rgba(13,31,70,.085),
    0 14px 34px rgba(13,31,70,.040),
    0 0 0 1px rgba(255,255,255,.82) inset,
    0 1px 0 rgba(255,255,255,.98) inset,
    0 -1px 0 rgba(150,178,194,.14) inset !important;
  padding:
    clamp(3.7rem, 4.9vw, 6.2rem)
    clamp(2.2rem, 4.2vw, 5.4rem)
    clamp(3.1rem, 4vw, 5.2rem) !important;
}

.nerdvana-trust-promise__panel::before {
  content: "" !important;
  position: absolute !important;
  inset: clamp(.72rem, .82vw, 1rem) !important;
  z-index: 0 !important;
  border-radius: calc(var(--nerdvana-trust-radius) - 10px) !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  box-shadow:
    0 0 0 1px rgba(205,226,236,.30) inset,
    0 1px 0 rgba(255,255,255,.88) inset !important;
  pointer-events: none !important;
}

.nerdvana-trust-promise__header,
.nerdvana-trust-promise__cards,
.nerdvana-trust-promise__footer {
  position: relative !important;
  z-index: 1 !important;
}

.nerdvana-trust-promise__header {
  max-width: 850px !important;
  margin: 0 auto clamp(2.65rem, 3.15vw, 4rem) !important;
  text-align: center !important;
}

.nerdvana-trust-promise__ornament {
  position: relative !important;
  width: min(34rem, 64%) !important;
  height: 1.8rem !important;
  margin: 0 auto clamp(1.25rem, 1.4vw, 1.8rem) !important;
}

.nerdvana-trust-promise__ornament::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 50% !important;
  height: 1px !important;
  background:
    linear-gradient(90deg,
      transparent 0,
      rgba(205,216,224,.46) 22%,
      rgba(5,200,255,.24) 50%,
      rgba(205,216,224,.46) 78%,
      transparent 100%) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.88),
    0 0 14px rgba(5,200,255,.07) !important;
}

.nerdvana-trust-promise__ornament::after {
  content: none !important;
}

.nerdvana-trust-promise__ornament span {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 18px !important;
  height: 18px !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
  border: 1px solid rgba(5,200,255,.42) !important;
  border-radius: 3px !important;
  background:
    linear-gradient(135deg,
      rgba(255,255,255,.98) 0,
      rgba(236,249,253,.92) 46%,
      rgba(5,200,255,.20) 100%) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.92) inset,
    0 0 14px rgba(5,200,255,.20),
    0 0 26px rgba(27,61,143,.06) !important;
}

.nerdvana-trust-promise__eyebrow {
  margin: 0 0 1.15rem !important;
  color: rgba(27,61,143,.72) !important;
  font-family: Montserrat, system-ui, sans-serif !important;
  font-size: clamp(.78rem, .76vw, .94rem) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: .30em !important;
  text-transform: uppercase !important;
}

.nerdvana-trust-promise__heading,
h2.nerdvana-trust-promise__heading {
  margin: 0 auto 1.08rem !important;
  color: #10224f !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: clamp(4rem, 4.6vw, 6.9rem) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: .98 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.96),
    0 0 16px rgba(5,200,255,.045) !important;
  font-feature-settings: "liga" 1, "kern" 1 !important;
  font-kerning: normal !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: geometricPrecision !important;
}

.nerdvana-trust-promise__heading span,
h2.nerdvana-trust-promise__heading span {
  display: block !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

.nerdvana-trust-promise__accent {
  display: block !important;
  width: 54px !important;
  height: 2px !important;
  margin: 0 auto 2.05rem !important;
  border-radius: 999px !important;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0) 0%,
      rgba(5,200,255,.42) 22%,
      rgba(5,200,255,.92) 50%,
      rgba(5,200,255,.42) 78%,
      rgba(255,255,255,0) 100%) !important;
  box-shadow:
    0 0 13px rgba(5,200,255,.18),
    0 1px 0 rgba(255,255,255,.9) !important;
  opacity: 1 !important;
}

.nerdvana-trust-promise__intro {
  max-width: 710px !important;
  margin: 0 auto !important;
  color: rgba(16,43,102,.72) !important;
  font-family: Montserrat, system-ui, sans-serif !important;
  font-size: clamp(1.18rem, 1.08vw, 1.38rem) !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  letter-spacing: .012em !important;
}

.nerdvana-trust-promise__intro p {
  margin: 0 !important;
}

.nerdvana-trust-promise__cards {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(1.55rem, 2.2vw, 2.9rem) !important;
  align-items: stretch !important;
  width: min(1040px, 100%) !important;
  max-width: 1040px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.nerdvana-trust-promise__card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 174px !important;
  padding: 1.45rem 1.18rem 1.3rem !important;
  border-radius: 18px !important;
  border: 1px solid rgba(195,219,234,.68) !important;
  background:
    radial-gradient(ellipse at 50% 0, rgba(255,255,255,.88) 0, rgba(255,255,255,.34) 46%, transparent 76%),
    linear-gradient(180deg, rgba(255,255,255,.70) 0%, rgba(247,251,253,.66) 100%) !important;
  box-shadow:
    0 14px 28px rgba(13,31,70,.052),
    0 0 0 1px rgba(255,255,255,.80) inset,
    0 1px 0 rgba(255,255,255,.94) inset,
    0 -1px 0 rgba(150,178,194,.10) inset !important;
  text-align: center !important;
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease !important;
}

.nerdvana-trust-promise__card::before {
  content: "" !important;
  position: absolute !important;
  left: 16% !important;
  right: 16% !important;
  top: 0 !important;
  height: 1px !important;
  background:
    linear-gradient(90deg,
      transparent,
      rgba(255,255,255,.92),
      rgba(5,200,255,.12),
      rgba(255,255,255,.92),
      transparent) !important;
  pointer-events: none !important;
}

.nerdvana-trust-promise__card + .nerdvana-trust-promise__card::before {
  display: block !important;
  left: 16% !important;
  top: 0 !important;
  bottom: auto !important;
  width: auto !important;
}

.nerdvana-trust-promise__card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(5,200,255,.25) !important;
  background:
    radial-gradient(ellipse at 50% 0, rgba(255,255,255,.96) 0, rgba(240,250,254,.46) 48%, transparent 78%),
    linear-gradient(180deg, rgba(255,255,255,.78) 0%, rgba(241,249,253,.70) 100%) !important;
  box-shadow:
    0 18px 34px rgba(13,31,70,.064),
    0 0 18px rgba(5,200,255,.06),
    0 0 0 1px rgba(255,255,255,.86) inset,
    0 1px 0 rgba(255,255,255,.96) inset !important;
}

.nerdvana-trust-promise__icon-wrap {
  margin: 0 0 1.02rem !important;
}

.nerdvana-trust-promise__icon-chip {
  width: 62px !important;
  height: 62px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 18px !important;
  border: 1px solid rgba(196,221,236,.92) !important;
  background:
    radial-gradient(circle at 50% 0,
      rgba(255,255,255,.98) 0%,
      rgba(255,255,255,.48) 46%,
      rgba(255,255,255,0) 78%),
    linear-gradient(180deg,
      rgba(255,255,255,.96) 0%,
      rgba(241,248,252,.92) 100%) !important;
  box-shadow:
    0 10px 22px rgba(13,31,70,.048),
    0 0 0 1px rgba(255,255,255,.86) inset,
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(150,178,194,.10) !important;
  color: #05c8ff !important;
}

.nerdvana-trust-promise__glyph {
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  overflow: visible !important;
  fill: none !important;
  color: currentColor !important;
  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,.82))
    drop-shadow(0 0 5px rgba(5,200,255,.12)) !important;
}

.nerdvana-trust-promise__glyph path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.75 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  vector-effect: non-scaling-stroke !important;
}

.nerdvana-trust-promise__glyph--diamond path,
.nerdvana-trust-promise__glyph--box path {
  stroke-width: 1.65 !important;
}

.nerdvana-trust-promise__glyph--shield path,
.nerdvana-trust-promise__glyph--headset path {
  stroke-width: 1.8 !important;
}

.nerdvana-trust-promise__card-title {
  margin: 0 0 .72rem !important;
  color: #1b3d8f !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: .96rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
}

.nerdvana-trust-promise__card-text {
  max-width: 18rem !important;
  margin: 0 auto !important;
  color: rgba(16,43,102,.68) !important;
  font-family: Montserrat, system-ui, sans-serif !important;
  font-size: .94rem !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  letter-spacing: .004em !important;
}

.nerdvana-trust-promise__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .8rem !important;
  max-width: 820px !important;
  margin: clamp(2rem, 2.35vw, 3rem) auto 0 !important;
  color: rgba(16,43,102,.68) !important;
  font-family: Montserrat, system-ui, sans-serif !important;
  font-size: 1.02rem !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: .035em !important;
  text-align: center !important;
}

.nerdvana-trust-promise__footer-icon {
  display: inline-flex !important;
  width: 19px !important;
  height: 19px !important;
  color: rgba(5,200,255,.86) !important;
  flex: 0 0 auto !important;
}

.nerdvana-trust-promise__footer-icon svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

@media screen and (max-width: 989px) {
  .nerdvana-trust-promise {
    padding:
      clamp(3.6rem, 8vw, 5rem)
      0
      clamp(3.8rem, 9vw, 5.5rem) !important;
  }

  .nerdvana-trust-promise__shell {
    width: min(100%, calc(100% - 2.4rem)) !important;
  }

  .nerdvana-trust-promise__panel {
    padding: 2.85rem 1.25rem 2.55rem !important;
    border-radius: 30px !important;
  }

  .nerdvana-trust-promise__header {
    margin-bottom: 2.25rem !important;
  }

  .nerdvana-trust-promise__heading,
  h2.nerdvana-trust-promise__heading {
    font-size: clamp(2.35rem, 8.2vw, 3.35rem) !important;
    line-height: 1.04 !important;
    letter-spacing: .095em !important;
  }

  .nerdvana-trust-promise__intro {
    font-size: 1rem !important;
    line-height: 1.72 !important;
  }

  .nerdvana-trust-promise__cards {
    width: min(620px, 100%) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .95rem !important;
  }

  .nerdvana-trust-promise__card {
    min-height: 166px !important;
    padding: 1.25rem .95rem 1.08rem !important;
  }

  .nerdvana-trust-promise__icon-chip {
    width: 54px !important;
    height: 54px !important;
  }

  .nerdvana-trust-promise__icon-chip svg {
    width: 27px !important;
    height: 27px !important;
  }

  .nerdvana-trust-promise__card-title {
    font-size: .86rem !important;
    letter-spacing: .12em !important;
  }

  .nerdvana-trust-promise__card-text {
    font-size: .84rem !important;
    line-height: 1.52 !important;
  }

  .nerdvana-trust-promise__footer {
    margin-top: 1.7rem !important;
    font-size: .92rem !important;
    flex-wrap: wrap !important;
  }
}

@media screen and (max-width: 479px) {
  .nerdvana-trust-promise__shell {
    width: calc(100% - 1.6rem) !important;
  }

  .nerdvana-trust-promise__panel {
    padding: 2.25rem .92rem 2rem !important;
    border-radius: 24px !important;
  }

  .nerdvana-trust-promise__eyebrow {
    font-size: .68rem !important;
    letter-spacing: .18em !important;
  }

  .nerdvana-trust-promise__heading,
  h2.nerdvana-trust-promise__heading {
    font-size: clamp(2.15rem, 7.6vw, 2.95rem) !important;
    line-height: 1.04 !important;
    letter-spacing: .095em !important;
  }

  .nerdvana-trust-promise__intro {
    font-size: .94rem !important;
  }

  .nerdvana-trust-promise__cards {
    grid-template-columns: 1fr !important;
  }

  .nerdvana-trust-promise__card {
    min-height: 142px !important;
  }
}

/* =========================================
MOBILE – Trust Promise Slideshow V1
Eine Trust-Kachel pro Ansicht, automatische Rotation per JS.
Nur Smartphone-Mobile. Desktop/Tablet bleiben unangetastet.
========================================= */

@media screen and (max-width: 749px) {
  .nerdvana-trust-promise.nerdvana-trust-slideshow-ready .nerdvana-trust-promise__panel {
    padding-bottom: clamp(2.1rem, 6vw, 2.8rem) !important;
  }

  .nerdvana-trust-promise.nerdvana-trust-slideshow-ready .nerdvana-trust-promise__cards {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: clamp(14.8rem, 42vw, 17.4rem) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
    isolation: isolate !important;
    overflow: visible !important;
  }

  .nerdvana-trust-promise.nerdvana-trust-slideshow-ready .nerdvana-trust-promise__cards::before {
    content: "" !important;
    position: absolute !important;
    left: 9% !important;
    right: 9% !important;
    bottom: -.78rem !important;
    z-index: 0 !important;
    height: 1.8rem !important;
    border-radius: 999px !important;
    background: radial-gradient(ellipse at center, rgba(5,200,255,.105) 0, rgba(5,200,255,.035) 38%, transparent 74%) !important;
    filter: blur(7px) !important;
    pointer-events: none !important;
  }

      .nerdvana-trust-promise.nerdvana-trust-slideshow-ready .nerdvana-trust-promise__card {
    grid-area: 1 / 1 !important;
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    min-height: clamp(14.8rem, 42vw, 17.4rem) !important;
    margin: 0 !important;
    padding: clamp(1.45rem, 4.3vw, 1.85rem) clamp(1.18rem, 4vw, 1.62rem) clamp(1.25rem, 3.8vw, 1.58rem) !important;
    overflow: hidden !important;
    isolation: isolate !important;
    border-radius: 20px !important;
    border: 1px solid rgba(184,222,240,.72) !important;

    background:
      radial-gradient(ellipse at 50% -18%, rgba(255,255,255,.98) 0, rgba(255,255,255,.56) 31%, transparent 62%),
      radial-gradient(ellipse at 14% 16%, rgba(5,200,255,.075) 0, rgba(5,200,255,.024) 34%, transparent 68%),
      radial-gradient(ellipse at 86% 78%, rgba(27,61,143,.045) 0, rgba(27,61,143,.014) 38%, transparent 72%),
      linear-gradient(180deg, rgba(255,255,255,.86) 0%, rgba(249,252,254,.72) 48%, rgba(238,247,252,.78) 100%) !important;

    box-shadow:
      0 22px 42px rgba(13,31,70,.075),
      0 9px 18px rgba(13,31,70,.045),
      0 0 20px rgba(5,200,255,.045),
      0 0 0 1px rgba(255,255,255,.86) inset,
      0 1px 0 rgba(255,255,255,.98) inset,
      0 -1px 0 rgba(132,170,190,.105) inset,
      0 -18px 28px rgba(205,225,236,.09) inset !important;

    /*
      Pseudo-Swipe-Grundzustand:
      Jede nicht aktive Karte wartet rechts außerhalb der Bühne.
    */
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(112%, 0, 0) scale(.985) !important;
    filter: saturate(.98) brightness(.995) !important;
    clip-path: none !important;

    transition:
      opacity .58s cubic-bezier(.16, 1, .3, 1),
      visibility .58s cubic-bezier(.16, 1, .3, 1),
      transform .58s cubic-bezier(.16, 1, .3, 1),
      filter .58s cubic-bezier(.16, 1, .3, 1),
      border-color .22s ease,
      box-shadow .22s ease,
      background .22s ease !important;

    will-change: opacity, transform, filter !important;
  }

  /*
    Obere Crystal-Kante / Glas-Bevel.
  */
  .nerdvana-trust-promise.nerdvana-trust-slideshow-ready .nerdvana-trust-promise__card::before {
    content: "" !important;
    position: absolute !important;
    left: clamp(1.1rem, 6vw, 2.2rem) !important;
    right: clamp(1.1rem, 6vw, 2.2rem) !important;
    top: 0 !important;
    z-index: 2 !important;
    display: block !important;
    width: auto !important;
    height: 1px !important;
    background:
      linear-gradient(
        90deg,
        transparent 0,
        rgba(255,255,255,.62) 16%,
        rgba(5,200,255,.26) 50%,
        rgba(255,255,255,.62) 84%,
        transparent 100%
      ) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.86),
      0 0 12px rgba(5,200,255,.11) !important;
    pointer-events: none !important;
  }

  /*
    Untere Lichtmulde: gibt der Kachel mehr Stand und weniger Flachheit.
  */
  .nerdvana-trust-promise.nerdvana-trust-slideshow-ready .nerdvana-trust-promise__card::after {
    content: "" !important;
    position: absolute !important;
    left: 12% !important;
    right: 12% !important;
    bottom: -.42rem !important;
    z-index: 0 !important;
    height: 2.2rem !important;
    border-radius: 999px !important;
    background:
      radial-gradient(ellipse at center, rgba(5,200,255,.14) 0, rgba(5,200,255,.046) 38%, transparent 76%) !important;
    filter: blur(8px) !important;
    opacity: .86 !important;
    pointer-events: none !important;
  }

  .nerdvana-trust-promise.nerdvana-trust-slideshow-ready .nerdvana-trust-promise__card > * {
    position: relative !important;
    z-index: 3 !important;
  }

  /*
    Neue aktive Karte:
    kommt von rechts in die Mitte und bekommt den stärksten Tiefen-Look.
  */
  .nerdvana-trust-promise.nerdvana-trust-slideshow-ready .nerdvana-trust-promise__card.is-active {
    z-index: 3 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    filter: none !important;
    clip-path: none !important;
    border-color: rgba(5,200,255,.24) !important;
    box-shadow:
      0 24px 46px rgba(13,31,70,.086),
      0 10px 20px rgba(13,31,70,.05),
      0 0 22px rgba(5,200,255,.065),
      0 0 0 1px rgba(255,255,255,.9) inset,
      0 1px 0 rgba(255,255,255,.98) inset,
      0 -1px 0 rgba(132,170,190,.115) inset,
      0 -18px 28px rgba(205,225,236,.105) inset !important;
  }

  /*
    Alte Karte:
    fährt zeitgleich nach links raus.
  */
  .nerdvana-trust-promise.nerdvana-trust-slideshow-ready .nerdvana-trust-promise__card.is-exiting {
    z-index: 2 !important;
    opacity: 0 !important;
    visibility: visible !important;
    pointer-events: none !important;
    transform: translate3d(-112%, 0, 0) scale(.985) !important;
    filter: saturate(.98) brightness(.995) !important;
    clip-path: none !important;
  }

  /*
    Bühne maskieren, damit der Pseudo-Swipe sauber wie ein echter Slider wirkt.
  */
  .nerdvana-trust-promise.nerdvana-trust-slideshow-ready .nerdvana-trust-promise__cards {
    overflow: hidden !important;
    border-radius: 20px !important;
  }

  .nerdvana-trust-promise.nerdvana-trust-slideshow-ready .nerdvana-trust-promise__icon-wrap {
    margin-bottom: clamp(.62rem, 2.6vw, .92rem) !important;
  }

  .nerdvana-trust-promise.nerdvana-trust-slideshow-ready .nerdvana-trust-promise__icon-chip {
    width: clamp(5.6rem, 15.5vw, 6.45rem) !important;
    height: clamp(5.6rem, 15.5vw, 6.45rem) !important;
    margin-bottom: .08rem !important;
    border-radius: 18px !important;
    border: 1px solid rgba(165,220,244,.78) !important;
    background:
      radial-gradient(circle at 50% 0, rgba(255,255,255,.98) 0, rgba(255,255,255,.58) 42%, transparent 72%),
      radial-gradient(circle at 50% 100%, rgba(5,200,255,.11) 0, rgba(5,200,255,.028) 44%, transparent 74%),
      linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(240,249,253,.78) 100%) !important;
    box-shadow:
      0 12px 22px rgba(13,31,70,.062),
      0 0 14px rgba(5,200,255,.06),
      0 0 0 1px rgba(255,255,255,.88) inset,
      0 1px 0 rgba(255,255,255,.98) inset,
      0 -1px 0 rgba(132,170,190,.13) inset !important;
  }

  .nerdvana-trust-promise.nerdvana-trust-slideshow-ready .nerdvana-trust-promise__glyph {
    filter:
      drop-shadow(0 1px 0 rgba(255,255,255,.9))
      drop-shadow(0 0 6px rgba(5,200,255,.22)) !important;
  }

  .nerdvana-trust-promise.nerdvana-trust-slideshow-ready .nerdvana-trust-promise__card-title {
    font-size: clamp(.9rem, 2.85vw, 1rem) !important;
    letter-spacing: .155em !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,.92),
      0 0 6px rgba(5,200,255,.045) !important;
  }

  .nerdvana-trust-promise.nerdvana-trust-slideshow-ready .nerdvana-trust-promise__card-text {
    max-width: 22rem !important;
    font-size: clamp(.86rem, 2.65vw, .94rem) !important;
    line-height: 1.6 !important;
    color: rgba(16,43,102,.68) !important;
  }

  .nerdvana-trust-promise__slideshow-dots {
    position: relative !important;
    z-index: 4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .58rem !important;
    margin: clamp(1.05rem, 3.5vw, 1.45rem) auto 0 !important;
    padding: 0 !important;
  }

  .nerdvana-trust-promise__dot {
    position: relative !important;
    display: block !important;
    width: 2.35rem !important;
    height: .42rem !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(185,216,235,.42) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.9),
      0 0 0 1px rgba(255,255,255,.55) inset !important;
    overflow: hidden !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  .nerdvana-trust-promise__dot::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, rgba(5,200,255,.18), rgba(5,200,255,.72), rgba(27,61,143,.34)) !important;
    transform: scaleX(0) !important;
    transform-origin: left center !important;
    opacity: 0 !important;
  }

  .nerdvana-trust-promise__dot.is-active::after {
    opacity: 1 !important;
    animation: nerdvana-trust-dot-progress 3.7s linear both !important;
  }

  .nerdvana-trust-promise__dot:focus-visible {
    outline: 2px solid rgba(5,200,255,.42) !important;
    outline-offset: 3px !important;
  }

  .nerdvana-trust-promise.nerdvana-trust-slideshow-ready .nerdvana-trust-promise__footer {
    margin-top: clamp(1.15rem, 3.6vw, 1.7rem) !important;
  }
}

@keyframes nerdvana-trust-dot-progress {
  0% {
    transform: scaleX(0);
  }

  100% {
    transform: scaleX(1);
  }
}

@media screen and (max-width: 749px) and (prefers-reduced-motion: reduce) {
  .nerdvana-trust-promise.nerdvana-trust-slideshow-ready .nerdvana-trust-promise__card {
    transition: none !important;
    filter: none !important;
    clip-path: none !important;
    will-change: auto !important;
  }

  .nerdvana-trust-promise__dot.is-active::after {
    animation: none !important;
    transform: scaleX(1) !important;
  }
}

/* =========================================
MOBILE – Product Card Badge + Favorite Chrome Lock V2
Finaler Mobile-Lock für Sale-Badge und Favoriten-Herz
Gilt für Collection, Suche, Neuheiten, Bestseller, Related und Favoriten
Nur Mobile: Desktop V1.0 und Collection-Master-Desktop bleiben unangetastet
========================================= */
@media screen and (max-width: 749px) {
  /*
    Finaler Mobile Sale-Badge Lock:
    Muss spät in der CSS stehen, weil Collection-/Search-Karten vorher
    durch Collection-Master-Sicherungen wieder größere Badges bekommen können.
  */
  body #MainContent .card__inner .card__badge,
  body #MainContent .card-wrapper .card__inner .card__badge,
  body #MainContent #ProductGridContainer .card__inner .card__badge,
  body #MainContent #product-grid .card__inner .card__badge,
  body #MainContent .collection .card__inner .card__badge,
  body #MainContent .search .card__inner .card__badge,
  body #MainContent #shopify-section-template--30569970172253__featured_collection .card__inner .card__badge,
  body #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .card__inner .card__badge,
  body #MainContent .related-products .card__inner .card__badge,
  body #MainContent product-recommendations .card__inner .card__badge,
  body #MainContent .nerdvana-favorites-page .card__inner .card__badge {
    display: flex !important;
    position: absolute !important;
    left: clamp(.72rem, 2.45vw, .98rem) !important;
    top: clamp(.72rem, 2.45vw, .98rem) !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 8 !important;
    pointer-events: none !important;
  }

  body #MainContent .card__badge .badge,
  body #MainContent .card-wrapper .card__badge .badge,
  body #MainContent #ProductGridContainer .card__badge .badge,
  body #MainContent #product-grid .card__badge .badge,
  body #MainContent .collection .card__badge .badge,
  body #MainContent .search .card__badge .badge,
  body #MainContent #shopify-section-template--30569970172253__featured_collection .card__badge .badge,
  body #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .card__badge .badge,
  body #MainContent .related-products .card__badge .badge,
  body #MainContent product-recommendations .card__badge .badge,
  body #MainContent .nerdvana-favorites-page .card__badge .badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 0 !important;
    width: auto !important;
    min-height: clamp(2.08rem, 5.8vw, 2.34rem) !important;
    padding:
      clamp(.22rem, .8vw, .32rem)
      clamp(.66rem, 2.15vw, .82rem) !important;

    border-radius: 999px !important;
    border: 1px solid rgba(5, 200, 255, .26) !important;
    background:
      linear-gradient(180deg,
        rgba(255,255,255,.90) 0,
        rgba(241,249,253,.74) 100%) !important;

    color: rgba(27, 61, 143, .82) !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: clamp(.64rem, 1.82vw, .74rem) !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: clamp(.035em, .14vw, .055em) !important;
    text-transform: uppercase !important;

    box-shadow:
      0 4px 10px rgba(13,31,70,.055),
      0 0 7px rgba(5,200,255,.045),
      0 0 0 1px rgba(255,255,255,.70) inset,
      0 1px 0 rgba(255,255,255,.82) inset !important;
  }

  /*
    Finaler Mobile Favoriten-Herz Lock:
    Größe bleibt Touch-sicher, Position wird mobil näher an die Ecke gezogen.
  */
  body #MainContent .card-wrapper .nerdvana-favorite-button--card,
  body #MainContent .card .nerdvana-favorite-button--card,
  body #MainContent #ProductGridContainer .card-wrapper .nerdvana-favorite-button--card,
  body #MainContent #product-grid .card-wrapper .nerdvana-favorite-button--card,
  body #MainContent .collection .card-wrapper .nerdvana-favorite-button--card,
  body #MainContent .search .card-wrapper .nerdvana-favorite-button--card,
  body #MainContent #shopify-section-template--30569970172253__featured_collection .card-wrapper .nerdvana-favorite-button--card,
  body #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .card-wrapper .nerdvana-favorite-button--card,
  body #MainContent .related-products .card-wrapper .nerdvana-favorite-button--card,
  body #MainContent product-recommendations .card-wrapper .nerdvana-favorite-button--card,
  body #MainContent .nerdvana-favorites-page .card-wrapper .nerdvana-favorite-button--card {
    top: clamp(.62rem, 2.15vw, .86rem) !important;
    right: clamp(.62rem, 2.15vw, .86rem) !important;

    width: 3rem !important;
    height: 3rem !important;
    min-width: 3rem !important;
    min-height: 3rem !important;

    z-index: 9 !important;
  }
}

/* =========================================
MOBILE – Product Card Title Wrap Lock V1
Keine Worttrennung in mobilen Produktkarten-Titeln
Gilt für Collection, Suche, Neuheiten, Bestseller, Related und Favoriten
Nur Mobile: Desktop V1.0 und Desktop-Produktkarten bleiben unangetastet
========================================= */
@media screen and (max-width: 749px) {
  /*
    Mobile Product Title Fit:
    Kein Wort darf mitten im Wort umbrechen.
    Stattdessen werden Schriftgröße und Letterspacing mobil fluid reduziert.
  */
  body #MainContent .card-wrapper .card__heading,
  body #MainContent .card-wrapper .card__heading.h5,
  body #MainContent .card .card__heading,
  body #MainContent .card .card__heading.h5,
  body #MainContent #ProductGridContainer .card__heading,
  body #MainContent #product-grid .card__heading,
  body #MainContent .collection .card__heading,
  body #MainContent .template-search__results .card__heading,
  body #MainContent #shopify-section-template--30569970172253__featured_collection .card__heading,
  body #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .card__heading,
  body #MainContent .related-products .card__heading,
  body #MainContent product-recommendations .card__heading,
  body #MainContent .nerdvana-favorites-page .card__heading {
    font-size: clamp(.82rem, 2.62vw, 1.04rem) !important;
    line-height: 1.22 !important;
    letter-spacing: clamp(.016em, .11vw, .048em) !important;

    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;

    text-wrap: balance !important;
  }

  body #MainContent .card-wrapper .card__heading a,
  body #MainContent .card-wrapper .card__heading .full-unstyled-link,
  body #MainContent .card .card__heading a,
  body #MainContent .card .card__heading .full-unstyled-link,
  body #MainContent #ProductGridContainer .card__heading a,
  body #MainContent #product-grid .card__heading a,
  body #MainContent .collection .card__heading a,
  body #MainContent .template-search__results .card__heading a,
  body #MainContent #shopify-section-template--30569970172253__featured_collection .card__heading a,
  body #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .card__heading a,
  body #MainContent .related-products .card__heading a,
  body #MainContent product-recommendations .card__heading a,
  body #MainContent .nerdvana-favorites-page .card__heading a {
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
  }

  /*
    Mobile Card Info:
    Etwas mehr kontrollierter Titelraum, damit längere Namen nicht
    sofort gegen Preis/Button gedrückt werden.
  */
  body #MainContent .card-wrapper .card__information,
  body #MainContent .card .card__information,
  body #MainContent #ProductGridContainer .card__information,
  body #MainContent #product-grid .card__information,
  body #MainContent .collection .card__information,
  body #MainContent .template-search__results .card__information,
  body #MainContent #shopify-section-template--30569970172253__featured_collection .card__information,
  body #MainContent #shopify-section-template--30569970172253__featured_collection_m48Bmb .card__information,
  body #MainContent .related-products .card__information,
  body #MainContent product-recommendations .card__information,
  body #MainContent .nerdvana-favorites-page .card__information {
    padding-left: clamp(.68rem, 2.3vw, .96rem) !important;
    padding-right: clamp(.68rem, 2.3vw, .96rem) !important;
  }
}

/* =========================================
MOBILE – Neuheiten Product Grid Parity V1
Neuheiten mobil wie Bestseller: 2 Spalten + optional 6. Mobile-Kachel
Nur Mobile: Desktop V1.0 bleibt unangetastet
========================================= */
@media screen and (max-width: 749px) {
  #shopify-section-template--30569970172253__featured_collection .product-grid,
  #shopify-section-template--30569970172253__featured_collection .grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: clamp(.82rem, 2.7vw, 1.12rem) !important;
    row-gap: clamp(1.08rem, 3.6vw, 1.55rem) !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    list-style: none !important;
  }

  #shopify-section-template--30569970172253__featured_collection .grid__item {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/*
  Mobile-only sixth Neuheiten item:
  Liquid rendert für die Neuheiten-Section einen 6. Artikel,
  damit das mobile 2-Spalten-Grid sauber mit 3 vollen Reihen endet.
  Ab Tablet/Desktop bleibt die Section optisch bei der Theme-Einstellung.
*/
@media screen and (min-width: 750px) {
  #shopify-section-template--30569970172253__featured_collection .grid__item.nerdvana-neuheiten-mobile-extra {
    display: none !important;
  }
}

/*
  Mobile Reveal-Timing für den zusätzlichen 6. Neuheiten-Artikel.
  Nur Mobile, damit Desktop-Timing unverändert bleibt.
*/
@media screen and (max-width: 749px) {
  html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection.nerdvana-home-section-visible .grid__item:nth-child(6) {
    transition-delay: 1.44s !important;
  }

  html.nerdvana-home-reveal-ready #shopify-section-template--30569970172253__featured_collection.nerdvana-home-section-visible :is(.center, .collection__view-all) {
    transition-delay: 1.72s !important;
  }
}

/* =========================================
MOBILE – Trust Mini Snap Slider V1
Ersetzt den breiten Trust-Banner mobil durch 4 lesbare Trust-Kacheln
Desktop-Banner bleibt unverändert
========================================= */

/* Standard/Desktop: Mobile-Slider nicht anzeigen */
#shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust {
  display: none !important;
}

@media screen and (max-width: 749px) {
  /*
    Mobile:
    Alter breiter Bildbanner raus, weil unleserlich.
    Der neue Snap-Slider übernimmt dieselbe Trust-Zone.
  */
  #shopify-section-template--30569970172253__image_banner_KYrMzJ {
    padding:
      clamp(2.25rem, 7vw, 3.25rem)
      0
      clamp(3rem, 8.5vw, 4.25rem) !important;
    overflow: hidden !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .banner {
    display: none !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ::before {
    top: 48% !important;
    width: min(720px, 94vw) !important;
    height: clamp(18rem, 54vw, 25rem) !important;
    opacity: .82 !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ::after {
    bottom: clamp(1.2rem, 4vw, 1.8rem) !important;
    width: min(28rem, 72vw) !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust__track {
    display: flex !important;
    align-items: stretch !important;
    gap: clamp(1rem, 3.2vw, 1.35rem) !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-left: clamp(1.45rem, 6vw, 2rem) !important;
    padding:
      .35rem
      clamp(1.45rem, 6vw, 2rem)
      .85rem !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust__track::-webkit-scrollbar {
    display: none !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust__card {
    flex: 0 0 clamp(238px, 74vw, 308px) !important;
    width: clamp(238px, 74vw, 308px) !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    border-radius: clamp(22px, 6vw, 30px) !important;
    border: 1px solid rgba(198, 220, 236, .56) !important;
    background:
      radial-gradient(circle at 50% 0,
        rgba(255,255,255,.98) 0,
        rgba(246,251,253,.78) 38%,
        rgba(238,247,251,.48) 72%,
        rgba(255,255,255,.72) 100%) !important;
    box-shadow:
      0 18px 36px rgba(13,31,70,.075),
      0 8px 18px rgba(13,31,70,.035),
      0 0 0 1px rgba(255,255,255,.76) inset,
      0 1px 0 rgba(255,255,255,.96) inset,
      0 -1px 0 rgba(150,178,194,.14) inset !important;
    transform: translateZ(0) !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust__card::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    background:
      linear-gradient(180deg,
        rgba(255,255,255,.34) 0,
        rgba(255,255,255,.08) 24%,
        transparent 58%),
      linear-gradient(112deg,
        transparent 0,
        rgba(255,255,255,.18) 24%,
        rgba(232,248,255,.08) 38%,
        transparent 58%) !important;
    opacity: .72 !important;
    mix-blend-mode: screen !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust__image {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    border-radius: inherit !important;
    filter:
      brightness(1.01)
      contrast(1.01)
      saturate(1.01) !important;
    user-select: none !important;
    -webkit-user-select: none !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust__hint {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: .42rem !important;
    margin-top: .35rem !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust__hint span {
    display: block !important;
    width: .42rem !important;
    height: .42rem !important;
    border-radius: 999px !important;
    background: rgba(27,61,143,.22) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.72),
      0 0 7px rgba(5,200,255,.08) !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust__hint span:first-child {
    width: 1.15rem !important;
    background: rgba(5,200,255,.34) !important;
  }
}

@media screen and (max-width: 374px) {
  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust__card {
    flex-basis: clamp(226px, 76vw, 284px) !important;
    width: clamp(226px, 76vw, 284px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust__track {
    scroll-behavior: auto !important;
  }
}

/* =========================================
MOBILE – Hero Cue + Vault Reveal Simplification V1
Mobile Performance/UX: Scrollhinweis aus, Vault sofort sichtbar
Nur Mobile: Desktop V1.0, Desktop-Enter-Cue und Desktop-Vault-Reveal bleiben unangetastet
========================================= */
@media screen and (max-width: 749px) {
  /*
    Mobile:
    Der eigene Mobile-Hero ist bereits der Brand-Moment.
    Der zusätzliche Scrollhinweis kostet Platz und triggert eine mobile
    Vault-Dramaturgie, die auf echten Smartphones ruckeln kann.
  */
  #MainContent #shopify-section-template--30569970172253__image_banner {
    margin-bottom: clamp(2.1rem, 6vw, 3.1rem) !important;
  }

  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue,
  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__text,
  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__arrow,
  #MainContent #shopify-section-template--30569970172253__image_banner .nerdvana-enter-cue__divider {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    animation: none !important;
    transition: none !important;
  }

  /*
    Fallback, falls noch alte/zusätzliche pseudo-basierte Cue-Layer
    durch Cache oder ältere Regeln aktiv sind.
  */
  #MainContent #shopify-section-template--30569970172253__image_banner::before,
  #MainContent #shopify-section-template--30569970172253__image_banner::after {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    content: none !important;
    animation: none !important;
    transition: none !important;
  }

  /*
    Mobile Vault:
    Sofort sichtbar, kein Reveal-State.
    Dadurch entfallen die teuren Mobile-Animationen rund um Clip-Path,
    Blur, Transform-Stacks und gestaffelte Vault-Transitions.
  */
  #MainContent .nerdvana-vault,
  #MainContent .nerdvana-vault.nerdvana-vault--ready,
  #MainContent .nerdvana-vault.nerdvana-vault--visible {
    opacity: 1 !important;
    visibility: visible !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault__intro,
  #MainContent .nerdvana-vault .nerdvana-vault__grid,
  #MainContent .nerdvana-vault .nerdvana-vault-card,
  #MainContent .nerdvana-vault.nerdvana-vault--ready .nerdvana-vault__intro,
  #MainContent .nerdvana-vault.nerdvana-vault--ready .nerdvana-vault__grid,
  #MainContent .nerdvana-vault.nerdvana-vault--ready .nerdvana-vault-card,
  #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault__intro,
  #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault__grid,
  #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault-card {
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    clip-path: none !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  /*
    Mobile Vault Header Ornament Lock V1:
    Auf Smartphones entfernen wir das Desktop-Vault-Ornament
    aus Toplinie + Diamond vollständig.

    Der sichtbare "Pfeil" war nicht der mobile Scrollhinweis selbst,
    sondern der Vault-Diamond, der durch die mobile Sofort-Sichtbarkeit
    erzwungen wurde.

    Desktop bleibt unangetastet, weil dieser Block ausschließlich
    innerhalb von max-width: 749px liegt.
  */
  #MainContent .nerdvana-vault::before,
  #MainContent .nerdvana-vault::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  /*
    Die Desktop-Vault-Platte bleibt mobil weiterhin aus.
    Mobile nutzt unsere eigenen Artifact-Frames pro Kachel.
  */
  #MainContent .nerdvana-vault__grid::before,
  #MainContent .nerdvana-vault__grid::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    animation: none !important;
    transition: none !important;
    filter: none !important;
    clip-path: none !important;
    transform: none !important;
  }
}

/* =========================================
DESKTOP – Trust Split + Über Nerdvana Manifest V1
Links Trust-Siegel, rechts Nerdvana-Markenkarte
Mobile bleibt beim bestehenden Trust-Snap-Slider
========================================= */

/* Standard: Manifest-Kachel nicht anzeigen, bis Desktop-Split aktiv ist */
#shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-trust-manifest-card {
  display: none !important;
}

@media screen and (min-width: 990px) {
  /*
    Desktop:
    Alten breiten Trust-Banner ausblenden.
    Die 4 Mini-Trust-Kacheln aus dem Mobile-Slider werden links
    als Trust-Constellation wiederverwendet.
  */
  #shopify-section-template--30569970172253__image_banner_KYrMzJ .banner {
    display: none !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    padding:
      clamp(5rem, 6vw, 7.8rem)
      clamp(2.2rem, 4vw, 5.2rem)
      clamp(5.4rem, 6.5vw, 8.2rem) !important;
    background:
      radial-gradient(70% 82% at 38% 18%,
        rgba(255,255,255,.92) 0,
        rgba(239,248,253,.62) 42%,
        rgba(247,249,252,0) 76%),
      radial-gradient(46% 64% at 78% 48%,
        rgba(5,200,255,.035) 0,
        rgba(27,61,143,.014) 46%,
        rgba(247,249,252,0) 78%),
      linear-gradient(180deg,
        rgba(247,249,252,0) 0,
        rgba(241,246,250,.54) 48%,
        rgba(247,249,252,0) 100%) !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ::before {
    top: 50% !important;
    width: min(1720px, 92vw) !important;
    height: clamp(36rem, 35vw, 58rem) !important;
    opacity: .82 !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ::after {
    bottom: clamp(2rem, 2.8vw, 3.2rem) !important;
    width: min(1380px, 76vw) !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(520px, .98fr) minmax(420px, .86fr) !important;
    align-items: center !important;
    gap: clamp(4.2rem, 5vw, 7.2rem) !important;
    width: min(1500px, 100%) !important;
    margin: 0 auto !important;
    max-width: 1500px !important;
  }

  /*
    Linke Trust-Constellation:
    nicht chaotisch, aber bewusst leicht versetzt.
  */
  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust__track {
    grid-column: 1 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: center !important;
    gap:
      clamp(1.8rem, 2.4vw, 3rem)
      clamp(2.2rem, 3vw, 4rem) !important;
    width: 100% !important;
    max-width: 680px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust__card {
    position: relative !important;
    width: clamp(198px, 15vw, 252px) !important;
    max-width: 252px !important;
    flex: none !important;
    scroll-snap-align: none !important;
    border-radius: 24px !important;
    border: 1px solid rgba(198, 220, 236, .52) !important;
    background:
      radial-gradient(circle at 50% 0,
        rgba(255,255,255,.98) 0,
        rgba(246,251,253,.76) 36%,
        rgba(238,247,251,.46) 72%,
        rgba(255,255,255,.72) 100%) !important;
    box-shadow:
      0 18px 36px rgba(13,31,70,.07),
      0 8px 18px rgba(13,31,70,.032),
      0 0 0 1px rgba(255,255,255,.78) inset,
      0 1px 0 rgba(255,255,255,.96) inset !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust__card:nth-child(1) {
    justify-self: start !important;
    transform: translate3d(0, -1.1rem, 0) !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust__card:nth-child(2) {
    justify-self: end !important;
    transform: translate3d(0, 2.2rem, 0) !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust__card:nth-child(3) {
    justify-self: start !important;
    transform: translate3d(0, .4rem, 0) !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust__card:nth-child(4) {
    justify-self: end !important;
    transform: translate3d(0, 3.4rem, 0) !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust__image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    border-radius: inherit !important;
    filter:
      brightness(1.01)
      contrast(1.01)
      saturate(1.01) !important;
  }

  /*
    Rechte Über-Nerdvana-Kachel:
    kein KI-Marketing, sondern echte Maker-/Fan-Sprache.
  */
  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-trust-manifest-card {
    grid-column: 2 !important;
    display: block !important;
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    min-height: clamp(430px, 32vw, 560px) !important;
    border-radius: 34px !important;
    border: 1px solid rgba(198, 220, 236, .56) !important;
    background:
      radial-gradient(circle at 78% 12%,
        rgba(5,200,255,.10) 0,
        rgba(232,248,255,.25) 32%,
        transparent 58%),
      radial-gradient(circle at 18% 100%,
        rgba(27,61,143,.055) 0,
        transparent 54%),
      linear-gradient(180deg,
        rgba(255,255,255,.92) 0,
        rgba(247,251,253,.76) 52%,
        rgba(238,247,252,.88) 100%) !important;
    box-shadow:
      0 28px 62px rgba(13,31,70,.09),
      0 12px 28px rgba(13,31,70,.04),
      0 0 0 1px rgba(255,255,255,.78) inset,
      0 1px 0 rgba(255,255,255,.98) inset,
      0 -1px 0 rgba(150,178,194,.18) inset !important;
    backdrop-filter: blur(18px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.04) !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-trust-manifest-card::before {
    content: "N" !important;
    position: absolute !important;
    right: clamp(-1.2rem, -1vw, -.6rem) !important;
    bottom: clamp(-3.2rem, -2.4vw, -1.8rem) !important;
    z-index: 0 !important;
    color: rgba(27,61,143,.045) !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: clamp(18rem, 17vw, 28rem) !important;
    line-height: .72 !important;
    pointer-events: none !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-trust-manifest-card::after {
    content: "" !important;
    position: absolute !important;
    left: clamp(2rem, 3vw, 3.4rem) !important;
    right: clamp(2rem, 3vw, 3.4rem) !important;
    top: clamp(2rem, 3vw, 3.4rem) !important;
    height: 1px !important;
    z-index: 1 !important;
    background:
      linear-gradient(90deg,
        transparent 0,
        rgba(205,216,224,.36) 18%,
        rgba(5,200,255,.18) 50%,
        rgba(205,216,224,.36) 82%,
        transparent 100%) !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.86) !important;
    pointer-events: none !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-trust-manifest-card__inner {
    position: relative !important;
    z-index: 2 !important;
    height: 100% !important;
    min-height: inherit !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding:
      clamp(4rem, 4.6vw, 6.2rem)
      clamp(3.2rem, 4vw, 5.2rem) !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-trust-manifest-card__eyebrow {
    margin-bottom: 1.25rem !important;
    color: rgba(27,61,143,.58) !important;
    font-family: Montserrat, system-ui, sans-serif !important;
    font-size: .78rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-trust-manifest-card__title {
    margin: 0 0 2rem !important;
    color: #0d1f46 !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: clamp(3rem, 3.2vw, 5rem) !important;
    font-weight: 500 !important;
    line-height: 1.04 !important;
    letter-spacing: .105em !important;
    text-transform: uppercase !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,.9),
      0 0 16px rgba(5,200,255,.065) !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-trust-manifest-card__text {
    max-width: 56rem !important;
    margin: 0 0 1.1rem !important;
    color: rgba(16,43,102,.76) !important;
    font-family: Montserrat, system-ui, sans-serif !important;
    font-size: clamp(1.08rem, 1vw, 1.25rem) !important;
    font-weight: 400 !important;
    line-height: 1.82 !important;
    letter-spacing: .018em !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-trust-manifest-card__chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: .72rem !important;
    margin-top: 1.55rem !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-trust-manifest-card__chips span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 1.05rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(205,226,236,.48) !important;
    background:
      linear-gradient(180deg,
        rgba(255,255,255,.78) 0,
        rgba(236,248,253,.42) 100%) !important;
    color: rgba(27,61,143,.74) !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: .84rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: .075em !important;
    text-transform: uppercase !important;
    box-shadow:
      0 4px 11px rgba(13,31,70,.032),
      0 0 0 1px rgba(255,255,255,.76) inset,
      0 1px 0 rgba(255,255,255,.88) inset !important;
  }
}

@media screen and (min-width: 990px) and (max-width: 1180px) {
  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust {
    grid-template-columns: minmax(420px, .9fr) minmax(390px, .86fr) !important;
    gap: 3.4rem !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust__card {
    width: clamp(176px, 16vw, 214px) !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-trust-manifest-card__title {
    font-size: clamp(2.55rem, 3.1vw, 3.7rem) !important;
  }
}

/* =========================================
DESKTOP – Trust Manifest Ambient Layer V1.1
Rechte Über-Nerdvana-Kachel bekommt mehr Atmosphäre
Nur Desktop: Mobile-Trust-Slider bleibt unangetastet
========================================= */
@media screen and (min-width: 990px) {
  /*
    Ziel:
    Die rechte Über-Nerdvana-Kachel soll weniger wie reine Textbox wirken.
    Kein hartes Foto, sondern ein softes Ambient-Showcase rechts unten.
  */
  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-trust-manifest-card {
    --nerdvana-manifest-ambient-image: none;
    --nerdvana-manifest-ambient-opacity: .92;
    --nerdvana-manifest-ambient-size: clamp(285px, 30vw, 455px);
    --nerdvana-manifest-ambient-right: clamp(1.55rem, 2.4vw, 3.1rem);
    --nerdvana-manifest-ambient-bottom: clamp(1.2rem, 2vw, 2.7rem);

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

    background:
      radial-gradient(circle at 78% 20%,
        rgba(5, 200, 255, .12) 0,
        rgba(232, 248, 255, .28) 28%,
        rgba(255,255,255,0) 58%),
      radial-gradient(circle at 88% 86%,
        rgba(27, 61, 143, .07) 0,
        rgba(232, 248, 255, .20) 34%,
        rgba(255,255,255,0) 68%),
      linear-gradient(180deg,
        rgba(255,255,255,.94) 0,
        rgba(247,251,253,.80) 48%,
        rgba(238,247,252,.90) 100%) !important;

    box-shadow:
      0 30px 66px rgba(13,31,70,.095),
      0 13px 30px rgba(13,31,70,.042),
      0 0 0 1px rgba(255,255,255,.78) inset,
      0 1px 0 rgba(255,255,255,.98) inset,
      0 -1px 0 rgba(150,178,194,.18) inset !important;
  }

  /*
    Ambient-Bühne:
    Wenn später ein echtes Produkt-Ambiente-Bild genutzt werden soll,
    kann oben --nerdvana-manifest-ambient-image von none auf url("...") gesetzt werden.
  */
  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-trust-manifest-card::before {
    content: "" !important;
    position: absolute !important;
    right: var(--nerdvana-manifest-ambient-right) !important;
    bottom: var(--nerdvana-manifest-ambient-bottom) !important;
    z-index: 0 !important;

    width: var(--nerdvana-manifest-ambient-size) !important;
    height: calc(var(--nerdvana-manifest-ambient-size) * .72) !important;
    border-radius: clamp(24px, 2vw, 34px) !important;

    background-image:
      var(--nerdvana-manifest-ambient-image),
      radial-gradient(circle at 50% 20%,
        rgba(255,255,255,.98) 0,
        rgba(255,255,255,.76) 16%,
        rgba(232,248,255,.32) 36%,
        rgba(255,255,255,0) 67%),
      radial-gradient(ellipse at 50% 82%,
        rgba(5,200,255,.18) 0,
        rgba(5,200,255,.07) 28%,
        rgba(255,255,255,0) 68%),
      linear-gradient(180deg,
        rgba(255,255,255,.34) 0,
        rgba(255,255,255,.12) 42%,
        rgba(225,241,250,.28) 100%) !important;

    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size:
      contain,
      cover,
      cover,
      cover !important;

    border: 1px solid rgba(198, 220, 236, .46) !important;

    box-shadow:
      0 28px 54px rgba(13,31,70,.105),
      0 0 34px rgba(5,200,255,.07),
      0 1px 0 rgba(255,255,255,.92) inset,
      0 0 0 1px rgba(255,255,255,.48) inset,
      0 -22px 42px rgba(192,228,249,.14) inset !important;

    opacity: var(--nerdvana-manifest-ambient-opacity) !important;
    pointer-events: none !important;
    transform: translate3d(0, 0, 0) !important;
  }

  /*
    Großes Nerdvana-Monogramm:
    mehr im Hintergrund, damit die Ambient-Bühne die spannende zweite Ebene wird.
  */
  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-trust-manifest-card::after {
    content: "N" !important;
    position: absolute !important;
    right: clamp(-1.6rem, -1.1vw, -.7rem) !important;
    bottom: clamp(-3.8rem, -2.6vw, -2.2rem) !important;
    z-index: 0 !important;

    color: rgba(27,61,143,.032) !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: clamp(18rem, 17vw, 28rem) !important;
    line-height: .72 !important;
    text-shadow:
      0 12px 26px rgba(188,223,248,.10),
      0 0 28px rgba(5,200,255,.035) !important;

    pointer-events: none !important;
  }

  /*
    Text bewusst links halten.
    Rechts bleibt Platz für die Ambient-Zone.
  */
  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-trust-manifest-card__inner {
    position: relative !important;
    z-index: 2 !important;
    padding-right: clamp(18rem, 32vw, 31rem) !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-trust-manifest-card__text {
    max-width: 42rem !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-trust-manifest-card__chips {
    max-width: 44rem !important;
  }

  /*
    Feine obere Lichtlinie innerhalb der Kachel,
    damit die rechte Karte weniger leer wirkt.
  */
  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-trust-manifest-card__inner::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: clamp(8rem, 20vw, 20rem) !important;
    top: clamp(-2rem, -1.8vw, -1.2rem) !important;
    height: 1px !important;

    background:
      linear-gradient(90deg,
        transparent 0,
        rgba(205,216,224,.34) 18%,
        rgba(5,200,255,.18) 50%,
        rgba(205,216,224,.34) 82%,
        transparent 100%) !important;

    box-shadow:
      0 1px 0 rgba(255,255,255,.88),
      0 0 14px rgba(5,200,255,.05) !important;

    pointer-events: none !important;
  }
}

/*
  Schmalere Desktop-/Laptop-Breiten:
  Ambient-Zone kleiner, Text bekommt mehr Platz.
*/
@media screen and (min-width: 990px) and (max-width: 1240px) {
  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-trust-manifest-card {
    --nerdvana-manifest-ambient-size: clamp(235px, 26vw, 330px);
    --nerdvana-manifest-ambient-opacity: .72;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-trust-manifest-card__inner {
    padding-right: clamp(12rem, 24vw, 22rem) !important;
  }
}

/* =========================================
NERDVANA – About Showcase Section V1
Wartbare Split-Section: Showcase-Bild links, Marke/Trust rechts
Desktop + Mobile, ohne alten Trust-Banner anzufassen
========================================= */

.nerdvana-about-showcase {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  padding:
    clamp(4.4rem, 5vw, 7.2rem)
    0
    clamp(4.4rem, 5.4vw, 7.6rem) !important;
  background: transparent !important;

  --nerdvana-about-width: 1840px;
  --nerdvana-about-radius: clamp(30px, 2.4vw, 42px);
  --nerdvana-about-inner-radius: clamp(22px, 1.8vw, 32px);
}

.nerdvana-about-showcase__shell {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(430px, .95fr) !important;
  align-items: stretch !important;
  width: min(
    calc(100% - clamp(2.8rem, 4.6vw, 5.6rem)),
    var(--nerdvana-about-width)
  ) !important;
  min-height: clamp(560px, 38vw, 760px) !important;
  margin: 0 auto !important;
  padding: clamp(.95rem, 1vw, 1.35rem) !important;
  overflow: hidden !important;
  border-radius: var(--nerdvana-about-radius) !important;
  border: 1px solid rgba(198, 220, 236, .66) !important;
  background:
    radial-gradient(circle at 20% 12%,
      rgba(255,255,255,.94) 0,
      rgba(239,248,253,.30) 34%,
      rgba(247,249,252,0) 68%),
    radial-gradient(circle at 82% 50%,
      rgba(5,200,255,.018) 0,
      rgba(232,248,255,.09) 28%,
      rgba(247,249,252,0) 68%),
    linear-gradient(180deg,
      rgba(255,255,255,.90) 0,
      rgba(247,251,253,.82) 48%,
      rgba(238,247,252,.90) 100%) !important;
  box-shadow:
    0 30px 76px rgba(13,31,70,.09),
    0 14px 34px rgba(13,31,70,.04),
    0 0 0 1px rgba(255,255,255,.82) inset,
    0 1px 0 rgba(255,255,255,.98) inset,
    0 -1px 0 rgba(150,178,194,.18) inset !important;
}

.nerdvana-about-showcase__shell::before {
  content: "" !important;
  position: absolute !important;
  inset: clamp(.7rem, .8vw, 1rem) !important;
  z-index: 0 !important;
  border-radius: calc(var(--nerdvana-about-radius) - 10px) !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  pointer-events: none !important;
  box-shadow:
    0 0 0 1px rgba(205,226,236,.34) inset,
    0 1px 0 rgba(255,255,255,.88) inset !important;
}

.nerdvana-about-showcase__visual {
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
  min-height: 100% !important;
  border-radius: var(--nerdvana-about-inner-radius) !important;
  background:
    radial-gradient(circle at 50% 36%,
      rgba(255,255,255,.94) 0,
      rgba(232,248,255,.46) 40%,
      rgba(247,249,252,.58) 100%) !important;
        -webkit-mask-image:
    linear-gradient(90deg,
      rgba(0,0,0,1) 0%,
      rgba(0,0,0,1) 58%,
      rgba(0,0,0,.92) 68%,
      rgba(0,0,0,.68) 78%,
      rgba(0,0,0,.34) 90%,
      rgba(0,0,0,0) 100%) !important;
  mask-image:
    linear-gradient(90deg,
      rgba(0,0,0,1) 0%,
      rgba(0,0,0,1) 58%,
      rgba(0,0,0,.92) 68%,
      rgba(0,0,0,.68) 78%,
      rgba(0,0,0,.34) 90%,
      rgba(0,0,0,0) 100%) !important;

  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
  -webkit-mask-position: center center !important;
  mask-position: center center !important;
}

.nerdvana-about-showcase__visual::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: -1px !important;
  bottom: 0 !important;
  z-index: 2 !important;
  width: 0 !important;
  pointer-events: none !important;
  background: none !important;
}

.nerdvana-about-showcase__image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: clamp(540px, 37vw, 740px) !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter:
    brightness(1.02)
    contrast(1.015)
    saturate(1.02) !important;
}

.nerdvana-about-showcase__placeholder {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: clamp(540px, 37vw, 740px) !important;
  color: rgba(27,61,143,.10) !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: clamp(14rem, 16vw, 26rem) !important;
  background:
    radial-gradient(circle at 50% 44%,
      rgba(5,200,255,.10) 0,
      rgba(232,248,255,.48) 36%,
      rgba(255,255,255,.90) 100%) !important;
}

.nerdvana-about-showcase__content {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding:
    clamp(4.2rem, 4.4vw, 6.6rem)
    clamp(3.2rem, 4vw, 5.8rem) !important;
  text-align: center !important;
}

.nerdvana-about-showcase__divider {
  position: relative !important;
  width: min(34rem, 64%) !important;
  height: 1.8rem !important;
  margin: 0 auto clamp(1.8rem, 2vw, 2.6rem) !important;
}

.nerdvana-about-showcase__divider::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 50% !important;
  height: 1px !important;
  background:
    linear-gradient(90deg,
      transparent 0,
      rgba(205,216,224,.46) 22%,
      rgba(5,200,255,.24) 50%,
      rgba(205,216,224,.46) 78%,
      transparent 100%) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.88),
    0 0 14px rgba(5,200,255,.07) !important;
}

.nerdvana-about-showcase__divider span {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 18px !important;
  height: 18px !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
  border: 1px solid rgba(5,200,255,.42) !important;
  border-radius: 3px !important;
  background:
    linear-gradient(135deg,
      rgba(255,255,255,.98) 0,
      rgba(236,249,253,.92) 46%,
      rgba(5,200,255,.20) 100%) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.92) inset,
    0 0 14px rgba(5,200,255,.20),
    0 0 26px rgba(27,61,143,.06) !important;
}

.nerdvana-about-showcase__eyebrow {
  margin: 0 0 .95rem !important;
  color: rgba(27,61,143,.64) !important;
  font-family: Montserrat, system-ui, sans-serif !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .24em !important;
  text-transform: uppercase !important;
}

.nerdvana-about-showcase__heading {
  max-width: 72rem !important;
  margin: 0 auto .9rem !important;
  color: #0d1f46 !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: clamp(3.8rem, 4.2vw, 6.6rem) !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.94),
    0 0 18px rgba(5,200,255,.06) !important;
}

.nerdvana-about-showcase__subheading {
  margin: 0 auto clamp(2.2rem, 2.2vw, 3rem) !important;
  color: #1265ff !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: clamp(1.05rem, 1vw, 1.35rem) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: .24em !important;
  text-transform: uppercase !important;
}

.nerdvana-about-showcase__text {
  max-width: 66rem !important;
  margin: 0 auto !important;
  color: rgba(16,43,102,.78) !important;
  font-family: Montserrat, system-ui, sans-serif !important;
  font-size: clamp(1.22rem, 1.08vw, 1.48rem) !important;
  font-weight: 400 !important;
  line-height: 1.86 !important;
  letter-spacing: .012em !important;
}

.nerdvana-about-showcase__text p {
  margin: 0 0 .85rem !important;
}

.nerdvana-about-showcase__text p:last-child {
  margin-bottom: 0 !important;
}

.nerdvana-about-showcase__features {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 76rem !important;
  margin: clamp(3.2rem, 3.2vw, 4.8rem) auto 0 !important;
}

.nerdvana-about-showcase__feature {
  position: relative !important;
  padding: 0 clamp(1.2rem, 1.6vw, 2.2rem) !important;
  text-align: center !important;
}

.nerdvana-about-showcase__feature + .nerdvana-about-showcase__feature::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 18% !important;
  bottom: 10% !important;
  width: 1px !important;
  background:
    linear-gradient(180deg,
      transparent 0,
      rgba(205,216,224,.62) 24%,
      rgba(5,200,255,.14) 52%,
      rgba(205,216,224,.62) 78%,
      transparent 100%) !important;
}

.nerdvana-about-showcase__feature-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(5.6rem, 4.5vw, 7rem) !important;
  height: clamp(5.6rem, 4.5vw, 7rem) !important;
  margin: 0 auto 1.35rem !important;
  border-radius: 18px !important;
  border: 1px solid rgba(198, 220, 236, .56) !important;
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.86) 0,
      rgba(236,248,253,.42) 100%) !important;
  color: rgba(5,200,255,.92) !important;
  box-shadow:
    0 10px 20px rgba(13,31,70,.045),
    0 0 0 1px rgba(255,255,255,.82) inset,
    0 1px 0 rgba(255,255,255,.90) inset !important;
}

.nerdvana-about-showcase__feature-icon svg {
  width: 58% !important;
  height: 58% !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.85 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.nerdvana-about-showcase__feature-title {
  margin: 0 0 .65rem !important;
  color: #1b3d8f !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: clamp(1rem, .92vw, 1.24rem) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.nerdvana-about-showcase__feature-text {
  max-width: 21rem !important;
  margin: 0 auto !important;
  color: rgba(16,43,102,.70) !important;
  font-family: Montserrat, system-ui, sans-serif !important;
  font-size: clamp(.98rem, .88vw, 1.12rem) !important;
  line-height: 1.62 !important;
  letter-spacing: .01em !important;
}

.nerdvana-about-showcase__button {
  position: relative !important;
  isolation: isolate !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1.25rem !important;
  min-width: min(46rem, 100%) !important;
  min-height: 6.6rem !important;
  margin-top: clamp(3.2rem, 3.4vw, 5rem) !important;
  padding: 0 clamp(2.6rem, 3vw, 4.4rem) !important;
  border-radius: 22px !important;
  border: 1px solid rgba(198, 220, 236, .64) !important;
  background:
    radial-gradient(circle at 18% 0,
      rgba(255,255,255,.96) 0,
      rgba(255,255,255,.36) 34%,
      transparent 70%),
    linear-gradient(180deg,
      rgba(255,255,255,.86) 0,
      rgba(236,248,253,.48) 100%) !important;
  color: #0d1f46 !important;
  font-family: 'Cinzel Nerdvana', Georgia, serif !important;
  font-size: clamp(1rem, .9vw, 1.18rem) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow:
    0 12px 26px rgba(13,31,70,.055),
    0 0 0 1px rgba(255,255,255,.78) inset,
    0 1px 0 rgba(255,255,255,.92) inset !important;
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease !important;
}

.nerdvana-about-showcase__button:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(5,200,255,.30) !important;
  box-shadow:
    0 15px 30px rgba(13,31,70,.075),
    0 0 16px rgba(5,200,255,.08),
    0 0 0 1px rgba(255,255,255,.84) inset,
    0 1px 0 rgba(255,255,255,.96) inset !important;
}

.nerdvana-about-showcase__button-crystal {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  transform: rotate(45deg) !important;
  border: 1px solid rgba(5,200,255,.42) !important;
  border-radius: 3px !important;
  background:
    linear-gradient(135deg,
      rgba(255,255,255,.98) 0,
      rgba(236,249,253,.92) 46%,
      rgba(5,200,255,.24) 100%) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.92) inset,
    0 0 14px rgba(5,200,255,.20) !important;
}

.nerdvana-about-showcase__button-arrow {
  color: rgba(5,92,210,.82) !important;
  font-size: 1.55em !important;
  line-height: 1 !important;
  transform: translateY(-.03em) !important;
}

/* Tablet */
@media screen and (min-width: 750px) and (max-width: 1180px) {
  .nerdvana-about-showcase__shell {
    grid-template-columns: 1fr !important;
  }

.nerdvana-about-showcase__visual::after {
  width: 100% !important;
  top: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 34% !important;
  background:
    linear-gradient(180deg,
      rgba(247,251,253,0) 0,
      rgba(247,251,253,.72) 66%,
      rgba(247,251,253,.98) 100%) !important;
}

  .nerdvana-about-showcase__image,
  .nerdvana-about-showcase__placeholder {
    min-height: clamp(420px, 52vw, 620px) !important;
  }
}

/* Mobile */
@media screen and (max-width: 749px) {
  .nerdvana-about-showcase {
    padding:
      clamp(3.2rem, 9vw, 4.8rem)
      0
      clamp(3.6rem, 10vw, 5.2rem) !important;
  }

  .nerdvana-about-showcase__shell {
    grid-template-columns: 1fr !important;
    width: min(calc(100% - 2.2rem), 680px) !important;
    min-height: 0 !important;
    padding: .75rem !important;
    border-radius: 28px !important;
  }

  .nerdvana-about-showcase__visual {
    border-radius: 22px !important;
  }

.nerdvana-about-showcase__visual::after {
  width: 100% !important;
  top: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 34% !important;
  background:
    linear-gradient(180deg,
      rgba(247,251,253,0) 0,
      rgba(247,251,253,.72) 66%,
      rgba(247,251,253,.98) 100%) !important;
}

  .nerdvana-about-showcase__image,
  .nerdvana-about-showcase__placeholder {
    min-height: clamp(280px, 76vw, 430px) !important;
  }

  .nerdvana-about-showcase__content {
    padding:
      clamp(2.6rem, 8vw, 3.6rem)
      clamp(1.15rem, 4vw, 1.6rem)
      clamp(2.8rem, 8.5vw, 3.8rem) !important;
  }

  .nerdvana-about-showcase__divider {
    width: min(18rem, 74%) !important;
    margin-bottom: 1.55rem !important;
  }

  .nerdvana-about-showcase__eyebrow {
    font-size: .72rem !important;
    letter-spacing: .20em !important;
  }

  .nerdvana-about-showcase__heading {
    font-size: clamp(2.35rem, 8.2vw, 3.35rem) !important;
    letter-spacing: .095em !important;
  }

  .nerdvana-about-showcase__subheading {
    font-size: clamp(.86rem, 2.8vw, 1rem) !important;
    letter-spacing: .16em !important;
    line-height: 1.55 !important;
  }

  .nerdvana-about-showcase__text {
    font-size: clamp(1.02rem, 3.2vw, 1.16rem) !important;
    line-height: 1.72 !important;
  }

  .nerdvana-about-showcase__features {
    grid-template-columns: 1fr !important;
    gap: 1.45rem !important;
    margin-top: 2.5rem !important;
  }

  .nerdvana-about-showcase__feature {
    padding: 1.3rem 1rem 0 !important;
    border-top: 1px solid rgba(205,216,224,.38) !important;
  }

  .nerdvana-about-showcase__feature:first-child {
    border-top: 0 !important;
    padding-top: 0 !important;
  }

  .nerdvana-about-showcase__feature + .nerdvana-about-showcase__feature::before {
    display: none !important;
  }

  .nerdvana-about-showcase__feature-icon {
    width: 5.1rem !important;
    height: 5.1rem !important;
    margin-bottom: 1rem !important;
  }

  .nerdvana-about-showcase__button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 5.8rem !important;
    margin-top: 2.6rem !important;
    padding: 0 1.4rem !important;
    gap: .72rem !important;
    font-size: .88rem !important;
    letter-spacing: .13em !important;
  }

  /*
    Mobile About Button Crystal Removal V1:
    Nur das dekorative Diamond-Icon im Button wird mobil entfernt.
    Glasbody, Text, Pfeil und Desktop bleiben unangetastet.
  */
  .nerdvana-about-showcase__button-crystal {
    display: none !important;
  }
}

/* =========================================
DESKTOP – Trust Manifest Removal / Trust Tiles Center V1
Entfernt die alte rechte Manifest-Kachel optisch und zentriert die Trust-Kacheln
Mobile Trust-Slider bleibt unangetastet
========================================= */
@media screen and (min-width: 990px) {
  /*
    Safety:
    Falls durch Cache oder Theme-Editor-Reload doch noch eine alte Manifest-Kachel
    im DOM liegt, wird sie zuverlässig ausgeblendet.
  */
  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-trust-manifest-card {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /*
    Der Trust-Bereich ist jetzt kein Split mehr.
    Statt links Trust + rechts Manifest wird er zu einer ruhigen,
    zentrierten Trust-Constellation.
  */
  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust {
    display: block !important;
    width: min(
      calc(100% - clamp(4.4rem, 5vw, 7.2rem)),
      1180px
    ) !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust__track {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: center !important;
    justify-items: center !important;
    gap: clamp(1.8rem, 2.4vw, 3.2rem) !important;

    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;

    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust__card {
    width: clamp(176px, 12.2vw, 236px) !important;
    max-width: 236px !important;
    flex: none !important;
    scroll-snap-align: none !important;
    transform: none !important;
    justify-self: center !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust__hint {
    display: none !important;
  }
}

/*
  Schmalere Desktop-/Laptop-Breiten:
  2x2 statt zu kleine 4er-Reihe.
*/
@media screen and (min-width: 990px) and (max-width: 1240px) {
  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust {
    width: min(calc(100% - 4.4rem), 720px) !important;
    max-width: 720px !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust__track {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap:
      clamp(1.8rem, 2.8vw, 2.6rem)
      clamp(2rem, 3vw, 3rem) !important;
  }

  #shopify-section-template--30569970172253__image_banner_KYrMzJ .nerdvana-mobile-trust__card {
    width: clamp(188px, 18vw, 236px) !important;
  }
}

/* =========================================
DESKTOP – Brand Promise Row V1.2
Trust Promise links + About Showcase rechts
Feinpolish:
- weniger Abstand nach oben
- Trust-Diamant feiner und näher am About-Diamanten
- mehr Luft zwischen Trust-Diamant und Eyebrow
- Scope ohne body.template-index
========================================= */

@media screen and (min-width: 1200px) {
  #MainContent .nerdvana-brand-row {
    --nerdvana-brand-row-width: min(calc(100% - clamp(3.2rem, 5vw, 6rem)), 1840px);
    --nerdvana-brand-row-gap: clamp(1.6rem, 2vw, 3rem);
    --nerdvana-brand-row-height: clamp(380px, 23vw, 440px);

    position: relative !important;
    isolation: isolate !important;
    display: grid !important;
    grid-template-columns: minmax(560px, .39fr) minmax(0, .61fr) !important;
    align-items: stretch !important;
    gap: var(--nerdvana-brand-row-gap) !important;
    width: var(--nerdvana-brand-row-width) !important;
    margin:
      clamp(2.35rem, 3vw, 3.8rem)
      auto
      clamp(4rem, 4.8vw, 6.2rem) !important;
    padding: 0 !important;
    background: transparent !important;
  }

  #MainContent .nerdvana-brand-row > .shopify-section {
    display: flex !important;
    align-items: stretch !important;
    min-width: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-trust-promise,
  #MainContent .nerdvana-brand-row .nerdvana-about-showcase {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    height: 100% !important;
    min-height: var(--nerdvana-brand-row-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-trust-promise__shell,
  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__shell {
    width: 100% !important;
    max-width: none !important;
    min-height: var(--nerdvana-brand-row-height) !important;
    height: 100% !important;
    margin: 0 !important;
  }

  /* Trust links: kompakter, aber gleiche Designsprache */
  #MainContent .nerdvana-brand-row .nerdvana-trust-promise__panel {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    height: 100% !important;
    min-height: var(--nerdvana-brand-row-height) !important;
    padding:
      clamp(2.1rem, 2.35vw, 3rem)
      clamp(1.35rem, 1.8vw, 2.4rem)
      clamp(1.8rem, 2vw, 2.6rem) !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-trust-promise__header {
    max-width: 100% !important;
    margin-bottom: clamp(1.45rem, 1.55vw, 2.2rem) !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-trust-promise__ornament {
    width: min(22rem, 58%) !important;
    margin-bottom: .95rem !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-trust-promise__ornament span {
    width: 14px !important;
    height: 14px !important;
    border-radius: 3px !important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.92) inset,
      0 0 10px rgba(5,200,255,.14),
      0 0 20px rgba(27,61,143,.04) !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-trust-promise__eyebrow {
    margin-bottom: .86rem !important;
    font-size: clamp(.58rem, .5vw, .7rem) !important;
    letter-spacing: .24em !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-trust-promise__heading,
  #MainContent .nerdvana-brand-row h2.nerdvana-trust-promise__heading {
    font-size: clamp(2.55rem, 2.45vw, 4rem) !important;
    line-height: 1.04 !important;
    letter-spacing: .16em !important;
    margin-bottom: .72rem !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-trust-promise__accent {
    margin-bottom: 1.05rem !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-trust-promise__intro {
    font-size: clamp(.72rem, .62vw, .9rem) !important;
    line-height: 1.58 !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-trust-promise__cards {
    width: 100% !important;
    max-width: none !important;
    gap: clamp(.7rem, .85vw, 1.2rem) !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-trust-promise__card {
    min-height: clamp(92px, 6.8vw, 122px) !important;
    padding:
      clamp(.72rem, .78vw, 1rem)
      clamp(.48rem, .58vw, .78rem)
      clamp(.68rem, .72vw, .95rem) !important;
    border-radius: 16px !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-trust-promise__icon-wrap {
    margin-bottom: .58rem !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-trust-promise__icon-chip {
    width: clamp(38px, 3.2vw, 52px) !important;
    height: clamp(38px, 3.2vw, 52px) !important;
    border-radius: 14px !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-trust-promise__glyph {
    width: clamp(22px, 1.9vw, 30px) !important;
    height: clamp(22px, 1.9vw, 30px) !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-trust-promise__card-title {
    margin-bottom: .38rem !important;
    font-size: clamp(.58rem, .52vw, .74rem) !important;
    letter-spacing: .12em !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-trust-promise__card-text {
    max-width: 13.5rem !important;
    font-size: clamp(.54rem, .5vw, .68rem) !important;
    line-height: 1.42 !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-trust-promise__footer {
    margin-top: clamp(.95rem, 1.05vw, 1.45rem) !important;
    font-size: clamp(.62rem, .58vw, .78rem) !important;
    letter-spacing: .035em !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-trust-promise__footer-icon {
    width: 14px !important;
    height: 14px !important;
  }

  /* About rechts: proportional kleiner, Bild bleibt unverzerrt */
  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__shell {
    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr) !important;
    padding: clamp(.62rem, .72vw, .95rem) !important;
    overflow: hidden !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__visual {
    min-height: 100% !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__image,
  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__placeholder {
    height: 100% !important;
    min-height: calc(var(--nerdvana-brand-row-height) - clamp(1.24rem, 1.44vw, 1.9rem)) !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__content {
    padding:
      clamp(1.8rem, 2vw, 2.8rem)
      clamp(1.5rem, 2vw, 3rem) !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__divider {
    width: min(22rem, 58%) !important;
    height: 1.5rem !important;
    margin-bottom: clamp(.85rem, .9vw, 1.35rem) !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__divider span {
    width: 14px !important;
    height: 14px !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__eyebrow {
    margin-bottom: .62rem !important;
    font-size: clamp(.58rem, .5vw, .72rem) !important;
    letter-spacing: .22em !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__heading {
    font-size: clamp(2.45rem, 2.65vw, 4.35rem) !important;
    line-height: 1.04 !important;
    letter-spacing: .115em !important;
    margin-bottom: .62rem !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__subheading {
    margin-bottom: clamp(1rem, 1.05vw, 1.6rem) !important;
    font-size: clamp(.68rem, .62vw, .9rem) !important;
    line-height: 1.35 !important;
    letter-spacing: .20em !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__text {
    max-width: 50rem !important;
    font-size: clamp(.72rem, .66vw, .9rem) !important;
    line-height: 1.64 !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__text p {
    margin-bottom: .42rem !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__features {
    gap: clamp(.72rem, .78vw, 1.05rem) !important;
    margin-top: clamp(1.2rem, 1.35vw, 1.9rem) !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__feature {
    padding: 0 clamp(.45rem, .55vw, .8rem) !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__feature-icon {
    width: clamp(38px, 3.1vw, 52px) !important;
    height: clamp(38px, 3.1vw, 52px) !important;
    margin-bottom: .58rem !important;
    border-radius: 14px !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__feature-title {
    margin-bottom: .34rem !important;
    font-size: clamp(.56rem, .52vw, .72rem) !important;
    letter-spacing: .11em !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__feature-text {
    max-width: 14rem !important;
    font-size: clamp(.52rem, .49vw, .66rem) !important;
    line-height: 1.42 !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__button {
    min-width: min(34rem, 100%) !important;
    min-height: clamp(4.2rem, 3.2vw, 5rem) !important;
    margin-top: clamp(1.35rem, 1.55vw, 2.2rem) !important;
    padding: 0 clamp(1.4rem, 1.8vw, 2.6rem) !important;
    gap: .85rem !important;
    border-radius: 17px !important;
    font-size: clamp(.58rem, .55vw, .76rem) !important;
    letter-spacing: .16em !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__button-crystal {
    width: 13px !important;
    height: 13px !important;
    flex-basis: 13px !important;
  }
}

/* =========================================
DESKTOP/TABLET – Brand Promise Responsive Corridor V1.3
Fix für den unschönen Zwischenzustand beim Runterskalieren.

Ziel:
- Desktop-Fullsize bleibt unangetastet.
- 1200–1499px bekommt einen eigenen Compact-Premium-Korridor.
- About-Textspalte bekommt mehr Raum.
- Headline/Feature-Texte brechen nicht mehr hässlich vertikal.
- Unter 1200px wird sauber gestapelt und About auf 1 Spalte gezwungen.
========================================= */

@media screen and (min-width: 1200px) and (max-width: 1699px) {
  #MainContent .nerdvana-brand-row {
    --nerdvana-brand-row-width: min(calc(100% - clamp(2rem, 3vw, 3.8rem)), 1840px);
    --nerdvana-brand-row-gap: clamp(1.2rem, 1.45vw, 2rem);
    --nerdvana-brand-row-height: clamp(420px, 31vw, 468px);

    grid-template-columns: minmax(470px, .44fr) minmax(0, .56fr) !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-trust-promise__panel {
    padding:
      clamp(2rem, 2.15vw, 2.65rem)
      clamp(1.15rem, 1.45vw, 1.95rem)
      clamp(1.75rem, 1.9vw, 2.35rem) !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-trust-promise__heading,
  #MainContent .nerdvana-brand-row h2.nerdvana-trust-promise__heading {
    font-size: clamp(2.35rem, 2.28vw, 3.28rem) !important;
    letter-spacing: .145em !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-trust-promise__cards {
    gap: clamp(.58rem, .7vw, .95rem) !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__shell {
    grid-template-columns: minmax(168px, .62fr) minmax(300px, 1.38fr) !important;
    padding: clamp(.58rem, .66vw, .82rem) !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__visual {
    min-width: 0 !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__image,
  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__placeholder {
    object-position: center center !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__content {
    min-width: 0 !important;
    padding:
      clamp(1.65rem, 1.85vw, 2.35rem)
      clamp(1.35rem, 1.55vw, 2.05rem) !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__divider {
    width: min(18rem, 54%) !important;
    margin-bottom: clamp(.72rem, .78vw, 1.05rem) !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__eyebrow {
    font-size: clamp(.54rem, .48vw, .66rem) !important;
    letter-spacing: .20em !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__heading {
    max-width: 100% !important;
    font-size: clamp(2.38rem, 2.28vw, 3.15rem) !important;
    line-height: 1.06 !important;
    letter-spacing: .085em !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__subheading {
    max-width: 34rem !important;
    margin-bottom: clamp(.82rem, .92vw, 1.22rem) !important;
    font-size: clamp(.62rem, .58vw, .78rem) !important;
    line-height: 1.38 !important;
    letter-spacing: .145em !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__text {
    max-width: 38rem !important;
    font-size: clamp(.66rem, .6vw, .78rem) !important;
    line-height: 1.58 !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__features {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(.38rem, .48vw, .62rem) !important;
    margin-top: clamp(.95rem, 1.08vw, 1.42rem) !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__feature {
    padding: 0 clamp(.22rem, .32vw, .48rem) !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__feature-icon {
    width: clamp(34px, 2.65vw, 44px) !important;
    height: clamp(34px, 2.65vw, 44px) !important;
    margin-bottom: .42rem !important;
    border-radius: 13px !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__feature-title {
    max-width: 7.8rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: clamp(.48rem, .45vw, .58rem) !important;
    line-height: 1.16 !important;
    letter-spacing: .07em !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__feature-text {
    display: none !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__button {
    min-width: min(25rem, 100%) !important;
    min-height: clamp(3.8rem, 2.8vw, 4.4rem) !important;
    margin-top: clamp(1.05rem, 1.22vw, 1.65rem) !important;
    padding: 0 clamp(1.15rem, 1.35vw, 1.85rem) !important;
    gap: .7rem !important;
    border-radius: 16px !important;
    font-size: clamp(.52rem, .49vw, .66rem) !important;
    letter-spacing: .135em !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__button-crystal {
    width: 11px !important;
    height: 11px !important;
    flex-basis: 11px !important;
  }
}

/* Zwischenbereich: unter 1200px wird sauber gestapelt */
@media screen and (max-width: 1199px) {
  #MainContent .nerdvana-brand-row {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  #MainContent .nerdvana-brand-row > .shopify-section {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__shell {
    grid-template-columns: 1fr !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__visual::after {
    width: 100% !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 34% !important;
    background:
      linear-gradient(180deg,
        rgba(247,251,253,0) 0,
        rgba(247,251,253,.72) 66%,
        rgba(247,251,253,.98) 100%) !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__image,
  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__placeholder {
    min-height: clamp(380px, 48vw, 560px) !important;
  }
}

/* =========================================
DESKTOP – Brand Promise Focus Lift V1.3
Fluid Optical Lift:
Flüssiger Hover-Zoom ohne echte Layout-Vergrößerung.
Kein font-size-/padding-/height-Wechsel, damit Footer nicht springt.
Kein translateZ / keine Perspective, damit der Inhalt möglichst scharf bleibt.
Nur Desktop mit echter Maus.
========================================= */

@media (hover: hover) and (pointer: fine) and (min-width: 1200px) {
  #MainContent .nerdvana-brand-row {
    overflow: visible !important;

    --nerdvana-brand-focus-duration: .46s;
    --nerdvana-brand-focus-ease: cubic-bezier(.16, 1, .3, 1);
  }

  #MainContent .nerdvana-brand-row > .shopify-section {
    position: relative !important;
    overflow: visible !important;
    transform: translateY(0) scale(1) !important;
    transform-origin: center center !important;
    transition:
      transform var(--nerdvana-brand-focus-duration) var(--nerdvana-brand-focus-ease),
      opacity var(--nerdvana-brand-focus-duration) ease !important;
  }

  #MainContent .nerdvana-brand-row .nerdvana-trust-promise__panel,
  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__shell {
    transition:
      box-shadow var(--nerdvana-brand-focus-duration) var(--nerdvana-brand-focus-ease),
      border-color var(--nerdvana-brand-focus-duration) ease !important;
  }

  /* Nicht fokussierter Bereich tritt zurück, aber ohne Blur/Filter */
#MainContent .nerdvana-brand-row:has(> .shopify-section:hover) > .shopify-section:not(:hover) {
  opacity: .78 !important;
  transform: translateY(7px) scale(.982) !important;
}

  /* Trust: sichtbarer Zoom, aber ohne Layout-Shift */
#MainContent .nerdvana-brand-row > .shopify-section:has(.nerdvana-trust-promise):hover {
  z-index: 8 !important;
  opacity: 1 !important;
  transform: translateY(-24px) scale(1.085) !important;
}

  #MainContent .nerdvana-brand-row > .shopify-section:has(.nerdvana-trust-promise):hover .nerdvana-trust-promise__panel {
    border-color: rgba(173, 212, 235, .80) !important;
    box-shadow:
      0 54px 112px rgba(13,31,70,.14),
      0 24px 52px rgba(13,31,70,.068),
      0 0 0 1px rgba(255,255,255,.90) inset,
      0 1px 0 rgba(255,255,255,.99) inset,
      0 -1px 0 rgba(150,178,194,.12) inset,
      0 0 24px rgba(5,200,255,.024) !important;
  }

  /* About: etwas weniger Zoom, weil der Block breiter ist */
#MainContent .nerdvana-brand-row > .shopify-section:has(.nerdvana-about-showcase):hover {
  z-index: 8 !important;
  opacity: 1 !important;
  transform: translateY(-22px) scale(1.058) !important;
}

  #MainContent .nerdvana-brand-row > .shopify-section:has(.nerdvana-about-showcase):hover .nerdvana-about-showcase__shell {
    border-color: rgba(173, 212, 235, .80) !important;
    box-shadow:
      0 54px 112px rgba(13,31,70,.14),
      0 24px 52px rgba(13,31,70,.068),
      0 0 0 1px rgba(255,255,255,.90) inset,
      0 1px 0 rgba(255,255,255,.99) inset,
      0 -1px 0 rgba(150,178,194,.12) inset,
      0 0 24px rgba(5,200,255,.024) !important;
  }

  /*
    Schärfe-Lock:
    Keine Filter, keine inneren Transforms, keine echten Größenänderungen.
    Der komplette Hover bleibt optisch/flüssig und verändert den Seitenfluss nicht.
  */
  #MainContent .nerdvana-brand-row:hover .nerdvana-trust-promise__heading,
  #MainContent .nerdvana-brand-row:hover .nerdvana-trust-promise__heading span,
  #MainContent .nerdvana-brand-row:hover .nerdvana-trust-promise__eyebrow,
  #MainContent .nerdvana-brand-row:hover .nerdvana-trust-promise__intro,
  #MainContent .nerdvana-brand-row:hover .nerdvana-trust-promise__card-title,
  #MainContent .nerdvana-brand-row:hover .nerdvana-trust-promise__card-text,
  #MainContent .nerdvana-brand-row:hover .nerdvana-trust-promise__footer,
  #MainContent .nerdvana-brand-row:hover .nerdvana-about-showcase__heading,
  #MainContent .nerdvana-brand-row:hover .nerdvana-about-showcase__eyebrow,
  #MainContent .nerdvana-brand-row:hover .nerdvana-about-showcase__subheading,
  #MainContent .nerdvana-brand-row:hover .nerdvana-about-showcase__text,
  #MainContent .nerdvana-brand-row:hover .nerdvana-about-showcase__feature-title,
  #MainContent .nerdvana-brand-row:hover .nerdvana-about-showcase__feature-text,
  #MainContent .nerdvana-brand-row:hover .nerdvana-about-showcase__button {
    filter: none !important;
    transform: none !important;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: geometricPrecision !important;
  }
}

/* Tastatur-Fokus: gleicher Lift, aber ruhiger */
@media (hover: hover) and (pointer: fine) and (min-width: 1200px) {
  #MainContent .nerdvana-brand-row > .shopify-section:focus-within {
    z-index: 9 !important;
    transform: translateY(-12px) scale(1.018) !important;
  }

  #MainContent .nerdvana-brand-row > .shopify-section:focus-within .nerdvana-trust-promise__panel,
  #MainContent .nerdvana-brand-row > .shopify-section:focus-within .nerdvana-about-showcase__shell {
    border-color: rgba(173, 212, 235, .78) !important;
    box-shadow:
      0 38px 82px rgba(13,31,70,.11),
      0 16px 36px rgba(13,31,70,.054),
      0 0 0 1px rgba(255,255,255,.88) inset,
      0 1px 0 rgba(255,255,255,.99) inset,
      0 0 20px rgba(5,200,255,.024) !important;
  }
}

/* Reduced Motion: kein Lift, keine Skalierung */
@media (prefers-reduced-motion: reduce) {
  #MainContent .nerdvana-brand-row,
  #MainContent .nerdvana-brand-row > .shopify-section,
  #MainContent .nerdvana-brand-row .nerdvana-trust-promise__panel,
  #MainContent .nerdvana-brand-row .nerdvana-about-showcase__shell {
    transition: none !important;
    transform: none !important;
    filter: none !important;
  }

  #MainContent .nerdvana-brand-row:has(> .shopify-section:hover) > .shopify-section:not(:hover) {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* =========================================
DESKTOP/TABLET – One-Way Scroll Progress Reveals V1
Vault + Featured:
- Reveal folgt dem Scrollen bis 100%
- vor 100% darf er beim Hochscrollen rückwärts laufen
- nach 100% bleibt alles dauerhaft sichtbar
- kein Scroll-Lock
- Mobile bis 749px bleibt durch bestehende Mobile-Regeln geschützt
========================================= */

@media screen and (min-width: 750px) {
  /*
    Featured / Bestseller / Neuheiten
    JS schreibt pro Element:
    --nerdvana-scroll-opacity
    --nerdvana-scroll-shift
    --nerdvana-scroll-blur
    --nerdvana-scroll-scale
    --nerdvana-scroll-curtain
  */
  html.nerdvana-scroll-reveal-ready :is(
    #shopify-section-template--30569970172253__featured_collection_m48Bmb,
    #shopify-section-template--30569970172253__featured_collection
  ) :is(
    .collection__title,
    .title-wrapper,
    .grid__item,
    .center,
    .collection__view-all
  ) {
    opacity: var(--nerdvana-scroll-opacity, 0) !important;
    transform:
      translateY(var(--nerdvana-scroll-shift, 30px))
      scale(var(--nerdvana-scroll-scale, .985)) !important;
    filter: blur(var(--nerdvana-scroll-blur, 1.8px)) !important;
    transition: none !important;
    will-change: opacity, transform, filter, clip-path !important;
  }

  html.nerdvana-scroll-reveal-ready :is(
    #shopify-section-template--30569970172253__featured_collection_m48Bmb,
    #shopify-section-template--30569970172253__featured_collection
  ) .grid__item {
    clip-path:
      inset(
        0
        var(--nerdvana-scroll-curtain, 100%)
        0
        0
        round 22px
      ) !important;
  }

  html.nerdvana-scroll-reveal-ready :is(
    #shopify-section-template--30569970172253__featured_collection_m48Bmb,
    #shopify-section-template--30569970172253__featured_collection
  ).nerdvana-home-section-visible :is(
    .collection__title,
    .title-wrapper,
    .grid__item,
    .center,
    .collection__view-all
  ) {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    filter: blur(0) !important;
    clip-path: inset(0 0 0 0 round 22px) !important;
    transition: none !important;
  }

  html.nerdvana-scroll-reveal-ready :is(
    #shopify-section-template--30569970172253__featured_collection_m48Bmb,
    #shopify-section-template--30569970172253__featured_collection
  )::before {
    opacity: var(--nerdvana-scroll-section-glow, 0) !important;
    transition: none !important;
  }

  /*
    Collector Vault – Progress Repair V1.2
    Eigene Progress-Klasse verhindert Konflikte mit der alten
    ready/visible-Klassen-Timeline.
  */
  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--progress::before {
    opacity: var(--nerdvana-vault-line-opacity, 0) !important;
    filter: blur(var(--nerdvana-vault-line-blur, 6px)) brightness(1.08) !important;
    transform:
      translateX(-50%)
      translateY(var(--nerdvana-vault-line-shift, 18px))
      scaleX(var(--nerdvana-vault-line-scale, .18)) !important;
    transition: none !important;
    transition-delay: 0s !important;
  }

  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--progress::after {
    opacity: var(--nerdvana-vault-diamond-opacity, 0) !important;
    filter: blur(var(--nerdvana-vault-diamond-blur, 5px)) brightness(1.08) !important;
    transform:
      translate(-50%, calc(-50% + var(--nerdvana-vault-diamond-shift, 18px)))
      rotate(45deg)
      scale(var(--nerdvana-vault-diamond-scale, .72)) !important;
    transition: none !important;
    transition-delay: 0s !important;
  }

  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--progress .nerdvana-vault__intro {
    opacity: var(--nerdvana-vault-intro-opacity, 0) !important;
    filter: blur(var(--nerdvana-vault-intro-blur, 1.8px)) !important;
    transform:
      translateY(var(--nerdvana-vault-intro-shift, 30px))
      scale(var(--nerdvana-vault-intro-scale, .985)) !important;
    transition: none !important;
    transition-delay: 0s !important;
    will-change: opacity, transform, filter !important;
  }

  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--progress .nerdvana-vault__grid::before {
    /*
      Die Bühne darf nicht erst am Ende erscheinen.
      Sie bleibt während des Scroll-Reveals als leise Glasplattform sichtbar
      und wird nur noch klarer, während die Karten progressiv revealen.
    */
    opacity: clamp(.38, var(--nerdvana-vault-plate-opacity, .38), 1) !important;
    filter:
      blur(clamp(0px, var(--nerdvana-vault-plate-blur, 3px), 3px))
      brightness(1.025) !important;
    transform:
      translateY(var(--nerdvana-vault-plate-shift-y))
      scale(1) !important;
    clip-path: inset(0 0 0 0 round 42px) !important;
    transition: none !important;
    transition-delay: 0s !important;
  }

  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--progress .nerdvana-vault-card {
    opacity: var(--nerdvana-vault-card-opacity, 0) !important;
    filter: blur(var(--nerdvana-vault-card-blur, 1.8px)) !important;
    transform:
      translateY(var(--nerdvana-vault-card-shift, 30px))
      scale(var(--nerdvana-vault-card-scale, .985)) !important;
    clip-path:
      inset(
        0
        var(--nerdvana-vault-card-curtain, 100%)
        0
        0
        round 28px
      ) !important;
    transition: none !important;
    transition-delay: 0s !important;
    will-change: opacity, transform, filter, clip-path !important;
  }

  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--visible::before {
    opacity: 1 !important;
    filter: blur(0) brightness(1) !important;
    transform: translateX(-50%) translateY(0) scaleX(1) !important;
    transition: none !important;
    transition-delay: 0s !important;
  }

  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--visible::after {
    opacity: 1 !important;
    filter: blur(0) brightness(1) !important;
    transform: translate(-50%, -50%) rotate(45deg) scale(1) !important;
    transition: none !important;
    transition-delay: 0s !important;
  }

  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault__intro,
  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault-card {
    opacity: 1 !important;
    filter: blur(0) !important;
    transform: translateY(0) scale(1) !important;
    clip-path: inset(0 0 0 0 round 28px) !important;
    transition: none !important;
    transition-delay: 0s !important;
  }

  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault__grid::before {
    opacity: 1 !important;
    filter: blur(0) brightness(1) !important;
    transform: translateY(var(--nerdvana-vault-plate-shift-y)) scale(1) !important;
    clip-path: inset(0 0 0 0 round 42px) !important;
    transition: none !important;
    transition-delay: 0s !important;
  }

@media (prefers-reduced-motion: reduce) {
  html.nerdvana-scroll-reveal-ready :is(
    #shopify-section-template--30569970172253__featured_collection_m48Bmb,
    #shopify-section-template--30569970172253__featured_collection
  ) :is(
    .collection__title,
    .title-wrapper,
    .grid__item,
    .center,
    .collection__view-all
  ),
  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault .nerdvana-vault__intro,
  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault .nerdvana-vault-card {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    clip-path: none !important;
    transition: none !important;
  }
}

/* schließt DESKTOP/TABLET – One-Way Scroll Progress Reveals V1 */
}

/* =========================================
DESKTOP/TABLET – Vault Hover Lift Recovery V1.2
Crisp Normal State + Smooth Hover
Grund:
Der Scroll-Reveal-Final-State setzt filter: blur(0),
transform und transition:none auf die Karten. Das kann Text/Bild
im Normalzustand weich rendern. Dieser Block räumt den finalen
Normalzustand auf und behält den weichen Hover.
========================================= */

@media screen and (min-width: 750px) and (hover: hover) and (pointer: fine) {
  /*
    Während der Scroll-Reveal noch läuft:
    Der Kartenkörper bleibt unter Kontrolle des Reveal-Progress.
    Nur das Bild bekommt wieder seine weiche Hover-Bewegung.
  */
  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--progress .nerdvana-vault-card__visual {
    transition:
      border-color .46s ease,
      box-shadow .46s ease,
      background .46s ease !important;
    will-change: box-shadow, background, border-color !important;
  }

  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--progress .nerdvana-vault-card__image {
    transform: translate3d(0, 0, 0) scale(1) !important;
    transform-origin: center center !important;
    transition:
      transform .86s cubic-bezier(.16, 1, .3, 1),
      filter .46s ease !important;
    will-change: transform, filter !important;
    backface-visibility: hidden !important;
  }

  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--progress .nerdvana-vault-card:hover .nerdvana-vault-card__image,
  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--progress .nerdvana-vault-card:focus-visible .nerdvana-vault-card__image {
    transform: translate3d(0, -9px, 0) scale(1.006) !important;
    filter: brightness(1.015) contrast(1.085) saturate(1.045) !important;
  }

  /*
    Nach abgeschlossenem Reveal:
    Normalzustand bewusst wieder crisp machen.
    Kein dauerhafter filter: blur(0), kein permanentes will-change,
    kein unnötiger 3D-Composite-Layer auf dem Text.
  */
  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault-card {
    opacity: 1 !important;
    filter: none !important;
    clip-path: none !important;
    transform: none !important;
    transition:
      transform .72s cubic-bezier(.16, 1, .3, 1),
      border-color .38s ease,
      box-shadow .38s ease,
      background .38s ease !important;
    will-change: auto !important;
    backface-visibility: visible !important;
  }

  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault-card__content,
  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault-card__label,
  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault-card__title,
  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault-card__text,
  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault-card__action {
    filter: none !important;
    transform: none !important;
    will-change: auto !important;
    backface-visibility: visible !important;
  }

  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault-card__visual {
    filter: none !important;
    transform: none !important;
    transition:
      border-color .46s ease,
      box-shadow .46s ease,
      background .46s ease !important;
    will-change: auto !important;
    backface-visibility: visible !important;
  }

  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault-card__image {
    transform: none !important;
    transform-origin: center center !important;
    transition:
      transform .86s cubic-bezier(.16, 1, .3, 1),
      filter .46s ease !important;
    will-change: auto !important;
    backface-visibility: visible !important;
  }

  /*
    Hover:
    Erst beim Hover darf wieder ein Composite-Layer entstehen.
  */
  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault-card:hover,
  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault-card:focus-visible {
    transform: translate3d(0, -5px, 0) scale(1.007) !important;
    will-change: transform, box-shadow !important;
  }

  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault-card:hover .nerdvana-vault-card__image,
  html.nerdvana-scroll-reveal-ready #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault-card:focus-visible .nerdvana-vault-card__image {
    transform: translate3d(0, -9px, 0) scale(1.006) !important;
    filter: brightness(1.015) contrast(1.085) saturate(1.045) !important;
    will-change: transform, filter !important;
    backface-visibility: hidden !important;
  }
}

/* =========================================
DESKTOP/TABLET – Featured View-All Button Crisp Recovery V1
Repariert den Glasbutton nach dem Scroll-Reveal.
Grund:
Der One-Way Scroll-Reveal legt transform/filter/will-change auf
.center/.collection__view-all. Das kann den Glasbutton rasterig/flach wirken lassen.
========================================= */

@media screen and (min-width: 750px) {
  html.nerdvana-scroll-reveal-ready :is(
    #shopify-section-template--30569970172253__featured_collection,
    #shopify-section-template--30569970172253__featured_collection_m48Bmb
  ).nerdvana-home-section-visible :is(
    .center,
    .collection__view-all
  ) {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    clip-path: none !important;
    will-change: auto !important;
    backface-visibility: visible !important;
  }

  html.nerdvana-scroll-reveal-ready :is(
    #shopify-section-template--30569970172253__featured_collection,
    #shopify-section-template--30569970172253__featured_collection_m48Bmb
  ).nerdvana-home-section-visible :is(
    .center,
    .collection__view-all
  ) .button {
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    will-change: transform !important;
  }
}

/* =========================================
DESKTOP/TABLET – Vault Stage Reveal Decoupling V1.1
Bugfix:
- Die innere Vault-Bühne ist nicht mehr Teil des Reveals.
- Der Kartenschatten wird nicht mehr durch clip-path abgeschnitten.
- Nur der Kachel-Inhalt revealt weiter.
Desktop-Freeze: lokaler Bugfix nur für Vault-Reveal-State.
========================================= */

@media screen and (min-width: 750px) {
  /*
    Bühne:
    Die innere Vault-Bühne darf nicht erst am Ende erscheinen.
    Sie ist die Bühne, auf der der Reveal passiert.
  */
  #MainContent .nerdvana-vault .nerdvana-vault__grid::before,
  #MainContent .nerdvana-vault.nerdvana-vault--ready .nerdvana-vault__grid::before,
  #MainContent .nerdvana-vault.nerdvana-vault--progress .nerdvana-vault__grid::before,
  #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault__grid::before,
  html.nerdvana-scroll-reveal-ready body #MainContent .nerdvana-vault .nerdvana-vault__grid::before,
  html.nerdvana-scroll-reveal-ready body #MainContent .nerdvana-vault.nerdvana-vault--ready .nerdvana-vault__grid::before,
  html.nerdvana-scroll-reveal-ready body #MainContent .nerdvana-vault.nerdvana-vault--progress .nerdvana-vault__grid::before,
  html.nerdvana-scroll-reveal-ready body #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault__grid::before {
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    transform: translateY(var(--nerdvana-vault-plate-shift-y, 0rem)) scale(1) !important;
    clip-path: inset(0 0 0 0 round 42px) !important;
    transition: none !important;
    transition-delay: 0s !important;
    will-change: auto !important;
  }

  #MainContent .nerdvana-vault .nerdvana-vault__grid::after,
  #MainContent .nerdvana-vault.nerdvana-vault--ready .nerdvana-vault__grid::after,
  #MainContent .nerdvana-vault.nerdvana-vault--progress .nerdvana-vault__grid::after,
  #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault__grid::after,
  html.nerdvana-scroll-reveal-ready body #MainContent .nerdvana-vault .nerdvana-vault__grid::after,
  html.nerdvana-scroll-reveal-ready body #MainContent .nerdvana-vault.nerdvana-vault--ready .nerdvana-vault__grid::after,
  html.nerdvana-scroll-reveal-ready body #MainContent .nerdvana-vault.nerdvana-vault--progress .nerdvana-vault__grid::after,
  html.nerdvana-scroll-reveal-ready body #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault__grid::after {
    opacity: .76 !important;
    visibility: visible !important;
    filter: blur(.2px) !important;
    transform: none !important;
    clip-path: none !important;
    transition: none !important;
    transition-delay: 0s !important;
    will-change: auto !important;
  }

  /*
    Entscheidend:
    Die Kachel selbst darf während des Reveals NICHT geclippt werden,
    weil clip-path sonst den box-shadow abschneidet.
    Dadurch poppt der Schatten am Ende nicht mehr rein.
  */
  html.nerdvana-scroll-reveal-ready body #MainContent .nerdvana-vault.nerdvana-vault--progress .nerdvana-vault-card,
  html.nerdvana-scroll-reveal-ready body #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault-card {
    clip-path: none !important;
  }

  /*
    Der Reveal bleibt erhalten, aber nur auf dem Inhalt der Kachel.
    Glasbody + Schatten sind stabil, Bild/Text revealen weiter progressiv.
  */
  html.nerdvana-scroll-reveal-ready body #MainContent .nerdvana-vault.nerdvana-vault--progress .nerdvana-vault-card__visual,
  html.nerdvana-scroll-reveal-ready body #MainContent .nerdvana-vault.nerdvana-vault--progress .nerdvana-vault-card__content {
    clip-path:
      inset(
        0
        var(--nerdvana-vault-card-curtain, 100%)
        0
        var(--nerdvana-vault-card-curtain, 100%)
        round 24px
      ) !important;
  }

  html.nerdvana-scroll-reveal-ready body #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault-card__visual,
  html.nerdvana-scroll-reveal-ready body #MainContent .nerdvana-vault.nerdvana-vault--visible .nerdvana-vault-card__content {
    clip-path: none !important;
  }
}

/* =========================================
MOBILE/TABLET – Nerdvana Product Swipe Shelf V1
Wiederverwendbare Theme-Editor-Section für Bestseller/Neuheiten-Shelves.
Desktop V1.x bleibt unangetastet: Section ist ab 990px unsichtbar.
========================================= */
.nerdvana-product-shelf-section {
  display: none !important;
}

@media screen and (max-width: 989px) {
  .nerdvana-product-shelf-section {
    display: block !important;
    background: transparent !important;
    overflow: hidden !important;
  }

  body #MainContent .nerdvana-product-shelf {
    position: relative !important;
    isolation: isolate !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
    background:
      radial-gradient(72% 68% at 50% 0, rgba(255,255,255,.94) 0, rgba(239,248,253,.58) 46%, rgba(247,249,252,0) 78%),
      linear-gradient(180deg, rgba(247,249,252,0) 0, rgba(245,248,251,.86) 46%, rgba(247,249,252,0) 100%) !important;
  }

  body #MainContent .nerdvana-product-shelf__inner {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    overflow: visible !important;
  }

  body #MainContent .nerdvana-product-shelf__header {
    position: relative !important;
    width: min(100%, 62rem) !important;
    margin: 0 auto clamp(1.35rem, 4.2vw, 2rem) !important;
    padding: 0 clamp(1.6rem, 5vw, 2.4rem) clamp(1.48rem, 4.4vw, 2rem) !important;
    text-align: center !important;
  }

    body #MainContent .nerdvana-product-shelf__header::before {
    content: "" !important;
    position: absolute !important;
    left: clamp(2rem, 8vw, 3.4rem) !important;
    right: clamp(2rem, 8vw, 3.4rem) !important;
    bottom: .56rem !important;
    z-index: 1 !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent 0, rgba(205,216,224,.44) 18%, rgba(5,200,255,.42) 50%, rgba(205,216,224,.44) 82%, transparent 100%) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.92),
      0 0 12px rgba(5,200,255,.075) !important;
    pointer-events: none !important;
  }

  body #MainContent .nerdvana-product-shelf__header::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: .56rem !important;
    z-index: 2 !important;
    width: clamp(1.34rem, 4.3vw, 1.74rem) !important;
    height: clamp(1.34rem, 4.3vw, 1.74rem) !important;
    transform: translate(-50%, 50%) rotate(45deg) !important;
    background:
      linear-gradient(135deg, rgba(255,255,255,.98), rgba(232,249,255,.72) 54%, rgba(5,200,255,.18)) !important;
    border: 1px solid rgba(5,200,255,.46) !important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.82) inset,
      0 0 15px rgba(5,200,255,.16) !important;
    pointer-events: none !important;
  }

  body #MainContent .nerdvana-product-shelf__title {
    position: relative !important;
    z-index: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    color: #0d1f46 !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: clamp(1.7rem, 5vw, 2.28rem) !important;
    font-weight: 400 !important;
    line-height: 1.12 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,.9),
      0 0 8px rgba(5,200,255,.055) !important;
  }

  body #MainContent .nerdvana-product-shelf__title::after {
    content: none !important;
    display: none !important;
  }

  body #MainContent .nerdvana-product-shelf__subtitle {
    max-width: 46rem !important;
    margin: .82rem auto 0 !important;
    color: rgba(36,54,95,.66) !important;
    font-family: Montserrat, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: clamp(.9rem, 2.65vw, 1.02rem) !important;
    font-weight: 500 !important;
    line-height: 1.48 !important;
    letter-spacing: .025em !important;
  }

  body #MainContent .nerdvana-product-shelf__viewport {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  body #MainContent .nerdvana-product-shelf__viewport::before,
  body #MainContent .nerdvana-product-shelf__viewport::after {
    content: "" !important;
    position: absolute !important;
    top: .45rem !important;
    bottom: .95rem !important;
    z-index: 4 !important;
    width: clamp(1.2rem, 5vw, 2.4rem) !important;
    pointer-events: none !important;
  }

  body #MainContent .nerdvana-product-shelf__viewport::before {
    left: 0 !important;
    background: linear-gradient(90deg, #f7f9fc 0, rgba(247,249,252,0) 100%) !important;
  }

  body #MainContent .nerdvana-product-shelf__viewport::after {
    right: 0 !important;
    background: linear-gradient(270deg, #f7f9fc 0, rgba(247,249,252,0) 100%) !important;
  }

  body #MainContent .nerdvana-product-shelf__rail {
    --nerdvana-shelf-edge: clamp(1.45rem, 5vw, 2rem);
    --nerdvana-shelf-gap: clamp(1rem, 3.05vw, 1.32rem);
    --nerdvana-shelf-card-width: clamp(14.3rem, 41.8vw, 18rem);

    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-left: var(--nerdvana-shelf-edge) !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    outline: none !important;
  }

  body #MainContent .nerdvana-product-shelf__rail::-webkit-scrollbar {
    display: none !important;
  }

  body #MainContent .nerdvana-product-shelf--one-peek .nerdvana-product-shelf__rail {
    --nerdvana-shelf-card-width: clamp(24rem, 78vw, 31rem);
  }

  body #MainContent .nerdvana-product-shelf--one-half .nerdvana-product-shelf__rail {
    --nerdvana-shelf-card-width: clamp(20rem, 63vw, 26rem);
  }

  body #MainContent .nerdvana-product-shelf--two-peek .nerdvana-product-shelf__rail {
    --nerdvana-shelf-card-width: clamp(14.3rem, 41.8vw, 18rem);
  }

  body #MainContent .nerdvana-product-shelf__grid,
  body #MainContent .nerdvana-product-shelf .product-grid,
  body #MainContent .nerdvana-product-shelf .grid {
    display: flex !important;
    align-items: stretch !important;
    gap: var(--nerdvana-shelf-gap) !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: .34rem var(--nerdvana-shelf-edge) 1.02rem !important;
    list-style: none !important;
  }

  body #MainContent .nerdvana-product-shelf__item,
  body #MainContent .nerdvana-product-shelf .grid__item {
    flex: 0 0 var(--nerdvana-shelf-card-width) !important;
    width: var(--nerdvana-shelf-card-width) !important;
    max-width: var(--nerdvana-shelf-card-width) !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;

    border: 1px solid rgba(27,61,143,.12) !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 18px 42px rgba(13,31,70,.08), 0 6px 16px rgba(13,31,70,.045), 0 0 0 1px rgba(255,255,255,.82) inset !important;
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    transform: translateZ(0) !important;
  }

  body #MainContent .nerdvana-product-shelf .grid__item::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 7 !important;
    pointer-events: none !important;
    border-radius: 22px !important;
    padding: 5px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.98) 0, rgba(247,250,253,.96) 42%, rgba(225,232,237,.82) 100%) border-box !important;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) border-box !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.88), inset 0 12px 20px rgba(255,255,255,.42), inset 0 -12px 20px rgba(27,61,143,.035), 0 0 16px rgba(5,200,255,.035) !important;
  }

  body #MainContent .nerdvana-product-shelf .card-wrapper,
  body #MainContent .nerdvana-product-shelf .card {
    height: 100% !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body #MainContent .nerdvana-product-shelf .card__inner {
    background: transparent !important;
    border-bottom: 1px solid rgba(5,200,255,.34) !important;
    overflow: hidden !important;
  }

  body #MainContent .nerdvana-product-shelf .card__inner.ratio {
    --ratio-percent: 82% !important;
  }

  body #MainContent .nerdvana-product-shelf .card__media {
    position: relative !important;
    isolation: isolate !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  body #MainContent .nerdvana-product-shelf .card__media::before,
  body #MainContent .nerdvana-product-shelf .card__inner::after {
    content: none !important;
    display: none !important;
  }

  body #MainContent .nerdvana-product-shelf .card__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    filter: brightness(1.075) contrast(1.045) saturate(1.025) !important;
  }

  body #MainContent .nerdvana-product-shelf .card__inner .card__content {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
  }

  body #MainContent .nerdvana-product-shelf .card__inner .card__information,
  body #MainContent .nerdvana-product-shelf .card__inner .card__heading,
  body #MainContent .nerdvana-product-shelf .card__inner .card-information {
    display: none !important;
  }

  body #MainContent .nerdvana-product-shelf .card__inner .card__badge {
    display: flex !important;
    position: absolute !important;
    left: clamp(.72rem, 2.45vw, .98rem) !important;
    top: clamp(.72rem, 2.45vw, .98rem) !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 5 !important;
    pointer-events: none !important;
  }

  body #MainContent .nerdvana-product-shelf .card__badge .badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: clamp(2.08rem, 5.8vw, 2.34rem) !important;
    padding: clamp(.22rem, .8vw, .32rem) clamp(.66rem, 2.15vw, .82rem) !important;
    border-radius: 999px !important;
    border: 1px solid rgba(5,200,255,.26) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.90) 0, rgba(241,249,253,.74) 100%) !important;
    color: rgba(27,61,143,.82) !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: clamp(.64rem, 1.82vw, .74rem) !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: clamp(.035em, .14vw, .055em) !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 10px rgba(13,31,70,.055), 0 0 7px rgba(5,200,255,.045), 0 0 0 1px rgba(255,255,255,.70) inset, 0 1px 0 rgba(255,255,255,.82) inset !important;
  }

  body #MainContent .nerdvana-product-shelf .card-wrapper .nerdvana-favorite-button--card {
    top: clamp(.62rem, 2.15vw, .86rem) !important;
    right: clamp(.62rem, 2.15vw, .86rem) !important;
    width: 3rem !important;
    height: 3rem !important;
    min-width: 3rem !important;
    min-height: 3rem !important;
    z-index: 9 !important;
  }

  body #MainContent .nerdvana-product-shelf .card > .card__content {
    display: block !important;
    background: #fff !important;
  }

  body #MainContent .nerdvana-product-shelf .card > .card__content .card__badge,
  body #MainContent .nerdvana-product-shelf .card > .card__content .price__badges,
  body #MainContent .nerdvana-product-shelf .card > .card__content .price__badge-sale,
  body #MainContent .nerdvana-product-shelf .card > .card__content .price__badge-sold-out {
    display: none !important;
  }

  body #MainContent .nerdvana-product-shelf .card__information {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    padding: clamp(1.2rem, 3.7vw, 1.58rem) clamp(.68rem, 2.3vw, .96rem) clamp(1.32rem, 4.1vw, 1.72rem) !important;
    min-height: clamp(12.8rem, 35vw, 15.6rem) !important;
    background: #fff !important;
    text-align: center !important;
  }

  body #MainContent .nerdvana-product-shelf .card__heading,
  body #MainContent .nerdvana-product-shelf .card__heading.h5 {
    margin: 0 !important;
    min-height: 4.7em !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: clamp(.82rem, 2.62vw, 1.04rem) !important;
    line-height: 1.22 !important;
    letter-spacing: clamp(.016em, .11vw, .048em) !important;
    font-weight: 500 !important;
    color: #1b3d8f !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    text-wrap: balance !important;
  }

  body #MainContent .nerdvana-product-shelf .card__heading a,
  body #MainContent .nerdvana-product-shelf .card__heading .full-unstyled-link {
    color: #1b3d8f !important;
    text-decoration: none !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
  }

  body #MainContent .nerdvana-product-shelf .card-information {
    margin-top: auto !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
  }

  body #MainContent .nerdvana-product-shelf .price {
    width: 100% !important;
    margin-top: .95rem !important;
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1.25 !important;
    letter-spacing: .04em !important;
    color: #1b3d8f !important;
    font-weight: inherit !important;
    --nerdvana-shelf-sale-price-size: clamp(1.08rem, 3.05vw, 1.22rem);
    --nerdvana-shelf-old-price-size: clamp(.82rem, 2.25vw, .95rem);
  }

  body #MainContent .nerdvana-product-shelf .price__container {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body #MainContent .nerdvana-product-shelf .price--on-sale .price__regular,
  body #MainContent .nerdvana-product-shelf .price:not(.price--on-sale) .price__sale {
    display: none !important;
  }

  body #MainContent .nerdvana-product-shelf .price--on-sale .price__sale {
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
  }

  body #MainContent .nerdvana-product-shelf .price--on-sale .price-item--sale,
  body #MainContent .nerdvana-product-shelf .price--on-sale .price-item--last,
  body #MainContent .nerdvana-product-shelf .price:not(.price--on-sale) .price-item--regular {
    display: block !important;
    font-size: var(--nerdvana-shelf-sale-price-size) !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    color: #1b3d8f !important;
  }

  body #MainContent .nerdvana-product-shelf .price--on-sale s,
  body #MainContent .nerdvana-product-shelf .price--on-sale .price-item--regular {
    display: block !important;
    margin-top: .42rem !important;
    font-size: var(--nerdvana-shelf-old-price-size) !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
    color: rgba(27,61,143,.48) !important;
    text-decoration-thickness: 1px !important;
  }

  body #MainContent .nerdvana-product-shelf .price:not(.price--on-sale) .price__regular {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
  }

  body #MainContent .nerdvana-product-shelf .quick-add {
    position: relative !important;
    isolation: isolate !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: .78rem .8rem 1.34rem !important;
    --nerdvana-qa-glow-left: 50%;
    --nerdvana-qa-glow-top: 50%;
    --nerdvana-qa-glow-width: calc(100% - 1.6rem);
    --nerdvana-qa-glow-height: 5.4rem;
    --nerdvana-qa-glow-radius: 17px;
  }

  body #MainContent .nerdvana-product-shelf .quick-add::before {
    content: "" !important;
    position: absolute !important;
    left: var(--nerdvana-qa-glow-left) !important;
    top: var(--nerdvana-qa-glow-top) !important;
    z-index: 1 !important;
    width: var(--nerdvana-qa-glow-width) !important;
    height: var(--nerdvana-qa-glow-height) !important;
    transform: translate(-50%, -50%) scale(.992) !important;
    border-radius: var(--nerdvana-qa-glow-radius) !important;
    pointer-events: none !important;
    background: transparent !important;
    opacity: 0 !important;
    box-shadow: 0 0 0 1px rgba(5,200,255,.24), 0 0 9px rgba(5,200,255,.11), 0 0 18px rgba(5,200,255,.055), 0 8px 18px rgba(13,31,70,.04) !important;
    transition: opacity .22s ease, transform .22s ease, box-shadow .22s ease !important;
  }

  body #MainContent .nerdvana-product-shelf .quick-add:hover::before,
  body #MainContent .nerdvana-product-shelf .quick-add:focus-within::before {
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(1) !important;
  }

    body #MainContent .nerdvana-product-shelf .quick-add__submit,
  body #MainContent .nerdvana-product-shelf__button {
    position: relative !important;
    z-index: 2 !important;
    isolation: isolate !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .48rem !important;
    width: calc(100% - .2rem) !important;
    min-height: 54px !important;
    padding: 0 .92rem !important;
    box-sizing: border-box !important;
    border-radius: 17px !important;
    border: 1px solid rgba(225,232,237,.96) !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    --border-offset: 0 !important;
    --buttons-border-width: 0 !important;
    --buttons-border-opacity: 0 !important;
    --alpha-button-background: 0 !important;
    --alpha-button-border: 0 !important;
    color: #102b66 !important;
    -webkit-text-fill-color: #102b66 !important;
    background:
      radial-gradient(ellipse at 22% 0, rgba(255,255,255,.72) 0, rgba(255,255,255,.2) 27%, transparent 52%),
      radial-gradient(ellipse at 78% 100%, rgba(205,216,224,.18) 0, rgba(205,216,224,.045) 34%, transparent 68%),
      linear-gradient(180deg, rgba(255,255,255,.18) 0, rgba(252,253,254,.075) 45%, rgba(238,242,245,.13) 100%) !important;
    box-shadow:
      0 18px 26px rgba(13,31,70,.06),
      0 7px 13px rgba(13,31,70,.034),
      0 2px 3px rgba(255,255,255,.78) inset,
      0 0 0 1px rgba(255,255,255,.94) inset,
      0 0 0 2px rgba(255,255,255,.22) inset,
      0 -1px 0 rgba(145,164,175,.09) inset,
      0 -12px 20px rgba(188,198,205,.045) inset !important;
    backdrop-filter: blur(14px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.04) !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: .76rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .052em !important;
    transform: none !important;
  }

  body #MainContent .nerdvana-product-shelf .quick-add__submit::before,
  body #MainContent .nerdvana-product-shelf__button::before {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    z-index: 1 !important;
    pointer-events: none !important;
    border-radius: inherit !important;
    border: 1px solid rgba(255,255,255,.9) !important;
    outline: none !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.38) 0, rgba(255,255,255,.1) 34%, rgba(255,255,255,.025) 100%),
      radial-gradient(ellipse at 18% 0, rgba(255,255,255,.88) 0, rgba(255,255,255,.16) 28%, transparent 52%),
      linear-gradient(112deg, transparent 0, rgba(255,255,255,.18) 24%, rgba(255,255,255,.045) 38%, transparent 55%) !important;
    box-shadow:
      0 0 0 1px rgba(202,214,221,.28) inset,
      0 1px 0 rgba(255,255,255,.96) inset,
      0 -1px 0 rgba(131,152,164,.052) inset !important;
    opacity: .96 !important;
    transform: none !important;
  }

  body #MainContent .nerdvana-product-shelf .quick-add__submit::after,
  body #MainContent .nerdvana-product-shelf__button::after {
    content: "" !important;
    position: absolute !important;
    left: 14px !important;
    right: 14px !important;
    bottom: 6px !important;
    z-index: 2 !important;
    display: block !important;
    height: 7px !important;
    border-radius: 999px !important;
    border: 0 !important;
    outline: none !important;
    background: linear-gradient(90deg, transparent 0, rgba(255,255,255,.22) 16%, rgba(202,214,222,.24) 35%, rgba(255,255,255,.4) 50%, rgba(202,214,222,.22) 65%, rgba(255,255,255,.16) 84%, transparent 100%) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.74),
      0 5px 10px rgba(13,31,70,.05),
      0 12px 18px rgba(13,31,70,.038),
      0 18px 24px rgba(13,31,70,.02) !important;
    opacity: .86 !important;
    filter: blur(.22px) !important;
    pointer-events: none !important;
  }

  /*
    Product Shelf Button Content Center Lock V1
    Die Crystal-CTA-Dekolayer werden aus dem Flexfluss genommen.
    Nur Icon + sichtbares Label bleiben echte Flex-Kinder.
  */

  body #MainContent .nerdvana-product-shelf .quick-add__submit .nerdvana-crystal-cta__svg,
  body #MainContent .nerdvana-product-shelf .quick-add__submit .nerdvana-crystal-cta__refraction,
  body #MainContent .nerdvana-product-shelf .quick-add__submit .nerdvana-crystal-cta__specular {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    pointer-events: none !important;
  }

  body #MainContent .nerdvana-product-shelf .quick-add__submit .nerdvana-crystal-cta__svg svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  body #MainContent .nerdvana-product-shelf .quick-add__submit > *,
  body #MainContent .nerdvana-product-shelf__button > * {
    position: relative !important;
    z-index: 5 !important;
  }

  body #MainContent .nerdvana-product-shelf .quick-add__submit > .hidden,
  body #MainContent .nerdvana-product-shelf .quick-add__submit > .sold-out-message {
    display: none !important;
  }

  body #MainContent .nerdvana-product-shelf .quick-add__submit > span:not(.hidden):not(.sold-out-message):not([class^="nerdvana-crystal-cta__"]),
  body #MainContent .nerdvana-product-shelf__button > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 5 !important;
    min-height: 1.12rem !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #102b66 !important;
    -webkit-text-fill-color: #102b66 !important;
    font-family: 'Cinzel Nerdvana', Georgia, serif !important;
    font-size: .76rem !important;
    font-weight: 700 !important;
    letter-spacing: .052em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-align: center !important;
    transform: translateY(.01rem) !important;
  }

  body #MainContent .nerdvana-product-shelf .quick-add__submit .nerdvana-crystal-cta__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1.08rem !important;
    height: 1.08rem !important;
    position: relative !important;
    z-index: 5 !important;
    flex: 0 0 1.08rem !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #102b66 !important;
    opacity: .76 !important;
    transform: translateY(-.03rem) !important;
    pointer-events: none !important;
  }

  body #MainContent .nerdvana-product-shelf .quick-add__submit .nerdvana-crystal-cta__icon svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    overflow: visible !important;
  }

  /*
    Product Shelf Quick-Add Loading Ritual V1
    Bringt den bestehenden Dawn-Ladekreis in die neue mobile Shelf-Section.
    Nur Optik, keine Cart-/Quick-Add-Logik.
  */

  body #MainContent .nerdvana-product-shelf .quick-add__submit.loading {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    transform: translateY(1px) scale(.992) !important;
    filter: brightness(.992) saturate(.99) !important;
    box-shadow:
      0 10px 18px rgba(13,31,70,.052),
      0 4px 9px rgba(13,31,70,.034),
      0 2px 4px rgba(13,31,70,.045) inset,
      0 0 0 1px rgba(255,255,255,.94) inset,
      0 -8px 16px rgba(188,198,205,.052) inset !important;
  }

  body #MainContent .nerdvana-product-shelf .quick-add__submit.loading:not(:has(.sold-out-message:not(.hidden))) > span:not(.hidden):not(.sold-out-message):not([class^="nerdvana-crystal-cta__"]) {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(.08rem) !important;
    pointer-events: none !important;
  }

  body #MainContent .nerdvana-product-shelf .quick-add__submit.loading:not(:has(.sold-out-message:not(.hidden))) .nerdvana-crystal-cta__icon {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body #MainContent .nerdvana-product-shelf .quick-add__submit.loading:not(:has(.sold-out-message:not(.hidden))) .loading__spinner {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: 50% !important;
    z-index: 8 !important;
    display: block !important;
    width: 1.42rem !important;
    height: 1.42rem !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, -50%) !important;
    pointer-events: none !important;
  }

  body #MainContent .nerdvana-product-shelf .quick-add__submit.loading:not(:has(.sold-out-message:not(.hidden))) .loading__spinner svg,
  body #MainContent .nerdvana-product-shelf .quick-add__submit.loading:not(:has(.sold-out-message:not(.hidden))) .spinner {
    display: block !important;
    width: 1.42rem !important;
    height: 1.42rem !important;
    color: #1b3d8f !important;
    stroke: currentColor !important;
  }

  body #MainContent .nerdvana-product-shelf .quick-add__submit[disabled]:not(.loading),
  body #MainContent .nerdvana-product-shelf .quick-add__submit[aria-disabled="true"]:not(.loading) {
    opacity: 1 !important;
    cursor: default !important;
  }

  body #MainContent .nerdvana-product-shelf__actions {
    display: flex !important;
    justify-content: center !important;
    margin: clamp(1.05rem, 3.8vw, 1.65rem) 0 0 !important;
    padding: 0 clamp(1.45rem, 5vw, 2rem) !important;
  }

  body #MainContent .nerdvana-product-shelf__button {
    width: auto !important;
    min-width: min(28rem, calc(100vw - 3.2rem)) !important;
    min-height: 50px !important;
    padding: 0 2.2rem !important;
    font-size: .86rem !important;
    letter-spacing: .09em !important;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  body #MainContent .nerdvana-product-shelf__rail {
    --nerdvana-shelf-edge: clamp(2rem, 4vw, 3.2rem);
    --nerdvana-shelf-gap: clamp(1.18rem, 2.2vw, 1.7rem);
  }

  body #MainContent .nerdvana-product-shelf--two-peek .nerdvana-product-shelf__rail {
    --nerdvana-shelf-card-width: clamp(21rem, 29.2vw, 25rem);
  }

  body #MainContent .nerdvana-product-shelf--one-half .nerdvana-product-shelf__rail {
    --nerdvana-shelf-card-width: clamp(25rem, 42vw, 32rem);
  }

  body #MainContent .nerdvana-product-shelf--one-peek .nerdvana-product-shelf__rail {
    --nerdvana-shelf-card-width: clamp(32rem, 58vw, 42rem);
  }

  body #MainContent .nerdvana-product-shelf .card__heading,
  body #MainContent .nerdvana-product-shelf .card__heading.h5 {
    font-size: clamp(1rem, 1.55vw, 1.14rem) !important;
  }

  body #MainContent .nerdvana-product-shelf .quick-add__submit {
    font-size: .82rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body #MainContent .nerdvana-product-shelf,
  body #MainContent .nerdvana-product-shelf * {
    scroll-behavior: auto !important;
  }
}

/* =========================================
MOBILE/TABLET – Product Card Quick-Add Center Lock V1.1
Zentriert Cart-Icon + Text in bestehenden mobilen Produktkarten-Buttons.
Spinner-Restore: Dawn-Ladekreis bleibt beim Loading wieder exakt mittig.
Desktop V1.x bleibt unangetastet.
========================================= */

@media screen and (max-width: 989px) {
  body #MainContent :is(
    #ProductGridContainer .quick-add__submit,
    #product-grid .quick-add__submit,
    .template-search__results .quick-add__submit,
    .template-search__results .quick-add .button,
    #shopify-section-template--30569970172253__featured_collection .quick-add__submit,
    #shopify-section-template--30569970172253__featured_collection_m48Bmb .quick-add__submit,
    .related-products .quick-add__submit,
    product-recommendations.related-products .quick-add__submit
  ) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .48rem !important;
    text-align: center !important;
    position: relative !important;
  }

  body #MainContent :is(
    #ProductGridContainer .quick-add__submit,
    #product-grid .quick-add__submit,
    .template-search__results .quick-add__submit,
    .template-search__results .quick-add .button,
    #shopify-section-template--30569970172253__featured_collection .quick-add__submit,
    #shopify-section-template--30569970172253__featured_collection_m48Bmb .quick-add__submit,
    .related-products .quick-add__submit,
    product-recommendations.related-products .quick-add__submit
  ) :is(
    .nerdvana-crystal-cta__svg,
    .nerdvana-crystal-cta__refraction,
    .nerdvana-crystal-cta__specular
  ) {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    pointer-events: none !important;
  }

  body #MainContent :is(
    #ProductGridContainer .quick-add__submit,
    #product-grid .quick-add__submit,
    .template-search__results .quick-add__submit,
    .template-search__results .quick-add .button,
    #shopify-section-template--30569970172253__featured_collection .quick-add__submit,
    #shopify-section-template--30569970172253__featured_collection_m48Bmb .quick-add__submit,
    .related-products .quick-add__submit,
    product-recommendations.related-products .quick-add__submit
  ) .nerdvana-crystal-cta__svg svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  /*
    Wichtig:
    Nicht mehr pauschal alle direkten Kinder anfassen.
    Der Dawn-Spinner ist ebenfalls ein Button-Kind und muss absolut bleiben.
  */
  body #MainContent :is(
    #ProductGridContainer .quick-add__submit,
    #product-grid .quick-add__submit,
    .template-search__results .quick-add__submit,
    .template-search__results .quick-add .button,
    #shopify-section-template--30569970172253__featured_collection .quick-add__submit,
    #shopify-section-template--30569970172253__featured_collection_m48Bmb .quick-add__submit,
    .related-products .quick-add__submit,
    product-recommendations.related-products .quick-add__submit
  ) > *:not(.loading__spinner):not([class^="nerdvana-crystal-cta__"]) {
    position: relative !important;
    z-index: 5 !important;
  }

  body #MainContent :is(
    #ProductGridContainer .quick-add__submit,
    #product-grid .quick-add__submit,
    .template-search__results .quick-add__submit,
    .template-search__results .quick-add .button,
    #shopify-section-template--30569970172253__featured_collection .quick-add__submit,
    #shopify-section-template--30569970172253__featured_collection_m48Bmb .quick-add__submit,
    .related-products .quick-add__submit,
    product-recommendations.related-products .quick-add__submit
  ) > span:not(.hidden):not(.sold-out-message):not(.loading__spinner):not([class^="nerdvana-crystal-cta__"]) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 1.12rem !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    transform: translateY(.01rem) !important;
  }

  body #MainContent :is(
    #ProductGridContainer .quick-add__submit,
    #product-grid .quick-add__submit,
    .template-search__results .quick-add__submit,
    .template-search__results .quick-add .button,
    #shopify-section-template--30569970172253__featured_collection .quick-add__submit,
    #shopify-section-template--30569970172253__featured_collection_m48Bmb .quick-add__submit,
    .related-products .quick-add__submit,
    product-recommendations.related-products .quick-add__submit
  ) .nerdvana-crystal-cta__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1.08rem !important;
    height: 1.08rem !important;
    flex: 0 0 1.08rem !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(-.03rem) !important;
    pointer-events: none !important;
  }

  body #MainContent :is(
    #ProductGridContainer .quick-add__submit,
    #product-grid .quick-add__submit,
    .template-search__results .quick-add__submit,
    .template-search__results .quick-add .button,
    #shopify-section-template--30569970172253__featured_collection .quick-add__submit,
    #shopify-section-template--30569970172253__featured_collection_m48Bmb .quick-add__submit,
    .related-products .quick-add__submit,
    product-recommendations.related-products .quick-add__submit
  ) .nerdvana-crystal-cta__icon svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  /*
    Loading Restore:
    Beim Klick verschwinden Label + Cart-Icon,
    der Dawn-Spinner sitzt wieder exakt mittig.
  */
  body #MainContent :is(
    #ProductGridContainer .quick-add__submit,
    #product-grid .quick-add__submit,
    .template-search__results .quick-add__submit,
    .template-search__results .quick-add .button,
    #shopify-section-template--30569970172253__featured_collection .quick-add__submit,
    #shopify-section-template--30569970172253__featured_collection_m48Bmb .quick-add__submit,
    .related-products .quick-add__submit,
    product-recommendations.related-products .quick-add__submit
  ).loading:not(:has(.sold-out-message:not(.hidden))) {
    transform: translateY(1px) scale(.992) !important;
    filter: brightness(.992) saturate(.99) !important;
  }

  body #MainContent :is(
    #ProductGridContainer .quick-add__submit,
    #product-grid .quick-add__submit,
    .template-search__results .quick-add__submit,
    .template-search__results .quick-add .button,
    #shopify-section-template--30569970172253__featured_collection .quick-add__submit,
    #shopify-section-template--30569970172253__featured_collection_m48Bmb .quick-add__submit,
    .related-products .quick-add__submit,
    product-recommendations.related-products .quick-add__submit
  ).loading:not(:has(.sold-out-message:not(.hidden))) > span:not(.loading__spinner):not(.hidden):not(.sold-out-message):not([class^="nerdvana-crystal-cta__"]),
  body #MainContent :is(
    #ProductGridContainer .quick-add__submit,
    #product-grid .quick-add__submit,
    .template-search__results .quick-add__submit,
    .template-search__results .quick-add .button,
    #shopify-section-template--30569970172253__featured_collection .quick-add__submit,
    #shopify-section-template--30569970172253__featured_collection_m48Bmb .quick-add__submit,
    .related-products .quick-add__submit,
    product-recommendations.related-products .quick-add__submit
  ).loading:not(:has(.sold-out-message:not(.hidden))) .nerdvana-crystal-cta__icon {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body #MainContent :is(
    #ProductGridContainer .quick-add__submit,
    #product-grid .quick-add__submit,
    .template-search__results .quick-add__submit,
    .template-search__results .quick-add .button,
    #shopify-section-template--30569970172253__featured_collection .quick-add__submit,
    #shopify-section-template--30569970172253__featured_collection_m48Bmb .quick-add__submit,
    .related-products .quick-add__submit,
    product-recommendations.related-products .quick-add__submit
  ).loading:not(:has(.sold-out-message:not(.hidden))) .loading__spinner {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: 50% !important;
    z-index: 8 !important;
    display: block !important;
    width: 1.42rem !important;
    height: 1.42rem !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, -50%) !important;
    pointer-events: none !important;
  }

  body #MainContent :is(
    #ProductGridContainer .quick-add__submit,
    #product-grid .quick-add__submit,
    .template-search__results .quick-add__submit,
    .template-search__results .quick-add .button,
    #shopify-section-template--30569970172253__featured_collection .quick-add__submit,
    #shopify-section-template--30569970172253__featured_collection_m48Bmb .quick-add__submit,
    .related-products .quick-add__submit,
    product-recommendations.related-products .quick-add__submit
  ).loading:not(:has(.sold-out-message:not(.hidden))) .loading__spinner svg,
  body #MainContent :is(
    #ProductGridContainer .quick-add__submit,
    #product-grid .quick-add__submit,
    .template-search__results .quick-add__submit,
    .template-search__results .quick-add .button,
    #shopify-section-template--30569970172253__featured_collection .quick-add__submit,
    #shopify-section-template--30569970172253__featured_collection_m48Bmb .quick-add__submit,
    .related-products .quick-add__submit,
    product-recommendations.related-products .quick-add__submit
  ).loading:not(:has(.sold-out-message:not(.hidden))) .spinner {
    display: block !important;
    width: 1.42rem !important;
    height: 1.42rem !important;
    color: #1b3d8f !important;
    stroke: currentColor !important;
  }
}