.oudilux-announcement-bar-slider {
    /*--slide-spacing: 1rem;*/
    overflow: hidden !important;
    --slide-size: 100%;
    position: relative;
}


.oudilux-announcement-bar-viewport {
    overflow: hidden !important;
}

.oudilux-announcement-bar-container {
    display: flex;
    touch-action: pan-y pinch-zoom;
    /*margin-left: calc(var(--slide-spacing) * -1);*/
}

.oudilux-announcement-bar-slide {
    transform: translate3d(0, 0, 0);
    flex: 0 0 var(--slide-size);
    min-width: 0;
    padding-left: var(--slide-spacing);
}


    /*HOMEPAGE SLIDER*/


.oudilux-homepage-slider {

    margin: auto;
    /*--slide-spacing: 0rem;*/
    --slide-size: 100%;
    overflow: hidden !important;
}

.oudilux-homepage-slider-viewport {
    overflow: hidden !important;
}

.oudilux-homepage-slider-container {
    display: flex;
    touch-action: pan-y pinch-zoom;
    /*margin-left: calc(var(--slide-spacing) * -1);*/
}


.oudilux-homepage-slide {
    transform: translate3d(0, 0, 0);
    flex: 0 0 var(--slide-size);
    min-width: 0;
    padding-left: var(--slide-spacing);
}


.oudilux-homepage-number {

    /*border-radius: 1.8rem;*/
    /*font-size: 4rem;*/
    /*font-weight: 600;*/
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1920 / 900; /* Maintain the image's aspect ratio */
    user-select: none;
}

 /*TESTIMONIAL SLIDER */
.oudilux-testimonial-slider {
    margin: auto;

    --slide-size: 24.5%;
    overflow: hidden !important;
}


.oudilux-testimonial-viewport {
    overflow: hidden !important;
}

.oudilux-testimonial-container {
    display: flex;
    touch-action: pan-y pinch-zoom;

}

.oudilux-testimonial-slide {
    transform: translate3d(0, 0, 0);
    flex: 0 0 var(--slide-size);
    min-width: 0;


}




/*CART PRODUCT SLIDER*/


.oudilux-cart-product-slider {

    margin: auto;
    /*--slide-height: 90vh;*/
    --slide-spacing: 1rem;
    --slide-size: 80%;
    overflow: hidden !important;
}

.oudilux-cart-product-slider-viewport {
    overflow: hidden !important;

}

.oudilux-cart-product-slider-container {
    display: flex;
    touch-action: pan-y pinch-zoom;
    margin-left: calc(var(--slide-spacing) * -1);
}


.oudilux-cart-product-slide {
    transform: translate3d(0, 0, 0);
    flex: 0 0 var(--slide-size);
    min-width: 0;
    padding-left: var(--slide-spacing);
}


.oudilux-cart-product-number {
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--slide-height);
    user-select: none;
}


/*SLIDER BUTTONS*/

.oudilux--button {

    pointer-events: auto; /* re-enable clicks */
    background: #bb9446;

    color: white;
    padding: 10px;
    cursor: pointer;
    z-index: 10;

}

.oudilux-slider-controls {
    display: grid;
    grid-template-columns: auto 1fr;
    justify-content: space-between;
    gap: 1.2rem;
    margin-top: 1.8rem;
}


.oudilux-fade-in-up {
    animation: oudiluxFadeInUp 1s ease forwards;
}

@keyframes oudiluxFadeInUp {
    from {
        opacity: 0;
        transform: translateY(90px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.oudilux-shop-now {
    animation: oudiluxTranslateX 1s ease forwards;
}

@keyframes oudiluxTranslateX {
    from {
        opacity: 0;
        transform: translateX(-90px); /* comes from below */
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.magnifier-lens {
    position: absolute;
    border: 1px solid #000;
    border-radius: 50%;
    cursor: crosshair;
    box-shadow: 0 0 5px #000;
    pointer-events: none;
    visibility: hidden;
    background-repeat: no-repeat;
}

.magnifier-image-container {
    position: relative;
    display: inline-block;
}

.magnifier-img {
    display: block;
    max-width: 100%;
}


@media (max-width: 640px) {
    .oudilux-homepage-slider  {
        /* Height now handled by aspect-ratio */
    }
    .oudilux-homepage-viewport{
        /* Height now handled by aspect-ratio */
    }
    .oudilux-homepage-container{
        /* Height now handled by aspect-ratio */
    }

    .oudilux-homepage-number{
        /* Height now handled by aspect-ratio */
    }

    .oudilux-testimonial-slider {
        margin: auto;

        --slide-size: 100%;
        overflow: hidden !important;
    }


}
