/* REFMARKETSUP-86: компактные плитки на главной + сетка 3x3 + единый размер.
   История: убраны min-height: 412px (делал плитки выше дефолтных 248px
   вьюера) и box-shadow с !important (перекрывал фирменную тень
   pc-image-card_border_shadow). Паддинги урезаны вдвое (32px -> 16px).

   Одинаковый размер ВСЕХ плиток на обеих вкладках: в каждой плитке
   зарезервировано место под 2 строки заголовка (48px) и 2 строки текста
   (44px), плюс единый минимальный рост плитки 240px — это высота самой
   высокой карточки (первая строка «Для партнёров»). Короткие тексты
   просто оставляют резерв пустым, поэтому плитки не «прыгают» по высоте.
   Тень — вендорская. Табы (.pc-filter-block__tabs) не трогаем. */

/* --- Сетка: 3 колонки на десктопе, 2 на планшете, 1 на мобиле --- */
.pc-filter-block .pc-card-layout-block__item {
    flex: 0 0 33.3333% !important;
    max-width: 33.3333% !important;
}

@media (max-width: 1184px) {
    .pc-filter-block .pc-card-layout-block__item {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

@media (max-width: 768px) {
    .pc-filter-block .pc-card-layout-block__item {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* --- Сама плитка --- */
/* единая высота 240px для всех плиток обеих вкладок:
   16 (паддинг) + 92 (иконка) + 16 + 48 (заголовок 2 строки)
   + 4 + 44 (текст 2 строки) + 20 = 240 */
.pc-filter-block .pc-image-card {
    min-height: 240px;
}

/* --- Компактная плитка: вендорские паддинги 32px/36px -> ~половина --- */
/* обёртка картинки: было padding: 32px 32px 36px */
.pc-filter-block .pc-image-card .pc-image-card__image_margins_m {
    padding: 16px 16px 0;
    max-width: 160px;
    box-sizing: border-box;
}

/* текстовый блок: было padding: 32px 32px 36px (+24px сверху от direction_direct) */
.pc-filter-block .pc-image-card .pc-image-card__content {
    padding: 16px 16px 20px !important;
}

/* отступ заголовка от текста: вендор даёт margin-top: 12px */
.pc-filter-block .pc-image-card .pc-content__text {
    margin-top: 4px;
}

/* --- Текст компактных плиток --- */
.pc-filter-block .pc-image-card .pc-content__text .yfm {
    color: #647396;
    font-size: 15px;
    line-height: 22px;
}

/* --- Мобильные плитки --- */
@media (max-width: 767px) {
    .pc-filter-block .pc-image-card .pc-image-card__image_margins_m {
        padding: 12px 12px 0;
        max-width: 128px;
    }

    .pc-filter-block .pc-image-card .pc-content__text .yfm {
        font-size: 14px;
        line-height: 20px;
   }
}