@charset "utf-8";

@font-face{font-family:"Zg Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonty/geist-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Zg Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonty/geist-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

[data-zgody]{
  --zg-font:"Zg Geist","Geist","Segoe UI",system-ui,-apple-system,sans-serif;
  --zg-t:#F2F0EA;            
  --zg-t2:#C9C6BE;           
  --zg-acc:#EA580C;          
  --zg-czern:#0A0A0B;
  --zg-tlo:var(--g-arkusz,rgba(19,19,22,.80));                 
  --zg-dociazenie:rgba(19,19,22,.60);                           
  --zg-blur:var(--g-blur-duzy,blur(32px) saturate(190%));
  --zg-rim:var(--g-rim,inset 0 1px 0 rgba(255,254,251,.22),inset 0 0 0 1px rgba(255,254,251,.08),inset 0 -1px 0 rgba(0,0,0,.30));
  --zg-cien:var(--g-cien,0 1px 1px rgba(0,0,0,.30),0 22px 56px -14px rgba(0,0,0,.62));
  --zg-polysk:var(--g-polysk,radial-gradient(130% 100% at 12% -30%,rgba(255,254,251,.11),rgba(255,254,251,0) 58%));
  --zg-btn:rgba(255,254,251,.10);
  --zg-btn-rim:inset 0 1px 0 rgba(255,254,251,.20),inset 0 0 0 1px rgba(255,254,251,.14);
  --zg-wiersz:rgba(255,254,251,.045);
  --zg-r:24px;
}

/* 28.10 (Łukasz): pierwsza warstwa = niski pasek na dole na całą szerokość (na telefonie jak najniższy), bez kostki */
.zg{position:fixed;z-index:85;left:0;right:0;bottom:0;max-width:none;margin:0;box-sizing:border-box;
  padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));border:0;border-radius:18px 18px 0 0;text-align:left;
  font:450 15px/1.45 var(--zg-font);letter-spacing:0;color:var(--zg-t);-webkit-font-smoothing:antialiased;text-transform:none;
  background:var(--zg-polysk),linear-gradient(var(--zg-dociazenie),var(--zg-dociazenie)),var(--zg-tlo);
  -webkit-backdrop-filter:var(--zg-blur);backdrop-filter:var(--zg-blur);box-shadow:var(--zg-rim),var(--zg-cien);transform-origin:50% 100%}
.zg[hidden],[data-zgody][hidden],.zg [data-zgody-ustawienia][hidden]{display:none}
.zg:focus{outline:none}                                   
.zg *,.zg *::before,.zg *::after{box-sizing:border-box}
.zg p,.zg h2,.zg ul,.zg li{margin:0;padding:0;max-width:none;font:inherit;letter-spacing:inherit;color:inherit;text-transform:none;border:0;background:none}
.zg :focus-visible{outline:2px solid var(--zg-acc);outline-offset:3px}

.zg .zg__kostka,.zg .zg__kicker{display:none}
.zg .zg__tytul{margin:0;font-size:17px;line-height:1.25;font-weight:400;letter-spacing:-.012em;color:var(--zg-t);text-wrap:balance}
.zg .zg__tytul b{font-weight:700}
.zg .zg__tytul:focus{outline:none}
.zg .zg__opis{margin-top:6px;font-size:14.5px;line-height:1.45;font-weight:450;color:var(--zg-t2);text-wrap:pretty}
.zg .zg__akcje{display:flex;align-items:center;gap:8px;margin-top:12px}

.zg .zg__btn{appearance:none;-webkit-appearance:none;flex:1 1 0;min-width:0;min-height:46px;margin:0;padding:0 14px;border:0;border-radius:999px;
  font:600 15px/1.15 var(--zg-font);letter-spacing:0;text-transform:none;white-space:nowrap;color:var(--zg-t);
  background:var(--zg-btn);box-shadow:var(--zg-btn-rim);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.zg .zg__btn:active{transform:scale(.97)}
@media (hover:hover){.zg .zg__btn:hover{background:rgba(255,254,251,.15)}}
.zg .zg__link,.zg .zg__wstecz{appearance:none;-webkit-appearance:none;flex:0 0 auto;min-height:46px;margin:0 -6px 0 0;padding:0 8px;border:0;border-radius:999px;background:none;
  font:500 15px/1.15 var(--zg-font);letter-spacing:0;text-transform:none;color:var(--zg-t2);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;
  
  text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgba(242,240,234,.4);text-underline-offset:4px}
@media (hover:hover){.zg .zg__link:hover,.zg .zg__wstecz:hover{color:var(--zg-t);text-decoration-color:currentColor}}

.zg[data-stan="ustawienia"]{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;padding-bottom:0}
.zg[data-stan="ustawienia"] .zg__pierwsza,.zg[data-stan="ustawienia"] .zg__kostka{display:none}
.zg .zg__wstecz{margin:-6px 0 0 -8px;padding:0 10px 0 6px;text-decoration:none}
.zg .zg__wstecz span{font-size:20px;line-height:1;margin-right:2px}
.zg .zg__ustawienia .zg__tytul{margin-top:2px;font-size:22px;line-height:1.2;letter-spacing:-.02em}
.zg .zg__ustawienia > .zg__opis{margin-top:6px;font-size:14px}
.zg .zg__kategorie{list-style:none;display:grid;gap:8px;margin-top:14px}
.zg .zg__kat{padding:2px 14px 12px;border-radius:16px;background:var(--zg-wiersz);box-shadow:inset 0 1px 0 rgba(255,254,251,.08),inset 0 0 0 1px rgba(255,254,251,.07)}
.zg .zg__kat-gora{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;margin:0;cursor:default}
.zg label.zg__kat-gora{cursor:pointer}
.zg .zg__nazwa{flex:1 1 auto;font-size:15.5px;line-height:1.3;font-weight:600;color:var(--zg-t)}
.zg .zg__zawsze,.zg .zg__stan{order:1;font-size:13px;line-height:1.3;font-weight:500;color:var(--zg-t2)}
.zg .zg__stan-wl{display:none}
.zg .zg__przel:checked ~ .zg__stan .zg__stan-wyl{display:none}
.zg .zg__przel:checked ~ .zg__stan .zg__stan-wl{display:inline;color:var(--zg-t)}

.zg .zg__przel{position:absolute;right:0;top:50%;width:46px;height:28px;margin:-14px 0 0;padding:0;opacity:0;cursor:pointer;appearance:none;-webkit-appearance:none}
.zg .zg__tor{order:2;position:relative;flex:0 0 auto;width:46px;height:28px;border-radius:999px;background:rgba(255,254,251,.16);box-shadow:inset 0 0 0 1px rgba(255,254,251,.24)}
.zg .zg__tor::before{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--zg-t);box-shadow:0 1px 3px rgba(0,0,0,.45)}
.zg .zg__przel:checked + .zg__tor{background:var(--zg-acc);box-shadow:inset 0 0 0 1px rgba(255,254,251,.18)}
.zg .zg__przel:checked + .zg__tor::before{left:21px;background:#FFFEFB}
.zg .zg__przel:focus-visible + .zg__tor{outline:2px solid var(--zg-acc);outline-offset:3px}
.zg .zg__kat-opis{font-size:14px;line-height:1.45;color:var(--zg-t2)}
.zg .zg__kto{margin-top:6px;font-size:13.5px;line-height:1.4;font-weight:500;color:var(--zg-t)}
.zg .zg__kto span{font-weight:450;color:var(--zg-t2)}
.zg .zg__polityka{display:flex;flex-wrap:wrap;align-items:center;column-gap:6px;min-height:44px;margin-top:6px;font-size:14px;line-height:1.35;color:var(--zg-t2)}
.zg .zg__polityka a{display:inline-flex;align-items:center;min-height:44px;color:var(--zg-t);font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgba(242,240,234,.45);text-underline-offset:4px}
@media (hover:hover){.zg .zg__polityka a:hover{text-decoration-color:currentColor}}

.zg .zg__akcje--ustawienia{position:sticky;bottom:0;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px -16px 0;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));
  background:linear-gradient(rgba(19,19,22,0),rgba(19,19,22,.82) 14px)}
.zg .zg__btn--zapisz{grid-column:1 / -1;color:var(--zg-czern);background:#F2F0EA;box-shadow:inset 0 1px 0 #FFFEFB,inset 0 -1px 0 rgba(10,10,11,.14),0 8px 18px -8px rgba(0,0,0,.6)}
@media (hover:hover){.zg .zg__btn--zapisz:hover{background:#FFFEFB}}

@media (max-width:640px){
  .zg .zg__pierwsza .zg__tytul{display:none}
  .zg .zg__opis{margin-top:0;font-size:13px;line-height:1.4}
  .zg .zg__akcje{margin-top:8px;gap:6px}
  .zg .zg__btn,.zg .zg__link{min-height:44px}
  .zg[data-stan="ustawienia"]{padding-top:14px}
}

@media (min-width:641px){
  .zg{padding:12px 24px calc(12px + env(safe-area-inset-bottom,0px))}
  .zg .zg__pierwsza{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center;max-width:1240px;margin:0 auto}
  .zg .zg__pierwsza .zg__tytul{grid-column:1;font-size:15.5px}
  .zg .zg__opis{grid-column:1;margin-top:2px;font-size:14px}
  .zg .zg__akcje{grid-column:2;grid-row:1 / span 2;margin:0}
  .zg .zg__btn{flex:0 0 auto;min-width:108px}
  .zg[data-stan="ustawienia"]{left:16px;right:auto;bottom:16px;width:440px;max-width:calc(100vw - 32px);margin:0;padding:16px 16px 0;border-radius:var(--zg-r)}
}
@media (min-width:641px) and (min-height:600px){
  .zg[data-stan="ustawienia"]{max-height:calc(100vh - 92px)}     
}

@keyframes zg-mat{from{opacity:0;transform:translateY(12px) scale(.96);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes zg-mat-kostka{from{opacity:0;transform:translateY(10px) scale(.6)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  .zg{animation:zg-mat .56s cubic-bezier(.2,.8,.2,1) backwards}
  .zg .zg__kostka{animation:zg-mat-kostka .62s cubic-bezier(.2,.8,.2,1) .12s backwards}
  @supports (animation-timing-function:linear(0,1)){
    .zg{animation-timing-function:linear(0,.147,.39,.599,.75,.849,.911,.949,.971,.984,.991,.995,1)}
    .zg .zg__kostka{animation-timing-function:linear(0,.195,.513,.764,.914,.985,1.011,1.015,1.011,1.007,1.003,1.001,1)}
  }
}
html.bez-ruchu .zg,html.bez-ruchu .zg .zg__kostka{animation:none}

@media (prefers-reduced-transparency:reduce){
  .zg{background:#131316;-webkit-backdrop-filter:none;backdrop-filter:none}
  .zg .zg__akcje--ustawienia{background:#131316}
}
@media (prefers-contrast:more){
  [data-zgody]{--zg-t2:#E6E3DB;--zg-btn:#1B1B1F;--zg-btn-rim:inset 0 0 0 2px #F2F0EA;--zg-wiersz:#131316}
  .zg{background:#0A0A0B;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 0 0 1px #66666E,var(--zg-cien)}
  .zg .zg__akcje--ustawienia{background:#0A0A0B}
  .zg .zg__tor{box-shadow:inset 0 0 0 2px #F2F0EA}
}
@media (forced-colors:active){
  .zg{border:1px solid CanvasText;background:Canvas}
  .zg .zg__btn{border:1px solid ButtonText}
  .zg .zg__tor{border:1px solid ButtonText;forced-color-adjust:none;background:Canvas}
  .zg .zg__tor::before{background:ButtonText}
  .zg .zg__przel:checked + .zg__tor{background:Highlight}
  .zg .zg__przel:focus-visible + .zg__tor,.zg :focus-visible{outline:2px solid Highlight}
  .zg .zg__kostka{display:none}
}