:root{
            --bg-green: #75B06F;
            --accent-cyan: #03AED2;
            --accent-red: #FF3737;
            --accent-yellow: #F8DE22;
            --card-red: #FF5A5A;
        }

        body {
            font-family: 'Outfit', sans-serif;
            background-color: var(--bg-green);
            margin: 0;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        /* Layout Margins */
        .editorial-margin {
            max-width: 1440px;
            margin: 0 auto;
            padding-left: 6%;
            padding-right: 6%;
        }

        /* Header Styles */
        header {
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .nav-link {
            color: var(--accent-red);
            position: relative;
            transition: color 0.3s ease;
        }
        .nav-link:hover { color: var(--accent-cyan); }
        .nav-link::after {
            content: '';
            position: absolute;
            width: 0; height: 2px;
            bottom: -4px; left: 0;
            background: var(--accent-cyan);
            transition: width 0.3s ease;
        }
        .nav-link:hover::after { width: 100%; }

        /* Hero Animation */
        @keyframes panBG {
            0% { transform: scale(1.1) translateX(0); }
            50% { transform: scale(1.1) translateX(-2%); }
            100% { transform: scale(1.1) translateX(0); }
        }
        .hero-bg-anim { animation: panBG 20s infinite ease-in-out; }

        /* Card Grid Specifics */
        .festive-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: 1fr 1fr;
            gap: 0;
        }
        .grid-card { transition: all 0.4s ease; cursor: default; }
        .grid-card:hover { transform: scale(1.02); z-index: 10; box-shadow: 0 30px 60px rgba(0,0,0,0.15); }

        /* Flip Cards Section 7 */
        .flip-card { perspective: 1000px; min-width: 380px; height: 500px; }
        .flip-card-inner {
            position: relative; width: 100%; height: 100%;
            text-align: center; transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
            transform-style: preserve-3d;
        }
        .flip-card:hover .flip-card-inner { transform: rotateY(180deg); }
        .flip-card-front, .flip-card-back {
            position: absolute; width: 100%; height: 100%;
            -webkit-backface-visibility: hidden; backface-visibility: hidden;
            border-radius: 30px; overflow: hidden;
        }
        .flip-card-back { transform: rotateY(180deg); background: var(--accent-cyan); color: white; display: flex; flex-direction: column; justify-content: center; padding: 2rem; }

        /* General Utilities */
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
        .page { display: none; }
        .page.active { display: block; animation: fadeIn 0.6s ease; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

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

        /* Quick View Modal */
        #quick-view-modal { backdrop-filter: blur(8px); }