/*
 * Galeria no celular: carrossel de arrastar, sem as miniaturas embaixo, com a
 * próxima foto espiando na borda direita — como na página de referência do
 * cliente (modab.com.br). No computador nada muda: as miniaturas e a galeria
 * fixa continuam como foram aprovadas.
 */

@media (max-width: 767px) {
    .ref-galeria .jet-woo-swiper-gallery-thumbs,
    .ref-galeria .jet-gallery-swiper-thumb,
    .ref-galeria .jet-swiper-nav {
        display: none !important;
    }

    /*
     * A próxima foto espia dentro da largura da galeria: o corte do Swiper
     * continua de pé. Soltar esse corte para a foto invadir a margem da página
     * criava rolagem lateral — a página inteira ficava arrastável de lado.
     */
    .ref-galeria .jet-woo-product-gallery__image-item:not(.swiper-slide-active) {
        opacity: .55;
        transition: opacity .25s ease;
    }
}