@media only screen and (min-width: 1200px) {

  /* Motyw z 2023 kończył się na breakpoincie 1200 px — ten plik był pustą klamrą,
     więc powyżej tej szerokości nie obowiązywały żadne reguły. Efekt: treść
     rozciągała się w nieskończoność (kontener 2560 px przy oknie 2560 px),
     a zdjęcia skalowały się ponad własną rozdzielczość (źródło 1007 px
     rozciągane do 1483 px = widoczne rozmycie).

     Kolumna 1440 px, nie 1200 px: przy 1200 px nawigacja hero (7 pozycji) i para
     przycisków robiły się ciasne. Zdjęcia i tak nie przekroczą swojej
     rozdzielczości, bo kolumna obrazu ma wtedy ok. 800 px.

     Zasada: sekcje zachowują tła na pełną szerokość okna, centrujemy wyłącznie
     ich zawartość. */

  .conteiner-fluid {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    /* .row ma ujemne marginesy (Bootstrap) i bez tego wystawał 24 px poza
       kontener, dokładając poziomy pasek przewijania */
    padding-left: 12px;
    padding-right: 12px;
  }

  /* Górny pasek: tło na całą szerokość, zawartość w tej samej kolumnie co reszta.
     width w main.css to 100vw — czyli razem ze scrollbarem, stąd przewijanie w bok. */
  .header-bar {
    width: 100%;
    padding-left: max(80px, calc((100% - 1440px) / 2));
    padding-right: max(80px, calc((100% - 1440px) / 2));
  }

  footer .footer_content,
  footer .footer-eu,
  footer .footer_end {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }

  /* Nawigacja hero: flex ze space-between bez odstępu — przy węższej kolumnie
     napisy pozycji ("O RTLS", "ZALETY", ...) stykały się w jeden ciąg. */
  #header .header_menu {
    gap: 2.2em;
    flex-wrap: nowrap;
  }

  #header .header_menu .box {
    white-space: nowrap;
  }

  /* Przyciski hero: „Poznaj nasz system pozycjonowania" łamało się na dwie linie
     i przycisk robił się ciasny. */
  #header .przyciski {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2em;
    align-items: stretch;
  }

  #header .przyciski .button {
    padding: 1.1em 2.4em;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
  }

  /* Zdjęcia nie przekraczają swojej naturalnej rozdzielczości */
  .conteiner-fluid img,
  footer img {
    max-width: 100%;
    height: auto;
  }

}