/* Lokamo :: 19:30 Na wynos. Jedno zamowienie od Map do odbioru: telefon goscia
   (strona lokalu, godzina odbioru, BLIK przez Przelewy24, status, ekran blokady)
   i okno panelu lokalu na Macu. Wymiary w em, scena skaluje sie jak obraz.
   Desktop: swiat 77.5 x 40 em. Telefon (kontener < 700 px): swiat 26 x 42 em,
   panel lokalu pojawia sie wtedy na chwile nad telefonem (klasa is-lok). */

.pin .scn.wy{--sh:40;height:40em;overflow:hidden}
.wy__w{position:absolute;inset:0}

/* ---------- Telefon goscia ---------- */
.wy__ph{position:absolute;left:10em;top:1.95em;width:17.5em;z-index:3}
.stage-l .wy__ph{box-shadow:0 2.8em 4em -1.8em rgba(13,13,15,.5),0 .5em 1em -.5em rgba(13,13,15,.22)}
/* Ciemna scena (.stage-d, rozdzial #wynos jest ciemny): glebszy cien telefonu i okna,
   okno panelu zostaje jasne jak prawdziwa aplikacja, dostaje ciemny obrys macOS */
.stage-d .wy__ph{box-shadow:0 3em 4.4em -1.6em rgba(0,0,0,.9),0 .6em 1.3em -.4em rgba(0,0,0,.6)}
.stage-d .wy-mac{box-shadow:0 0 0 1px rgba(0,0,0,.55),0 2.2em 4.6em -1.2em rgba(0,0,0,.85),0 .5em 1.1em -.3em rgba(0,0,0,.55)}
.wy__ph.is-buzz{animation:wy-buzz .42s linear}
@keyframes wy-buzz{0%,100%{transform:none}20%{transform:translateX(-.12em) rotate(-.4deg)}40%{transform:translateX(.12em) rotate(.4deg)}60%{transform:translateX(-.08em)}80%{transform:translateX(.06em)}}
.wy-s{position:absolute;inset:0;overflow:hidden;background:#fff;color:var(--ink)}
.wy-s>*{position:absolute}
/* System (iOS, macOS, aplikacje obce) fontem systemowym; strona lokalu i panel fontem marki */
.wy-sb,.wy-maps,.wy-kb,.wy-ban,.wy-bank,.wy-lock,.wy-sf,.wy-p24,.wy-mac__bar{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",system-ui,sans-serif}
.wy-sb>.mono{font-family:inherit}
.wy-l{inset:0;opacity:0;visibility:hidden;transition:opacity .45s var(--ease),transform .6s var(--ease-out),visibility 0s .6s}
.wy-s[data-scr="maps"] .wy-maps,.wy-s[data-scr="web"] .wy-web,.wy-s[data-scr="kasa"] .wy-web,.wy-s[data-scr="kasa"] .wy-kasa,.wy-s[data-scr="p24"] .wy-p24,.wy-s[data-scr="bank"] .wy-bank,.wy-s[data-scr="stat"] .wy-st,.wy-s[data-scr="lock"] .wy-lock{opacity:1;visibility:visible;transform:none;transition:opacity .45s var(--ease),transform .6s var(--ease-out),visibility 0s}
.wy-web{transform:scale(.9);transform-origin:50% 72%}
.wy-p24,.wy-st{transform:translateX(12%)}
.wy-bank{transform:scale(.92);transform-origin:50% 8%}
.wy-lock{transition:opacity .25s,visibility 0s .25s}

/* Pasek statusu iOS */
.wy-sb{top:0;left:0;right:0;z-index:30;height:2.8em;display:flex;align-items:center;justify-content:space-between;padding:.2em 1.55em 0 1.9em;color:var(--ink);transition:color .35s}
.wy-sb>.mono{font-size:.74em;font-weight:650;line-height:1;letter-spacing:-.01em}
.wy-sb__ic{display:flex;align-items:center;gap:.3em}
.wy-sb__ic svg{height:.62em;width:auto;fill:currentColor}
.wy-bat{position:relative;width:1.3em;height:.64em;border-radius:.2em;border:1px solid currentColor;opacity:.9}
.wy-bat i{position:absolute;inset:.09em .3em .09em .09em;border-radius:.1em;background:currentColor}
.wy-s[data-scr="web"]:not(.is-sc) .wy-sb,.wy-s[data-scr="lock"] .wy-sb{color:#fff}
.wy-s.is-sc[data-scr="web"] .wy-sb{background:linear-gradient(#fff 58%,rgba(255,255,255,0))}
.wy-home{left:50%;bottom:.42em;z-index:31;width:6.8em;height:.26em;margin-left:-3.4em;border-radius:99em;background:var(--ink);transition:background-color .3s}
.wy-s[data-scr="lock"] .wy-home{background:#fff}

/* Dotyk (jak "pokaz dotkniecia" w nagraniu ekranu) */
.wy-tap{z-index:60;width:2.5em;height:2.5em;margin:-1.25em 0 0 -1.25em;border-radius:50%;background:rgba(13,13,15,.16);border:1.5px solid rgba(255,255,255,.75);box-shadow:0 .2em .8em rgba(13,13,15,.25);opacity:0;pointer-events:none}
.wy-tap.is-on{animation:wy-tap .62s var(--ease-out)}
@keyframes wy-tap{0%{opacity:0;transform:scale(.55)}18%{opacity:1;transform:scale(1)}55%{opacity:.9;transform:scale(.9)}100%{opacity:0;transform:scale(1.25)}}
.wy-curtain{inset:0;z-index:70;background:#0D0D0F;opacity:0;pointer-events:none;transition:opacity .3s}
.wy-curtain.is-on{opacity:1}

/* ---------- Mapy ---------- */
.wy-maps{background:#EFEEEA}
.wy-map{position:absolute;inset:0;width:100%;height:100%}
.wy-pin{position:absolute;left:52%;top:27%;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:.3em;z-index:2}
.wy-pin__m{position:relative;width:2.5em;height:2.5em;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700;font-size:1em;box-shadow:0 0 0 .2em #fff,0 .5em 1em -.3em rgba(0,0,0,.45)}
.wy-pin__m::after{content:"";position:absolute;left:50%;bottom:-.52em;margin-left:-.32em;border:.32em solid transparent;border-top:.36em solid #fff}
.wy-pin b{font-size:.66em;font-weight:700;color:var(--ink);text-shadow:0 0 .3em #fff,0 0 .3em #fff,0 0 .3em #fff;margin-top:.2em}
.wy-me{position:absolute;left:30%;top:43%;width:1em;height:1em;margin:-.5em;border-radius:50%;background:#2F7BFF;box-shadow:0 0 0 .22em #fff,0 .2em .5em rgba(0,0,0,.3)}
.wy-me::before{content:"";position:absolute;inset:-1.1em;border-radius:50%;background:rgba(47,123,255,.16);animation:wy-me 2.2s var(--ease-out) infinite}
@keyframes wy-me{0%{transform:scale(.4);opacity:1}100%{transform:scale(1);opacity:0}}
.wy-sheet{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:.55em 1em 1.6em;border-radius:1.5em 1.5em 0 0;background:#fff;box-shadow:0 -.6em 1.8em -.8em rgba(13,13,15,.3);transform:translateY(62%);transition:transform .7s var(--ease-out)}
.wy-sheet.is-up{transform:none}
.wy-sheet__grab{display:block;width:2.4em;height:.28em;margin:0 auto .8em;border-radius:99em;background:#D6D6DA}
.wy-sheet__t{display:block;font-size:1.3em;font-weight:700;letter-spacing:-.025em;line-height:1.1}
.wy-sheet__s{margin-top:.3em;font-size:.66em;color:var(--steel)}
.wy-sheet__s em{font-style:normal;font-weight:650;color:var(--ok)}
.wy-sheet__ph{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:.3em;margin:.8em 0 .85em;height:4.6em}
.wy-sheet__ph img{width:100%;height:100%;object-fit:cover;border-radius:.6em}
.wy-sheet__b{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:.35em}
.wy-sheet__b span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25em;height:3.1em;border-radius:.8em;background:#F1F1F4;font-size:.62em;font-weight:650;color:var(--ink)}
.wy-sheet__b .ico{width:1.4em;height:1.4em}
.wy-sheet__b .wy-sheet__go{background:var(--ink);color:#fff}

/* ---------- Strona lokalu (Safari) ---------- */
.wy-pg{position:absolute;left:0;right:0;top:0;transition:transform .8s var(--ease-io)}
.wy-hero{position:relative;height:13.2em;overflow:hidden}
.wy-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wy-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,0) 32%,rgba(0,0,0,.08) 52%,rgba(0,0,0,.72) 100%)}
.wy-hero__t{position:absolute;left:1em;right:1em;bottom:1.05em;z-index:1;color:#fff}
.wy-pill{display:inline-flex;align-items:center;gap:.35em;height:1.75em;padding:0 .7em;border-radius:99em;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.28);font-size:.6em;font-weight:650;margin-bottom:.8em}
.wy-pill .ico{width:1.1em;height:1.1em}
.wy-hero__t b{display:block;font-size:2em;font-weight:700;letter-spacing:-.035em;line-height:1}
.wy-hero__t small{display:flex;align-items:center;gap:.45em;margin-top:.45em;font-size:.64em;font-weight:500;color:rgba(255,255,255,.86)}
.wy-hero__t small i{width:.55em;height:.55em;border-radius:50%;background:#3BD18A;box-shadow:0 0 0 .2em rgba(59,209,138,.25)}
.wy-chips{display:flex;gap:.35em;padding:.85em .9em .2em;white-space:nowrap;overflow:hidden}
.wy-chips span{flex:none;padding:.5em .85em;border-radius:99em;background:#F1F1F4;color:#3A3A3F;font-size:.62em;font-weight:650;transition:background-color .3s,color .3s}
.wy-chips .is-on{background:var(--ink);color:#fff}
.wy-sec{padding:1em 1em .15em;font-size:.56em;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8A8A8F}
.wy-it{position:relative;display:grid;grid-template-columns:4.1em minmax(0,1fr);gap:.75em;align-items:center;margin:0 .9em;padding:.7em 0;border-bottom:1px solid #EFEFF2}
.wy-it img{width:4.1em;height:4.1em;border-radius:.8em;object-fit:cover}
.wy-it b{display:block;font-size:.76em;font-weight:680;letter-spacing:-.01em}
.wy-it small{display:block;margin:.2em 0 .35em;font-size:.6em;color:#8A8A8F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:4.4em}
.wy-it .mono{font-size:.66em;font-weight:600}
.wy-q{position:absolute;right:0;bottom:.7em;display:flex;align-items:center;height:1.85em;border-radius:99em;background:var(--ink);color:#fff;transition:background-color .3s}
.wy-q i{display:grid;place-items:center;width:1.85em;height:1.85em;font-style:normal;font-size:.9em;font-weight:500;line-height:1}
.wy-q em,.wy-q .wy-q__m{display:none}
.wy-q em{font-style:normal;font-size:.66em;min-width:1.2em;text-align:center}
.wy-it.is-in .wy-q{background:var(--cobalt)}
.wy-it.is-in .wy-q em,.wy-it.is-in .wy-q .wy-q__m{display:grid}
.wy-it.is-in{border-bottom-color:transparent;box-shadow:0 1px 0 #EFEFF2}
.wy-cart{position:absolute;left:.8em;right:.8em;bottom:4.35em;z-index:16;height:2.75em;display:flex;align-items:center;gap:.5em;padding:0 .35em 0 .45em;border-radius:1.4em;background:var(--ink);color:#fff;box-shadow:0 .8em 1.6em -.7em rgba(13,13,15,.55);opacity:0;transform:translateY(1.2em);transition:opacity .35s,transform .55s var(--ease-out)}
.wy-cart.is-on{opacity:1;transform:none}
.wy-cart__n{width:1.95em;height:1.95em;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:.64em}
.wy-cart b{font-size:.68em;font-weight:650}
.wy-cart>.mono:not(.wy-cart__n){margin-left:auto;font-size:.64em}
.wy-cart__go{font-size:.64em;font-weight:650;background:#fff;color:var(--ink);padding:.62em 1em;border-radius:99em}
.wy-s[data-scr="kasa"] .wy-cart,.wy-s:not([data-scr="web"]):not([data-scr="kasa"]) .wy-cart{opacity:0;transform:translateY(1.2em)}

/* Safari: plywajacy pasek adresu na dole (iOS 26) */
.wy-sf{left:.7em;right:.7em;bottom:1.1em;z-index:20;display:flex;align-items:center;gap:.4em;opacity:0;transition:opacity .3s}
.wy-s[data-scr="web"] .wy-sf,.wy-s[data-scr="kasa"] .wy-sf,.wy-s[data-scr="p24"] .wy-sf,.wy-s[data-scr="stat"] .wy-sf{opacity:1}
.wy-sf__b,.wy-sf__url{height:2.35em;border-radius:99em;background:rgba(250,250,252,.8);-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);box-shadow:0 0 0 1px rgba(13,13,15,.07),0 .5em 1.2em -.5em rgba(13,13,15,.3)}
.wy-sf__b{flex:none;width:2.35em;display:grid;place-items:center;color:var(--ink)}
.wy-sf__b .ico{width:1.05em;height:1.05em}
.wy-sf__url{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:.35em;overflow:hidden;color:#2B2B30}
.wy-sf__url>span{font-size:.64em;font-weight:560;white-space:nowrap}
.wy-sf__url .ico{width:.72em;height:.72em;color:#6C6C72}
.wy-sf__load{position:absolute;left:0;bottom:0;height:.14em;width:calc(var(--l,0) * 100%);background:var(--cobalt);border-radius:99em}

/* ---------- Kasa (arkusz) ---------- */
.wy-kasa{left:0;right:0;bottom:0;top:2.9em;z-index:18;display:flex;flex-direction:column;padding:1em 1em 4.4em;border-radius:1.4em 1.4em 0 0;background:#fff;box-shadow:0 -1em 2.4em -1em rgba(13,13,15,.45)}
.wy-l.wy-kasa{transform:translateY(100%)}
.wy-s[data-scr="kasa"] .wy-web::after{content:"";position:absolute;inset:0;z-index:15;background:rgba(13,13,15,.32)}
.wy-kasa__h{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9em}
.wy-kasa__h b{font-size:1.15em;font-weight:700;letter-spacing:-.025em}
.wy-x{width:1.8em;height:1.8em;border-radius:50%;background:#F1F1F4;display:grid;place-items:center;color:#6C6C72}
.wy-x .ico{width:.9em;height:.9em}
.wy-lab{font-size:.62em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8A8A8F;margin:0 0 .55em}
.wy-seg{display:grid;grid-template-columns:1fr 1fr;padding:.2em;border-radius:.8em;background:#F1F1F4;margin-bottom:.8em}
.wy-seg span{text-align:center;padding:.55em 0;border-radius:.62em;font-size:.64em;font-weight:650;color:#6C6C72}
.wy-seg .is-on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(13,13,15,.12)}
.wy-day{font-size:.66em;font-weight:650;margin-bottom:.5em}
.wy-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:.35em}
.wy-slots span{display:flex;flex-direction:column;align-items:center;justify-content:center;height:2.9em;border-radius:.75em;border:1px solid #E3E3E8;font:600 .72em/1 var(--mono);transition:background-color .3s,color .3s,border-color .3s}
.wy-slots small{font:500 .68em/1 var(--font);margin-top:.35em;color:#A1A1A7}
.wy-slots .is-full{background:#F6F6F8;border-color:#F0F0F3;color:#B6B6BB;text-decoration:line-through;text-decoration-thickness:1px}
.wy-slots .is-full small{text-decoration:none}
.wy-slots .is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.wy-slots .is-no{animation:wy-no .45s linear}
@keyframes wy-no{0%,100%{transform:none}25%{transform:translateX(-.25em)}50%{transform:translateX(.25em)}75%{transform:translateX(-.12em)}}
.wy-hint{margin:.55em 0 1.05em;font-size:.58em;line-height:1.4;color:#8A8A8F}
.wy-pay{display:grid;grid-template-columns:1.1em minmax(0,1fr) auto;gap:.6em;align-items:center;padding:.7em .75em;border-radius:.85em;border:1.5px solid var(--ink)}
.wy-radio{width:1.1em;height:1.1em;border-radius:50%;border:.32em solid var(--ink)}
.wy-pay b{display:block;font-size:.72em;font-weight:680}
.wy-pay small{display:block;font-size:.58em;color:#8A8A8F;margin-top:.15em}
.wy-pay img{width:4.4em;height:auto}
.wy-sum{display:flex;justify-content:space-between;align-items:baseline;margin:.1em 0 .7em;padding-top:.75em;border-top:1px solid #EFEFF2}
.wy-sum span{font-size:.68em;color:#6C6C72}
.wy-sum b{font-size:.86em;font-weight:600}
.wy-btn{display:flex;align-items:center;justify-content:center;gap:.5em;height:2.8em;border-radius:99em;background:var(--ink);color:#fff;font-size:.72em;font-weight:650;transition:background-color .3s,opacity .3s}
.wy-btn.is-off{background:#D9D9DE;color:#fff}
.wy-kasa .wy-btn{margin-top:auto}
.wy-who{display:grid;grid-template-columns:2.1em minmax(0,1fr);gap:.2em .6em;align-items:center;padding:.6em .7em;border-radius:.85em;background:#F6F6F8;margin-bottom:1em}
.wy-who__av{width:2.1em;height:2.1em;border-radius:50%;background:#E2E6FF;color:var(--cobalt-deep);display:grid;place-items:center;font-weight:700;font-size:.8em}
.wy-who b{display:block;font-size:.7em;font-weight:680}
.wy-who div small{display:block;font-size:.58em;color:#8A8A8F}
.wy-who>small{grid-column:1/-1;font-size:.56em;color:var(--ok);font-weight:600}

/* ---------- Przelewy24 ---------- */
.wy-p24{background:#F4F4F7;padding:3.5em 1em 0}
.wy-p24__logo{display:block;width:6.4em;height:auto;margin:0 auto 1em}
.wy-p24__m{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.1em .5em;padding:.8em .9em;border-radius:.9em;background:#fff;box-shadow:0 0 0 1px #E9E9EE}
.wy-p24__m span{grid-column:1/-1;font-size:.58em;color:#8A8A8F}
.wy-p24__m b{font-size:.84em;font-weight:680}
.wy-p24__m .mono{font-size:.9em;font-weight:600}
.wy-p24__ms{display:grid;grid-template-columns:repeat(3,1fr);gap:.35em;margin:.7em 0 .9em}
.wy-p24__ms span{display:grid;place-items:center;height:2.3em;border-radius:.7em;background:#fff;box-shadow:0 0 0 1px #E6E6EB;font-size:.64em;font-weight:650;color:#6C6C72}
.wy-p24__ms .is-on{box-shadow:0 0 0 1.5px var(--ink);color:var(--ink);font-weight:800;letter-spacing:.02em}
.wy-code{display:grid;grid-template-columns:repeat(6,1fr);gap:.3em;margin-bottom:.9em}
.wy-code i{position:relative;display:grid;place-items:center;height:2.6em;border-radius:.6em;background:#fff;box-shadow:0 0 0 1px #E1E1E6;font:600 1em/1 var(--mono);font-style:normal;color:var(--ink);transition:box-shadow .2s}
.wy-code i:nth-child(3){margin-right:.35em}
.wy-code i.is-now{box-shadow:0 0 0 1.5px var(--cobalt)}
.wy-code i.is-now::after{content:"";position:absolute;left:50%;top:28%;bottom:28%;width:1.5px;background:var(--cobalt);animation:wy-caret 1s steps(1) infinite}
@keyframes wy-caret{50%{opacity:0}}
.wy-wait{position:absolute;left:1em;right:1em;top:14.2em;display:flex;flex-direction:column;align-items:center;gap:.5em;padding:1.1em .8em;border-radius:.9em;background:#fff;box-shadow:0 0 0 1px #E9E9EE;text-align:center;opacity:0;transform:translateY(.6em);transition:opacity .35s,transform .5s var(--ease-out)}
.wy-wait.is-on{opacity:1;transform:none}
.wy-wait b{font-size:.72em;font-weight:680}
.wy-wait small{font-size:.58em;color:#8A8A8F}
.wy-spin{width:1.7em;height:1.7em;border-radius:50%;border:.2em solid #E6E6EB;border-top-color:var(--ink);animation:wy-spin .8s linear infinite}
@keyframes wy-spin{to{transform:rotate(360deg)}}
.wy-kb{left:0;right:0;bottom:0;z-index:25;display:grid;grid-template-columns:repeat(3,1fr);gap:.36em;padding:.45em .35em 2.4em;background:#D3D5DB;transform:translateY(100%);transition:transform .5s var(--ease-out)}
.wy-kb.is-on{transform:none}
.wy-kb span{display:flex;flex-direction:column;align-items:center;justify-content:center;height:2.45em;border-radius:.45em;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.28);transition:background-color .12s}
.wy-kb span b{font-size:1.02em;font-weight:500;line-height:1}
.wy-kb span small{font-size:.42em;font-weight:700;letter-spacing:.14em;margin-top:.1em}
.wy-kb .is-x{background:transparent;box-shadow:none}
.wy-kb .is-hit{background:#B8BAC2}

/* ---------- Bank (neutralny) ---------- */
.wy-ban{left:.5em;right:.5em;top:2.5em;z-index:45;display:grid;grid-template-columns:2.1em minmax(0,1fr) auto;gap:.6em;align-items:center;padding:.62em .7em;border-radius:1.25em;background:rgba(246,246,248,.86);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);box-shadow:0 .8em 2em -.7em rgba(13,13,15,.45),0 0 0 1px rgba(13,13,15,.05);opacity:0;transform:translateY(-130%);transition:opacity .3s,transform .55s var(--ease-out)}
.wy-ban.is-on{opacity:1;transform:none}
.wy-ban b{display:block;font-size:.66em;font-weight:680}
.wy-ban small{display:block;font-size:.62em;color:#3A3A3F;margin-top:.1em}
.wy-ban>i{align-self:start;font-style:normal;font-size:.54em;color:#8A8A8F}
.wy-bic{width:2.1em;height:2.1em;border-radius:.55em;background:linear-gradient(160deg,#2B2F3A,#14161C);color:#fff;display:grid;place-items:center}
.wy-bic svg{width:1.2em;height:1.2em}
.wy-bank{background:#F2F3F5;padding:3.4em 1em 0;display:flex;flex-direction:column}
.wy-bank__h{display:flex;align-items:center;gap:.55em;margin-bottom:1.4em}
.wy-bank__h b{font-size:.74em;font-weight:680}
.wy-bank__c{padding:1.2em 1em 1em;border-radius:1.1em;background:#fff;box-shadow:0 0 0 1px #E6E7EB;text-align:center}
.wy-bank__k{font-size:.62em;font-weight:650;color:#6C6C72;letter-spacing:.02em}
.wy-bank__a{display:block;margin:.3em 0 .9em;font-size:1.75em;font-weight:600;letter-spacing:-.02em}
.wy-bank__l{list-style:none;text-align:left}
.wy-bank__l li{display:flex;justify-content:space-between;gap:.6em;padding:.55em 0;border-top:1px solid #F0F0F3;font-size:.64em}
.wy-bank__l span{color:#8A8A8F}
.wy-bank__l b{font-weight:650}
.wy-bank__b{display:grid;grid-template-columns:1fr 1.4fr;gap:.45em;margin-top:auto;margin-bottom:2.2em}
.wy-bank__b span{display:grid;place-items:center;height:2.9em;border-radius:.9em;background:#E4E5E9;font-size:.72em;font-weight:650;color:var(--ink)}
.wy-bank__b .is-p{background:#14161C;color:#fff}
.wy-fid{position:absolute;left:50%;top:40%;z-index:5;width:6.4em;height:6.4em;margin:-3.2em 0 0 -3.2em;border-radius:1.6em;background:rgba(40,40,44,.84);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center;color:#fff;opacity:0;transform:scale(.85);transition:opacity .25s,transform .45s var(--ease-out)}
.wy-fid.is-on{opacity:1;transform:none}
.wy-fid svg{width:3.2em;height:3.2em;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.wy-fid .wy-fid__ok{opacity:0;stroke:#3BD18A;stroke-dasharray:40;stroke-dashoffset:40;transition:opacity .2s,stroke-dashoffset .45s var(--ease-out) .1s}
.wy-fid.is-on .wy-fid__face{animation:wy-fid 1s var(--ease-io)}
@keyframes wy-fid{0%,100%{transform:none}30%{transform:scale(.92)}60%{transform:scale(1.04)}}
.wy-fid.is-ok .wy-fid__face{opacity:0;transition:opacity .2s}
.wy-fid.is-ok .wy-fid__ok{opacity:1;stroke-dashoffset:0}

/* ---------- Status zamowienia ---------- */
.wy-st{padding:3.5em 1.1em 0}
.wy-st__v{display:flex;align-items:center;gap:.5em;font-size:.66em;font-weight:650;color:#6C6C72}
.wy-st__v i{width:1.9em;height:1.9em;border-radius:.55em;background:var(--ink);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:.9em}
.wy-st__tk{margin:1em 0 .9em;padding:.9em 1em;border-radius:1em;background:#F4F4F7;display:flex;align-items:end;justify-content:space-between}
.wy-st__tk small{display:block;font-size:.56em;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#8A8A8F}
.wy-st__tk b{display:block;font-size:2.2em;font-weight:600;letter-spacing:-.04em;line-height:1;margin-top:.12em}
.wy-st__tk span{text-align:right;font-size:.62em;color:#6C6C72;line-height:1.35}
.wy-st__tk span b{font-size:1.3em;font-weight:650;color:var(--ink);letter-spacing:0;margin:0}
.wy-st__t{display:block;font-size:1.2em;font-weight:700;letter-spacing:-.025em;line-height:1.1;transition:color .3s}
.wy-st__d{margin-top:.4em;font-size:.64em;line-height:1.45;color:#6C6C72;min-height:2.9em}
.wy-ph{list-style:none;margin:.9em 0 1em;display:flex;flex-direction:column;gap:0}
.wy-ph li{position:relative;display:flex;align-items:center;gap:.7em;padding:.42em 0;font-size:.68em;font-weight:560;color:#A6A6AB;transition:color .4s}
.wy-ph li::before{content:"";flex:none;width:1.05em;height:1.05em;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 .16em #D7D7DB;transition:background-color .4s,box-shadow .4s}
.wy-ph li+li::after{content:"";position:absolute;left:.48em;top:-.55em;height:1.05em;width:.1em;background:#E1E1E6}
.wy-ph li i{margin-left:auto;font-style:normal;font-size:.9em;color:#A6A6AB}
.wy-ph li.is-done{color:var(--ink)}
.wy-ph li.is-done::before{background:var(--ok);box-shadow:none}
.wy-ph li.is-now{color:var(--ink);font-weight:680}
.wy-ph li.is-now::before{background:#fff;box-shadow:inset 0 0 0 .3em var(--cobalt),0 0 0 .3em rgba(46,75,255,.16)}
.wy-st.is-ready .wy-st__t{color:var(--ok)}
.wy-st.is-ready .wy-ph li.is-now::before{background:var(--ok);box-shadow:0 0 0 .3em rgba(27,158,90,.18)}
.wy-st__o{display:flex;flex-wrap:wrap;gap:.2em .5em;padding:.75em 0;border-top:1px solid #EFEFF2;font-size:.6em;color:#6C6C72}
.wy-st__o b{flex-basis:100%;font-weight:600;color:var(--ink)}
.wy-st .wy-btn{position:absolute;left:1.1em;right:1.1em;bottom:4.2em;background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.wy-st .wy-btn .ico{width:1.1em;height:1.1em}
.wy-again{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:1em 1.1em 4.2em;border-radius:1.4em 1.4em 0 0;background:#fff;box-shadow:0 -1em 2.4em -.8em rgba(13,13,15,.4);transform:translateY(105%);transition:transform .55s var(--ease-out)}
.wy-again.is-on{transform:none}
.wy-again>b{display:block;font-size:.95em;font-weight:700;letter-spacing:-.02em;margin-bottom:.6em}
.wy-again li{display:flex;justify-content:space-between;padding:.5em 0;border-bottom:1px solid #EFEFF2;font-size:.64em;list-style:none}
.wy-again ul{margin-bottom:.9em}
.wy-again .wy-btn{position:static;background:var(--ink);color:#fff;box-shadow:none}

/* ---------- Ekran blokady ---------- */
.wy-lock{background:#0D0D0F;color:#fff;overflow:hidden}
.wy-lock img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;transform:scale(1.04);transition:transform 1.2s var(--ease-out)}
.wy-s[data-scr="lock"] .wy-lock img{transform:none}
.wy-lock::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,0) 40%,rgba(0,0,0,.35))}
.wy-lock__d,.wy-lock__c{position:relative;z-index:1;display:block;text-align:center}
.wy-lock__d{margin-top:3.7em;font-size:.72em;font-weight:620;color:rgba(255,255,255,.9)}
.wy-lock__c{font-size:5.1em;font-weight:600;letter-spacing:-.03em;line-height:.95;color:rgba(255,255,255,.94);text-shadow:0 .03em .12em rgba(0,0,0,.15)}
.wy-note{position:absolute;left:.55em;right:.55em;bottom:5.4em;z-index:2;display:grid;grid-template-columns:2.1em minmax(0,1fr);gap:.62em;padding:.7em .75em .75em;border-radius:1.3em;background:rgba(245,245,247,.72);-webkit-backdrop-filter:blur(18px) saturate(1.7);backdrop-filter:blur(18px) saturate(1.7);color:var(--ink);box-shadow:0 .8em 2em -.8em rgba(0,0,0,.5);opacity:0;transform:translateY(1.5em) scale(.96);transition:opacity .35s,transform .6s var(--ease-out)}
.wy-note.is-on{opacity:1;transform:none}
.wy-note__ic{width:2.1em;height:2.1em;border-radius:.55em;background:linear-gradient(180deg,#5AC8FA,#1A7CF5);display:grid;place-items:center;color:#fff}
.wy-note__ic svg{width:1.3em;height:1.3em}
.wy-note p{display:flex;justify-content:space-between;font-size:.62em}
.wy-note p b{font-weight:700}
.wy-note p i{font-style:normal;color:#6C6C72}
.wy-note>div>b{display:block;margin-top:.2em;font-size:.64em;font-weight:680;line-height:1.3}
.wy-note small{display:block;margin-top:.15em;font-size:.6em;line-height:1.35;color:#3A3A3F}
.wy-lock__b{position:absolute;bottom:1.5em;z-index:1;width:2.5em;height:2.5em;border-radius:50%;background:rgba(40,40,44,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center}
.wy-lock__b svg{width:1.1em;height:1.1em;fill:none;stroke:#fff;stroke-width:1.8;stroke-linejoin:round}
.wy-lock__b--l{left:2.3em}
.wy-lock__b--r{right:2.3em}

/* ---------- Mac: panel lokalu w Safari ---------- */
.wy-mac{position:absolute;left:31em;top:5.1em;width:40.5em;z-index:2;border-radius:1.3em;background:#fff;overflow:hidden;font-size:1em;color:var(--ink);box-shadow:0 0 0 1px rgba(13,13,15,.08),0 1.6em 3.4em -1.4em rgba(13,13,15,.35),0 .3em .8em -.3em rgba(13,13,15,.12);transition:opacity .45s var(--ease),transform .6s var(--ease-out)}
.wy-mac__bar{display:flex;align-items:center;gap:.8em;height:3.3em;padding:0 .8em 0 1.05em;background:#FBFBFC;border-bottom:1px solid #EFEFF2}
.wy-mac__tl{display:flex;gap:.45em}
.wy-mac__tl i{width:.8em;height:.8em;border-radius:50%;background:#FF5F57;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.12)}
.wy-mac__tl i:nth-child(2){background:#FEBC2E}
.wy-mac__tl i:nth-child(3){background:#28C840}
.wy-mac__nav{display:inline-flex;align-items:center;gap:.25em;height:2.1em;padding:0 .5em;border-radius:99em;background:#fff;box-shadow:0 0 0 .06em rgba(0,0,0,.07),0 .12em .55em rgba(0,0,0,.09);color:#38383C}
.wy-mac__nav .ico+.ico{color:#BDBDC2}
.wy-mac__nav .ico{width:1em;height:1em}
.wy-mac__url{display:flex;align-items:center;justify-content:center;gap:.4em;min-width:22em;height:2.9em;margin:0 auto;padding:0 1.3em;border-radius:99em;background:#fff;box-shadow:0 0 0 .08em rgba(0,0,0,.07),0 .15em .7em rgba(0,0,0,.09);font-size:.72em;color:#3A3A3F;transform:translateX(-2.6em)}
.wy-mac__url .ico{width:.9em;height:.9em;color:#8A8A8F}
.wy-mac__body{padding:1.1em 1.4em 1.3em}
.wy-pn__h{display:flex;align-items:center;gap:.8em;padding-bottom:.9em;border-bottom:1px solid #EFEFF2}
.wy-pn__h img{width:4.8em;height:auto}
.wy-pn__v{font-size:.78em;color:#8A8A8F;padding-left:.8em;border-left:1px solid #E6E6EA}
.wy-pn__tabs{display:flex;gap:.2em;margin-left:auto;padding:.2em;border-radius:.6em;background:#F1F1F4}
.wy-pn__tabs span{font-size:.72em;font-weight:560;padding:.38em .8em;border-radius:.45em;color:#6C6C72;transition:background-color .3s,color .3s,box-shadow .3s}
.wy-mac[data-view="strona"] [data-tab="strona"],.wy-mac[data-view="odbior"] [data-tab="odbior"],.wy-mac[data-view="zam"] [data-tab="zam"]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(13,13,15,.1)}
.wy-vs{position:relative;height:19.6em;transition:opacity .3s}
.wy.is-cut .wy-vs,.wy.is-cut .wy-cur{opacity:0}
.wy-v{position:absolute;inset:0;padding-top:1.1em;opacity:0;visibility:hidden;transform:translateY(.6em);transition:opacity .4s var(--ease),transform .55s var(--ease-out),visibility 0s .55s}
.wy-mac[data-view="strona"] [data-v="strona"],.wy-mac[data-view="odbior"] [data-v="odbior"],.wy-mac[data-view="zam"] [data-v="zam"]{opacity:1;visibility:visible;transform:none;transition:opacity .4s var(--ease) .12s,transform .55s var(--ease-out) .12s,visibility 0s}
.wy-v h4,.wy-v .wy-v__h{margin:0 0 .75em;font-size:1.02em;font-weight:620;letter-spacing:-.015em;line-height:1.25}
.wy-prev{display:grid;grid-template-columns:6.4em minmax(0,1fr) auto;gap:1em;align-items:center;margin-bottom:.8em;padding:.6em;border-radius:.9em;box-shadow:0 0 0 1px #ECECF0}
.wy-prev img{width:6.4em;height:4.2em;border-radius:.6em;object-fit:cover}
.wy-prev b{display:block;font-size:1em;font-weight:680;letter-spacing:-.015em}
.wy-prev small{display:block;margin-top:.2em;font-size:.76em;color:#6C6C72}
.wy-prev__st{display:inline-flex;align-items:center;gap:.45em;margin-right:.4em;font-size:.76em;font-weight:560;color:var(--ok)}
.wy-prev__st i{width:.55em;height:.55em;border-radius:50%;background:var(--ok);box-shadow:0 0 0 .22em rgba(27,158,90,.16)}
.wy-row{display:flex;align-items:center;gap:1em;min-height:2.9em;padding:.55em .9em;border-radius:.75em;font-size:.8em;transition:background-color .4s,box-shadow .4s}
.wy-row+.wy-row{margin-top:.15em}
.wy-row:nth-child(odd){background:#F7F7F9}
.wy-row>span:first-child{color:#6C6C72;min-width:12.5em}
.wy-row>b{font-weight:600}
.wy-row .mono{font-weight:600}
.wy-row--hi{background:rgba(46,75,255,.06)!important;box-shadow:inset 0 0 0 1.5px rgba(46,75,255,.55)}
.wy-row--hi>b{color:var(--cobalt-deep)}
.wy-sw{margin-left:auto;width:2.4em;height:1.4em;border-radius:99em;background:var(--ok);position:relative}
.wy-sw::after{content:"";position:absolute;right:.15em;top:.15em;width:1.1em;height:1.1em;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.wy-copy{margin-left:auto;display:inline-flex;align-items:center;gap:.4em;padding:.45em .85em;border-radius:.55em;background:#fff;box-shadow:0 0 0 1px #E1E1E6;font-size:.92em;font-weight:560;white-space:nowrap;transition:background-color .3s,color .3s,box-shadow .3s}
.wy-copy .ico{width:1em;height:1em}
.wy-copy.is-on{background:var(--ink);color:#fff;box-shadow:none}
.wy-ok{margin-left:auto;display:inline-flex;align-items:center;gap:.35em;font-style:normal;font-size:.92em;font-weight:560;color:var(--ok)}
.wy-ok .ico{width:1em;height:1em}
.wy-sub{margin:1em 0 .5em;font-size:.68em;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:#8A8A8F}
.wy-occ{display:grid;grid-template-columns:3.6em minmax(0,1fr) 4.6em;gap:1em;align-items:center;padding:.3em .9em;font-size:.8em}
.wy-occ>b{font-size:.92em;font-weight:560;color:#6C6C72;text-align:right}
.wy-cells{--n:0;display:block;height:.95em;border-radius:.3em;background:linear-gradient(90deg,var(--ink) calc(var(--n) / 6 * 100%),#E3E3E8 0);-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(100% / 6 - .22em),transparent 0 calc(100% / 6));mask:repeating-linear-gradient(90deg,#000 0 calc(100% / 6 - .22em),transparent 0 calc(100% / 6));transition:background .5s}
.wy-occ.is-full .wy-cells{background:linear-gradient(90deg,#B9B9BF 100%,#E3E3E8 0)}
.wy-occ.is-full>b{color:var(--err)}
.wy-occ.is-hit{animation:wy-hit 1.2s var(--ease-out)}
.wy-occ.is-hit .wy-cells{background:linear-gradient(90deg,var(--ink) calc((var(--n) - 1) / 6 * 100%),var(--cobalt) 0 calc(var(--n) / 6 * 100%),#E3E3E8 0)}
@keyframes wy-hit{0%{background:rgba(46,75,255,.12)}100%{background:transparent}}
.wy-o{display:grid;grid-template-columns:3.4em minmax(0,1fr) 5.6em 6.6em;gap:.9em;align-items:center;padding:.75em .9em;border-radius:.75em;font-size:.8em;border:1px solid #EFEFF2;margin-bottom:.4em;background:#fff;transition:border-color .4s,background-color .4s,box-shadow .4s}
.wy-o>span:nth-child(2){color:#3A3A3F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wy-o>.mono:nth-child(3){text-align:right;font-weight:600}
.wy-bd{justify-self:end;display:inline-flex;align-items:center;gap:.4em;padding:.3em .65em;border-radius:99em;background:#F1F1F4;color:#6C6C72;font-style:normal;font-size:.9em;font-weight:560;white-space:nowrap;transition:background-color .4s,color .4s}
.wy-bd::before{content:"";width:.5em;height:.5em;border-radius:50%;background:currentColor}
.wy-bd--k,.wy-bd.is-k{background:#FFF4DF;color:#9A5F00}
.wy-bd.is-p{background:rgba(46,75,255,.08);color:var(--cobalt-deep)}
.wy-bd.is-r{background:#EAF7F0;color:var(--ok)}
.wy-o--new{opacity:0;transform:translateY(-.6em);transition:opacity .45s,transform .6s var(--ease-out),border-color .4s,background-color .4s,box-shadow .4s}
.wy-o--new.is-on{opacity:1;transform:none;border-color:rgba(46,75,255,.45);box-shadow:0 0 0 3px rgba(46,75,255,.08)}
.wy-o--new.is-r{border-color:rgba(27,158,90,.45);box-shadow:0 0 0 3px rgba(27,158,90,.08)}
.wy-o__pay{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:.3em 1.2em;margin-top:.1em;padding-top:.65em;border-top:1px dashed #E6E6EA;font-size:.92em;color:#6C6C72}
.wy-o__pay b{color:var(--ink);font-weight:600}
.wy-o__pay em{font-style:normal;color:var(--ok);font-weight:600}
.wy-o__go{grid-column:1/-1;justify-self:end;display:inline-flex;align-items:center;gap:.4em;padding:.5em 1em;border-radius:.6em;background:var(--ink);color:#fff;font-size:.92em;font-weight:600;transition:background-color .3s,transform .2s}
.wy-o__go .ico{width:1em;height:1em}
.wy-o--new.is-r .wy-o__go{background:#EAF7F0;color:var(--ok)}
.wy-o__row{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1em}

/* Kursor macOS */
.wy-cur{position:absolute;left:0;top:0;z-index:9;width:1.35em;height:auto;transform:translate(var(--cx,60em),var(--cy,33em));filter:drop-shadow(0 .12em .18em rgba(0,0,0,.35));pointer-events:none;transition:opacity .3s}
.wy-cur path:first-child{fill:#fff}
.wy-cur path:last-child{fill:#0D0D0F}
.wy-cur.is-click{animation:wy-click .28s var(--ease)}
@keyframes wy-click{50%{scale:.84}}

/* ---------- Telefon i tablet ----------
   Ponizej 1000 px scena wypelnia ramke pod naglowkiem (home.css: flex i
   container-type:size), a swiat skaluje sie do tej ramki. Rama pionowa
   (telefon): swiat 23.5 x 42 em, telefon na cala wysokosc, panel lokalu
   wjezdza na chwile nad telefon, gdy lokal cos widzi (klasa is-lok). */
@media (max-width:999px){
  .js .pin .scn.wy{height:auto}
  .js .wy__w{inset:auto;left:50%;top:50%;width:77.5em;height:40em;font-size:min(calc(100cqw / 77.5),calc(100cqh / 40));transform:translate(-50%,-50%)}
}
@container (orientation:portrait){
  .js .wy__w{width:23.5em;height:42em;font-size:min(calc(100cqw / 23.5),calc(100cqh / 42))}
  .wy__ph{left:1.45em;top:.9em;font-size:1.1em}
  .wy-cur{display:none}
  .wy-mac{left:auto;right:.35em;top:auto;bottom:1.2em;width:22.4em;font-size:.8em;z-index:6;opacity:0;transform:translateY(1.4em) scale(.96);transform-origin:100% 100%;box-shadow:0 0 0 1px rgba(13,13,15,.08),0 2em 3.4em -1em rgba(13,13,15,.55)}
  .wy.is-lok .wy-mac{opacity:1;transform:none}
  .stage-d .wy-mac{box-shadow:0 0 0 1px rgba(0,0,0,.4),0 2em 3.4em -1em rgba(0,0,0,.75)}
  .wy-mac__body{padding:.9em 1.1em 1em}
  .wy-pn__v,.wy-mac__nav{display:none}
  .wy-vs{height:auto;display:grid;grid-template-columns:minmax(0,1fr)}
  .wy-v{position:relative;inset:auto;grid-area:1/1;padding-top:.9em;display:none}
  .wy-mac[data-view="strona"] [data-v="strona"],.wy-mac[data-view="odbior"] [data-v="odbior"],.wy-mac[data-view="zam"] [data-v="zam"]{display:block}
  .wy-mac__url{min-width:0;transform:none}
  .wy-v h4,.wy-v .wy-v__h{font-size:1.1em}
  .wy-row,.wy-occ,.wy-o{font-size:.95em}
  [data-v="odbior"] .wy-row:not(.wy-row--hi),[data-v="odbior"] .wy-occ:nth-last-child(-n+2),[data-v="zam"] .wy-o:first-of-type{display:none}
  .wy-row>span:first-child{min-width:0;flex:1}
  .wy-o{grid-template-columns:3.2em minmax(0,1fr) auto}
  .wy-o>.mono:nth-child(3){display:none}
}

/* Bez ruchu: gotowe stany, bez pulsow */
@media (prefers-reduced-motion:reduce){
  .wy-me::before,.wy-spin,.wy-code i.is-now::after{animation:none}
  .wy-cur{display:none}
}

/* Etykieta przycisku kopiowania ma stala szerokosc (obie wersje w jednej komorce siatki), wiec zmiana na "Skopiowano" nie przesuwa przycisku pod kursorem. */
.wy-copy__l{display:inline-grid;justify-items:center}.wy-copy__l>span{grid-area:1/1}.wy-copy__l>span[aria-hidden]{visibility:hidden}