        :root { scroll-behavior: smooth; }
        body { font-family: 'Open Sans', sans-serif; background-color: #F8F3E1; color: #000; overflow-x: hidden; }
        h1, h2, h3, h4, .nav-link, .pompiere { font-family: 'Pompiere', cursive; }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #F8F3E1; }
        ::-webkit-scrollbar-thumb { background: #492828; }

        /* Animations */
        .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; }
        .reveal.active { opacity: 1; transform: translateY(0); }

        /* Product Cards */
        .product-card { transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }
        .product-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(73, 40, 40, 0.12); }
        
        .product-container::-webkit-scrollbar { display: none; }

        /* Scroll Effects */
        .zoom-img { transition: transform 0.1s ease-out; will-change: transform; }
        
        .parallax-section {
            background-image: url('https://i.pinimg.com/1200x/e1/c9/0c/e1c90cf9ab47555f295f5cb6defd2e6b.jpg');
            background-attachment: fixed;
            background-position: center;
            background-size: cover;
        }

        /* Routing */
        .page-view { display: none; min-height: 100vh; }
        .page-view.active { display: block; animation: pageFadeIn 0.6s ease; }
        @keyframes pageFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

        /* Header UI */
        header.scrolled { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.05); }
        .nav-link::after { content: ''; display: block; width: 0; height: 1px; background: #000; transition: width .3s; }
        .nav-link:hover::after { width: 100%; }

        /* Cart Sidebar */
        #cart-sidebar { transform: translateX(100%); transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1); }
        #cart-sidebar.open { transform: translateX(0); }

        .btn-autumn {
            background: #492828;
            color: #F8F3E1;
            padding: 14px 28px;
            font-family: 'Pompiere';
            font-size: 1.4rem;
            transition: all 0.3s ease;
            display: inline-flex;
            align-items: center;
            gap: 10px;
        }
        .btn-autumn:hover { background: #000; transform: translateY(-2px); }
