/* Lokamo :: strona branzowa Opinii dla barberow (/opinie/barber), SZKIC.
   Laduje sie po home.css i szablon.css (.sub-hero, .crumbs). Wszystkie obrazy
   produktu to prawdziwe zrzuty z assets/opinie/barber/*.webp w dwoch ramkach:
   telefon (.bb-ph, skala z cqw) i okno panelu (.bb-win). Dekoracja tylko CSS. */

.bb{--stage:#fff}
.bb img{max-width:100%;height:auto}

/* ---------- Hero ---------- */
.bb-hero .sub-hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px}
.bb-hero .sub-hero__t{font-size:clamp(40px,4.4vw,62px)}
.bb-hero .sub-hero__lead{max-width:540px}
.bb-vis{position:relative;display:flex;flex-direction:column;align-items:center;margin:0}
.bb-vis__stage{position:relative;width:100%;display:flex;justify-content:center;padding:4px 0 0}
.bb-vis__stage::before{content:"";position:absolute;left:50%;top:46%;width:118%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(46,75,255,.30),rgba(46,75,255,.08) 55%,transparent 72%);pointer-events:none}
.bb-vis .bb-ph{position:relative;z-index:1;width:min(320px,72%)}
.bb-vis__card{position:absolute;z-index:2;left:max(0px,calc(50% - 300px));bottom:3%;width:min(220px,42%);border-radius:3.7% / 5.9%;transform:rotate(-8deg);box-shadow:0 34px 60px -24px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.1)}
.bb-vis__nfc{position:absolute;z-index:0;left:calc(50% - 214px);bottom:31%;width:56px;height:56px;color:#8FA0FF;transform:rotate(-30deg);opacity:.9}
.bb-vis__cap{margin-top:22px;max-width:360px;text-align:center;font-size:13px;line-height:1.5;color:var(--mist)}
.bb-vis__cap b{display:block;margin-bottom:2px;color:var(--d-text);font-weight:500}

/* ---------- Telefon z prawdziwym zrzutem ---------- */
.bb-ph{container-type:inline-size;width:100%}
.bb-ph__b{position:relative;padding:3cqw;border-radius:15.5cqw;background:linear-gradient(140deg,#9C9CA4 0%,#3A3A40 16%,#1D1D21 42%,#2E2E33 64%,#6E6E76 86%,#B4B4BC 100%);box-shadow:0 1px 1px rgba(13,13,15,.06),0 24px 48px -20px rgba(13,13,15,.4),0 60px 90px -40px rgba(13,13,15,.35)}
.bb-ph__b::before{content:"";position:absolute;inset:.8cqw;border-radius:14.8cqw;background:#060607}
.bb-ph__s{position:relative;z-index:1;border-radius:12.6cqw;overflow:hidden;background:var(--bar,#ECEBE9);isolation:isolate}
.bb-ph__bar{position:relative;display:flex;align-items:center;justify-content:space-between;height:12cqw;padding:1.2cqw 7cqw 0 9.5cqw;color:#111;font:650 3.9cqw/1 var(--font);letter-spacing:-.01em}
.bb-ph__bar::before{content:"";position:absolute;left:50%;top:2.6cqw;width:28cqw;height:8cqw;margin-left:-14cqw;border-radius:99px;background:#000}
.bb-ph__ic{display:flex;align-items:center;gap:1.4cqw}
.bb-ph__ic svg{width:4.3cqw;height:3cqw}
.bb-ph__bat{position:relative;width:6.4cqw;height:3.1cqw;border:.3cqw solid currentColor;border-radius:1cqw;opacity:.85}
.bb-ph__bat::after{content:"";position:absolute;top:.45cqw;bottom:.45cqw;left:.45cqw;right:1.4cqw;border-radius:.4cqw;background:currentColor}
.bb-ph__s img{display:block;width:100%;height:auto}

/* ---------- Okno panelu z prawdziwym zrzutem ---------- */
.bb-win{margin:0 auto;max-width:1154px;border-radius:18px;background:#F5F5F7;border:1px solid var(--line);box-shadow:var(--float);overflow:hidden}
.bb-win__bar{display:flex;align-items:center;gap:7px;height:38px;padding:0 16px;background:#fff;border-bottom:1px solid var(--line)}
.bb-win__bar i{width:10px;height:10px;border-radius:50%;background:#E2E2E6}
.bb-win__bar span{margin-left:12px;font-size:12px;color:var(--steel)}
.bb-win picture,.bb-win img{display:block;width:100%}

.bb-preset .bb-win{max-width:1130px}
.bb-preset .bb-cap,.bb-team .bb-cap{max-width:1154px;margin-inline:auto}

/* Podpis pod zrzutem */
.bb-cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:14px;font-size:13.5px;line-height:1.5;color:var(--steel)}
.bb-cap .mono{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);padding:3px 7px;border:1px solid var(--line);border-radius:5px;background:#fff}

/* ---------- Kroki ---------- */
.bb-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;margin-top:64px;counter-reset:k}
.bb-steps li{position:relative;padding-top:28px;border-top:1px solid var(--line)}
.bb-steps li::before{content:"";position:absolute;left:0;top:-1px;width:44px;height:2px;background:var(--cobalt)}
.bb-steps__n{display:block;font-size:13px;color:var(--steel);margin-bottom:18px}
.bb-steps h3{font-size:22px;font-weight:560;letter-spacing:-.02em;line-height:1.2}
.bb-steps p{margin-top:10px;font-size:16.5px;line-height:1.6;color:var(--text2);text-wrap:pretty}

/* ---------- Uklad tekst + zrzut ---------- */
.bb-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:88px;align-items:center}
.bb-split--top{align-items:start}
.bb-split__media{min-width:0}
.bb-split--rev .bb-split__media{order:-1}
.bb-stage{position:relative;display:flex;flex-direction:column;align-items:center;padding:56px 28px 40px;border-radius:28px;background:var(--stage);overflow:hidden}
.bb-stage::before{content:"";position:absolute;left:50%;top:44%;width:520px;height:520px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(46,75,255,.10),transparent 70%);pointer-events:none}
.bb-stage .bb-ph{position:relative;width:min(300px,100%)}
.bb-stage .bb-cap{position:relative;justify-content:center;text-align:center;margin-top:22px}
.ch--alt .bb-stage{--stage:var(--paper)}

.bb-txt .ch__label{margin-bottom:22px}
.bb-txt .ch__lead{max-width:540px}

/* Lista cech z cienkimi liniami */
.bb-list{list-style:none;margin-top:36px;border-top:1px solid var(--line)}
.bb-list li{padding:20px 0;border-bottom:1px solid var(--line)}
.bb-list .bb-list__k{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--steel)}
.bb-list__k i{width:9px;height:9px;border-radius:3px;background:var(--t,var(--cobalt))}
.bb-list h3{font-size:19px;font-weight:560;letter-spacing:-.015em;line-height:1.3}
.bb-list p{margin-top:6px;font-size:16px;line-height:1.6;color:var(--text2);text-wrap:pretty}

/* Zespol: duze okno panelu, pod nim przepiecie karty i cechy */
.bb-team{margin-top:64px}
.bb-swap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:72px;align-items:center;margin-top:72px}
.bb-swap__img{margin:0 auto;width:100%;max-width:420px;border-radius:22px;background:#F5F5F7;border:1px solid var(--line);overflow:hidden;box-shadow:var(--float)}
.bb-swap__img img{display:block;width:100%}
.bb-swap h3{font-size:clamp(24px,2.4vw,32px);font-weight:560;letter-spacing:-.03em;line-height:1.12;text-wrap:balance}
.bb-swap>div>p{margin-top:14px;font-size:17px;line-height:1.6;color:var(--text2);max-width:520px}
.bb-quote{margin:22px 0 0;padding:16px 18px;border-left:2px solid var(--ok);border-radius:0 12px 12px 0;background:#fff;font-size:15.5px;line-height:1.55;color:var(--ink);max-width:520px}
.bb-quote small{display:block;margin-bottom:6px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--steel)}
.bb-feats{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;margin-top:72px}
.bb-feats li{padding-top:22px;border-top:1px solid var(--line)}
.bb-feats h3{font-size:19px;font-weight:560;letter-spacing:-.015em}
.bb-feats p{margin-top:8px;font-size:16px;line-height:1.6;color:var(--text2);text-wrap:pretty}

/* Pytanie i powody: okno panelu nad para (telefon + tekst) */
.bb-preset{margin-top:64px}
.bb-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;margin-top:40px}
.bb-facts div{padding-top:18px;border-top:1px solid var(--line)}
.bb-facts dt{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--steel)}
.bb-facts dd{margin:8px 0 0;font-size:17px;line-height:1.5;font-weight:500;text-wrap:pretty}

/* Gdzie polozyc */
.bb-places{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:64px}
/* Scena stanowiska: wizualizacja z prawdziwym projektem karty wklejonym w perspektywie. */
.bb-scene{margin:64px 0 0}
.bb-scene img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:var(--float)}
.bb-scene + .bb-places{margin-top:28px}
.bb-places li{display:flex;flex-direction:column;padding:28px 26px 26px;border-radius:20px;background:#fff;border:1px solid var(--line)}
.bb-places__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--paper);color:var(--ink)}
.bb-places__ic svg{width:24px;height:24px}
.bb-places .bb-places__k{margin-top:22px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--steel)}
.bb-places h3{margin-top:6px;font-size:21px;font-weight:560;letter-spacing:-.02em;line-height:1.25}
.bb-places p{margin-top:10px;font-size:16px;line-height:1.6;color:var(--text2);text-wrap:pretty}
.bb-note{display:flex;gap:14px;align-items:flex-start;margin-top:22px;padding:20px 22px;border-radius:16px;background:#fff;border:1px solid var(--line);font-size:15.5px;line-height:1.6;color:var(--text2);max-width:880px}
.bb-note svg{flex:none;width:20px;height:20px;margin-top:2px;color:var(--cobalt)}
.bb-note b{color:var(--ink);font-weight:560}

/* Cennik skrotem */
.bb-price{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;margin-top:64px;align-items:stretch}
.bb-plan{position:relative;display:flex;flex-direction:column;padding:34px 32px 30px;border-radius:24px;background:var(--ink);color:#fff;overflow:hidden}
.bb-plan::after{content:"";position:absolute;width:420px;height:420px;right:-190px;bottom:-230px;background:var(--tone);-webkit-mask:var(--ring) center/contain no-repeat;mask:var(--ring) center/contain no-repeat;transform:rotate(-90deg);pointer-events:none}
.bb-plan>*{position:relative;z-index:1}
.bb-plan__k{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mist)}
.bb-plan__p{display:flex;align-items:baseline;gap:10px;margin-top:16px}
.bb-plan__p b{font-size:68px;font-weight:500;letter-spacing:-.05em;line-height:1}
.bb-plan__p span{font-size:16px;color:var(--d-text)}
.bb-plan__h{margin-top:12px;font-size:15px;line-height:1.55;color:var(--d-text);max-width:380px}
.bb-plan ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin:24px 0 28px;padding-top:22px;border-top:1px solid var(--d-line2);font-size:15.5px;line-height:1.45}
.bb-plan li{display:flex;gap:10px;align-items:flex-start}
.bb-plan li svg{margin-top:2px;color:#8FA0FF}
.bb-plan .btn{margin-top:auto}
.bb-plan__m{margin-top:12px;font-size:13.5px;color:var(--mist);text-align:center}
.bb-mat{display:flex;flex-direction:column;gap:16px}
.bb-mat__i{display:flex;flex-direction:column;padding:26px 26px 24px;border-radius:24px;background:#fff;border:1px solid var(--line)}
.bb-mat__i h3{margin-top:6px;font-size:21px;font-weight:560;letter-spacing:-.02em}
.bb-mat__i p{margin-top:8px;font-size:16px;line-height:1.55;color:var(--text2)}
.bb-mat__i .bb-mat__p{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:15.5px;color:var(--ink);font-weight:500}
.bb-mat__i .bb-mat__k{margin:0;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--steel)}
.bb-mat__links{display:flex;flex-wrap:wrap;gap:12px 28px;padding:6px 4px 0}

/* FAQ na tle papieru, zeby nie zlewalo sie z cennikiem */
.bb .faq{background:var(--paper)}
.bb .qa{border-color:#DCDCE1}

/* Powiazane */
.bb-rel{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}
.bb-rel a{position:relative;display:flex;flex-direction:column;height:100%;padding:24px 56px 24px 24px;border-radius:20px;background:var(--paper);color:var(--ink);text-decoration:none;transition:background .2s var(--ease),transform .25s var(--ease)}
.bb-rel a:hover{background:#EDEDF0}
.bb-rel span{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--steel)}
.bb-rel b{margin-top:10px;font-size:19px;font-weight:560;letter-spacing:-.015em;line-height:1.3}
.bb-rel small{margin-top:6px;font-size:15px;line-height:1.5;color:var(--text2)}
.bb-rel svg{position:absolute;right:22px;top:24px;transition:transform .25s var(--ease)}
.bb-rel a:hover svg{transform:translateX(3px)}

/* ---------- Tablet ---------- */
@media (max-width:999px){
  .bb-hero .sub-hero__grid{grid-template-columns:1fr;gap:56px}
  .bb-hero .sub-hero__vis{max-width:none}
  .bb-split,.bb-swap{grid-template-columns:1fr;gap:48px}
  .bb-split--rev .bb-split__media{order:0}
  .bb-steps,.bb-feats,.bb-facts{grid-template-columns:1fr;gap:0}
  .bb-steps li,.bb-feats li,.bb-facts div{padding-bottom:24px}
  .bb-steps li+li,.bb-feats li+li{margin-top:4px}
  .bb-places,.bb-rel{grid-template-columns:1fr}
  .bb-price{grid-template-columns:1fr}
}

/* ---------- Telefon ---------- */
@media (max-width:640px){
  .bb-hero .sub-hero__t{font-size:clamp(34px,9.6vw,42px)}
  .bb-vis .bb-ph{width:min(256px,68%)}
  .bb-vis__card{left:max(0px,calc(50% - 186px));bottom:2%;width:min(164px,42%)}
  .bb-vis__nfc{left:calc(50% - 168px);bottom:32%;width:40px;height:40px}
  .bb-steps{margin-top:44px}
  .bb-steps h3{font-size:20px}
  .bb-stage{padding:40px 18px 30px;border-radius:22px}
  .bb-stage .bb-ph{width:min(272px,100%)}
  .bb-win{border-radius:20px}
  .bb-win__bar{display:none}
  .bb-team,.bb-preset{margin-top:44px}
  .bb-swap{margin-top:52px;gap:32px}
  .bb-feats{margin-top:48px}
  .bb-places{margin-top:44px}
  .bb-scene{margin-top:40px}
  .bb-scene img{border-radius:14px}
  .bb-scene + .bb-places{margin-top:20px}
  .bb-places li{padding:24px 22px 22px}
  .bb-note{padding:18px}
  .bb-price{margin-top:44px}
  .bb-plan{padding:28px 24px 24px}
  .bb-plan__p b{font-size:58px}
  .bb-mat__i{padding:22px}
  .bb-rel{margin-top:36px}
}
@media (prefers-reduced-motion:reduce){
  .bb-rel a,.bb-rel svg{transition:none}
}

/* =====================================================================
   v2: STRONY BRANZOWE NA SILNIKU SCEN (branza.js + branze-dane.js)
   Strona v2 ma <main class="bz" data-branza="..."> i nie uzywa klas bb-*.
   Sekcje: hero (zdjecie + zywy telefon), gest (zdjecia), ekran oceny (film
   z telefonem), nosniki (zestaw), panel (film z MacBookiem), cennik, FAQ.
   Telefon i ekran oceny w em: 1em = 1 px logiczny iPhone'a (390 x 844).
   ===================================================================== */

/* ---------- Kroje ekranu oceny (statyczne wycinki, OFL; laduja sie tylko, gdy styl ich uzyje) ---------- */
@font-face{font-family:"BZ Archivo";src:url("/assets/opinie/branze/fonty/archivo-800-latin.woff2") format("woff2");font-weight:800;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+2013,U+2018-201E,U+2022,U+2026,U+20AC}
@font-face{font-family:"BZ Archivo";src:url("/assets/opinie/branze/fonty/archivo-800-latin-ext.woff2") format("woff2");font-weight:800;font-display:swap;unicode-range:U+0100-017F}
@font-face{font-family:"BZ Archivo";src:url("/assets/opinie/branze/fonty/archivo-900-latin.woff2") format("woff2");font-weight:900;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+2013,U+2018-201E,U+2022,U+2026,U+20AC}
@font-face{font-family:"BZ Archivo";src:url("/assets/opinie/branze/fonty/archivo-900-latin-ext.woff2") format("woff2");font-weight:900;font-display:swap;unicode-range:U+0100-017F}
@font-face{font-family:"BZ Playfair";src:url("/assets/opinie/branze/fonty/playfair-400-latin.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+2013,U+2018-201E,U+2022,U+2026,U+20AC}
@font-face{font-family:"BZ Playfair";src:url("/assets/opinie/branze/fonty/playfair-400-latin-ext.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-017F}
@font-face{font-family:"BZ Playfair";src:url("/assets/opinie/branze/fonty/playfair-500-latin.woff2") format("woff2");font-weight:500;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+2013,U+2018-201E,U+2022,U+2026,U+20AC}
@font-face{font-family:"BZ Playfair";src:url("/assets/opinie/branze/fonty/playfair-500-latin-ext.woff2") format("woff2");font-weight:500;font-display:swap;unicode-range:U+0100-017F}
@font-face{font-family:"BZ Playfair";src:url("/assets/opinie/branze/fonty/playfair-600-latin.woff2") format("woff2");font-weight:600;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+2013,U+2018-201E,U+2022,U+2026,U+20AC}
@font-face{font-family:"BZ Playfair";src:url("/assets/opinie/branze/fonty/playfair-600-latin-ext.woff2") format("woff2");font-weight:600;font-display:swap;unicode-range:U+0100-017F}
@font-face{font-family:"BZ Playfair";src:url("/assets/opinie/branze/fonty/playfair-800-latin.woff2") format("woff2");font-weight:800;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+2013,U+2018-201E,U+2022,U+2026,U+20AC}
@font-face{font-family:"BZ Playfair";src:url("/assets/opinie/branze/fonty/playfair-800-latin-ext.woff2") format("woff2");font-weight:800;font-display:swap;unicode-range:U+0100-017F}
@font-face{font-family:"BZ Fraunces";src:url("/assets/opinie/branze/fonty/fraunces-400-latin.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+2013,U+2018-201E,U+2022,U+2026,U+20AC}
@font-face{font-family:"BZ Fraunces";src:url("/assets/opinie/branze/fonty/fraunces-400-latin-ext.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-017F}
@font-face{font-family:"BZ Fraunces";src:url("/assets/opinie/branze/fonty/fraunces-600-latin.woff2") format("woff2");font-weight:600;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+2013,U+2018-201E,U+2022,U+2026,U+20AC}
@font-face{font-family:"BZ Fraunces";src:url("/assets/opinie/branze/fonty/fraunces-600-latin-ext.woff2") format("woff2");font-weight:600;font-display:swap;unicode-range:U+0100-017F}

/* ---------- Strona: tokeny branzy (nadpisz w [data-branza]) ---------- */
.bz{--bz-stage:#ECEBE7;--bz-glow:rgba(46,75,255,.14);--bz-acc:var(--cobalt)}
.bz[data-branza="barber"]{--bz-stage:#17140F;--bz-glow:rgba(201,162,90,.30);--bz-acc:#B88B3E}
.bz[data-branza="restauracja"]{--bz-stage:#F1E7D8;--bz-glow:rgba(138,44,29,.20);--bz-acc:#8A2C1D}
.bz img{max-width:100%;height:auto}
.bz-sek{position:relative;padding:112px 0}
.bz-sek--alt{background:#fff}
.bz-sek .ch__intro--split{align-items:end}
.bz-sek__links{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:28px}
.bz-chip{position:absolute;z-index:3;left:14px;bottom:14px;padding:5px 9px;border-radius:6px;background:rgba(13,13,15,.62);color:#fff;font:500 11px/1 var(--mono);letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

/* ---------- Hero: zdjecie wnetrza + zywy telefon ---------- */
.bz-hero .sub-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
.bz-hero .sub-hero__t{font-size:clamp(40px,4.4vw,64px)}
.bz-hv{position:relative;margin:0;aspect-ratio:1/1.22;container-type:inline-size}
.bz-hv__foto{position:absolute;right:0;top:0;width:70%;aspect-ratio:1;border-radius:22px;overflow:hidden;background:#1B1B1E;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 40px 80px -40px rgba(0,0,0,.9)}
.bz-hv__foto img{display:block;width:100%;height:100%;object-fit:cover}
.bz-hv__ph{position:absolute;left:0;bottom:0;width:52%;z-index:2;container-type:inline-size;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55))}
.bz-hv__ph>.bz-ph{z-index:1}
.bz-hv__cap{position:absolute;right:0;top:calc(70cqw + 18px);width:44%;font-size:13px;line-height:1.5;color:var(--mist);text-align:left}
.bz-hv__cap b{display:block;margin-bottom:2px;color:var(--d-text);font-weight:500}
.bz-hv .bz-chip{left:auto;right:14px}
.bz-hv .scn__pause{top:12px;right:12px;left:auto;bottom:auto}
.bz-hv::before{content:"";position:absolute;left:-12%;bottom:-6%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--bz-glow),transparent 72%);pointer-events:none}
/* Karta branzy w scenie hero (cqw = szerokosc telefonu): lezy pod telefonem, przy "styku" wystaje nad jego gora. */
.bz-nk{position:absolute;left:22cqw;top:-30cqw;width:56cqw;aspect-ratio:54/85.6;z-index:0;border-radius:5.4% / 3.4%;opacity:0;will-change:transform,opacity;box-shadow:0 1px 2px rgba(0,0,0,.35),0 18px 36px -14px rgba(0,0,0,.7)}
.bz-nk img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}
.bz-nk::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.2),rgba(255,255,255,0) 40%);pointer-events:none}
.bz-ph.is-haptic{animation:bzHap .3s linear}
@keyframes bzHap{0%,100%{transform:none}20%{transform:translateX(-2px) rotate(-.4deg)}40%{transform:translateX(2px) rotate(.4deg)}60%{transform:translateX(-1.5px)}80%{transform:translateX(1px)}}

/* ---------- Gest: zdjecia z numerowanymi krokami ---------- */
.bz-gest{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:56px}
.bz-foto{position:relative;margin:0}
.bz-foto__img{position:relative;border-radius:20px;overflow:hidden;background:#E6E6E9}
.bz-foto__img img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.bz-foto--wys .bz-foto__img img{aspect-ratio:auto;height:100%}
.bz-foto figcaption{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin-top:18px;max-width:520px}
.bz-foto figcaption .mono{grid-row:span 2;padding-top:3px;font-size:12px;color:var(--steel)}
.bz-foto figcaption b{font-size:19px;font-weight:560;letter-spacing:-.015em}
.bz-foto figcaption span:last-child{font-size:15.5px;line-height:1.55;color:var(--text2)}

/* ---------- Film: scena z krokami ---------- */
.bz-film{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.bz-film__scn{position:relative;display:flex;justify-content:center;align-items:center;padding:56px 0;border-radius:28px;background:radial-gradient(70% 60% at 50% 45%,var(--bz-glow),transparent 75%),var(--bz-stage);overflow:hidden}
.bz-film__scn>[data-bz-scena]{width:min(320px,62%)}
.bz-film__scn .scn__pause{top:16px;right:16px}
.bz-kroki{display:flex;flex-direction:column;gap:4px;margin-top:36px;list-style:none;counter-reset:k}
.bz-krok{position:relative;padding:16px 0 18px 22px;border-top:1px solid var(--line)}
.bz-krok:last-child{border-bottom:1px solid var(--line)}
.bz-krok__bar{position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:3px;background:var(--line);overflow:hidden;cursor:pointer}
.bz-krok__bar::after{content:"";position:absolute;left:0;right:0;top:0;height:calc(var(--p,0) * 100%);background:var(--ink)}
.bz-krok h3{margin:0}
.bz-krok__b{display:flex;align-items:baseline;gap:12px;width:100%;padding:0;border:0;background:none;text-align:left;font-size:19px;font-weight:560;letter-spacing:-.015em;color:var(--steel);cursor:pointer;transition:color .3s}
.bz-krok__b .mono{font-size:12px;font-weight:400;color:var(--mute)}
.bz-krok p{max-height:0;overflow:hidden;opacity:0;margin-top:0;font-size:15.5px;line-height:1.55;color:var(--text2);transition:max-height .5s var(--ease-out),opacity .4s,margin-top .4s}
.bz-krok.is-on .bz-krok__b{color:var(--ink)}
.bz-krok.is-on p{max-height:12em;opacity:1;margin-top:8px}
.bz-krok.is-done .bz-krok__b{color:var(--text2)}
html:not(.js) .bz-krok p{max-height:none;opacity:1;margin-top:8px}
.bz-fakty{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:28px 0 0;font-size:14.5px;line-height:1.5}
.bz-fakty dt{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--steel);padding-top:2px}
.bz-fakty dd{margin:0;color:var(--text2)}
.bz-legal{margin-top:18px;font-size:12.5px;color:var(--mute)}

/* ---------- Nosniki: zestaw karta + naklejka ---------- */
.bz-zestaw{display:grid;grid-template-columns:repeat(var(--kol,2),minmax(0,1fr));gap:20px;margin-top:56px}
.bz-zestaw--3{--kol:3}
.bz-nos{display:flex;flex-direction:column;margin:0;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.bz-sek--alt .bz-nos{background:var(--paper);box-shadow:none}
.bz-nos__vis{position:relative;aspect-ratio:3/2;overflow:hidden;background:radial-gradient(60% 70% at 50% 45%,var(--bz-glow),transparent 75%),var(--bz-stage)}
.bz-nos__vis>img,.bz-nos__vis>picture>img{display:block;width:100%;height:100%;object-fit:cover}
.bz-nos__karta{position:absolute;left:50%;top:50%;width:25%;transform:translate(-50%,-50%) rotate(-7deg);border-radius:6% / 3.8%;box-shadow:0 30px 50px -18px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.06)}
.bz-nos__karta img{display:block;width:100%;border-radius:inherit}
.bz-nos__fale{position:absolute;left:calc(50% + 12%);top:30%;width:15%;color:var(--bz-acc);opacity:.85}
.bz-nos__fale path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.bz-nos__tx{display:flex;flex-direction:column;flex:1;padding:26px 28px 28px}
.bz-nos__k{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--steel)}
.bz-nos h3{margin-top:10px;font-size:22px;font-weight:560;letter-spacing:-.02em;line-height:1.2}
.bz-nos__tx>p:not(.bz-nos__k){margin-top:10px;font-size:15.5px;line-height:1.55;color:var(--text2)}
.bz-nos__cena{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:16px!important;padding-top:14px;border-top:1px solid var(--line);font-size:14.5px!important;color:var(--ink)!important}
.bz-nos__cena b{font-weight:600}
.bz-nos__uw{font-size:13px!important;color:var(--steel)!important}
.bz-nos .lnk{margin-top:auto;align-self:flex-start;padding-top:18px;background-position:0 100%}
.bz-nos .lnk{background:none;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.bz-uwaga{display:flex;gap:12px;margin-top:20px;padding:16px 18px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--line);font-size:15px;line-height:1.55;color:var(--text2)}
.bz-sek--alt .bz-uwaga{background:var(--paper);box-shadow:none}
.bz-uwaga b{color:var(--ink);font-weight:560}
.bz-uwaga svg{width:20px;height:20px;flex:none;margin-top:2px;color:var(--steel)}

/* ---------- Panel: film z MacBookiem ---------- */
.bz-macfilm{margin-top:56px}
.bz-mac{position:relative;container-type:inline-size;border-radius:28px;background:radial-gradient(70% 70% at 50% 30%,#FFFFFF,#E9E9EE 75%);padding:3% 3% 2%;overflow:hidden}
.bz-macscn{position:relative;font-size:calc(100cqw / 68);aspect-ratio:68/44.5;overflow:hidden}
.bz-macscn .mbk{width:64em}
.bz-kroki--3{flex-direction:row;gap:28px;margin-top:28px}
.bz-kroki--3 .bz-krok{flex:1;padding:22px 0 0;border-top:0;border-bottom:0}
.bz-kroki--3 .bz-krok__bar{left:0;right:0;top:0;bottom:auto;width:auto;height:3px}
.bz-kroki--3 .bz-krok__bar::after{top:0;bottom:0;height:auto;width:calc(var(--p,0) * 100%)}
.bz-kroki--3 .bz-krok p{max-height:none;opacity:1;margin-top:8px}
.bz-kroki--3 .bz-krok:not(.is-on) p{opacity:.55}

/* ---------- Cennik i FAQ (lzejsze niz v1) ---------- */
.bz-cena{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:48px}
.bz-cena .bb-plan{border-radius:24px}
.bz-cena__inc{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:34px;border-radius:24px;background:var(--paper)}
.bz-cena__inc p{font-size:16px;line-height:1.6;color:var(--text2)}
.bz-cena__inc b{color:var(--ink);font-weight:560}
.bz-rel{display:flex;flex-direction:column;gap:2px;margin-top:34px;padding-top:22px;border-top:1px solid var(--line);list-style:none}
.bz-rel li a{display:flex;flex-direction:column;padding:10px 0;text-decoration:none}
.bz-rel li a b{font-weight:560;font-size:15.5px}
.bz-rel li a small{font-size:13.5px;color:var(--steel)}
.bz-rel li a:hover b{text-decoration:underline;text-underline-offset:3px}
.bz-rel__h{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--steel)}

/* =====================================================================
   iPhone (rama, iOS 26: pasek statusu, wyspa, ekran blokady, Safari)
   ===================================================================== */
.bz-ph{position:relative;aspect-ratio:410/866;container-type:inline-size}
.bz-ph__b{position:absolute;inset:0;border-radius:16.6% / 7.9%;background:linear-gradient(140deg,#A3A3AB 0%,#3C3C42 14%,#1C1C20 40%,#2E2E33 62%,#6E6E76 84%,#B9B9C0 100%);box-shadow:inset 0 0 0 .5cqw rgba(255,255,255,.18)}
.bz-ph__b::before{content:"";position:absolute;inset:.9%;border-radius:16% / 7.6%;background:#050506}
.bz-ph__b::after{content:"";position:absolute;right:-.9%;top:22%;width:1.1%;height:12%;border-radius:0 2px 2px 0;background:#4A4A50}
.bz-ph__s{position:absolute;inset:1.22% 2.5%;border-radius:14.2% / 6.6%;overflow:hidden;background:#000;container-type:inline-size;isolation:isolate}
.bz-ios{--p:calc(100cqw / 390);position:absolute;inset:0;font-size:calc(100cqw / 390);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",system-ui,sans-serif;color:#fff;line-height:1.3;-webkit-font-smoothing:antialiased;user-select:none;overflow:hidden}
.bz-ios svg{display:block}
.bz-isl{position:absolute;left:50%;top:11em;width:125em;height:37em;margin-left:-62.5em;border-radius:99em;background:#000;z-index:40}
.bz-sb{position:absolute;left:0;right:0;top:0;height:3.1765em;display:flex;align-items:center;justify-content:space-between;padding:.2353em 1.7647em 0 3.0588em;font-size:17em;font-weight:600;letter-spacing:-.01em;z-index:30;color:var(--sb,#fff)}
.bz-sb>span:first-child{font-size:1em}
.bz-sb__i{display:flex;align-items:center;gap:.36em}
.bz-sb__i svg{height:.72em;width:auto;fill:currentColor}
.bz-sb__bat{position:relative;width:1.6em;height:.78em;border:.07em solid currentColor;border-radius:.24em;opacity:.95}
.bz-sb__bat::before{content:"";position:absolute;inset:.1em .3em .1em .1em;border-radius:.12em;background:currentColor}
.bz-sb__bat::after{content:"";position:absolute;right:-.2em;top:.22em;width:.1em;height:.26em;border-radius:0 .1em .1em 0;background:currentColor;opacity:.6}
/* ekran blokady */
.bz-blk{position:absolute;inset:0;background:radial-gradient(90% 60% at 30% 20%,var(--bz-w1,#3A3F7A),transparent 70%),radial-gradient(80% 70% at 80% 90%,var(--bz-w2,#7A3B2E),transparent 70%),#0B0B10;transition:opacity .45s,transform .55s var(--ease-out)}
.bz-blk__d{position:absolute;left:0;right:0;top:5.9em;text-align:center;font-size:20em;font-weight:500;opacity:.92}
.bz-blk__t{position:absolute;left:0;right:0;top:1.4167em;text-align:center;font-size:96em;font-weight:600;letter-spacing:-.02em;line-height:1}
.bz-blk__n{position:absolute;left:12em;right:12em;top:420em;display:flex;gap:12em;padding:14em 16em;border-radius:26em;background:rgba(255,255,255,.22);-webkit-backdrop-filter:blur(20em);backdrop-filter:blur(20em);color:#fff;opacity:0;transform:translateY(-30em) scale(.96);transition:opacity .4s,transform .55s var(--ease-out)}
.bz-blk__n.is-on{opacity:1;transform:none}
.bz-blk__n.is-tap{animation:bzPress .35s var(--ease-out)}
.bz-blk__ic{display:grid;place-items:center;width:38em;height:38em;flex:none;border-radius:9em;background:linear-gradient(#fff,#E6E8EE)}
.bz-blk__ic svg{width:30em;height:30em}
.bz-blk__tx{min-width:0;flex:1}
.bz-blk__tx p{display:flex;justify-content:space-between;font-size:15em;font-weight:600}
.bz-blk__tx p small{font-size:.86em;font-weight:400;opacity:.8}
.bz-blk__tx p+p{font-weight:400;opacity:.92}
.bz-blk__nfc{position:absolute;left:50%;top:-40em;width:220em;height:220em;margin-left:-110em;border-radius:50%;border:3em solid rgba(255,255,255,.75);box-shadow:0 0 18em rgba(255,255,255,.35);opacity:0;transform:scale(.3)}
.bz-blk__nfc.is-on{animation:bzFala 1.1s var(--ease-out) forwards}
.bz-blk__nfc+.bz-blk__nfc.is-on{animation-delay:.22s}
.bz-blk__btn{position:absolute;bottom:52em;width:50em;height:50em;border-radius:50%;background:rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10em);backdrop-filter:blur(10em)}
.bz-blk__btn--l{left:46em}.bz-blk__btn--r{right:46em}
.bz-blk__home{position:absolute;left:50%;bottom:8em;width:140em;height:5em;margin-left:-70em;border-radius:9em;background:#fff;opacity:.9}
/* Safari */
.bz-saf{position:absolute;inset:0;background:var(--og-canvas,#fff);opacity:0;transform:translateY(24em) scale(.97);transition:opacity .4s,transform .5s var(--ease-out)}
.bz-saf.is-on{opacity:1;transform:none}
.bz-pg{position:absolute;left:0;right:0;top:54em;bottom:0;overflow:hidden}
.bz-pg__in{position:absolute;left:0;right:0;top:0;min-height:100%;display:flex;flex-direction:column;will-change:transform}
.bz-sfb{position:absolute;left:14em;right:14em;bottom:24em;display:flex;align-items:center;gap:8em;z-index:20}
.bz-sfb__k{display:grid;place-items:center;width:46em;height:46em;flex:none;border-radius:50%;background:rgba(250,250,252,.78);color:#1D1D1F;box-shadow:0 2em 10em rgba(0,0,0,.18),inset 0 0 0 .6em rgba(255,255,255,.6);-webkit-backdrop-filter:blur(14em) saturate(1.8);backdrop-filter:blur(14em) saturate(1.8)}
.bz-sfb__k svg{width:20em;height:20em;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bz-sfb__u{flex:1;height:3.0667em;display:flex;align-items:center;justify-content:center;gap:.4em;border-radius:6.6em;background:rgba(250,250,252,.78);color:#1D1D1F;font-size:15em;font-weight:500;box-shadow:0 .0087em .044em rgba(0,0,0,.18),inset 0 0 0 .0027em rgba(255,255,255,.6);-webkit-backdrop-filter:blur(.06em) saturate(1.8);backdrop-filter:blur(.06em) saturate(1.8)}
.bz-sfb__u svg{width:.8em;height:.8em;fill:none;stroke:currentColor;stroke-width:2.6}
.bz-sfb__u{position:relative;overflow:hidden}
.bz-sfb__l{position:absolute;left:0;right:0;bottom:0;height:.2em;background:#0A84FF;transform:scaleX(0);transform-origin:0 50%;opacity:0;transition:opacity .25s}
.bz-home{position:absolute;left:50%;bottom:8em;width:140em;height:5em;margin-left:-70em;border-radius:9em;background:var(--bz-home,#fff);opacity:.85;z-index:25}
/* dotyk palcem i wyciemnienie */
/* Dotyk jak "pokaz dotkniec" iOS: szare kolko z biala obwodka, widoczne na jasnym i na ciemnym ekranie. */
.bz-tch{position:absolute;left:50%;top:50%;width:56em;height:56em;margin:-28em 0 0 -28em;border-radius:50%;background:rgba(60,60,67,.34);box-shadow:inset 0 0 0 3em rgba(255,255,255,.95),0 0 0 1.5em rgba(0,0,0,.16),0 6em 18em rgba(0,0,0,.3);opacity:0;transform:scale(1.5);pointer-events:none;z-index:50;transition:opacity .14s,transform .18s var(--ease-out)}
.bz-tch.is-down{opacity:1;transform:scale(.88)}
.bz-tch.is-up{opacity:0;transform:scale(1.35);transition:opacity .4s,transform .4s var(--ease-out)}
.bz-ios.is-cut,.bz-ios.is-cut *{transition:none!important}
/* Arkusz opinii Google (strona google.com w Safari po stuknieciu w cel Google) */
.bz-gg{position:absolute;left:0;right:0;top:54em;bottom:0;z-index:15;display:flex;flex-direction:column;padding:0 20em;border-radius:20em 20em 0 0;background:#fff;color:#1F1F1F;box-shadow:0 -12em 36em rgba(0,0,0,.22);transform:translateY(104%);transition:transform .5s var(--ease-out);font-family:Roboto,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}
.bz-gg.is-on{transform:none}
.bz-gg__top{display:flex;align-items:center;gap:12em;height:58em;margin:0 -20em;padding:0 18em;border-bottom:1px solid #E3E3E3}
.bz-gg__x svg{width:22em;height:22em;fill:none;stroke:#444746;stroke-width:2;stroke-linecap:round}
.bz-gg__g svg{width:22em;height:22em}
.bz-gg__top b{min-width:0;overflow:hidden;font-size:17em;font-weight:500;white-space:nowrap;text-overflow:ellipsis}
.bz-gg__u{display:flex;align-items:center;gap:12em;margin-top:20em}
.bz-gg__av{display:grid;place-items:center;width:40em;height:40em;flex:none;border-radius:50%;background:#7E57C2;color:#fff}
.bz-gg__av b{font-size:18em;font-weight:500}
.bz-gg__ut b{display:block;font-size:15.5em;font-weight:500}
.bz-gg__ut small{display:block;margin-top:.15em;font-size:13em;color:#444746}
.bz-gg__gw{display:flex;justify-content:center;gap:12em;margin-top:28em}
.bz-gg__gw svg{width:42em;height:42em;fill:none;stroke:#747775;stroke-width:1.3;stroke-linejoin:round;transition:fill .15s,stroke .15s}
.bz-gg__gw svg[data-on]{fill:#FBBC04;stroke:#FBBC04;animation:bzGwPop .35s var(--ease-out)}
.bz-gg__ta{display:block;min-height:128em;margin-top:26em;padding:14em 16em;border:1px solid #747775;border-radius:8em;color:#5F6368}
.bz-gg__ta>span{font-size:16em;line-height:1.45}
.bz-gg__ta.is-focus{border-color:#0B57D0;box-shadow:inset 0 0 0 1px #0B57D0}
.bz-gg__ta.has-tx{color:#1F1F1F}
.bz-gg__ta .bz-kursor{display:inline-block;width:.1em;height:1.1em;margin-left:.06em;vertical-align:-.15em;background:#0B57D0;animation:bzMig 1s steps(1) infinite}
.bz-gg__foto{display:inline-flex;align-items:center;gap:8em;align-self:flex-start;height:40em;margin-top:16em;padding:0 16em;border:1px solid #747775;border-radius:99em;color:#0B57D0}
.bz-gg__foto svg{width:18em;height:18em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.bz-gg__foto b{font-size:14em;font-weight:500}
.bz-gg__btn{display:flex;align-items:center;justify-content:center;align-self:flex-end;height:44em;margin-top:22em;padding:0 24em;border-radius:99em;background:#E3E3E3;color:#8E918F;transition:background-color .25s,color .25s,transform .14s}
.bz-gg__btn b{font-size:15em;font-weight:500}
.bz-gg__btn.is-on{background:#0B57D0;color:#fff}
.bz-gg__btn.is-press{transform:scale(.95)}
.bz-gg__toast{position:absolute;left:16em;right:16em;bottom:92em;padding:14em 16em;border-radius:8em;background:#303030;color:#F2F2F2;box-shadow:0 6em 20em rgba(0,0,0,.3);opacity:0;transform:translateY(12em);transition:opacity .3s,transform .4s var(--ease-out)}
.bz-gg__toast.is-on{opacity:1;transform:none}
.bz-gg__toast b{font-size:14.5em;font-weight:500}
.bz-fade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;z-index:60}
.bz-ios .is-tap{animation:bzPress .3s var(--ease-out)}
.bz-menu{position:absolute;right:14em;top:112em;width:196em;padding:6em;border-radius:20em;background:rgba(250,250,252,.92);color:#1D1D1F;box-shadow:0 10em 40em rgba(0,0,0,.35);-webkit-backdrop-filter:blur(20em);backdrop-filter:blur(20em);z-index:35;opacity:0;transform:scale(.6);transform-origin:90% 0;transition:opacity .2s,transform .3s var(--ease-out);pointer-events:none}
.bz-menu.is-on{opacity:1;transform:none}
.bz-menu span{display:flex;align-items:center;gap:.5333em;height:2.4em;padding:0 .8em;border-radius:.8em;font-size:15em}
.bz-menu span i{width:1.1em;font-style:normal;font-weight:700;color:#0A84FF}
.bz-menu span.is-hit{background:rgba(0,0,0,.08)}
@keyframes bzPress{40%{transform:scale(.965)}}
@keyframes bzFala{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(1.25)}}

/* =====================================================================
   Ekran oceny goscia: wierne odwzorowanie src/components/opinie/landing
   (ekran-goscia.css). Tokeny stylu --og-* jak w oryginale; wartosci px -> em.
   Nowa branza: dopisz [data-styl="..."] z tokenami z ekran-goscia.css.
   ===================================================================== */
.bz-og{--og-canvas:#f1f3f0;--og-surface:#fcfdfc;--og-sunken:#e9ece8;--og-ink:#17201b;--og-muted:#4b5650;--og-faint:#59645e;--og-line:#dfe4e0;--og-line-strong:#c0c9c3;--og-input:#89948d;--og-star:#e4aa3c;--og-star-edge:#a3721a;--og-star-empty:#ecefeb;--og-star-empty-edge:#8a958e;--og-logo-tlo:#fffdf9;--og-btn-edge:transparent;
  --og-font-display:var(--font);--og-font-label:var(--font);--og-w-h1:650;--og-w-name:650;--og-track-h1:-.025em;--og-track-name:-.025em;--og-case-name:none;--og-h1:calc(30 * var(--p));--og-name:calc(32 * var(--p));--og-align:left;--og-items:flex-start;
  --og-r-sheet:calc(24 * var(--p));--og-r-card:calc(16 * var(--p));--og-r-btn:calc(14 * var(--p));--og-r-field:calc(12 * var(--p));--og-r-mark:calc(14 * var(--p));--og-r-check:calc(5 * var(--p));--og-r-awatar:calc(999 * var(--p));--og-awatar-ratio:1;--og-dur:380ms;--og-ease:cubic-bezier(.2,.7,.2,1);--og-stagger:55ms;--og-pop:bzGwPop;--og-pop-skala:1.2;--og-lead-mx:0;
  --og-scena-bg:radial-gradient(90% 70% at 85% 0%,color-mix(in srgb,var(--brand) 16%,transparent),transparent 70%),var(--og-canvas);
  position:relative;flex:1;display:flex;flex-direction:column;background:var(--og-canvas);color:var(--og-ink);font-family:var(--font);font-size:1em;line-height:1.4;-webkit-font-smoothing:antialiased;text-align:left}
.bz-og[data-styl="barber"]{--og-canvas:#14120f;--og-surface:#1e1b17;--og-sunken:#2a2620;--og-ink:#f3ead9;--og-muted:#c9bda8;--og-faint:#ab9f8b;--og-line:#34302a;--og-line-strong:#4a443b;--og-input:#7a705f;--og-star:#dcb563;--og-star-edge:#f0d595;--og-star-empty:#2a2620;--og-star-empty-edge:#857965;--og-btn-edge:color-mix(in srgb,#fff 14%,transparent);
  --og-scena-bg:radial-gradient(110% 80% at 0% 0%,color-mix(in srgb,var(--brand) 18%,transparent),transparent 62%),linear-gradient(180deg,#1a1713,#14120f);
  --og-font-display:"BZ Archivo",ui-sans-serif,system-ui,sans-serif;--og-w-h1:800;--og-w-name:800;--og-track-h1:-.02em;--og-track-name:-.01em;--og-case-name:uppercase;--og-h1:calc(28.9 * var(--p));--og-name:calc(40 * var(--p));
  --og-r-sheet:calc(20 * var(--p));--og-r-card:calc(14 * var(--p));--og-r-btn:calc(12 * var(--p));--og-r-field:calc(10 * var(--p));--og-r-mark:calc(10 * var(--p));--og-r-check:calc(4 * var(--p));--og-r-awatar:calc(14 * var(--p));--og-dur:220ms;--og-ease:cubic-bezier(.2,0,0,1);--og-stagger:35ms;--og-pop:bzGwStempel}
.bz-og[data-styl="restaurant"]{--og-canvas:#f4ece0;--og-surface:#fffaf2;--og-sunken:#efe4d3;--og-ink:#2a1a14;--og-muted:#5e4a3f;--og-faint:#6f5a4b;--og-line:#e6d8c3;--og-line-strong:#cdb89a;--og-input:#9c8163;--og-star:#dc9e2c;--og-star-edge:#a86d12;--og-star-empty:#f1e6d4;--og-star-empty-edge:#9c8264;
  --og-font-display:"BZ Playfair",Georgia,"Times New Roman",serif;--og-w-h1:800;--og-w-name:800;--og-track-h1:-.012em;--og-track-name:-.01em;--og-h1:calc(29.6 * var(--p));--og-name:calc(34 * var(--p));--og-align:center;--og-items:center;--og-lead-mx:auto;
  --og-r-sheet:calc(26 * var(--p));--og-r-card:calc(14 * var(--p));--og-r-btn:calc(12 * var(--p));--og-r-field:calc(10 * var(--p));--og-r-mark:calc(10 * var(--p));--og-r-check:calc(4 * var(--p));--og-dur:420ms;--og-ease:cubic-bezier(.22,.8,.24,1);--og-stagger:60ms;--og-pop-skala:1.22}
/* scena */
.bz-og .og-scena{--sc-ink:var(--og-ink);--sc-muted:var(--og-muted);--og-dekor:color-mix(in srgb,var(--brand) 26%,transparent);position:relative;isolation:isolate;display:flex;flex-direction:column;flex:1 0 auto;min-height:300em;overflow:hidden;background:var(--og-scena-bg);color:var(--sc-ink);transition:min-height calc(var(--og-dur)*1.1) var(--og-ease),flex-grow calc(var(--og-dur)*1.1) var(--og-ease)}
.bz-og .og-scena[data-pole="marka"]{--sc-ink:var(--on-brand);--sc-muted:color-mix(in srgb,var(--on-brand) 80%,transparent);--og-dekor:color-mix(in srgb,var(--on-brand) 24%,transparent);background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--brand) 82%,#fff),transparent 60%),radial-gradient(120% 100% at 100% 100%,var(--brand-strong),transparent 70%),var(--brand)}
.bz-og .og-scena-gora{position:relative;z-index:2;display:flex;min-height:44em;align-items:center;justify-content:space-between;gap:12em;padding:12em 16em 0}
.bz-og .og-scena-tresc{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;align-items:var(--og-items);justify-content:flex-end;padding:20em 20em calc(var(--og-r-sheet) + 26em);text-align:var(--og-align)}
.bz-og[data-styl="barber"] .og-scena-tresc{padding-right:56em}
.bz-og[data-zwin] .og-scena{min-height:0;flex-grow:0}
.bz-og[data-zwin] .og-scena-tresc{display:none}
.bz-og[data-zwin] .og-scena-gora{padding-bottom:calc(var(--og-r-sheet) + 14em)}
.bz-og:not([data-zwin]) .og-pasek[data-zw],.bz-og[data-zwin] .og-pasek[data-oc]{display:none}
.bz-og .og-dekor{pointer-events:none;position:absolute;inset:0;z-index:0;overflow:hidden}
.bz-og .og-dekor>*{display:none;position:absolute}
.bz-og[data-zwin] .og-dekor{opacity:.55}
.bz-og[data-zwin] .og-d-ramka{display:none!important}
.bz-og[data-styl="barber"] .og-d-pasy{display:block;top:0;left:0;right:0;height:6em;background-image:repeating-linear-gradient(-45deg,var(--brand) 0 10em,#f3ead9 10em 20em,#a8322a 20em 30em,#f3ead9 30em 40em);background-size:56.57em 56.57em}
.bz-og[data-styl="barber"] .og-d-pasy.is-run{animation:bzPasy calc(var(--og-dur)*5) cubic-bezier(.2,0,0,1) both}
.bz-og[data-styl="restaurant"] .og-d-ramka{display:block;inset:14em 14em calc(var(--og-r-sheet) + 12em);border:1px solid var(--og-dekor);border-radius:6em;outline:1px solid var(--og-dekor);outline-offset:-6em}
.bz-og[data-styl="restaurant"] .og-d-ramka.is-run{animation:bzRamka calc(var(--og-dur)*2) var(--og-ease) both}
.bz-og[data-styl="restaurant"] .og-ornament{display:inline-flex}
/* tozsamosc */
.bz-og .og-id{display:flex;max-width:100%;flex-direction:column;align-items:var(--og-items)}
.bz-og .og-id.is-run{animation:bzWejscie calc(var(--og-dur)*1.3) var(--og-ease) both}
.bz-og .og-znak{display:grid;width:2.3077em;height:2.3077em;flex-shrink:0;place-items:center;border-radius:var(--og-r-mark);background:var(--brand);color:var(--on-brand);font-family:var(--og-font-display);font-size:26em;font-weight:var(--og-w-name);line-height:1}
.bz-og .og-scena[data-pole="marka"] .og-znak{background:var(--og-surface);color:var(--og-ink)}
.bz-og .og-awatar{display:block;width:116em;aspect-ratio:var(--og-awatar-ratio);flex-shrink:0;border-radius:var(--og-r-awatar);background:var(--brand) center/cover no-repeat;box-shadow:0 0 0 4em color-mix(in srgb,var(--og-surface) 92%,transparent),0 18em 40em rgba(0,0,0,.16)}
.bz-og .og-etykieta{margin-top:1.0769em;font-size:13em;font-weight:550;letter-spacing:.01em;color:var(--sc-muted)}
.bz-og .og-nazwa{margin-top:calc(100cqw / 390 * 4);max-width:100%;font-family:var(--og-font-display);font-size:var(--og-name);font-weight:var(--og-w-name);line-height:1.02;letter-spacing:var(--og-track-name);text-transform:var(--og-case-name);color:var(--sc-ink)}
.bz-og .og-funkcja{margin-top:.7692em;border-radius:7.6154em;padding:.3846em .9231em;font-size:13em;font-weight:550;color:var(--sc-ink);background:color-mix(in srgb,var(--sc-ink) 10%,transparent)}
.bz-og .og-ornament{display:none;align-items:center;gap:8em;margin-top:16em;color:var(--og-dekor)}
.bz-og .og-ornament::before,.bz-og .og-ornament::after{content:"";width:34em;height:1px;background:currentColor}
.bz-og .og-ornament>span{width:6em;height:6em;rotate:45deg;background:currentColor}
.bz-og .og-pasek{display:flex;min-width:0;align-items:center;gap:10em}
.bz-og .og-pasek .og-znak,.bz-og .og-pasek .og-awatar{width:2.4em;height:2.4em;aspect-ratio:1;font-size:15em;box-shadow:none;border-radius:min(var(--og-r-mark),.6667em)}
.bz-og .og-pasek .og-znak{font-size:15em;width:2.4em;height:2.4em}
.bz-og .og-pasek .og-awatar{border-radius:999em}
.bz-og .og-pasek-tekst{display:flex;min-width:0;flex-direction:column}
.bz-og .og-pasek-tekst small{font-size:11.5em;line-height:1.2;color:var(--sc-muted)}
.bz-og .og-pasek-tekst strong{overflow:hidden;font-size:15em;font-weight:650;line-height:1.25;white-space:nowrap;text-overflow:ellipsis;color:var(--sc-ink)}
.bz-og .og-jezyk{position:relative;margin-left:auto;display:flex;align-items:center;height:44em;padding:0 34em 0 14em;border:1px solid var(--og-line-strong);border-radius:99em;color:var(--sc-ink);background:color-mix(in srgb,var(--og-surface) 72%,transparent)}
.bz-og .og-jezyk>span{font-size:14em;font-weight:550}
.bz-og .og-scena[data-pole="marka"] .og-jezyk{border-color:color-mix(in srgb,var(--sc-ink) 40%,transparent);background:rgba(0,0,0,.2)}
.bz-og .og-jezyk svg{position:absolute;right:12em;top:50%;width:16em;height:16em;margin-top:-8em;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
/* arkusz */
.bz-og .og-arkusz{position:relative;z-index:2;display:flex;flex:0 0 auto;flex-direction:column;margin-top:calc(-1 * max(var(--og-r-sheet),14em));border-radius:var(--og-r-sheet) var(--og-r-sheet) 0 0;padding:30em 20em 92em;background:var(--og-surface);box-shadow:0 -14em 44em rgba(20,14,6,.1)}
.bz-og[data-zwin] .og-arkusz{flex-grow:1}
.bz-og .og-krok{display:none}
.bz-og .og-krok.is-on{display:block;animation:bzKrok calc(var(--og-dur) * .75) var(--og-ease) both}
.bz-og .og-h1{font-family:var(--og-font-display);font-size:var(--og-h1);font-weight:var(--og-w-h1);line-height:1.08;letter-spacing:var(--og-track-h1);text-align:var(--og-align);color:var(--og-ink);text-wrap:balance}
.bz-og .og-h1-sredni{font-size:calc(var(--og-h1) * .84);line-height:1.12}
.bz-og .og-lead{margin:.6452em var(--og-lead-mx) 0;max-width:34ch;font-size:15.5em;line-height:1.5;text-align:var(--og-align);color:var(--og-muted)}
.bz-og .og-gw{margin-top:26em}
.bz-og .og-gw-rzad{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2em;margin-inline:-6em}
.bz-og .og-gw-pole{position:relative;display:grid;min-height:60em;place-items:center}
.bz-og .og-gw.is-run .og-gw-pole{animation:bzGwWejscie var(--og-dur) var(--og-ease) both;animation-delay:calc(140ms + var(--i) * var(--og-stagger))}
.bz-og .og-gw-ikona{width:52em;height:52em;fill:var(--og-star-empty);stroke:var(--og-star-empty-edge);stroke-width:1.4;transition:fill calc(var(--og-dur)*.6) var(--og-ease),stroke calc(var(--og-dur)*.6) var(--og-ease);transition-delay:calc(var(--i) * 28ms)}
.bz-og[data-styl="barber"] .og-gw-ikona{stroke-linejoin:miter}
.bz-og .og-gw-pole[data-on] .og-gw-ikona{fill:var(--og-star);stroke:var(--og-star-edge)}
.bz-og .og-gw-pole[data-wybrana] .og-gw-ikona{animation:var(--og-pop) calc(var(--og-dur)*1.4) var(--og-ease) both}
.bz-og .og-gw-slowo{display:grid;height:1.619em;margin-top:.2857em;place-items:center;font-family:var(--og-font-display);font-size:21em;font-weight:var(--og-w-name);letter-spacing:var(--og-track-h1);color:var(--og-ink)}
.bz-og .og-gw-slowo>span{animation:bzSlowo calc(var(--og-dur)*.8) var(--og-ease) both}
.bz-og .og-gw-podpis{display:flex;min-height:1.5385em;align-items:center;justify-content:center;margin-top:.4615em;font-size:13em;color:var(--og-faint)}
.bz-og .og-info{margin-top:2em;font-size:13em;line-height:1.45;text-align:center;color:var(--og-faint)}
.bz-og .og-stopka{margin-top:1.1667em;font-size:12em;text-align:center;color:var(--og-faint)}
.bz-og .og-stopka b{font-weight:650;color:var(--og-muted);text-decoration:underline;text-underline-offset:2px}
.bz-og .og-potw-w{display:flex;justify-content:var(--og-items)}
.bz-og .og-potw{display:inline-flex;align-items:center;gap:8em;margin-bottom:16em;border-radius:99em;padding:6em 12em 6em 10em;color:var(--og-ink);background:var(--og-sunken)}
.bz-og .og-potw>b{font-size:13.5em;font-weight:600}
.bz-og .og-potw-rzad{display:inline-flex;gap:2em}
.bz-og .og-potw-rzad svg{width:15em;height:15em;fill:var(--og-star-empty);stroke:var(--og-star-empty-edge);stroke-width:1.6}
.bz-og .og-potw-rzad svg[data-on]{fill:var(--og-star);stroke:var(--og-star-edge)}
.bz-og .og-cele{display:flex;flex-direction:column;gap:10em;margin-top:22em}
.bz-og .og-cel{display:flex;width:100%;min-height:68em;align-items:center;gap:14em;border:1px solid var(--og-line-strong);border-radius:var(--og-r-card);padding:11em 14em 11em 11em;color:var(--og-ink);background:var(--og-surface);transition:transform 140ms var(--og-ease)}
.bz-og .og-cel[data-glowny]{border-color:var(--og-btn-edge);color:var(--on-brand);background:var(--brand);box-shadow:0 2em 6em rgba(0,0,0,.08),0 16em 36em color-mix(in srgb,var(--brand) 30%,transparent)}
.bz-og .og-cel[data-inny]{min-height:58em;background:var(--og-sunken);border-color:transparent}
.bz-og .og-cel.is-press{transform:scale(.975)}
.bz-og .og-cel-znak{display:grid;width:44em;height:44em;flex-shrink:0;place-items:center;border-radius:max(calc(var(--og-r-card) - 4em),4em);background:var(--og-logo-tlo);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);color:#fff}
.bz-og .og-cel[data-inny] .og-cel-znak{width:38em;height:38em}
.bz-og .og-cel-znak>b{font-size:17em;font-weight:700}
.bz-og .og-cel-znak svg{width:24em;height:24em}
.bz-og .og-cel-tekst{min-width:0;flex:1}
.bz-og .og-cel-tekst strong{display:block;font-size:15.5em;font-weight:650;line-height:1.25}
.bz-og .og-cel-tekst small{display:block;margin-top:.16em;font-size:12.5em;line-height:1.3;color:var(--og-muted)}
.bz-og .og-cel[data-glowny] .og-cel-tekst small{color:inherit}
.bz-og .og-cel>svg{width:20em;height:20em;flex-shrink:0;opacity:.85;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bz-og .og-sekcja{margin-top:2.1667em;font-size:12em;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--og-faint)}
.bz-og .og-sekcja+.og-cele{margin-top:10em}
.bz-og .og-link{display:block;margin-top:.9655em;min-height:3.0345em;line-height:3.0345em;text-align:center;font-size:14.5em;font-weight:550;color:var(--og-muted);text-decoration:underline;text-underline-offset:4px}
.bz-og .og-legenda,.bz-og .og-etykieta-pola{display:block;margin-top:1.7778em;font-size:13.5em;font-weight:650;color:var(--og-ink)}
.bz-og .og-etykieta-pola i{font-style:normal;font-weight:400;color:var(--og-faint)}
.bz-og .og-powody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8em;margin-top:12em}
.bz-og .og-powod{display:flex;min-height:52em;align-items:center;gap:10em;border:1px solid var(--og-line-strong);border-radius:var(--og-r-card);padding:10em 12em;color:var(--og-ink);background:var(--og-surface);transition:border-color 160ms,background-color 160ms,box-shadow 160ms}
.bz-og .og-powod>b{font-size:14.5em;font-weight:550;line-height:1.25}
.bz-og .og-powod[data-on]{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,var(--og-surface));box-shadow:inset 0 0 0 1px var(--brand)}
.bz-og .og-powod-znak{display:grid;width:22em;height:22em;flex-shrink:0;place-items:center;border:1.5em solid var(--og-input);border-radius:var(--og-r-check);color:var(--on-brand);transition:background-color 140ms,border-color 140ms}
.bz-og .og-powod-znak svg{width:14em;height:14em;opacity:0;scale:.4;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:opacity 140ms,scale 220ms var(--og-ease)}
.bz-og .og-powod[data-on] .og-powod-znak{border-color:var(--brand);background:var(--brand)}
.bz-og .og-powod[data-on] .og-powod-znak svg{opacity:1;scale:1}
.bz-og .og-pole{display:block;width:100%;margin-top:8em;border:1px solid var(--og-input);border-radius:var(--og-r-field);padding:12em 14em;background:var(--og-surface);color:var(--og-faint)}
.bz-og .og-pole>span{font-size:16em;line-height:1.45}
.bz-og[data-styl="barber"] .og-pole{background:var(--og-sunken)}
.bz-og .og-pole--ta{min-height:112em}
.bz-og .og-pole.is-focus{border-color:var(--og-ink);box-shadow:0 0 0 1px var(--og-ink)}
.bz-og .og-pole.has-tx{color:var(--og-ink)}
.bz-og .og-pole .bz-kursor{display:inline-block;width:.1em;height:1.1em;margin-left:.06em;vertical-align:-.15em;background:#0A84FF;animation:bzMig 1s steps(1) infinite}
.bz-og .og-podpowiedz{margin-top:.48em;font-size:12.5em;color:var(--og-faint)}
.bz-og .og-btn{display:flex;min-height:54em;margin-top:22em;align-items:center;justify-content:center;border:1px solid var(--og-btn-edge);border-radius:var(--og-r-btn);color:var(--on-brand);background:var(--brand);box-shadow:0 2em 6em rgba(0,0,0,.08),0 14em 30em color-mix(in srgb,var(--brand) 26%,transparent);transition:transform 140ms}
.bz-og .og-btn>b{font-size:16em;font-weight:650}
.bz-og .og-btn.is-press{transform:scale(.975)}
@keyframes bzWejscie{from{opacity:0;transform:translateY(10em)}}
@keyframes bzKrok{from{opacity:.3;transform:translateY(14em)}}
@keyframes bzGwWejscie{from{opacity:0;transform:translateY(12em) scale(.82)}}
@keyframes bzGwPop{0%{transform:scale(1)}40%{transform:scale(var(--og-pop-skala))}100%{transform:scale(1)}}
@keyframes bzGwStempel{0%{transform:scale(1.38) rotate(-8deg)}100%{transform:none}}
@keyframes bzSlowo{from{opacity:0;transform:translateY(6em)}}
@keyframes bzRamka{from{opacity:0;transform:scale(1.03)}}
@keyframes bzPasy{from{background-position:-170em 0}}
@keyframes bzMig{50%{opacity:0}}
.bz-fala{transition:opacity .19s,filter .19s}
.bz-fala.is-out{opacity:0;filter:blur(2px)}

/* =====================================================================
   Panel Opinii w Safari na MacBooku (mac.css + LokamoMac.kit)
   ===================================================================== */
.bz-pn{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}
.bz-pn svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bz-pn__side{display:flex;flex-direction:column;gap:.12em;padding:1em .7em .9em;background:#F2F2F5}
.bz-pn__venue{display:flex;align-items:center;gap:.6em;padding:.15em .45em;margin-bottom:.95em}
.bz-pn__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)}
.bz-pn__venue b{min-width:0;font-size:.9em;font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bz-pn__g{margin:1em 0 .3em .85em;font-size:.7em;font-weight:500;color:#6C6C72}
.bz-pn__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}
.bz-pn__i svg{width:1.15em;height:1.15em;color:#56565C;flex:none}
.bz-pn__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)}
.bz-pn__i--end{margin-top:auto}
.bz-pn__main{position:relative;min-width:0;overflow:hidden}
.bz-pn__top{display:flex;align-items:center;gap:.6em;height:3.3em;padding:0 1.2em 0 1.5em;font-size:.8em;color:#6C6C72}
.bz-pn__top svg{width:1.05em;height:1.05em;flex:none}
.bz-pn__top b{color:var(--ink);font-weight:600}
.bz-pn__v{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}
.bz-pn__v.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .3s .05s,transform .45s var(--ease-out) .05s,visibility 0s}
.bz-pn__h{display:flex;align-items:flex-end;justify-content:space-between;gap:1em;margin-bottom:1.1em}
.bz-pn__h b{display:block;font-size:1.55em;font-weight:600;letter-spacing:-.025em;line-height:1.15}
.bz-pn__h small{display:block;max-width:34em;margin-top:.35em;font-size:.78em;color:#56565C}
.bz-pn__btn{display:inline-flex;align-items:center;gap:.45em;height:2.35em;padding:0 1.05em;border-radius:99em;background:var(--ink);color:#fff;font-size:.8em;font-weight:560;white-space:nowrap;flex:none}
.bz-pn__btn svg{width:1.1em;height:1.1em}
.bz-pn__btn--jasny{background:#fff;color:var(--ink);box-shadow:0 0 0 .07em #E4E4E8}
.bz-pn__seg{display:flex;flex:none;padding:.2em;border-radius:99em;background:#fff;box-shadow:0 0 0 .07em #E6E6EA;font-size:.8em}
.bz-pn__seg i{padding:.42em .9em;border-radius:99em;font-style:normal;color:#56565C;white-space:nowrap}
.bz-pn__seg .is-on{background:var(--ink);color:#fff;font-weight:560}
.bz-pn__g2{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:1em;align-items:start}
.bz-pn__v[data-v="dzis"] .bz-pn__g2{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.bz-pn__c{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)}
.bz-pn__ch{display:flex;align-items:center;justify-content:space-between;gap:.6em;margin-bottom:.8em;font-size:.88em;font-weight:620}
.bz-pn__ch span{color:#6C6C72;font-size:.85em;font-weight:500}
.bz-pn__tg{display:flex;justify-content:space-between;gap:1em;padding:.7em 0;border-top:.07em solid #F0F0F3}
.bz-pn__tg:first-of-type{border-top:0;padding-top:0}
.bz-pn__tg b{display:block;font-size:.8em;font-weight:600}
.bz-pn__tg small{display:block;margin-top:.3em;font-size:.68em;line-height:1.45;color:#6C6C72}
.bz-sw{position:relative;width:2.6em;height:1.5em;flex:none;border-radius:99em;background:#D6D6DB;transition:background-color .25s}
.bz-sw::after{content:"";position:absolute;left:.18em;top:.18em;width:1.14em;height:1.14em;border-radius:50%;background:#fff;box-shadow:0 .08em .2em rgba(0,0,0,.25);transition:transform .25s var(--ease-out)}
.bz-sw.is-on{background:var(--ink)}
.bz-sw.is-on::after{transform:translateX(1.1em)}
.bz-zt{width:100%;border-collapse:collapse;font-size:.82em}
.bz-zt th{padding:0 .6em .7em;font-size:.82em;font-weight:500;color:#6C6C72;text-align:right;white-space:nowrap}
.bz-zt th:nth-child(-n+3){text-align:left}
.bz-zt td{padding:.62em .6em;border-top:.07em solid #F0F0F3;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.bz-zt td:nth-child(-n+3){text-align:left}
.bz-zt tr{transition:background-color .3s,opacity .4s,transform .45s var(--ease-out)}
.bz-zt tbody tr.is-hover{background:#F6F6F9}
.bz-zt tbody tr.is-ukryj{opacity:0;transform:translateY(.6em)}
.bz-zt .bz-os{display:flex;align-items:center;gap:.7em}
.bz-zt .bz-os b{display:block;font-weight:600}
.bz-zt .bz-os small{display:block;font-size:.86em;color:#6C6C72}
.bz-av{display:grid;place-items:center;width:2.5em;height:2.5em;flex:none;border-radius:50%;background:#EDEDF1 center/cover no-repeat;color:#45454B;font-size:.82em;font-weight:600}
.bz-av.is-foto{color:transparent}
.bz-kchip{display:inline-flex;align-items:center;gap:.4em;padding:.3em .7em;border-radius:99em;background:#F2F2F5;font-size:.9em}
.bz-kchip svg{width:1em;height:1em;color:#6C6C72}
.bz-mp{display:block;font-size:.78em;color:#8C8C92}
.bz-pn__ov{position:absolute;inset:0;background:rgba(13,13,15,.18);opacity:0;transition:opacity .35s;pointer-events:none;z-index:5}
.bz-pn__ov.is-on{opacity:1}
.bz-ark{position:absolute;right:.8em;top:.8em;bottom:.8em;width:24em;display:flex;flex-direction:column;padding:1.3em 1.4em;border-radius:1.2em;background:#fff;box-shadow:0 1em 3em rgba(13,13,15,.22);z-index:6;transform:translateX(110%);transition:transform .5s var(--ease-out)}
.bz-ark.is-on{transform:none}
.bz-ark__h{display:flex;align-items:center;justify-content:space-between;font-size:1.25em;font-weight:620;letter-spacing:-.02em}
.bz-ark__h svg{width:.9em;height:.9em;color:#6C6C72}
.bz-ark__l{display:block;margin-top:1em;font-size:.72em;font-weight:600;color:#45454B}
.bz-ark__in{display:flex;align-items:center;height:2.3em;margin-top:.35em;padding:0 .8em;border-radius:.6em;box-shadow:inset 0 0 0 .07em #DCDCE1;font-size:.8em}
.bz-ark__in.is-focus{box-shadow:inset 0 0 0 .12em var(--ink)}
.bz-ark__hint{margin-top:.35em;font-size:.64em;line-height:1.4;color:#8C8C92}
.bz-ark__foto{display:flex;align-items:center;gap:.9em;margin-top:.5em}
.bz-ark__foto .bz-av{width:3.6em;height:3.6em;font-size:1.05em;transition:background-size .3s}
.bz-ark__foto .bz-pn__btn{font-size:.72em}
.bz-ark__foto small{display:block;margin-top:.3em;font-size:.62em;color:#8C8C92}
.bz-ark__tg{display:flex;justify-content:space-between;gap:1em;margin-top:1.1em;padding-top:.9em;border-top:.07em solid #F0F0F3}
.bz-ark__tg b{display:block;font-size:.78em;font-weight:600}
.bz-ark__tg small{display:block;margin-top:.25em;font-size:.64em;line-height:1.4;color:#6C6C72}
.bz-ark__st{min-height:1.4em;margin-top:.6em;font-size:.7em;color:var(--ok);opacity:0;transition:opacity .3s}
.bz-ark__st.is-on{opacity:1}
.bz-ark__foot{display:flex;justify-content:flex-end;gap:.6em;margin-top:auto;padding-top:.9em;border-top:.07em solid #F0F0F3}
.bz-kt{width:100%;border-collapse:separate;border-spacing:0;border-radius:1.1em;background:#fff;overflow:hidden;font-size:.82em;box-shadow:0 0 0 .07em #ECECF0,0 .1em .35em rgba(13,13,15,.04)}
.bz-kt th,.bz-kt td{padding:.62em .7em;text-align:right;border-bottom:.07em solid #F0F0F3;font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums}
.bz-kt thead th{padding:.7em .7em;font-size:.8em;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8C8C92}
.bz-kt th:first-child{text-align:left}
.bz-kt tbody th{display:flex;align-items:center;gap:.7em}
.bz-kt tbody th b{display:block;font-weight:600}
.bz-kt tbody th small{display:block;font-size:.86em;color:#6C6C72}
.bz-kt tfoot th,.bz-kt tfoot td{border-bottom:0;font-weight:600}
.bz-kt tr{transition:background-color .3s}
.bz-kt tbody tr.is-hover{background:#F6F6F9}
.bz-kt__ic{display:grid;place-items:center;width:2.1em;height:2.1em;border-radius:.6em;background:#F2F2F5;flex:none}
.bz-kt__ic svg{width:1.15em;height:1.15em}
.bz-kv{display:inline-flex;align-items:center;gap:.6em}
.bz-kv i{display:block;width:2.6em;height:.36em;border-radius:99em;background:#EEEEF1;overflow:hidden}
.bz-kv i::after{content:"";display:block;height:100%;width:calc(var(--w,0) * 100%);border-radius:inherit;background:var(--ink);transition:width .9s var(--ease-out)}
.bz-dt{display:flex;flex-direction:column;gap:.8em;margin:0;list-style:none;font-size:.82em}
.bz-dt li{display:grid;grid-template-columns:6.5em 1fr 2em;align-items:center;gap:.7em}
.bz-dt i{display:block;height:.5em;border-radius:99em;background:#EEEEF1;overflow:hidden}
.bz-dt i::after{content:"";display:block;height:100%;width:calc(var(--w,0) * 100%);border-radius:inherit;background:var(--ink);transition:width .9s var(--ease-out)}
.bz-dt b{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.bz-dt li{margin:-.3em -.4em;padding:.3em .4em;border-radius:.5em;transition:background-color .3s}
.bz-dt li.is-hover{background:#F2F2F6}
.bz-pn .bz-mp.is-hl{border-radius:.4em;background:rgba(46,75,255,.12);color:#2440E0;box-shadow:0 0 0 .3em rgba(46,75,255,.12);transition:background-color .3s,box-shadow .3s}
.bz-pn .bz-sw.is-hl{box-shadow:0 0 0 .28em rgba(46,75,255,.24)}
.bz-dt__p{margin-top:1em;padding-top:.8em;border-top:.07em solid #F0F0F3;font-size:.7em;color:#6C6C72}
.bz-dt__p b{display:block;font-size:2.2em;font-weight:600;letter-spacing:-.03em;color:var(--ink)}

/* ---------- Bez JS i reduced motion ---------- */
html:not(.js) .bz-hv__ph,html:not(.js) .bz-hv .scn__pause,html:not(.js) .bz-film__scn,html:not(.js) .bz-mac{display:none}
html:not(.js) .bz-film{grid-template-columns:1fr}

/* ---------- Responsywnosc ---------- */
@media (max-width:999px){
  .bz-hero .sub-hero__grid{grid-template-columns:1fr;gap:44px}
  .bz-hv{max-width:560px;width:100%;margin:0 auto}
  .bz-film{grid-template-columns:1fr;gap:40px}
  .bz-film__txt{order:-1}
  .bz-cena{grid-template-columns:1fr}
  .bz-zestaw{--kol:1}
  .bz-zestaw.bz-zestaw--3{--kol:1}
}
@media (max-width:640px){
  .bz-sek{padding:76px 0}
  /* Hero na telefonie: scena zaraz pod naglowkiem i przyciskami (kolejnosc wizualna, DOM bez zmian),
     zdjecie wnetrza jako tlo sceny, telefon ok. 240 px. */
  .bz-hero .sub-hero__grid{display:flex;flex-direction:column;gap:0}
  .bz-hero .sub-hero__copy{display:contents}
  .bz-hero .sub-hero__lead{order:2;margin-top:30px}
  .bz-hv{order:1;max-width:none;margin:44px 0 0;aspect-ratio:auto;padding-top:156%}
  .bz-hv__foto{left:0;right:0;width:auto;height:156cqw;aspect-ratio:auto;border-radius:20px}
  .bz-hv__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,13,15,.2),rgba(13,13,15,.5));pointer-events:none}
  .bz-hv .bz-chip{top:10px;right:10px;bottom:auto;left:auto}
  .bz-hv .scn__pause{top:calc(156cqw - 50px);right:10px}
  .bz-hv__ph{left:15.5%;width:69%;top:9cqw;bottom:auto}
  .bz-hv__cap{position:static;width:auto;margin-top:16px}
  .bz-hv::before{left:0;bottom:10%;width:100%}
  .bz-macscn{aspect-ratio:68/50}
  .bz-gest{grid-template-columns:1fr;gap:36px;margin-top:36px}
  .bz-hv__cap{font-size:12px}
  .bz-film__scn{padding:36px 0;border-radius:22px}
  .bz-film__scn>[data-bz-scena]{width:min(300px,74%)}
  .bz-kroki--3{flex-direction:column;gap:0}
  .bz-kroki--3 .bz-krok{padding:18px 0 4px}
  .bz-zestaw{margin-top:36px}
  .bz-nos__tx{padding:22px 20px 24px}
  .bz-mac{padding:4% 2% 2%;border-radius:20px}
  .bz-macfilm{margin-top:36px}
  .bz-fakty{grid-template-columns:1fr;gap:2px}
  .bz-fakty dd{margin-bottom:10px}
}
@media (prefers-reduced-motion:reduce){
  .bz-krok p,.bz-krok__b{transition:none}
}

/* ---------- Tokeny dodatkowych branz (v2) ---------- */
.bz[data-branza="kawiarnia"]{--bz-stage:#EFE6DA;--bz-glow:rgba(107,65,40,.20);--bz-acc:#6B4128}
.bz[data-branza="fryzjer"]{--bz-stage:#EDE5DC;--bz-glow:rgba(143,74,51,.20);--bz-acc:#8F4A33}
.bz[data-branza="kosmetyczka"]{--bz-stage:#F6ECEC;--bz-glow:rgba(155,71,102,.22);--bz-acc:#9B4766}
.bz[data-branza="hotel"]{--bz-stage:#F3EFE6;--bz-glow:rgba(31,51,88,.24);--bz-acc:#1F3358}
.bz[data-branza="warsztat-samochodowy"]{--bz-stage:#E9EBEC;--bz-glow:rgba(242,183,5,.25);--bz-acc:#C48D00}
.bz[data-branza="fizjoterapia"]{--bz-stage:#EAF2EF;--bz-glow:rgba(29,107,95,.20);--bz-acc:#1D6B5F}

/* Ekran oceny: style branz (cafe, hair_salon, beauty, hotel, auto_service, physio) */
.bz-og[data-styl="cafe"]{--og-canvas:#efe6da;--og-surface:#fcf8f2;--og-sunken:#ebe0d1;--og-ink:#2b1d15;--og-muted:#5f4b3d;--og-faint:#6d5a4b;--og-line:#e2d5c3;--og-line-strong:#c9b498;--og-input:#9e8468;--og-star:#d08f3e;--og-star-edge:#925d1f;--og-star-empty:#efe4d5;--og-star-empty-edge:#9f8668;
  --og-scena-bg:radial-gradient(80% 60% at 0% 100%,color-mix(in srgb,#d08f3e 18%,transparent),transparent 70%),var(--og-canvas);
  --og-font-display:"BZ Fraunces",Georgia,serif;--og-w-h1:600;--og-w-name:600;--og-track-h1:-.02em;--og-track-name:-.025em;--og-h1:calc(30 * var(--p));--og-name:calc(36 * var(--p));
  --og-r-sheet:calc(32 * var(--p));--og-r-card:calc(22 * var(--p));--og-r-btn:calc(999 * var(--p));--og-r-field:calc(18 * var(--p));--og-r-mark:calc(999 * var(--p));--og-r-check:calc(999 * var(--p));--og-dur:520ms;--og-ease:cubic-bezier(.33,1,.68,1);--og-stagger:75ms;--og-pop-skala:1.18}

.bz-og[data-styl="hair_salon"]{--og-canvas:#ede5dc;--og-surface:#fbf8f4;--og-sunken:#ece4da;--og-ink:#221c19;--og-muted:#5a4f48;--og-faint:#695d55;--og-line:#e2d8cc;--og-line-strong:#c9bcac;--og-input:#9a8b7b;--og-star:#cc9447;--og-star-edge:#95631f;--og-star-empty:#efe7dd;--og-star-empty-edge:#9d8b78;
  --og-scena-bg:radial-gradient(70% 60% at 100% 10%,color-mix(in srgb,var(--brand) 12%,transparent),transparent 70%),var(--og-canvas);
  --og-font-display:"BZ Fraunces",Georgia,serif;--og-w-h1:400;--og-w-name:400;--og-track-h1:-.03em;--og-track-name:-.035em;--og-h1:calc(33 * var(--p));--og-name:calc(44 * var(--p));
  --og-r-sheet:calc(24 * var(--p));--og-r-card:calc(16 * var(--p));--og-r-btn:calc(999 * var(--p));--og-r-field:calc(14 * var(--p));--og-r-mark:calc(12 * var(--p));--og-r-check:calc(999 * var(--p));--og-r-awatar:calc(22 * var(--p));--og-awatar-ratio:4 / 5;--og-dur:560ms;--og-ease:cubic-bezier(.65,0,.35,1);--og-stagger:70ms;--og-pop-skala:1.16}

.bz-og[data-styl="beauty"]{--og-canvas:#f6ecec;--og-surface:#fffafa;--og-sunken:#f3e6e7;--og-ink:#2d1b24;--og-muted:#64505a;--og-faint:#735e68;--og-line:#eddcde;--og-line-strong:#d7bfc4;--og-input:#9a7d87;--og-star:#d99d6c;--og-star-edge:#a0663a;--og-star-empty:#f6eaea;--og-star-empty-edge:#9a7d87;
  --og-scena-bg:radial-gradient(60% 50% at 18% 18%,color-mix(in srgb,var(--brand) 16%,transparent),transparent 70%),radial-gradient(60% 50% at 88% 62%,color-mix(in srgb,#d99d6c 20%,transparent),transparent 72%),var(--og-canvas);
  --og-font-display:"BZ Playfair",Georgia,serif;--og-w-h1:500;--og-w-name:400;--og-track-h1:-.01em;--og-track-name:-.005em;--og-h1:calc(30 * var(--p));--og-name:calc(38 * var(--p));--og-align:center;--og-items:center;--og-lead-mx:auto;
  --og-r-sheet:calc(36 * var(--p));--og-r-card:calc(24 * var(--p));--og-r-btn:calc(999 * var(--p));--og-r-field:calc(20 * var(--p));--og-r-mark:calc(999 * var(--p)) calc(999 * var(--p)) calc(16 * var(--p)) calc(16 * var(--p));--og-r-check:calc(999 * var(--p));--og-r-awatar:calc(999 * var(--p)) calc(999 * var(--p)) calc(24 * var(--p)) calc(24 * var(--p));--og-awatar-ratio:4 / 5;--og-dur:620ms;--og-ease:cubic-bezier(.25,.1,.25,1);--og-stagger:85ms;--og-pop-skala:1.15}

.bz-og[data-styl="hotel"]{--og-canvas:#f3efe6;--og-surface:#fffdf8;--og-sunken:#ece6da;--og-ink:#16213a;--og-muted:#4b5468;--og-faint:#59627a;--og-line:#e3ddd0;--og-line-strong:#c8bfae;--og-input:#958b78;--og-star:#cfa95f;--og-star-edge:#94722c;--og-star-empty:#efe9dc;--og-star-empty-edge:#978c78;--og-zloto:#d4b98a;
  --og-font-display:"BZ Playfair",Georgia,serif;--og-w-h1:600;--og-w-name:600;--og-track-h1:-.01em;--og-track-name:.09em;--og-case-name:uppercase;--og-h1:calc(29 * var(--p));--og-name:calc(25 * var(--p));--og-align:center;--og-items:center;--og-lead-mx:auto;
  --og-r-sheet:calc(20 * var(--p));--og-r-card:calc(14 * var(--p));--og-r-btn:calc(12 * var(--p));--og-r-field:calc(10 * var(--p));--og-r-mark:calc(10 * var(--p));--og-r-check:calc(4 * var(--p));--og-dur:520ms;--og-ease:cubic-bezier(.4,0,.2,1);--og-stagger:80ms;--og-pop-skala:1.14}
.bz-og[data-styl="hotel"] .og-d-ramka{display:block;inset:14em 14em calc(var(--og-r-sheet) + 12em);border:1px solid var(--og-zloto);border-radius:2em;outline:1px solid var(--og-zloto);outline-offset:-4em}
.bz-og[data-styl="hotel"] .og-d-ramka.is-run{animation:bzRamka calc(var(--og-dur)*2) var(--og-ease) both}

.bz-og[data-styl="auto_service"]{--og-canvas:#e9ebec;--og-surface:#fcfcfb;--og-sunken:#e4e6e7;--og-ink:#15181b;--og-muted:#4a5157;--og-faint:#575e64;--og-line:#dadddf;--og-line-strong:#b9bec2;--og-input:#868d93;--og-star:#f5b800;--og-star-edge:#7a5a00;--og-star-empty:#eceeef;--og-star-empty-edge:#878e94;--og-btn-edge:#15181b;
  --og-scena-bg:var(--og-canvas);
  --og-font-display:"BZ Archivo",ui-sans-serif,system-ui,sans-serif;--og-font-label:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--og-w-h1:800;--og-w-name:800;--og-track-h1:-.02em;--og-track-name:-.005em;--og-case-name:uppercase;--og-h1:calc(28 * var(--p));--og-name:calc(34 * var(--p));
  --og-r-sheet:calc(20 * var(--p));--og-r-card:calc(14 * var(--p));--og-r-btn:calc(12 * var(--p));--og-r-field:calc(10 * var(--p));--og-r-mark:calc(10 * var(--p));--og-r-check:calc(4 * var(--p));--og-r-awatar:calc(14 * var(--p));--og-dur:200ms;--og-ease:cubic-bezier(.2,0,0,1);--og-stagger:30ms;--og-pop:bzGwStempel}

.bz-og[data-styl="physio"]{--og-canvas:#eaf2ef;--og-surface:#fbfdfc;--og-sunken:#e3eeea;--og-ink:#10302b;--og-muted:#46605a;--og-faint:#526b65;--og-line:#d9e7e2;--og-line-strong:#b6cec6;--og-input:#71908a;--og-star:#e6ab3c;--og-star-edge:#a8731a;--og-star-empty:#e8f0ed;--og-star-empty-edge:#71908a;
  --og-scena-bg:radial-gradient(70% 60% at 50% 70%,color-mix(in srgb,var(--brand) 10%,transparent),transparent 72%),var(--og-canvas);
  --og-w-h1:600;--og-w-name:600;--og-h1:calc(29 * var(--p));--og-name:calc(30 * var(--p));--og-align:center;--og-items:center;--og-lead-mx:auto;
  --og-r-sheet:calc(28 * var(--p));--og-r-card:calc(20 * var(--p));--og-r-btn:calc(16 * var(--p));--og-r-field:calc(16 * var(--p));--og-r-mark:calc(999 * var(--p));--og-r-check:calc(6 * var(--p));--og-dur:680ms;--og-ease:cubic-bezier(.37,0,.63,1);--og-stagger:90ms;--og-pop-skala:1.12}