/* Скрываем стандартный чекбокс */
.t-checkbox {
    display: none; /* Полностью скрываем стандартный чекбокс */
}

/* Кастомный квадрат для чекбокса */
.t-checkbox__indicator {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #fff; /* Цвет границы */
    background-color: transparent; /* Прозрачный фон */
    border-radius: 2px; /* Закругленные углы */
    margin-right: 8px; /* Отступ между квадратом и текстом */
    position: relative;
    vertical-align: middle;
    transition: all 0s ease; /* Плавный переход */
}

/* Стиль при наведении */
.t-checkbox__control:hover .t-checkbox__indicator {
    border-color: white; /* Изменение цвета границы при наведении */
}

/* Активное состояние (когда чекбокс выбран) */
.t-checkbox:checked + .t-checkbox__indicator {
    background-color: #fff !important; /* Белый фон */
    border-color: #fff !important; /* Белая граница */
}

/* Добавляем галочку внутри квадрата */
.t-checkbox:checked + .t-checkbox__indicator::after {
    content: "";
    display: block;
    width: 8px;
    height: 4px;
    border: solid #fff; /* Цвет галочки */
    border-width: 0 0px 0px 0;
    position: absolute;
    top: 2px;
    left: 2px;
    transform: rotate(45deg);
}

/* Стиль текста рядом с чекбоксом */
.t-checkbox__control span {
    font-size: 14px; /* Размер шрифта */
    color: #fff; /* Цвет текста */
    vertical-align: middle;
}

/* Если нужно targeting конкретного элемента */
.t-product__option-title.js-product-option-name {
    color: #fff !important; /* Замените #your-color на нужный цвет */
}



.custom-video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transform: scale(1.2);
    transform-origin: center;
}

/* Для мобильных устройств */
@media (max-width: 768px) {
    .custom-video {
        transform: scale(1.0); /* Возвращаем исходный размер */
    }
}