:root {
            --green: #D8E983;
            --teal: #007E6E;
            --white: #FFFFFF;
        }

        body {
            font-family: 'Philosopher', sans-serif;
            background-color: var(--white);
            color: var(--teal);
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        .text-teal { color: var(--teal); }
        .bg-green { background-color: var(--green); }
        .bg-teal { background-color: var(--teal); }
        .border-teal { border-color: var(--teal); }

        /* Header Transitions */
        #header.sticky-active {
            padding-top: 1rem;
            padding-bottom: 1rem;
            box-shadow: 0 10px 30px rgba(0, 126, 110, 0.05);
        }

        /* Hover Animations */
        .nav-link {
            position: relative;
            transition: transform 0.3s ease;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: -5px; left: 0; width: 0; height: 1.5px;
            background: var(--teal);
            transition: width 0.3s ease;
        }
        .nav-link:hover { transform: scale(1.05); }
        .nav-link:hover::after { width: 100%; }

        /* Hero Image Zoom */
        .hero-zoom {
            transition: transform 12s ease-out;
        }
        .hero-container:hover .hero-zoom {
            transform: scale(1.15);
        }

        /* Marquee */
        @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        .animate-marquee {
            display: flex;
            animation: marquee 30s linear infinite;
        }

        /* Reveal Animations */
        .reveal { opacity: 0; transform: translateY(40px); transition: all 1s ease-out; }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .reveal-left { opacity: 0; transform: translateX(-50px); transition: all 1s ease-out; }
        .reveal-left.active { opacity: 1; transform: translateX(0); }

        /* Slider Styles */
        .slide-dot.active { background-color: var(--teal); width: 24px; }

        /* Cart Sidebar */
        #cart-sidebar {
            transform: translateX(100%);
            transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        }
        #cart-sidebar.open { transform: translateX(0); }

        /* Page Routing */
        .page-node { display: none; }
        .page-node.active { display: block; }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: var(--white); }
        ::-webkit-scrollbar-thumb { background: var(--teal); border-radius: 10px; }

        /* Product Cards Outside Text */
        .product-scroll-container::-webkit-scrollbar { display: none; }
        .product-card-img-wrapper {
            overflow: hidden;
            transition: transform 0.4s ease;
        }
        .product-card:hover .product-card-img-wrapper {
            transform: translateY(-10px);
        }
    </style>