:root { --brand: #198754; }
body { background: #f8f9fa; }
.btn-brand { background: var(--brand); border-color: var(--brand); color: #fff; }
.btn-brand:hover, .btn-brand:focus { background: #146c43; border-color: var(--brand); color:#fff; }
.category-scroll { display:flex; gap:.5rem; overflow-x:auto; padding-bottom:.25rem; white-space:nowrap; }
.product-card { overflow:hidden; border:0; box-shadow:0 1px 5px #00000017; }
.image-button { display:block; width:100%; border:0; background:#eee; padding:0; aspect-ratio:1; overflow:hidden; }
.image-button img { width:100%; height:100%; object-fit:cover; transition:transform .2s; }
.image-button:hover img { transform:scale(1.04); }
.image-placeholder { height:100%; display:grid; place-items:center; font-size:3rem; background:linear-gradient(135deg,#e9ecef,#ced4da); }
#cart-items .cart-row { display:grid; grid-template-columns:1fr auto; gap:.5rem; padding:.75rem 0; border-bottom:1px solid #eee; }
.quantity button { width:28px; height:28px; border:1px solid #ddd; background:#fff; border-radius:5px; }
#product-detail { position:relative; }
.product-modal-close { position:absolute; top:.75rem; right:.75rem; z-index:2; padding:.6rem; border-radius:50%; background-color:#fff; box-shadow:0 1px 4px #0008; opacity:1; }