/* Modern UI tweaks */
.hero-section { position: relative; background: linear-gradient(135deg, #f58730, #cda136, #5a330a); color: #fff; }
.hero-section .bg-gradient { position:absolute; inset:0; background: radial-gradient(1200px 400px at 80% -10%, rgba(255,255,255,.25), transparent); pointer-events:none; }
.product-card img { aspect-ratio: 4/3; object-fit: cover; }
.chips-scroll { display:flex; overflow:auto; gap:.5rem; scroll-snap-type:x proximity; }
.chip { scroll-snap-align:center; display:flex; align-items:center; gap:.5rem; background:#fff; border:1px solid #e5e7eb; padding:.35rem .6rem; border-radius:999px; text-decoration:none; color:#111; box-shadow:0 1px 2px rgba(0,0,0,.05); white-space:nowrap; }
.chip img { width:28px; height:28px; border-radius:50%; object-fit:cover; }
.chip:hover { transform: translateY(-1px); box-shadow:0 6px 14px rgba(0,0,0,.08); transition:all .2s ease; }
.price-tag { font-size:1.05rem; }
.clamp-2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden; }