/* mobhdr (2026-10-15): nagłówek mobilny/tablet (<1040px, tam gdzie jest burger) – bez tła, przyciski (język, menu) przezroczyste i bez ramki.
   Teksty/etykiety i flaga języka bez zmian. Desktop (≥1040px) bez zmian. Plik ładowany tylko w index.html (strony /konto, /szkoly, /pakiety bez zmian). */
@media (max-width:1039px){
  /* 1) tło nagłówka: na górze strony przezroczyste (widać tło strony); po przewinięciu (.is-scrolled) zostaje dotychczasowe półprzezroczyste tło, żeby przewijana treść nie nachodziła na logo/przyciski */
  .site-header:not(.is-scrolled){background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
  /* 2+3) przyciski przezroczyste, bez szarej ramki */
  .header__actions .lang-btn,
  .header__actions .lang-btn:hover,
  .header__actions .lang-btn[aria-expanded="true"],
  .header__actions .burger,
  .header__actions .burger:hover{background:transparent;border:0;box-shadow:none}
  .header__actions .lang-btn{padding:0 8px}
  .header__actions .lang-btn:hover,.header__actions .lang-btn[aria-expanded="true"]{opacity:.75}
  /* dostępność: widoczny fokus z klawiatury zamiast ramki */
  .header__actions .lang-btn:focus-visible,.header__actions .burger:focus-visible{outline:2px solid var(--coral-700);outline-offset:2px}
}
/* banner95 (2026-10-15): baner CTA „Pierwsza lekcja jest bliżej, niż myślisz” (.cta-band__inner) = 95% szerokości ekranu telefonu (≤700px), wyśrodkowany. Desktop bez zmian. */
@media (max-width:700px){.cta-band__inner{width:95vw;max-width:95vw;margin-left:auto;margin-right:auto;box-sizing:border-box}}
/* menu-dd 20261015: otwarte menu (hamburger) = rozwijany panel pod nagłówkiem, wysokość wg zawartości, max 70% ekranu, przewijany; strona pod spodem widoczna (zamykanie: klik poza panelem / Esc – app.js) */
@media (max-width:1039px){
  .nav{max-height:70vh;max-height:70dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:0 0 20px 20px}
}