/* Boczny odstęp kroków formularza na mobile.
   W registration-form.min.css `.registration-form__steps` na <=991.98px jest
   robiony full-bleed (width:100vw + ujemne marginesy), co kasuje boczny padding
   `#registration-page` — treść kroków (checkboxy, opisy zgód) dotyka krawędzi
   ekranu (zgłoszenie: iPhone 16 Pro / Safari, brak lewego marginesu).

   Przywracamy gutter = 1.5rem (15px przy html{font-size:62.5%}), tyle co na
   desktopie (#registration-page) i pod logo mobilnym (registration-mobile-logo.css).
   Kontener ma box-sizing:border-box i width:100vw, więc padding wsuwa treść do
   środka bez poziomego przewijania. Ustawiamy tylko lewy/prawy, żeby zachować
   padding-bottom:6rem z .min.css. Ładowane PO .min.css → wygrywa kolejnością. */
@media (max-width: 991.98px) {
  .registration-form .registration-form__steps {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}