/* Keep the WooSwipe main gallery; present its thumbnails as a wrapped grid. */
#wooswipe .thumbnails {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

#wooswipe .thumbnails .thumbnail-nav.slick-initialized .slick-arrow {
    display: none !important;
}

#wooswipe .thumbnails .thumbnail-nav.slick-initialized .slick-list {
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
}

#wooswipe .thumbnails .thumbnail-nav.slick-initialized .slick-track {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    align-items: stretch;
    width: 100% !important;
    transform: none !important;
}

#wooswipe .thumbnails .thumbnail-nav.slick-initialized .slick-track::before,
#wooswipe .thumbnails .thumbnail-nav.slick-initialized .slick-track::after {
    content: none !important;
    display: none !important;
}

#wooswipe .thumbnails .thumbnail-nav.slick-initialized .slick-slide {
    display: block !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Products with fewer than five images may have Slick's duplicate slides. */
#wooswipe .thumbnails .thumbnail-nav.slick-initialized .slick-slide.slick-cloned {
    display: none !important;
}

#wooswipe .thumbnails .thumbnail-nav .thumb img {
    width: min(112px, 100%) !important;
    height: 100px !important;
    aspect-ratio: 112 / 100;
    object-fit: contain !important;
    margin: 0 auto !important;
}

#wooswipe .thumbnails .thumbnail-nav .thumb.is-active img,
#wooswipe .thumbnails .thumbnail-nav .thumb.is-selected img {
    border: 2px solid #BF0401 !important;
}

@media (max-width: 767px) {
    #wooswipe .thumbnails .thumbnail-nav.slick-initialized .slick-track {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}