/* Keep mobile banner dots compact, with separate 24px-wide touch targets. */
@media (max-width: 767px) {
    #ty-home-flex-slider ol.ty-home-banner-controls { column-gap: 0; }
    #ty-home-flex-slider button.ty-home-banner-dot { width: 24px; }
}

/* Compact Special Offers and New Arrivals dots without overlapping touch targets. */
@media (max-width: 767px) {
    .ty-splide-slider .js-home-splide .splide__pagination { gap: 0; }
    .ty-splide-slider .js-home-splide button.splide__pagination__page { width: 24px; margin: 0; }
}