*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;background:#0b1020;color:#e7f3ff}
.shell{max-width:1100px;margin:0 auto;padding:18px}
header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand h1{margin:0}.tag{opacity:.8;margin:.25rem 0 0}
.btn{background:#111a36;border:1px solid #2e3f78;color:#e7f3ff;border-radius:10px;padding:8px 12px;cursor:pointer}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin-top:10px}
.card{background:linear-gradient(135deg,#0f1d44,#101a32);border:1px solid #2e3f78;border-radius:16px;box-shadow:0 12px 30px #0007;padding:12px;display:flex;flex-direction:column;gap:10px}
.card h3{margin:0;font-size:18px}.price{font-weight:800}
.cart-panel{position:fixed;inset:0;background:#0008;display:grid;place-items:center;padding:20px}
.cart{background:#08122a;border:1px solid #2e3f78;border-radius:16px;max-width:520px;width:100%;padding:14px;box-shadow:0 20px 60px #0009}
.cart-head{display:flex;justify-content:space-between;align-items:center}
.cart-head h2{margin:0}.icon{background:#121b36;border:1px solid #2e3f78;color:#e7f3ff;border-radius:10px;padding:6px 10px;cursor:pointer}
#cart-items{display:flex;flex-direction:column;gap:10px;margin:12px 0;max-height:50vh;overflow:auto}
.item{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;background:#0b1a3a;border:1px solid #2e3f78;border-radius:10px;padding:10px}
.qty{display:flex;align-items:center;gap:6px}
.qty button{width:26px;height:26px;border-radius:8px;background:#142246;border:1px solid #2e3f78;color:#e7f3ff;cursor:pointer}
.cart-foot{display:flex;justify-content:space-between;align-items:center}
.hidden{display:none}.hint{opacity:.7;font-size:12px}.foot{opacity:.7;text-align:center;margin-top:12px}
img{max-width:100%;display:block;border-radius:14px;background:#091532}