*{box-sizing:border-box} body{font-family:system-ui,Roboto,Arial,sans-serif;margin:0;background:#fafafa;color:#222}
.container{max-width:1000px;margin:auto;padding:16px}
header{display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #eee}
header h1{margin:0;font-size:22px}
nav a{margin-left:12px;text-decoration:none;color:#333}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.card{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.card img{width:100%;height:160px;object-fit:cover}
.card .p16{padding:16px}
.price{font-weight:700}
.btn{width:100%;padding:10px;border:0;background:#111;color:#fff;border-radius:8px;cursor:pointer}
.btn:disabled{opacity:.6;cursor:not-allowed}
.hidden{display:none}
#cart-items{display:flex;flex-direction:column;gap:12px}
.cart-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #eee;border-radius:12px;padding:12px}
.cart-item img{width:64px;height:64px;object-fit:cover;border-radius:8px}
.qty{display:flex;align-items:center;gap:8px}
.qty button{padding:6px 10px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer}
.cart-summary{margin-top:16px;display:flex;gap:10px;align-items:center}
.outline{background:#fff;border:1px solid #ddd;color:#111}
footer{text-align:center;color:#777}