/* Spiżarnia Pupila – Zgody na cookies: karta wyśrodkowana przy dolnej krawędzi (na telefonie na całą szerokość).
   Kolory, kroje i zaokrąglenie z tokenów motywu (--sp-*), z wartościami zapasowymi dla innego motywu.
   z-index 45: nad przyklejonym nagłówkiem motywu (40), pod szufladami i powiadomieniami (50–60). */
.spz{position:fixed;left:0;right:0;margin-inline:auto;bottom:var(--sp-s3,24px);z-index:45;box-sizing:border-box;width:min(640px,calc(100vw - 2 * var(--sp-s3,24px)));max-height:calc(100vh - 2 * var(--sp-s3,24px));overflow:auto;padding:var(--sp-s3,24px);background:var(--sp-surface,#fff);color:var(--sp-ink,#0E2A1F);border:1px solid var(--sp-line,#D8D1C4);border-top:2px solid var(--sp-gold,#9E895E);border-radius:var(--sp-radius,2px);box-shadow:var(--sp-shadow-overlay,0 12px 36px rgba(14,42,31,.14));font-size:16px;line-height:1.5}
.spz[hidden]{display:none}
.spz *,.spz *::before,.spz *::after{box-sizing:border-box}
.spz-tytul{margin:0 0 var(--sp-s1,8px);font-family:var(--sp-serif,Georgia,serif);font-size:26px;line-height:1.2}
.spz-tytul:focus{outline:none}
.spz-tytul:focus-visible{outline:2px solid var(--sp-action,#735F38);outline-offset:4px}
.spz-opis{margin:0 0 var(--sp-s2,16px);color:var(--sp-muted,#6F6A63)}
.spz-opis a{color:var(--sp-action,#735F38);text-decoration:underline;text-underline-offset:3px}
.spz-wybor{display:grid;gap:var(--sp-s2,16px);margin:0 0 var(--sp-s2,16px);padding-top:var(--sp-s2,16px);border-top:1px solid var(--sp-line,#D8D1C4)}
.spz-wybor[hidden]{display:none}
.spz-kategoria{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start}
.spz-kategoria input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--sp-ink,#0E2A1F);cursor:pointer}
.spz-kategoria input:disabled{cursor:default}
.spz-kategoria label{cursor:pointer}
.spz-kategoria strong{display:block;font-weight:600;color:var(--sp-ink,#0E2A1F)}
.spz-kategoria span{display:block;font-size:15px;color:var(--sp-muted,#6F6A63)}
.spz-akcje{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
/* Przyciski motywu mają display:inline-flex, który wygrywa z [hidden] przeglądarki. */
.spz-akcje [hidden]{display:none}
.spz-akcje .spz-przycisk{width:100%;margin:0;justify-content:center;text-align:center}
/* Pierwszy rząd: „Odrzucam” | „Akceptuję wszystkie” (zgoda po prawej), pod nimi „Ustawienia” albo „Zapisz wybór”. */
.spz-przycisk--szeroki{grid-column:1 / -1}
/* Wygląd zapasowy bez motywu Spiżarni - :where() nie konkuruje z .sp-button. */
:where(.spz-przycisk){min-height:44px;padding:9px 16px;font:inherit;border:1px solid var(--sp-ink,#0E2A1F);border-radius:var(--sp-radius,2px);background:var(--sp-ink,#0E2A1F);color:var(--sp-paper,#F7F4ED);cursor:pointer}
:where(.spz-przycisk--drugi){background:transparent;color:var(--sp-action,#735F38);border-color:var(--sp-action,#735F38)}
.spz :focus-visible{outline:2px solid var(--sp-action,#735F38);outline-offset:2px}
@media (max-width:560px){
  .spz{left:0;right:0;margin-inline:0;bottom:0;width:100%;max-height:85vh;border-left:0;border-right:0;border-bottom:0;border-radius:0;padding:var(--sp-s3,24px) 16px calc(16px + env(safe-area-inset-bottom))}
  .spz-tytul{font-size:24px}
}