/* =========================================
   1. ГЛОБАЛЬНАЯ СЕТКА (Главный каталог + Попап)
   ========================================= */

/* Применяем Grid сразу ко всем спискам карточек */
.t-store__card-list__vertical-align-buttons {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
    row-gap: 40px;
}

/* Скрываем стандартные разделители строк Тильды везде */
.t-store__grid-separator {
    display: none !important;
}

/* Убираем ограничения ширины, чтобы Grid работал корректно */
.t-store__card,
.t-store__prod-popup__container .t-store__grid-cont_mobile-one-row.t-store__relevants-grid-cont .t-store__card {
    margin: 0 !important;
    max-width: 100% !important; 
}


/* =========================================
   2. ЕДИНЫЙ СТИЛЬ КАРТОЧЕК (С синей ценой)
   ========================================= */

/* Пропорции картинки, скругления и обрезка */
.t-store__card__imgwrapper {
    padding-bottom: 133.3333%; 
}

/* ФИКС: Убрали жесткую привязку к .t778, чтобы скругления не слетали после F5 */
.t-store__card__imgwrapper, 
.t778 .t778__imgwrapper { 
    border-radius: 26px !important;
    overflow: hidden !important;
}

/* Обрезка названия до 2 строк */
.t-store__card .t-typography__title { 
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Отступ для описания товара */
.t-store__card__descr {
    margin-top: 4px;
}

/* Убираем лишние внутренние отступы Тильды */
.t-store .t-store__card__wrap_txt-and-btns.t-store__card__wrap_pad-sm .t-store__card__prod-controls-wrapper, 
.t-store .t-store__card__wrap_txt-and-btns.t-store__card__wrap_pad-sm .t-store__card__textwrapper {
    padding: 0;
}

/* Абсолютное позиционирование цены для всех типов страниц */
.t-store__card__textwrapper {
    position: relative; 
}

.t-store__card__price-wrapper_above-title,
.t-store__card__price-wrapper {
    position: absolute;
    top: -73px;
    left: 20px;
    z-index: 10;
    margin-bottom: 12px;
    margin-top: 0;
    padding: 4px 12px;
    background-color: #009BE9;
    border-radius: 40px;
}

/* ФИКС: Жестко красим текст цены в синей плашке в белый цвет */
.t-store__card__price-wrapper_above-title *,
.t-store__card__price-wrapper * {
    color: #ffffff !important;
    line-height: 23px;
    font-weight:500;
}

/* Вырываем кривое описание из потока и прячем ТОЛЬКО для рекомендаций */
.js-product-relevant .t-store__card__descr {
    position: absolute !important; 
    visibility: hidden !important; 
    opacity: 0 !important;
    pointer-events: none !important; 
    z-index: -1 !important;
}


/* =========================================
   3. ТИПОГРАФИКА ОТКРЫТОГО ТОВАРА (Попап / Страница)
   ========================================= */

/* Заголовок (Футболка «Здесь моё место»...) */
.t-store__prod-popup__name {
    color: #001A28 !important;
    font-family: 'Zagolovnik', sans-serif !important; /* Наш фирменный шрифт */
    font-size: 52px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    text-transform: uppercase !important;
}

/* Цена (3 490 ₽) справа от картинки */
.t-store__prod-popup__price-item {
    color: #001A28 !important;
    font-family: "Golos Text", sans-serif !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    letter-spacing: -0.36px !important;
}

/* Описание товара */
.t-store__prod-popup__text {
    color: #001A28 !important;
    font-family: "Golos Text", sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    letter-spacing: -0.32px !important;
}

/* Кнопка "Назад" */
.t-store__prod-popup__close-txt {
    color: #001A28 !important;
    font-family: "Golos Text", sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: -0.32px !important;
}
/* Принудительное скругление всех углов (убиваем влияние t778) */
.t778 .t-store__card .t-store__card__imgwrapper, 
.t778 .t-store__card:not(.js-product-relevant) .t-store__card__imgwrapper,
.t-store__card__imgwrapper, 
.t778 .t778__imgwrapper {
    border-radius: 26px !important;
    border-bottom-left-radius: 26px !important;
    border-bottom-right-radius: 26px !important;
    overflow: hidden !important;
}
.t-store__prod-popup__btn-wrapper .t-store__prod-popup__btn {
    width:100%;
}
.t-store__relevants__title {
    margin: 80px 0 20px;
}
.t-slds__main {
    border-radius: 20px;
    overflow: hidden;
}
.t-store__prod-popup__title-wrapper {
    margin-bottom: 0;
}
/* =========================================
   4. КАСТОМНЫЕ ИКОНКИ (Стрелка и Крестик)
   ========================================= */

/* Убиваем дефолтную тильдовскую стрелку в кнопке "Назад" */
.t-store__prod-popup__close-txt::before {
    display: none !important;
}

/* Настраиваем кнопку "Назад" под новую SVG */
.js-store-close-text {
    display: inline-flex !important;
    align-items: center;
    gap: 8px; /* Расстояние между стрелкой и текстом */
}

/* Убираем дефолтные иконки крестика Тильды */
.t-popup__close-icon_arrow,
.t-popup__close-icon_cross {
    display: none !important;
}

/* Центрируем новый крестик внутри его обертки */
.t-popup__close-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.t-slds__thumbsbullet-wrapper {
    font-size: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-top: 8px;
}
.t-slds__thumbsbullet.t-slds__bullet {
    margin-right: 0;
    margin-top: 0;
    padding: 0;
    position: relative;
    transition: opacity .3s ease-in-out;
    width: auto;
    border-radius: 20px;
    overflow: hidden;
}
.t-slds__thumbsbullet.t-slds__bullet_active .t-slds__thumbsbullet-border {
    border-color: #009BE9;
}
.t-slds__thumbsbullet-border {
    border-radius: 20px;
}
/* =========================================
   5. СКРЫТИЕ КОНТРОЛОВ В КАРТОЧКАХ
   ========================================= */

/* Скрываем выбор опций и кнопки в карточках каталога и рекомендациях */
.t-store__card__prod-controls-wrapper {
    display: none !important;
}