.section-banners-home{
    position:relative;
}

/* 1. Força o alinhamento horizontal dos slides */
.js-swiper-testimonials .swiper-wrapper {
    display: flex !important;
    flex-direction: row !important;
}

/* 2. Força o tamanho do slide baseado no que o JS mandar */
.js-swiper-testimonials .swiper-slide {
    flex-shrink: 0 !important;
    width: auto; /* Deixa o Swiper injetar o inline-style dele */
    max-width: 100%;
    box-sizing: border-box;
}

/* 3. O SEGREDO: Impede a imagem de esticar o slide */
.js-swiper-testimonials .swiper-slide img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block;
    pointer-events: none; /* Evita que o clique na imagem atrapalhe o arraste */
}

/* 4. Garante que as setas apareçam e sejam clicáveis */
.js-swiper-testimonials-next, 
.js-swiper-testimonials-prev {
    cursor: pointer !important;
    z-index: 99;
    opacity: 1 !important;
}



#custom-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000;
    background: #fff;
    width: 100%;
    max-width: 600px;
    padding: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    height: 300px;
}

#custom-popup, #custom-popup img{
    border-radius: 10px;
}

#custom-popup-overlay {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 9999;
}

#custom-popup .custom-popup-close {
    position: absolute;
    top: 7px;
    right: 10px;
    font-size: 25px;
    cursor: pointer;
    border: 1px solid #000;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    padding: 0px;
    line-height: 18px;
    padding-left: 2px;
}

.custom-newsletter {
    position: relative;
    z-index: 2;
    top: -170px;
    width: 40%;
    right: 0;
    float: right;
}

#custom-popup .js-news-popup-submit{
    background: #000;
    color: #fff;
    padding: 10px 40px 10px 20px;
    border-radius: 10px;
    height: 40px;
}

#custom-popup .js-news-send{
    left: -40px;
    position: relative;
    fill: #fff;
    color: #fff;
    z-index: 9;
}

#custom-popup .js-news-send svg{
    fill:#fff !important;
}

#campo-personalizado--root .form-group {
    margin-bottom: 0px;
}

.personaliza-id text{
    font-family: "Nunito Sans", sans-serif;
    fill: #333;
    font-weight: 800;
}

[data-shipping-type="pickup"] [data-component="option.date"] {
    display:none;
}

.js-other-pickup-options {
  display: block !important;
}

.js-toggle-more-shipping-options{
    display:none !important;
}

.personaliza-mobile{
    display:none;
}

@media (max-width: 767px) {
    #custom-popup {
        width: 96vw; 
        height: 48vw;
    }

    #custom-popup .custom-newsletter {
        top: -110px;
    }

    #custom-popup .form-group {
        margin-bottom: 10px;
    }

    #custom-popup #email{
        height:15px;
        font-size:12px;
    }

    #custom-popup .js-news-popup-submit {
        font-size:12px;
    }

    #custom-popup .js-news-send {
        left: -30px;
    }

    .personaliza-desktop{
        display:none;
    }

    .personaliza-mobile{
        display:block;
    }
}