/** Shopify CDN: Minification failed

Line 3199:0 Unexpected "}"
Line 3203:0 Unexpected "}"
Line 3256:0 Unexpected "}"

**/
/* Synczone Theme v1.0.0 — Dark Mode Only */
/* Dynamic vars (--brand, --page-width, --bg, etc.) are set in theme.liquid <style> from Theme Settings */

/* === Font-Metric-Override: Fallback-Schriften matchen DM Sans / Space Mono — verhindert CLS beim Web-Font-Swap === */
@font-face{font-family:'DM Sans Fallback';src:local('Arial');size-adjust:105.55%;ascent-override:92.62%;descent-override:28.71%;line-gap-override:0%}
@font-face{font-family:'DM Sans Fallback';src:local('Helvetica Neue'),local('Helvetica');size-adjust:105.55%;ascent-override:92.62%;descent-override:28.71%;line-gap-override:0%}
@font-face{font-family:'Space Mono Fallback';src:local('Courier New');size-adjust:99.93%;ascent-override:87.5%;descent-override:32%;line-gap-override:0%}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;overflow-x:clip;scrollbar-gutter:stable}
body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
::selection{background:var(--brand);color:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes orbFloat{0%,100%{transform:translate(0,0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-20px,15px)scale(.95)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}

/* ── RESTORED BASE STYLES ──────────────────────────────────── */
.sz-header{position:sticky;top:0;z-index:100;height:56px;align-self:start;width:100%;background:var(--header-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid var(--border);box-shadow:0 4px 24px rgba(0,0,0,0.3);padding:0 24px;display:flex;align-items:center;justify-content:space-between;transition:background-color .3s,border-color .3s,box-shadow .3s}
@media(max-width:640px){.sz-header{backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%)}}
/* Fix sticky header inside Shopify flex body — section group wrapper must not stretch */
.shopify-section-group-header-group{position:sticky;top:0;z-index:100;align-self:start;width:100%}
.sz-header--nav-open{background:var(--bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.sz-nav-link{font-size:13px;font-weight:500;color:var(--text2);transition:color .2s;text-decoration:none;padding:6px 0;position:relative}
.sz-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:orbFloat 14s ease-in-out infinite;will-change:transform}
/* GLOBAL: User mit aktiviertem „Reduced Motion" Setting bekommen alle Infinite-Animationen drastisch reduziert.
   Verhindert Motion-Sickness, respektiert OS-A11y-Setting (Win10+, macOS, iOS, Android). */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
  .sz-orb,.sz-perf-scan,.sz-hero-particle{display:none!important}
}
.sz-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}
.sz-section{padding:80px 32px}
/* Modifier für erste Content-Section direkt nach einem Page-Header — reduziert Doppel-Padding-Stack
   (Page-Header padding-bottom + Section padding-top war 116-132px = zu viel Whitespace).
   Mit dieser Klasse: Stack reduziert auf ~90px Desktop / ~80px Mobile. */
.sz-section--after-hero{padding-top:48px}
@media(max-width:767px){.sz-section--after-hero{padding-top:36px}}
.sz-section-tag{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--brand);text-transform:uppercase;font-weight:600;margin-bottom:12px}
.sz-hero-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--brand);text-transform:uppercase;font-weight:600;background:var(--brand-dim);border:1px solid var(--brand-mid);border-radius:20px;padding:6px 14px}
.sz-hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--brand);animation:blink 1.5s ease infinite}
.sz-product-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;color:var(--text);display:flex;flex-direction:column;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative}
.sz-product-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand-light));opacity:0;transition:opacity .2s}
.sz-product-card:hover{border-color:var(--brand-mid);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.2)}
.sz-product-card:hover::before{opacity:1}
.sz-product-card-media{aspect-ratio:1;overflow:hidden;background:var(--bg3);display:flex;align-items:center;justify-content:center}
.sz-product-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.sz-product-card-body{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}
.sz-product-badge--available{font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.08em;background:rgba(16,185,129,0.07);color:#10b981;border:1px solid rgba(16,185,129,0.16);border-radius:4px;padding:3px 8px}
.sz-product-badge--sold-out{font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.08em;background:var(--bg3);color:var(--muted);border:1px solid var(--border2);border-radius:4px;padding:3px 8px}
/* .sz-section padding für 768-1024 ist im Tablet-Block geregelt (line ~2249), für ≤767 im Mobile-Block (line ~2177) */
@media(max-width:900px){.sz-header{padding-left:20px;padding-right:20px}}
@media(max-width:768px){.sz-nav{display:none}.sz-mobile-btn{display:flex}.sz-products-grid{grid-template-columns:1fr}.sz-product-page,.sz-cart-page{padding:40px 20px}}

/* HEADER */

.sz-logo-wrap{display:inline-flex;align-items:center;text-decoration:none;cursor:pointer;flex-shrink:0}
.sz-logo{height:26px;width:auto;max-width:none;display:block;object-fit:contain;mix-blend-mode:screen}
@media(max-width:768px){.sz-logo{mix-blend-mode:normal}}
.sz-nav{display:flex;align-items:center;gap:24px}

.sz-nav-link:hover{color:var(--text)}
.sz-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
@media(max-width:600px){.sz-header{padding-left:16px;padding-right:16px}.sz-header-right{gap:8px}.sz-logo{height:24px}}
.sz-cart-count{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:var(--brand);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}
.sz-mobile-btn{display:none;background:none;border:1px solid var(--border2);border-radius:var(--radius-sm);width:36px;height:36px;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);position:relative;transition:border-color .2s}
.sz-mobile-btn:hover{border-color:var(--border3)}
/* Animated hamburger */
/* Hamburger-Icon mit 2-SVG-Pattern (Hamburger ↔ X) — bulletproof gegen Sub-Pixel-Drift bei wiederholten Open/Close-Zyklen.
   Alte sz-hamburger-line CSS-Morph-Animation entfernt (verursachte „Punkte"-Artefakte nach mehrfachem Toggling). */
.sz-mobile-btn{position:relative}
.sz-mobile-btn-icon{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  transition:opacity .18s ease, transform .25s cubic-bezier(.22,1,.36,1);
  pointer-events:none;
}
.sz-mobile-btn .sz-mobile-btn-icon--menu{opacity:1;transform:translate(-50%,-50%) rotate(0)}
.sz-mobile-btn .sz-mobile-btn-icon--close{opacity:0;transform:translate(-50%,-50%) rotate(-90deg)}
.sz-mobile-btn.open .sz-mobile-btn-icon--menu{opacity:0;transform:translate(-50%,-50%) rotate(90deg)}
.sz-mobile-btn.open .sz-mobile-btn-icon--close{opacity:1;transform:translate(-50%,-50%) rotate(0)}
/* Backdrop */
/* Nav panel */
.sz-mobile-nav{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;width:min(340px,85vw);background:var(--bg);z-index:99;overflow-y:auto;overflow-x:clip;-webkit-overflow-scrolling:touch;transform:translateX(100%);transition:transform .32s cubic-bezier(.22,1,.36,1);box-shadow:-12px 0 40px rgba(0,0,0,.3)}
.sz-mobile-nav.open{transform:translateX(0)}
/* Backdrop */
.sz-mobile-backdrop{position:fixed;inset:0;z-index:98;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .32s cubic-bezier(.22,1,.36,1)}
.sz-mobile-backdrop.open{opacity:1;pointer-events:auto}
/* Nav panel - slide from right */

/* Top label */
.sz-mobile-nav-top{padding:14px 16px 12px;display:flex;align-items:center;justify-content:space-between;min-height:56px}
.sz-mobile-nav-label{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600}
.sz-mobile-nav-close{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;transition:border-color .2s,color .2s,background .2s;flex-shrink:0;padding:0}
.sz-mobile-nav-close:hover{border-color:var(--border2);color:var(--text);background:var(--bg3)}
.sz-mobile-nav-close svg{display:block}
/* Sections */
.sz-mobile-nav-section{display:flex;flex-direction:column;padding:10px 16px 8px}
.sz-mobile-nav-divider{height:1px;background:var(--border);margin:8px 16px;flex-shrink:0}
.sz-mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:14px 12px;border-radius:var(--radius-lg);font-size:15px;font-weight:500;color:var(--text2);text-decoration:none;transition:background .15s,color .15s,transform .1s;border:none;cursor:pointer;background:none;width:100%;font-family:var(--sans);text-align:left}
.sz-mobile-nav-link:hover{background:var(--bg3);color:var(--text)}
.sz-mobile-nav-link:active{transform:scale(.98)}
.sz-mobile-nav-link.active{background:var(--brand-dim);color:var(--brand);border:1px solid var(--brand-mid)}
.sz-mobile-nav-link svg{opacity:.35;flex-shrink:0;transition:opacity .15s}
.sz-mobile-nav-link:hover svg,.sz-mobile-nav-link.active svg{opacity:.7}
.sz-mobile-nav-link--danger{color:var(--brand-light)}
.sz-mobile-nav-link--danger:hover{background:rgba(255,107,107,.08);color:var(--brand-light)}
.sz-mobile-nav-group{margin-bottom:4px}
.sz-mobile-nav-group-label{font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;font-weight:600;padding:12px 12px 6px}
.sz-mobile-nav-link--child{padding:11px 12px 11px 24px;font-size:14px}
/* Account header */
.sz-mobile-account-header{display:flex;align-items:center;gap:12px;padding:16px 24px;margin:0 16px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg)}
.sz-mobile-account-avatar{width:42px;height:42px;border-radius:50%;flex-shrink:0;background:var(--brand-dim);border:1.5px solid var(--brand-mid);color:var(--brand);font-family:var(--mono);font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center}
.sz-mobile-account-name{font-size:14px;font-weight:600;color:var(--text)}
.sz-mobile-account-email{font-size:12px;color:var(--muted);margin-top:1px}
.sz-mobile-nav-cta{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 0}
/* Language */
.sz-mobile-lang-label{font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;font-weight:600;padding:8px 12px 10px}
.sz-mobile-lang-grid{display:flex;gap:8px;padding:0 12px 8px;flex-wrap:wrap}
.sz-mobile-lang-btn{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border2);background:var(--bg3);color:var(--muted);cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.sz-mobile-lang-btn.active{border-color:var(--brand-mid);color:var(--brand);background:var(--brand-dim)}
.sz-mobile-lang-btn:hover:not(.active){border-color:var(--border3);color:var(--text)}

/* ANNOUNCEMENT */
.sz-ann{background:#1a1a2e;color:#fff;padding:8px 24px;border-bottom:1px solid var(--border);position:relative;z-index:50}
.sz-ann-glow{display:none}
.sz-ann-inner{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.sz-ann-icon{flex-shrink:0;color:var(--brand)}
.sz-ann-text{font-size:12px;font-weight:500;letter-spacing:.01em}
.sz-ann-text a{color:inherit;text-decoration:none}
.sz-ann-code{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;background:var(--brand);border-radius:4px;padding:2px 10px}
.sz-ann-cd{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.06em;background:rgba(255,255,255,.08);border-radius:4px;padding:2px 8px}
.sz-ann-hide-mobile{display:block}
@media(max-width:600px){.sz-ann-hide-mobile{display:none};.sz-ann{padding:7px 16px}.sz-ann-text{font-size:11px}}

/* HERO — 100dvh statt 100vh fixt iOS-Safari Address-Bar Sprung; vh-Fallback für ältere Browser */
.sz-hero{min-height:calc(100vh - 56px);min-height:calc(100dvh - 56px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 32px 64px;position:relative;overflow:hidden;text-align:center}

.sz-orb-1{width:600px;height:600px;background:radial-gradient(circle,var(--orb1) 0%,transparent 70%);top:10%;left:20%}
.sz-orb-2{width:400px;height:400px;background:radial-gradient(circle,var(--orb2) 0%,transparent 70%);bottom:15%;right:15%;animation-delay:-5s}
.sz-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%)}
.sz-hero-inner{position:relative;z-index:1;max-width:840px;width:100%}
.sz-hero-tag{font-family:var(--mono);font-size:10px;letter-spacing:.25em;color:var(--brand);text-transform:uppercase;font-weight:600;margin-bottom:20px;animation:fadeIn .5s ease both}
.sz-hero-title{font-size:clamp(32px,5vw,60px);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:18px;animation:fadeIn .5s ease .1s both}
.sz-hero-title span{color:var(--brand)}
.sz-hero-sub{font-size:17px;color:var(--muted);max-width:540px;margin:0 auto 52px;line-height:1.6;animation:fadeIn .5s ease .2s both}

/* BUTTONS */

/* SECTION */

.sz-section-inner{max-width:var(--page-width);margin:0 auto;width:100%}

.sz-section-title{font-size:clamp(26px,4vw,42px);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:14px}
.sz-section-sub{font-size:16px;color:var(--muted);max-width:540px;line-height:1.6;margin-bottom:44px}

/* PRODUCT CARDS */


/* PRODUCT PAGE */


.sz-product-title{font-size:clamp(22px,3vw,34px);font-weight:700;letter-spacing:-.03em;line-height:1.2}
.sz-price-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sz-price{font-family:var(--mono);font-size:28px;font-weight:700}
.sz-price--sale{color:var(--brand)}
.sz-price-compare{font-family:var(--mono);font-size:16px;color:var(--muted);text-decoration:line-through;opacity:.6}
.sz-divider{height:1px;background:var(--border)}
.sz-qty{display:flex;align-items:center;border:1px solid var(--border2);border-radius:var(--radius-sm);overflow:hidden}
.sz-qty-input{width:44px;background:none;border:none;text-align:center;font-family:var(--mono);font-size:13px;color:var(--text);outline:none}

/* CART PAGE */


/* sz-cart-item (old) - replaced */

.sz-cart-empty h2{font-size:20px;font-weight:600;color:var(--text);margin-bottom:8px}
.sz-cart-empty p{font-size:14px;margin-bottom:24px}

/* FOOTER → siehe sz-footer-main / sz-footer-inner Block weiter unten */

/* PARTICLES */
/* sz-particles canvas entfernt: war Element ohne JS-Painter, nur DOM-Overhead */
.sz-relative{position:relative;z-index:1}

/* RESPONSIVE */
@media(max-width:900px){
  .sz-header{padding-left:20px;padding-right:20px}
}
@media(max-width:768px){
  .sz-nav{display:none}
  .sz-mobile-btn{display:flex}
  .sz-hero{padding:52px 20px 48px}
  .sz-product-page,.sz-cart-page{padding:40px 20px}
}

/* ── HERO PRODUCT — MAXED ─────────────────────────────────── */
/* dvh-Fallback wie .sz-hero — fixt iOS-Safari Address-Bar Sprung */
.sz-hero-product{min-height:calc(100vh - 56px);min-height:calc(100dvh - 56px);display:flex;align-items:center;padding:80px 32px;position:relative;overflow:hidden}
.sz-hero-product-inner{max-width:var(--page-width);margin:0 auto;width:100%;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;position:relative;z-index:1}
.sz-hero-product-title{font-size:clamp(34px,5.5vw,62px);font-weight:700;letter-spacing:-.045em;line-height:1.02;margin-bottom:22px}
.sz-hero-product-title .sz-hero-gradient-text{color:var(--brand)}
.sz-hero-product-sub{font-size:17px;color:var(--text2);line-height:1.75;margin-bottom:32px;max-width:520px}
.sz-stats-row{display:flex;align-items:stretch;gap:0;margin-bottom:32px;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-lg);padding:16px 24px;width:fit-content}
.sz-stat{text-align:center;padding:0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.sz-stat-num{font-family:var(--mono);font-size:22px;font-weight:700;color:var(--brand);line-height:1;display:flex;align-items:center;justify-content:center;min-height:28px}
.sz-stat-label{font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:4px;letter-spacing:.06em;text-transform:uppercase;line-height:1}
.sz-stat-num--text{font-size:14px;letter-spacing:.03em}
.sz-stat-divider{width:1px;align-self:stretch;background:var(--border2);margin:4px 0}
/* Hero stats: white numbers like product/password page */
.sz-hero-stats-row .sz-stat-num{color:var(--text)}
/* Hero action group: stats + CTA share same container width */
.sz-hero-action-group{display:flex;flex-direction:column;gap:14px;margin-bottom:28px;width:fit-content}
.sz-hero-action-group .sz-stats-row{width:100%;margin-bottom:0}
.sz-hero-cta-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sz-hero-cta-row .sz-btn{width:100%;text-align:center;justify-content:center}

.sz-hero-cta-full .sz-btn{width:100%;text-align:center;justify-content:center}
.sz-hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}

.sz-trust-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.sz-trust-badge{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}
.sz-trust-badge svg{color:var(--success);flex-shrink:0}
.sz-payment-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sz-payment-label{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.06em}
.sz-payment-icon{height:24px;border-radius:4px;opacity:.7;transition:opacity .2s}
.sz-payment-icon:hover{opacity:1}
.sz-hero-product-media{display:flex;align-items:center;justify-content:center}

/* ── FEATURES ──────────────────────────────────────────────── */
.sz-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

.sz-feature-title{font-size:15px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}
.sz-feature-desc{font-size:13px;color:var(--muted);line-height:1.6}

/* ── CHAPTERS ──────────────────────────────────────────────── */
.sz-chapters-list{display:flex;flex-direction:column;gap:12px}
.sz-chapter-item{display:flex;align-items:flex-start;gap:16px;padding:14px 18px;border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .2s,background .2s}
.sz-chapter-item:hover{border-color:var(--border2);background:var(--bg3)}
.sz-chapter-num{font-family:var(--mono);font-size:11px;color:var(--brand);font-weight:700;flex-shrink:0;margin-top:2px}
.sz-chapter-title{font-size:14px;font-weight:500;margin-bottom:3px}
.sz-chapter-sub{font-size:12px;color:var(--muted);font-family:var(--mono);letter-spacing:.03em}
.sz-chapters-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-xl);padding:36px;position:relative;overflow:hidden}
.sz-chapters-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand-light))}
.sz-chapters-card-tag{font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:var(--brand);text-transform:uppercase;font-weight:600;margin-bottom:10px}
.sz-chapters-card-title{font-size:20px;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}
.sz-chapters-card-desc{font-size:13.5px;color:var(--muted);line-height:1.6;margin-bottom:24px}
.sz-chapters-features{display:flex;flex-direction:column;gap:10px}
.sz-chapters-feature{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--text2)}
.sz-check{color:var(--success);font-size:14px;flex-shrink:0}

/* ── REVIEWS ───────────────────────────────────────────────── */
/* ── FAQ LANDING ───────────────────────────────────────────── */
.sz-faq-list{display:flex;flex-direction:column;gap:8px}

.sz-faq-item.open .sz-faq-chevron{transform:rotate(180deg);color:var(--brand)}

/* ── CTA BANNER ────────────────────────────────────────────── */
.sz-cta-banner{padding:100px 32px;text-align:center;position:relative;overflow:hidden;background:var(--bg2);border-top:1px solid var(--border)}
.sz-cta-inner{max-width:640px;margin:0 auto;position:relative;z-index:1}
/* CTA-Buttons-Pair: side-by-side, gleiche Höhe via align-items:stretch.
   align-items:stretch sorgt dafür dass auch wenn ein Button mehr Inhalt (z.B. Preis-Suffix) hat,
   beide auf gleicher Höhe rendern — kein Versatz mehr. */
.sz-cta-btns{
  display:flex;align-items:stretch;justify-content:center;
  gap:14px;flex-wrap:wrap;
}
.sz-cta-btns .sz-btn{flex:0 1 auto;align-items:center}
.sz-cta-title{font-size:clamp(28px,4vw,48px);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:14px}
.sz-cta-sub{font-size:16px;color:var(--muted)}

/* ── RESPONSIVE LANDING ────────────────────────────────────── */
@media(max-width:1024px){
  .sz-hero-product-inner{grid-template-columns:1fr;gap:48px;text-align:center}
  .sz-hero-product-sub{max-width:100%}
  .sz-stats-row{margin:0 auto 32px}
  .sz-hero-cta{justify-content:center}
  .sz-trust-row{justify-content:center}
  .sz-payment-row{justify-content:center}
  .sz-chapters-visual{display:none}
  .sz-hero-action-group{margin:0 auto 28px}
  /* reviews now slider */
}
@media(max-width:640px){
  .sz-hero-product{padding:52px 20px 48px}
  .sz-stats-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:0;width:100%;padding:14px 10px}
  .sz-stat{padding:0 8px}
  .sz-stat-num{font-size:16px;min-height:20px}
  .sz-stat-num--text{font-size:11px;min-height:20px;line-height:20px}
  .sz-stat-label{font-size:8px}
  .sz-stat-divider{width:1px;height:28px}
  /* Mobile-Hero: action-group full-width damit die Buttons-Row ihren center justify ausspielen kann.
     CTA-Buttons selbst: NICHT stretchen, natural width, side-by-side centered. */
  .sz-hero-action-group{width:100%}
  .sz-hero-cta-row{
    display:flex;flex-wrap:wrap;width:100%;
    gap:10px;justify-content:center;align-items:stretch;
    grid-template-columns:none; /* Override des Desktop-Grids */
  }
  .sz-hero-cta-row .sz-btn{width:auto;flex:0 1 auto}
  /* btn-lg etwas kompakter auf Mobile, damit zwei mit Icon nebeneinander auf 360px+ passen.
     Greift auch in cta-banner / about-page wo dasselbe Pair-Pattern verwendet wird. */
  .sz-btn-lg{padding:12px 18px;font-size:13.5px}
  .sz-cta-banner{padding:72px 20px}
  /* CTA-Banner-Pair auf Mobile: forciert side-by-side, gleiche Breite + gleiche Höhe */
  .sz-cta-btns{flex-wrap:nowrap;gap:10px}
  .sz-cta-btns .sz-btn{flex:1 1 0;min-width:0}
}

/* ── FOOTER MAIN ───────────────────────────────────────────── */

.sz-footer-logo{display:flex;align-items:center;margin-left:-2px}
.sz-footer-logo img{height:26px;width:auto;display:block;object-fit:contain;object-position:left center;mix-blend-mode:screen}

.sz-footer-socials{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}

.sz-social-btn:hover{border-color:var(--brand-mid);color:var(--text);background:var(--brand-dim)}
.sz-footer-nav-col{display:flex;flex-direction:column;gap:14px}

.sz-footer-social-link{display:flex;align-items:center;gap:7px}

@media(max-width:900px){
  .sz-footer-main{padding:0 24px}
  .sz-footer-inner{grid-template-columns:1fr 1fr;gap:36px;padding:40px 0 32px}
  .sz-footer-brand{grid-column:1/-1}
}
@media(max-width:600px){
  .sz-footer-main{padding:0 20px}
  .sz-footer-inner{grid-template-columns:1fr;gap:28px;padding:36px 0 28px}
  .sz-footer-brand{grid-column:auto}
  .sz-footer-bottom{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 0}
}

.sz-payment-icon-sm{height:20px;border-radius:3px;opacity:.6;transition:opacity .2s;filter:grayscale(30%)}
.sz-payment-icon-sm:hover{opacity:1}

/* ── HEADER LOGO POSITION ──────────────────────────────────── */
.sz-header--center .sz-logo-wrap { grid-column: 2; justify-self: center; }
.sz-header--center .sz-nav { grid-column: 1; justify-self: start; }
.sz-header--center .sz-header-right { grid-column: 3; justify-self: end; }

/* ── DROPDOWN NAV ──────────────────────────────────────────── */
.sz-nav-item { position: relative; }
.sz-nav-item--dropdown { display: flex; align-items: center; }
.sz-nav-link--parent { display: flex; align-items: center; gap: 4px; }
.sz-nav-chevron { transition: transform .25s; flex-shrink: 0; opacity: .6; }
.sz-nav-item--dropdown:hover .sz-nav-chevron { transform: rotate(180deg); }
.sz-dropdown {
  position: absolute; top: 100%; left: 50%;
  padding-top: 12px;
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .2s, transform .2s, visibility .2s .1s;
  transform: translateX(-50%) translateY(-4px);
  z-index: 200;
}
.sz-nav-item--dropdown:hover .sz-dropdown {
  opacity: 1; visibility: visible; pointer-events: auto;
  transform: translateX(-50%) translateY(0);
  transition: opacity .2s, transform .2s, visibility 0s;
}
/* Rechtsbündiges Dropdown (Account, Sprache) */
.sz-dropdown--right {
  left: auto; right: 0;
  transform: translateY(-4px);
}
.sz-nav-item--dropdown:hover .sz-dropdown--right {
  transform: translateY(0);
}
.sz-dropdown-inner {
  background: var(--surface); border: 1px solid var(--border2);
  border-radius: var(--radius-lg); padding: 6px;
  min-width: 220px; box-shadow: var(--shadow-lg);
  display: flex; flex-direction: column; gap: 1px;
}
.sz-dropdown-divider { height: 1px; background: var(--border); margin: 5px 6px; }
.sz-dropdown-link {
  display: flex; align-items: center; gap: 9px;
  padding: 9px 12px; border-radius: var(--radius-sm);
  font-size: 13.5px; color: var(--text2); text-decoration: none;
  transition: background .15s, color .15s; white-space: nowrap;
}
.sz-dropdown-link svg { flex-shrink: 0; opacity: .55; transition: opacity .15s; }
.sz-dropdown-link:hover, .sz-dropdown-link.active {
  background: var(--bg3); color: var(--text);
}
.sz-dropdown-link:hover svg { opacity: .8; }

/* Account Avatar Button — square like other header buttons */
.sz-account-avatar-btn {
  width:36px;height:36px;border-radius:var(--radius-sm);
  background:var(--brand-dim);border:1px solid var(--brand-mid);
  color:var(--brand);cursor:pointer;display:flex;align-items:center;
  justify-content:center;line-height:0;flex-shrink:0;
  transition:border-color .2s,background .2s,box-shadow .2s;
}
.sz-account-menu:hover .sz-account-avatar-btn {
  background:var(--brand-mid);border-color:var(--brand);
  box-shadow:0 0 14px var(--brand-glow);
}

/* Account Dropdown Header (Name + Email — kein Link) */
.sz-account-dropdown-inner { min-width: 240px; }
.sz-account-dropdown-header {
  display: flex; align-items: center; gap: 11px;
  padding: 12px 12px 13px; margin-bottom: 2px;
}
.sz-account-dropdown-avatar {
  width: 38px; height: 38px; border-radius: 50%; flex-shrink: 0;
  background: var(--brand-dim); border: 1.5px solid var(--brand-mid);
  color: var(--brand); font-family: var(--mono); font-size: 15px;
  font-weight: 700; display: flex; align-items: center; justify-content: center;
}
.sz-account-dropdown-name {
  font-size: 13.5px; font-weight: 600; color: var(--text); line-height: 1.3;
}
.sz-account-dropdown-email {
  font-size: 11px; color: var(--muted); margin-top: 2px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 160px;
}
.sz-mobile-nav-link--child {
  padding-left: 28px; font-size: 13px; opacity: .75;
}

/* ── ANNOUNCEMENT BAR ──────────────────────────────────────── */

@media(max-width:640px){
}

.sz-lang-btn{background:none;border:1px solid var(--border);cursor:pointer;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--muted);display:flex;align-items:center;gap:8px;padding:0 12px;height:36px;border-radius:var(--radius-sm);transition:border-color .2s,color .2s,background .2s}
.sz-lang-btn:hover{border-color:var(--border2);background:var(--bg3);color:var(--text)}
.sz-lang-picker:hover .sz-lang-btn{border-color:var(--border2);background:var(--bg3);color:var(--text)}
.sz-lang-flag{width:18px;height:13px;border-radius:2px;flex-shrink:0;overflow:hidden;display:inline-block;box-shadow:0 0 0 1px var(--border) inset}
.sz-lang-flag svg{display:block;width:100%;height:100%}
[data-theme="light"] .sz-lang-flag{box-shadow:0 0 0 1px rgba(0,0,0,0.08) inset}
.sz-lang-current-code{font-family:var(--mono);letter-spacing:.08em;color:inherit}
#lang-form-header button,#lang-form-mobile button{font-family:var(--sans)}

/* ── LANGUAGE PICKER FIX ───────────────────────────────────────── */
.sz-lang-picker .sz-dropdown { left: auto; right: 0; transform: translateY(-4px); }
.sz-lang-picker:hover .sz-dropdown { transform: translateY(0); }
.sz-lang-picker .sz-dropdown-inner { min-width: auto; }
.sz-lang-picker .sz-dropdown-inner button {
  width: 100%; text-align: left; background: none; border: none; cursor: pointer;
  padding: 9px 12px; border-radius: var(--radius-sm);
  font-size: 13px; color: var(--text2); font-family: var(--sans);
  transition: background .15s, color .15s; display: flex; align-items: center; gap: 10px;
  white-space: nowrap;
}
.sz-lang-picker .sz-dropdown-inner button .sz-lang-flag {
  width: 20px; height: 14px; border-radius: 2px;
}
.sz-lang-picker .sz-dropdown-inner button:hover { background: var(--bg3); color: var(--text); }
.sz-lang-picker .sz-dropdown-inner button.active { display: none; }

/* ── CONTACT PAGE ──────────────────────────────────────────── */
.sz-contact-layout{display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:start}
.sz-contact-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sz-form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;width:100%}
.sz-contact-success{display:flex;align-items:center;gap:10px;background:var(--success-dim);border:1px solid var(--success-mid);border-radius:var(--radius-sm);padding:14px 18px;font-size:13px;color:var(--success);margin-top:20px;margin-bottom:0;line-height:1.5}
.sz-contact-error{display:flex;align-items:flex-start;gap:10px;background:var(--brand-dim);border:1px solid var(--brand-mid);border-radius:var(--radius-lg);padding:14px 18px;font-size:13px;color:var(--brand);margin-bottom:24px}
.sz-contact-info{display:flex;flex-direction:column;gap:16px;position:sticky;top:80px}
.sz-contact-info-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-xl);padding:28px}
.sz-contact-info-title{font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:var(--muted);text-transform:uppercase;font-weight:600;margin-bottom:20px}
.sz-contact-info-items{display:flex;flex-direction:column;gap:18px}
.sz-contact-info-item{display:flex;align-items:flex-start;gap:14px;text-decoration:none;color:var(--text);transition:color .2s}
.sz-contact-info-item:hover{color:var(--brand)}
.sz-contact-info-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--brand)}
.sz-contact-info-label{font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-bottom:3px}
.sz-contact-info-value{font-size:14px;font-weight:500;color:var(--text)}
.sz-contact-faq-hint{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px}
.sz-contact-socials{padding:4px 0}
@media(max-width:860px){
  .sz-contact-layout{grid-template-columns:1fr}
  .sz-contact-info{position:static}
}
@media(max-width:540px){
  .sz-contact-row{grid-template-columns:1fr}
}

/* ── INPUT OVERRIDE — force dark styling ────────────── */
.sz-input,
.sz-input:focus,
input.sz-input,
textarea.sz-input,
select.sz-input {
  background: var(--bg3) !important;
  color: var(--text) !important;
  border: 1px solid var(--border2) !important;
  border-radius: var(--radius-sm) !important;
  padding: 12px 14px !important;
  font-family: var(--sans) !important;
  font-size: 14px !important;
  outline: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  transition: border-color .2s, box-shadow .2s !important;
}
.sz-input:focus {
  border-color: var(--brand-mid) !important;
  box-shadow: 0 0 0 3px var(--brand-dim) !important;
}
/* Autofill override — prevents browser filling with white/yellow */
input.sz-input:-webkit-autofill,
input.sz-input:-webkit-autofill:hover,
input.sz-input:-webkit-autofill:focus,
textarea.sz-input:-webkit-autofill,
select.sz-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--bg3) inset !important;
  -webkit-text-fill-color: var(--text) !important;
  caret-color: var(--text) !important;
  border-color: var(--brand-mid) !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

.sz-input::placeholder { color: var(--muted) !important; opacity: .6 !important; }
textarea.sz-input { resize: vertical; min-height: 160px; }
select.sz-input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23606078' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  padding-right: 36px !important;
  cursor: pointer !important;
}
select.sz-input option {
  background: var(--bg3);
  color: var(--text);
}

/* ── AUTH PAGES ────────────────────────────────────────────── */
.sz-auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;overflow:hidden}
.sz-auth-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-xl);padding:48px 44px;width:100%;max-width:420px;position:relative;z-index:1;box-shadow:var(--shadow-lg);animation:fadeInScale .4s ease both}
@keyframes fadeInScale{from{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}
.sz-auth-logo{display:flex;justify-content:center;margin-bottom:32px}
.sz-auth-logo img{height:28px}
.sz-auth-tag{font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:var(--brand);text-transform:uppercase;font-weight:600;margin-bottom:8px}
.sz-auth-title{font-size:24px;font-weight:700;letter-spacing:-.03em;margin-bottom:8px}
.sz-auth-sub{font-size:13.5px;color:var(--muted);line-height:1.6;margin-bottom:28px}
.sz-auth-link{font-family:var(--mono);font-size:10px;color:var(--muted);text-decoration:none;letter-spacing:.06em;transition:color .2s}
.sz-auth-link:hover{color:var(--brand)}
.sz-auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted)}
.sz-auth-divider::before,.sz-auth-divider::after{content:'';flex:1;height:1px;background:var(--border)}
.sz-auth-divider span{font-family:var(--mono);font-size:10px;letter-spacing:.08em}

/* ── ACCOUNT PAGE ──────────────────────────────────────────── */
.sz-account-section{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-xl);padding:28px 28px}
.sz-account-section-title{font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:var(--muted);text-transform:uppercase;font-weight:600;margin-bottom:20px}
.sz-orders-list{display:flex;flex-direction:column;gap:10px}
.sz-order-card{display:flex;align-items:center;gap:20px;padding:16px 20px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:var(--text);transition:border-color .2s,background .2s}
.sz-order-card:hover{border-color:var(--brand-mid);background:var(--bg4)}
.sz-order-card-left{min-width:90px}
.sz-order-num{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--brand)}
.sz-order-date{font-size:12px;color:var(--muted);margin-top:2px}
.sz-order-card-mid{flex:1}
.sz-order-item-title{font-size:13.5px;font-weight:500;line-height:1.4}
.sz-order-card-right{text-align:right;min-width:100px}
.sz-order-total{font-family:var(--mono);font-size:14px;font-weight:700}
.sz-order-status{font-family:var(--mono);font-size:9px;letter-spacing:.1em;padding:2px 8px;border-radius:4px;margin-top:4px;display:inline-block}
.sz-account-empty{text-align:center;padding:40px 20px;color:var(--muted);display:flex;flex-direction:column;align-items:center}
.sz-account-details-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}
.sz-account-detail-row{display:flex;gap:24px;padding:14px 20px;border-bottom:1px solid var(--border);font-size:14px}
.sz-account-detail-row:last-child{border-bottom:none}
.sz-account-detail-label{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.08em;min-width:80px;padding-top:2px}

/* ── 404 PAGE ──────────────────────────────────────────────── */

.sz-404-inner{position:relative;z-index:1;max-width:600px}

.sz-404-digit,.sz-404-zero{font-family:var(--mono);font-size:clamp(80px,15vw,140px);font-weight:700;color:transparent;-webkit-text-stroke:1px var(--border2);position:relative}
.sz-404-zero{color:var(--brand);-webkit-text-stroke:0;text-shadow:0 0 60px var(--brand-glow)}
.sz-404-digit::before{content:attr(data-text);position:absolute;inset:0;color:var(--border3);clip-path:polygon(0 0,100% 0,100% 40%,0 40%);animation:glitch1 4s infinite}
@keyframes glitch1{0%,90%,100%{transform:none;opacity:0}92%{transform:translate(-3px,1px);opacity:.6}94%{transform:translate(2px,-1px);opacity:.4}96%{transform:translate(-1px,2px);opacity:.7}98%{transform:translate(1px,-1px);opacity:.3}}

.sz-404-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;align-items:stretch;margin-bottom:48px}
@media(max-width:540px){
  /* Mobile: zwei Buttons side-by-side, gleiche Breite + gleiche Höhe (matched mit cta-banner-pair).
     Wichtig: .sz-btn-secondary hat 1px border, .sz-btn-primary nicht → 2px Height-Mismatch.
     Fix: Primary kriegt transparenten Border damit Border-Box-Total-Height beider matched. */
  .sz-404-actions{flex-wrap:nowrap;gap:10px;align-items:stretch}
  .sz-404-actions .sz-btn{flex:1 1 0;min-width:0}
  .sz-404-actions .sz-btn-primary{border:1px solid transparent}
}

.sz-terminal-bar{background:var(--bg3);padding:10px 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--border)}
.sz-terminal-dot{width:11px;height:11px;border-radius:50%;display:block}
.sz-terminal-body{padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.sz-terminal-line{font-family:var(--mono);font-size:12px;display:flex;gap:10px;align-items:center}
.sz-terminal-prompt{color:var(--brand);flex-shrink:0}
.sz-terminal-cmd{color:var(--text2)}
.sz-terminal-error{color:var(--brand-light);font-size:11px;padding-left:20px}
.sz-terminal-cursor{animation:blink .8s step-end infinite;color:var(--brand)}
/* @keyframes blink — duplicate, see top of file */

/* ── SEARCH PAGE ───────────────────────────────────────────── */

.sz-search-input.sz-input{padding-left:44px !important;padding-right:44px !important;font-size:15px !important}

.sz-search-empty{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;color:var(--muted)}
.sz-search-suggestions{margin-top:12px}

/* ── ICON BUTTONS ──────────────────────────────────────────── */
.sz-icon-btn{
  width:36px;height:36px;border:1px solid var(--border2);border-radius:var(--radius-sm);
  background:var(--bg3);display:flex;align-items:center;justify-content:center;
  color:var(--muted);text-decoration:none;cursor:pointer;line-height:0;
  transition:border-color .2s,color .2s,background .2s;flex-shrink:0;
}
.sz-icon-btn:hover{border-color:var(--border3);color:var(--text);background:var(--bg4)}
/* Cart button — icon only */
.sz-dropdown-link--danger:hover{color:var(--brand-light);background:rgba(255,107,107,0.08)}
.sz-dropdown-link{display:flex;align-items:center;gap:8px}
.sz-dropdown-link svg{flex-shrink:0;opacity:.6}

/* ── CART COUNT FIX ────────────────────────────────────────── */
.sz-cart-count{
  position:absolute;top:-6px;right:-6px;
  width:16px;height:16px;border-radius:50%;
  background:var(--brand);color:#fff;
  font-size:9px;font-weight:700;font-family:var(--mono);
  display:flex;align-items:center;justify-content:center;
  pointer-events:none;
  border:2px solid var(--bg);
}
/* ── DROPDOWN LINK FLEX FIX ─────────────────────────────────── */
.sz-dropdown-inner button.sz-dropdown-link{
  width:100%;background:none;border:none;cursor:pointer;
  text-align:left;font-family:var(--sans);
  display:flex;align-items:center;gap:8px;
}
.sz-dropdown-link--danger:hover{color:var(--brand-light) !important;background:rgba(255,107,107,0.08) !important}

/* ── PRODUCT PAGE EXTENDED ─────────────────────────────────── */
.sz-product-main-img{width:100%;height:100%;object-fit:cover}
.sz-product-payment{padding-top:4px}
.sz-product-rating{display:flex;align-items:center;gap:10px}
.sz-rating-link{text-decoration:none;cursor:pointer;padding:6px 10px;margin-left:-10px;border-radius:8px;transition:background .2s ease}
.sz-rating-link:hover{background:rgba(255,255,255,.04)}
.sz-rating-link .sz-rating-chev{color:var(--muted);opacity:.5;transition:opacity .2s ease, transform .2s ease}
.sz-rating-link:hover .sz-rating-chev{opacity:1;transform:translateY(2px)}
.sz-price-save{font-family:var(--mono);font-size:11px;padding:4px 10px;background:var(--brand);color:#fff;border-radius:4px;letter-spacing:.04em;font-weight:600}
.sz-price-savings-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--success);margin-top:4px;margin-bottom:4px}
.sz-atc-btn{font-size:16px;padding:16px 28px}
.sz-product-desc{font-size:14.5px;color:var(--text2);line-height:1.85}
.sz-product-desc p{margin-bottom:14px}
.sz-product-desc ul{padding-left:20px;margin-bottom:14px}
.sz-product-desc li{margin-bottom:6px}

/* ── COLLECTION PAGE ───────────────────────────────────────── */
.sz-collection-desc{font-size:15px;color:var(--muted);line-height:1.65;max-width:560px;margin-top:8px}
.sz-collection-empty{text-align:center;padding:80px 20px;color:var(--muted);display:flex;flex-direction:column;align-items:center}
.sz-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:48px}
.sz-page-btn{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--muted);text-decoration:none;padding:8px 16px;border:1px solid var(--border2);border-radius:var(--radius-sm);transition:border-color .2s,color .2s,background .2s}
.sz-page-btn:hover{border-color:var(--brand-mid);color:var(--text);background:var(--brand-dim)}

@media(max-width:860px){.sz-product-includes-grid{grid-template-columns:1fr}}


/* ── SCROLL PROGRESS ───────────────────────────────────────── */

/* ── BACK TO TOP ───────────────────────────────────────────── */
#sz-back-top{position:fixed;bottom:28px;right:28px;width:42px;height:42px;border-radius:50%;background:var(--bg3);border:1px solid var(--border2);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:500;opacity:0;transform:translateY(12px);transition:opacity .25s,transform .25s,bottom .3s,border-color .2s,color .2s,background .2s;pointer-events:none}
#sz-back-top:hover{border-color:var(--brand-mid);color:var(--text);background:var(--brand-dim);box-shadow:0 0 12px var(--brand-glow)}
#sz-back-top.sz-above-atc{bottom:80px}
#sz-back-top.sz-above-sp{bottom:136px}

/* ── STICKY ATC ────────────────────────────────────────────── */
#sz-sticky-atc{position:fixed;bottom:0;left:0;right:0;background:var(--bg2);border-top:1px solid var(--border2);padding:12px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:400;transform:translateY(100%);transition:transform .3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.sz-sticky-atc-info{display:flex;align-items:center;gap:14px;min-width:0}
.sz-sticky-atc-img{width:44px;height:44px;border-radius:8px;background:var(--bg3);flex-shrink:0;overflow:hidden}
.sz-sticky-atc-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}
.sz-sticky-atc-price{font-family:var(--mono);font-size:13px;color:var(--brand);margin-top:2px}
.sz-sticky-atc-right{display:flex;align-items:center;gap:16px;flex-shrink:0}
.sz-sticky-atc-trust{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.04em}

/* ── COOKIE BANNER ─────────────────────────────────────────── */
#sz-cookie-banner{
  position:fixed;bottom:24px;left:24px;max-width:380px;z-index:800;
  background:var(--surface);
  border:1px solid var(--border2);border-radius:16px;
  padding:24px;
  box-shadow:0 16px 48px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.03) inset;
  opacity:0;transform:translateY(20px) scale(.97);
  transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1);
  pointer-events:none;
  overflow:hidden;
}
#sz-cookie-banner::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--brand),transparent);
}

/* ── SOCIAL PROOF ──────────────────────────────────────────── */
#sz-social-proof{position:fixed;bottom:24px;right:24px;background:var(--surface);border:1px solid var(--border2);border-radius:14px;padding:14px 16px;z-index:700;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px;max-width:290px;opacity:0;transform:translateY(12px);transition:opacity .35s,transform .35s,bottom .3s;pointer-events:none}
#sz-social-proof.sz-sp-above-atc{bottom:80px}
.sz-sp-icon{width:40px;height:40px;border-radius:50%;background:var(--brand-dim);border:1px solid var(--brand-mid);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sz-sp-close{background:none;border:none;cursor:pointer;color:var(--muted);padding:2px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:color .2s}
.sz-sp-close:hover{color:var(--text)}

/* ── CURSOR GLOW ───────────────────────────────────────────── */
/* sz-cursor-glow removed: was static element without JS, only paint overhead */

/* ── COOKIE BANNER — Position & Styles ─────────────────────── */
#sz-cookie-banner[data-position="bottom-left"]{bottom:24px;left:24px;right:auto}
#sz-cookie-banner[data-position="bottom-right"]{bottom:24px;right:24px;left:auto}
#sz-cookie-banner[data-position="bottom-center"]{
  bottom:0;left:0;right:0;max-width:100%;
  border-radius:16px 16px 0 0;border-left:none;border-right:none;border-bottom:none;
}
.sz-cookie-heading{
  font-size:14px;font-weight:700;margin-bottom:6px;color:var(--text);
  display:flex;align-items:center;gap:8px;
}
.sz-cookie-text{font-size:12.5px;color:var(--muted);line-height:1.65;margin-bottom:18px}
.sz-cookie-link{color:var(--brand);text-decoration:none;font-weight:600;font-size:12px}
.sz-cookie-link:hover{text-decoration:underline}
.sz-cookie-btns{display:flex;gap:8px}
.sz-cookie-btn{flex:1;min-width:0;padding:10px 18px;font-size:12.5px;border-radius:8px}
/* DSGVO: „Alle zulassen“ und „Ablehnen“ gleichwertig — gleiche Größe, Farbe, Kontrast,
   kein Nudging. Voller Textkontrast statt gedimmt, brand-getönter Hover (bleibt im Theme-Stil). */
.sz-cookie-btn.sz-btn-secondary{color:var(--text);font-weight:600}
.sz-cookie-btn.sz-btn-secondary:hover{color:var(--text);border-color:var(--brand-mid)}
#sz-cookie-banner[data-position="bottom-center"] .sz-cookie-btns{justify-content:center}
#sz-cookie-banner[data-position="bottom-center"] .sz-cookie-btn{flex:none;min-width:160px}

/* ── LEGAL PAGES (Guide Portal Style) ─────────────────────── */
.sz-legal-wrap{min-height:calc(100vh - 56px);display:flex;justify-content:center;padding:0 32px}
.sz-legal-content{flex:1;max-width:780px;width:100%;padding:52px 0 80px}
.sz-page-back{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--muted);text-decoration:none;margin-bottom:36px;transition:color .2s}
.sz-page-back:hover{color:var(--brand)}
.sz-page-tag{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--brand);text-transform:uppercase;font-weight:600;margin-bottom:12px}
.sz-page-title{font-size:clamp(24px,4vw,36px);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:12px}
.sz-page-updated{font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:44px;padding-bottom:24px;border-bottom:1px solid var(--border)}
.sz-prose .sz-page-updated{margin-top:0}
.sz-prose{color:var(--text2);line-height:1.85;font-size:14px}
.sz-prose p{margin-bottom:16px}
.sz-prose h2{font-size:15px;font-weight:600;color:var(--text);margin:40px 0 12px;letter-spacing:-.01em;padding-top:8px}
.sz-prose h3{font-size:13.5px;font-weight:600;color:var(--text);margin:28px 0 8px}
.sz-prose ul,.sz-prose ol{padding-left:20px;margin-bottom:16px}
.sz-prose li{margin-bottom:6px}
.sz-prose a{color:var(--brand);text-decoration:none}
.sz-prose a:hover{text-decoration:underline}
.sz-prose strong{color:var(--text);font-weight:600}
.sz-prose blockquote{background:var(--bg3);border-left:3px solid var(--brand);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:14px 18px;margin:20px 0;font-size:13.5px}
/* Address block for Impressum */
.sz-prose .address-block,.sz-address-block{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-lg);padding:20px 24px;font-family:var(--mono);font-size:12.5px;line-height:2;margin:16px 0 24px}
@media(max-width:640px){.sz-legal-wrap{padding:0 20px}.sz-legal-content{padding:36px 0 60px}}
/* ── PASSWORD PAGE ─────────────────────────────────────────── */

@media(max-width:760px){
  .sz-pw-wrap{ padding: 28px 20px; }
  .sz-pw-grid{ grid-template-columns: 1fr; gap: 32px; }
  .sz-pw-logo{ margin-bottom: 28px; }
  .sz-pw-stats{ max-width:100%; }
}

/* ── PERFORMANCE ───────────────────────────────────────────── */
img{content-visibility:auto}
.sz-product-card,.sz-feature-card{contain:layout style}

/* ── HERO ANIMATIONS ───────────────────────────────────────── */
@keyframes floatUp{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 var(--brand-glow)}50%{box-shadow:0 0 0 8px transparent}}
@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes particleFloat{0%{transform:translateY(0) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:0.5}100%{transform:translateY(-100vh) rotate(360deg);opacity:0}}
@keyframes countUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

.sz-hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--mono);font-size:10px;letter-spacing:.12em;
  color:var(--brand);background:var(--brand-dim);border:1px solid var(--brand-mid);
  border-radius:20px;padding:5px 14px;margin-bottom:20px;
}
.sz-hero-badge-dot{
  width:6px;height:6px;border-radius:50%;background:var(--brand);
  animation:pulse 2s ease-in-out infinite;
}

/* CSS Particles */
.sz-hero-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.sz-hero-particle{
  position:absolute;bottom:-10px;
  width:4px;height:4px;border-radius:50%;
  background:var(--brand);opacity:0;
  animation:particleFloat linear infinite;
}

/* ── CART EXTENDED ─────────────────────────────────────────── */

/* ── ABOUT PAGE ────────────────────────────────────────────── */
.sz-about-lead{font-size:18px;color:var(--muted);max-width:480px;margin:0 auto;line-height:1.65}

.sz-about-story-stats{display:flex;flex-direction:column;gap:12px}

.sz-about-member{display:flex;align-items:flex-start;gap:16px;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-xl);padding:24px}
.sz-about-member-avatar{width:48px;height:48px;border-radius:50%;background:var(--brand-dim);border:2px solid var(--brand-mid);color:var(--brand);font-family:var(--mono);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sz-about-member-name{font-size:15px;font-weight:600;margin-bottom:2px}
.sz-about-member-role{font-family:var(--mono);font-size:10px;color:var(--brand);letter-spacing:.06em;margin-bottom:8px}
.sz-about-member-desc{font-size:13px;color:var(--muted);line-height:1.6}
.sz-about-values{display:flex;flex-direction:column;gap:16px}
.sz-about-value{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s}
.sz-about-value:hover{border-color:var(--border2)}
.sz-about-value-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--brand-dim);border:1px solid var(--brand-mid);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--brand)}
.sz-about-value-title{font-size:14px;font-weight:600;margin-bottom:4px}
.sz-about-value-desc{font-size:13px;color:var(--muted);line-height:1.6}
@media(max-width:700px){
  .sz-about-story{grid-template-columns:1fr}
}

/* ── HELP CENTER (Tab-Styling siehe Help-Center-Block weiter unten) ── */
.sz-page-btn--active{background:var(--brand-dim);color:var(--brand);border-color:var(--brand-mid)}

/* ── PLATFORM HOVER COLORS ─────────────────────────────────── */
.sz-social-btn {
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:var(--radius-sm);
  border:1px solid var(--border);background:var(--bg3);
  color:var(--muted);text-decoration:none;flex-shrink:0;
  transition: border-color .25s, background .25s, box-shadow .25s, color .25s, transform .25s !important;
}
.sz-social-btn:hover { transform:translateY(-2px); }

.sz-social-btn[aria-label="Discord"]:hover {
  border-color: #5865F2 !important; color: #5865F2 !important;
  background: rgba(88,101,242,0.12) !important;
  box-shadow: 0 0 16px rgba(88,101,242,0.25) !important;
}
.sz-social-btn[aria-label="Facebook"]:hover {
  border-color: #1877F2 !important; color: #1877F2 !important;
  background: rgba(24,119,242,0.12) !important;
  box-shadow: 0 0 16px rgba(24,119,242,0.25) !important;
}
.sz-social-btn[aria-label="Instagram"]:hover {
  border-color: #E1306C !important;
  background: linear-gradient(135deg, rgba(64,93,230,0.15), rgba(225,48,108,0.15), rgba(247,119,55,0.15)) !important;
  color: #E1306C !important;
  box-shadow: 0 0 16px rgba(225,48,108,0.3) !important;
}
.sz-social-btn[aria-label="Kick"]:hover {
  border-color: #53FC18 !important; color: #53FC18 !important;
  background: rgba(83,252,24,0.1) !important;
  box-shadow: 0 0 16px rgba(83,252,24,0.25) !important;
}
.sz-social-btn[aria-label="Pinterest"]:hover {
  border-color: #E60023 !important; color: #E60023 !important;
  background: rgba(230,0,35,0.12) !important;
  box-shadow: 0 0 16px rgba(230,0,35,0.25) !important;
}
.sz-social-btn[aria-label="TikTok"]:hover {
  border-color: #69C9D0 !important;
  background: linear-gradient(135deg, rgba(105,201,208,0.12), rgba(238,29,82,0.1)) !important;
  color: #69C9D0 !important;
  box-shadow: 0 0 16px rgba(105,201,208,0.25) !important;
}
.sz-social-btn[aria-label="Twitch"]:hover {
  border-color: #9146FF !important; color: #9146FF !important;
  background: rgba(145,70,255,0.12) !important;
  box-shadow: 0 0 16px rgba(145,70,255,0.3) !important;
}
.sz-social-btn[aria-label="X"]:hover {
  border-color: var(--text) !important; color: var(--text) !important;
  background: rgba(255,255,255,0.08) !important;
  box-shadow: 0 0 16px rgba(255,255,255,0.1) !important;
}
.sz-social-btn[aria-label="YouTube"]:hover {
  border-color: #FF0000 !important; color: #FF0000 !important;
  background: rgba(255,0,0,0.12) !important;
  box-shadow: 0 0 16px rgba(255,0,0,0.25) !important;
}

/* ============================================================
   SCROLL REVEAL ANIMATION
   ============================================================ */
/* szReveal keyframe defined in GLOBAL ANIMATIONS section below */
.sz-reveal{opacity:0}
.sz-reveal.sz-visible{animation:szReveal .55s cubic-bezier(.22,1,.36,1) both}

/* ============================================================
   FEATURES — OVERHAUL
   ============================================================ */
.sz-feature-icon-wrap{position:relative;width:52px;height:52px;margin-bottom:18px;flex-shrink:0}
.sz-feature-icon{width:52px;height:52px;border-radius:var(--radius-lg);background:var(--brand-dim);border:1px solid var(--brand-mid);display:flex;align-items:center;justify-content:center;color:var(--brand);position:relative;z-index:1;transition:background .3s,box-shadow .3s,transform .25s}
.sz-feature-icon-glow{position:absolute;inset:-4px;border-radius:calc(var(--radius-lg) + 4px);background:radial-gradient(circle,var(--brand-glow) 0%,transparent 70%);opacity:0;transition:opacity .3s}
.sz-feature-card:hover .sz-feature-icon{background:var(--brand-mid);box-shadow:0 0 20px var(--brand-glow);transform:scale(1.05)}
.sz-feature-card:hover .sz-feature-icon-glow{opacity:1}
.sz-feature-badge{display:inline-flex;align-items:center;margin-top:12px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--brand);background:var(--brand-dim);border:1px solid var(--brand-mid);border-radius:5px;padding:3px 8px}

/* ============================================================
   FAQ — OVERHAUL with +/- icons
   ============================================================ */
.sz-faq-section{position:relative;overflow:hidden}
.sz-faq-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 10%,transparent 100%)}
.sz-faq-item{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.sz-faq-item:hover{border-color:var(--border2)}
.sz-faq-item.open{border-color:var(--border2);box-shadow:0 4px 20px rgba(0,0,0,.15)}
.sz-faq-q{padding:18px 22px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;gap:16px;user-select:none;transition:background .2s;color:var(--text2);width:100%;background:none;border:none;text-align:left}
.sz-faq-q:hover,.sz-faq-item.open .sz-faq-q{background:var(--bg3);color:var(--text)}
.sz-faq-item.open .sz-faq-q{border-bottom:1px solid var(--border)}
.sz-faq-icon{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--bg3);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;position:relative}
.sz-faq-item.open .sz-faq-icon{background:var(--brand-dim);border-color:var(--brand-mid)}
.sz-faq-plus,.sz-faq-minus{width:11px;height:11px;color:var(--muted);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .25s,transform .25s}
.sz-faq-plus{opacity:1}
.sz-faq-minus{opacity:0}
.sz-faq-item.open .sz-faq-plus{opacity:0;transform:translate(-50%,-50%) rotate(90deg)}
.sz-faq-item.open .sz-faq-minus{opacity:1;color:var(--brand);transform:translate(-50%,-50%)}
.sz-faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1)}
.sz-faq-a-inner{overflow:hidden;padding:0 22px;font-size:14px;color:var(--muted);line-height:1.8;transition:padding .32s cubic-bezier(.22,1,.36,1)}
.sz-faq-item.open .sz-faq-a{grid-template-rows:1fr}
.sz-faq-item.open .sz-faq-a-inner{padding:18px 22px 22px}

/* ============================================================
   COLLECTION LIST PAGE
   ============================================================ */
.sz-col-card:hover{border-color:var(--border3);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.35)}
.sz-col-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.22,1,.36,1)}
.sz-col-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.45) 100%);opacity:0;transition:opacity .3s}
/* sz-col-grid responsive rules konsolidiert in den Mobile/Tablet-Blocks (≤767px / 768-1024px) */
.sz-collections-hero{min-height:220px;display:flex;align-items:center}

/* ============================================================
   SCROLL REVEAL INIT SCRIPT (inline in layout/theme.liquid)
   ============================================================ */

/* ============================================================
   PRODUCT PAGE — STATS ROW
   ============================================================ */

/* ============================================================
   COLLECTION / PAGE HERO — shared styles
   ============================================================ */
.sz-coll-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.sz-coll-count-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:72px;height:72px;border-radius:var(--radius-lg);background:var(--brand-dim);border:1px solid var(--brand-mid);flex-shrink:0}
.sz-coll-count-num{font-family:var(--mono);font-size:26px;font-weight:700;color:var(--brand);line-height:1}
.sz-coll-count-label{font-family:var(--mono);font-size:8px;letter-spacing:.14em;color:var(--brand);text-transform:uppercase;margin-top:3px}

/* ============================================================
   PERFORMANCE — contain, will-change, paint optimizations
   ============================================================ */
.sz-fps-card{contain:content}
/* review card contain handled in main definition */
.sz-feature-card{contain:content}
.sz-dropdown{will-change:opacity,transform}
/* Reduce motion for users who prefer it */
@media(prefers-reduced-motion:reduce){
  .sz-fps-vbar,.sz-reviews-track,.sz-mobile-nav,.sz-dropdown,
  .sz-fps-card,.sz-feature-card,.sz-step-card{transition:none!important;animation:none!important}
  .sz-reveal{opacity:1!important;transform:none!important}
  .sz-orb{animation:none!important}
}
/* sz-orb will-change moved to main selector for consolidation */

@media(max-width:767px){#sz-social-proof.sz-sp-hide-mobile{display:none!important}}

/* Additional perf: img lazy baseline */
.sz-hero,.sz-hero-product{content-visibility:visible}

/* ============================================================
   BUTTONS — Overhaul: shimmer, glow, micro-interactions
   ============================================================ */
.sz-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;
  letter-spacing:.01em;text-decoration:none;cursor:pointer;border:none;
  transition:all .25s cubic-bezier(.22,1,.36,1);
  position:relative;overflow:hidden;white-space:nowrap;line-height:1;
  isolation:isolate;
}
.sz-btn svg{flex-shrink:0;display:block}
/* Shimmer sweep on hover */
.sz-btn::after{
  content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.08) 50%,transparent 65%);
  transform:translateX(-120%);transition:transform .6s cubic-bezier(.22,1,.36,1);pointer-events:none;
}
.sz-btn:hover::after{transform:translateX(120%)}
.sz-btn:active{transform:translateY(0);transition-duration:.1s}

/* PRIMARY — bold red gradient with top highlight and bottom glow */
.sz-btn-primary{
  background:linear-gradient(180deg,var(--brand-light) 0%,var(--brand) 40%,var(--brand-dark) 100%);
  color:#fff;
  box-shadow:0 1px 0 0 rgba(255,255,255,.15) inset,0 -1px 0 0 rgba(0,0,0,.2) inset,0 4px 16px var(--brand-glow);
}
.sz-btn-primary:hover{
  box-shadow:0 1px 0 0 rgba(255,255,255,.2) inset,0 -1px 0 0 rgba(0,0,0,.2) inset,0 6px 28px rgba(255,0,0,.35),0 0 0 1px rgba(255,0,0,.3);
  transform:translateY(-2px);
}
.sz-btn-primary:active{transform:translateY(0);filter:brightness(1.1)}

/* SECONDARY — glass-like with subtle border */
.sz-btn-secondary{
  background:var(--bg3);color:var(--text2);
  box-shadow:none;border:1px solid var(--border2);
}
.sz-btn-secondary:hover{
  background:var(--bg4);color:var(--text);
  border-color:var(--border3);
  transform:translateY(-1px);
}

/* GLOW — pulsing red aura */
.sz-btn-glow{animation:szBtnPulse 3s ease-in-out infinite}
@keyframes szBtnPulse{0%,100%{box-shadow:0 1px 0 0 rgba(255,255,255,.15) inset,0 -1px 0 0 rgba(0,0,0,.2) inset,0 4px 16px var(--brand-glow)}50%{box-shadow:0 1px 0 0 rgba(255,255,255,.15) inset,0 -1px 0 0 rgba(0,0,0,.2) inset,0 4px 24px rgba(255,0,0,.35),0 0 0 1px var(--brand-mid)}}
.sz-btn-glow:hover{animation:none}

.sz-btn-lg{padding:15px 30px;font-size:15px}
.sz-btn-full{width:100%}

/* ATC-States: Loading-Spinner + persistenter Im-Warenkorb-State */
.sz-btn--loading{cursor:wait;pointer-events:none;background:var(--brand) !important}
.sz-btn--loading::after{display:none}
.sz-btn-spinner{animation:szSpin .9s linear infinite}
@keyframes szSpin{to{transform:rotate(360deg)}}

.sz-btn--in-cart{
  background:var(--success) !important;color:#fff !important;
  border-color:var(--success) !important;
  box-shadow:0 1px 2px rgba(0,0,0,.15),0 4px 14px rgba(16,185,129,.22) !important;
  animation:none !important;
}
.sz-btn--in-cart:hover{
  background:#0fa376 !important;
  box-shadow:0 2px 4px rgba(0,0,0,.18),0 6px 20px rgba(16,185,129,.32) !important;
}
.sz-btn--in-cart::after{background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.06) 50%,transparent 60%)}

/* ============================================================
   GLOBAL ANIMATIONS & MICRO-INTERACTIONS
   ============================================================ */
@keyframes szReveal{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes szFadeIn{from{opacity:0}to{opacity:1}}
@keyframes szSlideRight{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}
@keyframes szPop{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.04)}100%{transform:scale(1);opacity:1}}
@keyframes szPulseGreen{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}50%{box-shadow:0 0 16px 4px rgba(34,197,94,.3)}}
@keyframes szGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes szShimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes szBorderGlow{0%,100%{border-color:var(--brand-mid)}50%{border-color:var(--brand);box-shadow:0 0 12px var(--brand-glow)}}
@keyframes szCountUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* ============================================================
   FPS GAME SLIDER — v4 (Horizontal bars, ultra-clean)
   ============================================================ */
.sz-fps-section{position:relative;overflow:hidden;background:var(--bg);border-top:1px solid var(--border)}
.sz-fps-bg-grid{
  position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse 85% 85% at 50% 50%,black 10%,transparent 100%);
}

/* Arrow buttons */
.sz-fps-arr{
  width:36px;height:36px;border-radius:50%;border:1px solid var(--border2);
  background:var(--bg3);color:var(--muted);display:flex;align-items:center;
  justify-content:center;cursor:pointer;flex-shrink:0;line-height:0;
  transition:border-color .2s,background .2s,color .2s,box-shadow .2s;
}
.sz-fps-arr:hover{border-color:var(--brand-mid);color:var(--text);background:var(--brand-dim);box-shadow:0 0 12px var(--brand-glow)}
.sz-fps-arr.hidden{opacity:0;pointer-events:none;}

/* Track */
.sz-fps-slider-wrap{display:flex;align-items:center;gap:10px;margin-bottom:28px;}
.sz-fps-track-wrap{flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
.sz-fps-track-wrap::-webkit-scrollbar{display:none;}
.sz-fps-track{display:flex;gap:10px;padding:8px 2px 28px;}

/* Game tab — portrait image */
.sz-fps-game-tab{
  position:relative;width:110px;height:147px;border-radius:12px;
  overflow:clip;border:2px solid var(--border);cursor:pointer;
  background:var(--bg3);flex-shrink:0;padding:0;
  transition:border-color .2s,transform .18s,box-shadow .2s;
}
.sz-fps-game-tab::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--brand),transparent);opacity:0;transition:opacity .2s;z-index:2}
.sz-fps-game-tab:hover:not(.active){border-color:var(--border3);transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.25)}
.sz-fps-game-tab:hover:not(.active)::before{opacity:1}
.sz-fps-game-tab.active{
  border-color:var(--brand);
  box-shadow:0 0 0 1px var(--brand),0 8px 24px rgba(255,0,0,.3);
  transform:translateY(-4px);
}
.sz-fps-game-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;}
.sz-fps-game-tab:hover .sz-fps-game-img,.sz-fps-game-tab.active .sz-fps-game-img{transform:scale(1.06);}
.sz-fps-game-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--border3);}
.sz-fps-tab-overlay{
  position:absolute;inset:0;display:flex;align-items:flex-end;padding:8px;
  background:linear-gradient(to top,rgba(0,0,0,.88) 0%,transparent 55%);
  transition:background .25s;
}
.sz-fps-game-tab.active .sz-fps-tab-overlay{background:linear-gradient(to top,rgba(180,0,0,.8) 0%,rgba(255,0,0,.05) 55%,transparent 100%);}
.sz-fps-tab-name{font-family:var(--mono);font-size:8px;font-weight:700;letter-spacing:.06em;color:#fff;text-transform:uppercase;line-height:1.3;}
.sz-fps-tab-dot{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:var(--brand);opacity:0;transition:opacity .2s;box-shadow:0 0 6px var(--brand);}
.sz-fps-game-tab.active .sz-fps-tab-dot{opacity:1;}

/* Card */
.sz-fps-cards{position:relative;}
.sz-fps-card{
  display:none;flex-direction:column;gap:20px;
  background:var(--bg2);border:1px solid var(--border2);
  border-radius:16px;padding:28px 32px;position:relative;overflow:hidden;
}
.sz-fps-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--brand),var(--brand-light),transparent);
}
.sz-fps-card.active{display:flex;animation:szFadeIn .3s ease both;}

/* Card header */
.sz-fps-card-header{display:flex;align-items:center;gap:14px;}
.sz-fps-card-thumb{width:52px;height:52px;border-radius:10px;overflow:hidden;flex-shrink:0;border:1px solid var(--border2);}
.sz-fps-card-thumb img{width:100%;height:100%;object-fit:cover;}
.sz-fps-card-game{font-size:17px;font-weight:700;letter-spacing:-.02em;}
.sz-fps-card-specs{font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:3px;letter-spacing:.03em;}
.sz-fps-card-pct-badge{
  margin-left:auto;font-family:var(--mono);font-size:14px;font-weight:700;
  color:#22c55e;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);
  border-radius:20px;padding:5px 12px;white-space:nowrap;
  animation:szPulseGreen 2.5s ease-in-out infinite;
}

/* Horizontal bar comparison */
.sz-fps-compare{display:grid;grid-template-columns:1fr 40px 1fr;gap:16px;align-items:center;}
.sz-fps-col{display:flex;flex-direction:column;gap:8px;}
.sz-fps-col--after{align-items:flex-end;}
.sz-fps-num-wrap{display:flex;align-items:baseline;gap:4px;}
.sz-fps-num{font-family:var(--mono);font-size:clamp(32px,4vw,52px);font-weight:700;color:var(--text);line-height:1;}
.sz-fps-num--after{color:#22c55e;}
.sz-fps-fps-label{font-family:var(--mono);font-size:12px;color:var(--muted);font-weight:600;}

.sz-fps-bar-outer{height:10px;background:var(--bg4);border-radius:6px;overflow:hidden;}
.sz-fps-bar{height:100%;border-radius:6px;width:0;}
.sz-fps-bar--before{background:linear-gradient(90deg,var(--border3),var(--muted));}
.sz-fps-bar--after{background:linear-gradient(90deg,#15803d,#22c55e,#4ade80);box-shadow:0 0 8px rgba(34,197,94,.4);}
.sz-fps-col--after .sz-fps-bar-outer{direction:rtl;}

.sz-fps-col-label{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}
.sz-fps-mid{display:flex;flex-direction:column;align-items:center;gap:6px;}
.sz-fps-gain-pill{
  font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em;
  color:#22c55e;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);
  border-radius:12px;padding:3px 8px;white-space:nowrap;text-align:center;
}

/* Stats row */
.sz-fps-stats{display:flex;gap:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface);}
.sz-fps-stat{flex:1;padding:12px 16px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:5px;}
.sz-fps-stat:last-child{border-right:none;}
.sz-fps-stat--gain{background:rgba(34,197,94,.05);}
.sz-fps-stat-label{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;}
.sz-fps-stat-val{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:13px;font-weight:700;}
.sz-fps-stat-val svg{color:var(--border3);flex-shrink:0;}
.sz-fps-stat-old{color:var(--muted);text-decoration:line-through;font-size:11px;font-weight:500;}
.sz-fps-stat-new{color:#22c55e;}
.sz-fps-stat-gain-val{font-family:var(--mono);font-size:20px;font-weight:700;color:#22c55e;line-height:1;}

.sz-fps-disclaimer{text-align:center;font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:16px;opacity:.6;}

@media(max-width:640px){
  .sz-fps-game-tab{width:88px;height:117px;}
  .sz-fps-card{padding:20px;}
  .sz-fps-compare{gap:8px;}
  .sz-fps-num{font-size:28px;}
  .sz-fps-stats{flex-direction:column;}
  .sz-fps-stat{border-right:none;border-bottom:1px solid var(--border);}
  .sz-fps-stat:last-child{border-bottom:none;}
}

/* ============================================================
   FEATURE CARDS — Hover lift + gradient border
   ============================================================ */
.sz-feature-card{
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:28px 24px;
  transition:border-color .25s,transform .2s,box-shadow .2s;
  position:relative;overflow:hidden;
}
.sz-feature-card::before{
  content:'';position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(135deg,var(--brand-dim),transparent);
  opacity:0;transition:opacity .3s;
}
.sz-feature-card:hover{
  border-color:var(--brand-mid);transform:translateY(-4px);
  box-shadow:0 12px 32px rgba(0,0,0,.2),0 0 0 1px var(--brand-mid);
}
.sz-feature-card:hover::before{opacity:1;}

/* ============================================================
   STEP CARDS — animated connector
   ============================================================ */

/* ============================================================
/* ============================================================
   HERO SECTION — enhanced gradient text animation
   ============================================================ */
.sz-hero-gradient-text{
  background:linear-gradient(135deg,#ff0000 0%,var(--brand-light) 25%,#ff0000 50%,#ff3333 75%,#ff0000 100%);
  background-size:300% 300%;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  animation:szGradientShift 5s ease infinite;
}

/* ============================================================
   PRODUCT PAGE — polish
   ============================================================ */
.sz-product-media{
  border-radius:var(--radius-xl);overflow:hidden;
  border:1px solid var(--border2);background:var(--bg3);
  aspect-ratio:1;display:flex;align-items:center;justify-content:center;
  transition:box-shadow .3s;
}
.sz-product-media:hover{box-shadow:0 20px 60px rgba(0,0,0,.3);}
.sz-product-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.sz-product-media:hover img{transform:scale(1.02);}

/* ============================================================
   COLLECTION CARDS — polish
   ============================================================ */
.sz-product-card{
  background:var(--surface);border:1px solid var(--border2);
  border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;
  color:var(--text);transition:border-color .2s,transform .18s,box-shadow .2s;
  display:flex;flex-direction:column;position:relative;
}
.sz-product-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--brand),transparent);
  opacity:0;transition:opacity .25s;z-index:1;
}
.sz-product-card:hover{
  border-color:var(--border3);transform:translateY(-4px);
  box-shadow:0 16px 48px rgba(0,0,0,.25);
}
.sz-product-card:hover::before{opacity:1;}

/* ============================================================
   SCROLL PROGRESS BAR
   ============================================================ */
#sz-scroll-progress{
  /* top:0 = Industry-Standard (Medium, News-Sites, dein Guide-Portal). Liegt über dem Header dank z-index:9999.
     Vorher top:56px war eine Linie unter dem Header die ihn visuell zerschnitten hat. */
  position:fixed;top:0;left:0;right:0;height:2px;width:100%;z-index:9999;
  pointer-events:none;background:transparent;contain:layout style size;
  --scroll-pct:0;
}
#sz-scroll-progress::after{
  content:'';display:block;height:100%;width:100%;
  background:linear-gradient(90deg,var(--brand) 0%,var(--brand-light) 100%);
  transform:scaleX(var(--scroll-pct));transform-origin:0 50%;
  box-shadow:0 0 8px var(--brand-glow);
}
@media(prefers-reduced-motion:reduce){#sz-scroll-progress::after{box-shadow:none}}
/* Mobile-Nav offen → Scroll-Progress-Bar ausblenden (würde sonst als 2px-Strich quer durchs Menü laufen) */
body.sz-mobile-nav-open #sz-scroll-progress{opacity:0;visibility:hidden}

/* ============================================================
   SECTION TAGS — animated underline
   ============================================================ */
.sz-section-tag{
  font-family:var(--mono);font-size:10px;letter-spacing:.25em;
  color:var(--brand);text-transform:uppercase;font-weight:600;margin-bottom:12px;
  display:inline-flex;align-items:center;gap:8px;
}
.sz-section-tag::before{
  content:'';width:20px;height:1px;background:var(--brand);display:block;
}
.sz-section-tag::after{
  content:'';width:20px;height:1px;background:var(--brand);display:block;
}

/* ============================================================
   FAQ — refined (product page)
   ============================================================ */
.sz-faq-item{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s,box-shadow .2s;}
.sz-faq-item:hover{border-color:var(--border2);}
.sz-faq-item.open{border-color:var(--border2);box-shadow:0 4px 16px rgba(0,0,0,.1);}
.sz-faq-q{
  padding:17px 20px;cursor:pointer;display:flex;justify-content:space-between;
  align-items:center;font-size:14px;font-weight:500;gap:16px;
  user-select:none;transition:background .15s,color .15s;
  color:var(--text2);width:100%;background:none;border:none;text-align:left;
}
.sz-faq-q:hover,.sz-faq-item.open .sz-faq-q{background:var(--bg3);color:var(--text);}

/* ============================================================
   MOBILE ONLY — show theme icon correctly
   ============================================================ */
@media(max-width:767px){.sz-desktop-only{display:none!important}}
@media(min-width:768px){.sz-mobile-only{display:none!important}}

/* ============================================================
   PRODUCT PAGE — Complete Layout
   ============================================================ */
.sz-product-page{padding:48px 32px;max-width:calc(var(--page-width) + 64px);margin:0 auto;width:100%}
/* TOP: image left | buy right */
.sz-product-top{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;margin-bottom:56px}
.sz-product-img-col{display:flex;flex-direction:column;gap:0}
/* BOTTOM: chapters left | portal right */
.sz-product-bottom{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-top:48px;padding-top:40px;border-top:1px solid var(--border);}
.sz-product-bottom-label{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase;font-weight:600;margin-bottom:20px}
.sz-product-chapters-col{}
/* Buy col */
.sz-product-buy-col{display:flex;flex-direction:column;gap:20px}
/* Stats */
/* Trust */
.sz-product-trust{display:flex;flex-direction:column;gap:8px}
.sz-product-trust-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text2)}
/* Payment */
.sz-product-payment-row{display:flex;flex-direction:column;gap:6px;padding-top:12px;}
.sz-product-payment-label{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;font-weight:600}
.sz-product-payment-icons{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
/* Collapsible description */
.sz-product-desc-toggle{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}
.sz-product-desc-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:none;border:none;cursor:pointer;font-size:13.5px;font-weight:500;color:var(--text2);font-family:var(--sans);transition:background .15s,color .15s;text-align:left;gap:12px}
.sz-product-desc-trigger:hover{background:var(--bg3);color:var(--text)}
.sz-desc-chevron{flex-shrink:0;transition:transform .3s;color:var(--muted)}
.sz-product-desc-trigger[aria-expanded="true"] .sz-desc-chevron{transform:rotate(180deg);color:var(--brand)}
.sz-product-desc-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1)}
.sz-product-desc-body.open{grid-template-rows:1fr}
.sz-product-desc-inner{overflow:hidden;padding:0 16px;font-size:14px;color:var(--muted);line-height:1.8}
.sz-product-desc-body.open .sz-product-desc-inner{padding:14px 16px 18px}
.sz-product-desc-inner p{margin-bottom:10px}
.sz-product-desc-inner ul{padding-left:18px;margin-bottom:10px}
.sz-product-desc-inner li{margin-bottom:5px}
/* Portal card */
.sz-product-portal-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-xl);padding:28px;position:relative;overflow:hidden}
.sz-product-portal-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand-light))}
.sz-product-portal-tag{font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:var(--brand);text-transform:uppercase;font-weight:600;margin-bottom:8px}
.sz-product-portal-title{font-size:16px;font-weight:700;letter-spacing:-.02em;margin-bottom:16px}
.sz-product-portal-features{display:flex;flex-direction:column;gap:9px}
/* FAQ */
.sz-product-faq{margin-top:48px;padding-top:48px;border-top:1px solid var(--border);}

/* ============================================
   Reviews-Sektion + Judge.me Synczone Theming
   ============================================ */
.sz-product-reviews{margin-top:48px;padding-top:48px;border-top:1px solid var(--border)}
.sz-reviews-wrap{margin-top:24px}

/* Globale Typografie & Farben für alle Judge.me-Elemente */
.jdgm-widget,.jdgm-widget *,.jdgm-form-wrapper,.jdgm-form-wrapper *,.jdgm-form-dynamic-wrapper,.jdgm-form-dynamic-wrapper *{
  font-family:var(--sans)!important;
  color:var(--text)!important;
  box-sizing:border-box;
}
.jdgm-widget{background:transparent!important;border:none!important;padding:0!important;margin:0!important}

/* Header & Title */
.jdgm-rev-widg__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.jdgm-rev-widg__title{font-family:var(--sans)!important;font-size:20px!important;font-weight:600!important;letter-spacing:-.01em!important;color:var(--text)!important;margin:0!important;padding:0!important}

/* Summary-Block (Sterne + Text + Buttons-Wrapper) */
.jdgm-row-stars,.jdgm-rev-widg__summary,.jdgm-rev-widg__summary-inner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:transparent!important;border:none!important;padding:0!important;margin:0!important}
.jdgm-rev-widg__summary{flex:1;min-width:0}
.jdgm-rev-widg__summary-text{font-family:var(--mono)!important;font-size:12px!important;color:var(--muted)!important;letter-spacing:.02em}
.jdgm-rev-widg__summary-average{font-family:var(--mono)!important;font-size:13px!important;color:var(--text)!important;font-weight:600}

/* Sterne — Synczone-Bewertungs-Orange (harmoniert mit Brand-Rot) */
.jdgm-rev-widg__summary-stars,.jdgm-rev__rating,.jdgm-prev-badge__stars,.jdgm-form__rating,.jdgm-form-dynamic__rating{display:inline-flex;gap:2px;line-height:1}
.jdgm-star{color:#F59E0B!important;font-size:14px!important;display:inline-block;line-height:1}
.jdgm-star.jdgm--off{color:var(--border3)!important;opacity:.45}
.jdgm-form__rating .jdgm-star,.jdgm-form-dynamic__rating .jdgm-star{font-size:24px!important;cursor:pointer;padding:2px}
.jdgm-form__rating .jdgm-star:hover,.jdgm-form-dynamic__rating .jdgm-star:hover{transform:scale(1.1);transition:transform .15s ease}

/* Action-Buttons (Bewertung schreiben, Frage stellen) */
.jdgm-widget-actions-wrapper{display:flex;gap:10px;flex-wrap:wrap}
.jdgm-write-rev-link,.jdgm-ask-question-btn{
  display:inline-block;
  background:var(--brand)!important;
  color:#fff!important;
  border:none!important;
  border-radius:8px!important;
  padding:11px 22px!important;
  font-family:var(--mono)!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.jdgm-write-rev-link:hover,.jdgm-ask-question-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(255,0,0,.25);color:#fff!important}

/* Histogramm (Sternverteilung) */
.jdgm-histogram{margin:20px 0!important;padding:18px!important;background:var(--surface)!important;border:1px solid var(--border2)!important;border-radius:var(--radius-lg)!important}
.jdgm-histogram__row{padding:4px 0!important}
.jdgm-histogram__row-label,.jdgm-histogram__row-count{font-family:var(--mono)!important;font-size:11px!important;color:var(--muted)!important}
.jdgm-histogram__row-bar{background:rgba(255,255,255,.06)!important;border-radius:3px!important;height:6px!important}
.jdgm-histogram__row-bar-content{background:#F59E0B!important;border-radius:3px!important}

/* Form (Bewertung schreiben) */
.jdgm-form-wrapper,.jdgm-form-dynamic-wrapper{background:var(--surface)!important;border:1px solid var(--border2)!important;border-radius:var(--radius-lg)!important;padding:24px!important;margin-top:20px!important}
.jdgm-form,.jdgm-form-dynamic{background:transparent!important}
.jdgm-form__title{font-family:var(--sans)!important;font-size:16px!important;font-weight:600!important;color:var(--text)!important;margin-bottom:18px!important;letter-spacing:-.01em}
.jdgm-form__fieldset{margin-bottom:16px!important}
.jdgm-form__fieldset label,.jdgm-form__inline-label{font-family:var(--mono)!important;font-size:11px!important;font-weight:500!important;color:var(--muted)!important;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px!important;display:block}

/* Inputs / Textareas */
.jdgm-form input[type=text],.jdgm-form input[type=email],.jdgm-form input[type=url],.jdgm-form textarea,.jdgm-form-dynamic input[type=text],.jdgm-form-dynamic input[type=email],.jdgm-form-dynamic input[type=url],.jdgm-form-dynamic textarea{
  width:100%!important;
  background:var(--bg)!important;
  border:1px solid var(--border2)!important;
  border-radius:8px!important;
  padding:11px 14px!important;
  font-family:var(--sans)!important;
  font-size:14px!important;
  color:var(--text)!important;
  transition:border-color .2s ease, background .2s ease;
}
.jdgm-form input:focus,.jdgm-form textarea:focus,.jdgm-form-dynamic input:focus,.jdgm-form-dynamic textarea:focus{outline:none!important;border-color:var(--brand)!important;background:var(--surface)!important}
.jdgm-form input::placeholder,.jdgm-form textarea::placeholder{color:var(--muted)!important;opacity:.6}

/* Form-Buttons */
.jdgm-btn,.jdgm-submit-rev,.jdgm-cancel-rev,.jdgm-form-dynamic__back,.jdgm-form-dynamic__next,.jdgm-form-dynamic__submit-rev{
  display:inline-block!important;
  font-family:var(--mono)!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  border-radius:8px!important;
  padding:11px 22px!important;
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease;
  text-decoration:none!important;
}
.jdgm-btn--solid,.jdgm-submit-rev,.jdgm-form-dynamic__next,.jdgm-form-dynamic__submit-rev{background:var(--brand)!important;color:#fff!important;border:none!important}
.jdgm-btn--solid:hover,.jdgm-submit-rev:hover,.jdgm-form-dynamic__next:hover,.jdgm-form-dynamic__submit-rev:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(255,0,0,.25)}
.jdgm-btn--border,.jdgm-cancel-rev,.jdgm-form-dynamic__back{background:transparent!important;color:var(--text)!important;border:1px solid var(--border2)!important}
.jdgm-btn--border:hover,.jdgm-cancel-rev:hover,.jdgm-form-dynamic__back:hover{border-color:var(--brand)!important;color:var(--brand)!important}
.jdgm-form__fieldset-actions,.jdgm-form-dynamic__buttons-row{display:flex;gap:10px;justify-content:flex-end;margin-top:20px!important}

/* Dropdown (Anzeigename-Format) */
.jdgm-sort-dropdown-wrapper{position:relative;display:inline-block}
.jdgm-sort-dropdown{background:var(--bg)!important;border:1px solid var(--border2)!important;border-radius:6px!important;padding:6px 28px 6px 10px!important;font-family:var(--mono)!important;font-size:12px!important;color:var(--text)!important;appearance:none;cursor:pointer}
.jdgm-sort-dropdown-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted)}
.jdgm-form__reviewer-name-format-container{font-size:12px!important;color:var(--muted)!important}
.jdgm-form__reviewer-name-format-container label{display:inline!important;text-transform:none!important;letter-spacing:0!important;font-family:var(--sans)!important;font-size:12px!important}

/* Media-Upload-Box */
.jdgm-media-fieldset__container{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.jdgm-picture-fieldset__box{width:80px;height:80px;background:var(--bg)!important;border:1px dashed var(--border2)!important;border-radius:8px!important;cursor:pointer;position:relative;transition:border-color .2s ease}
.jdgm-picture-fieldset__box:hover{border-color:var(--brand)!important}
.jdgm-picture-fieldset__box--input{display:flex;align-items:center;justify-content:center}
.jdgm-media-fieldset__icon::before{content:"+";font-size:28px;color:var(--muted);font-weight:300}
.jdgm-media-fieldset__input{position:absolute;inset:0;opacity:0;cursor:pointer}

/* Einzelne Reviews */
.jdgm-rev-widg__reviews{margin-top:28px}
.jdgm-rev{padding:24px 0!important;border-bottom:1px solid var(--border)!important;background:transparent!important}
.jdgm-rev:last-child{border-bottom:none!important}
.jdgm-rev__header{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.jdgm-rev__author{color:var(--text)!important;font-weight:500!important;font-size:14px!important}
.jdgm-rev__verified-badge{display:inline-block;background:rgba(34,197,94,.12)!important;color:#4ade80!important;font-family:var(--mono)!important;font-size:10px!important;padding:3px 8px!important;border-radius:3px!important;letter-spacing:.05em!important;text-transform:uppercase}
.jdgm-rev__location{color:var(--muted)!important;font-family:var(--mono)!important;font-size:11px!important}
.jdgm-rev__timestamp{color:var(--muted)!important;font-family:var(--mono)!important;font-size:11px!important}
.jdgm-rev__title{color:var(--text)!important;font-weight:600!important;font-size:15px!important;margin:8px 0!important;letter-spacing:-.005em}
.jdgm-rev__body,.jdgm-rev__body p{color:var(--text2)!important;font-size:14px!important;line-height:1.65!important}
.jdgm-rev__buttons{margin-top:10px}
.jdgm-rev__icon{color:var(--muted)!important}

/* Pagination */
.jdgm-paginate{display:flex;gap:6px;justify-content:center;margin-top:24px;flex-wrap:wrap}
.jdgm-paginate__page{background:transparent!important;color:var(--text2)!important;border:1px solid var(--border2)!important;border-radius:6px!important;font-family:var(--mono)!important;font-size:12px!important;padding:7px 12px!important;cursor:pointer;transition:all .2s ease;text-decoration:none!important}
.jdgm-paginate__page:hover{border-color:var(--brand)!important;color:var(--brand)!important}
.jdgm-paginate__page.jdgm-curt{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important}

/* Preview-Badge (klein, für Hero/Produkt-Karten) */
.jdgm-prev-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono)!important;font-size:inherit!important}
.jdgm-prev-badge__stars{display:none}
.jdgm-prev-badge__text{color:inherit!important}

/* Datenschutz-Hinweis im Form */
.jdgm-form__fieldset p{font-family:var(--sans)!important;font-size:12px!important;color:var(--muted)!important;line-height:1.55!important}
.jdgm-form__fieldset p a{color:var(--brand)!important;text-decoration:underline}

/* Countdown */
.jdgm-countdown{font-family:var(--mono)!important;font-size:10px!important;color:var(--muted)!important;float:right}

/* Close-Icon im Dynamic-Form */
.jdgm-close-ico{cursor:pointer;color:var(--muted)!important;transition:color .2s ease}
.jdgm-close-ico:hover{color:var(--brand)!important}

/* Responsive */
@media (max-width:680px){
  .jdgm-rev-widg__header{flex-direction:column;align-items:flex-start}
  .jdgm-form__fieldset-actions,.jdgm-form-dynamic__buttons-row{flex-direction:column-reverse}
  .jdgm-form__fieldset-actions .jdgm-btn,.jdgm-form-dynamic__buttons-row .jdgm-btn{width:100%;text-align:center}
}

/* Description col (not used now but keep for compat) */
.sz-product-desc-col .sz-product-desc{font-size:14.5px;color:var(--text2);line-height:1.85}
.sz-product-desc-col .sz-product-desc p{margin-bottom:14px}
.sz-product-desc-col .sz-product-desc ul{padding-left:20px;margin-bottom:14px}
/* Responsive */
@media(max-width:900px){
  .sz-product-top,.sz-product-bottom{grid-template-columns:1fr;gap:32px}
  .sz-product-top{margin-bottom:32px}
}

/* ============================================================
   CART PAGE — Maxxed
   ============================================================ */
.sz-cart-page{padding:40px 32px;max-width:calc(var(--page-width) + 64px);margin:0 auto;width:100%}
.sz-cart-layout{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start}
/* Tablet (768-900px): Sidebar wird responsiv damit der Items-Bereich nicht auf 388px gequetscht wird.
   Pattern wie bei Stripe Checkout / professionellen Cart-Layouts. */
@media(min-width:768px) and (max-width:900px){
  .sz-cart-layout{grid-template-columns:1fr clamp(280px,32vw,380px);gap:24px}
}

/* ============================================================
   EXPRESS CHECKOUT — Apple Pay, Shop Pay, Google Pay, PayPal Express
   Optik 1:1 wie .sz-atc-btn (Add-to-Cart Button)
   Alle Properties matchen .sz-btn + .sz-btn-primary + .sz-btn-glow + .sz-atc-btn + .sz-btn-full
   ============================================================ */
.sz-dynamic-checkout{margin-top:12px;display:flex;flex-direction:column;width:100%}
.sz-dynamic-checkout .shopify-payment-button{font-family:var(--sans);width:100%}

/* Base — alle Express-Buttons (branded + unbranded) bekommen ATC-Dimensionen */
.sz-dynamic-checkout .shopify-payment-button__button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:8px!important;
  padding:16px 28px!important;
  width:100%!important;
  border-radius:8px!important;
  border:none!important;
  font-family:var(--sans)!important;
  font-size:16px!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  text-decoration:none!important;
  cursor:pointer!important;
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1),filter .15s!important;
}
.sz-dynamic-checkout .shopify-payment-button__button:hover{transform:translateY(-2px)!important}
.sz-dynamic-checkout .shopify-payment-button__button:active{transform:translateY(0)!important;filter:brightness(1.1)!important;transition-duration:.1s!important}

/* UNBRANDED FALLBACK ("Sofort kaufen") — voller ATC-Primary-Look:
   Brand-Gradient, Brand-Glow, Pulse-Animation — visuell IDENTISCH zum ATC-Button */
.sz-dynamic-checkout .shopify-payment-button__button--unbranded{
  background:linear-gradient(180deg,var(--brand-light) 0%,var(--brand) 40%,var(--brand-dark) 100%)!important;
  color:#fff!important;
  box-shadow:0 1px 0 0 rgba(255,255,255,.15) inset,0 -1px 0 0 rgba(0,0,0,.2) inset,0 4px 16px var(--brand-glow)!important;
  animation:szBtnPulse 3s ease-in-out infinite!important;
}
.sz-dynamic-checkout .shopify-payment-button__button--unbranded:hover{
  animation:none!important;
  box-shadow:0 1px 0 0 rgba(255,255,255,.2) inset,0 -1px 0 0 rgba(0,0,0,.2) inset,0 6px 28px rgba(255,0,0,.35),0 0 0 1px rgba(255,0,0,.3)!important;
}

/* BRANDED (Apple/Shop/Google/PayPal) — Brand-Farben bleiben (Vorschrift) aber Dimensionen + Hover wie ATC */
.sz-dynamic-checkout .shopify-payment-button__button--branded{
  box-shadow:0 4px 16px rgba(0,0,0,.25)!important;
}
.sz-dynamic-checkout .shopify-payment-button__button--branded:hover{
  box-shadow:0 6px 28px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.05)!important;
}

/* "Mehr Zahlungsoptionen" Link */
.sz-dynamic-checkout .shopify-payment-button__more-options{
  margin-top:10px!important;
  font-size:12.5px!important;
  font-weight:500!important;
  color:var(--muted)!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
  background:none!important;
  border:none!important;
  cursor:pointer!important;
  padding:4px 8px!important;
  align-self:center!important;
  transition:color .2s!important;
}
.sz-dynamic-checkout .shopify-payment-button__more-options:hover{color:var(--text)!important}

/* === Skeleton Loading State — wiederverwendbar via .sz-skeleton === */
.sz-skeleton{
  position:relative;overflow:hidden;
  background:var(--bg3);border-radius:6px;
  user-select:none;pointer-events:none;
}
.sz-skeleton::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.06), transparent);
  animation:szSkeletonShimmer 1.4s ease-in-out infinite;
  transform:translateX(-100%);
}
@keyframes szSkeletonShimmer{
  0%{transform:translateX(-100%)}
  100%{transform:translateX(100%)}
}
@media(prefers-reduced-motion:reduce){
  .sz-skeleton::after{animation:none;background:rgba(255,255,255,.04)}
}

/* Skeleton-Variante für ein neu einzufügendes Cart-Item — gleiche Höhe + Layout wie .sz-cart-item */
.sz-cart-item--skeleton{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--border)}
.sz-cart-item--skeleton .sz-cart-item-img{
  width:72px;height:72px;flex-shrink:0;border-radius:8px;
  background:transparent;padding:0;
}
.sz-cart-item--skeleton .sz-cart-item-img.sz-skeleton{background:var(--bg3)}
.sz-skel-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.sz-skel-line{height:14px;border-radius:4px}
.sz-skel-line--title{width:55%;height:16px}
.sz-skel-row{display:flex;align-items:center;gap:10px;margin-top:2px}
.sz-skel-line--price{width:60px}
.sz-skel-line--badge{width:90px;height:18px;border-radius:4px}
.sz-skel-circle{width:28px;height:28px;border-radius:50%}

/* ============================================================
   IMAGE SKELETON — universell für Product-Cards (Grid + Collection + Detail)
   Bild fadet sanft ein wenn geladen, Skeleton-Shimmer im Hintergrund
   Nutzt das gleiche szSkeletonShimmer-Keyframe wie Cart-Skeletons
   ============================================================ */
.sz-product-grid-card-img,
.sz-product-card-media,
.sz-col-card-media{
  background:var(--bg3);
  position:relative;
}
.sz-product-grid-card-img::after,
.sz-product-card-media::after,
.sz-col-card-media::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);
  animation:szSkeletonShimmer 1.4s ease-in-out infinite;
  transform:translateX(-100%);
  pointer-events:none;z-index:1;
}
.sz-product-grid-card-img.sz-img-loaded::after,
.sz-product-card-media.sz-img-loaded::after,
.sz-col-card-media.sz-img-loaded::after{display:none}
.sz-product-grid-card-img img,
.sz-product-card-media img,
.sz-col-card-media img{
  position:relative;z-index:2;
  opacity:0;transition:opacity .3s ease;
}
.sz-product-grid-card-img.sz-img-loaded img,
.sz-product-card-media.sz-img-loaded img,
.sz-col-card-media.sz-img-loaded img{opacity:1}
@media(prefers-reduced-motion:reduce){
  .sz-product-grid-card-img::after,
  .sz-product-card-media::after,
  .sz-col-card-media::after{animation:none;background:rgba(255,255,255,.04)}
  .sz-product-grid-card-img img,
  .sz-product-card-media img,
  .sz-col-card-media img{transition:none}
}

/* Skeleton-Overlay für Summary während Discount-Apply / Cart-Update */
.sz-skel-blur{
  position:relative;
  pointer-events:none;
  transition:opacity .15s ease;
}
.sz-skel-blur::before{
  content:'';position:absolute;inset:-4px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.06), transparent);
  animation:szSkeletonShimmer 1.2s ease-in-out infinite;
  border-radius:6px;z-index:1;pointer-events:none;
}
.sz-skel-blur > *{opacity:.45;transition:opacity .15s ease}

/* === Cart Upsell — in der linken Spalte unter den Cart-Items === */
.sz-cart-upsell{
  margin-top:32px;padding-top:24px;
  border-top:1px solid var(--border);
}
.sz-cart-upsell-head{margin-bottom:18px}
.sz-cart-upsell-head .sz-section-tag{margin-bottom:6px}
.sz-cart-upsell-title{font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:0 0 4px;color:var(--text)}
.sz-cart-upsell-sub{font-size:13.5px;color:var(--muted);line-height:1.55;margin:0;max-width:520px}
/* Vertikale Liste — passt in die schmalere linke Spalte */
.sz-cart-upsell-grid{display:flex;flex-direction:column;gap:10px}

.sz-cart-upsell-card{
  display:flex;align-items:center;gap:14px;padding:12px 14px;
  background:var(--bg2);border:1px solid var(--border2);border-radius:10px;
  transition:border-color .2s ease, background .2s ease;
}
/* Cleaner Hover — nur Border + Background, keine Lift/Glow/Shimmer */
.sz-cart-upsell-card:hover{
  border-color:var(--border3);
  background:var(--bg3);
}

.sz-cart-upsell-img{
  width:56px;height:56px;flex-shrink:0;border-radius:8px;
  background:var(--bg3);display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.sz-cart-upsell-img img{width:100%;height:100%;object-fit:cover;display:block}

.sz-cart-upsell-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.sz-cart-upsell-name{
  font-size:14px;font-weight:600;color:var(--text);text-decoration:none;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;
  transition:color .15s ease;
}
.sz-cart-upsell-name:hover{color:var(--brand-light)}

.sz-cart-upsell-meta{display:flex;align-items:center;gap:8px}
.sz-cart-upsell-price{
  font-family:var(--mono);font-size:13px;color:var(--brand);font-weight:700;
  display:flex;align-items:baseline;gap:6px;letter-spacing:.02em;
}
.sz-cart-upsell-price-now{color:var(--brand)}
.sz-cart-upsell-price-was{font-size:11px;color:var(--muted);text-decoration:line-through;font-weight:400}

.sz-cart-upsell-add{
  flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  background:var(--bg3);color:var(--text);border:1px solid var(--border2);
  border-radius:8px;padding:8px 13px;cursor:pointer;
  font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:0;line-height:1;
  transition:background .2s ease, border-color .2s ease, color .2s ease;
  white-space:nowrap;
}
.sz-cart-upsell-add svg{flex-shrink:0;display:block}
.sz-cart-upsell-add:hover{
  background:var(--brand);border-color:var(--brand);color:#fff;
}
.sz-cart-upsell-add[disabled]{cursor:wait;opacity:.7}
.sz-cart-upsell-add.sz-upsell--in-cart{
  background:var(--success);border-color:var(--success);color:#fff;
  cursor:default;pointer-events:none;
}
.sz-cart-upsell-add .sz-upsell-spinner{animation:szSpin .9s linear infinite}

@media(max-width:560px){
  .sz-cart-upsell{margin-top:24px;padding-top:20px}
  .sz-cart-upsell-title{font-size:17px}
  .sz-cart-upsell-sub{font-size:13px}
  .sz-cart-upsell-card{padding:10px 12px;gap:11px}
  .sz-cart-upsell-img{width:48px;height:48px}
  .sz-cart-upsell-add{padding:8px 11px}
  .sz-cart-upsell-add .sz-upsell-label{display:none}
}
.sz-cart-items{display:flex;flex-direction:column;gap:0}
.sz-cart-item{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--border)}
.sz-cart-item:first-child{border-top:1px solid var(--border)}
.sz-cart-item-img{width:72px;height:72px;border-radius:var(--radius-lg);background:var(--bg3);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border)}
.sz-cart-item-img img{width:100%;height:100%;object-fit:cover}
.sz-cart-item-info{flex:1;min-width:0}
.sz-cart-item-title{font-size:15px;font-weight:600;color:var(--text);text-decoration:none;display:block;margin-bottom:4px;transition:color .15s}
.sz-cart-item-title:hover{color:var(--brand)}
.sz-cart-item-variant{font-size:12px;color:var(--muted);margin-bottom:6px}
.sz-cart-item-price-row{display:flex;align-items:center;gap:8px}
.sz-cart-item-price{font-family:var(--mono);font-size:15px;font-weight:700;color:var(--text)}
.sz-cart-item-badge{font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--brand);background:var(--brand-dim);border:1px solid var(--brand-mid);border-radius:5px;padding:2px 7px;text-transform:uppercase}
.sz-cart-item-remove{width:28px;height:28px;border-radius:50%;background:var(--bg3);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--muted);text-decoration:none;transition:background .2s,color .2s,border-color .2s;flex-shrink:0;line-height:0}
.sz-cart-item-remove svg{display:block;flex-shrink:0}
.sz-cart-item-remove:hover{background:rgba(255,107,107,.12);border-color:rgba(255,107,107,.3);color:#ff6b6b}
.sz-cart-continue{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);text-decoration:none;margin-top:20px;transition:color .15s}
.sz-cart-continue:hover{color:var(--text)}
/* Summary */
.sz-cart-summary{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius-xl);padding:28px;position:sticky;top:80px}
.sz-cart-summary-title{font-size:16px;font-weight:700;letter-spacing:-.02em;margin-bottom:20px}
.sz-cart-summary-rows{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
.sz-cart-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;color:var(--text2)}
.sz-cart-summary-total{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:700;padding-top:16px;border-top:1px solid var(--border);margin-bottom:20px}
/* Trust in cart */
.sz-cart-trust{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}
.sz-cart-trust-item{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}
/* What's included box */
.sz-cart-includes{margin-top:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}
.sz-cart-includes-title{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:12px}
.sz-cart-include{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text2);margin-bottom:8px}
.sz-cart-include:last-child{margin-bottom:0}
.sz-cart-include svg{color:var(--brand);flex-shrink:0}
.sz-cart-payment{display:flex;gap:5px;flex-wrap:wrap;margin-top:14px;align-items:center}
/* Discount code */
.sz-cart-discount{margin-bottom:16px}
.sz-cart-discount-active{
  display:flex;align-items:center;gap:10px;
  background:var(--success-dim);border:1px solid var(--success-mid);
  border-radius:var(--radius-sm);padding:12px 14px;
}
.sz-cart-discount-active .sz-cart-discount-remove{
  background:none;border:none;color:var(--muted);cursor:pointer;padding:2px;transition:color .15s;flex-shrink:0;display:flex;
}
.sz-cart-discount-active .sz-cart-discount-remove:hover{color:var(--brand)}
.sz-cart-discount-toggle{
  display:flex;align-items:center;gap:8px;width:100%;
  background:none;border:none;cursor:pointer;
  font-family:var(--sans);font-size:13px;font-weight:500;color:var(--muted);
  padding:0;transition:color .2s;
}
.sz-cart-discount-toggle:hover{color:var(--text)}
.sz-cart-discount-toggle svg:first-child{color:var(--brand);flex-shrink:0}
.sz-discount-chevron{margin-left:auto;transition:transform .25s;flex-shrink:0}
.sz-cart-discount-toggle.open .sz-discount-chevron{transform:rotate(180deg)}
.sz-cart-discount-form{
  display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1);
  overflow:hidden;
}
.sz-cart-discount-form.open{grid-template-rows:1fr}
.sz-cart-discount-form > div{overflow:hidden;padding-top:0;transition:padding .3s}
.sz-cart-discount-form.open > div{padding-top:12px}
.sz-cart-discount-input{flex:1;padding:10px 14px!important;font-size:13px!important}
.sz-cart-discount-btn{padding:10px 16px;font-size:12px;white-space:nowrap}
.sz-cart-discount-applied{
  display:flex;align-items:center;gap:8px;margin-top:10px;
  font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.06em;
  color:var(--success);background:var(--success-dim);
  border:1px solid var(--success-mid);border-radius:var(--radius-sm);padding:8px 12px;
}
.sz-cart-discount-applied svg:first-child{flex-shrink:0}
.sz-cart-discount-remove{
  margin-left:auto;background:none;border:none;cursor:pointer;
  color:var(--muted);display:flex;align-items:center;padding:2px;transition:color .15s;
}
.sz-cart-discount-remove:hover{color:var(--brand)}
/* Empty */
.sz-cart-empty{text-align:center;padding:80px 20px}
.sz-cart-empty-icon{width:72px;height:72px;border-radius:50%;background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--border3)}
@media(max-width:900px){.sz-cart-layout{grid-template-columns:1fr}}
@media(max-width:640px){.sz-cart-page{padding:28px 16px}}

/* ============================================================
   SEARCH PAGE — enhanced
   ============================================================ */
.sz-search-form-wrap{margin:28px 0 40px}
.sz-search-form{display:flex;gap:12px;align-items:center}
.sz-search-input-wrap{position:relative;flex:1}
.sz-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.sz-input{width:100%;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:12px 40px 12px 42px;font-size:15px;color:var(--text);font-family:var(--sans);transition:border-color .2s,box-shadow .2s;outline:none}
.sz-input:focus{border-color:var(--brand-mid);outline:none}
/* Unified clear-button — Search + Troubleshooting nutzen dieselbe Klasse.
   28px Square mit Border (entspricht User-bevorzugtem Troubleshooting-Pattern). */
.sz-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--muted);cursor:pointer;transition:border-color .2s,color .2s,background .2s;text-decoration:none;padding:0}
.sz-search-clear:hover{border-color:var(--border2);color:var(--text);background:var(--bg4)}
.sz-search-clear[hidden]{display:none}
.sz-search-results{display:flex;flex-direction:column;gap:8px}
.sz-search-result-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:var(--text);transition:border-color .2s,transform .15s,box-shadow .2s}
.sz-search-result-item:hover{border-color:var(--border2);transform:translateX(4px);box-shadow:0 4px 16px rgba(0,0,0,.1)}
.sz-search-result-img{width:52px;height:52px;border-radius:var(--radius-sm);background:var(--bg3);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}
.sz-search-result-img img{width:100%;height:100%;object-fit:cover}
.sz-search-result-info{flex:1;min-width:0}
.sz-search-result-type{font-family:var(--mono);font-size:9px;letter-spacing:.15em;color:var(--brand);text-transform:uppercase;font-weight:600;margin-bottom:3px}
.sz-search-result-title{font-size:14px;font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sz-search-result-price{font-family:var(--mono);font-size:12px;color:var(--brand);font-weight:700;margin-bottom:2px}
.sz-search-result-desc{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sz-search-empty,.sz-search-suggestions{text-align:center;padding:48px 20px}
.sz-search-tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.sz-search-tag{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.06em;padding:7px 14px;border:1px solid var(--border2);border-radius:20px;color:var(--text2);text-decoration:none;transition:border-color .2s,color .2s,background .2s}
.sz-search-tag:hover{border-color:var(--brand-mid);color:var(--brand);background:var(--brand-dim)}
.sz-search-suggestions-label{font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:var(--muted);text-transform:uppercase;margin-bottom:12px}
@media(max-width:640px){.sz-search-form{flex-direction:column}.sz-search-form .sz-btn{width:100%}}

/* ============================================================
   404 PAGE
   ============================================================ */
.sz-404-wrap{min-height:calc(100vh - 56px);display:flex;align-items:center;justify-content:center;padding:60px 32px;text-align:center;position:relative;overflow:hidden}
.sz-404-code{font-family:var(--mono);font-size:clamp(80px,15vw,160px);font-weight:700;line-height:1;background:linear-gradient(135deg,var(--brand),var(--brand-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:0;letter-spacing:-.05em;opacity:.15;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);pointer-events:none;user-select:none}
.sz-404-title{font-size:clamp(24px,4vw,40px);font-weight:700;letter-spacing:-.03em;margin-bottom:12px}
.sz-404-sub{font-size:16px;color:var(--muted);max-width:400px;line-height:1.65;margin:0 auto 32px}
.sz-404-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.sz-404-terminal{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius-lg);overflow:hidden;text-align:left;max-width:480px;margin:40px auto 0}
.sz-404-terminal-bar{background:var(--bg3);border-bottom:1px solid var(--border);padding:10px 14px;display:flex;align-items:center;gap:6px}
.sz-404-dot{width:10px;height:10px;border-radius:50%;background:var(--border3)}
.sz-404-dot:first-child{background:#ff5f56}
.sz-404-dot:nth-child(2){background:#ffbd2e}
.sz-404-dot:last-child{background:#27c93f}
.sz-404-terminal-body{padding:16px 18px;font-family:var(--mono);font-size:12px;color:var(--muted);line-height:1.7}
.sz-404-terminal-body span{color:var(--brand)}

/* ============================================================
   COLLECTION CARDS — sz-products-grid
   ============================================================ */
.sz-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.sz-product-card-media{aspect-ratio:16/9;background:var(--bg3);overflow:hidden;display:flex;align-items:center;justify-content:center}
.sz-product-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.sz-product-card-body{padding:18px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.sz-product-card-tag{font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:var(--brand);text-transform:uppercase;font-weight:600}
.sz-product-card-title{font-size:16px;font-weight:700;letter-spacing:-.02em}
.sz-product-card-desc{font-size:13px;color:var(--muted);line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sz-product-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}
.sz-product-price{font-family:var(--mono);font-size:16px;font-weight:700;color:var(--text)}
.sz-product-card-prices{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sz-product-price--sale{color:var(--brand)!important}
.sz-product-price--compare{font-family:var(--mono);font-size:13px;color:var(--muted);text-decoration:line-through;opacity:.6}
.sz-product-price--badge{font-family:var(--mono);font-size:10px;font-weight:700;padding:2px 7px;background:var(--brand);color:#fff;border-radius:4px;letter-spacing:.04em}


/* ============================================================
   COLLECTION LIST — sz-col-grid cards
   ============================================================ */
.sz-col-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sz-col-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;color:var(--text);display:flex;flex-direction:column;transition:border-color .2s,transform .18s,box-shadow .2s;position:relative}
.sz-col-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand-light));opacity:0;transition:opacity .2s;z-index:2}
.sz-col-card:hover{border-color:var(--border3);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.25)}
.sz-col-card:hover::before{opacity:1}
.sz-col-card-media{aspect-ratio:16/9;background:var(--bg3);overflow:hidden;position:relative;flex-shrink:0}
.sz-col-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.sz-col-card:hover .sz-col-card-media img{transform:scale(1.04)}
.sz-col-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--border3)}
.sz-col-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.4) 100%);opacity:0;transition:opacity .3s}
.sz-col-card:hover .sz-col-card-overlay{opacity:1}
.sz-col-card-badge{position:absolute;bottom:10px;right:10px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;font-weight:700;color:#fff;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);border-radius:5px;padding:3px 8px;z-index:1}
.sz-col-card-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:6px;flex:1}
.sz-col-card-tag{font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:var(--brand);text-transform:uppercase;font-weight:600}
.sz-col-card-title{font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.3}
.sz-col-card-desc{font-size:13px;color:var(--muted);line-height:1.6;flex:1;margin-top:2px}
.sz-col-card-cta{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--brand);margin-top:14px;transition:gap .2s}
.sz-col-card:hover .sz-col-card-cta{gap:10px}
/* sz-col-grid responsive: 3-col Desktop → 2-col @≤1024px (Tablet-Block) → 1-col @≤767px (Mobile-Block) */

/* ============================================================
   REVIEWS — v4 Modern 3-Column
   ============================================================ */
.sz-reviews-summary{display:flex;align-items:center;gap:32px;justify-content:center;margin-top:28px;flex-wrap:wrap}
.sz-reviews-score{display:flex;flex-direction:column;align-items:center;gap:6px}
.sz-reviews-score-num{font-family:var(--mono);font-size:42px;font-weight:700;color:var(--text);line-height:1}
.sz-reviews-score-stars{display:flex;gap:2px}
.sz-reviews-score-label{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.06em}
.sz-reviews-bars{display:flex;flex-direction:column;gap:5px;min-width:200px}
.sz-reviews-bar-row{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;color:var(--muted)}
.sz-reviews-bar-track{flex:1;height:6px;background:var(--bg3);border-radius:3px;overflow:hidden}
.sz-reviews-bar-fill{height:100%;background:linear-gradient(90deg,#F59E0B,#FBBF24);border-radius:3px}
.sz-reviews-bar-pct{min-width:28px;text-align:right;font-size:10px}

/* Slider wrap */
.sz-reviews-slider-wrap{display:flex;align-items:center;gap:12px;position:relative}
.sz-reviews-viewport{flex:1;overflow:hidden;padding:16px 4px 8px;margin:-16px -4px -8px}
.sz-reviews-track{display:flex;gap:20px;transition:transform .5s cubic-bezier(.22,1,.36,1);will-change:transform}

/* Cards — EXACTLY matching sz-product-card on collection page */
.sz-review-card{
  background:var(--surface);
  border:1px solid var(--border2);
  border-radius:var(--radius-lg);
  padding:24px 20px;display:flex;flex-direction:column;
  width:calc((100% - 40px) / 3);min-width:calc((100% - 40px) / 3);flex-shrink:0;box-sizing:border-box;
  transition:border-color .2s,transform .18s,box-shadow .2s;
  position:relative;overflow:clip;
}
.sz-review-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--brand),transparent);
  opacity:0;transition:opacity .25s;z-index:1;
}
@media(hover:hover){
  .sz-review-card:hover{
    border-color:var(--border3);transform:translateY(-4px);
    box-shadow:0 16px 48px rgba(0,0,0,.25);
  }
  .sz-review-card:hover::before{opacity:1}
}

.sz-review-quote-icon{color:var(--brand-dim);margin-bottom:8px}
.sz-review-text{font-size:14px;color:var(--text2);line-height:1.8;flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:18px}
.sz-review-bottom{margin-top:auto;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}
.sz-review-verified{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--mono);font-size:10px;letter-spacing:.04em;
  color:var(--success);font-weight:600;
}
.sz-review-product-link{
  display:flex;align-items:center;gap:10px;
  text-decoration:none;padding:8px 10px;margin:-4px -10px;
  border-radius:var(--radius-sm);transition:background .2s;
}
.sz-review-product-link:hover{background:var(--bg3)}
.sz-review-product-img{width:36px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0;border:1px solid var(--border2)}
.sz-review-product-name{font-family:var(--mono);font-size:11px;color:var(--brand);font-weight:600;letter-spacing:.02em}
.sz-review-author{display:flex;align-items:center;gap:12px}
.sz-review-avatar{
  width:38px;height:38px;border-radius:50%;flex-shrink:0;
  background:var(--brand-dim);border:1.5px solid var(--brand-mid);
  color:var(--brand);font-family:var(--mono);font-size:15px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
}
.sz-review-name{font-size:13.5px;font-weight:600;margin-bottom:2px}
.sz-review-stars{display:flex;gap:1px}
.sz-review-link{
  display:inline-flex;align-items:center;gap:5px;
  font-family:var(--mono);font-size:10px;letter-spacing:.04em;
  color:var(--success);text-decoration:none;font-weight:600;transition:opacity .15s;
}
.sz-review-link svg{flex-shrink:0}
.sz-review-link:hover{opacity:.7}

/* Arrows */
.sz-reviews-arrow--side{
  width:40px;height:40px;border-radius:50%;
  border:1px solid var(--border2);background:var(--surface);
  color:var(--muted);display:flex;align-items:center;justify-content:center;
  cursor:pointer;flex-shrink:0;transition:border-color .2s,color .2s,background .2s,box-shadow .2s;
}
.sz-reviews-arrow--side:hover{border-color:var(--brand-mid);color:var(--text);background:var(--brand-dim);box-shadow:0 0 12px var(--brand-glow)}
.sz-reviews-arrow--side:disabled{opacity:.2;pointer-events:none}

/* Dots */
.sz-reviews-dots{display:flex;justify-content:center;gap:8px;margin-top:28px}
.sz-reviews-dot{width:6px;height:6px;border-radius:50%;background:var(--border3);border:none;cursor:pointer;padding:0}
.sz-reviews-dot.active{background:var(--brand);width:24px;border-radius:3px}

@media(max-width:960px){.sz-review-card{width:calc((100% - 20px) / 2);min-width:calc((100% - 20px) / 2)}}
@media(max-width:600px){
  .sz-review-card{width:100%;min-width:100%}
  .sz-reviews-arrow--side{display:none}
  .sz-reviews-slider-wrap{gap:0}
  .sz-reviews-summary{flex-direction:column;gap:20px}
  .sz-reviews-bars{min-width:100%;max-width:280px}
}

/* ============================================================
   STEPS — Minimalist v2
   ============================================================ */
.sz-steps-section{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.sz-steps-new{
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  max-width:860px;margin:0 auto;position:relative;
}
/* Connecting line behind steps */
.sz-steps-new::before{
  content:'';position:absolute;top:28px;left:calc(100% / 6);right:calc(100% / 6);
  height:2px;background:var(--border2);z-index:0;
}
.sz-step-new{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:0 16px;position:relative;z-index:1;
}
.sz-step-new-num{
  width:56px;height:56px;border-radius:50%;
  background:var(--bg2);border:2px solid var(--border2);
  font-family:var(--mono);font-size:18px;font-weight:700;color:var(--text);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:20px;transition:border-color .3s,background .3s,color .3s,box-shadow .3s;
  position:relative;z-index:2;
}
.sz-step-new:hover .sz-step-new-num{
  border-color:var(--brand);color:var(--brand);
  background:#1a0a0e;box-shadow:0 0 24px var(--brand-glow);
}
.sz-step-new-icon{display:none}
.sz-step-new-title{font-size:15px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}
.sz-step-new-desc{font-size:13px;color:var(--muted);line-height:1.65;max-width:220px}
.sz-step-new-arrow{display:none}
.sz-step-new + .sz-step-new-arrow + .sz-step-new{border-left:none}
@media(max-width:720px){
  .sz-steps-new{grid-template-columns:1fr;gap:0;max-width:100%;position:relative;padding-left:28px}
  .sz-steps-new::before{
    display:block;top:20px;bottom:20px;left:47px;right:auto;
    width:2px;height:auto;
  }
  .sz-step-new{flex-direction:row;text-align:left;gap:16px;padding:16px 0;position:relative}
  .sz-step-new-num{width:40px;height:40px;font-size:14px;flex-shrink:0;margin-bottom:0}
  .sz-step-new-content{padding-top:4px}
  .sz-step-new-desc{max-width:none}
}

/* ============================================================
   FPS BAR — full width fix
   ============================================================ */
.sz-fps-bar-outer{height:10px;background:var(--bg4);border-radius:6px;overflow:hidden;width:100%}
.sz-fps-bar{height:100%;border-radius:6px;width:0;transition:width 1s cubic-bezier(.22,1,.36,1)}
.sz-fps-bar--before{background:linear-gradient(90deg,var(--border3),var(--muted))}
.sz-fps-bar--after{background:linear-gradient(90deg,#15803d,#22c55e,#4ade80);box-shadow:0 0 8px rgba(34,197,94,.4)}
/* Fix: after bar fills right-to-left */
.sz-fps-col--after .sz-fps-bar-outer{direction:rtl}

/* ============================================================
   PRODUCT IMAGES — collection grid fix
   ============================================================ */
.sz-product-card-media{aspect-ratio:1;background:var(--bg3);overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%}
.sz-product-card-media img{width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .4s}
.sz-product-card:hover .sz-product-card-media img{transform:scale(1.05)}

/* ============================================================
   FOOTER — maxxed
   ============================================================ */
.sz-footer-main{border-top:1px solid var(--border);background:var(--bg2);position:relative;overflow:hidden;padding:0 32px}
.sz-footer-main::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--brand),transparent 40%,transparent 60%,var(--brand));opacity:.5}
.sz-footer-inner{max-width:var(--page-width);margin:0 auto;padding:60px 0 44px;display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:48px}
.sz-footer-brand{display:flex;flex-direction:column;gap:14px}
.sz-footer-shopname{font-weight:700;font-size:20px;color:var(--text);letter-spacing:-.03em}
.sz-footer-tagline{font-size:13px;color:var(--muted);line-height:1.65;max-width:240px}
.sz-footer-col-title{font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--text);font-weight:600;margin-bottom:4px}
.sz-footer-nav-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:6px}
.sz-footer-nav-link{font-size:13.5px;color:var(--muted);text-decoration:none;transition:color .15s;display:flex;align-items:center;gap:6px}
.sz-footer-nav-link:hover{color:var(--brand)}
.sz-footer-nav-link:hover svg{color:var(--brand)}
.sz-footer-bottom{max-width:var(--page-width);margin:0 auto;padding:20px 0;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.sz-footer-copy{font-family:var(--mono);font-size:11px;color:var(--muted)}
.sz-footer-payment{display:flex;gap:5px;flex-wrap:wrap;align-items:center}
@media(max-width:860px){.sz-footer-inner{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:540px){.sz-footer-inner{grid-template-columns:1fr}.sz-footer-bottom{flex-direction:column;align-items:flex-start}}

/* ============================================================
   HEADER — glassmorphism
   ============================================================ */
/* sz-header — duplicate definition removed (see top of file) */
.sz-header--nav-open{background:var(--bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom-color:var(--border2)!important;box-shadow:none!important}
.sz-mobile-nav.open{background:var(--bg)!important}
.sz-nav-link{font-size:13px;font-weight:500;color:var(--muted);text-decoration:none;transition:color .2s;position:relative;padding:4px 0}
.sz-nav-link::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:1px;background:var(--brand);transform:scaleX(0);transition:transform .2s;transform-origin:left}
.sz-nav-link:hover,.sz-nav-link.active{color:var(--text)}
.sz-nav-link:hover::after,.sz-nav-link.active::after{transform:scaleX(1)}

/* ============================================================
   ABOUT PAGE — maxxed
   ============================================================ */
.sz-about-story{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:start}
.sz-about-story-text p{font-size:14.5px;color:var(--text2);line-height:1.8;margin-bottom:16px}
.sz-about-h2{font-size:22px;font-weight:700;letter-spacing:-.03em;margin-bottom:18px}
.sz-about-stat-card{
  background:var(--surface);border:1px solid var(--border2);
  border-radius:var(--radius-lg);padding:24px;text-align:center;
  transition:border-color .2s,transform .2s;
}
.sz-about-stat-card:hover{border-color:var(--brand-mid);transform:translateY(-4px)}
.sz-about-stat-num{font-family:var(--mono);font-size:32px;font-weight:700;color:var(--brand)}
.sz-about-stat-label{font-size:12px;color:var(--muted);margin-top:5px;letter-spacing:.04em}
.sz-about-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:768px){.sz-about-story{grid-template-columns:1fr}.sz-about-team-grid{grid-template-columns:1fr}}

/* ============================================================
   HELP CENTER — Pill-Tabs (1:1 Werte aus Guide-Portal Treiber-Filter)
   Alle FAQs sind sichtbar, Klick scrollt zur Section, Scroll-Spy markiert aktiv
   Einziger Unterschied zum Guide: flex:1 damit Tabs den Page-Width-Container füllen
   ============================================================ */
.sz-help-tabs{
  display:flex;gap:4px;background:var(--bg);border:1px solid var(--border);
  border-radius:10px;padding:3px;flex-shrink:0;
  margin-bottom:32px;
}
.sz-help-tab{
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 12px;
  background:transparent;border:none;
  border-radius:7px;
  font-family:inherit;font-size:12px;font-weight:500;
  color:var(--muted);cursor:pointer;
  transition:color .16s,background .16s;
  white-space:nowrap;
  /* Full-page-width: Tabs gleichmäßig verteilen */
  flex:1 1 0;justify-content:center;
}
.sz-help-tab:hover{color:var(--text)}
.sz-help-tab.active{background:var(--bg3);color:var(--text);box-shadow:0 1px 0 rgba(255,255,255,.04) inset}
.sz-help-tab:focus-visible{outline:2px solid var(--brand-mid);outline-offset:2px}
.sz-help-tab-count{
  font-family:var(--mono);font-size:9.5px;font-weight:600;
  padding:1px 6px;background:var(--bg4);border-radius:999px;
  color:var(--muted);letter-spacing:.04em;
}
.sz-help-tab.active .sz-help-tab-count{background:var(--brand-dim);color:var(--brand)}

/* Sections: alle sichtbar, scroll-margin damit Header sie nicht überdeckt */
.sz-help-section{margin-bottom:48px;scroll-margin-top:80px}
.sz-help-section-header{
  display:flex;align-items:center;gap:10px;
  font-family:var(--mono);font-size:10px;letter-spacing:.15em;
  text-transform:uppercase;font-weight:600;color:var(--text);
  margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border);
}

/* Mobile-Breakpoints exakt wie im Guide */
@media(max-width:768px){
  .sz-help-tabs{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .sz-help-tabs::-webkit-scrollbar{display:none}
  /* Auf Mobile: natural width statt flex:1 — sonst funktioniert horizontales Scrolling nicht */
  .sz-help-tab{flex:0 0 auto}
}
@media(max-width:540px){
  .sz-help-tabs{padding:3px;border-radius:9px}
  .sz-help-tab{padding:8px 11px;font-size:11.5px}
  .sz-help-tab-count{font-size:9px;padding:1px 5px}
  .sz-help-contact-content{flex-direction:column;gap:16px}
  .sz-help-contact-card{padding:22px}
}
@media(max-width:360px){
  .sz-help-tab{padding:7px 9px;font-size:11px;gap:5px}
}

/* ============================================================
   UNIVERSAL ARROW ICON FIX — replace long arrow with short one
   ============================================================ */
.sz-btn svg[data-arrow]{display:none}

/* ============================================================
   REVIEWS v4 — Score Summary + Slider
   ============================================================ */
.sz-reviews-section{overflow:hidden}
.sz-reviews-summary{display:flex;align-items:flex-start;gap:40px;justify-content:center;margin-top:28px;flex-wrap:wrap}
.sz-reviews-score{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:100px}
.sz-reviews-score-num{font-family:var(--mono);font-size:52px;font-weight:700;color:var(--text);line-height:1}
.sz-reviews-score-stars{display:flex;gap:3px}
.sz-reviews-score-label{font-size:12px;color:var(--muted);white-space:nowrap}
.sz-reviews-bars{display:flex;flex-direction:column;gap:6px;min-width:200px;max-width:280px;flex:1}
.sz-reviews-bar-row{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;color:var(--muted)}
.sz-reviews-bar-track{flex:1;height:6px;background:var(--bg4);border-radius:3px;overflow:hidden}
.sz-reviews-bar-fill{height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-light));border-radius:3px;transition:width 1s ease}
.sz-reviews-bar-pct{min-width:28px;text-align:right}

/* ============================================================
   SUPPORT CARD — reusable snippet
   ============================================================ */
.sz-support-card{
  position:relative;background:var(--bg2);border:1px solid var(--border2);
  border-radius:var(--radius-xl);padding:32px 36px;overflow:hidden;
  margin-top:52px;
}
.sz-support-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand-light),transparent)}
.sz-support-card-orb{position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,var(--brand-glow) 0%,transparent 70%);right:-40px;top:-40px;pointer-events:none}
.sz-support-card-inner{display:flex;align-items:center;gap:28px;position:relative;z-index:1;flex-wrap:wrap}
.sz-support-card-left{display:flex;align-items:center;gap:20px;flex:1;min-width:280px}
.sz-support-avatars{display:flex;flex-shrink:0}
.sz-support-avatar{width:48px;height:48px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:18px;font-weight:700}
.sz-support-avatar--1{background:var(--brand-dim);border-color:var(--brand-mid);color:var(--brand)}
.sz-support-avatar--2{background:var(--bg3);border-color:var(--border2);color:var(--text2);margin-left:-12px}
.sz-support-card-tag{font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:var(--brand);text-transform:uppercase;font-weight:600;margin-bottom:6px}
.sz-support-card-title{font-size:17px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}
.sz-support-card-sub{font-size:13.5px;color:var(--muted);line-height:1.6;margin:0}
.sz-support-card-btns{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0;align-items:center}
/* Email-Button auf Desktop: natural-width damit lange Adresse nicht abgeschnitten wird */
.sz-support-card-btns .sz-btn{padding:12px 20px}
.sz-product-support{margin-top:48px}
@media(max-width:720px){
  .sz-support-card{padding:24px}
  .sz-support-card-inner{flex-direction:column;align-items:flex-start}
  /* Mobile: Buttons side-by-side, gleichmäßig geteilt — kurze Labels passen problemlos */
  .sz-support-card-btns{width:100%;display:flex;gap:8px}
  .sz-support-card-btns .sz-btn{flex:1 1 0;min-width:0;padding:12px 14px;justify-content:center;font-size:13px}
}

/* ============================================================
   FOOTER — mobile center fix
   ============================================================ */
@media(max-width:540px){
  .sz-footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:14px}
  .sz-footer-payment{justify-content:center}
  .sz-footer-copy{text-align:center}
}

/* ============================================================
   BREADCRUMB — refined, professional
   ============================================================ */
.sz-breadcrumb{
  display:inline-flex;align-items:center;gap:4px;
  font-family:var(--mono);font-size:10px;letter-spacing:.04em;
  color:var(--muted);margin-bottom:28px;flex-wrap:wrap;
}
.sz-breadcrumb a{color:var(--muted);text-decoration:none;transition:color .15s;display:inline-flex;align-items:center;}
.sz-breadcrumb a:hover{color:var(--text)}
.sz-breadcrumb span:last-child{color:var(--text2);font-weight:500}
.sz-breadcrumb-sep{display:inline-flex;align-items:center;opacity:.3;margin:0 1px}
/* Remove bc-wrap border */

/* ============================================================
   PRODUCT BADGE — definitive green
   ============================================================ */
.sz-product-badge{font-family:var(--mono);font-size:9px;letter-spacing:.1em;font-weight:700;padding:3px 8px;border-radius:5px;background:var(--bg3);color:var(--muted);border:1px solid var(--border);text-transform:uppercase}
.sz-product-badge--available{background:rgba(16,185,129,0.07)!important;color:#10b981!important;border-color:rgba(16,185,129,0.16)!important}
.sz-product-badge--sold-out{background:var(--bg3);color:var(--muted);border-color:var(--border2)}

/* ============================================================
   PASSWORD PAGE — maxxed
   ============================================================ */
.sz-pw-wrap{min-height:100vh;display:flex;flex-direction:column;padding:0;position:relative;overflow:hidden}
.sz-pw-inner{flex:1;display:flex;flex-direction:column;max-width:var(--page-width);margin:0 auto;width:100%;padding:40px 32px 60px}
.sz-pw-logo{margin-bottom:52px}
.sz-pw-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;flex:1}
.sz-pw-title{font-size:clamp(32px,5vw,60px);font-weight:700;letter-spacing:-.04em;line-height:1.1;margin-bottom:20px}
.sz-pw-sub{font-size:16px;color:var(--muted);line-height:1.7;max-width:440px;margin-bottom:32px}
.sz-pw-stats{display:flex;align-items:center;gap:0;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-lg);overflow:hidden;width:100%;max-width:440px}
.sz-pw-stat{flex:1;padding:16px 12px;text-align:center}
.sz-pw-stat-num{font-family:var(--mono);font-size:28px;font-weight:700;color:var(--text);line-height:1}
.sz-pw-stat-label{font-family:var(--mono);font-size:9px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:4px}
.sz-pw-stat-div{width:1px;height:40px;background:var(--border);flex-shrink:0}
.sz-pw-cards{display:flex;flex-direction:column;gap:16px}
.sz-pw-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-xl);padding:28px;position:relative;overflow:hidden}
.sz-pw-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand),transparent)}
.sz-pw-card-tag{font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:var(--brand);text-transform:uppercase;font-weight:600;margin-bottom:8px}
.sz-pw-card--login .sz-pw-card-tag{color:var(--muted)}
.sz-pw-card-title{font-size:16px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}
.sz-pw-card-desc{font-size:13px;color:var(--muted);line-height:1.6}
@media(max-width:860px){
  .sz-pw-grid{grid-template-columns:1fr;gap:40px}
}
@media(max-width:540px){.sz-pw-inner{padding:24px 20px 40px}}

/* ============================================================
   GLOBAL MOBILE RESPONSIVE — comprehensive
   ============================================================ */
@media(max-width:767px){
  /* Sections */
  .sz-section{padding:56px 20px}
  .sz-product-page{padding:28px 20px}
  .sz-cart-page{padding:24px 20px}

  /* Hero */
  .sz-hero-product{padding:48px 20px}
  .sz-hero-product-inner{grid-template-columns:1fr;gap:32px}

  /* Stats */
  .sz-stats-row{gap:0}
  .sz-stat-num{font-size:18px;min-height:22px}
  .sz-stat-num--text{font-size:12px;min-height:22px;line-height:22px}
  .sz-stat-label{font-size:9px}

  /* Features */
  .sz-features-grid{grid-template-columns:1fr}

  /* Product */
  .sz-product-top,.sz-product-bottom{grid-template-columns:1fr;gap:28px}
  .sz-product-top{margin-bottom:28px}

  /* FPS */
  .sz-fps-card{padding:18px 16px}
  .sz-fps-compare{gap:8px}
  .sz-fps-num{font-size:32px}
  .sz-fps-stats{flex-direction:column}
  .sz-fps-stat{border-right:none;border-bottom:1px solid var(--border)}
  .sz-fps-stat:last-child{border-bottom:none}

  /* Steps */


  /* Reviews */
  .sz-reviews-summary{flex-direction:column;align-items:center}
  .sz-reviews-bars{min-width:240px;max-width:100%;width:100%}

  /* About */
  .sz-about-story{grid-template-columns:1fr;gap:32px}
  .sz-about-team-grid{grid-template-columns:1fr}

  /* Cart */
  .sz-cart-layout{grid-template-columns:1fr}
  .sz-cart-summary{position:static}

  /* Search */
  .sz-search-form{flex-direction:column}
  .sz-search-form .sz-btn{width:100%}

  /* Help — Tabs werden im Help-Block selbst responsiv gemacht */

  /* Footer */
  .sz-footer-inner{grid-template-columns:1fr;gap:28px;padding:40px 0 28px}
  .sz-footer-bottom{padding:16px 0;flex-direction:column;align-items:center;text-align:center;gap:12px}

  /* Breadcrumb */
  .sz-breadcrumb{font-size:9px;margin-bottom:20px}

  /* Support card */
  .sz-support-card{padding:20px}
  .sz-support-card-inner{flex-direction:column}
  .sz-support-card-left{flex-direction:column;gap:12px}

  /* Collection grid */
  .sz-col-grid{grid-template-columns:1fr}
  .sz-products-grid{grid-template-columns:1fr}

  /* Steps */
  .sz-steps-section{padding-top:56px;padding-bottom:56px}
}

@media(min-width:768px) and (max-width:1024px){
  /* Tablet */
  .sz-section{padding:60px 24px}
  .sz-features-grid{grid-template-columns:repeat(2,1fr)}
  .sz-fps-stats{flex-wrap:wrap}
  .sz-col-grid{grid-template-columns:repeat(2,1fr)}
  .sz-products-grid{grid-template-columns:repeat(2,1fr)}
  .sz-footer-inner{grid-template-columns:1fr 1fr;gap:28px}
  .sz-about-team-grid{grid-template-columns:1fr 1fr}
}

/* ============================================================
   COMPARISON TABLE — Synczone vs Others (Maxxed)
   ============================================================ */
.sz-compare-section{overflow:hidden}
.sz-compare-table{
  max-width:860px;margin:0 auto;
  border:1px solid var(--border2);border-radius:var(--radius-xl);
  overflow:hidden;background:var(--surface);
  box-shadow:0 8px 40px rgba(0,0,0,.2);
}
.sz-compare-row{
  display:grid;grid-template-columns:1.4fr 1fr 1fr;
  border-bottom:1px solid var(--border);
  transition:background .15s;
}
.sz-compare-row:last-child{border-bottom:none}
.sz-compare-row:not(.sz-compare-header):nth-child(even){background:rgba(255,255,255,.01)}
.sz-compare-row:not(.sz-compare-header):hover{background:var(--bg3)}
.sz-compare-cell{padding:16px 20px;display:flex;align-items:center;gap:12px}

/* Header - text centered but same cell alignment */
.sz-compare-header{background:var(--bg2);border-bottom:2px solid var(--border2)}
.sz-compare-header .sz-compare-cell{
  font-family:var(--mono);font-size:11px;letter-spacing:.08em;
  font-weight:700;color:var(--muted);text-transform:uppercase;
  padding:14px 20px;justify-content:center;gap:8px;
}
.sz-compare-header .sz-compare-feature-cell{justify-content:flex-start}
.sz-compare-col-icon{
  width:24px;height:24px;border-radius:var(--radius-sm);
  background:var(--bg3);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  color:var(--muted);flex-shrink:0;
}
.sz-compare-col-icon--brand{
  background:var(--brand-dim);border-color:var(--brand-mid);color:var(--brand);
  box-shadow:0 0 12px var(--brand-mid);
}
.sz-compare-col-icon svg{width:14px;height:14px}
.sz-compare-col-sz{color:var(--text)!important}

/* Synczone column highlight */
.sz-compare-val-sz{position:relative}
.sz-compare-row:not(.sz-compare-header) .sz-compare-val-sz{
  background:var(--brand-dim);
}
.sz-compare-header .sz-compare-col-sz{
  background:var(--brand-dim);
  border-bottom-color:var(--brand-mid);
}

/* Feature labels */
.sz-compare-feature-cell{border-right:1px solid var(--border)}
.sz-compare-feature-label{font-size:14px;font-weight:600;color:var(--text)}

/* Values - left aligned with CSS grid for pixel-perfect icon/text alignment */
.sz-compare-val-other,.sz-compare-val-sz{
  display:grid!important;grid-template-columns:24px 1fr;gap:12px;align-items:center;
  font-size:13.5px;
}
.sz-compare-val-other{color:var(--muted);border-right:1px solid var(--border)}
.sz-compare-val-sz{color:var(--text2);font-weight:500}
.sz-compare-val-text{text-align:left;line-height:1.4}
.sz-compare-check,.sz-compare-x{
  width:24px;height:24px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;flex-shrink:0;
  transition:transform .15s;border:1px solid transparent;box-sizing:border-box;
}
.sz-compare-row:hover .sz-compare-check,.sz-compare-row:hover .sz-compare-x{transform:scale(1.1)}
.sz-compare-check--muted{background:var(--bg4);color:var(--muted);border-color:transparent}
.sz-compare-check--brand{background:var(--success-dim);color:var(--success);border-color:var(--success-mid)}
.sz-compare-x{background:rgba(255,107,107,.1);color:var(--brand-light);border-color:rgba(255,107,107,.2)}

/* Mobile: card-style per row */
@media(max-width:700px){
  .sz-compare-table{border-radius:var(--radius-lg);box-shadow:none;border:none;background:none}
  .sz-compare-row{
    grid-template-columns:1fr;
    border:1px solid var(--border2);border-radius:var(--radius-lg);
    margin-bottom:10px;background:var(--surface);overflow:hidden;
  }
  .sz-compare-row:last-child{margin-bottom:0}
  .sz-compare-header{display:none}
  .sz-compare-cell{padding:12px 16px}
  .sz-compare-feature-cell{
    border-right:none;border-bottom:1px solid var(--border);
    background:var(--bg2);padding:12px 16px;
  }
  .sz-compare-feature-label{font-size:13.5px}
  .sz-compare-val-other,.sz-compare-val-sz{
    display:flex!important;grid-template-columns:none;
    justify-content:flex-start;padding:11px 16px;gap:10px;
  }
  .sz-compare-val-other{border-right:none;border-bottom:1px solid var(--border)}
  .sz-compare-val-other::before{
    content:'YouTube / Forum';font-family:var(--mono);font-size:9px;
    letter-spacing:.1em;color:var(--muted);text-transform:uppercase;
    min-width:110px;flex-shrink:0;
  }
  .sz-compare-val-sz::before{
    content:'Synczone';font-family:var(--mono);font-size:9px;
    letter-spacing:.1em;color:var(--brand);text-transform:uppercase;
    min-width:110px;font-weight:600;flex-shrink:0;
  }
  .sz-compare-row:not(.sz-compare-header) .sz-compare-val-sz{background:var(--brand-dim)}
}

/* ============================================================
   EXIT-INTENT / SCROLL-TRIGGER DISCOUNT POPUP
   ============================================================ */
.sz-exit-overlay{
  position:fixed;inset:0;z-index:900;
  background:rgba(0,0,0,.6);backdrop-filter:blur(4px);
  display:flex;align-items:center;justify-content:center;
  padding:20px;opacity:0;transition:opacity .32s;
}
.sz-exit-overlay.active{opacity:1}

.sz-exit-popup{
  background:var(--surface);border:1px solid var(--border2);
  border-radius:var(--radius-xl);padding:36px 32px;
  max-width:420px;width:100%;position:relative;
  box-shadow:0 32px 80px rgba(0,0,0,.5);
  transform:translateY(20px) scale(.96);
  transition:transform .35s cubic-bezier(.22,1,.36,1);
  text-align:center;
}
.sz-exit-overlay.active .sz-exit-popup{transform:translateY(0) scale(1)}

.sz-exit-close{
  position:absolute;top:14px;right:14px;
  width:32px;height:32px;border-radius:8px;
  background:transparent;border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;color:var(--muted);
  transition:color .18s,border-color .18s,background .18s;
}
.sz-exit-close:hover{color:var(--text);border-color:var(--border2);background:var(--bg3)}
.sz-exit-close svg{width:14px;height:14px}

.sz-exit-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--mono);font-size:10px;letter-spacing:.12em;
  color:var(--brand);background:var(--brand-dim);
  border:1px solid var(--brand-mid);border-radius:20px;
  padding:5px 14px;font-weight:600;text-transform:uppercase;
  margin-bottom:16px;
}

.sz-exit-title{
  font-size:clamp(22px,4vw,30px);font-weight:700;
  letter-spacing:-.03em;margin-bottom:10px;line-height:1.2;
}

.sz-exit-desc{
  font-size:14px;color:var(--muted);line-height:1.65;
  margin-bottom:24px;max-width:340px;margin-left:auto;margin-right:auto;
}

/* Discount code */
.sz-exit-code-wrap{margin-bottom:24px;position:relative}
.sz-exit-code-label{
  font-family:var(--mono);font-size:9px;letter-spacing:.14em;
  color:var(--muted);text-transform:uppercase;font-weight:600;margin-bottom:8px;
}
.sz-exit-code{
  display:inline-flex;align-items:center;gap:10px;
  padding:12px 24px;background:var(--bg3);border:2px dashed var(--brand-mid);
  border-radius:var(--radius-sm);cursor:pointer;
  font-family:var(--mono);font-size:18px;font-weight:700;
  letter-spacing:.12em;color:var(--brand);
  transition:background .2s,border-color .2s;
}
.sz-exit-code:hover{background:var(--brand-dim);border-color:var(--brand)}
.sz-exit-code svg{color:var(--muted);flex-shrink:0}
.sz-exit-copied{
  position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);
  font-family:var(--mono);font-size:10px;color:var(--success);
  letter-spacing:.08em;font-weight:600;
  opacity:0;transition:opacity .25s;
}
.sz-exit-copied.show{opacity:1}

.sz-exit-actions{margin-bottom:16px}
.sz-exit-actions .sz-btn{font-size:15px;padding:14px 24px}

.sz-exit-trust{
  display:flex;gap:16px;justify-content:center;flex-wrap:wrap;
}
.sz-exit-trust span{
  display:flex;align-items:center;gap:5px;
  font-size:11px;color:var(--muted);
}
.sz-exit-trust svg{color:var(--success)}

@media(max-width:480px){
  .sz-exit-popup{padding:28px 20px}
  .sz-exit-trust{gap:10px;flex-wrap:nowrap;justify-content:center}
  .sz-exit-trust span{font-size:10px;white-space:nowrap}
}

/* ============================================================
   EXPLAINER — So funktioniert's
   ============================================================ */
.sz-explainer-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.sz-explainer-text .sz-section-sub{margin-bottom:28px}
.sz-explainer-features{display:flex;flex-direction:column;gap:14px}
.sz-explainer-feature{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s,background .2s}
.sz-explainer-feature:hover{border-color:var(--border2);background:var(--bg3)}
.sz-explainer-feature-icon{
  width:36px;height:36px;border-radius:var(--radius-sm);
  background:var(--brand-dim);border:1px solid var(--brand-mid);
  display:flex;align-items:center;justify-content:center;
  color:var(--brand);flex-shrink:0;
}
.sz-explainer-feature-title{font-size:14px;font-weight:600;margin-bottom:2px}
.sz-explainer-feature-desc{font-size:12.5px;color:var(--muted);line-height:1.5}
/* Mockup visual */
.sz-explainer-mockup{
  position:relative;background:var(--surface);border:1px solid var(--border2);
  border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:16/10;
  box-shadow:0 20px 60px rgba(0,0,0,.25);
}
.sz-explainer-mockup img{width:100%;height:100%;object-fit:cover}
/* Placeholder mockup when no image */
.sz-explainer-placeholder{display:flex;flex-direction:column;height:100%;background:var(--bg2)}
.sz-explainer-placeholder-bar{height:32px;background:var(--bg3);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 12px}
.sz-explainer-placeholder-bar::before{content:'';width:8px;height:8px;border-radius:50%;background:#ff5f56;margin-right:6px}
.sz-explainer-placeholder-bar::after{content:'';width:8px;height:8px;border-radius:50%;background:#27c93f}
.sz-explainer-placeholder{display:grid;grid-template-columns:180px 1fr;grid-template-rows:32px 1fr;height:100%}
.sz-explainer-placeholder-bar{grid-column:1/-1}
.sz-explainer-placeholder-sidebar{background:var(--bg3);border-right:1px solid var(--border);padding:12px 10px;display:flex;flex-direction:column;gap:6px}
.sz-explainer-placeholder-item{height:28px;border-radius:6px;background:var(--bg4);border:1px solid var(--border)}
.sz-explainer-placeholder-item.active{border-color:var(--brand-mid);background:var(--brand-dim)}
.sz-explainer-placeholder-content{padding:20px;display:flex;flex-direction:column;gap:10px}
.sz-explainer-placeholder-line{height:10px;border-radius:4px;background:var(--bg3)}
.sz-explainer-placeholder-line.w80{width:80%}
.sz-explainer-placeholder-line.w60{width:60%}
.sz-explainer-placeholder-line.w90{width:90%}
.sz-explainer-placeholder-line.w40{width:40%}
/* Float badges */
.sz-explainer-float-badge{
  position:absolute;display:flex;align-items:center;gap:6px;
  font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.04em;
  background:var(--surface);border:1px solid var(--border2);
  border-radius:8px;padding:8px 12px;color:var(--text2);
  box-shadow:0 4px 16px rgba(0,0,0,.2);
}
.sz-explainer-float-badge svg{color:var(--success);flex-shrink:0}
.sz-explainer-float-badge--tl{top:12%;left:-20px}
.sz-explainer-float-badge--br{bottom:12%;right:-20px}
@media(max-width:900px){
  .sz-explainer-layout{grid-template-columns:1fr;gap:40px}
  .sz-explainer-float-badge--tl{left:12px}
  .sz-explainer-float-badge--br{right:12px}
}

/* ============================================================
   URGENCY BANNER — Countdown
   ============================================================ */
.sz-urgency-banner{
  background:linear-gradient(135deg,var(--brand-dim),var(--brand-dim));
  border-top:1px solid var(--brand-mid);border-bottom:1px solid var(--brand-mid);
  padding:40px 32px;position:relative;overflow:hidden;
}
.sz-urgency-banner::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--brand),transparent);
}
.sz-urgency-inner{
  max-width:var(--page-width);margin:0 auto;
  display:flex;align-items:center;gap:32px;flex-wrap:wrap;justify-content:center;
}
.sz-urgency-content{flex:1;min-width:240px}
.sz-urgency-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--mono);font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;font-weight:600;color:var(--brand);margin-bottom:8px;
}
.sz-urgency-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--brand);animation:blink 1.2s ease infinite}
.sz-urgency-title{font-size:clamp(18px,3vw,26px);font-weight:700;letter-spacing:-.02em;margin-bottom:4px}
.sz-urgency-desc{font-size:14px;color:var(--muted);line-height:1.6}
/* Countdown */
.sz-urgency-countdown{display:flex;align-items:center;gap:6px;flex-shrink:0}
.sz-countdown-unit{display:flex;flex-direction:column;align-items:center;min-width:52px}
.sz-countdown-num{
  font-family:var(--mono);font-size:28px;font-weight:700;color:var(--text);
  background:var(--surface);border:1px solid var(--border2);
  border-radius:var(--radius-sm);padding:8px 12px;line-height:1;
  min-width:52px;text-align:center;
}
.sz-countdown-label{font-family:var(--mono);font-size:9px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:4px}
.sz-countdown-sep{font-family:var(--mono);font-size:24px;color:var(--muted);font-weight:700;margin-bottom:16px}
.sz-urgency-cta{display:flex;align-items:center;gap:16px;flex-shrink:0;flex-wrap:wrap}
@media(max-width:768px){
  .sz-urgency-inner{flex-direction:column;text-align:center}
  .sz-urgency-content{min-width:100%}
  .sz-urgency-countdown{justify-content:center}
  .sz-urgency-cta{justify-content:center}
}

/* ============================================================
   GUARANTEE BANNER
   ============================================================ */
.sz-guarantee{
  padding:28px 32px;background:var(--success-dim);
  border:1px solid var(--success-mid);border-radius:var(--radius-xl);
}
.sz-guarantee-inner{
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
}
.sz-guarantee-icon{
  width:48px;height:48px;border-radius:50%;
  background:var(--success-dim);border:1.5px solid var(--success-mid);
  display:flex;align-items:center;justify-content:center;
  color:var(--success);flex-shrink:0;
}
.sz-guarantee-content{flex:1;min-width:240px}
.sz-guarantee-title{font-size:15px;font-weight:700;letter-spacing:-.01em;margin-bottom:4px;color:var(--text)}
.sz-guarantee-desc{font-size:13px;color:var(--muted);line-height:1.6}
.sz-guarantee-btn{flex-shrink:0}
@media(max-width:640px){
  .sz-guarantee-inner{flex-direction:column;text-align:center}
  .sz-guarantee-btn{width:100%}
}

/* ============================================================
   NEWSLETTER SIGNUP
   ============================================================ */
.sz-newsletter-section{overflow:hidden}
.sz-newsletter-icon{
  width:56px;height:56px;border-radius:50%;
  background:var(--brand-dim);border:1px solid var(--brand-mid);
  display:flex;align-items:center;justify-content:center;
  color:var(--brand);margin:0 auto 20px;
}
.sz-newsletter-row{display:flex;gap:10px;max-width:460px;margin:0 auto}
.sz-newsletter-input{flex:1;padding:14px 18px!important;font-size:15px!important}
.sz-newsletter-btn{flex-shrink:0;padding:14px 24px}
.sz-newsletter-success{
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin-top:14px;font-size:14px;color:var(--success);font-weight:600;
}
.sz-newsletter-privacy{font-size:11px;color:var(--muted);margin-top:14px}
@media(max-width:500px){
  .sz-newsletter-row{flex-direction:column}
  .sz-newsletter-btn{width:100%}
}

/* ============================================================
   BUYER COUNT — product page inline
   ============================================================ */

/* ============================================================
   ANNOUNCEMENT BAR — Countdown
   ============================================================ */

/* ============================================================
   PURCHASE PROGRESS INDICATOR
   ============================================================ */
@media(max-width:500px){
}

/* ============================================================
   FPS CALCULATOR
   ============================================================ */
.sz-calc-section{overflow:hidden}
.sz-calc-card{
  max-width:720px;margin:0 auto;
  background:var(--surface);border:1px solid var(--border2);
  border-radius:var(--radius-xl);padding:36px 32px;
  position:relative;overflow:hidden;
}
.sz-calc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--brand),transparent)}
.sz-calc-selectors{display:flex;flex-direction:column;gap:20px;margin-bottom:28px}
.sz-calc-field{}
.sz-calc-label{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:10px;display:block}
.sz-calc-options{display:flex;gap:8px;flex-wrap:wrap}
.sz-calc-opt{
  padding:10px 18px;border-radius:8px;font-size:13px;font-weight:600;
  background:var(--bg3);border:1.5px solid var(--border2);color:var(--text2);
  cursor:pointer;font-family:var(--sans);transition:all .2s;
}
.sz-calc-opt:hover{border-color:var(--border3);color:var(--text)}
.sz-calc-opt.active{
  border-color:var(--brand);color:var(--brand);
  background:var(--brand-dim);box-shadow:0 0 0 2px var(--brand-glow);
}
/* Result */
.sz-calc-result{
  background:var(--bg2);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;
}
.sz-calc-result-row{display:flex;align-items:center;justify-content:center;gap:24px}
.sz-calc-result-col{text-align:center}
.sz-calc-result-label{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:6px}
.sz-calc-result-val{font-family:var(--mono);font-size:28px;font-weight:700;line-height:1}
.sz-calc-result-val--before{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(255,107,107,.4)}
.sz-calc-result-val--after{color:var(--success)}
.sz-calc-result-arrow{color:var(--brand)}
.sz-calc-result-gain{
  display:flex;align-items:center;justify-content:center;gap:6px;
  margin-top:16px;font-family:var(--mono);font-size:14px;font-weight:700;
  color:var(--success);
}
.sz-calc-cta{text-align:center}
.sz-calc-disclaimer{font-size:11px;color:var(--muted);margin-top:12px}
@media(max-width:500px){
  .sz-calc-card{padding:24px 18px}
  .sz-calc-result-val{font-size:22px}
  .sz-calc-result-row{gap:14px}
}

/* ============================================================
   PRODUCT TRUST BAR
   ============================================================ */
.sz-product-trust-bar{
  display:flex;gap:14px;flex-wrap:wrap;padding-top:8px;
}
.sz-product-trust-badge{
  display:flex;align-items:center;gap:5px;
  font-size:11px;color:var(--muted);
}
.sz-product-trust-badge svg{color:var(--success);flex-shrink:0}

/* ============================================================
   TEAM / TRUST SECTION
   ============================================================ */
.sz-team-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
.sz-team-desc{font-size:15px;color:var(--text2);line-height:1.8;margin-bottom:28px}
.sz-team-stats{display:flex;gap:24px;flex-wrap:wrap}
.sz-team-stat{text-align:center;padding:14px 20px;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-lg)}
.sz-team-stat-num{font-family:var(--mono);font-size:24px;font-weight:700;color:var(--brand);line-height:1}
.sz-team-stat-label{font-size:11px;color:var(--muted);margin-top:4px}
.sz-team-members{display:flex;flex-direction:column;gap:14px}
.sz-team-member{
  display:flex;align-items:center;gap:16px;
  background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-xl);
  padding:20px 24px;transition:border-color .25s;
}
.sz-team-member:hover{border-color:var(--brand-mid)}
.sz-team-avatar{
  width:48px;height:48px;border-radius:50%;flex-shrink:0;
  background:var(--brand-dim);border:2px solid var(--brand-mid);
  color:var(--brand);font-family:var(--mono);font-size:20px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
}
.sz-team-name{font-size:16px;font-weight:700;margin-bottom:2px}
.sz-team-role{font-family:var(--mono);font-size:11px;color:var(--brand);letter-spacing:.04em}
@media(max-width:800px){.sz-team-layout{grid-template-columns:1fr;gap:36px}}

/* ============================================================
   POST-PURCHASE
   ============================================================ */
.sz-post-purchase{max-width:640px;margin:40px auto;text-align:center}
.sz-post-purchase-inner{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-xl);padding:40px 32px}
.sz-post-purchase-icon{
  width:64px;height:64px;border-radius:50%;margin:0 auto 20px;
  background:var(--success-dim);border:2px solid var(--success-mid);
  display:flex;align-items:center;justify-content:center;
}
.sz-post-purchase-title{font-size:24px;font-weight:700;margin-bottom:8px}
.sz-post-purchase-sub{font-size:15px;color:var(--muted);margin-bottom:32px}
.sz-post-purchase-steps{display:flex;flex-direction:column;gap:16px;text-align:left;margin-bottom:28px}
.sz-post-purchase-step{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-lg)}
.sz-post-purchase-step-num{
  width:28px;height:28px;border-radius:50%;flex-shrink:0;
  background:var(--brand);color:#fff;font-family:var(--mono);font-size:12px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
}
.sz-post-purchase-step-title{font-size:14px;font-weight:600;margin-bottom:3px}
.sz-post-purchase-step-desc{font-size:13px;color:var(--muted);line-height:1.6}
.sz-post-purchase-help{
  display:flex;align-items:center;justify-content:center;gap:8px;
  font-size:13px;color:var(--muted);
}

/* ============================================================
   ENHANCED SCROLL REVEAL — staggered children
   ============================================================ */
.sz-reveal-stagger > *{opacity:0;transform:translateY(24px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}
.sz-reveal-stagger.sz-visible > *{opacity:1;transform:translateY(0)}
.sz-reveal-stagger.sz-visible > *:nth-child(1){transition-delay:.06s}
.sz-reveal-stagger.sz-visible > *:nth-child(2){transition-delay:.12s}
.sz-reveal-stagger.sz-visible > *:nth-child(3){transition-delay:.18s}
.sz-reveal-stagger.sz-visible > *:nth-child(4){transition-delay:.24s}
.sz-reveal-stagger.sz-visible > *:nth-child(5){transition-delay:.30s}
.sz-reveal-stagger.sz-visible > *:nth-child(6){transition-delay:.36s}
/* Scale-up variant */
.sz-reveal-scale{opacity:0;transform:scale(.95);transition:opacity .5s,transform .5s cubic-bezier(.22,1,.36,1)}
.sz-reveal-scale.sz-visible{opacity:1;transform:scale(1)}

/* ============================================================
   URGENCY CODE COPY
   ============================================================ */
.sz-urgency-code-wrap{position:relative;display:inline-flex;align-items:center}
.sz-urgency-code{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.1em;
  background:var(--brand-dim);border:1.5px dashed var(--brand-mid);
  color:var(--brand);border-radius:8px;padding:8px 16px;
  cursor:pointer;transition:background .2s,border-color .2s;
}
.sz-urgency-code:hover{background:var(--brand-glow);border-color:var(--brand)}
.sz-urgency-copied{
  position:absolute;top:-28px;left:50%;transform:translateX(-50%);
  font-family:var(--mono);font-size:10px;font-weight:700;color:var(--success);
  background:var(--success-dim);border:1px solid var(--success-mid);
  border-radius:4px;padding:3px 10px;white-space:nowrap;
  opacity:0;transition:opacity .2s;pointer-events:none;
}
.sz-urgency-copied.show{opacity:1}

/* ============================================================
   STICKY ATC — Mobile Fix
   ============================================================ */
@media(max-width:600px){
  #sz-sticky-atc{padding:10px 16px;gap:10px}
  .sz-sticky-atc-info{display:none}
  .sz-sticky-atc-trust{display:none!important}
  .sz-sticky-atc-right{width:100%;flex-shrink:1}
  .sz-sticky-atc-btn{width:100%;padding:14px;font-size:14px}
}

/* ============================================================
   PASSWORD PAGE — Login Collapsible
   ============================================================ */
.sz-pw-login-toggle{
  display:flex;align-items:center;gap:8px;width:100%;
  padding:12px 16px;margin-top:12px;border-radius:var(--radius-lg);
  background:none;border:1px solid var(--border);color:var(--muted);
  font-size:12px;font-family:var(--mono);cursor:pointer;
  transition:color .2s,border-color .2s;
}
.sz-pw-login-toggle:hover{color:var(--text);border-color:var(--border2)}
.sz-pw-login-chevron{margin-left:auto;transition:transform .2s}
.sz-pw-login-toggle.open .sz-pw-login-chevron{transform:rotate(180deg)}
.sz-pw-login-form{
  max-height:0;overflow:hidden;transition:max-height .3s,padding .3s;
  padding:0 4px;
}
.sz-pw-login-form.open{max-height:100px;padding:12px 4px 4px}

/* ============================================================
   PRODUCT GRID HOME — Guide Cards (like index.html portal)
   ============================================================ */
.sz-product-grid-home{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:16px;max-width:900px;margin:0 auto;
}
.sz-product-grid-card{
  background:var(--surface);border:1px solid var(--border2);
  border-radius:var(--radius-lg);cursor:pointer;
  transition:border-color .2s,background .2s,transform .15s,box-shadow .2s;
  position:relative;overflow:hidden;text-decoration:none;color:var(--text);
  display:flex;flex-direction:column;
}
.sz-product-grid-card-top{
  position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--brand),var(--brand-light));
  opacity:0;transition:opacity .2s;
}
.sz-product-grid-card:not(.sz-product-grid-card--soon):hover{
  border-color:var(--brand-mid);background:var(--bg3);
  transform:translateY(-3px);box-shadow:0 8px 32px var(--brand-glow);
}
.sz-product-grid-card:not(.sz-product-grid-card--soon):hover .sz-product-grid-card-top{opacity:1}
.sz-product-grid-card--soon{cursor:not-allowed;opacity:.55}
.sz-product-grid-card-img{
  aspect-ratio:1;background:var(--bg3);overflow:hidden;
  display:flex;align-items:center;justify-content:center;padding:12px;
}
.sz-product-grid-card-img img{
  width:100%;height:100%;object-fit:contain;transition:transform .4s;
}
.sz-product-grid-card:not(.sz-product-grid-card--soon):hover .sz-product-grid-card-img img{transform:scale(1.05)}
.sz-product-grid-card-body{padding:20px 18px;display:flex;flex-direction:column;gap:10px;flex:1}
.sz-product-grid-card-title{font-size:16px;font-weight:600;letter-spacing:-.02em;line-height:1.3}
.sz-product-grid-card-desc{font-size:13px;color:var(--muted);line-height:1.5;flex:1}
.sz-product-grid-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px}
.sz-product-grid-badge{font-family:var(--mono);font-size:10px;padding:3px 8px;border-radius:5px;font-weight:500;letter-spacing:.04em}
.sz-product-grid-badge--available{background:var(--success-dim);color:var(--success);border:1px solid var(--success-mid)}
.sz-product-grid-badge--soon{background:var(--bg3);color:var(--muted);border:1px solid var(--border2)}
.sz-product-grid-price{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--text)}
@media(max-width:600px){
  .sz-product-grid-home{grid-template-columns:1fr}
}

/* ============================================================
   SECTION WIDTH SYSTEM — Standard, Container, Stretch, Full
   Applied via body class from Theme Settings
   ============================================================ */
.sz-width-standard .sz-section-inner,
.sz-width-standard .sz-hero-product-inner,
.sz-width-standard .sz-footer-inner,
.sz-width-standard .sz-footer-bottom{max-width:var(--page-width);margin-left:auto;margin-right:auto}

.sz-width-container .sz-section-inner,
.sz-width-container .sz-hero-product-inner,
.sz-width-container .sz-footer-inner,
.sz-width-container .sz-footer-bottom{max-width:calc(var(--page-width) + 120px);margin-left:auto;margin-right:auto}

.sz-width-stretch .sz-section-inner,
.sz-width-stretch .sz-hero-product-inner,
.sz-width-stretch .sz-footer-inner,
.sz-width-stretch .sz-footer-bottom{max-width:calc(100% - 64px);margin-left:auto;margin-right:auto}

.sz-width-full .sz-section-inner,
.sz-width-full .sz-hero-product-inner,
.sz-width-full .sz-footer-inner,
.sz-width-full .sz-footer-bottom{max-width:100%}

@media(max-width:767px){
  .sz-width-stretch .sz-section-inner,
  .sz-width-stretch .sz-hero-product-inner{max-width:calc(100% - 40px)}
}

/* Sale price styling for dark theme */
.price--on-sale .price-item--sale{color:var(--brand);font-weight:700}
.price--on-sale .price-item--regular{text-decoration:line-through;color:var(--muted);opacity:.6;font-size:.85em}
.price--on-sale .price__sale{display:flex!important;align-items:baseline;gap:8px;flex-wrap:wrap}
.price--on-sale .price__regular{display:none!important}
.price--on-sale .price__badge-sale{display:inline-flex!important;margin-left:6px}
.price__badge-sale{background:var(--brand)!important;color:#fff!important;border:none!important;font-weight:600;font-size:11px;padding:3px 8px;border-radius:4px}

/* ============================================================
   VARIANT PICKER — Horizontal Pill Buttons
   ============================================================ */
.sz-variants{margin-bottom:12px}
.sz-var-group{margin-bottom:14px}
.sz-var-label{
  font-family:var(--mono);font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:8px;
}
.sz-var-pills{display:flex;gap:8px;flex-wrap:wrap}
.sz-var-pill{
  flex:1;min-width:0;padding:11px 18px;text-align:center;
  font-size:13px;font-weight:500;color:var(--text);
  background:var(--surface);border:1px solid var(--border2);
  border-radius:var(--radius-sm);cursor:pointer;
  transition:border-color .2s,background .2s,color .2s,box-shadow .2s;
  position:relative;overflow:clip;
}
.sz-var-pill::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--brand),transparent);
  opacity:0;transition:opacity .2s;
}
.sz-var-pill:hover{border-color:var(--border3);background:var(--bg3)}
.sz-var-pill--active{
  border-color:var(--brand);background:var(--brand-dim);
  color:var(--brand);font-weight:600;
}
.sz-var-pill--active::before{opacity:1}
.sz-var-pill:disabled{opacity:.3;cursor:not-allowed}

/* Discount feedback */
.sz-discount-feedback{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--mono);font-size:11px;letter-spacing:.04em;
  color:var(--success);padding:8px 14px;
  background:var(--success-dim);border:1px solid var(--success-mid);
  border-radius:var(--radius-sm);margin-bottom:8px;
  transition:opacity .3s;
}

/* Password input with show/hide toggle */
.sz-pw-input-wrap{position:relative;flex:1;display:flex}
.sz-pw-input{flex:1;padding-right:40px!important}
.sz-pw-toggle{
  position:absolute;right:10px;top:50%;transform:translateY(-50%);
  background:none;border:none;cursor:pointer;color:var(--muted);
  padding:4px;display:flex;align-items:center;justify-content:center;
  transition:color .2s;z-index:2;
}
.sz-pw-toggle:hover{color:var(--text)}

/* Search page — input styling */
.search__input.field__input{
  padding-left:16px!important;padding-right:9.8rem!important;
  background-color:var(--bg3)!important;
  color:var(--text)!important;
  border:1px solid var(--border2)!important;border-radius:var(--radius-sm)!important;
  font-size:14px!important;font-family:var(--sans)!important;
  -webkit-appearance:none!important;appearance:none!important;
}
.search__input.field__input::-webkit-search-decoration,
.search__input.field__input::-webkit-search-cancel-button,
.search__input.field__input::-webkit-search-results-button,
.search__input.field__input::-webkit-search-results-decoration{display:none!important;-webkit-appearance:none!important}
.search__input.field__input::placeholder{color:var(--muted)!important}
/* Hide floating label - we use placeholder */
.search .field__label{display:none!important}
.search .field__button{background:none!important;color:var(--muted)!important}
.search .field__button:hover{color:var(--text)!important}

/* ============================================================
   MOBILE OPTIMIZATIONS
   ============================================================ */
/* Prevent long German words from overflowing */
.sz-section-title,.sz-section-sub,.sz-feature-desc,.sz-compare-feature-label,
.sz-compare-val-text,.sz-review-text,.sz-step-new-desc,.sz-faq-q,
.sz-product-card-title,.sz-product-card-desc{
  overflow-wrap:break-word;word-break:break-word;hyphens:auto;
}
/* Better touch targets */
@media(max-width:768px){
  .sz-btn{min-height:44px}
  .sz-faq-q{min-height:48px}
  .sz-cart-discount-toggle{min-height:44px}
}
/* Smooth scrolling on iOS */
.sz-mobile-nav,.sz-reviews-viewport{-webkit-overflow-scrolling:touch}
/* Prevent layout shift from fonts */
.sz-section-title,.sz-hero-product-title{text-rendering:optimizeLegibility}

/* ============================================================
   QUICK ADD BUTTON — below card content
   ============================================================ */
.sz-product-card{position:relative;display:flex;flex-direction:column}
.sz-product-card-link{text-decoration:none;color:var(--text);display:flex;flex-direction:column;flex:1}
.sz-quick-add{
  display:flex;align-items:center;justify-content:center;gap:6px;
  width:100%;padding:10px;border:none;border-top:1px solid var(--border);
  background:transparent;color:var(--text2);cursor:pointer;
  font-family:var(--mono);font-size:10px;letter-spacing:.08em;
  text-transform:uppercase;font-weight:600;
  transition:background .2s,color .2s;
  border-radius:0 0 var(--radius-xl) var(--radius-xl);
}
.sz-quick-add:hover{background:var(--brand-dim);color:var(--brand)}
.sz-quick-add svg{flex-shrink:0}
.sz-quick-add.sz-quick-adding{opacity:.5;pointer-events:none}
.sz-product-badge--in-cart{
  font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.08em;
  padding:3px 8px;border-radius:4px;
  background:var(--success-dim);color:var(--success);border:1px solid var(--success-mid);
}
/* "Im Warenkorb" full-width bar at bottom */
.sz-quick-add-incart{
  display:flex;align-items:center;justify-content:center;gap:6px;
  width:100%;padding:10px;border:none;border-top:1px solid var(--success-mid);
  background:var(--success-dim);color:var(--success);
  font-family:var(--mono);font-size:10px;letter-spacing:.08em;
  text-transform:uppercase;font-weight:600;
  border-radius:0 0 var(--radius-xl) var(--radius-xl);
}

/* ============================================================
   CART SUGGESTIONS — with arrow navigation
   ============================================================ */
.sz-cart-suggestions{margin-top:48px;padding-top:32px;padding-bottom:48px;border-top:1px solid var(--border)}
.sz-cart-suggestions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.sz-cart-suggestions-title{
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);font-weight:600;
}
.sz-cart-suggestions-nav{display:flex;gap:6px}
.sz-cart-sug-prev,.sz-cart-sug-next{
  width:32px;height:32px;border-radius:50%;border:1px solid var(--border2);
  background:var(--bg3);color:var(--muted);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:border-color .2s,color .2s,background .2s;
}
.sz-cart-sug-prev:hover,.sz-cart-sug-next:hover{border-color:var(--brand-mid);color:var(--text);background:var(--brand-dim);box-shadow:0 0 12px var(--brand-glow)}
.sz-arrow-disabled{opacity:.25;pointer-events:none;cursor:default}
/* Viewport: vertikal sichtbar für Hover-Lift, horizontal für Drag-Scroll versteckt.
   Padding kompensiert die translateY(-4px) + box-shadow Range der Cards beim Hover. */
.sz-cart-suggestions-viewport{
  overflow-x:hidden;overflow-y:visible;
  touch-action:pan-y;
  padding:20px 0 24px;
  margin:-20px 0 -24px;
}
.sz-cart-suggestions-grid{
  display:flex;gap:16px;
  overflow-x:auto;overflow-y:visible;
  scroll-behavior:smooth;
  scrollbar-width:none;-ms-overflow-style:none;
  padding:20px 0 24px;
  margin:-20px 0 -24px;
}
.sz-cart-suggestions-grid::-webkit-scrollbar{display:none}
.sz-cart-suggestions-grid .sz-product-card{
  flex:0 0 calc(25% - 12px);min-width:0;
}
@media(max-width:900px){
  .sz-cart-suggestions-grid .sz-product-card{flex:0 0 calc(50% - 8px)}
}
@media(max-width:520px){
  .sz-cart-suggestions-grid .sz-product-card{flex:0 0 78%}
}
/* @keyframes spin — use szSpin instead */

/* Product page: stats full-width like buttons */
.sz-product-buy-col .sz-stats-row{width:100%;margin-bottom:0;padding:16px 0}
.sz-product-buy-col .sz-stat{flex:1}
.sz-product-buy-col .sz-stat-num{color:var(--text)}

  .sz-pfps-stats{flex-direction:column;}
  .sz-pfps-stat{border-right:none;border-bottom:1px solid var(--border);}
  .sz-pfps-stat:last-child{border-bottom:none;}
  .sz-pfps-tab{padding:10px 12px;}
  .sz-pfps-val{width:54px;font-size:13px;}
}
  .sz-fps-proof-avg{align-self:flex-start;flex-direction:row;gap:10px;padding:8px 14px;}
  .sz-fps-proof-games{gap:6px;}
  .sz-fpp-chip{font-size:11px;padding:6px 10px;}
}

/* ============================================================
   BESCHREIBUNG / ANWENDUNG — saubere Collapsible-Felder
   Kein FAQ-Look: border-bottom Divider, Chevron, kein Box-Rahmen
   ============================================================ */
.sz-desc-fields{
  display:flex;flex-direction:column;
}
.sz-desc-field{
  border-bottom:1px solid var(--border);
}
.sz-desc-field:first-child{
  border-top:none;
}
.sz-desc-trigger{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  padding:13px 0;
  background:none;border:none;cursor:pointer;
  font-family:var(--sans);font-size:13.5px;font-weight:500;
  color:var(--text2);text-align:left;gap:12px;
  transition:color .18s;
}
.sz-desc-trigger:hover{color:var(--text);}
.sz-desc-field.open .sz-desc-trigger{color:var(--text);}
.sz-desc-trigger-label{flex:1;}
.sz-desc-trigger-icon{
  flex-shrink:0;color:var(--muted);
  transition:transform .28s cubic-bezier(.22,1,.36,1), color .18s;
}
.sz-desc-field.open .sz-desc-trigger-icon{
  transform:rotate(180deg);
  color:var(--brand);
}
/* Smooth expand — same grid-row trick as FAQ */
.sz-desc-body{
  display:grid;grid-template-rows:0fr;
  transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1);
}
.sz-desc-field.open .sz-desc-body{grid-template-rows:1fr;}
.sz-desc-body-inner{
  overflow:hidden;
  padding:0;
  font-size:14px;color:var(--muted);line-height:1.8;
  transition:padding .3s cubic-bezier(.22,1,.36,1);
}
.sz-desc-field.open .sz-desc-body-inner{padding:0 0 16px;}
.sz-desc-body-inner p{margin-bottom:10px;}
.sz-desc-body-inner ul{padding-left:18px;margin-bottom:10px;}
.sz-desc-body-inner li{margin-bottom:5px;}
.sz-desc-body-inner p:last-child,.sz-desc-body-inner ul:last-child{margin-bottom:0;}
  .sz-fpp-entry-num{ width:46px; font-size:10px; }
  .sz-fpp-entry-name{ font-size:11.5px; }
}

/* ============================================================
   FPS ERGEBNISSE — Produktseite
   ============================================================ */
/* ── OBS / Software Metrics Cards ── */
.sz-obs-metrics{margin-top:40px;padding-top:32px;border-top:1px solid var(--border)}

.sz-obs-metrics-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-bottom:16px;
  align-items:stretch;
}
/* Override reveal-stagger flex to keep grid */
.sz-obs-metrics-grid.sz-reveal-stagger{display:grid}
.sz-obs-metrics-grid.sz-reveal-stagger > *{opacity:0;transform:translateY(24px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}
.sz-obs-metrics-grid.sz-reveal-stagger.sz-visible > *{opacity:1;transform:translateY(0)}
.sz-obs-metrics-grid.sz-reveal-stagger.sz-visible > *:nth-child(1){transition-delay:.04s}
.sz-obs-metrics-grid.sz-reveal-stagger.sz-visible > *:nth-child(2){transition-delay:.08s}
.sz-obs-metrics-grid.sz-reveal-stagger.sz-visible > *:nth-child(3){transition-delay:.12s}
.sz-obs-metrics-grid.sz-reveal-stagger.sz-visible > *:nth-child(4){transition-delay:.16s}
.sz-obs-metrics-grid.sz-reveal-stagger.sz-visible > *:nth-child(5){transition-delay:.20s}
.sz-obs-metrics-grid.sz-reveal-stagger.sz-visible > *:nth-child(6){transition-delay:.24s}

@media(max-width:760px){.sz-obs-metrics-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.sz-obs-metrics-grid{grid-template-columns:repeat(2,1fr);gap:10px}}
.sz-obs-metric-card{
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:28px 24px;
  position:relative;overflow:hidden;
  display:flex;flex-direction:column;
  transition:border-color .25s,transform .2s,box-shadow .2s;
}
.sz-obs-metric-card::before{
  content:'';position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(135deg,var(--brand-dim),transparent);
  opacity:0;transition:opacity .3s;
}
.sz-obs-metric-card:hover{
  border-color:var(--brand-mid);transform:translateY(-4px);
  box-shadow:0 12px 32px rgba(0,0,0,.2),0 0 0 1px var(--brand-mid);
}
.sz-obs-metric-card:hover::before{opacity:1}
.sz-obs-metric-icon{
  width:52px;height:52px;border-radius:var(--radius-lg);
  background:var(--brand-dim);border:1px solid var(--brand-mid);
  display:flex;align-items:center;justify-content:center;color:var(--brand);
  margin-bottom:18px;position:relative;z-index:1;
  transition:background .3s,box-shadow .3s,transform .25s;
}
.sz-obs-metric-icon-glow{
  position:absolute;top:28px;left:24px;
  width:52px;height:52px;
  border-radius:calc(var(--radius-lg) + 4px);
  background:radial-gradient(circle,var(--brand-glow) 0%,transparent 70%);
  opacity:0;transition:opacity .3s;pointer-events:none;
}
.sz-obs-metric-card:hover .sz-obs-metric-icon{background:var(--brand-mid);box-shadow:0 0 20px var(--brand-glow);transform:scale(1.05)}
.sz-obs-metric-card:hover .sz-obs-metric-icon-glow{opacity:1}
.sz-obs-metric-val{display:flex;align-items:baseline;gap:4px;margin-bottom:4px;position:relative;z-index:1}
.sz-obs-metric-num{font-family:var(--mono);font-size:28px;font-weight:700;color:var(--text);letter-spacing:-.03em;line-height:1}
.sz-obs-metric-unit{font-family:var(--mono);font-size:13px;color:var(--muted);font-weight:600}
.sz-obs-metric-delta{
  margin-left:6px;font-family:var(--mono);font-size:11px;font-weight:700;
  color:var(--brand);background:var(--brand-dim);border:1px solid var(--brand-mid);
  border-radius:4px;padding:1px 6px;letter-spacing:.02em;
}
.sz-obs-metric-label{font-size:15px;font-weight:600;letter-spacing:-.02em;margin-bottom:6px;position:relative;z-index:1}
.sz-obs-metric-desc{font-size:13px;color:var(--muted);line-height:1.6;position:relative;z-index:1}
.sz-obs-metric-badge{align-self:flex-start;display:inline-flex;align-items:center;margin-top:12px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--brand);background:var(--brand-dim);border:1px solid var(--brand-mid);border-radius:5px;padding:3px 8px;position:relative;z-index:1;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}

/* ── Valorant Benchmarks — GPU-Tier + Stat-Cards ── */
.sz-val-benchmarks{display:flex;flex-direction:column;gap:24px}
.sz-val-fps-section{}
.sz-val-section-label{font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:12px}
.sz-val-entry-gpu{min-width:0}
.sz-val-gpu-icon{width:22px;height:22px;border-radius:4px;background:var(--brand-dim);border:1px solid var(--brand-mid);display:flex;align-items:center;justify-content:center;color:var(--brand);flex-shrink:0}

/* Stats row — inherits sz-reveal-stagger but overrides layout to grid */
.sz-val-stats-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  align-items:stretch;
}
@media(max-width:760px){.sz-val-stats-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.sz-val-stats-row{grid-template-columns:repeat(2,1fr);gap:10px}}

/* Reveal-stagger targeting direct children — override default flex */
.sz-val-stats-row.sz-reveal-stagger{display:grid}
.sz-val-stats-row.sz-reveal-stagger > *{opacity:0;transform:translateY(24px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}
.sz-val-stats-row.sz-reveal-stagger.sz-visible > *{opacity:1;transform:translateY(0)}
.sz-val-stats-row.sz-reveal-stagger.sz-visible > *:nth-child(1){transition-delay:.05s}
.sz-val-stats-row.sz-reveal-stagger.sz-visible > *:nth-child(2){transition-delay:.10s}
.sz-val-stats-row.sz-reveal-stagger.sz-visible > *:nth-child(3){transition-delay:.15s}
.sz-val-stats-row.sz-reveal-stagger.sz-visible > *:nth-child(4){transition-delay:.20s}

.sz-val-stat-card{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:20px 18px;position:relative;overflow:hidden;
  display:flex;flex-direction:column;
  transition:border-color .25s,transform .2s,box-shadow .2s;
}
.sz-val-stat-card::before{
  content:'';position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(135deg,var(--brand-dim),transparent);
  opacity:0;transition:opacity .3s;
}
.sz-val-stat-card:hover{border-color:var(--brand-mid);transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.2),0 0 0 1px var(--brand-mid)}
.sz-val-stat-card:hover::before{opacity:1}
.sz-val-stat-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--brand-dim);border:1px solid var(--brand-mid);display:flex;align-items:center;justify-content:center;color:var(--brand);margin-bottom:14px;position:relative;z-index:1;flex-shrink:0}
.sz-val-stat-num{font-family:var(--mono);font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.03em;line-height:1;margin-bottom:5px;position:relative;z-index:1}
.sz-val-stat-unit{font-family:var(--mono);font-size:12px;color:var(--muted);font-weight:600}
.sz-val-stat-label{font-size:13px;font-weight:600;color:var(--text);margin-bottom:4px;position:relative;z-index:1}
.sz-val-stat-desc{font-size:12px;color:var(--muted);line-height:1.5;position:relative;z-index:1}
@media(max-width:420px){
  .sz-val-stat-card{padding:16px 14px}
  .sz-val-stat-num{font-size:20px}
  .sz-val-stat-label{font-size:12px}
  .sz-val-stat-desc{font-size:11px}
  .sz-val-stat-icon{width:30px;height:30px;margin-bottom:10px}
}

.sz-fpp-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

/* Single game entry: [game 120px] [bars 1fr] [gain badge] */
.sz-fpp-entry{
  display:grid;
  grid-template-columns:120px 1fr auto;
  align-items:center;
  gap:14px;
}

/* Game identity */
.sz-fpp-entry-game{
  display:flex;align-items:center;gap:8px;min-width:0;
}
.sz-fpp-entry-thumb{
  width:22px;height:22px;border-radius:4px;overflow:hidden;flex-shrink:0;
  border:1px solid var(--border2);background:var(--bg3);
}
.sz-fpp-entry-thumb img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.sz-fpp-entry-name{
  font-size:12.5px;font-weight:600;color:var(--text);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* Dual bars with numbers */
.sz-fpp-entry-bars{
  display:flex;flex-direction:column;gap:4px;min-width:0;
}
.sz-fpp-entry-bar-row{
  display:flex;align-items:center;gap:8px;min-width:0;
}
.sz-fpp-entry-track{
  flex:1;height:6px;background:var(--bg3);border-radius:3px;overflow:hidden;
}
.sz-fpp-entry-fill{
  height:100%;border-radius:3px;width:0;
}
.sz-fpp-entry-fill--b{
  background:var(--border2);
}
.sz-fpp-entry-fill--a{
  background:linear-gradient(90deg,#15803d,#22c55e,#4ade80);
  box-shadow:0 0 5px rgba(34,197,94,.25);
}

/* Numbers — same font as landing sz-fps-num */
.sz-fpp-entry-num{
  font-family:var(--mono);font-size:13px;font-weight:700;
  white-space:nowrap;flex-shrink:0;width:36px;text-align:right;line-height:1;
}
.sz-fpp-entry-num--b{ color:var(--muted); }
.sz-fpp-entry-num--a{ color:#22c55e; }

/* Gain badge — identical spec to landing pct-badge */
.sz-fpp-entry-gain{
  font-family:var(--mono);font-size:12px;font-weight:700;
  color:#22c55e;
  background:rgba(34,197,94,.1);
  border:1px solid rgba(34,197,94,.3);
  border-radius:20px;
  padding:4px 10px;
  white-space:nowrap;flex-shrink:0;
}

/* Disclaimer — margin-top:16px matches landing .sz-fps-disclaimer */
.sz-fpp-disclaimer{
  font-family:var(--mono);font-size:11px;color:var(--muted);
  opacity:.6;margin:16px 0 0;
}

@media(max-width:520px){
  .sz-fpp-entry{ grid-template-columns:90px 1fr auto; gap:10px; }
  .sz-fpp-entry-name{ font-size:11.5px; }
}

/* ════════════════════════════════════════════════════════════════════
   TROUBLESHOOTING — Page-Layout (Search + Tabs + Collapsible Issues)
   ════════════════════════════════════════════════════════════════════ */
.sz-trouble-search-wrap{position:relative;margin-bottom:18px}
.sz-trouble-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;z-index:1}
/* Native search-X (Webkit/Edge) ausblenden — wir nutzen unseren eigenen Clear-Button */
input.sz-input::-webkit-search-cancel-button,
input.sz-input::-webkit-search-decoration,
input.sz-input::-webkit-search-results-button,
input.sz-input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}

.sz-trouble-tabs{display:flex;gap:4px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:3px;flex-shrink:0;margin-bottom:24px;flex-wrap:wrap}
.sz-trouble-tab{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;background:transparent;border:none;border-radius:7px;font-family:inherit;font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;transition:color .16s,background .16s;white-space:nowrap;flex:1 1 0;justify-content:center}
.sz-trouble-tab:hover{color:var(--text)}
.sz-trouble-tab.active{background:var(--bg3);color:var(--text);box-shadow:0 1px 0 rgba(255,255,255,.04) inset}
.sz-trouble-tab:focus-visible{outline:2px solid var(--brand-mid);outline-offset:2px}
.sz-trouble-tab-count{font-family:var(--mono);font-size:9.5px;font-weight:600;padding:1px 6px;background:var(--bg4);border-radius:999px;color:var(--muted);letter-spacing:.04em}
.sz-trouble-tab.active .sz-trouble-tab-count{background:var(--brand-dim);color:var(--brand)}

.sz-trouble-list{display:flex;flex-direction:column;gap:10px;margin-bottom:48px}
.sz-trouble-item{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.sz-trouble-item:hover{border-color:var(--border2)}
.sz-trouble-item[open]{border-color:var(--border2);box-shadow:0 4px 20px rgba(0,0,0,.15)}
.sz-trouble-item summary{cursor:pointer;list-style:none;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;transition:background .15s}
.sz-trouble-item summary::-webkit-details-marker{display:none}
.sz-trouble-item summary:hover{background:var(--bg3)}
.sz-trouble-symptom{display:flex;align-items:center;gap:11px;flex:1;min-width:0;font-size:14.5px;font-weight:500;color:var(--text);line-height:1.4}
.sz-trouble-meta{display:flex;align-items:center;gap:10px;flex-shrink:0}
.sz-trouble-cat{font-family:var(--mono);font-size:9.5px;font-weight:600;padding:3px 8px;border-radius:4px;letter-spacing:.04em;text-transform:uppercase;background:var(--bg3);color:var(--muted);border:1px solid var(--border)}
.sz-trouble-cat--performance{color:var(--brand);background:var(--brand-dim);border-color:var(--brand-mid)}
.sz-trouble-cat--crashes{color:#ef4444;background:rgba(239,68,68,.07);border-color:rgba(239,68,68,.2)}
.sz-trouble-cat--audio{color:#a78bfa;background:rgba(167,139,250,.07);border-color:rgba(167,139,250,.2)}
.sz-trouble-cat--network{color:#10b981;background:var(--success-dim);border-color:var(--success-mid)}
.sz-trouble-cat--input{color:#f59e0b;background:rgba(245,158,11,.07);border-color:rgba(245,158,11,.2)}
.sz-trouble-chev{transition:transform .25s cubic-bezier(.22,1,.36,1);color:var(--muted)}
.sz-trouble-item[open] .sz-trouble-chev{transform:rotate(180deg)}
.sz-trouble-body{padding:14px 22px 22px 22px;display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--border)}
.sz-trouble-diag,.sz-trouble-fix{padding:14px 16px;border-radius:10px;background:var(--bg3);border:1px solid var(--border)}
.sz-trouble-diag{border-left:3px solid #f59e0b}
.sz-trouble-fix{border-left:3px solid var(--success)}
.sz-trouble-label{font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.sz-trouble-diag p,.sz-trouble-fix-text p{font-size:13.5px;color:var(--text2);line-height:1.7;margin:0 0 10px 0}
.sz-trouble-fix-text p:last-child,.sz-trouble-diag p:last-child{margin-bottom:0}
.sz-trouble-fix-text code{font-family:var(--mono);font-size:11.5px;background:var(--bg4);padding:1px 6px;border-radius:4px;color:var(--brand);border:1px solid var(--border)}
.sz-trouble-fix-text strong{color:var(--text);font-weight:700}
.sz-trouble-cta{align-self:flex-start;margin-top:4px;font-size:12.5px;padding:9px 16px}

.sz-trouble-empty{text-align:center;padding:48px 20px;background:var(--bg2);border:1px dashed var(--border2);border-radius:var(--radius-lg);margin-bottom:48px}
.sz-trouble-empty-title{font-size:17px;font-weight:600;letter-spacing:-.01em;margin-bottom:6px}
.sz-trouble-empty-text{font-size:13.5px;color:var(--muted);max-width:380px;margin:0 auto;line-height:1.6}

@media(max-width:640px){
  .sz-trouble-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .sz-trouble-tabs::-webkit-scrollbar{display:none}
  .sz-trouble-tab{flex:0 0 auto;padding:7px 11px;font-size:11.5px}
  .sz-trouble-item summary{padding:14px 16px;gap:10px}
  .sz-trouble-symptom{font-size:13.5px;gap:9px}
  .sz-trouble-cat{font-size:8.5px;padding:2px 6px}
  .sz-trouble-body{padding:12px 16px 16px 16px}
  .sz-trouble-diag,.sz-trouble-fix{padding:12px 14px}
  .sz-trouble-diag p,.sz-trouble-fix-text p{font-size:13px}
}

/* ════════════════════════════════════════════════════════════════════
   DRIVER-INSTALL — Step-by-Step + Vendor-Cards
   ════════════════════════════════════════════════════════════════════ */
.sz-driver-steps{display:flex;flex-direction:column;gap:20px;margin-bottom:48px}
.sz-driver-step{display:grid;grid-template-columns:48px 1fr;gap:20px;align-items:start;padding:22px 24px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);position:relative}
.sz-driver-step-num{width:48px;height:48px;border-radius:50%;background:linear-gradient(180deg,var(--brand-light),var(--brand));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:20px;font-weight:700;flex-shrink:0;box-shadow:0 4px 16px var(--brand-glow)}
.sz-driver-step-content{min-width:0}
.sz-driver-step-title{font-size:17px;font-weight:700;letter-spacing:-.01em;margin-bottom:6px;color:var(--text)}
.sz-driver-step-desc{font-size:14px;color:var(--text2);line-height:1.7;margin-bottom:0}
.sz-driver-step-desc p{margin:0 0 10px 0}
.sz-driver-step-desc p:last-child{margin-bottom:0}
.sz-driver-step-desc code{font-family:var(--mono);font-size:12px;background:var(--bg4);padding:1px 6px;border-radius:4px;color:var(--brand);border:1px solid var(--border)}
.sz-driver-step-desc strong{color:var(--text);font-weight:700}

/* Vendor-Card Layout — Guide-Pattern:
   Top-Row [Logo + Info]  →  Trennstrich  →  Foot-Row [Host links + Arrow rechts] */
.sz-driver-vendors{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:18px}
.sz-driver-vendor{
  display:flex;flex-direction:column;gap:14px;
  padding:18px 20px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-lg);
  text-decoration:none;color:var(--text);
  transition:border-color .2s,transform .2s,box-shadow .25s,background .2s;
  position:relative;overflow:hidden;
}
.sz-driver-vendor::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:var(--vendor-brand);opacity:0;transition:opacity .25s;
}
/* Hover-Effekte nur bei echten Pointer-Devices (Maus) — verhindert "stuck hover" auf Touch */
@media (hover: hover) {
  .sz-driver-vendor:hover{
    border-color:var(--vendor-brand);transform:translateY(-2px);
    box-shadow:0 8px 24px rgba(0,0,0,.25), 0 0 0 1px var(--vendor-brand);
    background:var(--bg2);
  }
  .sz-driver-vendor:hover::before{opacity:1}
}
/* Touch: Active-State (kurzer Tap-Feedback statt Stuck-Hover) */
.sz-driver-vendor:active{
  border-color:var(--vendor-brand);
  background:var(--bg2);
  transform:scale(.99);
}

/* Top — Logo + Info side-by-side */
.sz-driver-vendor-top{display:flex;align-items:center;gap:14px}
.sz-driver-vendor-logo{
  width:48px;height:48px;border-radius:10px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:var(--bg);border:1px solid var(--border);
  color:var(--vendor-brand);
  transition:background .25s,border-color .25s,box-shadow .25s;
}
.sz-driver-vendor-logo svg{width:28px;height:28px;display:block}
.sz-driver-vendor:hover .sz-driver-vendor-logo{
  background:rgba(255,255,255,.04);border-color:var(--vendor-brand);
  box-shadow:0 0 16px color-mix(in srgb, var(--vendor-brand) 30%, transparent);
}
.sz-driver-vendor-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.sz-driver-vendor-name{font-weight:700;font-size:15px;letter-spacing:-.005em;color:var(--text);line-height:1.3}
.sz-driver-vendor:hover .sz-driver-vendor-name{color:var(--vendor-brand)}
.sz-driver-vendor-meta{font-size:11.5px;color:var(--muted);line-height:1.4;font-family:var(--mono);letter-spacing:.02em}

/* Foot — Trennstrich + Host links + Arrow rechts (matched mit Guide-Portal-Pattern) */
.sz-driver-vendor-foot{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding-top:12px;
  border-top:1px solid var(--border);
}
.sz-driver-vendor-host{
  font-family:var(--mono);font-size:11px;color:var(--vendor-brand);
  letter-spacing:.02em;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;
  transition:color .2s;
}
.sz-driver-vendor-arrow{
  width:24px;height:24px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  background:transparent;border:1px solid var(--border);
  border-radius:6px;color:var(--muted);
  transition:background .22s,color .22s,border-color .22s,transform .22s;
}
.sz-driver-vendor-arrow svg{width:11px;height:11px;display:block}
.sz-driver-vendor:hover .sz-driver-vendor-arrow{
  background:var(--vendor-brand);color:#fff;border-color:var(--vendor-brand);
  transform:translate(2px,-2px);
}

.sz-driver-warn{margin-top:36px;padding:20px 24px;background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.18);border-left:3px solid #f59e0b;border-radius:var(--radius-lg)}
.sz-driver-warn-title{font-weight:700;font-size:14.5px;color:#f59e0b;margin-bottom:6px;display:flex;align-items:center;gap:8px}
.sz-driver-warn-text{font-size:13.5px;color:var(--text2);line-height:1.65;margin:0}

@media(max-width:640px){
  .sz-driver-step{grid-template-columns:40px 1fr;gap:16px;padding:18px 18px}
  .sz-driver-step-num{width:40px;height:40px;font-size:17px}
  .sz-driver-step-title{font-size:15.5px}
  .sz-driver-step-desc{font-size:13.5px}
  .sz-driver-vendors{grid-template-columns:1fr;gap:10px}
  .sz-driver-vendor{padding:14px 16px;gap:12px}
  .sz-driver-vendor-top{gap:12px}
  .sz-driver-vendor-logo{width:42px;height:42px;border-radius:8px}
  .sz-driver-vendor-logo svg{width:24px;height:24px}
  .sz-driver-vendor-name{font-size:14px}
  .sz-driver-vendor-foot{padding-top:10px}
  .sz-driver-vendor-host{font-size:10.5px}
}

/* ═══════════════════════════════════════════════════════════════════
   PREMIUM POLISH — additive Verfeinerungen (Enterprise-Feel)
   Bewusst am Dateiende: überschreibt sauber, leicht auffindbar/reversibel.
   Keine Layout-Eingriffe — nur Fokus, Scrollbar, Button-Haptik, Text-Tuning.
   ═══════════════════════════════════════════════════════════════════ */

/* 1) Globaler Fokus-Ring — NUR bei Tastatur-Navigation (a11y + wirkt durchdacht).
      Maus-/Touch-Klicks zeigen keinen Ring (:focus-visible). */
a:focus-visible, button:focus-visible, summary:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible,
[tabindex]:focus-visible, [role="button"]:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
}

/* 2) Edler Custom-Scrollbar — nur auf Desktop-Zeigergeräten (Mobile behält nativ).
      Greift NICHT in Bereiche ein, die ihren Scrollbar bewusst ausblenden
      (deren .class::-webkit-scrollbar{display:none} hat höhere Spezifität). */
@media (pointer: fine) {
  html { scrollbar-width: thin; scrollbar-color: var(--bg4) transparent; }
  ::-webkit-scrollbar { width: 10px; height: 10px; }
  ::-webkit-scrollbar-track { background: transparent; }
  ::-webkit-scrollbar-thumb {
    background: var(--bg4); border-radius: 8px;
    border: 2px solid transparent; background-clip: padding-box;
  }
  ::-webkit-scrollbar-thumb:hover { background: var(--border3); background-clip: padding-box; }
}

/* 3) Taktiles Button-Feedback — leichter „Press" beim Klick (Mikrointeraktion). */
.sz-btn:active { transform: scale(.97); }

/* 4) Schärfere Schriftkanten auf Firefox/macOS (ergänzt vorhandenes Webkit-Smoothing). */
body { -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

/* 5) Glas-Detail: feine Lichtkante oben auf Cards (Enterprise-Look, im Ruhezustand —
      beim Hover übernehmen die bestehenden Lift/Glow-Effekte; box-shadow ist dort ohnehin transitioned). */
.sz-product-card, .sz-feature-card { box-shadow: inset 0 1px 0 rgba(255,255,255,.07); }

/* 6) „Spüre den Unterschied" (FPS-Section): theme-konformer Hover auf der aktiven Result-Card —
      Brand-Border + roter Glow + intensivere Akzentleiste. szFadeIn animiert nur Opacity → kein Transform-Konflikt. */
/* FPS-Section Card-Hover — theme-konform (analog zu den Produkt-Cards): dezentes Anheben +
   tieferer Schatten + neutral hellerer Rahmen. Kein Brand-Rot, keine animierte Top-Leiste. */
.sz-fps-card { transition: border-color .2s, box-shadow .2s, transform .2s; }
.sz-fps-card.active:hover {
  border-color: var(--border3);
  box-shadow: 0 16px 48px rgba(0,0,0,.35);
  transform: translateY(-4px);
}