/* STOPKA — wąski BIAŁY pasek na samym dole strony (04.10.2026 wieczorem; wcześniej czarny, z samymi linkami w prawym rogu).
   Kuba: „regulamin… razem z logiem… na takim wąskim po prostu pasku białym na samym dole, tak jak jest w większości stron… po lewej stronie logo”.
   Od 05.10.2026 wieczorem nad stopką stoi BIAŁA sekcja pytań (src/pytania.css), więc biel jest wspólna, a stopkę odcina JASNA WŁOSOWA KRESKA
   od krawędzi do krawędzi ekranu (Kuba: „oddzielimy go taką cienką kreską”; na telefonie czarna kreska na szerokość treści „mieszała się” z kreskami
   pytań, dlatego ta jest inna: jasna i na pełną szerokość). Układ z wariantu 2 w narzędziu https://warianty.hvmbak-landing.pages.dev/.
   Z lewej logo (ten sam plik co w hero), na środku linki do regulaminu, polityki prywatności i kontaktu, z prawej ikony social mediów (.stopka-soc;
   Kuba: „ikonki są spoko, logo spoko”). Telefon: logo i ikony w jednym wierszu, dokumenty pod spodem.
   IKONY: kształty z Simple Icons (CC0), jednym kolorem jak linki. Od 08.10.2026 to linki <a> do profili (adresy od Kuby: instagram.com/hvmbak,
   tiktok.com/@hvmbak, youtube.com/@hvmbak), otwierane w nowej karcie; selektor „span” niżej został na wypadek ikony bez adresu.
   Danych sprzedawcy (nazwisko, adres, NIP) tu CELOWO nie ma: stoją w jednym miejscu, w regulaminie § 1 (zasada Kuby: tylko to, czego wymaga przepis).
   Pasek nieprzezroczysty, nad płótnem wody (z-index jak sekcje końca strony).
   10.10.2026 (Kuba, zrzut z iPhone'a po mocnym zjechaniu na koniec strony, pasek przeglądarki schowany): pod linkami „biała przestrzeń pusta,
   niepotrzebna kompletnie”. Pod linkami stał cały margines iPhone'a (20 + 34 = 54 px); teraz idzie tam ćwierć marginesu (20 + 8,5 px), tyle samo,
   ile pas „Dołącz” zostawia pod napisem. Przy widocznym pasku przeglądarki (margines 0) nic się nie zmienia.
   z-index 41 = nad pasem „Dołącz” (40): stopka zasłania dodatek pasa na margines iPhone'a, opis (6) w src/dolacz.css. */

.stopka{position:relative;z-index:41;background:#fff;padding:0 5vw;border-top:1px solid rgba(13,13,13,.17)}
.stopka-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:26px;
  padding:20px 0 calc(20px + env(safe-area-inset-bottom)*.25)}
.stopka-logo{justify-self:start;height:17px;width:auto;display:block}
.stopka-dok{display:flex;flex-wrap:wrap;gap:10px 26px;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'SF Pro Text',system-ui,sans-serif;font-stretch:normal;font-weight:600;font-size:10.5px;
  letter-spacing:.08em;text-transform:uppercase;color:rgba(13,13,13,.66)}
.stopka-soc{justify-self:end;display:flex;gap:6px;margin-right:-9px;color:rgba(13,13,13,.66)}
.stopka a{padding:9px 0;margin:-9px 0;color:inherit;text-decoration:none;white-space:nowrap;transition:color .18s}   /* pole dotyku wyższe niż sam napis */
.stopka-soc a,.stopka-soc span{display:block;padding:9px;margin:-9px 0}  /* ikona 17 px w polu 35 px */
.stopka-soc svg{display:block;width:17px;height:17px;fill:currentColor}
.stopka a:hover{color:var(--black)}
.stopka a:focus-visible{outline:2px solid var(--black);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.stopka a{transition:none}}

@media(max-width:820px){
  .stopka{padding:0 18px}
  .stopka-in{grid-template-columns:1fr auto;row-gap:22px;padding-top:20px}       /* pola dotyku ikon i linków nie zachodzą na siebie */
  .stopka-logo{height:15px}
  .stopka-soc{grid-column:2;grid-row:1;gap:2px;margin-right:-12px}
  .stopka-soc a,.stopka-soc span{padding:12px;margin:-12px 0}           /* pole dotyku 41 px */
  /* 05.10 późnym wieczorem (Kuba: trzy linki zebrane przy lewej krawędzi „dziwnie wyglądają… powinny być symetrycznie na środku”): wiersz linków
     rozpięty symetrycznie pod logo i ikonami, Regulamin przy lewej krawędzi (pod logo), Polityka prywatności dokładnie na środku, Kontakt przy prawej
     (pod ostatnią ikoną). Siatka 1fr auto 1fr, ta sama co cała stopka na komputerze. */
  .stopka-dok{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto 1fr;gap:0 10px;font-size:9.5px;letter-spacing:.06em}
  .stopka-dok a:first-child{justify-self:start}
  .stopka-dok a:last-child{justify-self:end;margin-right:-.06em}      /* bez światła po ostatniej literze: „T” kończy się równo z ikoną */
}