:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#0f172a;background:#f1f5f9}*{box-sizing:border-box}body{margin:0}.page{max-width:1120px;margin:0 auto;padding:1.5rem 1rem 3rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.topbar h1{margin:0;font-size:1.7rem}.topbar nav{display:flex;gap:.8rem}.topbar a{text-decoration:none;color:#334155;font-weight:600}.hero{background:linear-gradient(130deg,#7c3aed,#2563eb);color:#fff;padding:2rem 1.5rem;border-radius:1rem;margin-bottom:1.5rem}.badge{display:inline-block;margin:0;background:#ffffff2e;padding:.3rem .7rem;border-radius:999px;font-size:.85rem;font-weight:700}.hero h2{margin:.8rem 0 .4rem;font-size:clamp(1.5rem,4vw,2.4rem)}.hero p{margin:0}.layout{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:.85rem;padding:1rem}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-head h3,.cart h3{margin:0}.section-head button,.card button,.checkout-btn{border:none;background:#2563eb;color:#fff;border-radius:.5rem;padding:.5rem .8rem;font-weight:600;cursor:pointer}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:.9rem}.card{border:1px solid #e2e8f0;border-radius:.75rem;padding:.9rem}.emoji{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.6rem;width:3rem;height:3rem;display:grid;place-items:center;font-size:1.4rem}.category{color:#64748b;font-size:.8rem;margin:.7rem 0 .35rem;text-transform:uppercase;letter-spacing:.03em}.card h4{margin:0 0 .8rem}.row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.card .row button{background:#0f172a}.cart ul{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.7rem}.cart li{display:flex;justify-content:space-between;gap:.5rem;border-bottom:1px solid #e2e8f0;padding-bottom:.7rem}.cart li p{margin:0;font-weight:600}.cart li small{color:#64748b}.totals{border:1px solid #e2e8f0;border-radius:.7rem;padding:.75rem;margin:1rem 0}.totals p{display:flex;justify-content:space-between;margin:.35rem 0}.grand-total{margin-top:.65rem;padding-top:.65rem;border-top:1px dashed #cbd5e1;font-weight:800}.checkout-btn{width:100%;padding:.75rem;background:#16a34a}footer{margin-top:1.5rem;text-align:center;color:#475569}@media(max-width:900px){.layout,.card-grid{grid-template-columns:1fr}}