/* «Как проходят онлайн уроки» – пять его снимков с онлайн-занятий (14.10.2026, его слова «добавь эти фото в онлайн»).
   Снимки как он прислал, чёрно-белые, в своих пропорциях (все 3:4), углы не скруглены.
   Компьютер: все пять в один ряд на всю ширину. Телефон: лента листается пальцем, край следующего снимка подсказывает, что дальше ещё. */
.on-photos { background: #000; padding: 80px 0 88px; font-family: 'Noto Sans', Arial, sans-serif; }
.on-photos .kl-sh__line { margin-bottom: 40px; }
.on-photos__row { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; max-width: 1840px; margin: 0 auto; padding: 0 20px; }
.on-photos__row figure { margin: 0; min-width: 0; }
.on-photos__row img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; background: #111; }
@media (max-width: 860px) {
  .on-photos { padding: 56px 0 60px; }
  .on-photos .kl-sh__line { margin-bottom: 28px; }
  .on-photos__row { display: flex; gap: 10px; padding: 0 16px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; overscroll-behavior-x: contain; }
  .on-photos__row::-webkit-scrollbar { display: none; }
  .on-photos__row figure { flex: 0 0 78vw; max-width: 340px; scroll-snap-align: center; }
}