/* 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. Kuba nie podał jeszcze adresów profili, więc ikony są na razie zwykłymi <span>
   (nie klikają się i czytnik ich nie widzi); po adresach zamienić je w index.html na <a href="…" aria-label="…">, style poniżej są już na to gotowe.
   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). */

.stopka{position:relative;z-index:2;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))}
.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 */
  .stopka-dok{grid-column:1 / -1;gap:10px 20px;font-size:9.5px;letter-spacing:.06em}
}