/* ============================================================
   МАРКЕТПЛЕЙСЫ — АСИММЕТРИЧНАЯ СЕТКА
   Отличие от остальных: первая карточка занимает две доли из трёх,
   и знак в ней крупнее. Это прямая цитата с главной, где AI-карточка
   шире соседей, — и здесь она уместна: интеграция по API стоит первой
   не по частоте, а потому что на ней держится всё остальное.

   Ширину дать можно, высоту нельзя — грабля с главной от 31.08:
   при двойной высоте половина карточки стояла пустой.
   ============================================================ */
.c1cat{ grid-template-columns:repeat(6, minmax(0, 1fr)); }
.c1cat__row{ grid-column:span 2; }
.c1cat__row:first-child{ grid-column:span 4; }

/* Широкая карточка: список в две колонки, знак — крупный и в НИЖНЕМ
   правом углу.

   Почему внизу, а не вверху, как у соседей. Высоту в ряду задаёт самая
   высокая карточка, а у широкой контента меньше: замер 03.09 показал
   264px пустоты под её списком. Знак вверху эту пустоту не трогал.
   Внизу он её занимает — и заодно правое поле у названия становится
   не нужно, текст идёт во всю ширину.

   Список при этом кончается выше знака, наложения нет: он в двух
   колонках и занимает верхнюю половину карточки. */
.c1cat__row:first-child .c1cat__art{
  position:absolute;
  right:clamp(14px, 1.4vw, 26px);
  bottom:clamp(14px, 1.4vw, 26px);
  width:clamp(140px, 17cqi, 208px);
  max-width:none;
}
/* Две колонки задаём СЕТКОЙ, а не `columns`: у .c1cat__list в общей
   части стоит display:grid, а многоколоночная вёрстка на grid-контейнер
   не действует вовсе. Замер 03.09: columnCount отдавал 2, а список
   стоял в одну колонку и оставлял под собой пустоту. */
.c1cat__row:first-child .c1cat__list{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  column-gap:clamp(18px, 2vw, 34px);
}

@media (max-width: 1000px){
  .c1cat{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .c1cat__row, .c1cat__row:first-child{ grid-column:span 1; }
  .c1cat__row:first-child .c1cat__list{ columns:1; }
}
@media (max-width: 640px){
  .c1cat{ grid-template-columns:1fr; }
}