/* WoodMart 8.6.1 Mobile Gallery Fix — Swiper classes */
@media (max-width: 767px) {

    /* Contenedor principal del carrusel Swiper de WoodMart */
    .single-product .woocommerce-product-gallery .wd-carousel-container.wd-gallery-images,
    .single-product .woocommerce-product-gallery .wd-carousel-inner {
        height: auto !important;
        max-height: 420px !important;
        overflow: hidden !important;
    }

    /* El elemento Swiper raíz (.wd-carousel) — Swiper inyecta height inline aquí */
    .single-product .woocommerce-product-gallery .wd-carousel.wd-grid {
        height: auto !important;
        max-height: 420px !important;
    }

    /* Swiper wrapper interno */
    .single-product .woocommerce-product-gallery .wd-carousel-wrap {
        height: auto !important;
        max-height: 420px !important;
        align-items: center !important;
    }

    /* Cada slide */
    .single-product .woocommerce-product-gallery .wd-carousel-item {
        height: auto !important;
        max-height: 420px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* La figura dentro de cada slide */
    .single-product .woocommerce-product-gallery .wd-carousel-item .woocommerce-product-gallery__image {
        height: auto !important;
        max-height: 420px !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Imagen principal — limitar y centrar */
    .single-product .woocommerce-product-gallery .wd-carousel-item .woocommerce-product-gallery__image img,
    .single-product .woocommerce-product-gallery .wd-carousel-item img {
        max-height: 420px !important;
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        object-position: center center !important;
        display: block !important;
        margin: 0 auto !important;
    }

    /* Thumbnails — mantener pequeños */
    .single-product .woocommerce-product-gallery .wd-carousel-container.wd-gallery-thumb .wd-carousel-item img {
        max-height: 80px !important;
        width: auto !important;
        height: auto !important;
        object-fit: cover !important;
    }
}