.tf-swiper:not(.swiper-initialized)[data-preview] > .swiper-wrapper {
    display: flex;
    box-sizing: content-box;
}

.tf-swiper:not(.swiper-initialized)[data-preview] > .swiper-wrapper > .swiper-slide {
    flex-shrink: 0;
    box-sizing: border-box;
    height: auto;
}

/* Mobile (default slidesPerView = data-mobile) */
.tf-swiper:not(.swiper-initialized)[data-mobile="1"] > .swiper-wrapper > .swiper-slide { width: 100%; }
.tf-swiper:not(.swiper-initialized)[data-mobile="1.1"] > .swiper-wrapper > .swiper-slide { width: 90.909%; }
.tf-swiper:not(.swiper-initialized)[data-mobile="1.15"] > .swiper-wrapper > .swiper-slide { width: 86.956%; }
.tf-swiper:not(.swiper-initialized)[data-mobile="1.2"] > .swiper-wrapper > .swiper-slide { width: 83.333%; }
.tf-swiper:not(.swiper-initialized)[data-mobile="1.5"] > .swiper-wrapper > .swiper-slide { width: 66.666%; }
.tf-swiper:not(.swiper-initialized)[data-mobile="2"] > .swiper-wrapper > .swiper-slide { width: 50%; }
.tf-swiper:not(.swiper-initialized)[data-mobile="2.2"] > .swiper-wrapper > .swiper-slide { width: 45.454%; }
.tf-swiper:not(.swiper-initialized)[data-mobile="3"] > .swiper-wrapper > .swiper-slide { width: 33.333%; }
.tf-swiper:not(.swiper-initialized)[data-mobile="4"] > .swiper-wrapper > .swiper-slide { width: 25%; }

@media (min-width: 575px) {
    .tf-swiper:not(.swiper-initialized)[data-mobile-sm="1"] > .swiper-wrapper > .swiper-slide { width: 100%; }
    .tf-swiper:not(.swiper-initialized)[data-mobile-sm="1.4"] > .swiper-wrapper > .swiper-slide { width: 71.428%; }
    .tf-swiper:not(.swiper-initialized)[data-mobile-sm="1.5"] > .swiper-wrapper > .swiper-slide { width: 66.666%; }
    .tf-swiper:not(.swiper-initialized)[data-mobile-sm="2"] > .swiper-wrapper > .swiper-slide { width: 50%; }
    .tf-swiper:not(.swiper-initialized)[data-mobile-sm="2.2"] > .swiper-wrapper > .swiper-slide { width: 45.454%; }
    .tf-swiper:not(.swiper-initialized)[data-mobile-sm="2.3"] > .swiper-wrapper > .swiper-slide { width: 43.478%; }
    .tf-swiper:not(.swiper-initialized)[data-mobile-sm="3"] > .swiper-wrapper > .swiper-slide { width: 33.333%; }
    .tf-swiper:not(.swiper-initialized)[data-mobile-sm="4"] > .swiper-wrapper > .swiper-slide { width: 25%; }
}

@media (min-width: 768px) {
    .tf-swiper:not(.swiper-initialized)[data-tablet="2"] > .swiper-wrapper > .swiper-slide { width: 50%; }
    .tf-swiper:not(.swiper-initialized)[data-tablet="2.2"] > .swiper-wrapper > .swiper-slide { width: 45.454%; }
    .tf-swiper:not(.swiper-initialized)[data-tablet="3"] > .swiper-wrapper > .swiper-slide { width: 33.333%; }
    .tf-swiper:not(.swiper-initialized)[data-tablet="3.2"] > .swiper-wrapper > .swiper-slide { width: 31.25%; }
    .tf-swiper:not(.swiper-initialized)[data-tablet="3.3"] > .swiper-wrapper > .swiper-slide { width: 30.303%; }
    .tf-swiper:not(.swiper-initialized)[data-tablet="4"] > .swiper-wrapper > .swiper-slide { width: 25%; }
    .tf-swiper:not(.swiper-initialized)[data-tablet="5"] > .swiper-wrapper > .swiper-slide { width: 20%; }
    .tf-swiper:not(.swiper-initialized)[data-tablet="6"] > .swiper-wrapper > .swiper-slide { width: 16.666%; }
}

@media (min-width: 1200px) {
    .tf-swiper:not(.swiper-initialized)[data-preview="2"] > .swiper-wrapper > .swiper-slide { width: 50%; }
    .tf-swiper:not(.swiper-initialized)[data-preview="2.4026"] > .swiper-wrapper > .swiper-slide { width: 41.62%; }
    .tf-swiper:not(.swiper-initialized)[data-preview="3"] > .swiper-wrapper > .swiper-slide { width: 33.333%; }
    .tf-swiper:not(.swiper-initialized)[data-preview="3.2"] > .swiper-wrapper > .swiper-slide { width: 31.25%; }
    .tf-swiper:not(.swiper-initialized)[data-preview="4"] > .swiper-wrapper > .swiper-slide { width: 25%; }
    .tf-swiper:not(.swiper-initialized)[data-preview="5"] > .swiper-wrapper > .swiper-slide { width: 20%; }
    .tf-swiper:not(.swiper-initialized)[data-preview="6"] > .swiper-wrapper > .swiper-slide { width: 16.666%; }
    .tf-swiper:not(.swiper-initialized)[data-preview="7"] > .swiper-wrapper > .swiper-slide { width: 14.285%; }
    .tf-swiper:not(.swiper-initialized)[data-preview="8"] > .swiper-wrapper > .swiper-slide { width: 12.5%; }
}

@media (min-width: 1600px) {
    .tf-swiper:not(.swiper-initialized)[data-laptop="5"] > .swiper-wrapper > .swiper-slide { width: 20%; }
    .tf-swiper:not(.swiper-initialized)[data-laptop="6"] > .swiper-wrapper > .swiper-slide { width: 16.666%; }
    .tf-swiper:not(.swiper-initialized)[data-laptop="7"] > .swiper-wrapper > .swiper-slide { width: 14.285%; }
    .tf-swiper:not(.swiper-initialized)[data-laptop="8"] > .swiper-wrapper > .swiper-slide { width: 12.5%; }
}

/* Keep multi-slide carousels from collapsing to a single column while waiting for JS */
.tf-section[data-tf-type="home.categories"] .tf-swiper:not(.swiper-initialized),
.tf-section[data-tf-type="home.icon_box"] .tf-swiper:not(.swiper-initialized),
.tf-section[data-tf-type="home.features"] .tf-swiper:not(.swiper-initialized),
.tf-features-section .tf-swiper:not(.swiper-initialized),
.section-category .tf-swiper:not(.swiper-initialized) {
    overflow: hidden;
}

/* Center icon boxes when fewer items than slidesPerView (pre-init + sparse) */
.tf-features-section .tf-swiper[data-center-insufficient="true"]:not(.swiper-initialized) > .swiper-wrapper,
.tf-features-section .tf-swiper.tf-swiper--sparse:not(.swiper-initialized) > .swiper-wrapper {
    justify-content: center;
}