/* Фон корзины с улучшенными эффектами */
.t706__cartwin-content {
    background-color: rgba(240, 240, 240, 0.95) !important; /* Светло-серый фон */
    border-radius: 12px !important; /* Скругленные углы */
    backdrop-filter: blur(15px); /* Увеличено размытие */
    border: 4px solid #000000 !important; /* Чёрный бордюр */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important; /* Тень */
    padding: 20px !important; /* Увеличенные отступы */
}

/* Кнопка с блеском и тенью */
.t-submit {
    background-color: #000000 !important; /* Чёрный фон */
    color: #ffffff !important; /* Белый текст */
    border-radius: 15px !important; /* Умеренное скругление */
    padding: 12px 24px !important; /* Комфортные отступы */
    font-size: 16px !important; /* Читаемый размер текста */
    font-weight: bold !important; /* Жирный текст */
    cursor: pointer !important; /* Указатель при наведении */
    box-shadow: 0px 4px 15px rgba(255, 255, 255, 0.4), 0px 6px 20px rgba(0, 0, 0, 0.4) !important; /* Блеск и тень */
    transition: all 0.3s ease !important; /* Плавные эффекты */
}

/* Эффект кнопки при наведении */
.t-submit:hover {
    transform: translateY(-5px) !important; /* Подъем кнопки */
    box-shadow: 0px 4px 20px rgba(255, 255, 255, 0.6), 0px 8px 25px rgba(0, 0, 0, 0.6) !important; /* Усиление тени */
    background-color: #333333 !important; /* Более мягкий чёрный */
}

/* Стили карточек товаров */
.t-store__card {
    position: relative;
    padding: 20px !important; /* Увеличенные отступы */
    background-color: #ffffff !important; /* Белый фон */
    border-radius: 20px !important; /* Умеренное скругление */
    border: 1px solid #ddd !important; /* Светлая рамка */
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1) !important; /* Глубокая тень */
    transition: transform 0.3s ease, box-shadow 0.3s ease !important; /* Плавные переходы */
}

/* Ховер-эффект для карточек */
.t-store__card:hover {
    transform: translateY(-8px) !important; /* Приподнимаем карточку */
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2) !important; /* Усиленная тень */
    border-color: rgba(0, 0, 0, 0.2) !important; /* Затемнение рамки */
}

/* Стили для блока фильтров */
.t951__sidebar {
    border-radius: 15px !important; /* Скругленные углы */
    border: 1px solid #ddd !important; /* Лёгкая рамка */
    padding: 25px !important; /* Комфортные отступы */
    background-color: #f9f9f9 !important; /* Светло-серый фон */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important; /* Лёгкая тень */
}

/* Стилизация чекбоксов */
.t-checkbox__control input[type="checkbox"] {
    width: 24px !important; /* Увеличенный размер */
    height: 24px !important; /* Увеличенный размер */
    margin: 0 !important; /* Убираем лишние отступы */
    border: 2px solid #aaa !important; /* Мягкая рамка */
    border-radius: 50% !important; /* Круглый чекбокс */
    background-color: #ffffff !important; /* Белый фон */
    appearance: none !important; /* Убираем стандартный вид */
    cursor: pointer !important; /* Указатель при наведении */
    transition: all 0.3s ease !important; /* Плавные эффекты */
}

/* Выбранный чекбокс */
.t-checkbox__control input[type="checkbox"]:checked {
    background-color: #333333 !important; /* Тёмный фон */
    border-color: #333333 !important; /* Тёмная рамка */
    color: #ffffff !important; /* Белая галочка */
    position: relative !important; /* Для контента */
}

/* Галочка внутри чекбокса */
.t-checkbox__control input[type="checkbox"]:checked::before {
    content: '✓'; /* Галочка */
    color: #ffffff; /* Белый цвет галочки */
    font-size: 14px; /* Размер галочки */
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}