.stopka{background:var(--kolor-karty);border-top:3px solid var(--kolor-akcentu);margin-top:auto}
.stopka .opas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:1rem var(--luz);padding-block:clamp(1.5rem,1.2rem + 1.4vw,2.25rem)}
.stopka__marka{flex:0 1 auto;max-width:100%}
.stopka__logo{width:auto;max-width:min(284px,100%);max-height:42px;object-fit:contain;object-position:left center}
.stopka__marka--tekst a{display:inline-block;font-family:var(--font-naglowek);font-size:clamp(1.1rem,.95rem + .6vw,1.35rem);font-weight:800;letter-spacing:.005em;color:var(--kolor-tekstu);text-decoration:none}
.stopka__marka--tekst a:hover,.stopka__marka--tekst a:focus-visible{color:var(--kolor-akcentu-hover)}
.stopka__dane{margin:0;font-size:var(--t-mala);color:var(--kolor-tekstu-wtornego);line-height:1.8}
/* Linki ekosystemu (ototelefon.pl / otofaks.pl) w stopce: wtapiają się w tekst,
   afordancja linku ujawnia się dopiero po najechaniu (życzenie klienta). */
.stopka__dane a{color:inherit;text-decoration:none}
.stopka__dane a:hover,.stopka__dane a:focus-visible{color:var(--kolor-linku-hover);text-decoration:underline}
.do-gory{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;
  border:1px solid var(--kolor-obwodki);border-radius:var(--promien);color:var(--kolor-linku);
  text-decoration:none;background:var(--kolor-karty)}
.do-gory svg{width:18px;height:18px;stroke-width:2}
.do-gory:hover,.do-gory:focus-visible{background:var(--kolor-akcentu);
  color:var(--kolor-tekstu-na-akcencie);border-color:var(--kolor-akcentu-hover)}
.do-gory:focus-visible{outline:3px solid var(--kolor-tekstu);outline-offset:2px}
@media (max-width:640px){
  .stopka .opas{align-items:flex-end}
  .stopka__dane{flex:1 1 calc(100% - 60px);order:2}
  .do-gory{order:3}
  .stopka__marka{flex-basis:100%}
}