:root{
  --bg:#f7f7f5;--surface:#fff;--surface-soft:#f0f1ee;--ink:#151515;--muted:#6c706b;
  --accent:#151515;--accent-strong:#050505;--accent-soft:#efefec;--green:#12835d;
  --green-soft:#e6f6ef;--red:#b42318;--red-soft:#fff0ee;--border:var(--color-border);--radius:14px;
  --shadow-sm:0 1px 2px rgba(15,15,15,.04);--shadow-md:0 16px 44px rgba(15,15,15,.09);--shadow-lg:0 28px 74px rgba(15,15,15,.16)
}
body{background:var(--bg);color:var(--ink);font-family:var(--site-font,Inter,"Segoe UI Variable Text","Segoe UI",Roboto,Helvetica,Arial,system-ui,sans-serif)}
body::before{display:none}
.wrap{max-width:1280px;padding-left:32px;padding-right:32px}
header{background:rgba(255,255,255,.92);border-color:var(--border);box-shadow:none}
.nav{height:72px}
.logo{font-size:1.08rem;font-weight:750;color:var(--ink)}
.logo .bell{width:34px;height:34px;border-radius:9px;background:var(--ink);color:#fff;box-shadow:none;transform:none;font-size:.9rem}
.logo em{color:inherit}.logo small{display:inline;font-size:var(--text-11);font-weight:500;color:var(--muted);margin-left:4px;letter-spacing:0}
.nav-links a{color:var(--muted);font-weight:600;font-size:var(--text-14)}
.nav-links a:hover{color:var(--ink)}
/* Buttons: siehe components.css (eine Definition). Hier bewusst entfernt. */

.hero{max-width:1280px;padding:0 32px 34px}
.hero-grid{grid-template-columns:.92fr 1.08fr;gap:0;min-height:560px;align-items:stretch;border-bottom:1px solid var(--border)}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:56px 54px 56px 0;max-width:none}
.pill{align-self:flex-start;margin-bottom:20px;background:var(--green-soft);border:0;color:var(--green);font-size:var(--text-12)}
.hero h1{font-size:clamp(3rem,6vw,5.2rem);line-height:.94;letter-spacing:-.067em;margin-bottom:24px;max-width:720px}
.hero h1 em{display:block;background:none;color:var(--ink);font-style:normal}
.hero-copy>p{max-width:510px;font-size:1.08rem;line-height:1.65;color:var(--muted)}
.hero-trust{gap:17px;margin-top:25px;color:var(--muted);font-size:var(--text-12)}
.hero-trust i{background:var(--green-soft);color:var(--green)}
.product-stage{position:relative;overflow:hidden;background:var(--surface-soft);min-height:560px}
.product-orbit{position:absolute;width:430px;height:430px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.8)}
.product-device{position:absolute;width:220px;height:300px;left:50%;top:50%;transform:translate(-50%,-48%) rotate(-3deg);border-radius:29px;background:#fff;box-shadow:var(--shadow-lg)}
.product-device span{position:absolute;right:26px;top:28px;font-size:1.8rem;font-weight:500;letter-spacing:-.05em}
.product-device i{position:absolute;left:22px;right:22px;top:102px;height:74px;background:repeating-linear-gradient(to bottom,#d9dcd7 0 2px,transparent 2px 13px)}
.product-stage-label{position:absolute;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;color:var(--muted);font-size:var(--text-11);font-weight:700;letter-spacing:.08em}
.search-card{position:relative;z-index:3;max-width:820px;margin:-25px auto 0;padding:9px;border-radius:16px;background:#fff;border-color:var(--border);box-shadow:var(--shadow-md);flex-wrap:nowrap}
.search-card input,.search-card select{height:50px;background:var(--surface-soft);border-color:transparent;border-radius:11px}
.search-card .btn{min-width:0}
.search-feedback{max-width:820px;margin:8px auto 0}
.promo-banner{max-width:1024px;margin:25px auto 0;border:1px solid var(--border);background:#fff;border-radius:14px;box-shadow:none}
.promo-banner .tag,.promo-banner .cta{background:var(--ink)}
.stats{max-width:1280px;margin:30px auto 0;gap:0;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.stat{border:0;border-right:1px solid var(--border);border-radius:0;background:transparent;padding:22px 24px;box-shadow:none;text-align:left}
.stat:last-child{border-right:0}.stat::before{display:none}.stat b{font-size:1.7rem;font-weight:650}.stat small{font-size:var(--text-12)}

.section{padding-top:64px;padding-bottom:64px}
.section-kicker{color:var(--muted);letter-spacing:.12em;font-size:var(--text-11)}
.section-head{margin-bottom:24px}
.section-head h2{font-size:clamp(2rem,4vw,3.25rem);font-weight:650;letter-spacing:-.055em}
.section-subtitle{color:var(--muted)}
.result-summary{border-radius:999px;background:#fff;box-shadow:none}
.filter-shell{padding:13px;border-radius:14px;box-shadow:none;background:#fff}
.chip{background:#fff;font-weight:600}
.chip.on{background:var(--ink);border-color:var(--ink);box-shadow:none}
.map-wrap{border-top:1px solid var(--border);padding-top:20px}
#map{border-radius:14px;box-shadow:none}
.map-consent{background:var(--surface-soft)}
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.card{border-radius:14px;padding:19px;box-shadow:none;transform:none;transition:border-color .18s,box-shadow .18s}
.card:hover{box-shadow:var(--shadow-sm);border-color:#c5c7c2}
.card.has-stock{border-color:#abdac8}
.avatar{width:40px;height:40px;border-radius:10px;background:var(--ink)}
.store-name{font-size:var(--text-base)}.store-postcode{background:var(--surface-soft);border:1px solid var(--border);color:var(--muted)}
.badge{font-size:var(--text-11)}.badge.ok{background:var(--green-soft);color:var(--green)}
.badge.no{background:var(--surface-soft);color:var(--muted)}
.badge.limited{background:#eef2f1;color:#52615b;border:1px solid #dce4e1}
.prod-row{border-top:1px solid var(--border);padding:14px 0}.prod-row .price{font-size:var(--text-base)}
.avail-dot.u{background:#aeb8b4}
.verification-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 2px;color:var(--muted);font-size:var(--text-12)}
.verification-meta a{color:var(--ink);font-weight:650;text-decoration:none;border-bottom:1px solid var(--border)}


.market-hint{background:var(--surface-soft);border:0;border-radius:10px}
.online-shop{background:linear-gradient(180deg,#fff,var(--surface-soft))}
.online-shop .card-foot .btn{width:100%}
.quality-strip{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:13px 15px;margin-bottom:20px;border:1px solid var(--border);border-radius:13px;background:#fff;color:var(--muted);font-size:var(--text-12)}
.quality-strip span{display:inline-flex;align-items:center;gap:6px}.quality-strip b{color:var(--ink);font-weight:650}.quality-strip a{margin-left:auto;color:var(--ink);font-weight:650;text-decoration:none}
.quality-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.quality-dot.available{background:var(--green)}.quality-dot.soldout{background:#a9aca7}.quality-dot.unknown{background:#d79b2e}
.feed{border-top:1px solid var(--border);padding-top:30px}.feed-item{border-width:0 0 1px;border-radius:0;background:transparent;padding:13px 0}

.step-grid{gap:0;border-top:0;border-bottom:0}
.step-grid .card{border:0;border-right:1px solid var(--border);border-radius:0;background:transparent;padding:28px}
.step-grid .card:last-child{border-right:0}.step-number{background:var(--ink);color:#fff}
.reel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(290px,32%);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:thin;gap:16px;padding:4px 2px 18px}
.reel-card{position:relative;min-width:0;border-radius:14px;padding:0 0 18px;overflow:hidden;background:#fff;scroll-snap-align:start;border:1px solid transparent}
.reel-card.featured-affiliate{border-color:#b9dcca;box-shadow:var(--shadow-md)}
.reel-card img{width:100%;height:230px;object-fit:contain;margin:0 0 16px;border-radius:0;background:#fff;padding:14px}
.reel-card .affiliate-label{position:absolute;z-index:1;left:12px;top:12px;padding:6px 9px;border-radius:999px;background:rgba(21,21,21,.88);color:#fff;font-size:var(--text-11);font-weight:750;letter-spacing:.04em;text-transform:uppercase;backdrop-filter:blur(6px)}
.reel-card>b,.reel-card>ul,.reel-card>.price,.reel-card>a{margin-left:18px;margin-right:18px}
.reel-card a{background:var(--ink);border-radius:999px}
.seo-text{border-top:1px solid var(--border);padding-top:34px}
dialog{border-radius:16px}.dialog-head{background:var(--ink)}
footer{max-width:1216px;padding:38px 0;margin-top:0;border-color:var(--border)}
#to-top{background:var(--ink)}

@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}.hero-copy{padding:48px 0}.product-stage{min-height:420px}
  .grid{grid-template-columns:1fr}.reel{grid-auto-columns:minmax(280px,52%)}
}
@media(max-width:640px){
  .wrap{padding-left:18px;padding-right:18px}.logo small{display:none}.nav-links{display:none}.hero{padding-left:18px;padding-right:18px}.hero-copy{min-height:450px}
  .hero h1{font-size:3rem}.product-stage{min-height:360px}.product-orbit{width:300px;height:300px}.product-device{width:170px;height:235px}
  .search-card{margin-top:18px;display:grid;grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.search-card .btn{min-width:0}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--border)}
  .section{padding-top:46px;padding-bottom:46px}.grid{grid-template-columns:1fr}.card-top{display:flex}.card-top>.badge{margin:0}.step-grid{display:block;border-top:0;border-bottom:0}.step-grid .card{border-right:0;border-bottom:0}
  .reel{grid-auto-columns:88%}
  footer>span:last-child{display:flex;max-width:100%;flex-wrap:wrap;gap:8px 14px}
  footer>span:last-child a{margin-left:0}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}