/* --- ГЛОБАЛЬНЫЕ СТИЛИ НАВИГАЦИИ КУРСА (TLK SWITCHER) --- */

/* 1. Общий фон и удаление верхней границы */
.t-records .tlk-switcher {
    background-color: #1e1e1e !important;
    border-top: none !important; /* Удаляем нежелательную черную полосу */
}

/* 2. Основной стиль для кнопок-ссылок (для всех устройств) */
.t-records .tlk-switcher__item a {
    background-color: #81dffe !important; 
    color: #000000 !important; 
    z-index: 10 !important;
}

/* Цвет стрелок (SVG path) */
.t-records .tlk-switcher__item a svg path {
    stroke: #000000 !important;
}

/* Цвет бургер-меню в мобильной версии */
@media screen and (max-width: 1199px) {

    .tlk-menu__courses {
        background-color: #3d3d3d !important;
    }
    
    .tlk-menu__burger span,
    .tlk-menu__burger::before,
    .tlk-menu__burger::after {
        background-color: #FFF !important;
    }
    
    .tlk-menu__container {
        background-color: #3d3d3d !important;
    }

    .tlk-menu .tlk-menu__title-wrap a, .tlk-menu .tlk-menu__title {
        color: #FFF !important;
    }
    
    .tlk-menu__title-wrap span {
    color: #FFF !important;
    }
    
    .tlk-menu a, .tlk-switcher a, [data-field='tlk-link'] {
    color: #FFF !important;
    }
}

/* 3. Адаптивные стили для мобильных и планшетов (до 980px) */
@media screen and (max-width: 980px) {
    
    
    
    .t-records .tlk-switcher {
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important; 
    }
    
    /* Делаем кнопки одиночными, занимающими всю ширину */
    .t-records .tlk-switcher {
        /* Меняем flex-контейнер на блочную модель, чтобы элементы не сжимались */
        display: block !important; 
    }
    
    /* Элементы, содержащие кнопки */
    .t-records .tlk-switcher__item {
        /* Теперь каждый элемент занимает всю доступную ширину */
        width: 100% !important; 
        
        /* Добавляем расстояние между кнопками */
        margin-bottom: 10px !important; /* Расстояние между кнопками */
        
        /* Сбрасываем лишние внутренние отступы */
        padding: 0 !important; 
    }
    
    /* Сами ссылки */
    .t-records .tlk-switcher__item a {
        display: flex !important;
        padding: 15px !important; /* Удобный внутренний отступ */
        box-sizing: border-box !important;
        border-radius: 10px !important; 
    }
    
    /* Убираем нижний отступ у последней кнопки, чтобы не было лишнего места внизу */
    .t-records .tlk-switcher__item:last-child {
        margin-bottom: 0 !important;
    }
}

/* --- СТИЛИЗАЦИЯ КОРЗИНЫ --- */

.t706__cartwin.t706__cartwin_showed {
    backdrop-filter: saturate(180%) blur(10px) !important;
}

.t706__cartwin-content {
    /* Укажи цвет фона корзины */
    background-color: #1e1e1e !important;
    /* Укажи радиус окна корзины */
    border-radius: 20px;
}

.t706__cartwin-heading {
    /* Укажи цвет заголовка окна корзины */
    color: #ffffff !important;
}

.t706__product-title {
    /* Укажи цвет заголовка в карточке товара */
    color: #ffffff !important;
}
.t706__product-title__option {
    /* Укажи цвет описания в карточке товара */
    color: #ffffff !important;
    opacity: 1 !important;
}

.t706__product-quantity,
.t706__product-quantity-inp {
    /* Укажи цвет количества товара */
    color: #ffffff !important;
}

.t706__product-quantity:hover,
.t706__product-quantity_editing:hover {
    /* Укажи цвет бордюра, который появляется при наведении на количество товара */
    border: 1px solid #81dffe !important;
}

.t706__product-amount {
    /* Укажи цвет цены в карточке товара */
    color: #ffffff !important;
}

.t706__cartwin-prodamount-wrap {
    /* Укажи цвет суммы заказа */
    color: #ffffff !important;
}

.t706__cartwin-top {
    /* Укажи толщину и цвет верхней линии */
    border-bottom: 1px solid #81dffe;
}
.t706__cartwin-bottom {
    /* Укажи толщину и цвет нижней линии */
    border-top: 1px solid #81dffe;
}

.t706__product-plus,
.t706__product-minus,
.t706__product-del {
    opacity: 1!important;
}
.t706__product-plus img,
.t706__product-minus img,
.t706__product-del img{
    display: none;
}
.t706__product-plus:before,
.t706__product-minus:before,
.t706__product-del:before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 3px;
}
.t706__product-del:before {
    width: 20px;
    height: 20px;
    top: 2px;
}
.t706__product-plus:before {
    /* Укажи ссылку на иконку «Плюс» */
    background-image: url('https://static.tildacdn.com/tild6436-6630-4562-a661-393862653035/Angle_Left.png');
    background-position: 50% 50%;
}
.t706__product-minus:before {
    /* Укажи ссылку на иконку «Минус» */
    background-image: url('https://static.tildacdn.com/tild6235-3235-4831-b239-616234306333/Angle_Right.png');
    background-position: 50% 50%;
}
.t706__product-del:before {
    /* Укажи ссылку на иконку «Крестик» */
    background-image: url('https://static.tildacdn.com/tild3864-3762-4639-b631-336462653534/Times_Circle.png');
    background-position: 50% 50%;
}

.t706__cartwin-totalamount-label {
    color: #FFF !important;
}

.t706__cartwin-totalamount {
    color: #FFF !important;
}