:root{--bg:#0b0f17;--card:#121a27;--text:#eef3fb;--muted:#a7b3c5;--border:#223047;--accent:#5eead4;}
*{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.nav{position:sticky;top:0;z-index:10;background:rgba(11,15,23,.85);backdrop-filter:blur(10px);border-bottom:1px solid rgba(34,48,71,.7)}
.nav-inner{display:flex;justify-content:space-between;align-items:center;padding:12px 0;gap:12px;flex-wrap:wrap}
.brand{display:flex;gap:10px;align-items:center}
.logo{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,rgba(94,234,212,.95),rgba(96,165,250,.95))}
.chip{border:1px solid var(--border);background:rgba(18,26,39,.7);padding:8px 10px;border-radius:999px;font-size:14px}
.select{border:1px solid var(--border);background:rgba(18,26,39,.7);color:var(--text);padding:8px 10px;border-radius:12px}
.card{background:rgba(18,26,39,.7);border:1px solid rgba(34,48,71,.85);border-radius:18px;padding:16px;box-shadow:0 12px 35px rgba(0,0,0,.28)}
.hero{padding:22px 0 10px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.grid{grid-template-columns:1fr}}
.h-title{margin:0 0 8px;font-size:28px;line-height:1.15}
.h-sub{margin:0;color:var(--muted)}
.controls{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.input{flex:1;min-width:220px;border:1px solid rgba(34,48,71,.9);background:rgba(18,26,39,.65);color:var(--text);padding:10px 12px;border-radius:14px;outline:none}
.btn{border:1px solid rgba(34,48,71,.9);background:rgba(18,26,39,.65);color:var(--text);border-radius:14px;padding:10px 12px;font-weight:700;cursor:pointer}
.btn-primary{background:linear-gradient(135deg,rgba(94,234,212,.92),rgba(96,165,250,.92));color:#071018;border-color:transparent}
.section-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-end;margin:12px 0 10px}
.section-title h2{margin:0;font-size:18px}
.subcats{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}
.pill{border:1px solid rgba(34,48,71,.85);background:rgba(18,26,39,.65);color:var(--text);padding:8px 10px;border-radius:999px;font-size:13px;cursor:pointer}
.pill.active{border-color:rgba(94,234,212,.75);background:rgba(94,234,212,.12)}
.offer .meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px}
.buy{display:inline-flex;justify-content:center;align-items:center;border-radius:14px;padding:10px 12px;font-weight:800;background:rgba(94,234,212,.16);border:1px solid rgba(94,234,212,.45)}
.footer{margin-top:26px;padding:18px 0 26px;border-top:1px solid rgba(34,48,71,.7);color:var(--muted);font-size:13px}
.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:rgba(18,26,39,.92);border:1px solid rgba(34,48,71,.85);padding:10px 12px;border-radius:14px;display:none}
.toast.show{display:block}