:root {
            --primary-teal: #016A70;
            --soft-cream: #F9F8F6;
        }

        body {
            font-family: 'Montserrat', sans-serif;
            color: var(--primary-teal);
            background-color: #ffffff;
            scroll-behavior: smooth;
        }

        /* Navigation Transitions */
        .page-content {
            display: none;
            opacity: 0;
            transition: opacity 0.6s ease;
        }

        .page-content.active {
            display: block;
            opacity: 1;
        }

        /* Animated Hero Background */
        @keyframes kenBurns {
            0% { transform: scale(1); }
            100% { transform: scale(1.1); }
        }

        .hero-zoom {
            animation: kenBurns 20s infinite alternate ease-in-out;
        }

        /* Product Card Effects */
        .product-card:hover .add-to-carst-btn {
            opacity: 1;
            transform: translateY(0);
        }

        .add-to-cart-btn {
            opacity: 0;
            transform: translateY(10px);
            transition: all 0.3s ease;
        }

        /* Hamburger Animation */
        #mobile-menu {
            transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
            transform: translateY(-100%);
        }
        #mobile-menu.open {
            transform: translateY(0);
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: var(--primary-teal); }

        .modal-bg {
            background: rgba(1, 106, 112, 0.2);
            backdrop-filter: blur(8px);
        }

        .section-reveal {
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.8s ease-out;
        }
        .section-reveal.visible {
            opacity: 1;
            transform: translateY(0);
        }