/* psyvera.pl - poprawki widoku mobilnego aplikacji (24.10.2026). Ładowany po głównym CSS. */
@media (max-width:639px){
  /* nagłówek: nazwa marki obok logo */
  nav.sticky a.group>span.hidden{display:block;font-size:1.15rem}
  /* hero: mniej pustego miejsca nad treścią */
  main section.relative.pt-32{padding-top:5.25rem;padding-bottom:3.75rem}
  main h1.text-display-md{font-size:2.05rem;line-height:1.1}
  /* nagłówki sekcji mniejsze na telefonie */
  main h2.text-display-md{font-size:1.8rem;line-height:1.2}
  main h2.text-display-sm{font-size:1.5rem;line-height:1.25}
  main section.py-20,main section.py-24{padding-top:3.25rem;padding-bottom:3.25rem}
  main .mt-14{margin-top:2rem}
  /* pasek zaufania: zwarte komórki 2x2 */
  .grid.grid-cols-2.divide-y>div{gap:.6rem;padding:.9rem .75rem}
  .grid.grid-cols-2.divide-y>div>div:first-child{width:2.25rem;height:2.25rem}
  .grid.grid-cols-2.divide-y .text-xl{font-size:1rem}
  .grid.grid-cols-2.divide-y .tracking-wider{letter-spacing:.02em;font-size:.68rem;line-height:1.25}
  /* karty "Co oferujemy": ikona obok tytułu, mniejsze odstępy */
  .grid.grid-cols-1.gap-5>.group.p-7{display:grid;grid-template-columns:2.75rem 1fr;column-gap:.9rem;align-items:start;padding:1.1rem 1.1rem 1.15rem}
  .grid.grid-cols-1.gap-5>.group.p-7>div:first-child{width:2.75rem;height:2.75rem;margin:0;grid-row:span 2;border-radius:.8rem}
  .grid.grid-cols-1.gap-5>.group.p-7>h3{font-size:1.1rem;margin:.1rem 0 .3rem}
  .grid.grid-cols-1.gap-5>.group.p-7>p{grid-column:2}
  .grid.grid-cols-1.gap-5{gap:.75rem}
  /* nagłówek sekcji z linkiem "Wszystkie..." - link pod tytułem */
  .flex.items-end.justify-between.mb-6{flex-direction:column;align-items:flex-start;gap:.5rem}
  .flex.items-end.justify-between.mb-6 a{display:inline-flex;padding:.45rem 0}
  /* stopka: większe pola dotyku */
  footer ul a{display:inline-block;padding:.4rem 0}
  footer ul.space-y-2\.5>:not([hidden])~:not([hidden]){margin-top:.15rem}
  footer button{min-height:2.5rem;min-width:2.5rem}
  /* stopka aplikacji: dwie kolumny linków */
  footer .grid.grid-cols-1.sm\:grid-cols-2{grid-template-columns:1fr 1fr;column-gap:1.25rem;row-gap:1.75rem}
  footer .grid.grid-cols-1.sm\:grid-cols-2>:first-child,footer .grid.grid-cols-1.sm\:grid-cols-2>:last-child{grid-column:1/-1}
  /* O nas: mniejsze koła zespołu */
  main .w-28.h-28.rounded-full{width:5rem;height:5rem;font-size:1.5rem;margin-bottom:.9rem}
  /* baner cookies: zwarty, przyciski w jednym rzędzie */
  [aria-label="Pliki cookies"]>div{padding:.85rem;gap:.75rem}
  [aria-label="Pliki cookies"] button{min-height:2.5rem}
  [aria-label="Pliki cookies"] button[aria-label]{min-width:2.5rem}
  /* formularze: pola 16px (bez powiększania widoku na iPhonie) */
  main input,main select,main textarea{font-size:16px}
  /* przyciski języka i inne małe przyciski */
  main button.text-xs{min-height:2.25rem}
}
@media (max-width:380px){
  main h1.text-display-md{font-size:1.85rem}
  .grid.grid-cols-2.divide-y>div>div:first-child{display:none}
}
/* przycisk pokaż/ukryj hasło - większe pole dotyku (wszystkie szerokości) */
button[aria-label="Pokaż lub ukryj hasło"]{width:2.5rem;height:2.5rem;right:.35rem;display:flex;align-items:center;justify-content:center;border-radius:.6rem}