/* Слайдеры главной на CSS scroll-snap (js/sp-slider.js). Разметка — как у Owl, поэтому старые стили
   стрелок, точек и .owl-item продолжают действовать; здесь только то, что раньше делал скрипт Owl:
   ширина слайдов (--sp-n слайдов в ряд, зазор --sp-gap) и сама прокрутка. Подключается последним. */
.sp-slider {
    --sp-n: 1;
    --sp-gap: 0px;
}

.owl-carousel.sp-slider {
    display: block;
}

.sp-slider .owl-stage-outer {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
}

.sp-slider .owl-stage-outer::-webkit-scrollbar {
    display: none;
}

.sp-slider .owl-stage {
    display: flex;
    align-items: flex-start;
    gap: var(--sp-gap);
    width: auto;
    transform: none;
}

.sp-slider .owl-stage:after {
    content: none;
}

.sp-slider .owl-item {
    float: none;
    flex: 0 0 calc((100% - var(--sp-gap) * (var(--sp-n) - 1)) / var(--sp-n));
    min-width: 0;
    scroll-snap-align: start;
}

/* Стрелки и точки — кнопки; снимаем оформление браузера, вид задают старые правила .owl-nav / .owl-dot */
.sp-slider .owl-nav button,
.sp-slider .owl-dots button {
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    background-color: transparent;
}

.sp-slider .owl-dots.disabled {
    display: none !important;
}

/* Ленты «Новое», «Распродажа», «Топовые»: Owl — 4 / 3 / 2 / 1.12 */
.home-line__outer .sp-slider {
    --sp-n: 1.12;
}

@media (min-width: 768px) {
    .home-line__outer .sp-slider {
        --sp-n: 2;
    }
}

@media (min-width: 1000px) {
    .home-line__outer .sp-slider {
        --sp-n: 3;
    }
}

@media (min-width: 1200px) {
    .home-line__outer .sp-slider {
        --sp-n: 4;
    }
}

/* «Горячие объявления» (.home-line__outer[data-block=ads]): 3 / 2 / 2 / 1.12 с общим шагом карточек из spacing.css */
.home-line__outer .sp-slider#home-line-ads__carousel {
    --sp-gap: var(--sp-card);
}

@media (min-width: 768px) {
    .home-line__outer .sp-slider#home-line-ads__carousel {
        --sp-n: 2;
    }
}

@media (min-width: 1200px) {
    .home-line__outer .sp-slider#home-line-ads__carousel {
        --sp-n: 3;
    }
}

/* «Вы недавно смотрели»: 1 с полями 28px / 3 / 5, на телефоне без стрелок. Зазор — поля .owl-item (8+8), как в других лентах */
#viewed_products_carousel.sp-slider {
    --sp-n: 1;
    --sp-gap: 0px;
}

#viewed_products_carousel.sp-slider .owl-stage-outer {
    overflow-x: auto !important;
    scroll-padding-inline: 28px;
}

#viewed_products_carousel.sp-slider .owl-stage {
    padding: 0 28px;
}

#viewed_products_carousel.sp-slider .owl-nav {
    display: none;
}

@media (min-width: 768px) {
    #viewed_products_carousel.sp-slider {
        --sp-n: 3;
    }

    #viewed_products_carousel.sp-slider .owl-stage-outer {
        scroll-padding-inline: 0;
    }

    #viewed_products_carousel.sp-slider .owl-stage {
        padding: 0;
    }

    #viewed_products_carousel.sp-slider .owl-nav {
        display: block;
    }

    #viewed_products_carousel.sp-slider .owl-nav.disabled {
        display: none;
    }
}

@media (min-width: 1200px) {
    #viewed_products_carousel.sp-slider {
        --sp-n: 5;
    }
}