/* Замена owl для карточек каталога — HTML не трогаем */

.catalog-item__slider.owl-carousel[data-catalog-carousel],
.catalog__products-item-carousel.owl-carousel[data-catalog-carousel] {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    position: relative;
    max-width: 100%;
}

.catalog-item__slider.owl-carousel[data-catalog-carousel]::-webkit-scrollbar,
.catalog__products-item-carousel.owl-carousel[data-catalog-carousel]::-webkit-scrollbar {
    display: none;
}

.catalog-item__slider.owl-carousel[data-catalog-carousel] > img,
.catalog__products-item-carousel.owl-carousel[data-catalog-carousel] > img {
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    display: block;
    object-fit: cover;
}

/* Убираем артефакты owl, если классы остались в DOM */
.catalog-item__slider.owl-carousel .owl-stage-outer,
.catalog-item__slider.owl-carousel .owl-stage,
.catalog-item__slider.owl-carousel .owl-item,
.catalog__products-item-carousel.owl-carousel .owl-stage-outer,
.catalog__products-item-carousel.owl-carousel .owl-stage,
.catalog__products-item-carousel.owl-carousel .owl-item {
    all: unset;
    display: contents;
}

/* Точки только для grid-варианта (как .owl-dots в new-styles.css) */
.catalog__products-item-carousel-wrapper .catalog-carousel-dots.owl-dots {
    display: flex;
    flex-wrap: nowrap;
    gap: 2px;
    margin-top: 2px;
    width: 100%;
}

.catalog__products-item-carousel-wrapper .catalog-carousel-dots .owl-dot {
    height: 3px;
    padding: 0;
    border: 0;
    background: #AC784B66;
    flex: 1 1 0;
    cursor: pointer;
}

.catalog__products-item-carousel-wrapper .catalog-carousel-dots .owl-dot.active,
.catalog__products-item-carousel-wrapper .catalog-carousel-dots .owl-dot:hover {
    background: #AC784B;
}

/* До инициализации — как optimize.less для owl */
.tmpl-category .catalog-item__slider.owl-carousel:not([data-catalog-carousel]) {
    aspect-ratio: 43 / 36;
    display: flex;
    overflow: hidden;
}

.tmpl-category .catalog-item__slider.owl-carousel:not([data-catalog-carousel]) > img {
    flex: 0 0 100%;
    min-width: 100%;
}

.tmpl-category .catalog-item__slider.owl-carousel:not([data-catalog-carousel]) > img:not(:first-child) {
    display: none;
}

.no-js .owl-carousel .catalog__products-item-carousel-nav {
    display: none;
}