/* === 1. ЛЕВАЯ ПЛАШКА (КОНТЕЙНЕР) === */
.t-store__card__mark-wrapper,
.t-product__badge-wrapper {
    position: absolute !important;
    top: 0 !important; 
    left: 0 !important; 
    right: auto !important; 
    padding: 0 !important;
    margin: 0 !important; /* Убираем отступы контейнера */
    pointer-events: none; 
}

/* === 2. ЛЕВАЯ ПЛАШКА (САМ ШИЛЬДИК) === */
.t-store__card__mark,
.t-product__badge {
    pointer-events: auto; 
    margin: 0 !important; /* ВАЖНО: убиваем стандартный отступ Тильды */
    width: auto !important; 
    height: 30px !important; 
    border-radius: 0 !important; 
    display: inline-flex !important;
    align-items: center !important; 
    justify-content: center !important; 
    padding: 0 10px !important; /* Отступ только по бокам для текста */
    box-sizing: border-box !important;

    /* Полупрозрачный фон и размытие */
    color: #FFFFFF !important;
    background-color: rgba(0, 0, 0, 0.6) !important; 
    -webkit-backdrop-filter: blur(10px); 
    backdrop-filter: blur(10px);
}

/* === 3. ПРАВАЯ КНОПКА (ИЗБРАННОЕ) === */
.t-store__card .t1002__addBtn {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;

    /* Полупрозрачный фон и размытие */
    background-color: rgba(0, 0, 0, 0.6) !important; 
    -webkit-backdrop-filter: blur(10px); 
    backdrop-filter: blur(10px);
}

/* Размер иконки сердечка */
.t-store__card .t1002__addBtn svg {
    width: 14px !important;
    height: 14px !important;
}

/* Белый контур сердечка */
.t-store__card .t1002__addBtn svg path {
    stroke: #FFFFFF !important;
}

/* Убираем белую обводку у активного (выбранного) сердечка */
.t-store__card .t1002__addBtn.t1002__addBtn_active svg path {
    stroke: transparent !important;
}

/* Активное (выбранное) сердечко: закрашиваем белым и убираем обводку */
.t-store__card .t1002__addBtn.t1002__addBtn_active svg path {
    fill: #FFFFFF !important;        /* Заливаем сердечко белым цветом */
    stroke: transparent !important;  /* Прячем контур */
}


/* Увеличиваем шрифт в содержимом вкладок (Оплата, Доставка, Возврат) */
.t-store__tabs__content {
    font-size: 16px !important;
    line-height: 1.5 !important; /* Делаем межстрочный интервал чуть больше для читаемости */
}

/* === БАЗОВЫЕ СТИЛИ (ПК И ПЛАНШЕТЫ) === */

/* Размер заголовков вкладок (Одинаковый для ПК и Мобайла — 16px) */
.t-store__tabs__item-button {
    font-size: 16px !important;
}

/* Размер текста внутри вкладок (ПК — 16px) */
.t-store__tabs__content,
.t-store__tabs__content span,
.t-store__tabs__content p {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* === СТИЛИ ДЛЯ МОБИЛЬНЫХ ТЕЛЕФОНОВ (ширина экрана до 640px) === */
@media screen and (max-width: 640px) {
    
    /* Размер текста внутри вкладок уменьшается до 15px */
    .t-store__tabs__content,
    .t-store__tabs__content span,
    .t-store__tabs__content p {
        font-size: 15px !important;
    }
    
}

/* Названия пунктов (Розмір, Колір) */
.js-product-edition-option-name {
    font-size: 16px !important;
}

/* Сами варианты выбора (S, M, L, Чорний, Білий) */
.t-product__option-title_buttons {
    font-size: 15px !important;
}


/* Карточки на всю ширину с выравниванием по центру */
.t706 .t-radio__control {
    border: 1px solid #cccccc;
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 10px;
    
    /* Flexbox настройки */
    display: flex;
    align-items: center; /* Центрируем по вертикали */
    justify-content: center; /* НОВОЕ: Центрируем по горизонтали */
    text-align: center; /* НОВОЕ: Выравниваем сам текст по центру */
    
    transition: all 0.2s ease;
    cursor: pointer;
    width: 100%; 
    box-sizing: border-box; 
}

/* Наведение */
.t706 .t-radio__control:hover {
    border-color: #000000; 
}

/* Активное состояние */
.t706 .t-radio__control:has(input:checked) {
    border: 2px solid #000000; 
    background-color: #f9f9f9; 
}

/* Прячем стандартные кружочки радиокнопок */
.t706 .t-radio__indicator {
    display: none !important;
}
</style>