:root {
            --hot-pink: #FF00FF;
            --electric-blue: #00FFFF;
            --acid-yellow: #CCFF00;
            --jet-black: #050505;
            --chrome: #E5E7EB;
        }


        body {
            background-color: var(--jet-black);
            color: white;
            font-family: 'Space Grotesk', sans-serif;
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
        }

        /* 90s Graphics */
        .neon-text {
            text-shadow: 0 0 10px var(--hot-pink), 0 0 20px var(--hot-pink);
        }

        .checkerboard {
            background-image: 
                linear-gradient(45deg, #111 25%, transparent 25%), 
                linear-gradient(-45deg, #111 25%, transparent 25%), 
                linear-gradient(45deg, transparent 75%, #111 75%), 
                linear-gradient(-45deg, transparent 75%, #111 75%);
            background-size: 40px 40px;
            background-position: 0 0, 0 20px, 20px 20px, 20px 0;
        }

        .vhs-grain::after {
            content: "";
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            background: url('https://www.transparenttextures.com/patterns/asfalt-light.png');
            opacity: 0.1;
            pointer-events: none;
            z-index: 999;
            animation: vhs-flicker 0.1s infinite;
        }

        @keyframes vhs-flicker {
            0% { transform: translateY(0); }
            50% { transform: translateY(-1px); }
            100% { transform: translateY(1px); }
        }

        .memphis-circle {
            width: 100px; height: 100px; border-radius: 50%;
            border: 4px solid var(--electric-blue);
            position: absolute;
            z-index: 1;
        }

        .sticker {
            transform: rotate(-5deg);
            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            cursor: pointer;
            box-shadow: 8px 8px 0px rgba(0,0,0,1);
        }
        .sticker:hover {
            transform: rotate(5deg) scale(1.05);
            filter: brightness(1.2);
        }

        /* Navigation Links */
        .party-link {
            font-family: 'Archivo Black', sans-serif;
            font-size: 1.1rem;
            transition: 0.3s;
            position: relative;
        }
        .party-link:hover {
            color: var(--hot-pink);
            transform: skew(-10deg);
        }

        /* Cart & Buttons */
        .btn-glow {
            background: var(--hot-pink);
            color: white;
            box-shadow: 5px 5px 0px var(--electric-blue);
            transition: 0.2s;
            font-family: 'Archivo Black', sans-serif;
            text-transform: uppercase;
        }
        .btn-glow:hover {
            transform: translate(-3px, -3px);
            box-shadow: 8px 8px 0px var(--acid-yellow);
        }
        .btn-glow:active {
            transform: translate(2px, 2px);
            box-shadow: 0px 0px 0px transparent;
        }

        /* Product Cards */
        .product-card {
            border: 3px solid white;
            transition: 0.4s;
            background: #000;
        }
        .product-card:hover {
            border-color: var(--hot-pink);
            transform: translateY(-10px);
            z-index: 10;
        }

        /* Marquee */
        .marquee-wrapper {
            overflow: hidden;
            background: var(--acid-yellow);
            color: black;
            font-family: 'Archivo Black', sans-serif;
            white-space: nowrap;
            padding: 15px 0;
            border-top: 4px solid black;
            border-bottom: 4px solid black;
            z-index: 50;
        }
        .marquee-content {
            display: inline-block;
            animation: marquee 15s linear infinite;
        }
        @keyframes marquee {
            from { transform: translateX(0); }
            to { transform: translateX(-50%); }
        }

        /* Popups */
        .popup-window {
            border: 3px solid black;
            box-shadow: 10px 10px 0px var(--jet-black);
            background: white;
            color: black;
        }

        .hidden-page { display: none; }
        .visible-page { display: block; animation: page-glitch 0.4s ease-out; }

        @keyframes page-glitch {
            0% { transform: scale(0.98); opacity: 0; filter: hue-rotate(90deg); }
            100% { transform: scale(1); opacity: 1; filter: hue-rotate(0); }
        }

        .cart-dot {
            position: absolute;
            top: -5px; right: -5px;
            background: var(--hot-pink);
            color: white;
            font-size: 10px;
            width: 18px; height: 18px;
            display: flex; align-items: center; justify-content: center;
            border-radius: 50%;
            border: 2px solid white;
        }

        .glitch-hover:hover {
            animation: glitch 0.2s infinite;
        }

        @keyframes glitch {
            0% { transform: translate(2px, 2px); }
            25% { transform: translate(-2px, -2px); }
            50% { transform: translate(-2px, 2px); }
            75% { transform: translate(2px, -2px); }
            100% { transform: translate(0); }
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 12px; }
        ::-webkit-scrollbar-track { background: var(--jet-black); }
        ::-webkit-scrollbar-thumb { background: var(--hot-pink); border: 3px solid var(--jet-black); }
        .mobile-link {
    padding: 1.5rem;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.25rem;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    background: black;
}
.mobile-link:hover {
    background: #ff2db2;
    color: black;
}