/* Lokamo :: strona glowna v3 "Jeden piatek w Twoim lokalu".
   Tokeny z docs/branding/lokamo-v2/tokens.css. Sceny skaluja sie przez em
   liczone z szerokosci kontenera (cqw), dlatego rodzic sceny jest kontenerem. */

@font-face{font-family:"Lokamo Sans";src:url("/assets/fonts/lokamo-sans-latin.woff2") format("woff2");font-weight:200 900;font-stretch:75% 125%;font-display:swap;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:"Lokamo Sans";src:url("/assets/fonts/lokamo-sans-latin-ext.woff2") format("woff2");font-weight:200 900;font-stretch:75% 125%;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Geist Mono";src:url("/assets/fonts/geist-mono-latin.woff2") format("woff2");font-weight:100 900;font-display:swap;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:"Geist Mono";src:url("/assets/fonts/geist-mono-latin-ext.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --ink:#0D0D0F;--coal:#1B1B1E;--tone:#19191C;--steel:#6C6C72;--mist:#A6A6AB;--line:#E6E6EA;--paper:#F5F5F7;--white:#FFFFFF;
  --cobalt:#2E4BFF;--cobalt-deep:#1F36D6;--ok:#1B9E5A;--warn:#D98A0B;--err:#D93B2B;
  --text2:#45454B;--mute:#8C8C92;--sand:#E6E6E9;
  --d-panel:#121215;--d-line:rgba(255,255,255,.08);--d-line2:rgba(255,255,255,.14);--d-text:#C9C9CD;
  --font:"Lokamo Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --ease:cubic-bezier(.2,.7,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-io:cubic-bezier(.65,0,.35,1);
  --float:0 1px 1px rgba(13,13,15,.04),0 10px 24px -12px rgba(13,13,15,.16),0 36px 72px -32px rgba(13,13,15,.24);
  --hdr:68px;--overlap:clamp(150px,19vw,260px);
  --ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath fill-rule='evenodd' d='M8 88V48A40 40 0 0 1 48 8A40 40 0 0 1 88 48A40 40 0 0 1 48 88ZM24 72H48A24 24 0 0 0 72 48A24 24 0 0 0 48 24A24 24 0 0 0 24 48Z'/%3E%3C/svg%3E");
  interpolate-size:allow-keywords;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--hdr) + 12px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-kerning:normal;overflow-x:clip}
img,svg{display:block}
img{max-width:100%;height:auto}
a{color:inherit;-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit}
p{margin:0}
h1,h2,h3{margin:0;font-weight:560}
ol,ul{margin:0;padding:0}
:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px;border-radius:4px}
::selection{background:var(--cobalt);color:#fff}
.mono{font-family:var(--mono);font-feature-settings:"ss01";font-variant-numeric:tabular-nums;letter-spacing:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ico{width:20px;height:20px;flex:none}
.ico--s{width:16px;height:16px}
.ico--xs{width:.9em;height:.9em;display:inline-block;vertical-align:-.08em}
.ico--ring{width:13px;height:13px}
.ico--r90{transform:rotate(90deg)}
.ico--r180{transform:rotate(180deg)}
.wrap{width:min(1240px,calc(100% - 48px));margin-inline:auto}

/* Przyciski i linki */
.btn{--bg:var(--ink);--fg:var(--paper);display:inline-flex;align-items:center;justify-content:center;gap:10px;height:46px;padding:0 20px;border-radius:6px;background:var(--bg);color:var(--fg);font:500 15.5px/1 var(--font);text-decoration:none;white-space:nowrap;border:1px solid transparent;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .2s var(--ease)}
.btn svg{transition:transform .25s var(--ease)}
.btn:hover svg{transform:translateX(3px)}
.btn:active{transform:translateY(1px)}
.btn--lg{height:52px;padding:0 24px;font-size:16px}
.btn--sm{height:38px;padding:0 14px;font-size:14.5px}
.btn--block{width:100%}
.btn--light{--bg:#FFFFFF;--fg:var(--ink)}
.btn--light:hover{--bg:#fff}
.btn--dark:hover{--bg:#26262A}
.btn--line-dark{--bg:transparent;--fg:#fff;border-color:rgba(255,255,255,.2)}
.btn--line-dark:hover{border-color:rgba(255,255,255,.45);--bg:rgba(255,255,255,.04)}
.lnk{display:inline-flex;align-items:center;gap:6px;font-weight:500;font-size:15.5px;text-decoration:none;color:var(--ink);padding-bottom:3px;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat}
.lnk svg{transition:transform .25s var(--ease)}
.lnk:hover svg{transform:translateX(3px)}

/* Naglowek i stopka: /assets/site/chrome.css (klasy .nav*, .foot*) */

/* Hero */
.hero{position:relative;background:var(--ink);color:var(--paper);padding:128px 0 88px;overflow:clip}
.hero__bg{position:absolute;inset:0;pointer-events:none}
.hero__dots{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.085) 1px,transparent 1.3px);background-size:24px 24px;-webkit-mask:radial-gradient(60% 70% at 30% 40%,#000 5%,transparent 75%);mask:radial-gradient(60% 70% at 30% 40%,#000 5%,transparent 75%)}
.hero__glow{position:absolute;right:-12%;top:-8%;width:78%;height:120%;background:radial-gradient(closest-side,rgba(255,255,255,.055),transparent 72%)}
.hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:16px;align-items:center}
.hero__copy{position:relative;z-index:2;padding:12px 0 24px}
.hero__title{font-size:clamp(52px,6.1vw,96px);line-height:.94;letter-spacing:-.045em;font-weight:560}
.hero__kicker{display:flex;align-items:center;gap:10px;font-size:15.5px;line-height:1.35;letter-spacing:0;font-weight:500;color:var(--mist);margin-bottom:26px}
.hero__kicker .ico--ring{color:var(--paper)}
.hero__l1,.hero__l2{display:block;padding-bottom:.04em}
.hero__l1{color:#fff}
.hero__l2{color:var(--mist)}
.hero__lead{margin-top:28px;font-size:18px;line-height:1.58;color:var(--d-text);max-width:470px;text-wrap:pretty}
.hero__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:30px}
.lnk--light{color:#fff;font-size:15.5px}
.hero__note{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:20px;font-size:13.5px;color:var(--mist)}
.hero__note i{width:3px;height:3px;border-radius:50%;background:#4A4A50}
.hero .namefield{margin-top:34px;width:max-content;max-width:100%}
.js .hero__kicker,.js .hero__l1,.js .hero__l2,.js .hero__lead,.js .hero__ctas,.js .hero__note,.js .hero .namefield{animation:rise 1.1s var(--ease-out) both}
.js .hero__l1{animation-delay:.06s}
.js .hero__l2{animation-delay:.12s}
.js .hero__lead{animation-delay:.2s}
.js .hero__ctas{animation-delay:.26s}
.js .hero__note,.js .hero .namefield{animation-delay:.32s}
.js .orbit{animation:rise 1.3s var(--ease-out) .2s both}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.namefield{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px 0 14px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid var(--d-line2);color:var(--mist);cursor:text;transition:border-color .2s,box-shadow .2s}
.namefield span{font-size:13px;white-space:nowrap}
.namefield input{width:11ch;min-width:0;background:none;border:0;padding:0;color:#fff;font:500 14.5px/1 var(--font);outline:none}
.namefield:hover{border-color:rgba(255,255,255,.26)}
.namefield:focus-within{border-color:var(--cobalt);box-shadow:0 0 0 3px rgba(46,75,255,.3)}
.iconbtn{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;border:1px solid var(--d-line2);background:rgba(255,255,255,.05);color:#fff;cursor:pointer;transition:background-color .2s,border-color .2s;flex:none}
.iconbtn:hover{background:rgba(255,255,255,.1)}
.iconbtn .i-pl,.iconbtn[aria-pressed="true"] .i-pa{display:none}
.iconbtn[aria-pressed="true"] .i-pl{display:block}

/* Pierscien systemu: telefon goscia i cztery stacje lokalu */
.orbit{position:relative;container-type:inline-size;margin-right:calc(-1 * max(24px, (100vw - 1240px) / 2 - 20px))}
.orbit__in{position:relative;width:48em;height:38em;font-size:calc(100cqw / 48)}
.orbit__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.orbit__edge{stroke:rgba(255,255,255,.1);stroke-width:1px;vector-effect:non-scaling-stroke}
.orbit__track{stroke:rgba(255,255,255,.14);stroke-width:.5;stroke-dasharray:.6 2.4;stroke-linecap:round}
.orbit__trail{stroke:var(--cobalt);stroke-width:1.3;stroke-linecap:round;stroke-dasharray:0 400;filter:drop-shadow(0 0 .8px rgba(46,75,255,.9)) drop-shadow(0 0 3px rgba(46,75,255,.6))}
.orbit__dots circle{fill:#2A2A30;stroke:rgba(255,255,255,.22);stroke-width:.45;transition:fill .4s,stroke .4s}
.orbit__dots circle.is-on{fill:var(--cobalt);stroke:#fff}
.orbit__dots circle.is-ok{fill:#fff;stroke:#fff}
.orbit__lines path{fill:none;stroke:rgba(255,255,255,.2);stroke-width:.07;transition:stroke .4s}
.orbit__lines path.is-on{stroke:var(--cobalt)}
.orbit__token{opacity:0;transition:opacity .2s}
.orbit__token.is-on{opacity:1}
.orbit__in .phone--hero{position:absolute;left:16.7em;top:4em;width:14.6em;z-index:3;box-shadow:0 2.6em 4.6em -1.6em rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.06)}
.orbit__in .phone--hero .phone__screen{font-size:.66em}
.stn{position:absolute;left:calc(var(--x) * 1em);top:calc(var(--y) * 1em);width:12.6em;z-index:4;padding:.85em .95em .95em;border-radius:1em;background:rgba(24,24,28,.8);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(255,255,255,.09);box-shadow:0 1.2em 2.6em -1.2em rgba(0,0,0,.75);color:#fff;transition:border-color .5s,box-shadow .5s,transform .6s var(--ease-out)}
.stn__h{display:flex;align-items:center;gap:.5em;font-size:.8em;white-space:nowrap}
.stn__h .ico{width:1.15em;height:1.15em;color:var(--mist);transition:color .4s}
.stn__h b{font-weight:600}
.stn__h em{margin-left:auto;font-style:normal;font-size:.92em;color:var(--mist)}
.stn__s{position:relative;margin-top:.5em;font-size:.84em;line-height:1.35;color:var(--d-text);transition:color .4s}
.stn__v{margin-top:.4em;font-size:1.75em;font-weight:500;letter-spacing:-.035em;line-height:1.05}
.stn__rev{margin-top:.6em;padding-top:.6em;border-top:1px solid rgba(255,255,255,.08);font-size:.78em;color:var(--d-text);opacity:0;transform:translateY(.3em);transition:opacity .5s,transform .6s var(--ease-out)}
.stn__rev.is-show{opacity:1;transform:none}
.stn__stars{color:#F2B544;letter-spacing:.06em;margin-right:.3em}
.stn.is-on{border-color:rgba(46,75,255,.8);box-shadow:0 0 0 1px rgba(46,75,255,.4),0 0 2.4em -.3em rgba(46,75,255,.5),0 1.2em 2.6em -1.2em rgba(0,0,0,.75);transform:translateY(-.2em)}
.stn.is-on .stn__h .ico{color:#8FA0FF}
.stn.is-on .stn__s,.stn.is-ok .stn__s{color:#fff}
.stn.is-ok .stn__s{padding-left:1.25em}
.stn.is-ok .stn__s::before{content:"";position:absolute;left:0;top:.18em;width:.95em;height:.95em;background:#3BD18A;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.orbit__now{display:none}
.orbit__pause{position:absolute;right:max(24px, (100vw - 1240px) / 2 - 20px);bottom:.5em;z-index:6}

/* Telefon: iPhone z tytanowa ramka, cienka czarna ramka ekranu i przyciskami */
.phone{position:relative;width:100%;height:auto;aspect-ratio:1/2.06;border-radius:17% / 8.25%;border:max(2px,.2em) solid transparent;padding:0;background:linear-gradient(#050506,#050506) padding-box,linear-gradient(140deg,#9C9CA4 0%,#3A3A40 16%,#1D1D21 42%,#2E2E33 64%,#6E6E76 86%,#B4B4BC 100%) border-box;box-shadow:0 2em 3.6em -1.6em rgba(13,13,15,.55),0 .5em 1.2em -.5em rgba(13,13,15,.3)}
.phone::before{content:"";position:absolute;left:calc(-.2em - max(2px,.2em));top:17.5%;width:.2em;height:26%;border-radius:.2em 0 0 .2em;background:linear-gradient(#48484F 0 12%,transparent 12% 23%,#48484F 23% 56%,transparent 56% 66%,#48484F 66% 100%)}
.phone::after{content:"";position:absolute;right:calc(-.2em - max(2px,.2em));top:27%;width:.2em;height:15%;border-radius:0 .2em .2em 0;background:#48484F}
.phone__screen{position:absolute;inset:1.22% 2.5%;border-radius:14.2% / 6.6%;background:#fff;overflow:hidden;color:var(--ink);font-size:.8125em;line-height:1.35;isolation:isolate;transform:translateZ(0)}
.phone__screen::before{content:"";position:absolute;top:1.55%;left:34%;width:32%;height:3.55%;border-radius:99em;background:#000;z-index:40}
.phone__screen::after{content:"";position:absolute;inset:0;z-index:41;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 34%)}
@supports (corner-shape:squircle){.phone{corner-shape:squircle;border-radius:25% / 12.1%}.phone__screen{corner-shape:squircle;border-radius:22.9% / 10.7%}}

/* Karta goscia (hero i sala) */
.gm,.tm{position:absolute;inset:0}
.gm{padding:3.6em 1.15em 0}
.gm__top{display:flex;align-items:center;gap:.75em;margin-bottom:1.1em}
.gm__mark{width:2.5em;height:2.5em;border-radius:.75em;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:620;font-size:1em;flex:none;text-transform:uppercase}
.gm__mark--lg{width:3.6em;height:3.6em;border-radius:1em;font-size:1.25em}
.gm__id{display:flex;flex-direction:column;min-width:0}
.gm__id b{font-size:1.18em;font-weight:600;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gm__id small{font-size:.85em;color:var(--steel)}
.gm__lang{margin-left:auto;font-size:.78em;padding:.35em .6em;border:1px solid var(--line);border-radius:.5em;color:var(--ink);transition:background-color .3s,color .3s,border-color .3s}
.gm__lang.is-flash{background:var(--ink);border-color:var(--ink);color:#fff}
.gm__tabs{display:flex;gap:1.15em;margin:0 -1.15em;padding:0 1.15em;border-bottom:1px solid var(--line);white-space:nowrap}
.gm__tabs span{padding:.75em 0;font-size:.9em;color:var(--steel)}
.gm__tabs .is-on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink)}
.gm__list{list-style:none;margin:.2em 0 0}
.gm__item{display:grid;grid-template-columns:3.7em minmax(0,1fr) auto;gap:.85em;align-items:center;padding:.75em 0;border-bottom:1px solid #EDEDF0}
.gm__item img{width:3.7em;height:3.7em;border-radius:.65em;object-fit:cover}
.gm__txt{min-width:0}
.gm__txt b{display:block;font-size:.98em;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gm__txt small{display:block;font-size:.8em;color:var(--steel);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:.1em 0 .25em}
.gm__txt .mono{font-size:.84em}
.gm__add{position:relative;width:2.2em;height:2.2em;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:background-color .25s,color .25s,border-color .25s}
.gm__add .ico{width:1.1em;height:1.1em;transition:opacity .2s}
.gm__add em{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:.9em;opacity:0;transition:opacity .2s}
.is-added .gm__add{background:var(--ink);border-color:var(--ink);color:#fff}
.is-added .gm__add .ico{opacity:0}
.is-added .gm__add em{opacity:1}
.is-tap{animation:tap .45s var(--ease)}
@keyframes tap{0%{transform:scale(1)}35%{transform:scale(.86)}100%{transform:scale(1)}}
.gm__ai{position:absolute;left:.85em;right:.85em;bottom:5em;display:grid;grid-template-columns:1.9em minmax(0,1fr) auto 2.1em;gap:.6em;align-items:center;padding:.7em .7em .7em .8em;border-radius:1em;background:#F4F4F7;border:1px solid var(--line);opacity:0;transform:translateY(1em);transition:opacity .45s var(--ease),transform .55s var(--ease-out);box-shadow:0 .8em 1.6em -1em rgba(13,13,15,.25)}
.gm__ai.is-show{opacity:1;transform:none}
.gm__ai.is-gone{opacity:0;transform:translateY(.6em) scale(.98)}
.gm__ai-mark{width:1.7em;height:1.7em}
.gm__ai-t small{display:block;font-size:.72em;color:var(--steel)}
.gm__ai-t b{font-size:.92em;font-weight:600}
.gm__ai>.mono{font-size:.84em}
.gm__ai-add{width:2.1em;height:2.1em;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center}
.gm__ai-add .ico{width:1em;height:1em}
.gm__cart{position:absolute;left:.85em;right:.85em;bottom:.95em;height:3.5em;border-radius:1.05em;background:var(--ink);color:#fff;display:flex;align-items:center;gap:.7em;padding:0 .45em 0 .8em;transform:translateY(5em);transition:transform .6s var(--ease-out);z-index:3}
.gm__cart.is-show{transform:none}
.gm__cartn{width:1.75em;height:1.75em;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:.82em}
.gm__cartl{font-size:.92em}
.gm__sum{margin-left:auto;font-size:.88em}
.gm__order{background:#fff;color:var(--ink);font-weight:600;font-size:.92em;padding:.6em .95em;border-radius:.75em}
.gm__done{position:absolute;inset:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.45em;text-align:center;padding:4.6em 1.3em 1.3em;opacity:0;visibility:hidden;transition:opacity .45s,visibility 0s .45s;z-index:5}
.gm__done.is-show{opacity:1;visibility:visible;transition:opacity .45s}
.gm__done b{font-size:1.25em;font-weight:600;letter-spacing:-.015em;margin-top:.4em}
.gm__done small{color:var(--steel);font-size:.82em}
.gm__ok{width:3.3em;height:3.3em;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;flex:none}
.gm__ok .ico{width:1.6em;height:1.6em}
.gm__ok--s{width:2.2em;height:2.2em}
.gm__ok--s .ico{width:1.1em;height:1.1em}
.is-show>.gm__ok{animation:pop .6s var(--ease-out)}
@keyframes pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}}
.gm__dl{list-style:none;align-self:stretch;margin-top:1em;padding:.2em .9em;border-radius:.9em;background:#F4F4F7;text-align:left}
.gm__dl li{display:flex;justify-content:space-between;gap:.6em;padding:.5em 0;font-size:.84em;border-bottom:1px solid #E7E7EA}
.gm__dl li:last-child{border-bottom:0}
.gm__dl i{font-style:normal}
.gm__dsum{font-weight:600}
.gm__track{list-style:none;align-self:stretch;margin-top:1.1em;display:flex;flex-direction:column;gap:.7em;font-size:.86em;color:var(--mist);text-align:left;padding-left:.2em}
.gm__track li{display:flex;align-items:center;gap:.6em;transition:color .4s}
.gm__track li i{margin-left:auto;font-style:normal;font-size:.9em}
.gm__track li::before{content:"";width:.55em;height:.55em;border-radius:50%;background:#D7D7DA;transition:background-color .4s}
.gm__track li.is-on{color:var(--ink)}
.gm__track li.is-on::before{background:var(--ok)}

/* Ekran kuchni */
.kds{position:relative;height:100%;background:#fff;border-radius:1em;overflow:hidden;display:flex;flex-direction:column;font-size:.8125em;line-height:1.3;color:var(--ink);box-shadow:0 1.5em 3.5em -1.2em rgba(0,0,0,.55)}
.kds__head{display:flex;align-items:center;gap:.7em;padding:.95em 1.15em;border-bottom:1px solid var(--line);white-space:nowrap}
.kds__head b{font-weight:600;font-size:1.02em}
.kds__place{color:var(--steel)}
.kds__clock{color:var(--steel);font-size:.9em}
.kds__pos{margin-left:auto;display:inline-flex;align-items:center;gap:.4em;font-size:.82em;color:var(--ok);background:rgba(27,158,90,.08);padding:.35em .65em;border-radius:99em}
.kds__pos .ico{width:1.05em;height:1.05em}
.kds__cols{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8em;padding:.9em;background:#F5F5F8;min-height:0;overflow:hidden}
.kds__col{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.kds__h{display:flex;align-items:center;justify-content:space-between;margin:0 0 .6em;font-size:.82em;font-weight:600;color:var(--steel)}
.kds__h i{font-style:normal;background:#E8E8EB;color:var(--ink);border-radius:99em;padding:.1em .55em;font-size:.95em}
.kds__stack{display:flex;flex-direction:column;gap:.55em}
.tk{background:#fff;border:1px solid var(--line);border-radius:.7em;padding:.65em .75em;box-shadow:0 1px 2px rgba(13,13,15,.04);transition:border-color .4s,background-color .4s,opacity .4s}
.tk__h{display:flex;align-items:baseline;gap:.5em;margin-bottom:.3em;white-space:nowrap}
.tk__h b{font-size:.92em;font-weight:600}
.tk__h span{color:var(--steel);font-size:.85em;overflow:hidden;text-overflow:ellipsis}
.tk__h em{margin-left:auto;font-style:normal;font-size:.82em;color:var(--steel)}
.tk p{margin:.12em 0;font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk p i{font-style:normal;color:var(--steel);margin-right:.25em}
.tk__note{color:var(--warn)!important;font-size:.8em!important}
.tk__src{display:inline-block;font:500 .72em/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--steel);margin-bottom:.35em}
.tk__src--w{color:var(--cobalt-deep)}
.tk--ready{border-color:rgba(27,158,90,.35);background:#F3FAF6}
.tk--ready .tk__h em{color:var(--ok)}
.tk--late{border-color:rgba(217,138,11,.55);background:#FFF9EE}
.tk--late .tk__h em{color:var(--warn);font-weight:600}
.tk--new{display:none}
.kds__stack .tk--new{display:block}
.tk.is-flash{animation:flash 1.4s var(--ease-out)}
@keyframes flash{0%{box-shadow:0 0 0 0 rgba(46,75,255,.55);border-color:var(--cobalt)}100%{box-shadow:0 0 0 .8em rgba(46,75,255,0)}}
.tk__pos{display:none;align-items:center;gap:.3em;margin-top:.45em;font-size:.76em;color:var(--ok)}
.tk__pos .ico{width:1em;height:1em}
.tk.is-pos .tk__pos{display:flex;animation:rise .5s var(--ease-out)}
.tk.is-out{opacity:0}

/* Stoliki w panelu kelnera */
.tb{position:relative;aspect-ratio:1;border-radius:.6em;border:1px dashed #CFCFD2;display:grid;place-items:center;font:500 .9em/1 var(--mono);color:var(--mist);transition:border-color .4s,background-color .4s,color .4s,box-shadow .4s}
.tb--on{border:1px solid var(--line);background:#F4F4F7;color:var(--ink)}
.tb__bill,.tb__ping{position:absolute;top:-.3em;right:-.3em;width:.75em;height:.75em;border-radius:50%;box-shadow:0 0 0 2px #fff}
.tb__bill{background:var(--warn)}
.tb__ping{background:var(--cobalt);opacity:0;transition:opacity .3s}
.tb.is-new{border-color:var(--cobalt);box-shadow:0 0 0 3px rgba(46,75,255,.14);color:var(--cobalt)}
.tb.is-new .tb__ping,.tb.is-call .tb__ping{opacity:1}
.tb.is-call{border-color:var(--err);color:var(--err)}
.tb.is-call .tb__ping{background:var(--err)}
.tb.is-served{border-color:rgba(27,158,90,.55);background:#F3FAF6;color:var(--ok)}

/* Dowod */
.proof{position:relative;z-index:1;background:var(--paper);padding:72px 0 40px}
.proof__t{font-size:14.5px;font-weight:500;color:var(--steel);text-align:center;margin-bottom:26px}
.proof__list{list-style:none;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));border-block:1px solid var(--line)}
.proof__list li{display:grid;border-left:1px solid var(--line);min-height:92px}
.proof__list li:first-child{border-left:0}
.proof__list a,.proof__list li>span{display:grid;place-items:center;padding:0 14px;text-decoration:none;transition:background-color .25s}
.proof__list a:hover{background:#fff}
.proof__list img{max-height:25px;width:auto;max-width:100%;filter:grayscale(1) contrast(1.15);mix-blend-mode:multiply;opacity:.8;transition:filter .3s,opacity .3s}
.proof__list a:hover img{filter:none;opacity:1}
.proof__word{font:600 19px/1 var(--font);letter-spacing:-.025em;color:#35353B}

/* Manifest */
.statement{padding:120px 0 128px}
.statement__p{font-size:clamp(30px,3.7vw,54px);font-weight:500;letter-spacing:-.032em;line-height:1.12;max-width:1120px;text-wrap:pretty}
.statement__m{color:var(--mute)}
.js .statement__p .w{color:var(--mute);transition:color .35s}
.js .statement__p .w.on{color:var(--ink)}
.js .statement__p .statement__m .w.on{color:var(--mute)}
.facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:88px 0 0;border-top:1px solid var(--line)}
.facts__i{padding:28px 24px 0 0}
.facts__i+.facts__i{padding-left:24px;border-left:1px solid var(--line)}
.facts dt{font-size:clamp(32px,3.3vw,48px);font-weight:500;letter-spacing:-.035em;line-height:1}
.facts dd{margin:12px 0 0;font-size:15px;line-height:1.45;color:var(--steel);max-width:210px}

/* Rozdzialy */
.ch{position:relative;padding:136px 0}
.ch--alt{background:#fff}
.ch__intro{max-width:880px}
.ch__intro--split{max-width:none;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:72px;align-items:end}
.ch__intro--split .ch__lead{margin:0}
.ch__label{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--steel);margin-bottom:22px}
.ch__label .ico--ring{color:var(--ink)}
.ch__label span{color:var(--cobalt-deep);padding:3px 7px;border:1px solid rgba(46,75,255,.25);background:rgba(46,75,255,.05);border-radius:5px;letter-spacing:.02em}
.ch__intro--dark .ch__label{color:var(--mist)}
.ch__intro--dark .ch__label span{color:#B7C1FF;border-color:rgba(143,160,255,.35);background:rgba(46,75,255,.12)}
.ch__intro--dark .ch__label .ico--ring{color:#fff}
.ch__intro--dark .ch__lead{color:var(--d-text)}
.ch__t{font-size:clamp(34px,4.3vw,60px);font-weight:560;letter-spacing:-.037em;line-height:1.02;text-wrap:balance}
.ch__lead{margin-top:22px;font-size:18.5px;line-height:1.6;color:var(--text2);max-width:590px;text-wrap:pretty}
.ch__links{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:40px}
.ch__links--after{margin-top:8px}
.scn{position:relative}
.scn__pause{position:absolute;top:16px;right:16px;z-index:8;color:var(--ink);background:rgba(255,255,255,.82);border-color:rgba(13,13,15,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.scn__pause:hover{background:#fff}
.iconbtn--glass{color:#fff;background:rgba(13,13,15,.4);border-color:rgba(255,255,255,.18)}
.iconbtn--glass:hover{background:rgba(13,13,15,.6)}
.iconbtn--dark{color:#fff;background:rgba(255,255,255,.06);border-color:var(--d-line2)}
.iconbtn--dark:hover{background:rgba(255,255,255,.12)}
.scn__legal{margin-top:18px;font-size:13px;color:var(--steel)}

/* Wspolna jasna scena dla wszystkich rozdzialow */
.stage-l{position:relative;border-radius:24px;background:#EEEEF1;overflow:hidden;isolation:isolate}
.stage-l::before{content:"";position:absolute;inset:0;z-index:0;background-image:radial-gradient(circle at 1px 1px,rgba(13,13,15,.075) 1px,transparent 1.3px);background-size:24px 24px;pointer-events:none}
.stage-l>*{z-index:1}

/* Opowiesc A: kroki po lewej, scena przyklejona po prawej */
.story{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:88px;margin-top:8px}
.story--rev{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.story--rev .story__stage{order:-1}
.story__beats{padding:14vh 0 22vh}
.beat{min-height:62vh;display:flex;flex-direction:column;justify-content:center}
/* Krok nieaktywny przygaszony kolorem, nie przezroczystoscia: tekst trzyma kontrast WCAG
   (naglowek duzy 3:1, reszta 4,5:1), a roznica miedzy krokami zostaje widoczna. */
.beat h3,.beat>p:not(.beat__n){transition:color .5s var(--ease)}
.beat:not(.is-on) h3{color:var(--mute)}
.beat:not(.is-on)>p:not(.beat__n){color:var(--steel)}
.beat.is-on .beat__n{color:var(--cobalt-deep)}
.beat__n{font-size:12px;color:var(--steel);margin-bottom:18px}
.beat h3{font-size:clamp(26px,2.6vw,38px);letter-spacing:-.032em;line-height:1.08;margin-bottom:16px}
.beat p:not(.beat__n){font-size:19px;line-height:1.6;color:var(--text2);max-width:480px}
.beat .cap__bar,.cfg__bar{display:none}
.story__stage{position:relative}
.story__sticky{position:sticky;top:calc(var(--hdr) + 28px)}
.story .scn{width:min(100%,calc((100vh - var(--hdr) - 56px) / 1.08));margin-left:auto;container-type:inline-size}
.scn__in{position:absolute;inset:0;font-size:calc(100cqw / 42)}
.story--rev .scn{margin-left:0;margin-right:auto}

/* Opowiesc B: szeroka scena przypieta, podpisy krokow pod nia */
.pin{position:relative;height:calc(var(--beats) * 78vh + 100vh);margin-top:8px}
.pin__sticky{position:sticky;top:var(--hdr);height:calc(100vh - var(--hdr));display:flex;align-items:center}
.pin__in{display:flex;flex-direction:column;align-items:center;gap:26px;container-type:inline-size}
.pin .scn{width:77.5em;max-width:100%;font-size:min(calc(100cqw / 77.5),calc((100vh - var(--hdr) - 220px) / var(--sh,40)))}
.caps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;width:100%}
.cap{position:relative;padding-top:18px;cursor:pointer}
/* Podpis nieaktywny przygaszony kolorem (kontrast WCAG), nie przezroczystoscia. */
.cap h3,.cap p{transition:color .45s var(--ease)}
.cap:not(.is-on) h3,.cap:not(.is-on) p{color:var(--steel)}
.cap__bar{position:absolute;top:0;left:0;right:0;height:2px;background:var(--line);overflow:hidden;border-radius:2px}
.cap__bar::after{content:"";position:absolute;inset:0;background:var(--cobalt);transform:scaleX(var(--p,0));transform-origin:0 50%}
.cap.is-done .cap__bar::after{transform:scaleX(1);background:var(--ink)}
.cap h3{font-size:17px;font-weight:600;letter-spacing:-.012em;margin-bottom:6px}
.cap p{font-size:14.5px;line-height:1.5;color:var(--text2)}

/* 19:10 Sala: jeden stolik, trzy telefony */
.scn--table{aspect-ratio:1/1.08}
.g3{position:absolute}
.g3 .phone{width:100%}
.g3--c{left:12.9em;top:5.2em;width:16.2em;z-index:3;transition:transform 1s var(--ease-out)}
.g3--l,.g3--r{top:9.6em;width:13.8em;z-index:2;transform-origin:50% 100%;transition:transform 1s var(--ease-io),opacity .5s var(--ease) .35s}
.g3--l{left:3em;transform:rotate(-6deg)}
.g3--r{left:25.2em;transform:rotate(6deg)}
.scn--table[data-beat="2"] .g3--l,.scn--table[data-beat="3"] .g3--l{transform:translateX(9.9em) rotate(0) scale(.93);opacity:0}
.scn--table[data-beat="2"] .g3--r,.scn--table[data-beat="3"] .g3--r{transform:translateX(-9.9em) rotate(0) scale(.93);opacity:0}
.scn--table[data-beat="2"] .g3--c,.scn--table[data-beat="3"] .g3--c{transform:translateY(-.4em) scale(1.06)}
.g3__tag{transition:opacity .4s}
.scn--table[data-beat="2"] .g3--c .g3__tag,.scn--table[data-beat="3"] .g3--c .g3__tag{opacity:0}
.g3--c .phone__screen{font-size:.77em}
.g3--l .phone__screen,.g3--r .phone__screen{font-size:.655em}
.stage-l .phone{box-shadow:0 2.6em 3.8em -1.8em rgba(13,13,15,.45),0 .4em .8em -.4em rgba(13,13,15,.2)}
.g3__tag{position:absolute;left:50%;top:-2.9em;transform:translateX(-50%);display:flex;align-items:center;gap:.5em;padding:.4em .8em;border-radius:99em;background:#fff;box-shadow:0 .5em 1.2em -.5em rgba(13,13,15,.3);font-size:.8em;white-space:nowrap}
.g3__tag b{font-weight:600;color:var(--cobalt-deep)}
.g3__tag span{color:var(--steel);transition:opacity .25s}
.g3__tag.is-swap span,.g3__tag.is-swap b{opacity:0}
.tm__url{position:absolute;z-index:6;top:3em;left:.9em;right:.9em;height:2.2em;display:flex;align-items:center;justify-content:center;gap:.35em;border-radius:.75em;background:#EFEFF2;font-size:.72em;color:var(--steel);overflow:hidden;white-space:nowrap}
.tm__url .ico{width:1em;height:1em}
.tm__url span{color:var(--ink)}
.tm__load{position:absolute;left:0;bottom:0;height:2px;width:calc(var(--l,0) * 100%);background:var(--cobalt)}
.tm__menu,.tm__bill{position:absolute;inset:0;padding:5.9em 1.15em 0}
.tm__menu{transition:opacity .5s var(--ease),transform .7s var(--ease-out)}
.tm.is-boot .tm__menu{opacity:0;transform:translateY(1em)}
.tm__bill{background:#fff;opacity:0;visibility:hidden;transform:translateX(10%);transition:opacity .5s var(--ease),transform .6s var(--ease-out),visibility 0s .5s}
.tm.is-bill .tm__bill{opacity:1;visibility:visible;transform:none;transition:opacity .5s var(--ease),transform .6s var(--ease-out)}
.tm.is-bill .tm__menu{opacity:0;transform:translateX(-10%)}
.tm__cat{font:500 .72em/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--steel);margin:1.2em 0 .1em}
.tm [data-i18n]{transition:opacity .22s}
.tm.is-swap [data-i18n]{opacity:0}
.tm__allerg{margin-top:.9em;font-size:.76em;color:var(--steel)}
.tm__toast{position:absolute;left:.85em;right:.85em;top:3.3em;display:flex;align-items:center;gap:.7em;padding:.75em .9em;border-radius:1em;background:#fff;box-shadow:0 .8em 2em -.6em rgba(13,13,15,.35),0 0 0 1px var(--line);opacity:0;transform:translateY(-1em);transition:opacity .35s,transform .5s var(--ease-out);z-index:6}
.tm__toast.is-show{opacity:1;transform:none}
.tm__toast b{display:block;font-size:.95em}
.tm__toast small{font-size:.78em;color:var(--steel)}
.tm__billh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.8em}
.tm__billh b{font-size:1.25em;font-weight:600;letter-spacing:-.015em}
.tm__billh small{color:var(--steel);font-size:.8em}
.tm__lines{list-style:none}
.tm__lines li{display:flex;justify-content:space-between;padding:.42em 0;font-size:.9em;border-bottom:1px solid #EDEDF0}
.tm__lines i{font-style:normal}
.tm__total{display:flex;justify-content:space-between;align-items:baseline;margin:.7em 0 0;font-size:.95em}
.tm__total b{font-size:1.1em;font-weight:500}
.tm__q{margin:1em 0 .45em;font-size:.8em;color:var(--steel)}
.tm__split,.tm__tip{display:grid;grid-template-columns:repeat(3,1fr);gap:.4em}
.tm__split span,.tm__tip span{text-align:center;padding:.55em 0;border:1px solid var(--line);border-radius:.6em;font-size:.82em;transition:background-color .3s,color .3s,border-color .3s}
.tm__split span.is-on,.tm__tip span.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.tm__people{display:flex;align-items:center;gap:.35em;margin-top:.7em;font-size:.85em;opacity:0;transition:opacity .4s}
.tm__people.is-show{opacity:1}
.tm__people b{margin-left:.4em;font-weight:500}
.tm__av{width:1.9em;height:1.9em;border-radius:50%;display:grid;place-items:center;background:#EBEBEE;font-size:.85em;font-weight:600;flex:none}
.tm__av+.tm__av{margin-left:-.6em;box-shadow:0 0 0 2px #fff;background:#E2E6FF}
.tm__req{display:grid;place-items:center;height:3.2em;margin-top:1.1em;border-radius:1em;background:var(--ink);color:#fff;font-weight:600;font-size:.92em}
.tm__sent{position:absolute;inset:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45em;text-align:center;opacity:0;visibility:hidden;transition:opacity .45s,visibility 0s .45s}
.tm__sent.is-show{opacity:1;visibility:visible;transition:opacity .45s}
.tm__sent b{font-size:1.2em;font-weight:600;margin-top:.5em}
.tm__sent small{color:var(--steel);font-size:.82em}

/* 19:30 Wynos: style sceny w assets/home/wynos.css */

/* 19:45 Kuchnia: iPad, telefon kelnera i kamera w assets/home/kuchnia.css */
.kds--big{height:30em;border-radius:1.2em;box-shadow:none;font-size:.9em}
.kds--big .kds__cols{gap:1em;padding:1em}
.kds__foot{display:flex;align-items:center;gap:1.6em;padding:.75em 1.15em;border-top:1px solid var(--line);font-size:.8em;color:var(--steel);white-space:nowrap}
.kds__foot b{color:var(--ink);font-weight:500}
.kds__bon{margin-left:auto;display:inline-flex;align-items:center;gap:.4em;color:var(--ok);padding:.3em .6em;border-radius:99em;background:rgba(27,158,90,.08);opacity:0;transform:translateY(.4em);transition:opacity .4s,transform .5s var(--ease-out)}
.kds__bon.is-show{opacity:1;transform:none}
.kds__bon b{color:var(--ok)}
.kds__bon .ico{width:1.1em;height:1.1em}
.waiter{position:relative}
.phone--waiter{width:100%}
.wt{position:absolute;inset:0;padding:3.6em 1.1em 0}
.wt__h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.9em}
.wt__h b{font-size:1.25em;font-weight:600;letter-spacing:-.015em}
.wt__h small{font-size:.78em;color:var(--steel)}
.wt__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5em}
.wt__feed{display:flex;flex-direction:column;gap:.45em;margin-top:1.1em}
.wt__ev--old{animation:none;opacity:.55}
.wt__ev{display:grid;grid-template-columns:.7em 1fr auto;gap:.6em;align-items:center;padding:.65em .7em;border-radius:.7em;background:#F4F4F7;font-size:.84em;animation:drop .5s var(--ease-out) both}
@keyframes drop{from{opacity:0;transform:translateY(-.6em)}to{opacity:1;transform:none}}
.wt__ev b{font-weight:600}
.wt__ev small{font-size:.82em;color:var(--steel)}
.wt__dot{width:.6em;height:.6em;border-radius:50%}
.wt__dot--err{background:var(--err)}
.wt__dot--warn{background:var(--warn)}
.wt__dot--ok{background:var(--ok)}

/* 21:30 Opinie */
.scn--rev{aspect-ratio:1/1.08}
/* Reszta sceny (iPhone z Aparatem, MacBook z panelem Opinii, kamera) w assets/home/opinie-gl.css */

/* 22:40 LokamoAI */
.ai{position:relative;background:var(--ink);color:#fff;padding:136px 0;overflow:hidden}
.ai>.wrap{position:relative;container-type:inline-size}
.ai__ring{position:absolute;width:980px;height:980px;left:-420px;top:-360px;color:var(--tone);transform:rotate(90deg);pointer-events:none}
.ai__ring svg{width:100%;height:100%}
.ai__chips{display:flex;flex-wrap:wrap;gap:8px;margin:56px 0 18px}
.chip{height:38px;padding:0 16px;border-radius:99px;border:1px solid var(--d-line2);background:rgba(255,255,255,.03);color:var(--d-text);font:500 14.5px/1 var(--font);cursor:pointer;transition:background-color .25s,color .25s,border-color .25s}
.chip:hover{border-color:rgba(255,255,255,.3);color:#fff}
.chip[aria-pressed="true"]{background:#fff;color:var(--ink);border-color:#fff}
.scn--ai{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1.25em;font-size:calc(100cqw / 77.5)}
.chat{position:relative;height:36em;border-radius:1.2em;background:#141417;border:1px solid var(--d-line);display:flex;flex-direction:column;overflow:hidden}
.chat__bar{display:flex;align-items:center;gap:.8em;height:3.6em;padding:0 1.3em;border-bottom:1px solid var(--d-line);font-size:.9em;white-space:nowrap}
.chat__who{font-weight:600}
.chat__app{color:var(--mist)}
.chat__conn{margin-left:auto;display:inline-flex;align-items:center;gap:.45em;padding:.35em .75em;border-radius:99em;background:rgba(46,75,255,.16);color:#B7C1FF;font-size:.88em}
.chat__conn .ico{width:1em;height:1em;color:#8FA0FF}
.chat__log{flex:1;min-height:0;overflow:hidden;padding:1.4em 1.5em .6em;display:flex;flex-direction:column;justify-content:flex-end;gap:1em;font-size:.95em;line-height:1.5}
.msg{max-width:88%;animation:msg .5s var(--ease-out) both}
@keyframes msg{from{opacity:0;transform:translateY(.7em)}to{opacity:1;transform:none}}
.msg--u{align-self:flex-end;background:#2A2A30;color:#fff;padding:.75em 1em;border-radius:1.1em 1.1em .3em 1.1em}
.msg--a{align-self:flex-start;color:#E6E6E9}
.msg--a b{color:#fff;font-weight:600}
.msg__tool{display:flex;align-items:center;gap:.55em;margin-bottom:.45em;font:500 .8em/1.2 var(--mono);color:var(--mist)}
.msg__tool i{width:1em;height:1em;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;animation:spin .8s linear infinite;flex:none}
.msg__tool.is-done i{animation:none;border-color:var(--ok);background:var(--ok);box-shadow:inset 0 0 0 .18em #141417}
@keyframes spin{to{transform:rotate(1turn)}}
.msg__acts{display:flex;flex-wrap:wrap;gap:.5em;margin-top:.75em}
.msg__acts span{padding:.5em .9em;border-radius:.7em;border:1px solid var(--d-line2);font-size:.9em;color:#fff;transition:background-color .25s,color .25s}
.msg__acts span.is-on{background:#fff;color:var(--ink)}
.chat__in{position:relative;display:flex;align-items:center;gap:.6em;margin:.8em 1.2em 1.2em;min-height:3.4em;padding:0 .5em 0 1.1em;border-radius:1.1em;background:#1E1E22;border:1px solid var(--d-line);font-size:.95em}
.chat__typed{color:#fff;white-space:nowrap;overflow:hidden}
.chat__typed:not(:empty)::after{content:"";display:inline-block;width:1px;height:1.1em;margin-left:1px;vertical-align:-.2em;background:#fff;animation:caret 1s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.chat__ph{color:#6C6C72}
.chat__typed:not(:empty)+.chat__ph{display:none}
.chat__send{margin-left:auto;width:2.3em;height:2.3em;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;flex:none;transition:transform .2s}
.lp{position:relative;height:36em;border-radius:1.2em;background:#fff;color:var(--ink);overflow:hidden;font-size:.95em}
.lp__bar{display:flex;align-items:center;justify-content:space-between;height:3.8em;padding:0 1.3em;border-bottom:1px solid var(--line)}
.lp__bar img{height:1em;width:auto}
.lp__bar span{font-size:.88em;color:var(--steel)}
.lp__view{position:absolute;inset:3.8em 0 0;padding:1.4em 1.3em;opacity:0;visibility:hidden;transform:translateY(.6em);transition:opacity .45s,transform .55s var(--ease-out),visibility 0s .45s}
.scn--ai[data-view="0"] [data-v="0"],.scn--ai[data-view="1"] [data-v="1"],.scn--ai[data-view="2"] [data-v="2"],.scn--ai[data-view="3"] [data-v="3"]{opacity:1;visibility:visible;transform:none;transition:opacity .45s,transform .55s var(--ease-out)}
.lp__k{font-size:.78em;color:var(--steel);margin-bottom:.9em}
.lp__sub{font-size:.78em;color:var(--steel);margin:1.2em 0 .5em}
.lp__ing{display:flex;align-items:center;justify-content:space-between;padding:.85em 1em;border-radius:.8em;border:1px solid var(--line);transition:border-color .4s,background-color .4s}
.lp__ing-i{font-size:.95em;font-weight:600}
.lp__badge{font-size:.78em;padding:.3em .65em;border-radius:99em;background:rgba(27,158,90,.1);color:var(--ok);transition:background-color .4s,color .4s}
.lp__ing.is-out{border-color:rgba(217,59,43,.35);background:#F8F8FB}
.lp__ing.is-out .lp__badge{background:rgba(217,59,43,.1);color:var(--err)}
.lp__dish{display:grid;grid-template-columns:3em 1fr auto;gap:.8em;align-items:center;padding:.65em .4em;margin:0 -.4em;border-radius:.6em;border-bottom:1px solid #EDEDF0;transition:background-color .4s}
.lp__dish img{width:3em;height:3em;border-radius:.6em;object-fit:cover;transition:filter .4s,opacity .4s}
.lp__dish b{display:block;font-size:.95em;font-weight:600;transition:color .4s}
.lp__dish small{font-size:.8em;color:var(--steel)}
.lp__dish.is-hl{background:rgba(46,75,255,.06)}
.lp__dish.is-off img{filter:grayscale(1);opacity:.55}
.lp__dish.is-off b{color:var(--steel)}
.sw{position:relative;width:2.5em;height:1.45em;border-radius:99em;background:var(--ok);transition:background-color .35s;flex:none}
.sw i{position:absolute;top:.18em;left:1.23em;width:1.1em;height:1.1em;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .35s var(--ease)}
.is-off .sw,.sw.is-off{background:#D2D2D5}
.is-off .sw i,.sw.is-off i{left:.18em}
.lp__chips{display:flex;flex-wrap:wrap;gap:.4em;margin-top:1em}
.lp__chips span{font-size:.75em;padding:.35em .65em;border-radius:.5em;background:#F2F2F5;color:var(--steel);transition:background-color .4s,color .4s}
.lp__chips.is-on span{background:rgba(46,75,255,.09);color:var(--cobalt-deep)}
.lp__rem{display:flex;align-items:center;gap:.5em;margin-top:1em;padding:.7em .85em;border-radius:.7em;background:#F2F2F5;font-size:.84em;opacity:0;transform:translateY(.4em);transition:opacity .4s,transform .5s var(--ease-out)}
.lp__rem.is-show{opacity:1;transform:none}
.lp__rem .ico{width:1.1em;height:1.1em}
.lp__kpis{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:.6em}
.lp__kpis div{padding:.75em .8em;border-radius:.7em;background:#F5F5F8}
.lp__kpis small{display:block;font-size:.72em;color:var(--steel)}
.lp__kpis b{display:block;margin-top:.2em;font-size:1.25em;font-weight:500;letter-spacing:-.02em}
.lp__bars,.dash__bars{display:flex;align-items:flex-end;gap:.45em;height:8em;margin-top:1.2em;padding-bottom:1px;border-bottom:1px solid var(--line)}
.lp__bars i,.dash__bars i{flex:1;height:calc(var(--h) * 100%);border-radius:.3em .3em 0 0;background:#D9D9DC;transform:scaleY(0);transform-origin:50% 100%;transition:transform .8s var(--ease-out),background-color .4s}
.lp__bars.is-in i,.dash__bars.is-in i{transform:none}
.lp__bars i:nth-child(7),.lp__bars i:nth-child(8){background:var(--ink)}
.lp__axis{display:flex;justify-content:space-between;font-size:.72em;color:var(--mute);margin-top:.4em}
.lp__top{display:flex;justify-content:space-between;align-items:center;padding:.65em 0;border-bottom:1px solid #EDEDF0;font-size:.88em}
.lp__top i{font-style:normal}
.lp__new{display:grid;grid-template-columns:4.4em 1fr;gap:1em;align-items:center;padding:.8em;border-radius:.9em;border:1px dashed #CCCCCF;transition:border-color .4s,background-color .4s}
.lp__new img{width:4.4em;height:4.4em;border-radius:.7em;object-fit:cover;opacity:0;transform:scale(.9);transition:opacity .5s,transform .6s var(--ease-out)}
.lp__new.has-photo img{opacity:1;transform:none}
.lp__new b{display:block;font-size:.95em;font-weight:600;line-height:1.25;margin:.3em 0 .2em}
.lp__new small{font-size:.84em;color:var(--steel)}
.lp__tag{display:inline-block;font-size:.72em;padding:.2em .55em;border-radius:.4em;background:#F2F2F5;color:var(--steel);transition:background-color .4s,color .4s}
.lp__new.is-live{border-style:solid;border-color:rgba(27,158,90,.4);background:#F6FBF8}
.lp__new.is-live .lp__tag{background:rgba(27,158,90,.12);color:var(--ok)}
.lp__langs{display:flex;flex-wrap:wrap;gap:.35em}
.lp__langs span{font-size:.75em;padding:.35em .55em;border-radius:.45em;border:1px solid var(--line);color:#BABABD;transition:color .3s,border-color .3s,background-color .3s}
.lp__langs span.is-on{color:var(--ink);border-color:#CCCCCF;background:#F5F5F8}
.lp__intake{display:grid;grid-template-columns:auto 1fr;gap:.9em;align-items:center;padding:1em;border-radius:.9em;border:1px solid var(--line);transition:border-color .4s,background-color .4s}
.lp__intake b{display:block;font-size:.98em;font-weight:600}
.lp__intake small{font-size:.8em;color:var(--steel)}
.lp__intake.is-paused{border-color:rgba(217,138,11,.45);background:#FFFAF0}
.lp__guest{padding:1em;border-radius:.9em;background:#F5F5F8;display:flex;flex-direction:column;gap:.2em;transition:background-color .4s}
.lp__guest b{font-size:.95em}
.lp__guest small{font-size:.8em;color:var(--steel)}
.lp__guest.is-paused{background:#FFFAF0}
.lp__queue{display:flex;justify-content:space-between;margin-top:1em;padding:.75em 0;border-top:1px solid var(--line);font-size:.84em;color:var(--steel)}
.lp__queue b{color:var(--ink);font-weight:500}
.scn--ai .scn__pause{top:auto;bottom:1em;right:1em}
.ai__note{margin-top:30px;max-width:780px;font-size:15.5px;line-height:1.6;color:var(--mist)}

/* 23:05 Panel: scena na MacBooku w panel.css (zestaw z mac.css) */

/* Cennik: konfigurator */
.price{padding:136px 0;background:#fff}
.cfg{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:20px;margin-top:56px;align-items:stretch}
.cfg__mods{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.mod{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:18px;align-items:start;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:#fff;cursor:pointer;transition:border-color .25s,box-shadow .25s,background-color .25s}
.mod:hover{border-color:#C8C8CB}
.mod input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.mod__box{width:24px;height:24px;margin-top:1px;border-radius:7px;border:1.5px solid #C3C3C6;display:grid;place-items:center;color:transparent;transition:background-color .2s,border-color .2s,color .2s}
.mod__t b{display:block;font-size:18px;font-weight:560;letter-spacing:-.015em}
.mod__t span{display:block;margin-top:5px;font-size:15px;line-height:1.5;color:var(--text2)}
.mod__p{font-size:15.5px;white-space:nowrap;padding-top:2px;color:var(--ink)}
.mod.is-on{border-color:var(--cobalt);box-shadow:0 0 0 1px var(--cobalt)}
.mod.is-on .mod__box{background:var(--cobalt);border-color:var(--cobalt);color:#fff}
.mod.is-inc{background:#F8F8FB}
.mod.is-inc .mod__box{background:#D9D9DC;border-color:#D9D9DC;color:#fff}
.mod.is-inc .mod__p{color:var(--steel)}
.mod:has(input:focus-visible){outline:2px solid var(--cobalt);outline-offset:2px}
.cfg__sum{position:relative;display:flex;flex-direction:column;padding:32px;border-radius:20px;background:var(--ink);color:#fff;overflow:hidden}
.cfg__sum::after{content:"";position:absolute;right:-120px;top:-120px;width:340px;height:340px;background:var(--tone);-webkit-mask:var(--ring) center/contain no-repeat;mask:var(--ring) center/contain no-repeat;transform:rotate(var(--cfgrot,0deg));transition:transform 1s var(--ease-io);pointer-events:none}
.cfg__sum>*{position:relative;z-index:1}
.cfg__k{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--mist)}
.cfg__plan{margin-top:14px;font-size:22px;font-weight:560;letter-spacing:-.02em;min-height:1.3em}
.cfg__price{display:flex;align-items:baseline;gap:10px;margin-top:8px}
.cfg__price b{font-size:76px;font-weight:500;letter-spacing:-.05em;line-height:1}
.cfg__price span{color:var(--mist);font-size:15px}
.cfg__hint{margin-top:16px;font-size:15.5px;line-height:1.55;color:var(--d-text);min-height:4.7em}
.cfg__zero{list-style:none;margin:20px 0 26px;padding-top:18px;border-top:1px solid var(--d-line2);display:flex;flex-direction:column;gap:8px;font-size:15px;color:var(--d-text)}
.cfg__zero b{color:#fff;font-weight:500}
.cfg__sum .btn{margin-top:auto}
.cfg__more{margin-top:16px;font-size:13.5px;line-height:1.5;color:var(--mist)}
.cfg__more a{color:#fff;text-underline-offset:3px}

/* Start: import karty */
.start{padding:136px 0 120px}
.start>.wrap{container-type:inline-size}
.start__steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:30px}
.start__steps li{padding-top:18px;border-top:2px solid var(--line);transition:border-color .4s}
.start__steps li.is-on{border-top-color:var(--cobalt)}
.start__steps span{font-size:12px;color:var(--steel)}
.start__steps h3{font-size:21px;letter-spacing:-.02em;margin:10px 0 8px}
.start__steps p{font-size:15.5px;line-height:1.55;color:var(--text2);max-width:340px}

/* FAQ */
.faq{padding:136px 0;background:#fff}
.faq__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px;align-items:start}
.faq__side{position:sticky;top:120px}
.faq__contact{display:flex;flex-direction:column;gap:10px;margin-top:30px}
.faq__contact a{display:inline-flex;align-items:center;gap:10px;font-weight:500;text-decoration:none;width:max-content}
.faq__contact a:hover{text-decoration:underline;text-underline-offset:4px}
.qa{border-top:1px solid var(--line)}
.qa:last-child{border-bottom:1px solid var(--line)}
.qa summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;font-size:18.5px;font-weight:500;letter-spacing:-.01em;cursor:pointer;list-style:none}
.qa summary::-webkit-details-marker{display:none}
.qa summary svg{transition:transform .3s var(--ease);color:var(--steel)}
.qa[open] summary svg{transform:rotate(45deg);color:var(--ink)}
.qa__a{padding:0 48px 26px 0;font-size:16.5px;line-height:1.65;color:var(--text2)}
.qa__a a{color:var(--ink);text-underline-offset:3px}
.qa::details-content{height:0;overflow:clip;transition:height .35s var(--ease),content-visibility .35s allow-discrete}
.qa[open]::details-content{height:auto}

/* CTA i wstega */
.cta{position:relative;background:var(--ink);color:#fff;overflow:hidden;padding-bottom:136px}
.cta::after{content:"";position:absolute;width:880px;height:880px;right:-300px;bottom:-520px;background:var(--tone);-webkit-mask:var(--ring) center/contain no-repeat;mask:var(--ring) center/contain no-repeat;transform:rotate(-90deg);pointer-events:none}
.band{height:84px;background:var(--cobalt);overflow:hidden}
.band__track{height:100%;width:calc(100% + 336px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='336' height='84' viewBox='0 0 336 84'%3E%3Cg fill='%23fff' fill-rule='evenodd'%3E%3Cpath transform='translate(6 6) scale(.75)' d='M8 88V48A40 40 0 0 1 48 8A40 40 0 0 1 88 48A40 40 0 0 1 48 88ZM24 72H48A24 24 0 0 0 72 48A24 24 0 0 0 48 24A24 24 0 0 0 24 48Z'/%3E%3Cpath transform='translate(90 6) scale(.75) rotate(90 48 48)' d='M8 88V48A40 40 0 0 1 48 8A40 40 0 0 1 88 48A40 40 0 0 1 48 88ZM24 72H48A24 24 0 0 0 72 48A24 24 0 0 0 48 24A24 24 0 0 0 24 48Z'/%3E%3Cpath transform='translate(174 6) scale(.75) rotate(180 48 48)' d='M8 88V48A40 40 0 0 1 48 8A40 40 0 0 1 88 48A40 40 0 0 1 48 88ZM24 72H48A24 24 0 0 0 72 48A24 24 0 0 0 48 24A24 24 0 0 0 24 48Z'/%3E%3Cpath transform='translate(258 6) scale(.75) rotate(270 48 48)' d='M8 88V48A40 40 0 0 1 48 8A40 40 0 0 1 88 48A40 40 0 0 1 48 88ZM24 72H48A24 24 0 0 0 72 48A24 24 0 0 0 48 24A24 24 0 0 0 24 48Z'/%3E%3C/g%3E%3C/svg%3E") 0 0/336px 84px repeat-x}
.js .band__track{animation:band 18s linear infinite}
@keyframes band{to{transform:translateX(-336px)}}
.cta__in{position:relative;z-index:1;padding-top:128px;text-align:center}
.cta__t{font-size:clamp(38px,5.4vw,80px);font-weight:560;letter-spacing:-.045em;line-height:1;text-wrap:balance;max-width:1100px;margin-inline:auto}
.cta__t span{display:block}
.cta__m{color:var(--mist)}
.cta__p{max-width:560px;margin:26px auto 0;font-size:18px;line-height:1.6;color:var(--d-text)}
.cta .hero__ctas{justify-content:center;margin-top:36px}



/* Menu goscia: jak prawdziwa karta Lokamo (zdjecie, stolik, jezyk, szukaj, kategorie, karty, zakladki) */
.gx{position:absolute;inset:0;background:#fff;color:var(--ink);overflow:hidden}
.gx [data-i18n]{transition:opacity .22s}
.gx.is-swap [data-i18n]{opacity:0}
.gx__status{position:absolute;top:0;left:0;right:0;z-index:30;height:2.95em;display:flex;align-items:center;justify-content:space-between;padding:.25em 1.55em 0 1.75em;color:#fff;transition:color .3s}
.gx__status>.mono{font-family:var(--font);font-size:.74em;font-weight:650;letter-spacing:-.01em}
.gx__icons{display:flex;align-items:center;gap:.35em}
.gx__sig{width:.95em;height:.62em;fill:currentColor}
.gx__bat{position:relative;width:1.35em;height:.66em;border-radius:.2em;border:1px solid currentColor;opacity:.9}
.gx__bat i{position:absolute;inset:.1em;right:.25em;border-radius:.1em;background:currentColor}
.gx__bat::after{content:"";position:absolute;right:-.2em;top:.18em;width:.1em;height:.26em;border-radius:0 .1em .1em 0;background:currentColor}
.gx.is-order .gx__status,.gx.is-bill .gx__status,.gx__status--dark{color:var(--ink)}
.gx__body{position:absolute;inset:0 0 6.2em;overflow:hidden;transition:opacity .5s var(--ease),transform .7s var(--ease-out)}
.gx.is-boot .gx__body{opacity:0;transform:translateY(1em)}
.gx__hero{position:relative;height:11.4em;overflow:hidden}
.gx__hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gx__hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,.12) 56%,rgba(0,0,0,.74) 100%)}
.gx__pills{position:absolute;left:.85em;right:.85em;top:3.25em;z-index:2;display:flex;gap:.35em}
.gx__pill{display:inline-flex;align-items:center;gap:.35em;height:2em;padding:0 .75em;border-radius:99em;background:rgba(18,18,20,.36);-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);border:1px solid rgba(255,255,255,.24);color:#fff;white-space:nowrap}
.gx__pill b{font-size:.64em;font-weight:650}
.gx__pill .ico{width:.95em;height:.95em}
.gx__pill--ic{margin-left:auto;width:2em;padding:0;justify-content:center}
.gx__name{position:absolute;left:.95em;right:.95em;bottom:2em;z-index:2;color:#fff}
.gx__name b{display:block;font-size:1.6em;font-weight:680;letter-spacing:-.03em;line-height:1}
.gx__name small{display:block;margin-top:.55em;font-size:.52em;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.gx__search{position:relative;z-index:3;margin:-1.3em .8em 0;height:2.55em;border-radius:.85em;background:#fff;display:flex;align-items:center;gap:.55em;padding:0 .85em;color:#8E8E93;box-shadow:0 .55em 1.4em -.55em rgba(13,13,15,.32),0 0 0 1px rgba(13,13,15,.05)}
.gx__search .ico{width:.95em;height:.95em;flex:none}
.gx__search span{font-size:.66em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gx__cats{display:flex;gap:.35em;padding:.85em .8em .1em;overflow:hidden;white-space:nowrap}
.gx__cats span{flex:none;padding:.52em .9em;border-radius:99em;background:#F1F1F4;color:#3A3A3F;font-size:.62em;font-weight:650}
.gx__cats .is-on{background:var(--ink);color:#fff}
.gx__grid{display:grid;grid-template-columns:1fr 1fr;gap:.5em;padding:.75em .8em}
.gx__card{display:flex;flex-direction:column;padding:.38em .38em .5em;border-radius:1em;background:#fff;box-shadow:0 0 0 1px #ECECF0,0 .35em .9em -.45em rgba(13,13,15,.16);transition:box-shadow .3s}
.gx__card img{width:100%;aspect-ratio:1.22;object-fit:cover;border-radius:.7em}
.gx__card b{margin:.55em .25em 0;font-size:.66em;font-weight:680;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gx__card small{margin:.3em .3em 0;font-size:.54em;line-height:1.32;color:#8A8A8F;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.64em}
.gx__row{display:flex;align-items:center;justify-content:space-between;margin:.45em .15em 0 .25em}
.gx__row .mono{font-size:.62em;font-weight:600}
.gx .gm__add{width:1.8em;height:1.8em;border:0;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center}
.gx .gm__add .ico{width:.9em;height:.9em}
.gx .gm__add em{font-size:.66em}
.gx .is-added{box-shadow:0 0 0 1.5px var(--cobalt),0 .35em .9em -.45em rgba(46,75,255,.35)}
.gx .is-added .gm__add{background:var(--cobalt)}
.gx__tabs{position:absolute;left:0;right:0;bottom:2.95em;z-index:14;height:3.25em;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:.2em;padding:0 .55em;background:rgba(255,255,255,.97);border-top:1px solid #EDEDF0}
.gx__tabs span{display:flex;flex-direction:column;align-items:center;gap:.22em;padding:.36em 0 .32em;border-radius:.8em;color:#8A8A8F;transition:background-color .3s,color .3s}
.gx__tabs .ico{width:1.05em;height:1.05em}
.gx__tabs b{font-size:.48em;font-weight:650;white-space:nowrap}
.gx__tabs .is-on{background:var(--ink);color:#fff}
.gx.is-order .gx__tabs span:nth-child(1),.gx.is-bill .gx__tabs span:nth-child(1){background:none;color:#8A8A8F}
.gx.is-order .gx__tabs span:nth-child(3),.gx.is-bill .gx__tabs span:nth-child(4){background:var(--ink);color:#fff}
.gx__url{position:absolute;left:0;right:0;bottom:0;z-index:15;height:2.95em;display:flex;justify-content:center;padding-top:.42em;background:#F6F6F8;border-top:1px solid #E9E9ED}
.gx__url>span{position:relative;display:flex;align-items:center;gap:.35em;height:1.55em;padding:0 1.1em;border-radius:.6em;background:#E8E8EC;color:#2B2B30;overflow:hidden}
.gx__url>span{font-size:.62em}
.gx__url .ico{width:1em;height:1em}
.gx__url::after{content:"";position:absolute;left:50%;bottom:.32em;width:36%;height:.2em;margin-left:-18%;border-radius:99em;background:#0D0D0F}
.tm__load{position:absolute;left:0;bottom:0;height:2px;width:calc(var(--l,0) * 100%);background:var(--cobalt)}
.gx .gm__ai{bottom:9.9em;left:.7em;right:.7em;z-index:16}
.gx .gm__cart{bottom:6.6em;left:.7em;right:.7em;height:2.85em;z-index:16;opacity:0;transform:translateY(1.4em);transition:transform .6s var(--ease-out),opacity .35s}
.gx .gm__cart.is-show{opacity:1;transform:none}
.gx.is-order .gm__cart,.gx.is-order .gm__ai{opacity:0;transform:translateY(1.4em);pointer-events:none}
.gx .gm__cart{gap:.45em;padding:0 .32em 0 .55em;border-radius:1.05em}
.gx .gm__cartn{width:1.75em;height:1.75em;font-size:.62em}
.gx .gm__cartl{font-size:.66em;font-weight:600}
.gx .gm__sum{font-size:.62em;white-space:nowrap}
.gx .gm__order{font-size:.64em;padding:.62em 1em;border-radius:.8em}
.gx .gm__ai{grid-template-columns:1.7em minmax(0,1fr) auto 1.8em;gap:.5em;padding:.55em .55em .55em .65em;border-radius:1em;background:#fff;box-shadow:0 .7em 1.6em -.6em rgba(13,13,15,.35),0 0 0 1px #ECECF0}
.gx .gm__ai-mark{width:1.5em;height:1.5em}
.gx .gm__ai-t small{font-size:.52em}
.gx .gm__ai-t b{font-size:.66em;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gx .gm__ai>.mono{font-size:.6em}
.gx .gm__ai-add{width:1.8em;height:1.8em}
.gx .gm__done b{font-size:1.05em}
.gx .tm__toast{padding:.6em .75em;border-radius:1em}
.gx .tm__toast b{font-size:.72em}
.gx .tm__toast small{font-size:.58em}
.gx .gm__done{inset:0 0 6.2em;padding:4em 1.1em 0;z-index:12}
.gx .tm__toast{top:3.15em;z-index:22}
.gx .tm__bill{inset:0 0 6.2em;padding:3.6em 1.05em 0;z-index:12}
.gx.is-bill .tm__bill{opacity:1;visibility:visible;transform:none;transition:opacity .5s var(--ease),transform .6s var(--ease-out)}

/* Kuchnia: bony z czasem w kolorze i plan sali u kelnera */
.kds__filters{display:flex;gap:.2em;margin-left:auto;padding:.2em;border-radius:.6em;background:#F1F1F4}
.kds__filters i{font-style:normal;font-size:.8em;font-weight:500;padding:.32em .75em;border-radius:.45em;color:#6C6C72}
.kds__filters .is-on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(13,13,15,.1)}
.kds__filters+.kds__pos{margin-left:.6em}
.kds__h{justify-content:flex-start}
.kds__h i{margin-left:auto}
.kds__dot{width:.55em;height:.55em;border-radius:50%;margin-right:.5em;flex:none}
.kds__dot--new{background:var(--cobalt)}
.kds__dot--prep{background:var(--warn)}
.kds__dot--ready{background:var(--ok)}
.kds--big .tk{position:relative;overflow:hidden;padding:.72em .8em .7em 1.05em;border-radius:.8em;border:1px solid #E6E6EA;background:#fff;box-shadow:0 1px 2px rgba(13,13,15,.05)}
.tk__bar{position:absolute;left:0;top:0;bottom:0;width:.3em;background:var(--ok);transition:background-color .4s}
.tk--warn .tk__bar{background:var(--warn)}
.tk--late .tk__bar{background:var(--err)}
.kds--big .tk__h{align-items:center;margin-bottom:.45em}
.kds--big .tk__h b{font-size:1em}
.kds--big .tk__src{display:inline-flex;align-items:center;gap:.3em;padding:.18em .5em;border-radius:.4em;background:#F1F1F4;color:#45454B;font:500 .8em/1.2 var(--font);letter-spacing:0;text-transform:none;margin:0;white-space:nowrap}
.tk__src .ico{width:1em;height:1em}
.kds--big .tk__src--w{background:rgba(46,75,255,.08);color:var(--cobalt-deep)}
.kds--big .tk__h em{margin-left:auto;padding:.16em .45em;border-radius:.4em;background:#EAF7F0;color:var(--ok);font-size:.8em}
.kds--big .tk--warn .tk__h em{background:#FFF4DF;color:#9A5F00}
.kds--big .tk--late .tk__h em{background:#FDECEA;color:var(--err);font-weight:600}
.kds--big .tk--ready{background:#F3FAF6;border-color:rgba(27,158,90,.3)}
.kds--big .tk p{display:flex;align-items:center;gap:.5em;margin:.34em 0 0;font-size:.92em}
.tk__q{display:inline-grid;place-items:center;min-width:1.55em;height:1.55em;padding:0 .3em;border-radius:.4em;background:#F1F1F4;font-style:normal;font-size:.82em;font-weight:600;color:var(--ink)}
.kds--big .tk--ready .tk__q{background:#fff}
.kds--big .tk__note{padding-left:2.05em;color:#9A5F00!important}
.wt{position:absolute;inset:0;padding:3.2em .85em 0;background:#fff}
.wt .gx__status{color:var(--ink)}
.wt__h{display:flex;align-items:center;justify-content:space-between;margin:.45em .1em .8em}
.wt__h b{display:block;font-size:1.3em;font-weight:680;letter-spacing:-.025em;line-height:1.05}
.wt__h small{font-size:.64em;color:#8A8A8F}
.wt__seg{display:flex;padding:.2em;border-radius:.65em;background:#F1F1F4}
.wt__seg i{font-style:normal;font-size:.62em;font-weight:650;padding:.38em .75em;border-radius:.5em;color:#6C6C72}
.wt__seg .is-on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(13,13,15,.1)}
.wt__plan{position:relative;height:15em;border-radius:1em;background-color:#F6F6F8;background-image:radial-gradient(circle at 1px 1px,rgba(13,13,15,.07) 1px,transparent 1.2px);background-size:.9em .9em;border:1px solid #ECECF0}
.tb2{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);transform:translate(-50%,-50%);display:grid;place-items:center;font:600 .7em/1 var(--mono);color:#A1A1A7;background:#fff;border:1.5px dashed #CFCFD6;transition:border-color .4s,color .4s,background-color .4s,box-shadow .4s}
.tb2--r{width:4em;height:4em;border-radius:50%}
.tb2--s{width:4.2em;height:4.2em;border-radius:.9em}
.tb2--l{width:8.2em;height:4em;border-radius:.9em}
.tb2.is-on{border:1.5px solid #CFCFD6;color:var(--ink)}
.tb2.is-call{border-color:var(--err);color:var(--err);box-shadow:0 0 0 .45em rgba(217,59,43,.14)}
.tb2.is-new{border-color:var(--cobalt);color:var(--cobalt);box-shadow:0 0 0 .45em rgba(46,75,255,.14)}
.tb2.is-served{border-color:var(--ok);color:var(--ok);background:#F1FAF5}
.tb2__dot{position:absolute;top:-.25em;right:-.25em;width:.9em;height:.9em;border-radius:50%;background:var(--warn);box-shadow:0 0 0 2px #fff}
.wt__bar{position:absolute;left:8%;right:8%;bottom:6%;height:9%;border-radius:.5em;background:#E6E6EB;display:grid;place-items:center;font-size:.5em;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:#8A8A8F}
.wt__lab{margin:1em .2em .55em;font-size:.56em;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:#8A8A8F}
.wt__feed{display:flex;flex-direction:column;gap:.45em;margin:0}
.wt__ev{display:grid;grid-template-columns:1.9em minmax(0,1fr) auto;gap:.6em;align-items:center;padding:.5em .55em;border-radius:.85em;background:#fff;border:1px solid #ECECF0;animation:drop .5s var(--ease-out) both}
.wt__ev b{display:block;font-size:.66em;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wt__ev small{display:block;font-size:.54em;color:#8A8A8F}
.wt__ic{width:1.9em;height:1.9em;border-radius:50%;display:grid;place-items:center}
.wt__ic .ico{width:1em;height:1em}
.wt__ic--err{background:rgba(217,59,43,.1);color:var(--err)}
.wt__ic--warn{background:rgba(217,138,11,.12);color:#9A5F00}
.wt__ic--ok{background:rgba(27,158,90,.1);color:var(--ok)}
.wt__go{font-size:.56em;font-weight:650;padding:.5em .85em;border-radius:99em;background:var(--ink);color:#fff}
.wt__ev--old{animation:none}
.wt__ev--old .wt__go{background:#F1F1F4;color:#6C6C72}

/* Wejscia przy przewijaniu */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}
.js .reveal.is-in{opacity:1;transform:none}
.is-still *,.is-still *::before,.is-still *::after{animation-play-state:paused!important}

@media (pointer:coarse){.iconbtn{width:44px;height:44px}.chip{height:44px}}

/* Responsywnosc */
@media (max-width:1180px){
  .hero__top{grid-template-columns:1fr;gap:34px}
  .hero__side{max-width:640px}
  .proof__list{grid-template-columns:repeat(5,minmax(0,1fr))}
  .proof__list li:nth-child(6){border-left:0}
  .proof__list li:nth-child(n+6){border-top:1px solid var(--line)}
  .story{gap:56px}
}
@media (max-width:999px){
  .hero{padding:112px 0 56px}
  .hero__grid{grid-template-columns:1fr;gap:8px}
  .orbit{margin:0 -24px;overflow:hidden}
  /* Pierscien w skali, w ktorej stacje sa czytelne; kamera jedzie za zamowieniem (data-cam z home.js). */
  .orbit__in{font-size:calc(100cqw / 32);transform:translateX(-8em);transition:transform 1.3s var(--ease-io)}
  .orbit[data-cam="r"] .orbit__in{transform:translateX(-16.3em)}
  .orbit[data-cam="l"] .orbit__in{transform:translateX(.2em)}
  .orbit__pause{right:24px;bottom:.4em}
  .ch__intro--split,.faq__grid,.cfg{grid-template-columns:1fr;gap:28px}
  .faq__side{position:static}
  .facts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .facts__i:nth-child(4){padding-left:0;border-left:0}
  .facts__i:nth-child(n+4){margin-top:28px;border-top:1px solid var(--line)}
  .story{grid-template-columns:1fr;gap:28px;margin-top:44px}
  .story__stage{order:-1}
  .story__sticky{position:relative;top:auto}
  .story .scn{width:100%;margin:0}
  .story__beats{padding:0}
  .beat{min-height:0;padding:22px 0;border-top:1px solid var(--line)}
  .beat:not(.is-on) h3{color:var(--steel)}
  .beat h3{font-size:22px}
  .beat p:not(.beat__n){font-size:16.5px}
  .pin{height:auto;margin-top:44px}
  .pin__sticky{position:relative;top:auto;height:auto;display:block}
  .pin__in{gap:0}
  .pin .scn{width:100%;font-size:calc(100cqw / 77.5)}
  .caps{grid-template-columns:1fr;gap:0;margin-top:22px}
  .cap{padding:18px 0;border-top:1px solid var(--line)}
  .cap__bar{display:none}
  .scn--ai{grid-template-columns:1fr;gap:10px;font-size:calc(100cqw / 36)}
  .chat{height:27em}
  .lp{height:26.5em}
  .eve{display:none}
  .start__steps{grid-template-columns:1fr;gap:0}
  .start__steps li{padding:18px 0}
}
@media (max-width:900px){
  .kds__pos{display:none}
}
@media (max-width:640px){
  body{font-size:16px}
  .wrap{width:calc(100% - 40px)}
  :root{--hdr:62px}
  .hero{padding-top:118px}
  .hero__kicker{font-size:14px;margin-bottom:20px}
  .hero__title{font-size:clamp(40px,12.3vw,60px)}
  .hero__lead{font-size:17px}
  .hero__ctas .btn{width:100%}

  .proof__list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .proof__list li:nth-child(n){border-left:1px solid var(--line)}
  .proof__list li:nth-child(odd){border-left:0}
  .proof__list li:nth-child(n+3){border-top:1px solid var(--line)}
  .proof__list li{min-height:76px}
  .statement{padding:88px 0 96px}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr));border-top:0;margin-top:60px}
  .facts__i:nth-child(n){padding:22px 16px 0 0;border-left:0;margin-top:0;border-top:1px solid var(--line)}
  .facts__i:nth-child(even){padding-left:16px;border-left:1px solid var(--line)}
  .facts__i:last-child{grid-column:1/-1;padding-left:0;border-left:0}
  .ch,.ai,.price,.faq,.start{padding:96px 0}
  .ch__lead{font-size:17px}
  .orbit{margin:0 -20px}
  .ai__chips{margin:36px 0 14px;gap:6px}
  .chip{padding:0 13px;font-size:14px}
  .mod{grid-template-columns:24px minmax(0,1fr);padding:18px}
  .mod__p{grid-column:2}
  .cfg__sum{padding:26px}
  .cfg__price b{font-size:60px}
  .qa summary{font-size:17px}
  .qa__a{padding-right:0}
}
/* Telefon i tablet: rozdzial to przyklejona scena pod naglowkiem i podpis kroku
   pod nia (story i pin tak samo). Scena zachowuje kompozycje z komputera
   (.scn__cam w em), a kamera z home.js przybliza kadr kroku. Wysokosci w svh,
   bo pasek adresu Safari zmienia wysokosc okna w trakcie przewijania. */
@media (max-width:999px){
  :root{--krok:60svh}
  .js .pin,.js .story__track{position:relative;height:calc(var(--beats,4) * var(--krok) + 100svh - var(--hdr));margin-top:30px}
  .js .pin__sticky,.js .story{position:sticky;top:var(--hdr);height:calc(100svh - var(--hdr))}
  .js .pin__in,.js .story{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px 0 16px;margin-top:0}
  .js .pin__in{height:100%}
  .js .story__stage{order:-1;flex:1;min-height:0;display:flex;flex-direction:column}
  .js .story__sticky{position:static;flex:1;min-height:0;display:flex;flex-direction:column}
  .js .story .scn,.js .pin .scn{flex:1;min-height:0;width:100%;max-width:none;height:auto;aspect-ratio:auto;margin:0;container-type:size;border-radius:20px}
  .js .scn__cam{position:absolute;inset:auto;left:0;top:0;transform-origin:0 0;transition:transform 1.1s var(--ease-io)}
  .js .story .scn__cam{width:42em;height:45.36em;font-size:min(calc(100cqw / 42),calc(100cqh / 45.36))}
  .js .scn--kitchen>.scn__cam{width:77.5em;font-size:min(calc(100cqw / 77.5),calc(100cqh / 41.82))}
  .js .story .scn__pause,.js .pin .scn__pause{top:10px;right:10px}
  /* Podpis kroku: paski postepu w rzedzie, widoczny tylko biezacy krok */
  .js .story__beats,.js .caps{flex:none;position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%;margin:14px 0 0;padding:20px 0 0}
  .js .beat,.js .cap{grid-area:1/1;position:static;display:block;min-height:0;padding:0;border:0;opacity:1;cursor:default}
  .js :is(.beat,.cap)>:not(.cap__bar){opacity:0;transform:translateY(8px);transition:opacity .3s var(--ease),transform .45s var(--ease-out)}
  .js :is(.beat,.cap).is-on>:not(.cap__bar){opacity:1;transform:none;transition-delay:.08s}
  .js :is(.beat,.cap):not(.is-on){pointer-events:none}
  .js .beat__n{display:none}
  .js .beat h3,.js .cap h3{font-size:20px;line-height:1.2;letter-spacing:-.02em;margin:0 0 6px}
  .js .beat p:not(.beat__n),.js .cap p{font-size:15.5px;line-height:1.5;color:var(--text2);max-width:none}
  .js .cap__bar{display:block;position:absolute;top:0;right:auto;left:calc(var(--i,0) * (100% + 6px) / var(--beats,4));width:calc((100% + 6px) / var(--beats,4) - 6px);height:2px;overflow:visible;pointer-events:auto;cursor:pointer}
  .js .cap__bar::before{content:"";position:absolute;inset:-18px 0 -12px}
  .js .cap__bar::after{border-radius:inherit}
  .js .beat.is-done .cap__bar::after{transform:scaleX(1);background:var(--ink)}
  /* Sceny w kadrze telefonu: wieksze etykiety jezykow, karty opinii przy telefonie */
  .js .scn--table .g3__tag{font-size:1.2em;top:-2.3em}
  /* Cennik: cena przyklejona u dolu, dopoki moduly sa na ekranie */
  .js .cfg__bar{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom));z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;margin-top:4px;padding:0 18px;border-radius:14px;background:var(--ink);color:#fff;font-size:15px;box-shadow:0 12px 30px -12px rgba(13,13,15,.55)}
  .js .cfg__bar b{font-size:16px;font-weight:500;white-space:nowrap}
  .js .cfg__bar{transition:opacity .25s,transform .35s var(--ease-out)}
  .js .cfg__bar.is-hid{opacity:0;transform:translateY(10px);pointer-events:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .js .reveal{opacity:1;transform:none}
}
.ai__more{margin-top:18px}
.proof__app{display:flex!important;align-items:center;justify-content:center;gap:8px;font:600 16.5px/1 var(--font);letter-spacing:-.01em;color:#3A3A3F}
.proof__app img{width:22px;height:22px}

/* POSbistro ma kwadratowa plakietke: troche wieksza, zeby wazyla tyle co wordmarki */
.proof__list img[src*="posbistro"]{max-height:34px}
.proof__list a.proof__app{transition:background-color .25s,color .25s}.proof__list a.proof__app:hover{color:var(--ink)}
.proof__list a:focus-visible{outline:2px solid var(--cobalt);outline-offset:-3px}

/* Zmiana jezyka w scenie sali: pasek tlumaczenia przez ekran i zakreslone napisy, ktore sie zmienily. */
.gx [data-i18n]{transition:opacity .22s ease,background-color .9s ease,box-shadow .9s ease;border-radius:.3em}
.gx .is-lit{background-color:rgba(46,75,255,.14);box-shadow:0 0 0 .16em rgba(46,75,255,.14)}
.gx.is-sweep::after{content:"";position:absolute;left:0;right:0;top:-32%;height:32%;z-index:40;pointer-events:none;background:linear-gradient(180deg,rgba(46,75,255,0),rgba(46,75,255,.14) 70%,rgba(84,112,255,.3));animation:gxSweep .8s cubic-bezier(.4,0,.2,1) forwards}
@keyframes gxSweep{to{top:100%}}
.g3__tag{transition:opacity .4s,transform .32s cubic-bezier(.3,1.5,.5,1)}
.g3__tag.is-swap{transform:translateX(-50%) scale(.9)}
@media (prefers-reduced-motion:reduce){.gx.is-sweep::after{display:none}}