/* ── Przycisk "Wróć" na końcu treści w układzie jednokolumnowym ──────────────
   Wzorzec z oferta-dzieci-mlodziez-i-dorosli.html: przycisk zamyka całą stronę,
   a nie kolumnę tekstową.

   Na pozostałych podstronach przycisk jest zagnieżdżony w kolumnie tekstowej,
   a `order` przestawia wyłącznie rodzeństwo w obrębie jednego kontenera — nie
   przeniesie go więc za zdjęcie, które leży poziom wyżej. `display: contents`
   znosi pudełko kolumny, przez co jej dzieci stają się bezpośrednimi elementami
   siatki i przycisk daje się przestawić.

   Kolumna ma dokładnie dwoje dzieci: .offer-copy z całym tekstem oraz wrapper
   przycisku. Tekst siedzi we własnym pudełku, więc zwijanie marginesów między
   akapitami działa tak samo jak przed zmianą — gdyby promować wprost wszystkie
   akapity, każdy dostałby własny kontekst formatowania i odstępy by urosły.

   Cały blok żyje wyłącznie w media query ≤991px, czyli tam gdzie siatka jest
   jednokolumnowa. Desktop (≥992px) nie widzi żadnej z tych reguł. */
@media screen and (max-width: 991px) {
  .header126_content:has(> .offer-copy),
  .header1_content:has(> .offer-copy) {
    display: contents;
  }

  /* .header1_image-wrapper ma już w arkuszu Webflow order:1 na tym breakpoincie,
     więc przycisk potrzebuje order:2, by wylądować za zdjęciem w obu rodzinach
     komponentów. Odstęp od zdjęcia daje row-gap siatki, dlatego własny górny
     margines przycisku jest tu zbędny. */
  .header126_content > .is-back-button,
  .header1_content > .is-back-button {
    order: 2;
    margin-top: 0;
  }
}
