@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap');
:root { --pg: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
body { background-color: #f4f7f6; font-family: 'Nunito', sans-serif; color: #4a5568; padding-bottom: 80px; }
.carousel { border-radius: 16px; overflow: hidden; background: #000; min-height: 150px; }
.carousel-item { height: 200px; background: #000; }
.carousel-item img { width: 100%; height: 100%; object-fit: contain; }
.category-wrapper { overflow-x: auto; margin-bottom: 20px; white-space: nowrap; -webkit-overflow-scrolling: touch; padding: 5px; }
.category-bar { display: inline-flex; gap: 10px; }
.cat-btn { padding: 8px 20px; background: #fff; border: 1px solid #edf2f7; border-radius: 50px; color: #718096; text-decoration: none; transition: 0.2s; }
.cat-btn.active { background: var(--pg); color: white; border: none; transform: scale(1.05); }
.q-card { background: #fff; border-radius: 18px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); border:none; transition:0.2s; overflow:hidden; }
.q-card:active { transform: scale(0.98); }
.product-img-box { width: 100%; aspect-ratio: 1/1; background: #f7fafc; border-radius: 12px; overflow: hidden; margin-bottom: 10px; }
.product-img-box img { width: 100%; height: 100%; object-fit: cover; }
.btn-primary { background: var(--pg); border: none; }