/* --- Estructura General --- */
.woo-gallery { display: flex !important; width: 100% !important; opacity: 1 !important; visibility: visible !important; }

.woo-gallery-item {
    position: relative !important;
    overflow: hidden !important;
    aspect-ratio: 3/4 !important;
    background: #fff;
}

.woo-gallery-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.4s ease-out;
    display: block;
}

.woo-gallery.lpc-product-gallery-widget .woo-gallery-item,
.woo-gallery[data-lpc-gallery-widget="1"] .woo-gallery-item,
.lait-native-product-gallery.woo-gallery .woo-gallery-item {
    transition: opacity .34s cubic-bezier(.22, 1, .36, 1), transform .34s cubic-bezier(.22, 1, .36, 1);
}

.woo-gallery.lpc-product-gallery-widget.is-entering .woo-gallery-item,
.woo-gallery[data-lpc-gallery-widget="1"].is-entering .woo-gallery-item,
.lait-native-product-gallery.woo-gallery.is-entering .woo-gallery-item {
    opacity: 0;
    transform: translateY(5px);
}

/* --- Móvil --- */
@media (max-width: 767px) {
    .woo-gallery { flex-wrap: nowrap !important; overflow: hidden !important; }
    .woo-gallery-item { flex-shrink: 0 !important; width: 100% !important; }
    .lp-pagination.swiper-pagination-progressbar { 
        top: auto !important; bottom: 0 !important; height: 3px !important;
        background: rgba(0,0,0,0.05) !important; z-index: 10; 
    }
    .lp-pagination .swiper-pagination-progressbar-fill { background: rgba(0,0,0,0.3) !important; }
}

/* --- Escritorio --- */
@media (min-width: 768px) {
    .woo-gallery {
        display: grid !important;
        grid-template-columns: repeat(var(--cols-desktop, 2), 1fr) !important;
        gap: var(--lp-gap, 1px) !important;
    }

    .woo-gallery.is-single-image {
        grid-template-columns: 1fr !important;
    }

    .woo-gallery.is-single-image .woo-gallery-item {
        width: 100% !important;
        grid-column: 1 / -1 !important;
    }

    .woo-gallery.is-single-image .woo-gallery-item img {
        width: 100% !important;
    }
}

/* Fix para temas intrusivos */
.product-gallery-wrap, .product--gallery--wrapper { display: block !important; transform: none !important; }