body {
     font-family: 'Inter', sans-serif;
     scroll-behavior: smooth;
}

.hero-gradient {
     background: linear-gradient(rgba(15, 23, 42, 0.8), rgba(15, 23, 42, 0.8)),
         url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&q=80&w=2070') no-repeat center center;
     background-size: cover;
}

.product-card:hover .product-img {
     transform: scale(1.05);
}

.no-scrollbar::-webkit-scrollbar {
     display: none;
}

.no-scrollbar {
     -ms-overflow-style: none;
     scrollbar-width: none;
}