:root{--bg: #0f1729;--panel: #fff;--ink: #1b2333;--muted: #6b7587;--accent: #2563eb;--accent2: #1e40af;--line: #e6e9f0;--ok: #16a34a;--bad: #dc2626}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#f4f6fb}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;align-items:center;gap:24px;padding:14px 28px;background:var(--bg);color:#fff;position:sticky;top:0;z-index:10}.brand{font-weight:800;font-size:20px;white-space:nowrap}.searchbar{display:flex;flex:1;max-width:640px}.searchbar input{flex:1;padding:10px 14px;border:none;border-radius:8px 0 0 8px;font-size:15px}.searchbar button{padding:10px 18px;border:none;border-radius:0 8px 8px 0;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.navlinks{display:flex;align-items:center;gap:18px;font-size:14px}.navlinks .cta{background:var(--accent);padding:8px 14px;border-radius:8px;font-weight:600}.cart{font-size:20px}.content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:24px 28px}.hero{background:linear-gradient(110deg,var(--accent2),var(--accent));color:#fff;border-radius:16px;padding:40px;margin-bottom:22px}.hero h1{margin:0 0 6px;font-size:32px}.hero p{margin:0;opacity:.9}.catbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.catbar button{border:1px solid var(--line);background:#fff;padding:7px 14px;border-radius:999px;cursor:pointer;font-size:14px}.catbar button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.resultnote{color:var(--muted);margin:6px 0 16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .08s,box-shadow .08s}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #141e3c1a}.thumb{height:140px;display:grid;place-items:center;color:#fff;font-weight:700;background:linear-gradient(135deg,#64748b,#334155)}.cardbody{padding:14px}.cardbody h3{margin:0 0 4px;font-size:16px}.cardrow{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.price{font-weight:800;font-size:18px}.price.big{font-size:28px}.rating{color:#d97706;font-weight:600}.stock{font-size:13px;color:var(--ok)}.stock.out{color:var(--bad)}.muted{color:var(--muted)}.small{font-size:13px}.pdp{display:grid;grid-template-columns:1fr 1fr;gap:32px}.pdp-img{height:360px;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:700;background:linear-gradient(135deg,#475569,#1e293b)}.pdp-info h1{margin:6px 0}.buy{background:var(--accent);color:#fff;border:none;padding:12px 22px;border-radius:10px;font-weight:700;cursor:pointer;font-size:16px}.buy:disabled{background:#94a3b8;cursor:not-allowed}.back{display:inline-block;margin-left:16px;color:var(--accent)}.auth{max-width:380px;margin:30px auto;background:#fff;padding:28px;border:1px solid var(--line);border-radius:16px}.auth form{display:flex;flex-direction:column;gap:14px;margin-top:16px}.auth label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}.auth input{padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:15px}.auth button{background:var(--accent);color:#fff;border:none;padding:11px;border-radius:8px;font-weight:700;cursor:pointer}.formerr{color:var(--bad);font-size:14px;margin:0}.footer{background:var(--bg);color:#9aa6bd;text-align:center;padding:22px;margin-top:40px;font-size:13px}.footer p{margin:4px 0}@media(max-width:720px){.pdp{grid-template-columns:1fr}.searchbar{display:none}}