body {
            font-family: 'Montserrat', sans-serif;
            scroll-behavior: smooth;
        }
        .hero-gradient {
            background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7)), 
                        url('https://images.unsplash.com/photo-1531168115935-79758f278d65?auto=format&fit=crop&q=80&w=2000');
            background-size: cover;
            background-position: center;
        }
        .nav-scrolled {
            background-color: white;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
        }
        .product-card:hover img {
            transform: scale(1.05);
        }
        .mobile-menu {
            display: none;
        }
        .mobile-menu.active {
            display: flex;
        }