:root{--bg: #0a0b09;--bg-elev: #13150f;--bg-card: #15170f;--border: #24271a;--border-light: #3a3f2a;--text: #ffffff;--text-dim: #8a8f80;--text-dimmer: #5a5e52;--accent: #c2ee3b;--accent-text: #0a0b09;--radius: 4px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Archivo", "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);font-family:var(--font);overscroll-behavior:none}#root{max-width:480px;margin:0 auto;min-height:100vh;padding-bottom:72px}.display{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;text-transform:uppercase;line-height:.95}.muted{color:var(--text-dim)}.dimmer{color:var(--text-dimmer)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:10}.topbar .logo{font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:.15em;text-transform:uppercase}.topbar .title{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.2em;text-transform:uppercase}.icon-btn{background:none;border:none;color:var(--text);font-size:20px;cursor:pointer;display:flex;align-items:center}.hero{position:relative;padding:32px 20px 28px;overflow:hidden}.hero .eyebrow{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.hero h1{font-family:var(--font-display);font-weight:800;font-size:44px;line-height:.92;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:16px}.hero p{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);margin-bottom:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius);border:1px solid var(--border-light);background:var(--bg-elev);color:var(--text);cursor:pointer;width:100%;transition:opacity .15s}.btn:active{opacity:.7}.btn-primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.btn-ghost{background:transparent}.section{padding:24px 20px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-head h2{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase}.section-head a{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);text-decoration:none}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tpl-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer}.tpl-card .thumb{aspect-ratio:3/4;background:#1c1c1c;background-size:cover;background-position:center}.tpl-card .meta{padding:10px}.tpl-card .name{font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px}.tpl-card .sub{font-size:10px;color:var(--text-dim);margin-bottom:6px}.tpl-card .price{font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--accent)}.accent{color:var(--accent)}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:20px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.feature{text-align:center}.feature .ico{font-size:18px;margin-bottom:8px;display:block;color:var(--accent)}.feature .ft{font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px}.feature .fs{font-size:8px;color:var(--text-dim)}.bottomnav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;justify-content:space-around;padding:10px 0 14px;background:var(--bg);border-top:1px solid var(--border);z-index:20}.navitem{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:var(--text-dimmer);cursor:pointer;font-size:9px;letter-spacing:.05em;text-transform:uppercase;position:relative}.navitem.active{color:var(--accent)}.navitem .ni-ico{font-size:18px}.navitem .badge{position:absolute;top:-4px;right:50%;transform:translate(14px);background:var(--accent);color:#000;font-size:9px;font-weight:700;min-width:15px;height:15px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.brandfoot{text-align:center;padding:28px 20px;border-top:1px solid var(--border)}.brandfoot .bf-logo{font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;color:var(--accent)}.brandfoot .bf-sub{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim)}.brandfoot .bf-copy{margin-top:14px;font-size:9px;color:var(--text-dimmer)}.row{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid var(--border);cursor:pointer}.row .r-ico{font-size:18px;color:var(--text-dim);width:22px}.row .r-label{flex:1;font-size:13px}.row .r-chev{color:var(--text-dimmer)}.qty-btn{width:28px;height:28px;border:1px solid var(--border-light);background:var(--bg-elev);color:var(--text);border-radius:var(--radius);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.qty-btn:active{opacity:.6}.coupon-input{flex:1;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;color:var(--text);font-family:var(--font);font-size:13px;outline:none}.coupon-input::placeholder{color:var(--text-dimmer)}.coupon-input:focus{border-color:var(--border-light)}.lang-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;display:flex;align-items:flex-end;justify-content:center;overflow-y:auto}.lang-sheet{width:100%;max-width:480px;background:var(--bg-elev);border:1px solid var(--border-light);border-radius:14px 14px 0 0;padding:20px 16px 92px;animation:slideUp .22s ease;max-height:80vh;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.lang-sheet-title{font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin-bottom:14px;padding:0 6px}.lang-option{display:flex;align-items:center;gap:14px;width:100%;padding:16px;background:none;border:none;color:var(--text);font-size:15px;cursor:pointer;border-radius:var(--radius)}.lang-option.active{background:var(--bg-card)}.lang-option:active{opacity:.6}.loader{display:flex;align-items:center;justify-content:center;height:60vh;color:var(--text-dim);font-size:12px;letter-spacing:.2em;text-transform:uppercase}