/* 🔹 Top Offer Text Animation (Renamed to avoid conflict) */
        /* 🔹 Top Offer Text Animation (Renamed to avoid conflict) */
        @keyframes slideText {
            0% {
                transform: translateX(100%);
                opacity: 0;
            }

            10%,
            90% {
                transform: translateX(0);
                opacity: 1;
            }

            100% {
                transform: translateX(-100%);
                opacity: 0;
            }
        }

        .animate-slide {
            animation: slideText 5s ease-in-out infinite;
        }


        /* 🔹 Image Slider Animation */
        .slider {
            display: flex;
            width: 200%;
            animation: slide 10s infinite;
        }

        @keyframes slide {

            0%,
            20% {
                transform: translateX(0);
            }

            25%,
            45% {
                transform: translateX(-50%);
            }

            50%,
            70% {
                transform: translateX(0);
            }

            75%,
            95% {
                transform: translateX(-50%);
            }

            100% {
                transform: translateX(0);
            }
        }


            /* Infinite smooth scrolling */
        @keyframes scroll {
            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(-50%);
            }
        }

        /* Main wrapper */
        .slider-container {
            overflow: hidden;
            white-space: nowrap;
        }

        /* Two copies inside — ensures NO GAP */
        .scrolling-wrapper {
            display: flex;
            width: max-content;
            animation: scroll 20s linear infinite;
        }


        /*-------------------------------------- section 4 ------------------------*/
        /* Animation */
        @keyframes zoomFadeUp {
            0% {
                opacity: 0;
                transform: scale(0.92) translateY(40px);
                filter: blur(4px);
            }

            50% {
                opacity: 0.7;
                filter: blur(2px);
            }

            100% {
                opacity: 1;
                transform: scale(1) translateY(0);
                filter: blur(0);
            }
        }

        .animate {
            animation: zoomFadeUp 1.2s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
        }

        /* section 5  */

        @keyframes stepScroll {
            0% {
                transform: translateX(0);
            }

            20% {
                transform: translateX(0);
            }

            /* Pause */
            30% {
                transform: translateX(-16.66%);
            }

            /* Move 1 card */
            50% {
                transform: translateX(-16.66%);
            }

            /* Pause */
            60% {
                transform: translateX(-33.33%);
            }

            /* Move 2 cards */
            80% {
                transform: translateX(-33.33%);
            }

            /* Pause */
            90% {
                transform: translateX(-50%);
            }

            /* Move 3 cards */
            100% {
                transform: translateX(-50%);
            }

            /* Loop before visible end */
        }

        .step-slider {
            animation: stepScroll 18s ease-in-out infinite;
        }

        @keyframes slide-left {
            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(-50%);
            }
        }

        .scroller {
            animation: slide-left 18s linear infinite;
        }

        /* ------------------------- marquee slid---------------------------- */
        @keyframes moveLeft {
            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(-50%);
            }
        }

        /* slider animation */
        .icon-slider {
            width: max-content;
            display: flex;
            animation: moveLeft 40s linear infinite;
        }

        /* stop movement on hover */
        .icon-slider:hover {
            animation-play-state: paused;
        }

        body {
            font-family: 'Poppins', sans-serif;
        }


        .dropdown-menu {
            /* This ensures the dropdown starts closed and opens smoothly */
            transform-origin: top;
            transition: transform 300ms ease-out, opacity 300ms ease-out;
            opacity: 0;
            pointer-events: none;
            /* Disable interaction when hidden */
        }

        .peer:checked~.dropdown-menu {
            transform: scaleY(1);
            opacity: 1;
            pointer-events: auto;
        }