/* Banner zgody cookies — na zmiennych design systemu (motyw jasny/ciemny), kompaktowy na mobile
   (audyt 2026-07-09: UI-07 — flex-basis w kolumnie robił z banera 400px pustki; UI-08 — hard-coded dark). */
.ogniwo-cookie-banner{
  display:none;
  position:fixed;left:20px;right:20px;bottom:20px;z-index:9999;
  max-width:640px;margin:0 auto;
  background:var(--surf,#161519);border:1px solid var(--bd,#2a2620);border-radius:14px;
  padding:20px 22px;box-shadow:0 12px 40px rgba(0,0,0,.35);
  align-items:center;gap:16px;flex-wrap:wrap;
  font-family:'IBM Plex Sans',sans-serif;color:var(--ink,#f5f1ea);
}
.ogniwo-cookie-banner.ogniwo-cookie-banner--open{display:flex}
.ogniwo-cookie-banner p{flex:1 1 260px;font-size:14px;color:var(--body,#c3bcb1);line-height:1.5;margin:0}
.ogniwo-cookie-banner a{color:var(--ember2,#ff9d4d);text-decoration:underline}
.ogniwo-cookie-actions{display:flex;gap:10px;flex-shrink:0}
.ogniwo-cookie-btn{font:inherit;font-size:14px;font-weight:600;padding:9px 18px;border-radius:8px;cursor:pointer;border:1px solid transparent;white-space:nowrap}
.ogniwo-cookie-btn--primary{background:#ff6a1a;color:#0a0a0b}
.ogniwo-cookie-btn--primary:hover{background:#ff9d4d}
.ogniwo-cookie-btn--ghost{background:transparent;border-color:var(--bd2,#39332b);color:var(--ink,#f5f1ea)}
.ogniwo-cookie-btn--ghost:hover{border-color:#ff6a1a}
@media(max-width:480px){
  .ogniwo-cookie-banner{flex-direction:column;align-items:stretch;left:12px;right:12px;bottom:12px;padding:14px 16px;gap:10px}
  /* flex-basis 260px w kolumnie działał na WYSOKOŚĆ — banner zajmował pół ekranu telefonu */
  .ogniwo-cookie-banner p{flex:0 1 auto;font-size:13px}
  .ogniwo-cookie-actions{justify-content:flex-end}
}