        :root {
            --black: #000000;
            --white: #ffffff;
        }

        body {
            font-family: 'EB Garamond', serif;
            background-color: var(--white);
            color: var(--black);
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
        }

        .tracking-ultra { letter-spacing: 0.2em; }
        .tracking-mega { letter-spacing: 0.4em; }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 4px; }
        ::-webkit-scrollbar-track { background: var(--white); }
        ::-webkit-scrollbar-thumb { background: var(--black); }

        /* Animation Keyframes */
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .reveal { opacity: 0; transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal.visible { opacity: 1; transform: translateY(0); }

        @keyframes kenBurns {
            0% { transform: scale(1); }
            100% { transform: scale(1.15); }
        }
        .animate-zoom { animation: kenBurns 20s ease-in-out infinite alternate; }

        /* Custom UI Elements */
        .thin-line { height: 1px; background-color: var(--black); width: 100%; }
        .nav-underline {
            position: relative;
            display: inline-block;
        }
        .nav-underline::after {
            content: '';
            position: absolute;
            width: 0;
            height: 1px;
            bottom: -4px;
            left: 0;
            background-color: var(--black);
            transition: width 0.4s ease;
        }
        .nav-underline:hover::after { width: 100%; }

        .image-container { overflow: hidden; position: relative; }
        .image-container img { transition: transform 0.8s ease; }
        .image-container:hover img { transform: scale(1.05); }

        /* Page Management */
        .page-view { display: none; }
        .page-view.active { display: block; animation: fadeInUp 0.8s forwards; }

        /* Dropdown */
        .dropdown {
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all 0.3s ease;
        }
        .group:hover .dropdown {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        /* Cart Badge */
        #cart-count { font-size: 10px; padding: 2px 5px; }

