:root{--midnight:#0b1024;--deep:#151a35;--paper:#fffdf8;--cream:#f1ece2;--ink:#171927;--soft:#666a7c;--violet:#7257f5;--lilac:#c5baff;--rule:#dfd9d0;--round:24px;--space:clamp(64px,8vw,118px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}img{display:block;max-width:100%;height:auto}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.045em}h1{max-width:720px;margin:18px 0 24px;font-size:clamp(44px,5vw,72px);line-height:.98}h2{margin-bottom:20px;font-size:clamp(34px,4vw,58px);line-height:1.03}h3{line-height:1.18}.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:10px 14px;background:#fff;border-radius:8px;clip-path:inset(50%);white-space:nowrap}.skip-link:focus-visible{clip-path:none}a:focus{outline:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ffcf4b;outline-offset:4px}
.dusk-header{height:76px;display:flex;align-items:center;gap:34px;padding:0 clamp(20px,5vw,76px);background:var(--midnight);color:#fff}.sleep-brand img{width:150px;filter:brightness(0) invert(1)}.night-links{display:flex;gap:30px;margin-left:auto}.night-links a{color:#dcdef0;font-size:14px;font-weight:750;text-decoration:none}.header-action,.main-action{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;border-radius:999px;background:var(--violet);color:#fff;font-weight:850;text-decoration:none;box-shadow:0 12px 30px rgba(114,87,245,.28)}.header-action{min-height:42px;padding:9px 18px;font-size:14px}.overline{margin:0;color:var(--lilac);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.overline.dark{color:#6552c8}
.sleep-stage{min-height:670px;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.9fr);align-items:center;gap:clamp(28px,5vw,76px);padding:62px clamp(22px,6vw,90px) 72px;background:var(--midnight);color:#fff}.stage-lead{max-width:620px;color:#c7c9db;font-size:18px}.stage-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.quiet-action{font-weight:800;text-underline-offset:6px}.quick-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.quick-facts span{padding:7px 11px;border:1px solid #343a5a;border-radius:999px;color:#dbddeb;font-size:12px}.stage-product{position:relative;min-height:470px;display:grid;place-items:center}.stage-product img{position:relative;z-index:2;width:min(590px,100%);filter:drop-shadow(0 34px 38px rgba(0,0,0,.42))}.violet-halo{position:absolute;width:min(38vw,470px);aspect-ratio:1;border:1px solid #51488f;border-radius:50%;background:radial-gradient(circle,rgba(114,87,245,.27),transparent 65%)}.product-note{position:absolute;right:0;bottom:4%;z-index:3;min-width:180px;padding:13px 16px;border:1px solid #4c5270;border-radius:14px;background:rgba(16,20,43,.9)}.product-note strong,.product-note span{display:block}.product-note span{color:#c7c9db;font-size:13px}.mask-ribbon{display:flex;justify-content:center;gap:clamp(28px,7vw,100px);padding:16px 24px;background:#6d52ed;color:#fff;font-size:13px;font-weight:850;letter-spacing:.02em}.mask-ribbon span:before{content:"✦";margin-right:10px;color:#d8d0ff}
.fit-story,.model-shelf,.picker,.care-note,.answers-list{padding:var(--space) clamp(22px,7vw,110px)}.fit-story{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(44px,9vw,140px);background:var(--cream)}.story-heading p:last-child,.shelf-heading p:last-child{max-width:650px;color:var(--soft);font-size:17px}.fit-points article{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:22px 0;border-top:1px solid #cfc8bd}.fit-points article:last-child{border-bottom:1px solid #cfc8bd}.fit-points b{color:#735bf0;font-size:14px}.fit-points h3{margin-bottom:5px;font-size:20px}.fit-points p{margin:0;color:var(--soft)}
.model-shelf{background:#fff}.shelf-heading{max-width:760px;margin-bottom:44px}.model-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.model-card{display:flex;flex-direction:column;padding:18px;border:1px solid var(--rule);border-radius:20px;background:#fff;box-shadow:0 14px 40px rgba(23,25,39,.06)}.model-picture{aspect-ratio:1.2;display:grid;place-items:center;margin-bottom:18px;border-radius:14px;background:#f1eef8;overflow:hidden}.model-picture img{width:100%;height:100%;object-fit:contain}.model-tag{margin:0 0 8px;color:#6b58cb;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.model-card h3{margin-bottom:8px;font-size:25px}.model-card>p:not(.model-tag){color:var(--soft);font-size:14px}.model-card>a{margin-top:auto;padding-top:8px;color:#5038ca;font-weight:850;text-decoration:none}
.cup-guide{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:clamp(40px,7vw,105px);padding:var(--space) clamp(22px,7vw,110px);background:var(--deep);color:#fff}.cup-visual{position:relative;min-height:470px;display:grid;place-items:center;border-radius:30px;background:#f6f1e7}.cup-visual img{width:min(580px,92%)}.cup-label{position:absolute;padding:8px 12px;border:1px solid #747895;border-radius:999px;background:#1d2242;color:#ecebfd;font-size:12px;font-weight:800}.cup-label.left{left:5%;bottom:18%}.cup-label.right{right:5%;top:19%}.cup-copy>p:not(.overline){color:#c9cbda;font-size:17px}.cup-copy ul{margin:26px 0 0;padding:0;list-style:none}.cup-copy li{padding:14px 0;border-top:1px solid #373d5d;color:#c9cbda}.cup-copy li strong{color:#fff}
.picker{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,9vw,150px);background:#f7f4ee}.picker-lines p{display:flex;justify-content:space-between;gap:24px;margin:0;padding:19px 0;border-top:1px solid #d5cfc5}.picker-lines p:last-child{border-bottom:1px solid #d5cfc5}.picker-lines span{color:var(--soft)}.picker-lines strong{color:#563dd1}.care-note{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:clamp(45px,8vw,125px)}.care-note>div>p:last-child{max-width:760px;color:var(--soft);font-size:17px}.care-note aside{padding:30px;border-left:4px solid var(--violet);background:#f0ecff;border-radius:0 18px 18px 0}.care-note aside strong{font-size:20px}.care-note aside p{margin:10px 0 0;color:#4e4f62}
.assurance{display:grid;grid-template-columns:210px 1fr;align-items:center;gap:38px;padding:64px clamp(22px,10vw,160px);background:#7155ee;color:#fff}.sixty{font-size:clamp(96px,12vw,168px);font-weight:950;line-height:.8;letter-spacing:-.08em}.assurance h2{margin-bottom:10px}.assurance p:last-child{max-width:740px;margin:0;color:#ece9ff}.answers-heading{max-width:700px;margin-bottom:38px}.answer-columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,7vw,100px)}.answer-columns h3{margin:24px 0 8px;padding-top:24px;border-top:1px solid var(--rule);font-size:19px}.answer-columns p{color:var(--soft)}.closing-panel{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:0 clamp(20px,6vw,90px) var(--space);padding:clamp(34px,5vw,66px);border-radius:28px;background:var(--midnight);color:#fff}.closing-panel h2{margin-bottom:10px}.closing-panel p:last-child{max-width:660px;margin-bottom:0;color:#c7c9db}.closing-panel .main-action{flex:0 0 auto}
.site-tail{display:grid;grid-template-columns:1.1fr .6fr .6fr 1.2fr;gap:40px;padding:58px clamp(22px,7vw,110px) 28px;background:#0a0e20;color:#bfc2d5}.tail-brand img{width:150px;margin-bottom:16px;filter:brightness(0) invert(1)}.site-tail strong{display:block;margin-bottom:13px;color:#fff}.site-tail a{display:block;margin:8px 0;text-decoration:none}.site-tail p{font-size:14px}.site-tail small{grid-column:1/-1;padding-top:24px;border-top:1px solid #282d49}
.legal-shell{min-height:70vh;padding:80px clamp(22px,12vw,180px)}.legal-copy{max-width:800px}.legal-copy h1{font-size:clamp(44px,6vw,68px)}.legal-copy h2{margin-top:36px;font-size:28px}.legal-copy p{color:var(--soft);font-size:17px}
@media(max-width:980px){.sleep-stage{grid-template-columns:1fr 1fr;gap:22px}.model-row{grid-template-columns:1fr 1fr}.fit-story,.picker{gap:50px}.site-tail{grid-template-columns:1fr 1fr}.affiliate-note{grid-column:1/-1}}
@media(max-width:700px){.dusk-header{height:66px;padding:0 16px}.sleep-brand img{width:118px}.night-links{display:none}.header-action{margin-left:auto;font-size:12px;padding:8px 13px}.sleep-stage{min-height:0;grid-template-columns:1fr;padding:38px 20px 32px;text-align:center}.sleep-stage h1{margin:12px auto 16px;font-size:41px}.stage-lead{font-size:15px}.stage-actions{flex-direction:column;gap:12px;margin-top:21px}.quick-facts{justify-content:center;margin-top:17px}.stage-product{min-height:270px}.stage-product img{width:360px}.violet-halo{width:250px}.product-note{right:1%;bottom:1%;min-width:150px;padding:9px 11px;text-align:left}.mask-ribbon{justify-content:flex-start;overflow:hidden;white-space:nowrap}.fit-story,.cup-guide,.picker,.care-note{grid-template-columns:1fr}.fit-story,.model-shelf,.picker,.care-note,.answers-list{padding:66px 20px}.model-row{grid-template-columns:1fr}.model-card{display:grid;grid-template-columns:125px 1fr;column-gap:17px}.model-picture{grid-row:1/6;margin:0}.model-card>a{padding-top:0}.cup-guide{padding:66px 20px}.cup-visual{min-height:300px;order:2}.cup-copy{order:1}.picker{gap:25px}.picker-lines p{align-items:center}.care-note{gap:28px}.assurance{grid-template-columns:100px 1fr;gap:18px;padding:48px 20px}.sixty{font-size:84px}.assurance h2{font-size:31px}.answer-columns{grid-template-columns:1fr;gap:0}.closing-panel{display:block;margin:0 14px 66px;padding:30px 22px}.closing-panel .main-action{margin-top:22px}.site-tail{grid-template-columns:1fr;gap:25px;padding:46px 22px 25px}.affiliate-note{grid-column:auto}.site-tail small{grid-column:auto}}
@media(min-width:981px){.cup-guide{align-items:stretch}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* 2026-10-03 verified promotion controls */
.promo-action-row{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin:30px auto;padding:22px;max-width:1120px;border-radius:18px;background:#101b33;color:#fff;box-shadow:0 16px 40px rgba(8,18,38,.16)}
.promo-action-row strong{font-size:clamp(18px,2vw,25px)}
.verified-promo-badge{display:inline-flex;align-items:center;justify-content:center;margin:10px 0 22px;padding:8px 14px;border-radius:999px;background:#ff6b35;color:#fff;font-size:16px;font-weight:900;line-height:1;letter-spacing:.02em;box-shadow:0 6px 18px rgba(0,0,0,.16)}
.promo-action-row a,.mobile-promo-dock a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:999px;background:#ff6b35!important;color:#fff!important;text-decoration:none;font-weight:850;line-height:1.2;box-shadow:0 8px 22px rgba(0,0,0,.2)}
.mobile-promo-dock{display:none;opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .2s ease,transform .2s ease}
@media(max-width:700px){body{padding-bottom:76px}.mobile-promo-dock{position:fixed;display:flex;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:999;align-items:center;justify-content:center}.mobile-promo-dock.is-active{opacity:1;pointer-events:auto;transform:none}.mobile-promo-dock a{width:100%;min-height:54px;font-size:16px}.promo-action-row{margin:22px 14px;padding:18px 14px;text-align:center}}

/* Deutsche Produktseite */
.crumbs{display:flex;align-items:center;gap:10px;padding:12px clamp(22px,6vw,90px);background:#f4f1ea;color:#5f6070;font-size:13px}.crumbs strong{color:#252739}.side-sleep,.public-voices,.price-zone{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(38px,7vw,105px);padding:var(--space) clamp(22px,7vw,110px)}.side-sleep img,.public-voices img{width:100%;max-height:520px;object-fit:contain;border-radius:26px;background:#f2eee7}.side-sleep p,.public-voices p,.price-intro p{color:var(--soft);font-size:17px}.side-sleep a,.source-link,.faq-more a,.offer-card>a{color:#533bc9;font-weight:800;text-underline-offset:4px}.editorial-test{padding:var(--space) clamp(22px,7vw,110px);background:var(--midnight);color:#fff}.test-head{max-width:840px}.test-head>p:last-child{color:#cacce0;font-size:17px}.score{margin:15px 0;color:#ff7450;font-size:62px;font-weight:950;line-height:1}.score small{color:#b9bdd4;font-size:22px}.test-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}.test-grid article{padding:24px;border:1px solid #353b5c;border-radius:18px;background:#151a35}.test-grid h3{font-size:18px}.test-grid p{margin:0;color:#c8cada;font-size:14px}.verdict{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.verdict>div{padding:22px;border-radius:16px;background:#212746}.verdict strong{font-size:20px}.verdict li{margin:7px 0;color:#d8daea}.public-voices{background:#f4f1ea}.source-link{display:inline-block;margin:8px 20px 0 0}.price-zone{background:#7054ef;color:#fff}.price-intro .overline{color:#e1dbff}.price-intro p{color:#eeeaff}.offer-card{padding:26px;border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 24px 60px rgba(21,12,80,.25)}.offer-card img{max-height:260px;object-fit:contain}.offer-card table{width:100%;margin:20px 0;border-collapse:collapse}.offer-card th,.offer-card td{padding:13px 10px;border-bottom:1px solid var(--rule);text-align:left}.offer-card .best{background:#f2eeff}.answers-list details{border-top:1px solid var(--rule)}.answers-list details:last-child{border-bottom:1px solid var(--rule)}.answers-list summary{padding:18px 0;font-weight:850;cursor:pointer}.answers-list details p{padding:0 0 18px}.faq-more{margin-top:28px}.legal-copy ul{color:var(--soft);font-size:17px}.subpage-wrap{padding:66px clamp(22px,10vw,150px) 90px}.subpage-wrap article{max-width:900px;margin:auto}.subpage-wrap h1{max-width:900px}.subpage-wrap h2{margin-top:45px;font-size:clamp(28px,4vw,44px)}.subpage-wrap p,.subpage-wrap li{color:var(--soft);font-size:17px}.subpage-lead{font-size:20px!important;color:#33364a!important}.subpage-picture{margin:34px 0;border-radius:24px;background:#f3efe8;max-height:480px;width:100%;object-fit:contain}.subnav{display:flex;flex-wrap:wrap;gap:12px;margin-top:42px;padding-top:28px;border-top:1px solid var(--rule)}.subnav a{padding:8px 12px;border-radius:999px;background:#efebff;color:#4e38bf;font-weight:800;text-decoration:none}.usage-panel{display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,7vw,100px);padding:var(--space) clamp(22px,7vw,110px);background:#fff}.usage-panel p{color:var(--soft);font-size:17px}.usage-panel a{color:#533bc9;font-weight:800;text-underline-offset:4px}.usage-panel h3{margin-top:28px;font-size:22px}
@media(max-width:980px){.test-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){h1{font-size:39px}.side-sleep,.public-voices,.price-zone,.usage-panel{grid-template-columns:1fr;padding:66px 20px}.side-sleep img{order:-1}.test-grid,.verdict{grid-template-columns:1fr}.editorial-test{padding:66px 20px}.public-voices img{max-height:360px}.offer-card{padding:18px}.crumbs{white-space:nowrap;overflow:hidden}.night-links{display:none}}

/* Responsive polish */
:root{--space:clamp(56px,7vw,92px)}
.header-action,.main-action{background:#ff6b35;box-shadow:0 12px 30px rgba(255,107,53,.26)}
.sleep-stage h1{max-width:790px;font-size:clamp(42px,4.3vw,64px)}
.model-row,.test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.model-card{min-width:0}.side-sleep h2{font-size:clamp(34px,3.4vw,50px)}
.price-intro .main-action{background:#ff6b35}.site-tail{color:#d3d5e2}.test-grid p{color:#d6d8e5}.overline{font-size:13px}
.offer-card s{margin-right:8px}.offer-card td strong{white-space:nowrap}.nowrap{white-space:nowrap}
@media(max-width:700px){
 .sleep-stage h1{font-size:34px;line-height:1.04}.stage-lead{font-size:16px}.mask-ribbon{flex-wrap:wrap;justify-content:center;gap:8px 18px;white-space:normal;text-align:center}.mask-ribbon span{font-size:12px}
 .model-row,.test-grid{grid-template-columns:1fr}.model-card{display:flex}.model-picture{width:100%;aspect-ratio:1.8;margin-bottom:16px}.model-picture img{max-height:210px}.model-card>a{padding-top:8px}
 .side-sleep h2,.price-zone h2{font-size:34px}.cup-label.left{left:3%;bottom:10%}.cup-label.right{right:3%;top:10%;max-width:170px;text-align:center}
 .offer-card table{table-layout:fixed;font-size:13px}.offer-card th,.offer-card td{padding:10px 5px;vertical-align:top}.offer-card th:nth-child(1){width:31%}.offer-card th:nth-child(2){width:39%}.offer-card th:nth-child(3){width:30%}.offer-card s,.offer-card td strong{display:block;margin:0}.verified-promo-badge{margin-bottom:8px}
}
