/* MarketBashi M.B — configurable visible gallery thumbnails v0.2.2
   Scoped to the standard single-product FlexSlider thumbnail strip.
   Does not change fullscreen PhotoSwipe thumbnails. */
.woocommerce div.product div.images
.flex-control-nav.flex-control-thumbs > li {
    flex: 0 0 var(--mb-gallery-thumb-width-mobile) !important;
    width: var(--mb-gallery-thumb-width-mobile) !important;
    max-width: var(--mb-gallery-thumb-width-mobile) !important;
    min-width: 0;
}

.woocommerce div.product div.images
.flex-control-nav.flex-control-thumbs > li > img {
    display: block;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}

@media (min-width: 768px) {
    .woocommerce div.product div.images
    .flex-control-nav.flex-control-thumbs > li {
        flex-basis: var(--mb-gallery-thumb-width-desktop) !important;
        width: var(--mb-gallery-thumb-width-desktop) !important;
        max-width: var(--mb-gallery-thumb-width-desktop) !important;
    }
}