:root {
            --primary: #4ED7F1;
            --primary-dark: #3bbcd6;
            --bg-light: #F9FAFB;
        }

        body {
            font-family: 'Inter', sans-serif;
            scroll-behavior: smooth;
            overflow-x: hidden;
        }

        .heading-font {
            font-family: 'Alumni Sans Pinstripe', sans-serif;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        /* Hero Animation */
        @keyframes subtleZoom {
            0% { transform: scale(1); }
            100% { transform: scale(1.1); }
        }
        .hero-bg {
            animation: subtleZoom 20s infinite alternate ease-in-out;
        }

        /* Transitions */
        .page-transition {
            display: none;
            opacity: 0;
            transition: opacity 0.5s ease;
        }
        .page-transition.active {
            display: block;
            opacity: 1;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 10px; }

        /* Card Hover */
        .product-card {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .product-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
        }

        /* Overlay Nav */
        #nav-overlay {
            transform: translateX(-100%);
            transition: transform 0.4s cubic-bezier(0.77,0.2,0.05,1.0);
        }
        #nav-overlay.open { transform: translateX(0); }

        .btn-primary {
            background-color: var(--primary);
            transition: all 0.3s;
        }
        .btn-primary:hover {
            background-color: var(--primary-dark);
            transform: translateY(-2px);
            box-shadow: 0 10px 15px -3px rgba(78, 215, 241, 0.4);
        }