@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;600&display=swap');
        
        :root {
            --zen-dark: #2c3e50;
            --zen-gold: #b59410;
            --zen-cream: #faf9f6;
        }

        body {
            font-family: 'Inter', sans-serif;
            color: #1a1a1a;
            background-color: var(--zen-cream);
        }

        h1, h2, h3, .serif {
            font-family: 'Playfair Display', serif;
        }

        .nav-link {
            position: relative;
            transition: color 0.3s ease;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 1px;
            bottom: -2px;
            left: 0;
            background-color: var(--zen-dark);
            transition: width 0.3s ease;
        }
        .nav-link:hover::after {
            width: 100%;
        }

        .hero-bg {
            background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('https://images.unsplash.com/photo-1528323273322-d81458248d40?q=80&w=2000&auto=format&fit=crop');
            background-size: cover;
            background-position: center;
        }

        .product-card img {
            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        }
        .product-card:hover img {
            transform: scale(1.03);
        }
        
        .badge-sale {
            background-color: #e74c3c;
            color: white;
            padding: 2px 8px;
            font-size: 10px;
            font-weight: bold;
            text-transform: uppercase;
        }