:root{--bg:#0b0f1a;--bg2:#121828;--gold:#d4af5a;--gold2:#f3d98b;--ink:#1b1b1f;--mut:#6b6b75;--line:#e8e3d6;--cream:#faf8f3}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.5}
img{max-width:100%;display:block}a{color:inherit}.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.ph{background:#fff3c4;color:#6b5200;border-radius:4px;padding:0 4px;font-style:normal;font-size:.9em}
.topbar{background:#000;color:var(--gold2);text-align:center;font-size:13px;padding:6px 10px}.topbar .ph{font-size:11px}
.hdr{background:var(--bg);position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff14}.hdr-in{display:flex;align-items:center;gap:16px;height:64px}
.logo img{height:40px;width:auto}.nav{display:none;gap:22px;margin-left:auto}.nav a{color:#e9e2cf;text-decoration:none;font-size:15px}.nav a:hover{color:var(--gold2)}
.cart-btn{margin-left:auto;background:none;border:1px solid var(--gold);color:var(--gold2);border-radius:999px;padding:7px 14px;font-size:15px;cursor:pointer}
@media(min-width:800px){.nav{display:flex}.cart-btn{margin-left:8px}}
.hero{background:radial-gradient(1200px 500px at 80% 0,#1d2640,var(--bg));color:#f4efe2;padding:48px 0 56px}
.hero-in{display:grid;gap:24px;align-items:center}.eyebrow{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;font-size:12px;margin:0}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,6vw,52px);line-height:1.1;margin:10px 0 14px}.gold{color:var(--gold2)}
.lead{color:#cfc8b8;max-width:560px}.cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.btn{display:inline-block;text-align:center;border-radius:10px;padding:12px 18px;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent;font-size:15px}
.gold-btn{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1a1408}.gold-btn:disabled{opacity:.5;cursor:not-allowed}
.ghost{border-color:var(--gold);color:var(--gold2);background:transparent}.w100{width:100%;margin-top:8px}
.hero-art{display:none}@media(min-width:800px){.hero-in{grid-template-columns:1.4fr 1fr}.hero-art{display:flex;justify-content:center}}
.trust{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:-26px;position:relative}
.trust>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;font-size:13px;box-shadow:0 6px 20px #0000000d}.trust b{font-size:14px;margin-bottom:2px}
@media(min-width:800px){.trust{grid-template-columns:repeat(4,1fr)}}
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px auto}
.cat{background:var(--bg2);color:var(--gold2);border:0;border-radius:12px;padding:22px 8px;font-family:Georgia,serif;font-size:18px;cursor:pointer}.cat.on,.cat:hover{outline:2px solid var(--gold)}
h2{font-family:Georgia,serif;font-size:28px;margin:0 0 12px}
.cat-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:10px;margin-bottom:14px}
.filters{display:flex;gap:8px;flex-wrap:wrap}select{padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:14px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:800px){.grid{grid-template-columns:repeat(4,1fr);gap:18px}}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;position:relative}
.card img{aspect-ratio:1;object-fit:contain;background:#fff;width:100%}
.badge{position:absolute;top:8px;left:8px;background:#b3261e;color:#fff;font-size:12px;font-weight:700;padding:3px 8px;border-radius:999px}
.badge.low{left:auto;right:8px;background:var(--bg)}
.card-b{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.brand{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.name{font-weight:600;font-size:14px;line-height:1.3}.ml{font-size:12px;color:var(--mut)}
.price{margin-top:auto;padding-top:6px}.now{font-size:19px;font-weight:800}.was{color:var(--mut);text-decoration:line-through;font-size:13px;margin-left:6px}.mk{font-size:11px;color:var(--mut)}
.soon{font-weight:700;color:#8a6d1e}.acts{display:grid;gap:6px;margin-top:8px}.acts .btn{padding:9px 10px;font-size:14px}
.add{background:var(--bg);color:#fff}.src{font-size:12px;color:var(--mut)}
.how ol{display:grid;gap:10px;padding:0;list-style:none;counter-reset:s}@media(min-width:800px){.how ol{grid-template-columns:repeat(3,1fr)}}
.how li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.how,.faq{margin-top:40px}
details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:8px}summary{cursor:pointer;font-weight:600}
.ftr{background:var(--bg);color:#cfc8b8;margin-top:48px;padding:32px 0 16px;font-size:14px}.ftr-in{display:grid;gap:20px}.ftr-in div{display:flex;flex-direction:column;gap:6px}.ftr b{color:var(--gold2)}.ftr a{text-decoration:none}
@media(min-width:800px){.ftr-in{grid-template-columns:2fr 1fr 1fr}}.copy{text-align:center;font-size:12px;color:#8b8577;margin-top:20px;padding:0 16px}
.wa-float{position:fixed;right:16px;bottom:16px;width:56px;height:56px;border-radius:50%;background:#25d366;display:grid;place-items:center;font-size:26px;text-decoration:none;box-shadow:0 6px 18px #0004;z-index:30}
.cart{position:fixed;inset:0;background:#0008;z-index:40;display:flex;justify-content:flex-end}.cart[hidden]{display:none}
.cart-box{background:#fff;width:min(420px,100%);height:100%;display:flex;flex-direction:column}.cart-h{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}.cart-h button{background:none;border:0;font-size:20px;cursor:pointer}
#cartItems{flex:1;overflow:auto;padding:12px 16px}.ci{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:8px 0}.ci img{width:56px;height:56px;object-fit:contain}.ci .q{display:flex;gap:6px;align-items:center}.ci button{border:1px solid var(--line);background:#fff;border-radius:6px;width:28px;height:28px;cursor:pointer}
.cart-f{padding:16px;border-top:1px solid var(--line)}.tot{font-size:17px}#cartMsg{display:block;color:var(--mut);margin-top:6px}
main{scroll-margin-top:70px}