*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Noto Sans',sans-serif;background:#0b0c10;color:#eaf0f1}
a{color:inherit}
.site-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#11131a;border-bottom:1px solid #1f2230}
.logo{font-weight:700;letter-spacing:.5px}
nav a{margin:0 10px;text-decoration:none;opacity:.9}
nav a:hover{opacity:1}
.cart-badge{display:inline-block;min-width:20px;padding:2px 6px;border-radius:999px;background:#3b82f6;color:#fff;font-weight:700;font-size:12px;text-align:center;margin-left:6px}
main{max-width:1040px;margin:32px auto;padding:0 16px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.card{background:#121421;border:1px solid #1e2233;border-radius:16px;padding:16px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.card h3{margin:.2rem 0 0.5rem}
.card p{opacity:.85;line-height:1.4}
.actions{display:flex;gap:8px;margin-top:10px}
.btn{appearance:none;border:1px solid #2a3148;background:#1b1f30;color:#eaf0f1;border-radius:10px;padding:10px 14px;cursor:pointer}
.btn:hover{border-color:#3b82f6}
.btn.primary{background:#3b82f6}
table{width:100%;border-collapse:collapse;background:#121421;border:1px solid #1e2233;border-radius:16px;overflow:hidden}
th,td{padding:12px;border-bottom:1px solid #1e2233}
td input.qty{width:44px;text-align:center;background:#0f1320;border:1px solid #1e2233;border-radius:6px;color:#eaf0f1;padding:6px}
.qty-inc,.qty-dec,.rm{background:#1b1f30;border:1px solid #2a3148;border-radius:8px;padding:6px 10px;cursor:pointer}
.cart-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}
.notice{padding:14px 16px;border:1px dashed #2a3148;border-radius:12px;background:#121421;margin-bottom:16px}
footer{opacity:.7;text-align:center;padding:28px 0}