:root {
            --store-primary: #F68B1E;
            --store-primary-dark: #D97706;
            --store-primary-light: #FF9E3B;
            --store-primary-soft: #FFF7ED;
            --store-navy: #172337;
            --store-navy-dark: #0F172A;
            --store-navy-light: #1E293B;
            --store-navy-muted: #334155;
            --store-page-background: #F5F5F5;
        }

        @keyframes storeLogoBounce { 0%, 100% { transform: translateY(-8%); } 50% { transform: translateY(0); } }
        @keyframes storeLogoPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } }
        @keyframes storeLogoSpin { to { transform: rotate(360deg); } }
        .preloader-bounce { animation: storeLogoBounce 1s infinite; }
        .preloader-pulse { animation: storeLogoPulse 1.3s infinite; }
        .preloader-spin { animation: storeLogoSpin 1.4s linear infinite; }

 body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            background-color: var(--store-page-background);
            color: #111827;
            overflow-x: hidden;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #E2E8F0;
        }
        ::-webkit-scrollbar-thumb {
            background: var(--store-primary);
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: var(--store-navy);
        }

        /* Hide scrollbars for horizontal slider containers */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Glassmorphism & Animations */
        .glass-panel {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(8px);
        }

        @keyframes pulseBadge {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.08); }
        }
        .animate-pulse-badge {
            animation: pulseBadge 2s infinite ease-in-out;
        }

        .line-clamp-2 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }