/* 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”.
   Z lewej logo (ten sam plik co w hero), z prawej linki do regulaminu, polityki prywatności i kontaktu. Telefon: logo, pod nim linki.
   Biały pod czarną sekcją #oferta: czerń zostaje pasem między szarym papierem a białym paskiem, a nie końcem strony; na szarym papierze biały pasek
   prawie nie odcina się od tła (#fff na #eceef0), więc przy jasnej ofercie trzeba by mu dodać kreskę u góry.
   SOCIAL MEDIA: dojdą, kiedy Kuba poda adresy. Wtedy trzecia grupa linków (.stopka-soc) staje z prawej, a dokumenty idą na środek
   (.stopka-in: grid 1fr auto 1fr); na telefonie social media obok logo, dokumenty pod spodem.
   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}
.stopka-in{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:14px 26px;
  padding:20px 0 calc(20px + env(safe-area-inset-bottom))}
.stopka-logo{flex:none;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 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 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{display:block}
  .stopka-logo{height:15px}
  .stopka-dok{margin-top:16px;gap:10px 20px;font-size:9.5px;letter-spacing:.06em}
}