/* ===== 2. АДАПТИВНЫЕ ХЛЕБНЫЕ КРОШКИ (ВСЕ СТРАНИЦЫ) ===== */

/* ---------- БАЗОВЫЕ НАСТРОЙКИ ---------- */

/* Все хлебные крошки на сайте */
[class*="breadcrumbs"] {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0px !important;
    color: #3C3C3C !important;
}

/* Все элементы внутри крошек */
[class*="breadcrumbs"] *,
[class*="breadcrumbs-item"] {
    font-family: 'Inter', sans-serif !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
}

/* Ссылки в крошках */
[class*="breadcrumbs"] a,
[class*="breadcrumbs-item"] a,
[class*="breadcrumbs-item_clickable"] {
    color: #3C3C3C !important;
    text-decoration: none !important;
}

/* Ссылки при наведении */
[class*="breadcrumbs"] a:hover,
[class*="breadcrumbs-item"] a:hover,
[class*="breadcrumbs-item_clickable"]:hover {
    color: #3C3C3C !important;
}

/* Активный элемент (последняя крошка) */
[class*="breadcrumbs-item_colored"],
[class*="breadcrumbs"] span:last-child {
    color: #3C3C3C !important;
}


/* ---------- БРЕЙКПОИНТ 640px ---------- */
@media (min-width: 640px) {
    [class*="breadcrumbs"] {
        font-size: 13px !important;
        letter-spacing: 0px !important;
    }
}


/* ---------- БРЕЙКПОИНТ 960px ---------- */
@media (min-width: 960px) {
    [class*="breadcrumbs"] {
        font-size: 14px !important;
        letter-spacing: 0px !important;
    }
}


/* ---------- БРЕЙКПОИНТ 1200px ---------- */
@media (min-width: 1200px) {
    [class*="breadcrumbs"] {
        font-size: 15px !important;
        letter-spacing: 0px !important;
    }
}


/* ---------- БРЕЙКПОИНТ 1600px ---------- */
@media (min-width: 1600px) {
    [class*="breadcrumbs"] {
        font-size: 16px !important;
        letter-spacing: 0px !important;
    }
}

/* ===== 3. СТИЛИ ДЛЯ ТАБОВ В КАРТОЧКАХ ТОВАРОВ ===== */

/* ---------- БАЗОВЫЕ НАСТРОЙКИ (для самых маленьких экранов) ---------- */

/* 1. Названия табов (кнопки) — базовый размер для 360px */
.t-catalog__tabs__item-title.t-name,
.t-catalog__tabs__item-title.t-name_xs,
.t-catalog__tabs__item-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

/* 2. Содержимое табов (текст внутри) — базовый размер для 360px */
.t-catalog__tabs__content.t-descr,
.t-catalog__tabs__content.t-descr_xxs,
.t-catalog__tabs__content * {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
}


/* ---------- БРЕЙКПОИНТ 640px ---------- */
@media (min-width: 640px) {
    .t-catalog__tabs__item-title.t-name,
    .t-catalog__tabs__item-title.t-name_xs,
    .t-catalog__tabs__item-title {
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
    }
    
    .t-catalog__tabs__content.t-descr,
    .t-catalog__tabs__content.t-descr_xxs,
    .t-catalog__tabs__content * {
        font-size: 15px !important;
        font-weight: 300 !important;
        line-height: 1.2 !important;
    }
}


/* ---------- БРЕЙКПОИНТ 960px ---------- */
@media (min-width: 960px) {
    .t-catalog__tabs__item-title.t-name,
    .t-catalog__tabs__item-title.t-name_xs,
    .t-catalog__tabs__item-title {
        font-size: 18px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
    }
    
    .t-catalog__tabs__content.t-descr,
    .t-catalog__tabs__content.t-descr_xxs,
    .t-catalog__tabs__content * {
        font-size: 16px !important;
        font-weight: 300 !important;
        line-height: 1.2 !important;
    }
}


/* ---------- БРЕЙКПОИНТ 1200px ---------- */
@media (min-width: 1200px) {
    .t-catalog__tabs__item-title.t-name,
    .t-catalog__tabs__item-title.t-name_xs,
    .t-catalog__tabs__item-title {
        font-size: 19px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
    }
    
    .t-catalog__tabs__content.t-descr,
    .t-catalog__tabs__content.t-descr_xxs,
    .t-catalog__tabs__content * {
        font-size: 17px !important;
        font-weight: 300 !important;
        line-height: 1.2 !important;
    }
}


/* ---------- БРЕЙКПОИНТ 1600px ---------- */
@media (min-width: 1600px) {
    .t-catalog__tabs__item-title.t-name,
    .t-catalog__tabs__item-title.t-name_xs,
    .t-catalog__tabs__item-title {
        font-size: 20px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
    }
    
    .t-catalog__tabs__content.t-descr,
    .t-catalog__tabs__content.t-descr_xxs,
    .t-catalog__tabs__content * {
        font-size: 18px !important;
        font-weight: 300 !important;
        line-height: 1.2 !important;
    }
}




/* ===== 7. ВЫРАВНИВАНИЕ КНОПОК В КАРТОЧКЕ ТОВАРА ПО ШИРИНЕ ===== */

/* Контейнер кнопок */
.t-store__card__btns {
    display: flex !important;
    flex-wrap: wrap !important; /* Разрешаем перенос на новую строку */
    gap: 8px !important;        /* Отступ между кнопками */
    width: 100% !important;
}

/* Сами кнопки */
.t-catalog__card__btn {
    flex: 1 1 auto !important;  /* Кнопка занимает столько места, сколько нужно */
    min-width: 120px !important; /* Минимальная ширина кнопки (чтобы не съехала в ноль) */
    text-align: center !important;
    box-sizing: border-box !important;
}

/* Если кнопка перенеслась на новую строку — растягиваем её на всю ширину */
.t-catalog__card__btn:last-child:nth-child(odd) {
    flex: 1 1 100% !important;  /* Последняя кнопка, если она одна в строке, растягивается на 100% */
}