/* Сетка 12 колонок для ТЕЛА публичных лендингов (12.10.2026, решение владельца «все лендинги сразу»).
   Ширина, поля и зазор — как у общего подвала .cf-foot (snippets.js footerHtml): max-width var(--shell,960px),
   поля 20px, зазор колонок 20px — колонки тела и подвала стоят на одних линиях.
   Подключать ПОСЛЕ <style> страницы (в конце <head>): тогда ряд перебивает старые grid-template-columns/gap страницы.

   .cf-grid   — самостоятельный контейнер 12 колонок (своя ширина и поля, как у подвала).
   .cf-row    — ряд 12 колонок ВНУТРИ контейнера той же ширины (.shell/.wrap = max-width var(--shell) + поля 20px).
   .cf-c-N    — элемент на N колонок; ребёнок без .cf-c-* занимает всю ширину. .cf-c-full — вся ширина.
   ≤1024px    — span 2 → 4, span 3/4 → 6 (ряды по 3–4 карточки встают по две).
   .cf-stack-md — ряд схлопывается в одну колонку уже до 859px (у лендинга своя раскладка, ломается позже 720).
   ≤720px     — всё в одну колонку, как подвал. Цветов здесь нет и не будет — только раскладка. */
.cf-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;
  max-width:var(--shell,960px);margin-inline:auto;padding-inline:20px;box-sizing:border-box}
.cf-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px}
.cf-grid>*,.cf-row>*{grid-column:1/-1;min-width:0}
.cf-c-1{grid-column:span 1}.cf-c-2{grid-column:span 2}.cf-c-3{grid-column:span 3}.cf-c-4{grid-column:span 4}
.cf-c-5{grid-column:span 5}.cf-c-6{grid-column:span 6}.cf-c-7{grid-column:span 7}.cf-c-8{grid-column:span 8}
.cf-c-9{grid-column:span 9}.cf-c-10{grid-column:span 10}.cf-c-11{grid-column:span 11}.cf-c-12,.cf-c-full{grid-column:1/-1}
@media (max-width:1024px){ .cf-c-2{grid-column:span 4} .cf-c-3,.cf-c-4{grid-column:span 6} }
@media (max-width:859px){ .cf-stack-md>*{grid-column:1/-1} }
@media (max-width:720px){ .cf-grid>*,.cf-row>*{grid-column:1/-1} }