/* === BANER ZGODY NA COOKIES ===
   Wspólny dla wszystkich podstron — dołącza go narzedzia/wspolne.mjs, buduje zgoda.js.
   „Odrzuć” i „Akceptuj” wyglądają identycznie: ten sam rozmiar, kolor i waga — żadna
   decyzja nie jest podsuwana. Komputer: karta w lewym dolnym rogu, telefon: pas na dole.
   z-index 250: nad bramą strony głównej (200), pod powiększonym zdjęciem (300). */
.zgoda{position:fixed;z-index:250;left:24px;bottom:24px;width:min(460px,calc(100% - 48px));display:flex;flex-direction:column;gap:18px;padding:22px 24px 24px;background:#fff;color:#0a0a0a;border:1px solid #0a0a0a;box-shadow:0 28px 60px -28px rgba(10,10,10,.55);font-family:'IBM Plex Sans',system-ui,sans-serif;opacity:0;transform:translateY(16px);transition:opacity .35s ease,transform .45s cubic-bezier(.22,.61,.36,1)}
.zgoda.widoczny{opacity:1;transform:none}
.zgoda[hidden],.zgoda [hidden]{display:none!important}
/* pomarańczowa krawędź jak u kart po najechaniu */
.zgoda::before{content:'';position:absolute;left:-1px;right:-1px;top:-1px;height:3px;background:#c2410c}
.zgoda-tresc{display:flex;flex-direction:column;gap:8px}
.zgoda-kicker{margin:0;font-family:'IBM Plex Mono',monospace;font-size:12px;line-height:1.4;color:#6b6b6b}
.zgoda-opis{margin:0;font-size:14px;line-height:1.6;color:#3a3a3a;text-wrap:pretty}
.zgoda-opis a{color:#0a0a0a;text-decoration:underline;text-underline-offset:3px}
.zgoda-stan{margin:0;font-size:13px;line-height:1.5;font-weight:500}
.zgoda-przyciski{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.zgoda-przyciski button{height:48px;padding:0 16px;border:1px solid #0a0a0a;background:#0a0a0a;color:#fff;font:500 15px/1 'IBM Plex Sans',system-ui,sans-serif;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.zgoda-przyciski button:active{background:#c2410c;border-color:#c2410c}
.zgoda-zamknij{position:absolute;top:2px;right:2px;width:44px;height:44px;border:0;background:none;color:#6b6b6b;font-size:24px;line-height:1;cursor:pointer}
.zgoda button:focus-visible,.zgoda a:focus-visible{outline:2px solid #c2410c;outline-offset:2px}
@media (hover:hover){
  .zgoda-przyciski button:hover{background:#c2410c;border-color:#c2410c}
  .zgoda-zamknij:hover{color:#0a0a0a}
}
@media (max-width:560px){
  .zgoda{left:0;bottom:0;width:100%;gap:16px;padding:20px 20px calc(20px + env(safe-area-inset-bottom));border-width:1px 0 0;box-shadow:0 -18px 40px -24px rgba(10,10,10,.45)}
  .zgoda::before{left:0;right:0}
}
@media (prefers-reduced-motion:reduce){.zgoda{transition:none}}
@media print{.zgoda{display:none!important}}