/* ==========================================================================
   mobile-polish.css — dopieszczenie widoku mobilnego
   Warstwa NAD Framerem (ładowana po styles.css). Nie rusza struktury.
   Wartości px w @media są łatwe do strojenia — napisz co zmienić.
   ========================================================================== */

/* --- Zawijanie tekstu (bezpieczne, każdy ekran) --- */
p { text-wrap: pretty; }                 /* mniej "sierotek" (pojedynczych słów w linii) */

/* Nagłówki (Framer trzyma je jako duży font-size inline) — równe łamanie linii */
[style*="font-size:36px"],
[style*="font-size:30px"],
[style*="font-size:24px"] { text-wrap: balance; }

/* --- Wąskie telefony (≤430px): delikatnie mniejsze największe nagłówki --- */
/* Hero (36px) i największy nagłówek sekcji (30px) bywają za duże na 375px. */
@media (max-width: 430px) {
  [style*="font-size:36px"] { font-size: 30px !important; line-height: 1.15 !important; }
  [style*="font-size:30px"] { font-size: 26px !important; line-height: 1.2 !important;  }
}