/* --- MARQUEE --- */
        .marquee {
            background: var(--text);
            color: white;
            padding: 12px 0;
            overflow: hidden;
            white-space: nowrap;
            font-weight: 900;
            font-size: 14px;
            text-transform: uppercase;
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1001;
        }
        .marquee-content { 
            display: inline-block; 
            animation: marquee 60s linear infinite; 
        }
        @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

        /* --- HEADER --- */
        header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 3%;
            background: #fff;
            border-bottom: var(--border);
            position: fixed;
            top: 40px; /* Di bawah marquee */
            width: 100%;
            z-index: 1000;
        }

        /* Update Font Import di bagian atas HTML */
        /* Tambahkan font 'Anton' untuk kesan Bold & Streetwear */
        @import url('https://fonts.googleapis.com/css2?family=Anton&family=Syne:wght@800&display=swap');


        .logo {
            perspective: 800px; /* Kedalaman 3D */
        }

        .logo img {
            height: 32px;
            width: auto;
            display: block;
            transform-style: preserve-3d;
            animation: logo3d 6s linear infinite;
        }

        /* Nav Desktop */
        nav.desktop-nav { display: flex; gap: 20px; }
        nav.desktop-nav a { 
            text-decoration: none; 
            color: var(--text); 
            font-weight: 700;
            font-size: 13px;
            text-transform: uppercase;
        }

        /* Nav Mobile (Hamburger) */
        .menu-icon {
            display: none;
            font-size: 34px;
            cursor: pointer;
        }

        /* --- SHOPPING BAG STYLING & ANIMATION --- */
        .cart-container {
            display: flex;
            align-items: center;
            cursor: pointer;
            position: relative; /* Penting agar angka bisa diposisikan absolut terhadap ini */
            padding: 5px;
        }

        .cart-icon {
            width: 30px; /* Ukuran sedikit diperbesar agar proporsional */
            height: 30px;
            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        .cart-count {
            font-weight: 900;
            font-size: 11px; /* Ukuran font lebih kecil untuk badge */
            background: var(--text); /* Warna latar hitam */
            color: #fff; /* Warna teks putih */
            width: 18px;
            height: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%; /* Membuat lingkaran */
            position: absolute;
            top: 0;
            right: 0;
            transform: translate(20%, -20%); /* Geser sedikit ke luar ikon */
            border: 2px solid #fff; /* Garis tepi putih agar terpisah dari ikon */
        }

        /* Styling untuk Menu Mobile */
        .mobile-nav-overlay {
            position: fixed;
            top: 0;
            left: -100%; /* Sembunyi di kiri */
            width: 100%;
            height: 100%;
            background: #fff;
            z-index: 2000;
            transition: 0.3s ease-in-out;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .mobile-nav-overlay.active {
            left: 0; /* Muncul ke layar */
        }

        .close-icon {
            position: absolute;
            top: 30px;
            right: 30px;
            font-size: 30px;
            cursor: pointer;
            font-weight: 900;
        }

        .mobile-nav-links {
            display: flex;
            flex-direction: column;
            gap: 30px;
            text-align: center;
        }

        .mobile-nav-links a {
            text-decoration: none;
            color: var(--text);
            font-size: 32px;
            font-family: 'Syne', sans-serif;
            font-weight: 800;
        }
     
        @media (max-width: 767px) {
            nav.desktop-nav { display: none; }
            .menu-icon { display: block; }
            .cta-btn { width: 100%; }
            .section-title { text-align: center; }
        }

        .currency-switch {
            background: #f4f4f4;
            padding: 5px 10px;
            border-radius: 20px;
            transition: background 0.3s;
        }

        .currency-switch:hover {
            background: #e0e0e0;
        }

        .flag-toggle {
            user-select: none;
            font-weight: 700;
        }

        .flag {
            opacity: 0.5;
            transition: 0.3s ease;
        }

        .flag.active {
            opacity: 1;
            transform: scale(1.1);
        }

        .divider {
            font-size: 12px;
            opacity: 0.4;
        }

        .currency-switch:active {
            transform: scale(0.95);
        }