/* mobile-fit.css (2026-10-23) — nothing on the home page may be wider than the screen
   (otherwise phones can zoom out and a white strip shows on the right). Small screens only. */
/* the news and video lists may shrink with the screen */
.clc-updates__wrap > *, .clc-feed, .clc-feed__list { min-width: 0; }
/* video rows: the thumbnail column shrinks on narrow phones instead of pushing the row wider */
.clc-video { grid-template-columns: min(199px, 42%) minmax(0, 1fr); }
.clc-video > * { min-width: 0; }
.clc-post, .clc-post * { overflow-wrap: anywhere; }
/* top bar on narrow phones (up to ~380 px): the logo is a fixed 220 px, so the menu button was pushed
   off the screen. Here the logo shrinks to the room that is left and the gaps get a little smaller. */
@media (max-width: 400px) {
  .clc-nav__inner { gap: 12px; }
  .clc-brand { flex: 0 1 220px; min-width: 0; }
  .clc-brand img { width: 100%; height: auto; max-width: 220px; }
  .clc-burger { flex: 0 0 auto; }
}
/* Metoda headlines on the smallest phones: "Wysokociśnieniowe" is one long word and was 8 px too wide
   at 320 px. Only the size changes (from 34 px to ~30 px at 320), not the section's animation. */
@media (max-width: 370px) {
  .clc-method__headline { font-size: min(34px, 9.4vw); }
}