:root{--ink:#11131a;--muted:#6e7684;--line:#e7eaf0;--blue:#626bff;--soft:#f5f7fb;--green:#e5f5e8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}button,select,input{font:inherit}.top{height:72px;display:flex;align-items:center;gap:42px;padding:0 6vw;border-bottom:1px solid #eef0f3;position:sticky;top:0;background:#fffc;backdrop-filter:blur(16px);z-index:20}.logo{font-size:28px;font-weight:900;letter-spacing:-1.8px;color:#111;text-decoration:none}.logo span,footer span{color:var(--blue)}nav{display:flex;gap:28px;flex:1}nav a{text-decoration:none;color:#4e5561;font-size:14px}.pill,.cta{border:0;border-radius:999px;background:linear-gradient(135deg,#5660ff,#6f6cff);color:white;font-weight:750;padding:12px 20px}.hero{min-height:520px;display:grid;grid-template-columns:40% 60%;overflow:hidden;background:linear-gradient(120deg,#fff 0,#fff 43%,#f2f6ff 43%)}.hero-copy{padding:68px 3vw 55px 7vw;z-index:2}.kicker,.section-title small,.finder-head small{font-size:11px;letter-spacing:3px;color:#6e7785;font-weight:800}.hero h1{font-size:68px;line-height:.94;letter-spacing:-4px;margin:20px 0}.hero h1 span{color:var(--blue)}.hero p{font-size:17px;line-height:1.55;color:var(--muted);max-width:500px}.hero .cta{margin-top:15px;padding:15px 23px}.checks{display:flex;gap:20px;margin-top:28px;color:#6b7280;font-size:12px}.hero-photo{position:relative;min-height:520px}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0,transparent 20%)}.hero-badge{position:absolute;right:6%;bottom:7%;z-index:2;background:#fffde;border:1px solid #fff;border-radius:18px;padding:14px 18px;box-shadow:0 12px 35px #30394a33}
.sport-section,.finder,.matches,.favorites{max-width:1360px;margin:auto;padding:55px 5vw}.section-title,.finder-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-title h2,.finder-head h2{font-size:34px;letter-spacing:-1.7px;margin:8px 0 20px}.section-title>span,.finder-head p{color:var(--muted);font-size:13px}.sports{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sport-card{height:190px;border:0;border-radius:18px;overflow:hidden;position:relative;padding:0;background:#ddd;cursor:pointer}.sport-card img{width:100%;height:100%;object-fit:cover;transition:.25s}.sport-card:hover img{transform:scale(1.04)}.sport-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#000b)}.sport-card b{position:absolute;z-index:2;left:14px;bottom:14px;color:#fff;font-size:17px}.sport-card em{font-style:normal;font-size:9px;background:#ffffff33;padding:4px 6px;border-radius:8px;margin-left:5px}.passive{cursor:default}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:28px 7vw;background:#f7f9fc;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4}.benefits>div{display:grid;grid-template-columns:50px 1fr;grid-template-rows:auto auto;column-gap:12px;padding:8px 22px;border-right:1px solid #e4e8ee}.benefits>div:last-child{border:0}.benefits i{grid-row:1/3;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:white;font-style:normal;font-size:22px}.benefits b{font-size:14px}.benefits span{font-size:11px;color:var(--muted);margin-top:4px}
.finder{background:#fff}.finder-head{border-top:1px solid var(--line);padding-top:40px}.filters{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:12px}.filters label{border:1px solid var(--line);border-radius:16px;padding:14px;font-size:12px;font-weight:700;color:#5f6672;display:flex;flex-direction:column;gap:8px}.filters select{border:0;background:#f7f8fa;padding:10px;border-radius:10px}.filters input{width:100%;accent-color:#111}.extra-label{font-size:12px;color:#777;margin:22px 0 10px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;color:#5d6470}.chips button.active{background:#111;color:white}.find{margin-top:24px}.fine{font-size:11px;color:#8a9099}
.matches{padding-top:70px;background:linear-gradient(#fff,#f8f9fc)}.swipe-layout{display:grid;grid-template-columns:130px minmax(320px,520px) 130px;justify-content:center;align-items:center;gap:28px;min-height:600px}.deck{height:560px;position:relative}.shoe-card{position:absolute;inset:0;border:1px solid var(--line);border-radius:28px;background:white;padding:22px;box-shadow:0 28px 70px #2b354b22;display:flex;flex-direction:column;touch-action:none;transition:transform .25s,opacity .25s}.shoe-card.behind{transform:scale(.94) translateY(24px);opacity:.55}.shoe-img{height:255px;background:#f6f7f9;border-radius:22px;overflow:hidden;display:grid;place-items:center;margin-bottom:18px}.shoe-img img{width:100%;height:100%;object-fit:cover}.match{position:absolute;top:35px;left:35px;background:var(--green);border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800}.shoe-card .brand{font-size:12px;color:#747b86}.shoe-card h3{font-size:28px;margin:5px 0}.reason{font-size:13px;color:#737a86;line-height:1.45}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.metric{background:#f6f7f9;border-radius:13px;padding:10px}.metric b{display:block;font-size:14px}.metric small{color:#858b95}.details{margin-top:auto;border:0;background:#111;color:#fff;border-radius:13px;padding:12px}.round{width:100px;height:100px;border-radius:50%;border:1px solid var(--line);background:white;font-size:42px;box-shadow:0 12px 30px #64708b22}.round small{display:block;font-size:10px}.round.yes{background:var(--blue);color:white}.swipe-help{text-align:center;color:#8b919b;font-size:11px}
.favorites{padding-bottom:80px}.fav-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.fav-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.fav-card img{width:100%;height:120px;object-fit:cover}.fav-card div{padding:12px}.fav-card b{display:block}.fav-card span,.empty{font-size:12px;color:#7c838d}
dialog{width:min(940px,94vw);border:0;border-radius:28px;padding:0;box-shadow:0 40px 120px #0006}dialog::backdrop{background:#10131a99;backdrop-filter:blur(6px)}.close{position:absolute;right:16px;top:14px;width:40px;height:40px;border:0;border-radius:50%;font-size:25px;z-index:2}.detail-wrap{padding:38px}.detail-top{display:grid;grid-template-columns:1fr 1fr;gap:26px}.detail-main-img{width:100%;height:300px;object-fit:cover;border-radius:22px}.detail-wrap h2{font-size:40px;letter-spacing:-2px;margin:6px 0}.video{margin-top:28px;position:relative;border-radius:22px;overflow:hidden;height:300px;background:#111}.video img{width:100%;height:100%;object-fit:cover;opacity:.7}.play{position:absolute;inset:0;display:grid;place-items:center;color:white;text-align:center}.play b{font-size:50px}.play span{display:block;font-size:16px;margin-top:5px}footer{text-align:center;background:#11151d;color:white;padding:38px}footer b{font-size:26px}footer p{font-size:11px;color:#9ca4b1}
@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6vw}.hero h1{font-size:52px}.hero-photo{min-height:350px}.sports{grid-template-columns:repeat(3,1fr)}.benefits{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}.swipe-layout{grid-template-columns:75px 1fr 75px;gap:8px}.round{width:65px;height:65px;font-size:28px}.round small{display:none}.fav-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.top{padding:0 18px}.pill{font-size:11px}.hero h1{font-size:45px}.hero-photo{min-height:280px}.checks{display:none}.sports{grid-template-columns:1fr 1fr}.sport-card{height:150px}.benefits{grid-template-columns:1fr}.benefits>div{border-right:0;border-bottom:1px solid #e4e8ee}.filters{grid-template-columns:1fr}.section-title,.finder-head{align-items:start;flex-direction:column}.swipe-layout{grid-template-columns:1fr;position:relative;padding-bottom:65px}.deck{height:555px}.round{position:absolute;bottom:0;z-index:3}.round.no{left:25%}.round.yes{right:25%}.fav-grid{grid-template-columns:1fr}.detail-top{grid-template-columns:1fr}.detail-wrap{padding:25px}}

.stepbar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 26px}.stepbar span{padding:10px 12px;border-radius:999px;background:#f3f5f8;color:#7c838e;text-align:center;font-size:11px;font-weight:800}.stepbar .active{background:#111;color:#fff}.finder-block{padding:22px 0;border-top:1px solid var(--line)}.finder-block h3{font-size:18px;margin:0 0 15px}.finder-block h3 span{color:var(--blue)}.filters input[type=text]{border:0;background:#f7f8fa;padding:10px;border-radius:10px;width:100%}.sportQuestions[hidden]{display:none}.improve button.active{background:var(--blue);border-color:var(--blue)}
@media(max-width:560px){.stepbar{grid-template-columns:1fr 1fr}}

.fms-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.fms-actions button{border:1px solid #ddd;background:#fff;border-radius:999px;padding:9px 12px;font-weight:700;cursor:pointer}#fmsBar{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:9998;background:#111;color:#fff;border-radius:999px;padding:12px 18px;display:none;gap:18px;align-items:center;box-shadow:0 12px 40px #0004;font:700 13px system-ui}#fmsBar a{color:#fff}@media(max-width:600px){#fmsBar{width:calc(100% - 28px);justify-content:space-between;bottom:12px}.fms-actions button{flex:1}}
/* V5.3.2 always-visible compare navigation */
.fms-top-actions{position:fixed;top:14px;right:18px;z-index:9999;display:flex;gap:7px;align-items:center;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);padding:6px;border:1px solid #e7e7e7;border-radius:999px;box-shadow:0 8px 28px rgba(0,0,0,.08)}
.fms-top-actions a{color:#111;text-decoration:none;font:700 12px/1 system-ui;padding:10px 12px;border-radius:999px;white-space:nowrap}
.fms-top-actions .fms-compare-link{background:#111;color:#fff}.fms-top-actions span{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;background:#fff;color:#111;border-radius:99px;font-size:10px}
@media(max-width:600px){.fms-top-actions{top:auto;bottom:12px;left:12px;right:12px;justify-content:center}.fms-top-actions a{flex:1;text-align:center}.fms-top-actions~#fmsCompareBar{bottom:70px}}

/* V5.6 — Premium Smart Finder + transparent Swipe UX */
:root{--blue:#7657ff;--purple:#7657ff;--purple-dark:#5638dc;--purple-soft:#f1edff;--green:#eeeaff}
.finder-v56{padding-top:72px}.finder-shell{border:1px solid var(--line);border-radius:30px;padding:28px;background:linear-gradient(145deg,#fff,#fbfaff);box-shadow:0 30px 80px #46359d12}.finder-progress{margin-bottom:28px}.progress-meta{display:flex;justify-content:space-between;font-size:12px;color:#737985}.progress-meta b{color:#181922}.progress-track{height:6px;background:#ececf2;border-radius:99px;margin-top:12px;overflow:hidden}.progress-track i{display:block;height:100%;width:33.33%;background:linear-gradient(90deg,var(--purple-dark),#9a83ff);border-radius:99px;transition:.3s}.finder-step[hidden]{display:none}.finder-step.active{animation:fmsFade .28s ease}.step-intro{display:flex;gap:18px;align-items:flex-start;margin-bottom:22px}.step-intro>span{display:grid;place-items:center;min-width:44px;height:44px;border-radius:14px;background:var(--purple-soft);color:var(--purple-dark);font-weight:900}.step-intro h3{margin:1px 0 5px;font-size:25px;letter-spacing:-.8px}.step-intro p{margin:0;color:var(--muted);font-size:13px}.visual-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.visual-choice button{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid var(--line);border-radius:18px;background:#fff;padding:10px;cursor:pointer;transition:.2s}.visual-choice button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #30226612}.visual-choice button.active{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-soft)}.visual-choice img{width:78px;height:64px;object-fit:cover;border-radius:12px}.visual-choice b,.visual-choice small{display:block}.visual-choice small{color:#858b96;margin-top:4px}.compact-filters{margin-top:18px}.hidden-control{display:none!important}.profile-tip{display:flex;gap:14px;margin-top:22px;padding:16px 18px;background:var(--purple-soft);border-radius:16px;color:#51476e}.profile-tip>span{font-size:22px;color:var(--purple)}.profile-tip p{margin:4px 0 0;font-size:12px;line-height:1.5}.finder-nav{display:flex;justify-content:flex-end;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.finder-back{border:1px solid var(--line);background:#fff;border-radius:999px;padding:12px 20px;font-weight:750}.finder-next{min-width:150px}.chips button.active,.improve button.active{background:var(--purple);border-color:var(--purple);color:#fff}@keyframes fmsFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.results-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:8px}.results-head small{font-size:11px;letter-spacing:3px;color:#777e8a;font-weight:800}.results-head h2{font-size:36px;letter-spacing:-1.7px;margin:8px 0}.results-head p{margin:0;color:var(--muted);font-size:13px}.result-stats{display:flex;gap:8px;align-items:center}.result-stats>*{padding:9px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:11px}.result-stats b{background:#171821;color:#fff}.matches-v56 .swipe-layout{min-height:720px}.matches-v56 .deck{height:675px}.matches-v56 .shoe-card{padding:18px;border-radius:30px}.matches-v56 .shoe-img{height:245px;margin-bottom:14px}.matches-v56 .match{background:var(--purple);color:#fff;top:30px;left:30px}.card-topline{display:flex;justify-content:space-between;gap:10px;color:#777e89;font-size:11px}.card-topline b{color:#171821}.matches-v56 .shoe-card h3{font-size:27px;margin:5px 0 9px}.reason-tags{display:flex;gap:6px;flex-wrap:wrap}.reason-tags span{background:var(--purple-soft);color:#5a42bd;border-radius:999px;padding:6px 8px;font-size:10px;font-weight:800}.tradeoff{display:flex;gap:9px;align-items:flex-start;margin-top:10px;padding:9px 10px;border-radius:12px;background:#faf9f7;font-size:10px;color:#737985}.tradeoff b{color:#3d3f47;white-space:nowrap}.matches-v56 .metrics{margin-top:10px}.matches-v56 .metric{padding:8px 9px}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.card-actions button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px;font-size:10px;font-weight:800;cursor:pointer}.card-actions .compare-btn.active{background:var(--purple-soft);color:var(--purple-dark);border-color:#d8ceff}.matches-v56 .details{display:block;text-align:center;text-decoration:none;margin-top:8px;background:#171821;padding:10px;font-size:11px}.why-panel{position:absolute;left:18px;right:18px;bottom:57px;z-index:5;background:#171821;color:#fff;border-radius:18px;padding:16px;box-shadow:0 20px 50px #0005}.why-panel p{color:#c7c9d1;font-size:11px}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}.why-grid span{display:flex;justify-content:space-between;background:#ffffff10;padding:8px;border-radius:9px;font-size:10px}.why-panel small{color:#9fa3af;font-size:9px}.swipe-stamp{position:absolute;top:160px;padding:8px 12px;border:3px solid;border-radius:10px;font-size:24px;font-weight:950;opacity:0;pointer-events:none}.swipe-stamp.pass{left:25px;color:#e45667;transform:rotate(-12deg)}.swipe-stamp.save{right:25px;color:var(--purple);transform:rotate(12deg)}.drag-like .swipe-stamp.save,.drag-pass .swipe-stamp.pass{opacity:1}.swipe-left{transform:translateX(-700px) rotate(-14deg)!important;opacity:0}.swipe-right{transform:translateX(700px) rotate(14deg)!important;opacity:0}.swipe-legend{display:flex;justify-content:center;gap:30px;color:#9297a1;font-size:10px;margin-top:-5px}.end-card{position:absolute;display:grid!important;place-items:center;text-align:center}.end-icon{display:grid;place-items:center;margin:auto;width:58px;height:58px;border-radius:50%;background:var(--purple-soft);color:var(--purple);font-size:24px}.fav-card{text-decoration:none;color:inherit}.data-status{position:fixed;right:16px;bottom:16px;z-index:9997;padding:10px 13px;border-radius:999px;color:#fff;font:700 11px system-ui;box-shadow:0 8px 30px #0002}.data-status.loading{background:#3f3f46}.data-status.live{background:#5b21b6}.data-status.demo{background:#9a3412}
@media(max-width:900px){.visual-choice{grid-template-columns:1fr}.visual-choice button{min-height:82px}.results-head{align-items:flex-start;flex-direction:column}.matches-v56 .swipe-layout{min-height:700px}.matches-v56 .deck{height:650px}}
@media(max-width:560px){.finder-shell{padding:18px;border-radius:22px}.step-intro h3{font-size:21px}.finder-nav{justify-content:space-between}.finder-nav button{flex:1}.matches-v56 .swipe-layout{padding-bottom:78px}.matches-v56 .deck{height:665px}.matches-v56 .shoe-img{height:220px}.swipe-legend{display:none}.data-status{right:12px;bottom:68px;max-width:calc(100vw - 24px);font-size:9px}.fms-top-actions{z-index:9999}}

/* V5.6.1 – Favoriten direkt mit Vergleich verbinden */
.fav-card{position:relative}.fav-main{display:block;text-decoration:none;color:inherit}.fav-compare{width:calc(100% - 24px);margin:0 12px 12px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px 10px;font-size:10px;font-weight:800;cursor:pointer}.fav-compare.active{background:var(--purple-soft);color:var(--purple-dark);border-color:#d8ceff}

/* V5.6.2 – Handball & Freizeit */
.visual-choice .coming-soon{position:relative;opacity:.82}.visual-choice .coming-soon em{font-style:normal;font-size:9px;background:var(--purple-soft);color:var(--purple-dark);padding:3px 6px;border-radius:8px;margin-left:5px}.visual-choice .coming-soon:after{content:"In Vorbereitung";margin-left:auto;font-size:9px;font-weight:800;color:var(--purple-dark);background:var(--purple-soft);padding:5px 7px;border-radius:999px}@media(max-width:900px){.sports{grid-template-columns:repeat(2,1fr)}}