/*
 * Видео в галерее товара (.cart-slider).
 *
 * Нативные <video controls> перехватывали pointer-события и конфликтовали с
 * drag Swiper — свайп по слайду с видео не откликался (жалоба 2026-05-20).
 *
 * Решение: video ВСЕГДА pointer-events:none → все жесты получает Swiper, свайп
 * работает в любой момент. Нативные controls не используем. Управление через
 * оверлей-кнопку .cart-slider__video-play (assets/js/cart-slider-perf.js):
 * тап → play (.is-playing скрывает кнопку); по окончании видео JS снимает
 * .is-playing и возвращает кадр-постер (#t=0.5) → кнопка play снова видна
 * (повторный запуск). Свайп на другой слайд тоже сбрасывает в это состояние.
 */

.cart-slider__video {
    position: relative;
    width: 100%;
    line-height: 0;
}

.cart-slider__video video {
    width: 100%;
    height: auto;
    display: block;
    /* ВСЕГДА none → свайп Swiper работает на слайде с видео в любой момент
     * (и до, и во время проигрывания). Управление — оверлей-кнопкой; нативные
     * controls не используем, они перехватывали жесты и ломали свайп. */
    pointer-events: none;
}

/* Кнопка play поверх кадра-превью */
.cart-slider__video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    padding: 0;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.55);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 55% center;
    background-size: 26px;
    transition: background-color 0.2s, opacity 0.2s;
}

.cart-slider__video-play:hover {
    background-color: rgba(0, 0, 0, 0.78);
}

.cart-slider__video.is-playing .cart-slider__video-play {
    display: none;
}