/* Lokamo :: strona glowna, rozdzial 21:30 Opinie (ciemny, scena "reviews").
   Czesc 1: komponenty z assets/opinie/opinie.css (iOS, Aparat, Safari iOS,
   ekran oceny, arkusz Google, klawiatura, panel Opinii na MacBooku), skopiowane
   bez zmian i zawezone do .scn--rev, zeby nie kolidowac z innymi scenami.
   Czesc 2 (na koncu): kompozycja sceny. Silnik: assets/home/opinie-gl.js. */
/* ---------- iOS: ekran, pasek statusu, dotyk ---------- */
.scn--rev .o-scr{container-type:inline-size}
.scn--rev .o-scr>*{font-size:calc(100cqw / 20)}
.scn--rev .ios{position:absolute;left:0;right:0;top:0;height:2.7em;display:flex;align-items:center;justify-content:space-between;padding:.3em 1.35em 0 1.55em;z-index:30;color:var(--ink);pointer-events:none}
.scn--rev .ios--w{color:#fff}
.scn--rev .ios__t{width:4.4em;text-align:center;font-size:.84em;font-weight:650;letter-spacing:-.01em}
.scn--rev .ios__i{display:flex;align-items:center;gap:.32em}
.scn--rev .ios__sig{width:.95em;height:.62em}
.scn--rev .ios__wifi{width:.86em;height:.66em}
.scn--rev .ios__bat{position:relative;width:1.4em;height:.68em;border-radius:.22em;border:1px solid currentColor;opacity:.9}
.scn--rev .ios__bat i{position:absolute;inset:.1em .28em .1em .1em;border-radius:.1em;background:currentColor}
.scn--rev .ios__bat::after{content:"";position:absolute;right:-.22em;top:.18em;width:.12em;height:.26em;border-radius:0 .1em .1em 0;background:currentColor}
.scn--rev .tch{position:absolute;left:50%;top:50%;width:2.7em;height:2.7em;margin:-1.35em 0 0 -1.35em;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(160,160,168,.6),rgba(118,118,126,.48));border:1.5px solid rgba(255,255,255,.85);box-shadow:0 .15em .6em rgba(0,0,0,.3),inset 0 0 .4em rgba(255,255,255,.35);opacity:0;transform:scale(.55);pointer-events:none;z-index:60;transition:opacity .12s,transform .18s var(--ease-out)}
.scn--rev .tch.is-down{opacity:.95;transform:scale(1)}
.scn--rev .tch.is-up{opacity:0;transform:scale(1.3);transition:opacity .38s,transform .38s var(--ease-out)}
.scn--rev .tch.is-drag{transition:none}

/* =====================================================================
   KOMPONENT: APARAT IPHONE (.cam). Zawartosc .phone__screen.o-scr.
   Uklad jak w Aparacie iOS: pasek statusu, przyciski u gory, wizjer 3:4
   z obrazem stolu i naklejka w perspektywie, zolta ramka wykrytego kodu,
   dymek z adresem, tryby, spust. Po dotknieciu dymka otwiera sie Safari.
   ===================================================================== */
.scn--rev .cam{position:absolute;inset:0;background:#000;color:#fff;overflow:hidden}
.scn--rev .cam::after{content:"";position:absolute;inset:0;z-index:70;background:#000;opacity:0;pointer-events:none;transition:opacity .45s}
.scn--rev .cam.is-blk::after{opacity:1}
.scn--rev .cam__app{position:absolute;inset:0;transition:transform .55s var(--ease-out),opacity .45s,filter .45s}
.scn--rev .cam__app::after{content:"";position:absolute;left:50%;bottom:.5em;width:7em;margin-left:-3.5em;height:.26em;border-radius:99em;background:#fff}
.scn--rev .cam.is-saf .cam__app{transform:scale(.93);opacity:0;filter:blur(.25em)}
.scn--rev .cam__top{position:absolute;left:0;right:0;top:3.05em;display:flex;align-items:center;justify-content:space-between;padding:0 1.25em;z-index:5}
.scn--rev .cam__tb,.scn--rev .cam__tc{display:grid;place-items:center;width:2.15em;height:2.15em;border-radius:50%;background:rgba(255,255,255,.13);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.scn--rev .cam__tc{width:3.3em;height:1.75em;border-radius:99em}
.scn--rev .cam__tb svg,.scn--rev .cam__tc svg{width:1.05em;height:1.05em}
.scn--rev .cam__vf{position:absolute;left:0;right:0;top:6.1em;height:26.67em;overflow:hidden;background:#15110d}
.scn--rev .cam__feed{position:absolute;inset:-7%;transform-origin:50% 55%;will-change:transform,filter}
.scn--rev .cam__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.scn--rev .cam__plane{position:absolute;inset:0;perspective:30em;perspective-origin:50% 12%}
.scn--rev .cam__stk{position:absolute;left:29%;top:40%;width:42%;aspect-ratio:1;border-radius:50%;transform:rotateX(47deg) rotateZ(-15deg);box-shadow:0 .12em .2em rgba(0,0,0,.6),0 .7em 1.3em rgba(0,0,0,.45)}
.scn--rev .cam__sticker{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;filter:brightness(.78) sepia(.2) saturate(1.15)}
.scn--rev .cam__gloss{position:absolute;inset:0;border-radius:50%;background:linear-gradient(162deg,rgba(255,214,160,.26) 0%,rgba(255,214,160,.06) 34%,transparent 52%),radial-gradient(46% 30% at 34% 16%,rgba(255,232,196,.2),transparent 70%);mix-blend-mode:screen;pointer-events:none}
.scn--rev .cam__qr{position:absolute;left:29.5%;top:27.5%;width:41%;height:41%;opacity:0;transform:scale(1.4);transition:opacity .18s,transform .42s cubic-bezier(.2,1.5,.4,1)}
.scn--rev .cam__qr i{position:absolute;width:26%;height:26%;border:.34em solid #FFD60A;filter:drop-shadow(0 0 .25em rgba(255,214,10,.45))}
.scn--rev .cam__qr i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0;border-top-left-radius:.9em}
.scn--rev .cam__qr i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0;border-top-right-radius:.9em}
.scn--rev .cam__qr i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0;border-bottom-left-radius:.9em}
.scn--rev .cam__qr i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0;border-bottom-right-radius:.9em}
.scn--rev .cam.is-det .cam__qr{opacity:1;transform:none}
.scn--rev .cam__vig{position:absolute;inset:0;background:radial-gradient(130% 95% at 50% 45%,transparent 55%,rgba(0,0,0,.4));pointer-events:none}
.scn--rev .cam__zoom{position:absolute;left:50%;bottom:.9em;display:flex;align-items:center;gap:.25em;padding:.22em;border-radius:99em;background:rgba(0,0,0,.26);transform:translateX(-50%)}
.scn--rev .cam__zoom span{display:grid;place-items:center;width:1.95em;height:1.95em;border-radius:50%;background:rgba(0,0,0,.34);font-size:.62em;font-weight:650}
.scn--rev .cam__zoom .is-on{width:2.5em;height:2.5em;color:#FFD60A;background:rgba(0,0,0,.5)}
.scn--rev .cam__zoom span{width:3.1em;height:3.1em}
.scn--rev .cam__zoom .is-on{width:3.9em;height:3.9em}
.scn--rev .cam__pill{position:absolute;left:50%;bottom:3.9em;display:flex;align-items:center;gap:.42em;height:2.15em;padding:0 1em 0 .62em;border-radius:99em;background:#FFD60A;color:#000;white-space:nowrap;box-shadow:0 .3em 1.1em rgba(0,0,0,.4);opacity:0;transform:translate(-50%,.9em) scale(.82);transition:transform .5s cubic-bezier(.2,1.45,.4,1),opacity .25s}
.scn--rev .cam__pill b{font-size:.76em;font-weight:650;letter-spacing:-.01em}
.scn--rev .cam__saf{width:1.15em;height:1.15em}
.scn--rev .cam.is-pill .cam__pill{opacity:1;transform:translate(-50%,0) scale(1)}
.scn--rev .cam.is-pill .cam__pill.is-press{transform:translate(-50%,0) scale(.93);transition-duration:.12s}
.scn--rev .cam__modes{position:absolute;left:0;right:0;top:33.35em;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.1em;font-weight:650;color:rgba(255,255,255,.88);white-space:nowrap;overflow:hidden}
.scn--rev .cam__modes span,.scn--rev .cam__modes i{font-size:.58em;letter-spacing:.07em;font-style:normal}
.scn--rev .cam__modes i{font-size:1em}
.scn--rev .cam__ml,.scn--rev .cam__mr{display:flex;gap:1.9em}
.scn--rev .cam__ml{justify-content:flex-end}
.scn--rev .cam__modes .is-on{color:#FFD60A}
.scn--rev .cam__bar{position:absolute;left:0;right:0;top:35.2em;height:4.4em;display:flex;align-items:center;justify-content:space-between;padding:0 2em}
.scn--rev .cam__thumb{width:2.55em;height:2.55em;border-radius:.45em;background:url("/assets/home/img/stol-naklejka.webp") 50% 30%/cover;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.scn--rev .cam__shut{width:4.2em;height:4.2em;border-radius:50%;border:.28em solid #fff;padding:.26em;background:#fff content-box;background-clip:content-box}
.scn--rev .cam__flip{display:grid;place-items:center;width:2.65em;height:2.65em;border-radius:50%;background:rgba(255,255,255,.14)}
.scn--rev .cam__flip svg{width:1.25em;height:1.25em}

/* ---------- Safari iOS i ekran oceny ---------- */
.scn--rev .saf{position:absolute;inset:0;z-index:10;background:#F2F2F6;color:var(--ink);overflow:hidden;opacity:0;visibility:hidden;transform:scale(.28);transform-origin:50% 76%;border-radius:4em;transition:transform .6s cubic-bezier(.22,.9,.24,1),opacity .3s,border-radius .6s,visibility 0s .6s}
.scn--rev .saf.is-open{opacity:1;visibility:visible;transform:none;border-radius:0;transition:transform .6s cubic-bezier(.22,.9,.24,1),opacity .22s,border-radius .6s}
.scn--rev .saf::after{content:"";position:absolute;left:50%;bottom:.5em;width:7em;margin-left:-3.5em;height:.26em;border-radius:99em;background:#111;z-index:45}
.scn--rev .saf__page{position:absolute;inset:0;overflow:hidden}
.scn--rev .saf__bar{position:absolute;left:.85em;right:.85em;bottom:1.4em;height:2.45em;display:flex;align-items:center;gap:.45em;z-index:20}
.scn--rev .saf__b,.scn--rev .saf__url{background:rgba(255,255,255,.8);box-shadow:0 .15em .7em rgba(13,13,15,.13),inset 0 0 0 1px rgba(255,255,255,.7);-webkit-backdrop-filter:blur(10px) saturate(1.6);backdrop-filter:blur(10px) saturate(1.6);color:#1C1C1E}
.scn--rev .saf__b{display:grid;place-items:center;flex:none;width:2.45em;height:2.45em;border-radius:50%}
.scn--rev .saf__b svg{width:1.05em;height:1.05em}
.scn--rev .saf__url{position:relative;flex:1;height:100%;border-radius:99em;display:flex;align-items:center;justify-content:center;overflow:hidden}
.scn--rev .saf__url>span{font-size:.72em;font-weight:600;letter-spacing:-.01em}
.scn--rev .saf__load{position:absolute;left:0;bottom:0;height:.14em;width:calc(var(--l,0) * 100%);background:#0A7CFF;opacity:0;transition:opacity .3s}
.scn--rev .saf.is-load .saf__load{opacity:1}

.scn--rev .ocn{position:absolute;left:0;right:0;top:3.2em;bottom:4.5em;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 .95em;opacity:0;transform:translateY(.8em);transition:opacity .45s,transform .6s var(--ease-out)}
.scn--rev .ocn.is-in{opacity:1;transform:none}
.scn--rev .ocn__card{position:relative;width:100%;padding:1.25em 1.1em 1.3em;border-radius:1.3em;background:#fff;border:1px solid #E6E6EA;box-shadow:0 .1em .2em rgba(13,13,15,.04),0 .7em 1.5em -.9em rgba(13,13,15,.2);text-align:center;transform:translateY(var(--sy,0));transition:transform .7s var(--ease-io)}
.scn--rev .ocn__lang{position:absolute;right:.75em;top:.75em;display:inline-flex;align-items:center;gap:.25em;height:1.95em;padding:0 .45em 0 .6em;border-radius:.6em;border:1px solid #E6E6EA;font-size:.58em;font-weight:600;color:#45454B}
.scn--rev .ocn__lang svg{width:1.15em;height:1.15em}
.scn--rev .ocn__logo{display:grid;place-items:center;width:2.75em;height:2.75em;margin:.7em auto 0;border-radius:.8em;background:var(--ink);color:#fff;font-weight:620;font-size:1.05em;box-shadow:0 .3em .7em -.3em rgba(13,13,15,.5)}
.scn--rev .ocn__venue{margin-top:.8em;font-size:.54em;font-weight:650;letter-spacing:.15em;text-transform:uppercase;color:#8C8C92}
.scn--rev .ocn__s{display:none}
.scn--rev .ocn__s--ocena,.scn--rev .ocn[data-step="pub"] .ocn__s--pub,.scn--rev .ocn[data-step="prv"] .ocn__s--prv,.scn--rev .ocn[data-step="end"] .ocn__s--end{display:block;animation:rvg-ostep .5s var(--ease-out) both}
.scn--rev .ocn[data-step="pub"] .ocn__s--ocena,.scn--rev .ocn[data-step="prv"] .ocn__s--ocena,.scn--rev .ocn[data-step="end"] .ocn__s--ocena{display:none}
@keyframes rvg-ostep{from{opacity:0;transform:translateY(.6em)}to{opacity:1;transform:none}}
.scn--rev .ocn__h{display:block;margin-top:.4em;font-size:1.3em;font-weight:680;letter-spacing:-.028em;line-height:1.14;text-wrap:balance}
.scn--rev .ocn__h--s{font-size:1.06em;line-height:1.2}
.scn--rev .ocn__p{margin-top:.6em;font-size:.64em;line-height:1.45;color:#6C6C72;text-wrap:pretty}
.scn--rev .ocn__stars{display:flex;justify-content:center;gap:.26em;margin-top:1.05em}
.scn--rev .ocn__st{width:2.1em;height:2.1em;fill:#EFEFF2;stroke:#CDCDD3;stroke-width:1.5;transition:fill .16s,stroke .16s,transform .3s var(--ease-out)}
.scn--rev .ocn__st.is-on{fill:#F7B928;stroke:#D8980C;transform:scale(1.08)}
.scn--rev .ocn__word{height:1.45em;margin-top:.45em;font-size:.7em;font-weight:620;opacity:0;transition:opacity .25s}
.scn--rev .ocn.is-rated .ocn__word{opacity:1}
.scn--rev .ocn__note{margin-top:.55em;font-size:.54em;color:#8C8C92}
.scn--rev .ocn__n2{display:none}
.scn--rev .ocn.is-send .ocn__n1{display:none}
.scn--rev .ocn.is-send .ocn__n2{display:inline}
.scn--rev .ocn__by{margin-top:.95em;font-size:.5em;letter-spacing:.02em;color:#8C8C92}
.scn--rev .ocn__by b{color:#45454B;font-weight:600;text-decoration:underline;text-underline-offset:.2em}
.scn--rev .ocn__dest{display:flex;align-items:center;gap:.6em;margin-top:1.05em;padding:.62em .65em;border-radius:.95em;border:1px solid #E6E6EA;background:#fff;text-align:left;box-shadow:0 .12em .4em rgba(13,13,15,.07);transition:transform .14s,background-color .2s}
.scn--rev .ocn__dest.is-press{transform:scale(.96);background:#F4F4F7}
.scn--rev .ocn__g{flex:none;display:grid;place-items:center;width:2.05em;height:2.05em;border-radius:.6em;background:#F2F2F5;font-weight:720;font-size:.95em;color:var(--ink)}
.scn--rev .ocn__dt{flex:1;min-width:0}
.scn--rev .ocn__dt b{display:block;font-size:.68em;font-weight:650}
.scn--rev .ocn__dt small{display:block;margin-top:.15em;font-size:.54em;color:#8C8C92}
.scn--rev .ocn__dest>svg{width:1em;height:1em;flex:none;color:#8C8C92}
.scn--rev .ocn__skip{margin-top:.95em;font-size:.58em;color:#6C6C72;text-decoration:underline;text-underline-offset:.2em}
.scn--rev .ocn__lab{margin-top:.95em;text-align:left;font-size:.58em;font-weight:650}
.scn--rev .ocn__lab span{font-weight:400;color:#8C8C92}
.scn--rev .ocn__chips{display:flex;flex-wrap:wrap;gap:.3em;margin-top:.45em}
.scn--rev .ocn__chips span{padding:.45em .72em;border-radius:99em;border:1px solid #D9D9DE;font-size:.54em;font-weight:560;color:#45454B;transition:background-color .2s,color .2s,border-color .2s,transform .15s}
.scn--rev .ocn__chips span.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.scn--rev .ocn__in{position:relative;margin-top:.45em;min-height:2.35em;padding:.55em .7em;border-radius:.65em;border:1px solid #D9D9DE;background:#fff;text-align:left;font-size:.6em;line-height:1.4;transition:border-color .2s,box-shadow .2s}
.scn--rev .ocn__in--area{min-height:4.6em}
.scn--rev .ocn__in.is-focus{border-color:var(--cobalt);box-shadow:0 0 0 .22em rgba(46,75,255,.18)}
.scn--rev .ocn__ph{color:#A6A6AB}
.scn--rev .has-tx>.ocn__ph{display:none}
.scn--rev .is-focus>.ocn__tx::after{content:"";display:inline-block;width:.1em;height:1.1em;margin-left:.05em;vertical-align:-.2em;background:var(--cobalt);animation:caret 1s steps(1) infinite}
.scn--rev .ocn__btn{display:flex;align-items:center;justify-content:center;height:2.35em;margin-top:.95em;border-radius:.75em;background:var(--ink);color:#fff;font-size:.68em;font-weight:650;transition:transform .14s}
.scn--rev .ocn__btn.is-press,.scn--rev .gsh__btn.is-press{transform:scale(.96)}
.scn--rev .ocn__ok{display:grid;place-items:center;width:2.7em;height:2.7em;margin:.5em auto .1em;border-radius:50%;background:var(--ok);color:#fff}
.scn--rev .ocn__ok svg{width:1.4em;height:1.4em}
.scn--rev [data-step="end"] .ocn__ok{animation:pop .6s var(--ease-out)}

/* Arkusz opinii w Google: neutralny, z identyfikacji tylko litera G */
.scn--rev .gsh{position:absolute;inset:0;z-index:35;pointer-events:none}
.scn--rev .gsh::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.3);opacity:0;transition:opacity .4s}
.scn--rev .gsh.is-open::before{opacity:1}
.scn--rev .gsh__sheet{position:absolute;left:0;right:0;bottom:0;top:4.1em;padding:.55em 1.1em 0;border-radius:1.6em 1.6em 0 0;background:#fff;box-shadow:0 -.3em 2em rgba(0,0,0,.18);transform:translateY(105%);transition:transform .6s cubic-bezier(.22,.9,.24,1)}
.scn--rev .gsh.is-open .gsh__sheet{transform:none}
.scn--rev .gsh__grab{display:block;width:2.5em;height:.28em;margin:0 auto 1em;border-radius:99em;background:#D1D1D6}
.scn--rev .gsh__hd{display:flex;align-items:center;gap:.65em}
.scn--rev .gsh__g{flex:none;display:grid;place-items:center;width:2.3em;height:2.3em;border-radius:50%;box-shadow:inset 0 0 0 1px #E3E3E8;font-weight:720;font-size:1em}
.scn--rev .gsh__hd b{display:block;font-size:.84em;font-weight:650}
.scn--rev .gsh__hd small{display:block;margin-top:.1em;font-size:.58em;color:#8C8C92}
.scn--rev .gsh__x{margin-left:auto;display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;background:#F2F2F5;color:#6C6C72}
.scn--rev .gsh__x svg{width:.95em;height:.95em}
.scn--rev .gsh__form{transition:opacity .3s}
.scn--rev .gsh__who{display:flex;align-items:center;gap:.55em;margin-top:1.15em;padding-top:1em;border-top:1px solid #EEEEF1}
.scn--rev .gsh__av{display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;background:#7A6F66;color:#fff;font-size:.8em;font-weight:650}
.scn--rev .gsh__who b{display:block;font-size:.68em;font-weight:650}
.scn--rev .gsh__who small{display:block;font-size:.54em;color:#8C8C92}
.scn--rev .gsh__stars{display:flex;justify-content:center;gap:.55em;margin-top:1.25em}
.scn--rev .gsh__stars .ocn__st{width:2.3em;height:2.3em}
.scn--rev .gsh__area{position:relative;min-height:6.8em;margin-top:1.15em;padding:.7em .8em;border-radius:.85em;border:1px solid #D9D9DE;text-align:left;font-size:.64em;line-height:1.45;transition:border-color .2s,box-shadow .2s}
.scn--rev .gsh__area.is-focus{border-color:var(--cobalt);box-shadow:0 0 0 .22em rgba(46,75,255,.18)}
.scn--rev .gsh__btn{display:flex;align-items:center;justify-content:center;height:2.45em;margin-top:1em;border-radius:99em;background:var(--ink);color:#fff;font-size:.72em;font-weight:650;opacity:.3;transition:opacity .3s,transform .14s}
.scn--rev .gsh__btn.is-ready{opacity:1}
.scn--rev .gsh__done{position:absolute;left:1em;right:1em;top:7.2em;display:flex;flex-direction:column;align-items:center;gap:.35em;text-align:center;opacity:0;transform:translateY(.6em);transition:opacity .4s,transform .5s var(--ease-out)}
.scn--rev .gsh__done b{font-size:1.05em;font-weight:680;letter-spacing:-.02em}
.scn--rev .gsh__done small{font-size:.62em;color:#8C8C92}
.scn--rev .gsh.is-done .gsh__done{opacity:1;transform:none}
.scn--rev .gsh.is-done .gsh__who,.scn--rev .gsh.is-done .gsh__stars,.scn--rev .gsh.is-done .gsh__area,.scn--rev .gsh.is-done .gsh__btn{opacity:0;transition:opacity .25s}

/* Klawiatura iOS */
.scn--rev .kbd{position:absolute;left:0;right:0;bottom:0;z-index:40;height:15.4em;padding:0 .22em;background:rgba(210,212,218,.97);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translateY(102%);transition:transform .38s cubic-bezier(.2,.8,.2,1)}
.scn--rev .kbd.is-up{transform:none}
.scn--rev .kbd__bar{display:flex;align-items:center;justify-content:flex-end;height:2.25em;margin:0 -.22em .5em;padding:0 1em;background:rgba(247,247,249,.97);border-bottom:1px solid rgba(0,0,0,.08)}
.scn--rev .kbd__bar span{font-size:.7em;font-weight:620;color:#0A7CFF}
.scn--rev .kbd__r{display:flex;gap:.3em;margin-bottom:.56em}
.scn--rev .kbd__r--2{padding:0 .95em}
.scn--rev .kbd__k{flex:1;display:grid;place-items:center;height:2.15em;border-radius:.34em;background:#fff;box-shadow:0 .08em 0 rgba(0,0,0,.3);color:#111;transition:background-color .06s}
.scn--rev .kbd__k>span{font-size:.92em}
.scn--rev .kbd__f{flex:1.45;background:#ABB0BA}
.scn--rev .kbd__f svg{width:1.05em;height:1.05em}
.scn--rev .kbd__r--4 .kbd__f{flex:2.4}
.scn--rev .kbd__r--4 .kbd__f>span{font-size:.72em}
.scn--rev .kbd__sp{flex:6}
.scn--rev .kbd__sp>span{font-size:.72em}
.scn--rev .kbd__k.is-hit{background:#B4B8C2}

/* ---------- Fakty ---------- */

/* ---------- MacBook (wspolny zestaw mac.css) z panelem Opinii ---------- */
.scn--rev .flm--top .flm__scn{aspect-ratio:auto;width:min(100%,calc((100svh - var(--hdr) - 230px) * 1.43))}
.scn--rev .fk{position:relative;padding:2.3em 3em 2.5em;font-size:calc(100cqw / 70)}
.scn--rev .fk .mbk{width:64em}
.scn--rev [data-scene="panel"] .mw--sf{left:3.6em;top:3.1em;width:72.8em;height:43.1em}
.scn--rev .pnl{position:absolute;inset:0;display:grid;grid-template-columns:13em minmax(0,1fr);background:#F7F7F9;color:var(--ink);font-size:.94em;line-height:1.35}
.scn--rev .pnl__side{display:flex;flex-direction:column;gap:.12em;padding:1em .7em .9em;background:#F2F2F5}
.scn--rev .pnl__venue{display:flex;align-items:center;gap:.6em;padding:.15em .45em;margin-bottom:.95em}
.scn--rev .pnl__vav{display:grid;place-items:center;width:2.05em;height:2.05em;border-radius:.62em;background:#fff;font-size:.84em;font-weight:650;flex:none;box-shadow:0 0 0 .07em rgba(13,13,15,.06),0 .1em .25em rgba(13,13,15,.08)}
.scn--rev .pnl__venue b{min-width:0;font-size:.9em;font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scn--rev .pnl__g{margin:1em 0 .3em .85em;font-size:.7em;font-weight:500;color:#6C6C72}
.scn--rev .pnl__i{display:flex;align-items:center;gap:.65em;height:2.25em;padding:0 .75em;border-radius:99em;font-size:.86em;color:#3A3A3F;white-space:nowrap;transition:background-color .25s,color .25s,box-shadow .25s}
.scn--rev .pnl__i svg{width:1.15em;height:1.15em;color:#56565C;flex:none;transition:color .25s}
.scn--rev .pnl__i.is-on{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 .06em .16em rgba(13,13,15,.06),0 .3em .9em rgba(13,13,15,.05)}
.scn--rev .pnl__i.is-on svg{color:var(--ink)}
.scn--rev .pnl__i.is-hover:not(.is-on){background:#E9E9ED;color:var(--ink)}
.scn--rev .pnl__i--end{margin-top:auto}
.scn--rev .pnl__badge{display:grid;place-items:center;min-width:1.75em;height:1.5em;padding:0 .45em;margin-left:auto;border-radius:99em;background:#E6E6EA;color:var(--ink);font-size:.78em;font-style:normal;font-weight:600}
.scn--rev .pnl__main{position:relative;min-width:0;overflow:hidden}
.scn--rev .pnl__top{display:flex;align-items:center;gap:.6em;height:3.3em;padding:0 1.2em 0 1.5em;font-size:.8em;color:#6C6C72}
.scn--rev .pnl__tg{width:1.15em;height:1.15em;flex:none}
.scn--rev .pnl__crumb{display:flex;align-items:center;gap:.45em;min-width:0;margin:0 auto 0 .55em;white-space:nowrap}
.scn--rev .pnl__crumb svg{width:.95em;height:.95em;flex:none}
.scn--rev .pnl__crumb b{color:var(--ink);font-weight:600}
.scn--rev .pnl__srch{display:flex;align-items:center;gap:.5em;min-width:13em;height:2.35em;padding:0 .45em 0 .9em;border-radius:99em;background:#fff;color:#8A8A90;white-space:nowrap;box-shadow:0 0 0 .07em #E6E6EA}
.scn--rev .pnl__srch svg{width:1.05em;height:1.05em}
.scn--rev .pnl__srch kbd{margin-left:auto;padding:.12em .5em;border-radius:99em;background:#F2F2F5;color:#6C6C72;font:inherit;font-size:.82em}
.scn--rev .pnl__ib{display:grid;place-items:center;width:2.35em;height:2.35em;border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 0 0 .07em #E6E6EA}
.scn--rev .pnl__ib svg{width:1.1em;height:1.1em}
.scn--rev .pv{position:absolute;left:1.8em;right:1.8em;top:3.9em;bottom:0;opacity:0;visibility:hidden;transform:translateY(.7em);transition:opacity .16s,transform .3s var(--ease-out),visibility 0s .16s}
.scn--rev .pnl[data-view="pulpit"] [data-v="pulpit"],.scn--rev .pnl[data-view="skrzynka"] [data-v="skrzynka"],.scn--rev .pnl[data-view="kody"] [data-v="kody"]{opacity:1;visibility:visible;transform:none;transition:opacity .42s .14s,transform .6s var(--ease-out) .14s}
.scn--rev .pv__h{display:flex;align-items:flex-end;justify-content:space-between;gap:1em;margin-bottom:1.1em}
.scn--rev .pv__h b{display:block;font-size:1.55em;font-weight:600;letter-spacing:-.025em;line-height:1.15}
.scn--rev .pv__h small{display:block;margin-top:.35em;font-size:.78em;color:#56565C}
.scn--rev .pv__seg{display:flex;flex:none;padding:.2em;border-radius:99em;background:#fff;box-shadow:0 0 0 .07em #E6E6EA;font-size:.8em}
.scn--rev .pv__seg i{padding:.42em .9em;border-radius:99em;font-style:normal;color:#56565C;white-space:nowrap}
.scn--rev .pv__seg .is-on{background:var(--ink);color:#fff;font-weight:560}
.scn--rev .kpi{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;border-radius:1.1em;background:#fff;overflow:hidden;box-shadow:0 0 0 .07em #ECECF0,0 .1em .35em rgba(13,13,15,.04)}
.scn--rev .kpi>div{padding:.95em 1em;border-left:1px solid #EEEEF1;transition:background-color .6s}
.scn--rev .kpi>div:first-child{border-left:0}
.scn--rev .kpi dt{font-size:.64em;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6C6C72;white-space:nowrap}
.scn--rev .kpi dd{display:inline-block;margin:.3em 0 .15em;font-size:1.6em;font-weight:500;letter-spacing:-.03em}
.scn--rev .kpi small{display:block;font-size:.7em;color:#8C8C92}
.scn--rev .kpi--ok dd{color:var(--ok)}
.scn--rev .kpi--warn dd{color:var(--err)}
.scn--rev .kpi--warn.is-hot{background:#FFF7EA}
.scn--rev .pv__g{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1em;margin-top:1em}
.scn--rev .pc{min-width:0;padding:1em 1.15em;border-radius:1.1em;background:#fff;box-shadow:0 0 0 .07em #ECECF0,0 .1em .35em rgba(13,13,15,.04)}
.scn--rev .pc__h{display:flex;align-items:center;justify-content:space-between;gap:.6em;margin-bottom:.9em;font-size:.88em;font-weight:620}
.scn--rev .pc__h span{color:#45454B;font-size:.85em;font-weight:500}
.scn--rev .pc__ch{display:flex;align-items:flex-end;gap:.28em;height:11.5em;padding-bottom:1px;border-bottom:1px solid #EEEEF1}
.scn--rev .pc__ch span{position:relative;flex:1;height:calc(var(--s) * 100%);border-radius:.2em .2em 0 0;background:#E6E6EB;transition:height .8s var(--ease-out),background-color .4s}
.scn--rev .pc__ch span i{position:absolute;left:0;right:0;bottom:0;height:calc(var(--r) * 100%);border-radius:.2em .2em 0 0;background:var(--ink);transition:height .8s var(--ease-out),background-color .4s}
.scn--rev .pc__ch span.is-now i{background:var(--cobalt)}
.scn--rev .pc__ax{display:flex;justify-content:space-between;margin-top:.55em;font-size:.72em;color:#A1A1A7}
.scn--rev .lr{list-style:none}
.scn--rev .lr li{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:.7em;align-items:center;padding:.62em 0;border-bottom:1px solid #F0F0F3;font-size:.82em}
.scn--rev .lr li:last-child{border-bottom:0}
.scn--rev .lr__st{color:#F2B544;letter-spacing:.03em;font-size:.92em}
.scn--rev .lr__c{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scn--rev .lr__b{padding:.18em .6em;border-radius:99em;background:#F2F2F5;color:#6C6C72;font-size:.84em;white-space:nowrap}
.scn--rev .lr__b--ok{background:#EAF7F0;color:var(--ok)}
.scn--rev .lr__b--w{background:#FDECEA;color:var(--err)}
.scn--rev .lr small{color:#A1A1A7;font-size:.86em}
.scn--rev .lr__n{display:none!important}
.scn--rev .lr__n.is-in{display:grid!important;animation:rowin .8s var(--ease-out) both}
.scn--rev .sk__hd{display:flex;align-items:baseline;gap:.6em;margin:0 0 .7em .2em;font-size:.74em;color:#8A8A90}
.scn--rev .sk__hd b{font-size:1.2em;font-weight:600;color:var(--ink)}
.scn--rev .sk{list-style:none;border-radius:1.1em;background:#fff;overflow:hidden;box-shadow:0 0 0 .07em #ECECF0,0 .1em .35em rgba(13,13,15,.04)}
.scn--rev .sk__m{display:grid;grid-template-columns:9.5em minmax(0,1fr) auto;gap:1.2em;padding:1.1em 1.3em;border-top:1px solid #F0F0F3;transition:background-color .6s}
.scn--rev .sk__m:first-child{border-top:0}
.scn--rev .sk__m.is-new{background:#F6F7FF}
.scn--rev .sk__l{display:flex;flex-direction:column;gap:.3em}
.scn--rev .sk__st{color:#F2B544;letter-spacing:.03em;font-size:.88em}
.scn--rev .sk__l small{font-size:.74em;color:#8C8C92}
.scn--rev .sk__bd{display:inline-block;padding:.2em .65em;border-radius:99em;background:#FDECEA;color:var(--err);font-size:.74em;font-weight:600;transition:background-color .3s,color .3s}
.scn--rev .sk__bd.is-done{background:#F2F2F5;color:#6C6C72}
.scn--rev .sk__ch{display:flex;gap:.3em;margin-top:.55em}
.scn--rev .sk__ch span{padding:.25em .7em;border-radius:99em;background:#F2F2F5;color:#45454B;font-size:.74em;font-weight:560}
.scn--rev .sk__b p{margin-top:.5em;font-size:.92em;line-height:1.45;transition:opacity .4s}
.scn--rev .sk__b .sk__k{margin-top:.85em;font-size:.66em;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#8C8C92}
.scn--rev .sk__mail{display:inline-flex;align-items:center;gap:.4em;margin-top:.3em;font-size:.86em;font-weight:560;text-decoration:underline;text-decoration-color:#C9C9CF;text-underline-offset:.2em;transition:color .2s,text-decoration-color .2s}
.scn--rev .sk__mail.is-hover{color:var(--cobalt);text-decoration-color:currentColor}
.scn--rev .sk__mail svg{width:1em;height:1em}
.scn--rev .sk__ack{align-self:start;display:inline-flex;align-items:center;gap:.45em;height:2.3em;padding:0 1em;border-radius:.65em;border:1px solid #DADADF;background:#fff;font-size:.86em;font-weight:560;white-space:nowrap;box-shadow:0 .1em .3em rgba(13,13,15,.06);transition:background-color .2s,transform .12s}
.scn--rev .sk__ack svg{width:1.05em;height:1.05em}
.scn--rev .sk__ack.is-hover{background:#F4F4F7}
.scn--rev .sk__ack.is-press{transform:scale(.95)}
.scn--rev .sk__m.is-done .sk__b p:not(.sk__k),.scn--rev .sk__m.is-done .sk__ch{opacity:.5}
.scn--rev .kt{width:100%;border-collapse:separate;border-spacing:0;background:#fff;overflow:hidden;font-size:.9em}
.scn--rev .kt th,.scn--rev .kt td{padding:.85em 1.1em;text-align:right;border-bottom:1px solid #F0F0F3;font-weight:400;white-space:nowrap}
.scn--rev .kt thead th{padding:.7em 1.1em;font-size:.68em;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8C8C92}
.scn--rev .kt th:first-child{text-align:left}
.scn--rev .kt tbody tr{transition:background-color .3s}
.scn--rev .kt tbody tr.is-hover{background:#F6F7FF}
.scn--rev .kt tbody th>span:last-child{display:inline-block;vertical-align:middle}
.scn--rev .kt tbody th b{display:block;font-weight:600}
.scn--rev .kt tbody th small{display:block;margin-top:.15em;font-size:.8em;color:#8C8C92}
.scn--rev .kt__qr{display:inline-block;vertical-align:middle;width:2.5em;height:2.5em;margin-right:.85em;border-radius:.45em;border:1px solid #E4E4E8;background:#fff url("/assets/home/img/qr.svg") center/80% no-repeat}
.scn--rev .kt__cv{display:inline-flex;align-items:center;gap:.7em}
.scn--rev .kt__cv i{position:relative;width:5.5em;height:.5em;border-radius:99em;background:#EBEBEE;overflow:hidden}
.scn--rev .kt__cv i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--w) * 100%);border-radius:inherit;background:var(--ink);transform:scaleX(var(--g,1));transform-origin:0 50%}
.scn--rev .kt tfoot th,.scn--rev .kt tfoot td{border-bottom:0;font-weight:650}

/* ---------- Nosniki: zdjecia z prawdziwa naklejka ---------- */

/* =====================================================================
   Czesc 2: kompozycja. Rig .rvg (42 x 45.36 em sceny) przesuwa i skaluje
   kamera z opinie-gl.js. MacBook wlasciciela w tle, iPhone goscia z przodu;
   w ujeciu Maca telefon opada nizej, zeby nie zaslanial panelu.
   ===================================================================== */
.scn--rev .scn__in{overflow:hidden;border-radius:inherit}
.rvg{position:absolute;left:0;top:0;width:42em;height:45.36em;transform-origin:0 0}
.rvg__mac{position:absolute;left:1em;top:3.6em;width:40em;z-index:1}
.rvg__mac .mbk{width:100%}
.rvg__mac::after{content:"";position:absolute;left:4%;right:4%;bottom:-1.4em;height:2.6em;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.7),transparent);z-index:-1}
.rvg__ph{position:absolute;left:26.2em;top:16.6em;width:13.6em;z-index:3;transition:transform 1s var(--ease-io),filter 1s var(--ease-io)}
.rvg__ph .phone{box-shadow:0 2.6em 4.2em -1.2em rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.06)}
.rvg[data-shot="mac"] .rvg__ph{transform:translate(1.4em,15.2em) rotate(3deg);filter:brightness(.7)}
.rvg__fade{position:absolute;inset:0;z-index:7;background:#0B0B0D;opacity:0;pointer-events:none}
.scn--rev .mw--sf{left:1.2em;top:2.7em;width:77.6em;height:47.6em}
.scn--rev .pnl{transition:opacity .18s}
.scn--rev .sfp.is-rl .pnl{opacity:.3}
.scn--rev .rvk{margin-top:1.3em}
.scn--rev .rvk .pc__h span{font-weight:500;color:#6C6C72}
/* Ciemny rozdzial: numer aktywnego kroku i linie krokow na telefonie */
#opinie .beat.is-on .beat__n{color:#AEB9FF}
@media (max-width:999px){#opinie .beat{border-top-color:var(--d-line2)}}
.scn--rev .is-bump{animation:rvg-bump .6s var(--ease-out)}
@keyframes rvg-bump{0%{transform:none}35%{transform:scale(1.16)}100%{transform:none}}
.scn--rev .kpi dd{transform-origin:0 70%}
/* Szare gwiazdki oceny w Skrzynce (w opinie.css ta regula jest w innym bloku) */
.scn--rev .sk__st i{font-style:normal;color:#DADADF}