:root{--ink:#14213d;--teal:#0f766e;--teal2:#0d9488;--bg:#f7f5f0;--warm:#f59e0b;--mut:#5b6474}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:#fff}
.w{max-width:720px;margin:0 auto;padding:0 20px}section{padding:44px 0}
h1{font-size:1.9rem;line-height:1.2;margin:.4em 0}h2{font-size:1.5rem;line-height:1.25;margin:0 0 .6em}
.hero{background:var(--ink);color:#fff;padding:28px 0 40px}.hero p{color:#dbe3ef}.logo{height:34px}
.cover{display:block;width:62%;max-width:260px;margin:22px auto;border-radius:6px;box-shadow:0 12px 30px #0008}
.btn{display:block;text-align:center;background:var(--warm);color:#1a1300;font-weight:800;font-size:1.1rem;padding:17px 18px;border-radius:12px;text-decoration:none;margin:18px 0 6px;box-shadow:0 4px 0 #b45309}
.small{font-size:.85rem;color:var(--mut)}.hero .small{color:#b8c3d6}
.alt{background:var(--bg)}ul.ck{list-style:none;padding:0}ul.ck li{padding:8px 0 8px 32px;position:relative}ul.ck li:before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:800}
ul.x li:before{content:"•";color:#b91c1c}
.card{background:#fff;border:1px solid #e6e2d8;border-radius:12px;padding:16px 18px;margin:12px 0}.card b{color:var(--teal)}
.grid{display:grid;grid-template-columns:1fr;gap:16px}.grid img{display:block;width:100%;height:auto;aspect-ratio:419.5/595.3;object-fit:contain;background:#fff;border:1px solid #ddd;border-radius:6px}
.price{text-align:center;background:#fff;border:3px solid var(--teal);border-radius:16px;padding:24px}.price .v{font-size:3rem;font-weight:900;color:var(--teal)}
details{border-bottom:1px solid #e6e2d8;padding:12px 0}summary{font-weight:700;cursor:pointer}
footer{background:var(--ink);color:#b8c3d6;font-size:.82rem;padding:30px 0}footer a{color:#fff}
.legal h2{margin-top:1.4em}.legal{padding:30px 0}
@media(min-width:760px){h1{font-size:2.5rem}.grid{grid-template-columns:repeat(2,1fr)}}
.kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;opacity:.85;margin:12px 0 4px}
.promo{font-size:1.15rem;text-align:center;margin:12px 0 4px}.promo b{font-size:1.5rem}
.promo-tag{display:inline-block;background:#e8562a;color:#fff;border-radius:99px;padding:2px 12px;font-size:.8rem;font-weight:700;margin:8px 0 0}
.price .old{opacity:.7;font-size:1.05rem}
ul.x{list-style:none;padding:0}ul.x li{padding:6px 0 6px 28px;position:relative}ul.x li:before{content:"✗";position:absolute;left:4px;color:#c0392b;font-weight:700}
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#fff;box-shadow:0 -2px 12px rgba(0,0,0,.15)}
.sticky .btn{margin:0;padding:12px 18px;width:auto}.sticky s{opacity:.6}.sticky b{font-size:1.2rem}
body{padding-bottom:72px}
@media(min-width:900px){.sticky{display:none}body{padding-bottom:0}}
.cookie{position:fixed;left:12px;right:12px;bottom:84px;z-index:60;background:#14213d;color:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 6px 24px rgba(0,0,0,.3);font-size:.9rem;max-width:560px;margin:0 auto}
.cookie p{margin:0 0 10px;color:#fff}.cookie a{color:#f59e0b}.cookie div{display:flex;gap:10px;justify-content:flex-end}
.cookie button{border:0;border-radius:8px;padding:9px 16px;font-weight:700;cursor:pointer}.cookie .yes{background:#f59e0b;color:#1a1300}.cookie .no{background:#ffffff22;color:#fff}
@media(min-width:900px){.cookie{bottom:16px}}
.vid{margin:20px 0}.vid video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:10px;background:#000;box-shadow:0 10px 28px #0008}
