:root {
            --honey: #FBBF24;
            --charcoal: #0F172A;
        }

        body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            background-color: #FAFAFA;
            overflow-x: hidden;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }

        ::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        ::-webkit-scrollbar-thumb {
            background: #FBBF24;
            border-radius: 10px;
        }

        /* Slider Logic */
        .slider-container {
            display: flex;
            transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .slide {
            min-width: 100%;
        }

        /* Cart Drawer Animation */
        #cart-drawer {
            transition: transform 0.4s ease-in-out;
            transform: translateX(100%);
        }

        #cart-drawer.open {
            transform: translateX(0);
        }

        #cart-overlay {
            transition: opacity 0.4s ease;
            opacity: 0;
            pointer-events: none;
        }

        #cart-overlay.open {
            opacity: 1;
            pointer-events: auto;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .animate-fadeIn {
            animation: fadeIn 0.4s ease forwards;
        }

        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }