:root {
            --leaf-green: #3CA55C;
            --forest-green: #2E7D32;
            --soft-beige: #F9F9F4;
            --eco-blue: #4DB6AC;
            --earth-brown: #5D4037;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--soft-beige);
            color: #1a1a1a;
            scroll-behavior: smooth;
            overflow-x: hidden;
        }

        .heading { font-family: 'Montserrat', sans-serif; }
        .poppins { font-family: 'Poppins', sans-serif; }

        .eco-gradient {
            background: linear-gradient(135deg, #3CA55C 0%, #2E7D32 100%);
        }

        .glass-nav {
            background: rgba(249, 249, 244, 0.85);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(46, 125, 50, 0.08);
        }

        .product-card {
            transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
        }

        .product-card:hover {
            transform: translateY(-12px);
            box-shadow: 0 30px 60px rgba(46, 125, 50, 0.12);
        }

        .floating {
            animation: floating 3s ease-in-out infinite;
        }

        @keyframes floating {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-15px); }
        }

        .parallax-bg {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .custom-scrollbar::-webkit-scrollbar { width: 5px; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: var(--leaf-green); border-radius: 10px; }

        .reveal { opacity: 0; transform: translateY(30px); transition: all 1s ease-out; }
        .reveal.active { opacity: 1; transform: translateY(0); }
    #mobile-menu {
    transition: all 0.3s ease;
}

#mobile-menu button:hover {
    transform: scale(1.05);
    transition: transform 0.2s ease;
}