/* ============================================================
   СКРИПТЫ — ДВЕ ШИРОКИЕ КОЛОНКИ И ЧЕРТА
   Отличие: колонок не три, а две, и в карточке появляется волосяная
   черта между шапкой с описанием и составом работ.

   Почему так: у этой страницы самые длинные списки — по пять строк
   с техническими подробностями. В трети ширины они рвутся по два-три
   слова; в половине читаются. Черта отделяет «что это» от «что входит»,
   и карточка начинает читаться как карточка спецификации.
   ============================================================ */
.c1cat{ grid-template-columns:repeat(2, minmax(0, 1fr)); }

.c1cat__side{
  margin-top:clamp(4px, .5vw, 8px);
  padding-top:clamp(12px, 1.2vw, 20px);
  border-top:1px solid var(--line);
}

/* Список в две колонки: карточка широкая, и в одну он вытягивает
   плитку вниз. Правило на container-запросе — карточка смотрит
   на собственную ширину, а не на экран. */
/* Две колонки — сеткой: `columns` на grid-контейнер не действует,
   а .c1cat__list в общей части объявлен как grid. */
@container (min-width: 520px){
  .c1cat__list{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    column-gap:clamp(18px, 2vw, 32px);
  }
}

.c1cat__art{ width:clamp(76px, 9cqi, 100px); max-width:none; }