:root{--night:#0b0a2a;--night-2:#16124a;--ink:#f4f2ff;--mute:#b9b3e6;--card:#1b1650;--line:#2f2878;--go:#ffd23f;--go-ink:#1a1240;--moon:#ffe08a;--f-display:"Heebo","Assistant",system-ui,sans-serif;--f-body:"Assistant",system-ui,-apple-system,sans-serif;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.lp{margin:0;background:var(--night);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.55;direction:rtl;-webkit-font-smoothing:antialiased}
.lp a{color:inherit}
.lp img{max-width:100%}
.lp [hidden]{display:none!important}
.lp h1,.lp h2,.lp h3{font-family:var(--f-display);font-weight:900;margin:0;line-height:1.05;text-wrap:balance}
.lp :focus-visible{outline:3px solid var(--go);outline-offset:3px}
.col{max-width:1100px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.lt{position:sticky;top:0;z-index:30;background:rgba(11,10,42,.92);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px);backdrop-filter:blur(8px)}
.lt .col{display:flex;justify-content:space-between;align-items:center;padding-block:12px}
.lt-name{font-family:var(--f-display);font-weight:900;font-size:1.4rem;text-decoration:none}
.lt-cart{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:800;border:1px solid var(--line);padding:8px 12px}
.lt-cart span{background:var(--go);color:var(--go-ink);min-width:22px;height:22px;display:grid;place-items:center;font-size:.8rem;padding:0 5px}

.top{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(20px,4vw,48px);align-items:start;padding-block:28px 10px}
.hero h1{font-size:clamp(4rem,14vw,7.5rem);letter-spacing:-.02em}
.hero p{margin:6px 0 0;color:var(--mute);font-size:1.15rem}
.shot{position:relative;margin-top:18px;overflow:hidden;aspect-ratio:1/1;max-width:100%;background:var(--night-2);border:1px solid var(--line)}
.shot canvas{position:absolute;inset:0;width:100%;height:100%}
.shot>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.shot svg.lamp{position:absolute;width:66%;right:4%;bottom:0;filter:drop-shadow(0 20px 30px rgba(0,0,0,.45))}
.age{position:absolute;top:0;right:0;background:var(--go);color:var(--go-ink);padding:8px 14px;font-weight:800;font-size:.9rem}
.thumbs{display:flex;gap:8px;margin-top:8px;overflow-x:auto}
.thumbs button{flex:none;width:72px;height:72px;padding:0;border:2px solid var(--line);background:var(--card);cursor:pointer}
.thumbs button[aria-current=true]{border-color:var(--go)}
.thumbs img{width:100%;height:100%;object-fit:cover}

.buy{background:var(--card);border:1px solid var(--line);padding:20px;display:grid;gap:14px;position:sticky;top:80px}
.buy h2{font-size:1.5rem}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:0;padding:0;margin:0}
.opts legend{font-weight:800;margin-bottom:8px;padding:0}
.opt{position:relative;cursor:pointer}
.opt input{position:absolute;opacity:0}
.opt>span{display:grid;gap:2px;border:2px solid var(--line);padding:14px 12px 12px;text-align:center;transition:border-color .15s,background .15s}
.opt b{font-size:1.02rem}
.opt em{font-style:normal;font-family:var(--f-display);font-weight:900;font-size:2rem;color:#fff;font-variant-numeric:tabular-nums}
.opt s{color:var(--mute);font-size:.9rem}
.opt small{color:var(--mute)}
.opt i{font-style:normal;position:absolute;top:-11px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--go);color:var(--go-ink);font-weight:800;font-size:.75rem;padding:2px 10px}
.opt input:checked+span{border-color:var(--go);background:#241d66}
.opt input:focus-visible+span{outline:3px solid var(--go);outline-offset:2px}
.sum{display:flex;justify-content:space-between;color:var(--mute);font-variant-numeric:tabular-nums}
.sum b{color:#fff;font-size:1.2rem}
.cta{width:100%;border:0;padding:18px;font:800 1.25rem var(--f-body);background:var(--go);color:var(--go-ink);cursor:pointer;text-align:center;text-decoration:none;display:block}
.cta:active{transform:translateY(1px)}
.cta[disabled],.cta[aria-disabled]{opacity:.45;pointer-events:none}
.shopify-payment-button__button{border-radius:0!important;min-height:56px}
.trust{list-style:none;margin:0;padding:0;display:grid;gap:6px;color:var(--mute);font-size:.95rem}
.trust li::before{content:"✓ ";color:var(--go);font-weight:800}

.sec{padding-block:clamp(40px,7vw,80px)}
.sec h2{font-size:clamp(1.8rem,4.6vw,2.6rem)}
.sec .lead{color:var(--mute);margin:8px 0 0}
.feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}
.feat div{background:var(--card);border:1px solid var(--line);padding:18px 14px}
.feat strong{display:block;font-family:var(--f-display);font-weight:900;font-size:1.8rem;color:var(--moon)}
.feat span{color:var(--mute);font-size:.95rem}
.steps{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;counter-reset:s}
.steps li{counter-increment:s;border:1px solid var(--line);padding:18px;display:grid;gap:6px;align-content:start}
.steps li::before{content:counter(s);width:38px;height:38px;display:grid;place-items:center;background:var(--go);color:var(--go-ink);font-family:var(--f-display);font-weight:900}
.steps b{font-size:1.1rem}
.steps span{color:var(--mute)}
.discs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:20px}
.discs figure{margin:0;text-align:center}
.discs canvas{width:100%;aspect-ratio:1;display:block;border:4px solid #f3f1fb}
.discs figcaption{margin-top:6px;font-weight:700;font-size:.92rem}
.kids{background:#2a1f7a;border-right:6px solid var(--go);padding:24px}
.kids p{margin:8px 0 0;color:#ddd6ff}
.faq{display:grid;gap:8px;margin-top:20px;max-width:800px}
.faq details{border:1px solid var(--line);padding:14px 16px;background:var(--card)}
.faq summary{font-weight:800;cursor:pointer}
.faq p{margin:8px 0 0;color:var(--mute)}
.lf{border-top:1px solid var(--line);color:var(--mute);font-size:.88rem;padding-block:28px calc(90px + env(safe-area-inset-bottom,0px))}
.lf .col{display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between}
.lf nav{display:flex;gap:14px;flex-wrap:wrap}
.bar{position:fixed;inset:auto 0 0 0;z-index:40;background:rgba(11,10,42,.96);border-top:1px solid var(--line);padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));display:none;gap:12px;align-items:center}
.bar b{font-family:var(--f-display);font-weight:900;font-size:1.4rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.bar .cta{padding:14px;font-size:1.05rem}

.drawer{position:fixed;inset:0;z-index:60;display:grid;grid-template-columns:1fr min(420px,100%)}
.drawer .bg{background:rgba(0,0,0,.6)}
.drawer .pn{background:var(--night-2);display:grid;grid-template-rows:auto 1fr auto;height:100%;border-left:1px solid var(--line)}
.dh{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--line)}
.dh h3{font-size:1.4rem}
.dh button{background:none;border:0;color:#fff;font-size:1.8rem;cursor:pointer;line-height:1}
.lines{overflow:auto;padding:14px 20px;display:grid;gap:10px;align-content:start}
.ln{display:grid;grid-template-columns:60px 1fr auto;gap:12px;align-items:start;border:1px solid var(--line);padding:10px}
.ln-img{width:60px;height:60px;background:var(--card);overflow:hidden}
.ln-img img{width:100%;height:100%;object-fit:cover}
.ln-ph{display:block;width:100%;height:100%;background:radial-gradient(circle at 70% 30%,#fff6d6 0 6%,transparent 7%),radial-gradient(circle at 30% 60%,#fff 0 3%,transparent 4%),linear-gradient(#241a6e,#120d45)}
.ln b{display:block;line-height:1.25}
.ln small{color:var(--mute);display:block}
.ln .lp{font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.qty{display:flex;gap:6px;align-items:center;margin-top:6px}
.qty button{width:30px;height:30px;border:1px solid var(--line);background:var(--card);color:#fff;font-weight:800;cursor:pointer}
.qty .rm{width:auto;padding:0 10px;color:#ff9aa8}
.empty{color:var(--mute);text-align:center;padding:30px 0}
.df{border-top:1px solid var(--line);padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px));display:grid;gap:10px}
.tot{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:800;font-variant-numeric:tabular-nums}
.df small{color:var(--mute)}
.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:#fff;color:var(--go-ink);font-weight:800;padding:10px 18px;z-index:70}
.busy{opacity:.6;pointer-events:none}
@media (max-width:900px){.top{grid-template-columns:1fr}.buy{position:static}.discs{grid-template-columns:repeat(3,minmax(0,1fr))}.bar{display:flex}}
@media (max-width:640px){.feat,.steps{grid-template-columns:1fr}}