/* Отраслевые страницы /for/*. Все блоки — из ui.css и site.css; здесь только то, чего там нет:
   ритм секций страницы и отступы между блоками, которые стоят рядом без .sec-head. */

.for .wrap > .sec { padding-top: clamp(64px, 7vw, 104px); padding-bottom: clamp(64px, 7vw, 104px); }
.for .btn-row { margin-top: 32px; }
.for .faq-list { max-width: 880px; }
.sample-wrap + .cta-inline { margin-top: 24px; }
.sample-wrap .badge { white-space: normal; }
.grid-2 + .note.warn { margin-top: 18px; }

@media (max-width: 700px) {
  .for .wrap > .sec { padding-top: 60px; padding-bottom: 60px; }
}
@media (max-width: 420px) {
  .for .btn-row .btn { width: 100%; }
}

/* на планшете две колонки образцов: нечётный последний образец на всю ширину, без пустой ячейки */
@media (min-width: 601px) and (max-width: 860px) {
  .for .sample-wrap .grid-3 > .sample:last-child:nth-child(odd) { grid-column: 1 / -1; }
}