/* Hub badan online (/pl/badania, /en/assessments) – strona wejsciowa modulu.
   Wlasny arkusz, prefiks klas bh-. Jeden selektor – jedna regula, bez !important.
   Turkus (--bh-brand) to kolor modulu badan i ceny: skrot narzedzia, cena
   omowienia, pigulka z liczba raportow, eyebrow, akcenty tresci. Fiolet marki
   zostaje przy nawigacji i akcji: plakietka Free, aktywna zakladka obszaru,
   pigulka Karty, strzalka w kolku, linki sekcji i przycisk w panelu planu.
   Bursztyn niesie metryke (pozycje, czas, dla kogo).
   Szklo: polprzezroczyste panele; blur tylko na panelu planu, pasku szukania
   i przelaczniku Karty/Lista (na telefonie zdjety). Desktop >= 1024 (F1),
   telefon <= 760 i posrednie progi (F1b) - bloki na koncu pliku. */

:root{
  --bh-ground:#FBFBFD;
  --bh-brand:#14B8A6; --bh-brand-dark:#0D9488; --bh-brand-deep:#0F766E;
  --bh-tint:#F0FDFA; --bh-tint-2:#CCFBF1; --bh-tint-3:#99F6E4;
  --bh-ink-900:#0f172a; --bh-ink-700:#1e293b; --bh-ink-500:#374151;
  /* --bh-muted (F6): #64748b mial 4,3:1 na lawendowym tle powloki mobilnej;
     #5B6B80 daje 5,44:1 na bieli i 4,9:1 na #F2F3FB. --bh-faint zostaje dla ikon. */
  --bh-muted:#5B6B80; --bh-faint:#94a3b8; --bh-hair:#E3EAE9;
  --bh-nav:#7C44FD; --bh-nav-dark:#6D30EB; --bh-nav-deep:#5516D8;
  /* Bursztyn niesie metryke narzedzia (ikony: pozycje, czas, dla kogo).
     Nie miesza sie z turkusem ceny ani z fioletem akcji, wiec rzad faktow
     daje sie przeczytac jednym spojrzeniem. */
  --bh-fakt:#C2680B; --bh-fakt-dark:#FBBF24;
  --bh-glass:rgba(255,255,255,.66); --bh-glass-strong:rgba(255,255,255,.82);
  --bh-glass-edge:rgba(255,255,255,.75); --bh-edge:rgba(15,23,42,.06);
  --bh-shadow:0 14px 32px -18px rgba(15,118,110,.22);
  --bh-r:18px; --bh-r-sm:14px;
  --bh-ease:cubic-bezier(.2,.8,.2,1);
}

body.bh-body{background:var(--bh-ground);color:var(--bh-ink-500);}
/* Strona na cala szerokosc okna: margines boczny rosnie z oknem (20-96 px),
   a sufit 2200 px zatrzymuje dopiero bardzo szerokie monitory. */
.bh-wrap{max-width:2200px;margin:0 auto;padding:0 clamp(20px,4.2vw,96px);}
.bh-i{flex:none;}

/* ── naglowek z fotografia ─────────────────────────────────────── */
/* Niski pas od krawedzi do krawedzi; rosnie lekko z oknem (232-280 px), zeby
   kadr zdjecia byl ten sam na laptopie i na szerokim monitorze. Zdjecie stoi
   przy prawej krawedzi okna, zajmuje do 90% szerokosci (najwyzej 1880 px),
   od lewej wtapia sie w grunt wlasna maska, a od dolu jest rowno odciete
   cienka linia - bez zanikania. Kadr (42%) zostawia powietrze nad fotelem. */
/* ── okruszki na hero (ten sam uklad co na liscie testow) ────── */
/* Lezą w naglowku, nad zdjeciem: ikona domu, nadrzedna sekcja i biezaca
   strona. Warstwa nad zaslona, wiec zdjecie nie schodzi nizej - pas hero
   zaczyna sie tam, gdzie konczy sie pasek aplikacji. */
.bh-crumb{position:absolute;top:0;left:0;right:0;z-index:2;
  display:flex;align-items:center;gap:10px;padding-top:16px;padding-bottom:0;
  font-family:'Inter','Segoe UI',sans-serif;}
.bh-crumb a{display:inline-flex;align-items:center;color:var(--bh-faint);text-decoration:none;transition:color .15s ease-out;}
.bh-crumb a:hover{color:var(--bh-ink-700);}
.bh-crumb a:focus-visible{outline:2px solid var(--bh-nav);outline-offset:3px;border-radius:4px;}
.bh-crumb__sep{flex:none;color:#cbd5e1;}
.bh-crumb__up{font:500 14px/1 'Inter','Segoe UI',sans-serif;}
.bh-crumb__cur{font:500 14px/1 'Inter','Segoe UI',sans-serif;color:var(--bh-ink-700);}

.bh-hero{position:relative;height:clamp(232px,13.5vw,280px);overflow:hidden;background:var(--bh-ground);border-bottom:1px solid var(--bh-hair);}
.bh-hero__pic{position:absolute;top:0;right:0;bottom:0;width:min(90%,1880px);display:block;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.45) 16%,rgba(0,0,0,.88) 34%,#000 48%);
  mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.45) 16%,rgba(0,0,0,.88) 34%,#000 48%);}
.bh-hero__img{display:block;width:100%;height:100%;object-fit:cover;object-position:right 42%;}
/* Nakladka tylko rozjasnia pas pod tekstem; dolna krawedz zostaje ostra. */
.bh-hero__veil{position:absolute;inset:0;
  background:linear-gradient(90deg,var(--bh-ground) 0%,rgba(251,251,253,.78) 24%,rgba(251,251,253,.28) 40%,rgba(251,251,253,0) 54%);}
.bh-hero__inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;height:100%;}
.bh-hero__text{max-width:620px;padding-top:4px;}
.bh-eyebrow{margin:0 0 10px;font:700 11.5px/1 'Inter','Segoe UI',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--bh-brand-deep);}
.bh-h1{margin:0 0 10px;font:800 46px/1.08 'Inter','Segoe UI',sans-serif;letter-spacing:-.03em;color:var(--bh-ink-900);}
.bh-lead{margin:0;max-width:560px;font:400 16px/1.55 'Inter','Segoe UI',sans-serif;color:var(--bh-ink-500);}
/* ── panel planu w naglowku ────────────────────────────────────── */
/* Szklany panel w prawym gorym rogu naglowka (id #bh-motto zostaje, bo
   szuka go podglad ?warianty=1). Po lewej konto: nazwa planu, liczba albo
   zdanie, pasek puli i przycisk; po prawej (od 1280 px) cennik obu raportow.
   Pas hero ma stala wysokosc (232-280 px), wiec panel tez: 190 px w kazdym
   stanie - szkielet, gosc, konto w euro i Clinical - i naglowek nie skacze,
   gdy portfel odpowie. */
.bh-plan{flex:none;display:flex;align-items:stretch;width:580px;min-height:190px;height:auto;box-sizing:border-box;padding:16px 20px;border-radius:var(--bh-r);
  background:rgba(255,255,255,.58);-webkit-backdrop-filter:saturate(175%) blur(22px);backdrop-filter:saturate(175%) blur(22px);
  border:1px solid var(--bh-glass-edge);outline:1px solid var(--bh-edge);box-shadow:var(--bh-shadow);}
/* Panel chowa sie atrybutem hidden, gdy nie ma czego pokazac (blad
   portfela) - a display:flex sam by ten atrybut przeglosowal. */
.bh-plan[hidden]{display:none;}
.bh-plan__l{flex:0 0 196px;display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding-right:20px;}
.bh-plan__r{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0;padding-left:20px;border-left:1px solid var(--bh-hair);}
.bh-plan__lab{margin:0;font:700 11.5px/1.2 'Inter','Segoe UI',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--bh-brand-deep);}
/* Liczba z jednostka w dwoch linijkach obok niej; staly zapas wysokosci
   trzyma wiersz takze pod szkieletem. */
.bh-plan__n{display:flex;align-items:flex-end;gap:10px;min-height:44px;margin:0;}
.bh-plan__n b{font:800 46px/.9 'Inter','Segoe UI',sans-serif;letter-spacing:-.045em;color:var(--bh-ink-900);font-variant-numeric:tabular-nums;}
.bh-plan__u{display:flex;flex-direction:column;gap:2px;min-width:0;padding-bottom:1px;font:600 13px/1.2 'Inter','Segoe UI',sans-serif;color:var(--bh-ink-700);}
.bh-plan__u small{font:500 11.5px/1.25 'Inter','Segoe UI',sans-serif;color:var(--bh-muted);}
/* Gosc i zwykle konto nie maja liczby - w jej miejscu stoi zdanie. */
.bh-plan__p{margin:0;font:700 16px/1.25 'Inter','Segoe UI',sans-serif;letter-spacing:-.01em;color:var(--bh-ink-900);}
.bh-plan__slot{display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:32px;margin:0;}
.bh-plan__bar{display:block;height:3px;border-radius:3px;background:var(--bh-hair);overflow:hidden;}
.bh-plan__bar i{display:block;height:100%;border-radius:inherit;background:var(--bh-brand);}
.bh-plan__cap{font:500 12px/1.35 'Inter','Segoe UI',sans-serif;color:var(--bh-muted);}
.bh-plan__btn{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 16px;border-radius:999px;text-decoration:none;white-space:nowrap;
  background:linear-gradient(135deg,var(--bh-nav),var(--bh-nav-dark));color:#fff;font:700 13px/1 'Inter','Segoe UI',sans-serif;
  box-shadow:0 10px 22px -12px rgba(124,68,253,.8);transition:background .15s ease-out,transform .08s ease-out;}
.bh-plan__btn:hover{background:linear-gradient(135deg,var(--bh-nav-dark),var(--bh-nav-deep));}
.bh-plan__btn:active{transform:translateY(1px);}
.bh-plan__btn:focus-visible{outline:2px solid var(--bh-nav);outline-offset:2px;}
.bh-plan__off{display:flex;align-items:center;min-height:34px;margin:0;font:500 12px/1.3 'Inter','Segoe UI',sans-serif;color:var(--bh-muted);}
/* Prawa polowa: wykropkowany cennik jak spis tresci, zdanie pod poziomem. */
.bh-plan__rp{margin:0;font:400 12px/1.45 'Inter','Segoe UI',sans-serif;color:var(--bh-ink-500);}
.bh-plan__rp--clin{font-weight:600;color:var(--bh-brand-deep);}
.bh-plan__rh{margin:0;font:700 13px/1.3 'Inter','Segoe UI',sans-serif;color:var(--bh-ink-900);}
.bh-plan__dl{display:grid;gap:8px;margin:0;}
.bh-plan__poz dt{display:flex;align-items:baseline;gap:6px;font:600 12.5px/1.3 'Inter','Segoe UI',sans-serif;color:var(--bh-ink-700);}
.bh-plan__poz dt b{flex:none;font-weight:700;color:var(--bh-brand-deep);}
.bh-plan__poz dd{margin:2px 0 0;font:400 12px/1.4 'Inter','Segoe UI',sans-serif;color:var(--bh-muted);}
.bh-kropki{flex:1 1 auto;min-width:10px;border-bottom:1.5px dotted var(--bh-faint);transform:translateY(-3px);}
/* Szkielet panelu: te same wiersze co stan z liczba, w migotaniu list. */
.bh-sk{display:inline-block;border-radius:6px;
  background:linear-gradient(90deg,rgba(15,23,42,.05) 25%,rgba(15,23,42,.09) 50%,rgba(15,23,42,.05) 75%);background-size:200% 100%;
  animation:bh-shimmer 1.4s ease-in-out infinite;}
.bh-sk--lab{width:84px;height:11px;}
.bh-sk--n{width:46px;height:42px;color:transparent;border-radius:10px;}
.bh-sk--u{width:92px;height:12px;}
.bh-sk--u2{width:120px;height:10px;}
.bh-sk--bar{display:block;width:100%;height:3px;}
.bh-sk--cap{display:block;width:80%;height:10px;}
.bh-sk--btn{width:150px;height:34px;border-radius:999px;}

/* ── pasek narzedzi w naglowku sekcji Narzedzia ────────────────── */
/* Szukanie na szerokosc sekcji, obok niego przycisk Filtry z panelem
   (czas, jezyk, normy). Pod spodem pasek zakladek obszarow z Dla kogo,
   Kolejnoscia i przelacznikiem Karty / Lista po prawej. Zestawy nad sekcja
   zadnych filtrow nie maja. */
.bh-main{padding-top:30px;padding-bottom:56px;}
.bh-tools{display:flex;align-items:stretch;gap:12px;margin:0 0 12px;}
.bh-search{flex:1 1 280px;display:flex;align-items:center;gap:12px;min-width:0;height:50px;padding:0 18px;border-radius:var(--bh-r-sm);
  background:var(--bh-glass);-webkit-backdrop-filter:saturate(175%) blur(22px);backdrop-filter:saturate(175%) blur(22px);
  border:1px solid var(--bh-glass-edge);outline:1px solid var(--bh-edge);box-shadow:0 1px 2px rgba(15,23,42,.03);color:var(--bh-muted);
  transition:box-shadow .12s ease-out,background .12s ease-out;}
.bh-search:focus-within{background:var(--bh-glass-strong);box-shadow:0 0 0 3px rgba(20,184,166,.18);outline:2px solid var(--bh-nav);outline-offset:2px;}
.bh-search input{flex:1;min-width:0;border:0;outline:0;background:none;font:400 15px/1 'Inter','Segoe UI',sans-serif;color:var(--bh-ink-700);}
/* Podpowiedz to tekst: #8b97a8 dawal 2,9:1 na szkle. */
.bh-search input::placeholder{color:var(--bh-muted);opacity:1;}
.bh-search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;}
/* Lista wyboru z widoczna etykieta obok ("Dla kogo", "Kolejnosc"). Pole
   wypelnia swoje opakowanie (width:100%), wiec strzalka - liczona od krawedzi
   opakowania - stoi tuz przy tekscie. */
.bh-sel{display:inline-flex;align-items:center;gap:8px;min-width:0;font:600 12px/1 'Inter','Segoe UI',sans-serif;color:var(--bh-muted);}
.bh-sel__lab{flex:none;white-space:nowrap;}
.bh-sel__box{position:relative;display:inline-flex;min-width:0;}
.bh-sel select{appearance:none;-webkit-appearance:none;width:100%;min-width:0;height:36px;padding:0 32px 0 12px;border-radius:10px;cursor:pointer;
  background:var(--bh-glass-strong);border:1px solid var(--bh-hair);box-shadow:0 1px 2px rgba(15,23,42,.03);
  font:600 13px/1 'Inter','Segoe UI',sans-serif;color:var(--bh-ink-700);transition:box-shadow .12s ease-out;}
.bh-sel select:hover{box-shadow:0 2px 8px rgba(15,23,42,.05);}
.bh-sel select:focus-visible{outline:2px solid var(--bh-nav);outline-offset:2px;}
.bh-sel__chev{position:absolute;right:10px;top:50%;margin-top:-8px;pointer-events:none;color:var(--bh-muted);}
.bh-filtbtn{flex:none;display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 20px;border-radius:var(--bh-r-sm);cursor:pointer;
  background:var(--bh-glass-strong);border:1px solid var(--bh-glass-edge);outline:1px solid var(--bh-edge);box-shadow:0 1px 2px rgba(15,23,42,.03);
  font:600 14px/1 'Inter','Segoe UI',sans-serif;color:var(--bh-ink-700);-webkit-tap-highlight-color:transparent;
  transition:background .12s ease-out,box-shadow .12s ease-out,transform .08s ease-out;}
.bh-filtbtn:hover{box-shadow:0 2px 8px rgba(15,23,42,.05);}
.bh-filtbtn:active{transform:translateY(1px);}
.bh-filtbtn:focus-visible{outline:2px solid var(--bh-nav);outline-offset:2px;}
.bh-filtbtn[aria-expanded="true"]{background:#F5F1FF;color:var(--bh-nav-deep);border-color:rgba(124,68,253,.35);}
.bh-filtbtn__n{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--bh-nav);color:#fff;font:700 11px/1 'Inter',sans-serif;}
.bh-filtbtn__n[hidden]{display:none;}

/* Panel filtrow rozwijany pod paskiem. Bez blura – to element pomocniczy. */
.bh-filters{display:flex;flex-wrap:wrap;gap:22px 32px;margin:0 0 12px;padding:16px 20px;border-radius:var(--bh-r);
  background:var(--bh-glass-strong);border:1px solid var(--bh-glass-edge);outline:1px solid var(--bh-edge);box-shadow:var(--bh-shadow);}
.bh-filters[hidden]{display:none;}
.bh-filters__grp{display:flex;flex-direction:column;gap:8px;}
.bh-filters__lab{font:700 11.5px/1 'Inter','Segoe UI',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--bh-muted);}
.bh-filters__opts{display:flex;flex-wrap:wrap;gap:8px;}
.bh-opt{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;cursor:pointer;user-select:none;
  background:#fff;border:1px solid rgba(15,23,42,.1);font:600 13px/1 'Inter','Segoe UI',sans-serif;color:var(--bh-ink-500);
  transition:background .12s ease-out,border-color .12s ease-out,color .12s ease-out;}
.bh-opt:hover{border-color:var(--bh-tint-3);background:var(--bh-tint);color:var(--bh-brand-deep);}
.bh-opt input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none;}
.bh-opt.is-on{background:var(--bh-tint-2);border-color:var(--bh-tint-3);color:var(--bh-brand-deep);}
.bh-opt:focus-within{outline:2px solid var(--bh-nav);outline-offset:2px;}
.bh-filters__clear{align-self:flex-end;margin-left:auto;background:none;border:0;cursor:pointer;padding:8px 4px;font:600 13px/1 'Inter','Segoe UI',sans-serif;color:var(--bh-nav-dark);}
.bh-filters__clear:hover{text-decoration:underline;}
.bh-filters__clear:focus-visible{outline:2px solid var(--bh-nav);outline-offset:2px;border-radius:6px;}

/* ── pasek zakladek obszarow ───────────────────────────────────── */
/* Zakladki z licznikami jak spis w podreczniku: tekst, liczba obok, wybrana
   podkreslona fioletem akcji. Filtruja tylko narzedzia. Po prawej Dla kogo,
   Kolejnosc i Karty / Lista. Cienkie kreski nad i pod spinaja pasek z lista. */
.bh-ctrl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;margin:0 0 18px;padding:8px 0;
  border-top:1px solid var(--bh-hair);border-bottom:1px solid var(--bh-hair);}
.bh-tabs{display:flex;flex-wrap:wrap;gap:2px 20px;min-width:0;}
.bh-tab{display:inline-flex;align-items:baseline;gap:5px;padding:8px 0 6px;border:0;border-bottom:2px solid transparent;background:none;cursor:pointer;
  font:600 14px/1.2 'Inter','Segoe UI',sans-serif;color:var(--bh-muted);-webkit-tap-highlight-color:transparent;
  transition:color .15s ease-out,border-color .15s ease-out;}
.bh-tab:hover{color:var(--bh-ink-900);}
.bh-tab[aria-pressed="true"]{color:var(--bh-ink-900);border-bottom-color:var(--bh-nav);}
.bh-tab[disabled]{cursor:default;opacity:.5;}
.bh-tab[disabled]:hover{color:var(--bh-muted);}
.bh-tab:focus-visible{outline:2px solid var(--bh-nav);outline-offset:3px;border-radius:4px;}
/* Liczba to tekst, nie ozdoba - --bh-muted, nie --bh-faint (2,5:1). */
.bh-tab__n{font:500 12px/1 'Inter','Segoe UI',sans-serif;color:var(--bh-muted);font-variant-numeric:tabular-nums;}
.bh-ctrl__r{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;}

/* ── sekcje ────────────────────────────────────────────────────── */
.bh-sec{margin:0 0 44px;}
.bh-sec[hidden]{display:none;}
.bh-sec__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;}
.bh-sec__h{margin:0;font:700 22px/1.2 'Inter','Segoe UI',sans-serif;letter-spacing:-.02em;color:var(--bh-ink-900);}
/* Jedno zdanie pod naglowkiem sekcji Zestawy - co daje zestaw. */
.bh-sec__lead{max-width:110ch;margin:-6px 0 18px;font:400 15px/1.55 'Inter','Segoe UI',sans-serif;color:var(--bh-ink-500);}
/* "Zobacz wszystkie zestawy (N)" - link-przycisk w naglowku sekcji; po
   rozwinieciu strzalka obraca sie ku gorze, a tekst mowi "Pokaz mniej". */
.bh-wsz{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:6px 2px;border:0;border-radius:6px;background:none;cursor:pointer;
  font:600 13.5px/1.2 'Inter','Segoe UI',sans-serif;color:var(--bh-nav-dark);}
.bh-wsz[hidden]{display:none;}
.bh-wsz:hover{color:var(--bh-nav-deep);text-decoration:underline;text-underline-offset:3px;}
.bh-wsz:focus-visible{outline:2px solid var(--bh-nav);outline-offset:2px;}
.bh-wsz .bh-i{transition:transform .15s var(--bh-ease);}
.bh-wsz[aria-expanded="true"] .bh-i{transform:rotate(-90deg);}

/* Wspolna karta-szklo bez blura. Ruch hover/focus na koncu arkusza. */
.bh-card{position:relative;display:block;text-decoration:none;color:inherit;overflow:hidden;border-radius:var(--bh-r);
  background:var(--bh-glass);border:1px solid var(--bh-glass-edge);outline:1px solid var(--bh-edge);box-shadow:var(--bh-shadow);
  transition:background .15s ease-out,box-shadow .15s ease-out;}
.bh-card:hover{background:var(--bh-glass-strong);box-shadow:0 18px 36px -18px rgba(15,118,110,.3);}
.bh-card:focus-visible{outline:2px solid var(--bh-nav);outline-offset:3px;}
.bh-card.is-soon{cursor:default;opacity:.72;}
.bh-card.is-soon:hover{background:var(--bh-glass);box-shadow:var(--bh-shadow);}

/* Strzalka w kolku: obwodka marki, na hover karty wypelnia sie gradientem. */
.bh-go{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;flex:none;
  background:rgba(124,68,253,.08);border:1px solid rgba(124,68,253,.35);color:var(--bh-nav-dark);
  transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out;}
.bh-go .bh-i{transition:transform .15s var(--bh-ease);}
.bh-card:hover .bh-go{background:linear-gradient(135deg,var(--bh-nav),var(--bh-nav-dark));color:#fff;border-color:transparent;box-shadow:0 8px 18px -8px rgba(124,68,253,.6);}
.bh-card:hover .bh-go .bh-i{transform:translateX(2px);}
.bh-card.is-soon .bh-go{display:none;}

/* Plakietki: "wkrotce" w szarosci, jezyk w chlodnej szarosci. Koszt ma
   wlasny cennik pod separatorem, wiec plakietki go nie dubluja. */
.bh-pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:999px;white-space:nowrap;
  font:700 11.5px/1 'Inter','Segoe UI',sans-serif;letter-spacing:.01em;background:var(--bh-tint-2);color:var(--bh-brand-deep);}
.bh-pill--soon{background:#EEF0F5;color:var(--bh-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10.5px;}
.bh-pill--lang{background:#EEF2F7;color:#475569;font-weight:600;}

/* Wiersz faktow z ikonami: pozycje, czas, dla kogo. */
.bh-facts{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none;
  font:500 12.5px/1 'Inter','Segoe UI',sans-serif;color:var(--bh-muted);}
.bh-facts li{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
.bh-facts .bh-i{color:var(--bh-fakt);}

/* ── taryfa: Free i cena omowienia w jednej linii ──────────────── */
/* Ten sam znacznik dostaja bilet narzedzia, karta zestawu i wiersz listy -
   koszt czyta sie wszedzie tak samo. "Free" to plakietka-przycisk w fiolecie
   akcji (start za darmo, omija okno podgladu), cena omowienia stoi obok
   w turkusie modulu. Zestaw platny od startu ma w tym miejscu pelna
   turkusowa pigulke z cena startu i bez Free. */
/* Free stoi w prawym dolnym rogu karty, tam gdzie stala strzalka, i nosi
   jej skore: sam obrys marki na szronie, na hover karty wypelnienie
   gradientem (decyzja wlasciciela 07.10). */
.bh-bilet__free{flex:none;display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 18px;border-radius:999px;white-space:nowrap;
  background:rgba(255,255,255,.55);-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px);
  border:1px solid rgba(124,68,253,.45);color:var(--bh-nav-dark);font:700 13px/1 'Inter','Segoe UI',sans-serif;letter-spacing:.01em;
  transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out;}
.bh-card:hover .bh-bilet__free{background:linear-gradient(135deg,var(--bh-nav),var(--bh-nav-dark));color:#fff;border-color:transparent;box-shadow:0 8px 18px -8px rgba(124,68,253,.6);}
.bh-bilet__free:hover{background:linear-gradient(135deg,var(--bh-nav-dark),var(--bh-nav-deep));color:#fff;border-color:transparent;}
.bh-bilet__start{flex:none;display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:999px;white-space:nowrap;
  background:var(--bh-brand-deep);color:#fff;font:700 12.5px/1 'Inter','Segoe UI',sans-serif;font-variant-numeric:tabular-nums;}
/* Pigulka z liczba raportow zaawansowanych (okno podgladu): turkus modulu
   badan na pelnym wypelnieniu, bo to jedyna liczba, ktora cos kosztuje. */
.bh-coin{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;
  background:var(--bh-brand-deep);color:#fff;font:700 12px/1 'Inter','Segoe UI',sans-serif;font-variant-numeric:tabular-nums;}
.bh-coin .bh-i{flex:none;}

/* ── karty zestawow: obraz po prawej wtopiony w karte ──────────── */
/* Zestawy stoja po dwa w rzedzie - na start widac dwa, reszta wchodzi po
   "Zobacz wszystkie zestawy". Nieparzysta ostatnia karta bierze caly rzad,
   zeby po rozwinieciu nie zostawala dziura. */
.bh-sets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.bh-sets > .bh-set:last-child:nth-child(odd){grid-column:1/-1;}
.bh-set{min-height:252px;padding:24px 24px 22px;display:flex;flex-direction:column;}
/* Zdjecie zajmuje prawe 64% karty i jest pelne od mniej wiecej polowy karty.
   Maska jest liczona wzgledem zdjecia, wiec na szerokiej karcie przejscie
   zostaje miekkie, a zdjecie nie blednie. Pod tekstem zostaje jasna mgla
   (krycie do ok. .5), a opis i fakty maja ciemniejszy odcien niz na gruncie -
   kontrast AA zmierzony przy 1440, 1920 i 2560. */
.bh-set__pic{position:absolute;top:0;right:0;bottom:0;width:64%;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.18) 20%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.86) 58%,#000 72%);
  mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.18) 20%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.86) 58%,#000 72%);}
.bh-set__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
/* Cialo na cala szerokosc karty: stopka siega prawej krawedzi, wiec strzalka
   stoi zawsze w prawym dolnym rogu. Opis ma najwyzej 46ch i nie wiecej niz
   84% karty - kontrast AA na waskich kartach. */
.bh-set__body{position:relative;flex:1;display:flex;flex-direction:column;}
.bh-set__eyebrow{margin:0 0 10px;max-width:none;font:700 11.5px/1 'Inter','Segoe UI',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--bh-brand-deep);}
.bh-set__h{margin:0 0 4px;max-width:none;font:700 19.5px/1.24 'Inter','Segoe UI',sans-serif;letter-spacing:-.02em;color:var(--bh-ink-900);}
.bh-set__tools{margin:0 0 10px;font:500 14px/1.4 'Inter','Segoe UI',sans-serif;color:#475569;}
.bh-set__tools b{font-weight:600;color:var(--bh-ink-700);}
.bh-set__p{margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;
  font:400 14px/1.55 'Inter','Segoe UI',sans-serif;color:var(--bh-ink-500);max-width:min(40ch,88%);}
.bh-set__pills{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;}
/* Taryfa zestawu stoi nad stopka i to ona dociska pare do dolu karty.
   Gdyby auto zostalo takze na stopce, wolne miejsce rozdzielaloby sie
   miedzy oba elementy i separator odjechalby od stopki. */
.bh-set__foot{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;}
/* Fakty koncza sie tam, gdzie przed przeniesieniem strzalki: 84% ciala
   minus strzalka (44 px) i odstep (14 px). */
.bh-set__foot .bh-facts{max-width:calc(100% - 58px);gap:6px 12px;color:#475569;}
/* Strzalka stoi na zdjeciu: wlasne tlo-szklo, zeby byla wyrazna na kazdym
   obrazie. Hover karty (wyzej) nadal wypelnia ja gradientem. */
.bh-set .bh-go{background:var(--bh-glass-strong);box-shadow:var(--bh-shadow);}

/* ── lista narzedzi (widok Lista, 3 kolumny malych wierszy) ────── */
/* Wiersze jednej wysokosci (najwyzszy wiersz wyznacza wszystkie). */
.bh-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:12px 16px;}
/* Wiersz bez miniatury - pojedyncze narzedzia nie maja zdjec. */
.bh-row{display:flex;align-items:center;gap:14px;padding:12px 14px 12px 16px;border-radius:var(--bh-r-sm);min-height:80px;overflow:visible;}
/* Jeden uklad wiersza na kazdej szerokosci: skrot i pelna nazwa (bez
   ucinania), pod nimi fakty z taryfa, ktore same zawijaja sie dopiero na
   waskim ekranie. */
.bh-row__main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
.bh-row__body{max-width:100%;display:flex;flex-direction:column;gap:3px;}
.bh-row__abbr{margin:0;font:700 16.5px/1.2 'Inter','Segoe UI',sans-serif;letter-spacing:-.01em;color:var(--bh-ink-900);}
.bh-row__name{margin:0;font:400 12.5px/1.35 'Inter','Segoe UI',sans-serif;color:var(--bh-muted);}
.bh-row__meta{max-width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;}
.bh-row__facts{min-width:0;}
.bh-row__facts .bh-facts{gap:6px 14px;}
/* Taryfa w wersji waskiej: nizsza plakietka Free i cena obok, w jednym
   rzedzie z plakietka jezyka. */
.bh-row__pill{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;}
.bh-row__pill .bh-bilet__free{height:26px;padding:0 11px;font-size:12px;box-shadow:none;}
.bh-row__pill .bh-bilet__start{height:26px;padding:0 10px;font-size:12px;}
.bh-row__chev{flex:none;color:var(--bh-faint);transition:transform .15s var(--bh-ease),color .15s ease-out;}
.bh-card:hover .bh-row__chev{color:var(--bh-nav-dark);transform:translateX(2px);}
.bh-card.is-soon .bh-row__chev{display:none;}

/* ── okno podgladu narzedzia ───────────────────────────────────── */
/* Okno powtarza ekran wstepu ze strony badania (.bd-hero--intro / .bd-intro
   w css/badanie.css): zdjecie wchodzi z prawej strony naglowka pod maska,
   tresc stoi po lewej, a pod nimi lezy poziomy pasek metryki na szkle.
   Uklad jest przepisany na tokeny huba - turkus (--bh-brand-deep) na eyebrow
   i cenniku, fiolet (--bh-nav) na przycisku startu, bursztyn (--bh-fakt) na
   ikonach metryki - bo arkusz badania nie jest tu wczytywany i jego klas nie
   wolno pozyczac. Zaslona przygasza hub, ale go nie gasi: podglad jest
   warstwa nad strona, nie nowym ekranem. Od 320 px bez poziomego przewijania;
   na telefonie okno wchodzi od dolu jako arkusz (prog 760 px). z-index 9800
   stawia je nad pasek aplikacji (1000) i nad dolny pasek powloki mobilnej
   (9500), pod nakladka szukania powloki (100000). */
.bh-okno{position:fixed;inset:0;z-index:9800;display:flex;align-items:center;justify-content:center;padding:24px 16px;}
.bh-okno[hidden]{display:none;}
.bh-okno__zaslona{position:absolute;inset:0;background:rgba(15,23,42,.42);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:bhOknoZaslona .2s ease-out both;}
/* Okno przewija sie samo, gdy caly wstep nie miesci sie w oknie przegladarki
   - strona pod nim stoi (body.bh-blok). Szerokosc 620 px, bo pasek metryki
   ma cztery pola w rzedzie, tak jak na ekranie wstepu. */
/* Okno stoi nad zaslona, a nie nad gruntem strony, wiec szklo dawalo tu
   szarawy odcien zamiast glebi - tlo jest biale, bez rozmycia. */
.bh-okno__box{position:relative;display:flex;flex-direction:column;width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;border-radius:var(--bh-r);
  background:#fff;border:1px solid var(--bh-hair);outline:0;box-shadow:0 36px 72px -32px rgba(15,23,42,.5);
  animation:bhOkno .24s var(--bh-ease) both;}
/* Krzyzyk stoi na zdjeciu, wiec nosi wlasne jasne tlo - na kazdym kadrze
   zostaje widoczny. */
.bh-okno__x{position:absolute;top:12px;right:12px;z-index:3;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;cursor:pointer;
  background:rgba(255,255,255,.88);border:1px solid var(--bh-glass-edge);color:var(--bh-ink-700);-webkit-tap-highlight-color:transparent;
  transition:background .12s ease-out,color .12s ease-out;}
.bh-okno__x:hover{background:#fff;color:var(--bh-ink-900);}
.bh-okno__x:focus-visible{outline:2px solid var(--bh-nav);outline-offset:2px;}
/* Naglowek: tresc docisnieta do dolu, zdjecie za nia, pasek metryki pod
   wszystkim - ten sam porzadek co .bd-hero--intro. */
.bh-okno__hero{position:relative;flex:none;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:214px;background:#fff;border-bottom:1px solid var(--bh-hair);}
/* Maska wygasza zdjecie w lewo, zeby tytul lezal na tle, nie na kadrze. */
.bh-okno__img{position:absolute;right:0;top:0;width:62%;height:100%;object-fit:cover;object-position:center;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.22) 26%,#000 64%);
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.22) 26%,#000 64%);}
.bh-okno__hbody{position:relative;z-index:1;padding:24px 26px 18px;max-width:58%;}
.bh-okno__eyebrow{margin:0 0 9px;font:700 11.5px/1 'Inter','Segoe UI',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--bh-brand-deep);}
.bh-okno__h{margin:0 0 6px;font:800 26px/1.15 'Inter','Segoe UI',sans-serif;letter-spacing:-.02em;color:var(--bh-ink-900);}
.bh-okno__sub{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;font:500 14px/1.4 'Inter','Segoe UI',sans-serif;color:var(--bh-muted);}
/* Kropka przed nazwa to ten sam znacznik narzedzia co .bd-hero__abbr na
   ekranie wstepu; w hubie nosi turkus modulu. */
.bh-okno__abbr{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:var(--bh-ink-700);}
.bh-okno__abbr::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--bh-brand);}
.bh-okno__dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--bh-faint);}
/* Pasek metryki: cztery pola w rzedzie, oddzielone kreskami, na szkle nad
   dolna krawedzia zdjecia. */
.bh-okno__meta{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0 6px;
  background:#fff;border-top:1px solid var(--bh-hair);}
.bh-okno__m{display:grid;grid-template-columns:20px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;row-gap:3px;align-items:center;
  min-width:0;padding:11px 8px 12px 10px;border-left:1px solid var(--bh-hair);}
.bh-okno__m:first-child{border-left:0;}
.bh-okno__m .bh-i{grid-row:1/3;width:18px;height:18px;color:var(--bh-fakt);}
.bh-okno__m dt{margin:0;font:500 10.5px/1.15 'Inter','Segoe UI',sans-serif;color:var(--bh-ink-500);}
.bh-okno__m dd{margin:0;font:600 13px/1.25 'Inter','Segoe UI',sans-serif;color:var(--bh-ink-900);font-variant-numeric:tabular-nums;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bh-okno__body{display:flex;flex-direction:column;padding:22px 26px 24px;}
/* To, co narzedzie mierzy - pierwsze zdanie wstepu, bez ucinania na dwa
   wiersze jak na kafelku. */
.bh-okno__lead{margin:0 0 12px;font:400 15px/1.6 'Inter','Segoe UI',sans-serif;color:var(--bh-ink-700);}
.bh-okno__p{margin:0;font:400 14px/1.6 'Inter','Segoe UI',sans-serif;color:var(--bh-ink-500);}
/* Dla kogo i przebieg - dwa wiersze z publicznego pliku narzedzia. Bez pliku
   blok jest schowany, wiec nie zostawia po sobie odstepu. */
.bh-okno__dane{display:grid;gap:8px;margin:14px 0 0;}
.bh-okno__dane[hidden]{display:none;}
.bh-okno__d{display:grid;grid-template-columns:minmax(0,104px) minmax(0,1fr);gap:4px 12px;}
.bh-okno__d dt{font:700 11px/1.45 'Inter','Segoe UI',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--bh-muted);}
.bh-okno__d dd{margin:0;font:400 13.5px/1.55 'Inter','Segoe UI',sans-serif;color:var(--bh-ink-500);}
.bh-okno__pills{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;}
/* Oba raporty w jednej karcie na turkusie modulu: to cennik rozpisany na
   zdania, a nie rzad ozdob. */
.bh-okno__rap{margin:16px 0 0;padding:14px 16px 15px;border-radius:var(--bh-r-sm);background:var(--bh-tint);border:1px solid var(--bh-tint-3);}
.bh-okno__raph{margin:0 0 10px;font:700 11.5px/1 'Inter','Segoe UI',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--bh-brand-deep);}
.bh-okno__rapr{display:block;}
.bh-okno__rapr + .bh-okno__rapr{margin-top:12px;padding-top:12px;border-top:1px solid var(--bh-tint-3);}
.bh-okno__rapk{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 4px;font:700 13.5px/1.3 'Inter','Segoe UI',sans-serif;color:var(--bh-ink-900);}
.bh-okno__free{display:inline-flex;align-items:center;gap:5px;font:700 12.5px/1 'Inter','Segoe UI',sans-serif;color:var(--bh-brand-deep);}
.bh-okno__free .bh-i{flex:none;color:var(--bh-brand-dark);}
.bh-okno__rapp{margin:0;font:400 13.5px/1.6 'Inter','Segoe UI',sans-serif;color:var(--bh-ink-500);}
.bh-okno__act{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;}
/* Wejscie do badania to jedyna akcja okna, wiec idzie w fiolet nawigacji -
   tak samo jak przycisk startu na kafelku narzedzia. */
.bh-okno__go{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;text-decoration:none;
  background:linear-gradient(135deg,var(--bh-nav),var(--bh-nav-dark));color:#fff;font:700 14px/1 'Inter','Segoe UI',sans-serif;
  box-shadow:0 10px 22px -12px rgba(124,68,253,.8);transition:background .15s ease-out;}
.bh-okno__go:hover{background:linear-gradient(135deg,var(--bh-nav-dark),var(--bh-nav-deep));}
.bh-okno__go:focus-visible{outline:2px solid var(--bh-nav);outline-offset:3px;}
.bh-okno__go .bh-i{flex:none;transition:transform .15s var(--bh-ease);}
.bh-okno__go:hover .bh-i{transform:translateX(2px);}
.bh-okno__alt{flex:none;min-height:46px;padding:0 18px;border-radius:999px;cursor:pointer;background:none;border:1px solid rgba(15,23,42,.12);
  font:600 13.5px/1 'Inter','Segoe UI',sans-serif;color:var(--bh-ink-700);-webkit-tap-highlight-color:transparent;
  transition:background .12s ease-out,border-color .12s ease-out;}
.bh-okno__alt:hover{background:#fff;border-color:rgba(15,23,42,.2);}
.bh-okno__alt:focus-visible{outline:2px solid var(--bh-nav);outline-offset:2px;}
/* Opis narzedzia to drugie dzialanie wstepu - obwiedziona pigulka, nie
   drugi fiolet, zeby start zostal jedynym mocnym przyciskiem. */
.bh-okno__q{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border-radius:999px;text-decoration:none;
  background:none;border:1px solid rgba(15,23,42,.12);font:600 13.5px/1 'Inter','Segoe UI',sans-serif;color:var(--bh-ink-700);
  transition:background .12s ease-out,border-color .12s ease-out;}
.bh-okno__q:hover{background:#fff;border-color:rgba(15,23,42,.2);}
.bh-okno__q:focus-visible{outline:2px solid var(--bh-nav);outline-offset:2px;}
.bh-okno__q .bh-i{flex:none;color:var(--bh-brand-deep);}
/* Notki pod dzialaniami: prywatnosc odpowiedzi i zastrzezenie kliniczne,
   tak samo jak .bd-legal na koncu ekranu wstepu. */
.bh-okno__legal{margin:16px 0 0;font:400 12px/1.6 'Inter','Segoe UI',sans-serif;color:var(--bh-muted);}
/* Okno wchodzi tak samo miekko jak karty (bhWejscie), tylko z dluzszej
   drogi, bo pojawia sie nad strona, a nie w jej toku. */
@keyframes bhOkno{from{opacity:0;transform:translateY(14px) scale(.98);}to{opacity:1;transform:none;}}
@keyframes bhOknoZaslona{from{opacity:0;}to{opacity:1;}}
/* Arkusz mobilny wjezdza od dolnej krawedzi (prog 760 px nizej). */
@keyframes bhOknoArkusz{from{opacity:0;transform:translateY(100%);}to{opacity:1;transform:none;}}
/* Tlo strony nie przewija sie pod otwartym oknem. */
body.bh-blok{overflow:hidden;}

/* Przelacznik Karty / Lista: pigulki w szklanej wanience, aktywna w fiolecie. */
.bh-view{display:inline-flex;gap:4px;padding:4px;border-radius:999px;
  background:rgba(255,255,255,.62);-webkit-backdrop-filter:saturate(175%) blur(22px);backdrop-filter:saturate(175%) blur(22px);
  border:1px solid var(--bh-glass-edge);outline:1px solid var(--bh-edge);}
.bh-view__btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border-radius:999px;border:0;cursor:pointer;
  background:transparent;font:600 13.5px/1 'Inter','Segoe UI',sans-serif;color:var(--bh-muted);-webkit-tap-highlight-color:transparent;
  transition:background .12s ease-out,color .12s ease-out,box-shadow .12s ease-out;}
.bh-view__btn:hover{color:var(--bh-ink-900);}
.bh-view__btn:focus-visible{outline:2px solid var(--bh-nav);outline-offset:2px;}
.bh-view__btn[aria-pressed="true"]{background:linear-gradient(135deg,var(--bh-nav),var(--bh-nav-dark));color:#fff;box-shadow:0 6px 14px -6px rgba(124,68,253,.6);}

/* ── stopka sekcji: zastrzezenie + link do bazy ────────────────── */
.bh-note{margin:0;padding:22px 0 0;border-top:1px solid var(--bh-hair);font:400 13px/1.6 'Inter','Segoe UI',sans-serif;color:var(--bh-muted);}
.bh-note a{color:var(--bh-nav-dark);font-weight:600;text-decoration:none;}
.bh-note a:hover{text-decoration:underline;}
.bh-note a:focus-visible{outline:2px solid var(--bh-nav);outline-offset:3px;border-radius:4px;}
.bh-noscript{margin:16px 0;font:400 14px/1.5 'Inter','Segoe UI',sans-serif;color:var(--bh-ink-500);}
.bh-noscript a{color:var(--bh-nav-dark);}

/* ── stany: szkielety, blad, brak wynikow ─────────────────────── */
/* Wejscie kart po zmianie obszaru albo filtra. Bez tego lista podmieniala sie
   skokiem. Opoznienie kolejnych kart daje js/badania-hub.js (--bh-i), sufit
   to osiem kroków - dalsze karty i tak sa pod krawedzia ekranu. */
@keyframes bhWejscie{from{opacity:0;transform:translateY(7px);}to{opacity:1;transform:none;}}
.bh-wejscie > *{animation:bhWejscie .24s var(--bh-ease) backwards;animation-delay:calc(var(--bh-i,0) * 22ms);}

.bh-skel{border-radius:var(--bh-r);background:linear-gradient(90deg,rgba(15,23,42,.05) 25%,rgba(15,23,42,.09) 50%,rgba(15,23,42,.05) 75%);
  background-size:200% 100%;animation:bh-shimmer 1.4s ease-in-out infinite;}
.bh-skel--set{min-height:252px;}
.bh-skel--row{min-height:80px;border-radius:var(--bh-r-sm);}
.bh-skel--bilet{min-height:150px;}
@keyframes bh-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.bh-empty{grid-column:1/-1;padding:28px 24px;border-radius:var(--bh-r);text-align:center;
  background:var(--bh-glass);border:1px solid var(--bh-glass-edge);outline:1px solid var(--bh-edge);
  font:400 14px/1.55 'Inter','Segoe UI',sans-serif;color:var(--bh-muted);}
.bh-empty b{display:block;margin-bottom:4px;font-weight:700;color:var(--bh-ink-700);}
.bh-empty a{color:var(--bh-nav-dark);font-weight:600;text-decoration:none;}
.bh-empty a:hover{text-decoration:underline;}
.bh-empty button{margin-top:10px;background:none;border:0;cursor:pointer;padding:6px 4px;font:600 13.5px/1 'Inter','Segoe UI',sans-serif;color:var(--bh-nav-dark);}
.bh-empty button:hover{text-decoration:underline;}
.bh-empty a:focus-visible,.bh-empty button:focus-visible{outline:2px solid var(--bh-nav);outline-offset:3px;border-radius:4px;}
.bh-error{margin:0 0 40px;padding:24px;border-radius:var(--bh-r);background:#FFF7E8;border:1px solid rgba(245,158,11,.35);
  font:400 14px/1.55 'Inter','Segoe UI',sans-serif;color:#7c4a03;}
.bh-error a{color:var(--bh-nav-dark);font-weight:600;}
.bh-error a:focus-visible{outline:2px solid var(--bh-nav);outline-offset:3px;border-radius:4px;}

@media (prefers-reduced-motion:reduce){
  .bh-skel{animation:none;}
  .bh-wejscie > *{animation:none;}
  .bh-sk{animation:none;}
  .bh-go .bh-i{transition:none;}
  .bh-row__chev{transition:none;}
  .bh-wsz .bh-i{transition:none;}
  .bh-okno__box{animation:none;}
  .bh-okno__zaslona{animation:none;}
  .bh-okno__go .bh-i{transition:none;}
  .bh-okno__go:hover .bh-i{transform:none;}
  .bh-okno__q{transition:none;}
  .bh-card:hover .bh-go .bh-i,.bh-card:hover .bh-row__chev{transform:none;}
  .bh-filtbtn:active{transform:none;}
  .bh-plan__btn:active{transform:none;}
}

/* ── od 2200 px: lista narzedzi w czterech kolumnach ─────────── */
@media (min-width:2200px){
  .bh-list{grid-template-columns:repeat(4,minmax(0,1fr));}

}

/* ── waskie karty zestawow (ok. 340–520 px, dwie kolumny 761–1160).
   Opis i fakty siegaja tu prawie do prawej krawedzi karty, wiec pelne
   zdjecie zaczyna sie dopiero za tekstem (kontrast AA). */
@media (min-width:761px) and (max-width:1160px){
  .bh-set__pic{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.05) 28%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.7) 70%,#000 86%);
    mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.05) 28%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.7) 70%,#000 86%);}
}

/* ── 901–1280: narzedzia o kolumne mniej ──────────────────────── */
@media (max-width:1280px){
  .bh-list{grid-template-columns:repeat(2,minmax(0,1fr));}
  .bh-h1{font-size:42px;}
  .bh-hero__pic{width:92%;}
}
/* Panel planu 761–1279: waski, sam licznik - cennik obu raportow znika,
   bo obok tekstu naglowka nie ma na niego miejsca. */
@media (min-width:761px) and (max-width:1279px){
  .bh-plan{width:244px;}
  .bh-plan__l{flex:1 1 auto;padding-right:0;}
  .bh-plan__r{display:none;}
}
@media (max-width:900px){
  .bh-list{grid-template-columns:1fr;}
}
/* ── 761–1024: nic nie ma sie rozsypac ────────────────────────── */
@media (max-width:1024px){
  .bh-main{padding-bottom:48px;}
  .bh-hero__pic{width:94%;}
  .bh-hero__text{max-width:520px;}
  .bh-h1{font-size:38px;}
  .bh-lead{font-size:15px;}
  .bh-filtbtn{padding:0 16px;}
}

/* ── telefon <= 760: powloka mobilna (mobile-shell.js) ─────────────
   Pasek aplikacji znika, powloka daje pasek gorny 56 px i dolny pasek
   zakladek (body.mob-shell ma padding-top/bottom). Uklad w jednej kolumnie,
   zdjecie naglowka jako pasek u gory, rzad pigulek (Dla / Sortuj / Filtry)
   i rzad chipow przewijane poziomo z wyjsciem na krawedzie (margin -16 /
   padding 16). Zadnego przewijania poziomego strony: rzedy maja
   overflow-x:auto, reszta min-width:0. */
@media (max-width:760px){
  body.mob-shell.bh-body{background:var(--bh-ground);}
  .bh-wrap{padding:0 16px;}
  .bh-main{padding:0 16px 32px;}

  /* naglowek: zdjecie 170 px jako pasek, tekst pod nim, saldo pod tekstem */
  /* na telefonie okruszki wracaja do toku strony, nad pasek zdjecia */
  .bh-crumb{position:static;gap:8px;padding-top:12px;padding-bottom:10px;}
  .bh-crumb__up,.bh-crumb__cur{font-size:13px;}
  .bh-hero{height:auto;overflow:visible;border-bottom:0;}
  .bh-hero__pic{position:relative;inset:auto;width:auto;height:170px;-webkit-mask-image:none;mask-image:none;}
  .bh-hero__img{object-position:right center;}
  .bh-hero__veil{inset:0 0 auto 0;height:170px;
    background:linear-gradient(90deg,rgba(251,251,253,.55) 0%,rgba(251,251,253,0) 40%);}
  .bh-hero__inner{display:block;height:auto;padding:14px 16px 18px;}
  .bh-hero__text{max-width:none;padding-top:0;}
  .bh-eyebrow{margin-bottom:8px;font-size:11px;}
  .bh-h1{margin-bottom:8px;font-size:30px;line-height:1.1;}
  .bh-lead{font-size:14.5px;line-height:1.5;max-width:none;}
  /* Panel planu na telefonie: pasek na cala szerokosc pod tekstem
     naglowka. Pas hero ma tu height:auto, wiec panel nie rozpycha zdjecia.
     Cennik obu raportow znika (stoi w oknie podgladu); po lewej zostaje
     siatka: etykieta w pierwszym wierszu, liczba albo zdanie z przyciskiem
     obok, pod nimi pasek puli. Gesty przeplyw stawia przycisk obok liczby,
     choc w znaczniku stoi po wierszu puli. */
  .bh-plan{width:auto;height:auto;min-height:118px;margin-top:14px;padding:12px 14px;
    background:rgba(255,255,255,.85);-webkit-backdrop-filter:none;backdrop-filter:none;}
  .bh-plan__l{flex:1 1 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-auto-flow:row dense;align-items:center;gap:8px 14px;padding:0;}
  .bh-plan__r{display:none;}
  .bh-plan__lab,.bh-plan__slot{grid-column:1/-1;}
  .bh-plan__slot{min-height:0;}
  .bh-plan__n b{font-size:34px;}
  .bh-plan__p{font-size:15px;}
  .bh-plan__off{grid-column:1/-1;min-height:0;}

  /* pasek narzedzi: szukanie i Filtry w jednym rzedzie */
  .bh-tools{gap:8px;margin:0 0 10px;}
  .bh-search{height:46px;padding:0 14px;-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.85);}
  .bh-search input{font-size:16px;}
  .bh-filtbtn{height:46px;padding:0 14px;gap:8px;font-size:13px;}

  /* panel filtrow: zwarty, grupy jedna pod druga */
  .bh-filters{gap:14px;padding:14px 16px;margin-bottom:12px;}
  .bh-filters__grp{flex:1 1 100%;}
  .bh-opt{height:34px;padding:0 12px;font-size:12.5px;}
  .bh-filters__clear{align-self:flex-start;margin-left:0;padding:6px 0;}

  /* Pasek zakladek: kolumna jednoliniowa - przy flex-wrap:wrap szerokosc
     linii liczy sie z tresci (rzad zakladek), a nie z kontenera, i pasek
     rozpychal strone. Zakladki przewijaja sie poziomo z wyjsciem na
     krawedzie (margin -16 / padding 16). */
  .bh-ctrl{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:8px;margin-bottom:14px;}
  .bh-ctrl > *{min-width:0;max-width:100%;}
  .bh-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px;-webkit-overflow-scrolling:touch;}
  .bh-tabs::-webkit-scrollbar{display:none;}
  .bh-tab{flex:none;}
  .bh-ctrl__r{gap:8px 10px;}
  .bh-sel{flex:1 1 130px;flex-direction:column;align-items:stretch;gap:4px;}
  .bh-sel__box{flex:1;}
  .bh-sel select{font-size:16px;height:38px;}

  /* sekcje */
  .bh-main{padding-top:22px;}
  .bh-sec{margin:0 0 30px;}
  .bh-sec__head{flex-wrap:wrap;gap:8px 12px;margin-bottom:12px;}
  .bh-sec__h{font-size:20px;}
  .bh-sec__lead{margin:-4px 0 14px;font-size:14px;}
  .bh-wsz{margin-left:0;}

  /* zestawy: jedna kolumna, obraz jako pasek 120 px u gory karty */
  .bh-sets{grid-template-columns:1fr;gap:14px;}
  .bh-set{min-height:0;padding:0;}
  .bh-set__pic{position:relative;top:auto;right:auto;bottom:auto;width:100%;height:120px;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 60%,rgba(0,0,0,.55) 100%);
    mask-image:linear-gradient(180deg,#000 0%,#000 60%,rgba(0,0,0,.55) 100%);}
  .bh-set__body{max-width:none;padding:14px 16px 16px;}
  .bh-set__eyebrow{margin-bottom:6px;max-width:none;}
  .bh-set__h{max-width:none;font-size:18px;}
  .bh-set__tools{font-size:13px;margin-bottom:8px;}
  .bh-set__p{max-width:none;font-size:13px;margin-bottom:12px;}
  .bh-set__pills{margin-bottom:12px;}
  .bh-set__foot{gap:10px;}
  .bh-set__foot .bh-facts{flex:1;min-width:0;max-width:none;}
  .bh-go{width:40px;height:40px;}

  /* lista narzedzi: jedna kolumna; pelna nazwa, fakty i taryfa schodza pod
     nia (ten sam zawijany rzad co na desktopie) */
  .bh-list{grid-template-columns:1fr;grid-auto-rows:auto;gap:10px;}
  .bh-row{gap:12px;min-height:0;padding:12px 14px;}
  .bh-row__main{gap:8px 12px;}
  .bh-row__body{gap:2px;}
  .bh-row__abbr{font-size:15.5px;}
  .bh-row__name{font-size:12px;}
  .bh-row__meta{gap:6px 10px;}
  .bh-row__facts .bh-facts{gap:4px 10px;font-size:12px;}
  .bh-row__pill .bh-pill{height:24px;padding:0 9px;font-size:11px;}
  /* Taryfa bierze pelna szerokosc wiersza, zeby przy 320 px nic nie
     wychodzilo poza karte. */
  .bh-row__pill{flex:1 1 100%;min-width:0;}
  .bh-row__meta{width:100%;}

  /* okno podgladu: arkusz na pelna szerokosc, wjezdzajacy od dolnej
     krawedzi. Blur zdjety jak na pozostalych panelach mobilnych, wiec tlo
     kryje mocniej. Oba dzialania na cala szerokosc - na dotyku celuje sie
     w pasek, nie w pigulke obok drugiej pigulki. */
  .bh-okno{align-items:flex-end;padding:0;}
  .bh-okno__box{width:100%;max-height:88vh;border-radius:var(--bh-r) var(--bh-r) 0 0;
    background:rgba(255,255,255,.96);-webkit-backdrop-filter:none;backdrop-filter:none;animation-name:bhOknoArkusz;}
  /* Na wasko tytul nie ma 36% szerokosci do oddania zdjeciu: tresc idzie na
     cala szerokosc, zdjecie zostaje za nia pod maska, a pasek metryki lamie
     sie na dwa rzedy po dwa pola - tak samo jak wstep na telefonie. */
  .bh-okno__hero{min-height:0;}
  .bh-okno__hbody{max-width:none;padding:16px 16px 14px;}
  .bh-okno__h{font-size:22px;}
  .bh-okno__meta{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 4px;-webkit-backdrop-filter:none;backdrop-filter:none;}
  .bh-okno__m{padding:10px 10px;border-left:0;}
  .bh-okno__m:nth-child(even){border-left:1px solid var(--bh-hair);}
  .bh-okno__m:nth-child(n+3){border-top:1px solid var(--bh-hair);}
  .bh-okno__m dd{white-space:normal;overflow:visible;line-height:1.3;}
  .bh-okno__body{padding:16px 16px 20px;}
  .bh-okno__d{grid-template-columns:minmax(0,1fr);gap:2px;}
  .bh-okno__rap{padding:13px 14px 14px;}
  .bh-okno__act{gap:8px;}
  .bh-okno__go{flex:1 1 100%;}
  .bh-okno__q{flex:1 1 100%;justify-content:center;}
  .bh-okno__alt{flex:1 1 100%;}

  /* przelacznik Karty / Lista bez blura na telefonie */
  .bh-view{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.85);}
  .bh-view__btn{height:34px;padding:0 13px;font-size:13px;}

  .bh-note{padding-top:18px;font-size:12.5px;}
  .bh-skel--row{min-height:100px;}

  /* Na dotyku nie ma najechania: karta reaguje wcisnieciem, nie hoverem. */
  .bh-card:hover{background:var(--bh-glass);box-shadow:var(--bh-shadow);}
  .bh-card:hover .bh-go{background:rgba(124,68,253,.08);color:var(--bh-nav-dark);border-color:rgba(124,68,253,.35);box-shadow:none;}
  .bh-card:hover .bh-go .bh-i{transform:none;}
  .bh-card:hover .bh-row__chev{transform:none;color:var(--bh-faint);}
  .bh-card:hover .bh-bilet__free{background:rgba(255,255,255,.55);color:var(--bh-nav-dark);border-color:rgba(124,68,253,.45);box-shadow:none;}
  .bh-card:active{background:var(--bh-glass-strong);}
  .bh-card:active .bh-go{background:linear-gradient(135deg,var(--bh-nav),var(--bh-nav-dark));color:#fff;border-color:transparent;}
  .bh-card:active .bh-bilet__free{background:linear-gradient(135deg,var(--bh-nav-dark),var(--bh-nav-deep));}
}

/* ── tryb ciemny ───────────────────────────────────────────────── */
/* Bez zaleznosci od szerokosci: powloka mobilna ma wlasny ciemny wariant
   (css/mobile-shell.css body.mob-shell.dark-mode), wiec karty huba ciemnieja
   razem z nia, tak jak karty bazy testow w css/testy.css. */
body.dark-mode.bh-body{background:#0f1018;color:#cbd5e1;}
body.dark-mode .bh-hero{background:#0f1018;border-bottom-color:rgba(255,255,255,.08);}
body.dark-mode .bh-hero__img{filter:brightness(.55) saturate(.8);}
body.dark-mode .bh-hero__veil{background:linear-gradient(90deg,#0f1018 0%,rgba(15,16,24,.8) 24%,rgba(15,16,24,.3) 40%,rgba(15,16,24,0) 54%);}
body.dark-mode .bh-eyebrow{color:#5EEAD4;}
body.dark-mode .bh-h1{color:#f1f5f9;}
body.dark-mode .bh-lead{color:#cbd5e1;}
/* Panel planu: ciemne szklo, etykieta w jasnym turkusie modulu, liczba
   i zdanie w bieli tekstu naglowka, podpisy w #94a3b8 (6,9:1). */
body.dark-mode .bh-plan{background:rgba(22,24,37,.62);border-color:rgba(255,255,255,.1);outline-color:rgba(255,255,255,.04);box-shadow:0 14px 32px -18px rgba(0,0,0,.6);}
body.dark-mode .bh-plan__r{border-left-color:rgba(255,255,255,.1);}
body.dark-mode .bh-plan__lab{color:#5EEAD4;}
body.dark-mode .bh-plan__n b{color:#f1f5f9;}
body.dark-mode .bh-plan__u{color:#e2e8f0;}
body.dark-mode .bh-plan__u small{color:#94a3b8;}
body.dark-mode .bh-plan__p{color:#f1f5f9;}
body.dark-mode .bh-plan__cap{color:#94a3b8;}
body.dark-mode .bh-plan__off{color:#94a3b8;}
body.dark-mode .bh-plan__bar{background:rgba(255,255,255,.12);}
body.dark-mode .bh-plan__bar i{background:#5EEAD4;}
body.dark-mode .bh-plan__btn{color:#fff;box-shadow:0 10px 22px -12px rgba(0,0,0,.8);}
body.dark-mode .bh-plan__rh{color:#f1f5f9;}
body.dark-mode .bh-plan__poz dt{color:#e2e8f0;}
body.dark-mode .bh-plan__poz dt b{color:#5EEAD4;}
body.dark-mode .bh-plan__poz dd{color:#94a3b8;}
body.dark-mode .bh-kropki{border-bottom-color:#475569;}
body.dark-mode .bh-sk{background:linear-gradient(90deg,rgba(255,255,255,.05) 25%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.05) 75%);background-size:200% 100%;}
body.dark-mode .bh-search{background:rgba(22,24,37,.62);border-color:rgba(255,255,255,.1);outline-color:rgba(255,255,255,.04);color:#94a3b8;}
body.dark-mode .bh-search:focus-within{background:rgba(22,24,37,.82);}
body.dark-mode .bh-search input{color:#f1f5f9;}
body.dark-mode .bh-search input::placeholder{color:#7c8aa0;}
body.dark-mode .bh-sel{color:#94a3b8;}
body.dark-mode .bh-sel select{background:#1a1c2c;border-color:rgba(255,255,255,.1);color:#e2e8f0;}
body.dark-mode .bh-sel select option{background:#161825;color:#e2e8f0;}
body.dark-mode .bh-sel__chev{color:#94a3b8;}
body.dark-mode .bh-filtbtn{background:rgba(22,24,37,.82);border-color:rgba(255,255,255,.1);outline-color:rgba(255,255,255,.04);color:#e2e8f0;}
body.dark-mode .bh-filtbtn[aria-expanded="true"]{background:rgba(124,68,253,.18);color:#ddd6fe;border-color:rgba(167,139,250,.4);}
body.dark-mode .bh-ctrl{border-top-color:rgba(255,255,255,.08);border-bottom-color:rgba(255,255,255,.08);}
body.dark-mode .bh-tab{color:#94a3b8;}
body.dark-mode .bh-tab:hover{color:#f1f5f9;}
body.dark-mode .bh-tab[aria-pressed="true"]{color:#f1f5f9;border-bottom-color:#a78bfa;}
body.dark-mode .bh-tab[disabled]:hover{color:#94a3b8;}
body.dark-mode .bh-tab__n{color:#94a3b8;}
body.dark-mode .bh-sec__lead{color:#cbd5e1;}
body.dark-mode .bh-wsz{color:#c4b5fd;}
body.dark-mode .bh-wsz:hover{color:#ddd6fe;}
body.dark-mode .bh-filters{background:rgba(22,24,37,.82);border-color:rgba(255,255,255,.1);outline-color:rgba(255,255,255,.04);box-shadow:0 14px 32px -18px rgba(0,0,0,.6);}
body.dark-mode .bh-filters__lab{color:#94a3b8;}
body.dark-mode .bh-opt{background:#1a1c2c;border-color:rgba(255,255,255,.1);color:#cbd5e1;}
body.dark-mode .bh-opt:hover{background:rgba(20,184,166,.14);border-color:rgba(94,234,212,.4);color:#5EEAD4;}
body.dark-mode .bh-opt.is-on{background:rgba(20,184,166,.2);border-color:rgba(94,234,212,.45);color:#5EEAD4;}
body.dark-mode .bh-filters__clear{color:#c4b5fd;}
body.dark-mode .bh-sec__h{color:#f1f5f9;}
body.dark-mode .bh-card{background:rgba(22,24,37,.62);border-color:rgba(255,255,255,.08);outline-color:rgba(255,255,255,.04);box-shadow:0 14px 32px -18px rgba(0,0,0,.6);}
body.dark-mode .bh-card:hover{background:rgba(22,24,37,.82);box-shadow:0 18px 36px -18px rgba(0,0,0,.7);}
body.dark-mode .bh-card.is-soon:hover{background:rgba(22,24,37,.62);}
body.dark-mode .bh-crumb a{color:#94a3b8;}
body.dark-mode .bh-crumb a:hover{color:#e2e8f0;}
body.dark-mode .bh-crumb__sep{color:#475569;}
body.dark-mode .bh-crumb__cur{color:#e2e8f0;}
body.dark-mode .bh-set__img{opacity:.7;filter:brightness(.6) saturate(.85);}
body.dark-mode .bh-set__pic{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.18) 20%,rgba(0,0,0,.55) 40%,rgba(0,0,0,.88) 60%,#000 76%);mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.18) 20%,rgba(0,0,0,.55) 40%,rgba(0,0,0,.88) 60%,#000 76%);}
body.dark-mode .bh-set__eyebrow{color:#5EEAD4;}
body.dark-mode .bh-set__h{color:#f1f5f9;}
body.dark-mode .bh-set__tools{color:#94a3b8;}
body.dark-mode .bh-set__tools b{color:#e2e8f0;}
body.dark-mode .bh-set__p{color:#cbd5e1;}
body.dark-mode .bh-facts{color:#94a3b8;}
/* Na zdjeciu karty zestawu fakty jasniejsze niz na gruncie - kontrast AA. */
body.dark-mode .bh-set__foot .bh-facts{color:#cbd5e1;}
body.dark-mode .bh-facts .bh-i{color:var(--bh-fakt-dark);}
body.dark-mode .bh-pill{background:rgba(20,184,166,.18);color:#5EEAD4;}
body.dark-mode .bh-pill--soon{background:rgba(148,163,184,.16);color:#94a3b8;}
body.dark-mode .bh-pill--lang{background:rgba(148,163,184,.14);color:#cbd5e1;}
/* Taryfa: Free zostaje w fiolecie akcji (zmienia sie tylko cien), etykieta
   omowienia #94a3b8 (6,9:1), cena w jasnym turkusie modulu. Pigulka ceny
   startu jak .bh-coin nizej - przygaszony turkus z jasnym tekstem. */
body.dark-mode .bh-bilet__free{background:rgba(22,24,37,.72);border-color:rgba(167,139,250,.45);color:#ddd6fe;}
body.dark-mode .bh-card:hover .bh-bilet__free{background:linear-gradient(135deg,var(--bh-nav),var(--bh-nav-dark));color:#fff;border-color:transparent;}
body.dark-mode .bh-bilet__start{background:rgba(20,184,166,.22);color:#5EEAD4;}
/* Pelny turkus pigulki na ciemnym tle robil sie mulisty, wiec liczba idzie
   na przygaszony turkus z jasnym tekstem - tak samo jak plakietki (8,3:1). */
body.dark-mode .bh-coin{background:rgba(20,184,166,.22);color:#5EEAD4;}
body.dark-mode .bh-go{background:rgba(124,68,253,.16);border-color:rgba(167,139,250,.45);color:#ddd6fe;}
/* Strzalka na zdjeciu zestawu: ciemne szklo; hover i dotyk na koncu pliku. */
body.dark-mode .bh-set .bh-go{background:rgba(22,24,37,.82);box-shadow:0 14px 32px -18px rgba(0,0,0,.6);}
body.dark-mode .bh-row__abbr{color:#f1f5f9;}
body.dark-mode .bh-row__name{color:#94a3b8;}
body.dark-mode .bh-row__chev{color:#64748b;}
body.dark-mode .bh-card:hover .bh-row__chev{color:#c4b5fd;}
/* Okno podgladu: ciemne szklo karty, ale gestsze (.94) - okno lezy nad
   trescia huba i przezroczystosc robila z niego mgle. Zaslona ciemnieje
   mocniej niz w jasnym motywie, bo przygasza juz ciemna strone. */
body.dark-mode .bh-okno__zaslona{background:rgba(5,6,12,.62);}
body.dark-mode .bh-okno__box{background:rgba(22,24,37,.94);border-color:rgba(255,255,255,.1);outline-color:rgba(255,255,255,.04);box-shadow:0 36px 72px -32px rgba(0,0,0,.8);}
body.dark-mode .bh-okno__x{background:rgba(30,33,51,.9);border-color:rgba(255,255,255,.12);color:#e2e8f0;}
body.dark-mode .bh-okno__x:hover{background:#1e2133;color:#f1f5f9;}
body.dark-mode .bh-okno__hero{background:#1a1c2c;border-bottom-color:rgba(255,255,255,.08);}
body.dark-mode .bh-okno__img{filter:brightness(.8);}
body.dark-mode .bh-okno__eyebrow{color:#5EEAD4;}
body.dark-mode .bh-okno__h{color:#f1f5f9;}
body.dark-mode .bh-okno__sub{color:#94a3b8;}
body.dark-mode .bh-okno__abbr{color:#e2e8f0;}
body.dark-mode .bh-okno__abbr::before{background:#5EEAD4;}
/* Pasek metryki na ciemnym zdjeciu: szklo zamienia sie w gesty panel, bo
   przezroczyste bialo rozjasnialo kadr i gubilo liczby. */
body.dark-mode .bh-okno__meta{background:rgba(22,24,37,.9);border-top-color:rgba(255,255,255,.08);}
body.dark-mode .bh-okno__m{border-left-color:rgba(255,255,255,.08);}
body.dark-mode .bh-okno__m .bh-i{color:var(--bh-fakt-dark);}
body.dark-mode .bh-okno__m dt{color:#94a3b8;}
body.dark-mode .bh-okno__m dd{color:#f1f5f9;}
body.dark-mode .bh-okno__lead{color:#e2e8f0;}
body.dark-mode .bh-okno__p{color:#cbd5e1;}
body.dark-mode .bh-okno__d dt{color:#94a3b8;}
body.dark-mode .bh-okno__d dd{color:#cbd5e1;}
body.dark-mode .bh-okno__rap{background:rgba(20,184,166,.1);border-color:rgba(94,234,212,.24);}
body.dark-mode .bh-okno__raph{color:#5EEAD4;}
body.dark-mode .bh-okno__rapr + .bh-okno__rapr{border-top-color:rgba(94,234,212,.24);}
body.dark-mode .bh-okno__rapk{color:#f1f5f9;}
body.dark-mode .bh-okno__free{color:#5EEAD4;}
body.dark-mode .bh-okno__free .bh-i{color:#5EEAD4;}
body.dark-mode .bh-okno__rapp{color:#cbd5e1;}
body.dark-mode .bh-okno__go{color:#fff;box-shadow:0 10px 22px -12px rgba(0,0,0,.8);}
body.dark-mode .bh-okno__q{border-color:rgba(255,255,255,.14);color:#e2e8f0;}
body.dark-mode .bh-okno__q:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22);}
body.dark-mode .bh-okno__q .bh-i{color:#5EEAD4;}
body.dark-mode .bh-okno__alt{border-color:rgba(255,255,255,.14);color:#e2e8f0;}
body.dark-mode .bh-okno__alt:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22);}
body.dark-mode .bh-okno__legal{color:#94a3b8;}
body.dark-mode .bh-view{background:rgba(22,24,37,.62);border-color:rgba(255,255,255,.08);outline-color:rgba(255,255,255,.04);}
body.dark-mode .bh-view__btn{color:#94a3b8;}
body.dark-mode .bh-view__btn:hover{color:#f1f5f9;}
body.dark-mode .bh-view__btn[aria-pressed="true"]{color:#fff;}
body.dark-mode .bh-note{border-top-color:rgba(255,255,255,.08);color:#94a3b8;}
body.dark-mode .bh-note a{color:#c4b5fd;}
body.dark-mode .bh-skel{background:linear-gradient(90deg,rgba(255,255,255,.05) 25%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.05) 75%);background-size:200% 100%;}
body.dark-mode .bh-empty{background:rgba(22,24,37,.62);border-color:rgba(255,255,255,.08);outline-color:rgba(255,255,255,.04);color:#94a3b8;}
body.dark-mode .bh-empty b{color:#e2e8f0;}
body.dark-mode .bh-empty a{color:#c4b5fd;}
body.dark-mode .bh-empty button{color:#c4b5fd;}
body.dark-mode .bh-error{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.35);color:#fcd34d;}
body.dark-mode .bh-error a{color:#c4b5fd;}
/* Ciemne obwodki szkla (outline-color .04-.05) wygrywaja specyficznoscia z
   :focus-visible, wiec w ciemnym motywie fokus przywracamy wprost. */
body.dark-mode .bh-search:focus-within,body.dark-mode .bh-sel select:focus-visible,body.dark-mode .bh-filtbtn:focus-visible,
body.dark-mode .bh-card:focus-visible,body.dark-mode .bh-plan__btn:focus-visible{outline:2px solid var(--bh-nav);}
/* Ciemna maska zdjecia zestawu (wyzej) ma wieksza wage niz progi szerokosci,
   wiec waskie karty i telefon dostaja ja tutaj wprost. */
@media (min-width:761px) and (max-width:1160px){
  body.dark-mode .bh-set__pic{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.06) 28%,rgba(0,0,0,.26) 50%,rgba(0,0,0,.74) 70%,#000 86%);
    mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.06) 28%,rgba(0,0,0,.26) 50%,rgba(0,0,0,.74) 70%,#000 86%);}
}
@media (max-width:760px){
  body.dark-mode .bh-set__pic{-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 60%,rgba(0,0,0,.55) 100%);
    mask-image:linear-gradient(180deg,#000 0%,#000 60%,rgba(0,0,0,.55) 100%);}
  body.dark-mode .bh-set:active .bh-go{background:linear-gradient(135deg,var(--bh-nav),var(--bh-nav-dark));color:#fff;border-color:transparent;}
}
/* Ciemne szklo strzalki zestawu ma wieksza wage niz hover karty - przywracamy go. */
@media (min-width:761px){
  body.dark-mode .bh-set:hover .bh-go{background:linear-gradient(135deg,var(--bh-nav),var(--bh-nav-dark));color:#fff;border-color:transparent;box-shadow:0 8px 18px -8px rgba(124,68,253,.6);}
}

/* V24 – hover i fokus kart zestawow i narzedzi w kolorach V0. Kroki „Jak przebiega
   badanie” nie sa klikalne, wiec nie reaguja; hover tylko tam, gdzie jest mysz. */
@media screen {
  .bh-body .bh-card{transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out,background-color .18s ease-out;}
  .bh-body .bh-card:not(.is-soon):is(:focus-visible,:has(:focus-visible)){
    background:var(--bh-glass-strong);border-color:var(--bh-brand-dark);outline:1px solid var(--bh-brand-dark);outline-offset:0;
    box-shadow:inset 0 0 0 1px var(--bh-brand-dark),var(--bh-shadow);}
  body.dark-mode .bh-card:not(.is-soon):is(:focus-visible,:has(:focus-visible)){background:rgba(22,24,37,.82);box-shadow:inset 0 0 0 1px var(--bh-brand-dark),0 18px 36px -18px rgba(0,0,0,.7);}
}
@media screen and (hover:hover) {
  .bh-body .bh-card:not(.is-soon):hover{
    background:var(--bh-glass-strong);border-color:var(--bh-brand-dark);outline:1px solid var(--bh-brand-dark);outline-offset:0;
    box-shadow:inset 0 0 0 1px var(--bh-brand-dark),var(--bh-shadow);}
  body.dark-mode .bh-card:not(.is-soon):hover{background:rgba(22,24,37,.82);box-shadow:inset 0 0 0 1px var(--bh-brand-dark),0 18px 36px -18px rgba(0,0,0,.7);}
}
@media screen and (prefers-reduced-motion:no-preference) {
  .bh-body .bh-card:not(.is-soon):is(:focus-visible,:has(:focus-visible)){transform:translateY(-3px);}
}
@media screen and (hover:hover) and (prefers-reduced-motion:no-preference) {
  .bh-body .bh-card:not(.is-soon):hover{transform:translateY(-3px);}
}
@media screen and (prefers-reduced-motion:reduce) {
  .bh-body .bh-card{transform:none;transition:border-color .15s ease-out,box-shadow .15s ease-out;}
}

/* V24 – spokojniejsze okno; przyciski i cena zachowuja kolory V0. */
@media screen {
  #bh-okno .bh-okno__hero{min-height:156px;border-bottom:0;background:transparent;}
  #bh-okno .bh-okno__img{width:56%;}
  #bh-okno .bh-okno__hbody{padding:34px 30px 8px;max-width:64%;}
  #bh-okno .bh-okno__eyebrow{margin-bottom:10px;}
  #bh-okno .bh-okno__h{font-size:30px;letter-spacing:-.03em;margin-bottom:8px;}
  #bh-okno .bh-okno__body{padding:18px 30px 26px;}
  #bh-okno .bh-okno__lead{margin:0;font-size:16.5px;line-height:1.55;}
  #bh-okno .bh-okno__meta{gap:4px;margin:12px 30px 0;padding:6px;border:0;border-radius:var(--bh-r-sm);background:var(--bh-tint);-webkit-backdrop-filter:none;backdrop-filter:none;}
  #bh-okno .bh-okno__m{border:0;padding:10px 12px;}
  #bh-okno .bh-okno__m:nth-child(n){border:0;}
  #bh-okno .bh-okno__m dd{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3;}
  #bh-okno .bh-okno__p{margin:18px 0 0;font-size:13.5px;line-height:1.6;}
  #bh-okno .bh-okno__dane{gap:6px;margin:10px 0 0;}
  #bh-okno .bh-okno__d{gap:2px 14px;}
  #bh-okno .bh-okno__d dt{font-size:10.5px;}
  #bh-okno .bh-okno__d dd{font-size:13px;line-height:1.5;}
  #bh-okno .bh-okno__pills{margin-top:12px;}
  #bh-okno .bh-okno__rap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:24px 0 0;padding:18px 20px 20px;border:0;}
  #bh-okno .bh-okno__raph{grid-column:1/-1;margin:0 0 12px;font-size:11px;}
  #bh-okno .bh-okno__rapr + .bh-okno__rapr{margin:0;padding:0;border:0;}
  #bh-okno .bh-okno__rapk{font-size:14px;}
  #bh-okno .bh-okno__rapp{font-size:13px;line-height:1.55;}
  #bh-okno .bh-okno__act{margin-top:22px;}
  #bh-okno .bh-okno__legal{margin:12px 0 0;font-size:11.5px;line-height:1.55;}
  body.dark-mode #bh-okno{--bh-tint:rgba(20,184,166,.1);--bh-ink-900:#f1f5f9;}
}
@media screen and (max-width:760px) {
  #bh-okno .bh-okno__hero{min-height:0;}
  #bh-okno .bh-okno__img{width:70%;opacity:.7;}
  #bh-okno .bh-okno__hbody{padding:26px 60px 6px 20px;max-width:none;}
  #bh-okno .bh-okno__h{font-size:26px;}
  #bh-okno .bh-okno__body{padding:16px 20px 20px;}
  #bh-okno .bh-okno__lead{font-size:15.5px;}
  #bh-okno .bh-okno__meta{margin:16px 20px 0;}
  #bh-okno .bh-okno__m{padding:9px 10px;}
  #bh-okno .bh-okno__d{gap:1px;}
  #bh-okno .bh-okno__rap{grid-template-columns:minmax(0,1fr);gap:14px 0;margin-top:18px;padding:16px;}
  #bh-okno .bh-okno__raph{margin-bottom:0;}
  #bh-okno .bh-okno__act{margin-top:18px;}
}
@media screen and (prefers-contrast:more) {
  #bh-okno .bh-okno__meta,#bh-okno .bh-okno__rap{border:1px solid var(--bh-ink-900);}
}

/* V24 K – karty narzedzi bez zdjec i plaskie kroki 01/02/03. */
.bh-list--karty{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch;}
.bh-bilet{display:flex;flex-direction:column;gap:3px;min-width:0;min-height:0;box-sizing:border-box;padding:12px 18px;
  border:1px solid var(--bh-hair);border-radius:var(--bh-r-sm);background:var(--bh-glass-strong);outline:0;box-shadow:none;}
.bh-tool__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0;}
.bh-tool__abbr{font:700 19px/1.1 'Inter','Segoe UI',sans-serif;letter-spacing:-.03em;color:var(--bh-brand-dark);overflow-wrap:anywhere;}
.bh-tool__area{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font:700 10px/1.2 'Inter','Segoe UI',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--bh-muted);}
.bh-tool__id{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 12px;min-width:0;}
.bh-tool__name{position:relative;padding-left:13px;font:600 14px/1.3 'Inter','Segoe UI',sans-serif;letter-spacing:-.012em;color:var(--bh-ink-900);}
.bh-tool__name::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:1px;background:var(--bh-hair);}
.bh-tool__desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font:400 13px/1.35 'Inter','Segoe UI',sans-serif;color:var(--bh-ink-500);}
.bh-tool__facts{display:block;margin-top:auto;padding-top:10px;border-top:1px solid var(--bh-hair);}
.bh-tool__foot{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding-top:8px;}
.bh-tool__foot .bh-bilet__free{height:30px;padding:0 14px;}
.bh-tool__price{white-space:nowrap;}
.bh-kroki{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none;}
.bh-krok{min-width:0;padding-top:14px;border-top:1px solid var(--bh-hair);}
.bh-krok__n{display:block;margin:0 0 8px;font:700 12px/1 'Inter','Segoe UI',sans-serif;letter-spacing:.08em;color:var(--bh-brand-dark);font-variant-numeric:tabular-nums;}
.bh-krok__h{margin:0 0 6px;font:600 15px/1.35 'Inter','Segoe UI',sans-serif;letter-spacing:-.01em;color:var(--bh-ink-900);}
.bh-krok__p{margin:0;font:400 13.5px/1.6 'Inter','Segoe UI',sans-serif;color:var(--bh-muted);}
/* Ciemny motyw: tokeny tekstu przestawione lokalnie na jasne, grunt karty jak .bh-card. */
body.dark-mode .bh-bilet,body.dark-mode .bh-kroki{--bh-ink-900:var(--bh-ground);--bh-ink-500:var(--bh-faint);--bh-muted:var(--bh-faint);--bh-hair:color-mix(in srgb,var(--bh-faint) 25%,transparent);}
body.dark-mode .bh-bilet{background:rgba(22,24,37,.62);border-color:rgba(255,255,255,.08);outline:0;box-shadow:none;}
body.dark-mode .bh-tool__abbr,body.dark-mode .bh-krok__n{color:var(--bh-tint-3);}
@media (max-width:760px){
  .bh-list--karty{grid-template-columns:minmax(0,1fr);gap:12px;}
  .bh-kroki{grid-template-columns:minmax(0,1fr);gap:18px;}
}
/* ── Okno w ukladzie P1 (20.10.2026) ─────────────────────────────
   Lewy pasek: zdjecie wygasa w szare tlo, tytul od samej gory, lista
   narzedzi i dane. Prawa strona: wybor raportu - zaawansowany wyzej
   i wiekszy, podstawowy nizej (w zestawie wyszarzony). */
.bh-okno__box:has(.bh-o){--bh-nav:var(--bh-brand-dark);--bh-nav-dark:var(--bh-brand-deep);--bh-nav-deep:var(--bh-brand-deep);width:min(780px,100%);border-radius:24px;-webkit-font-smoothing:antialiased;}
.bh-o{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:600px;font-family:'Inter','Segoe UI',sans-serif;}
.bh-o__side{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:30px 25px 24px;background:#f7f8fa;border-right:1px solid #e7e8ec;}
.bh-o__side>*{position:relative;z-index:1;}
.bh-o__foto{position:absolute!important;z-index:0!important;left:0;right:0;top:0;height:300px;
  -webkit-mask:linear-gradient(180deg,#000 30%,transparent);mask:linear-gradient(180deg,#000 30%,transparent);}
.bh-o__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(247,248,250,.94) 0,rgba(247,248,250,.7) 120px,rgba(247,248,250,0) 210px);}
body.dark-mode .bh-o__foto::after{background:linear-gradient(180deg,rgba(26,28,44,.94) 0,rgba(26,28,44,.7) 120px,rgba(26,28,44,0) 210px);}
.bh-o__foto img{width:100%;height:100%;object-fit:cover;object-position:center 40%;}
.bh-o__eyebrow{margin:0;font:700 10.5px/1 'Inter','Segoe UI',sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--bh-nav-deep);}
.bh-o__h{margin:9px 0 0;font:600 26px/1.13 'Inter','Segoe UI',sans-serif;letter-spacing:-.03em;color:var(--bh-ink-900);text-shadow:0 1px 14px rgba(255,255,255,.7);}
.bh-o__sub{margin:6px 0 0;font:500 12.5px/1.4 'Inter','Segoe UI',sans-serif;color:#3b3a47;text-shadow:0 1px 10px rgba(255,255,255,.8);}
.bh-o__lead{margin:0;padding-top:130px;font:400 12px/1.6 'Inter','Segoe UI',sans-serif;color:#5d5b68;}
.bh-o__tl{list-style:none;margin:12px 0 0;padding:0;}
.bh-o__tl li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:5px 0;border-bottom:1px solid rgba(8,1,43,.05);font-size:11.5px;}
.bh-o__tl li:last-child{border-bottom:0;}
.bh-o__tl b{font-weight:600;color:var(--bh-ink-900);}
.bh-o__tl span{font-size:11px;color:#72757e;text-align:right;}
.bh-o__rec{display:grid;gap:8px;margin:14px 0 0;padding-top:14px;border-top:1px dashed #d5d5dc;font-size:11px;}
.bh-o__rec div{display:flex;justify-content:space-between;gap:10px;}
.bh-o__rec dt{color:#72757e;}
.bh-o__rec dd{margin:0;font-weight:550;color:#514e5c;text-align:right;}
.bh-o__main{display:flex;flex-direction:column;padding:31px 29px 20px;}
.bh-o__kicker{margin:0;font:700 10px/1 'Inter','Segoe UI',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#72757e;}
.bh-o__rh{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 12px;}
.bh-o__rh h3{margin:0;font:600 17px/1.2 'Inter','Segoe UI',sans-serif;letter-spacing:-.02em;color:var(--bh-ink-900);}
.bh-o__rh span{font-size:10.5px;color:#72757e;}
.bh-o__adv,.bh-o__base{display:block;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease;}
.bh-o__adv{position:relative;padding:18px 17px;border-radius:20px;border:1.25px solid var(--bh-hair);background:#fff;}
.bh-o__adv.is-on{border-color:var(--bh-brand-dark);background:linear-gradient(135deg,#fff,var(--bh-tint-2));box-shadow:0 10px 30px -14px rgba(13,148,136,.25);}
.bh-o__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.bh-o__nm{display:flex;align-items:center;gap:10px;}
.bh-o__nm b{font:600 15px/1.2 'Inter','Segoe UI',sans-serif;color:var(--bh-ink-900);}
.bh-o__radio{flex:none;width:17px;height:17px;border-radius:50%;border:1.5px solid #c5c7cc;background:#fff;}
.is-on .bh-o__radio{border:5px solid var(--bh-brand-dark);box-shadow:0 0 0 3px #fff;}
.bh-o__cena{text-align:right;white-space:nowrap;font:650 20px/1.1 'Inter','Segoe UI',sans-serif;letter-spacing:-.03em;color:var(--bh-ink-900);font-variant-numeric:tabular-nums;}
.bh-o__cena small{display:block;margin-top:3px;font-size:10px;font-weight:400;letter-spacing:0;color:#72757e;}
.bh-o__cechy{display:grid;gap:9px;margin-top:14px;font-size:11.5px;color:#55535f;}
.bh-o__cechy span::before{content:"\2713";margin-right:8px;font-weight:700;color:var(--bh-brand-dark);}
.bh-o__base{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:18px 17px;border-radius:20px;border:1.25px solid var(--bh-hair);background:#fff;}
.bh-o__base .bh-o__nm{flex-wrap:wrap;}
.bh-o__base small{font-size:12px;color:var(--bh-ink-700);white-space:nowrap;}
.bh-o__bf{flex-basis:100%;margin-left:27px;font-size:11.5px;color:#55535f;}
.bh-o__base.is-off{margin:0 0 12px;background:#f6f6f8;}
.bh-o__base.is-off{cursor:default;color:#92949c;}
.bh-o__base.is-off b{color:#92949c;font-weight:550;font-size:12.5px;}
.bh-o__base.is-on{border-color:var(--bh-brand-dark);background:linear-gradient(135deg,#fff,var(--bh-tint-2));}
button.bh-o__adv:not(.is-on):hover,button.bh-o__base:not(.is-on):hover{border-color:var(--bh-brand-dark);background:var(--bh-tint);}
.bh-o__adv:focus-visible,.bh-o__base:focus-visible{outline:2px solid var(--bh-brand-dark);outline-offset:2px;}
.bh-o__note{margin:10px 0 0;font-size:10.5px;color:#72757e;}
.bh-o__buy{margin-top:auto;padding-top:18px;}
.bh-o__go{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border-radius:15px;text-decoration:none;
  background:linear-gradient(180deg,var(--bh-brand-dark),var(--bh-brand-deep));color:#fff;font:600 13.5px/1 'Inter','Segoe UI',sans-serif;letter-spacing:.01em;transition:background .18s ease;}
.bh-o__go:hover{background:var(--bh-brand-deep);}
.bh-o__go:active{background:var(--bh-nav-deep);}
.bh-o__go:focus-visible{outline:2px solid var(--bh-nav);outline-offset:3px;}
.bh-o__buy .bh-pill--soon{display:flex;justify-content:center;min-height:50px;align-items:center;border-radius:15px;}
.bh-o__pay{margin:8px 0 0;text-align:center;font-size:10.5px;color:#8a8b93;}
.bh-o__links{display:flex;justify-content:center;gap:10px;margin-top:8px;}
.bh-o__links a{padding:6px 12px;border:0;border-radius:9px;background:none;cursor:pointer;text-decoration:none;font:500 11.5px/1.2 'Inter','Segoe UI',sans-serif;color:var(--bh-brand-deep);transition:background .15s ease;}
.bh-o__links a:hover{background:var(--bh-tint);}
.bh-o__links a:focus-visible{outline:2px solid var(--bh-brand-dark);outline-offset:2px;}
body.dark-mode .bh-o__eyebrow,body.dark-mode .bh-o__links a{color:#5EEAD4;}
body.dark-mode .bh-o__links a:hover{background:rgba(20,184,166,.12);}
.bh-o__legal{margin:8px 0 0;text-align:center;font-size:9.5px;line-height:1.5;color:#a0a2a9;}
.bh-okno__box:has(.bh-o) .bh-okno__x{border:0;background:#f1f1f4;}
body.dark-mode .bh-okno__box:has(.bh-o) .bh-okno__x{background:#303442;color:#d5dbe6;}
body.dark-mode .bh-okno__box:has(.bh-o) .bh-okno__x:hover{background:#3b4050;color:#fff;}
@media (max-width:760px){
  .bh-o{grid-template-columns:1fr;min-height:0;}
  .bh-o__side{border-right:0;border-bottom:1px solid #e7e8ec;padding:24px 18px 18px;}
  .bh-o__foto{height:230px;}
  .bh-o__lead{padding-top:70px;}
  .bh-o__main{padding:20px 18px 18px;}
}
body.dark-mode .bh-o__side{background:#1a1c2c;border-color:rgba(255,255,255,.08);}
body.dark-mode .bh-o__h,body.dark-mode .bh-o__tl b,body.dark-mode .bh-o__rh h3,body.dark-mode .bh-o__nm b,body.dark-mode .bh-o__cena{color:#f1f5f9;text-shadow:none;}
body.dark-mode .bh-o__sub,body.dark-mode .bh-o__lead,body.dark-mode .bh-o__cechy,body.dark-mode .bh-o__rec dd{color:#cbd5e1;text-shadow:none;}
body.dark-mode .bh-o__adv{background:#1e2133;border-color:rgba(255,255,255,.12);}
body.dark-mode .bh-o__adv.is-on,body.dark-mode .bh-o__base.is-on{border-color:var(--bh-brand);background:linear-gradient(135deg,#1e2133,#153c3a);}
body.dark-mode .bh-o__base{background:#1a1c2c;border-color:rgba(255,255,255,.08);}
body.dark-mode .bh-o__base small,body.dark-mode .bh-o__bf{color:#cbd5e1;}
body.dark-mode .bh-o__base.is-on{border-color:var(--bh-brand-dark);background:linear-gradient(135deg,#1e2133,#153c3a);}
/* Clinical: ikonka z liczba opracowan obok ceny (karta, okno, przycisk). */
.bh-opr{display:inline-flex;align-items:center;gap:3px;margin-left:4px;font-weight:600;opacity:.85;white-space:nowrap;}
.bh-opr .bh-i{width:.95em;height:.95em;flex:none;}
.bh-o__cena .bh-opr{font-size:13px;letter-spacing:0;}
/* Jedna plakietka ceny dla wszystkich kart (21.10, decyzja wlasciciela):
   Free i cena platnego startu w tej samej skorze - szron, obrys i tekst
   w turkusie modulu badan; na hover karty wypelnienie turkusem. */
.bh-bilet__free,.bh-bilet__start{flex:none;display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 18px;border-radius:999px;white-space:nowrap;
  background:rgba(255,255,255,.55);-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px);
  border:1px solid rgba(13,148,136,.45);color:var(--bh-brand-deep);font:700 13px/1 'Inter','Segoe UI',sans-serif;letter-spacing:.01em;font-variant-numeric:tabular-nums;
  box-shadow:none;transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out;}
.bh-card:hover .bh-bilet__free,.bh-card:hover .bh-bilet__start,.bh-bilet__free:hover{background:linear-gradient(135deg,var(--bh-brand-dark),var(--bh-brand-deep));color:#fff;border-color:transparent;box-shadow:none;}
.bh-tool__foot .bh-bilet__free,.bh-tool__foot .bh-bilet__start{height:30px;padding:0 14px;}
.bh-row__pill .bh-bilet__free,.bh-row__pill .bh-bilet__start{height:26px;padding:0 11px;font-size:12px;}
@media (hover:none){
  .bh-card:hover .bh-bilet__free,.bh-card:hover .bh-bilet__start{background:rgba(255,255,255,.55);color:var(--bh-brand-deep);border-color:rgba(13,148,136,.45);}
  .bh-card:active .bh-bilet__free,.bh-card:active .bh-bilet__start{background:linear-gradient(135deg,var(--bh-brand-dark),var(--bh-brand-deep));color:#fff;}
}
body.dark-mode .bh-bilet__free,body.dark-mode .bh-bilet__start{background:rgba(22,24,37,.72);border-color:rgba(94,234,212,.4);color:#5EEAD4;}
body.dark-mode .bh-card:hover .bh-bilet__free,body.dark-mode .bh-card:hover .bh-bilet__start{background:linear-gradient(135deg,var(--bh-brand-dark),var(--bh-brand-deep));color:#fff;border-color:transparent;}

/* Karta narzedzia: hover bez cienia i bez ruchu - tylko obrys i tlo. */
.bh-bilet{transition:background .15s ease-out,border-color .15s ease-out;}
.bh-bilet:hover,.bh-card.bh-bilet:hover{box-shadow:none;background:var(--bh-glass-strong);border-color:color-mix(in srgb,var(--bh-brand-deep) 50%,transparent);}
body.dark-mode .bh-bilet:hover{background:rgba(22,24,37,.8);border-color:rgba(94,234,212,.4);box-shadow:none;}
.bh-o__go.is-wait{background:#e9e7f2;color:#6b6a78;cursor:default;pointer-events:none;}
body.dark-mode .bh-o__go.is-wait{background:#2a2c40;color:#94a3b8;}

body.dark-mode .bh-plan__rp{color:#cbd5e1;}
body.dark-mode .bh-plan__rp--clin{color:#5EEAD4;}

/* Pojedyncza karta: tresc na pelna szerokosc, Free na dole po prawej.
   Bez etykiet raportow, ceny Advanced i separatorow wewnatrz karty. */
.bh-bilet{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h h" "d d" "x f";column-gap:18px;row-gap:8px;align-content:start;}
.bh-tool__head{grid-area:h;}
.bh-tool__desc{grid-area:d;}
.bh-tool__bottom{display:contents;}
.bh-tool__facts{grid-area:x;align-self:end;margin:0;padding:0;border:0;}
.bh-tool__facts .bh-facts{flex-wrap:wrap;gap:6px 14px;}
.bh-tool__foot{grid-area:f;display:flex;flex-wrap:wrap;align-items:center;align-self:end;justify-content:flex-end;gap:6px;padding:0;border:0;}
.bh-tool__base,.bh-tool__price{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:0;}
.bh-tool__base{padding:0;}
.bh-tool__price{padding-top:12px;border-top:1px solid var(--bh-hair);}
.bh-tool__lab,.bh-tool__price small{display:block;font:500 11.5px/1.2 'Inter','Segoe UI',sans-serif;color:var(--bh-muted);}
.bh-tool__foot .bh-bilet__free,.bh-tool__price b{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 12px;border-radius:999px;white-space:nowrap;
  border:1px solid rgba(13,148,136,.45);background:rgba(255,255,255,.55);color:var(--bh-brand-deep);font:700 12.5px/1 'Inter','Segoe UI',sans-serif;font-variant-numeric:tabular-nums;}
body.dark-mode .bh-tool__price b{background:rgba(22,24,37,.72);color:#5EEAD4;}
.bh-sec__lead b{font-weight:600;color:var(--bh-ink-900);}
body.dark-mode .bh-sec__lead b{color:#f1f5f9;}

/* Hover na przyciskach stopki: sama karta ich nie wypelnia. Free podswietla sie
   lekko, cena (Advanced) mocniej - turkusowa poswiata przyciaga oko. Klik
   otwiera okno z tym raportem wybranym. */
.bh-tool__base,.bh-tool__price{cursor:pointer;}
.bh-tool__foot .bh-bilet__free,.bh-tool__price b{cursor:pointer;transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out,box-shadow .18s ease-out;}
.bh-card:hover .bh-tool__foot .bh-bilet__free{background:linear-gradient(135deg,var(--bh-brand-dark),var(--bh-brand-deep));color:#fff;border-color:transparent;box-shadow:none;}
.bh-card .bh-tool__price:hover b{background:linear-gradient(135deg,var(--bh-brand-dark),var(--bh-brand-deep));border-color:transparent;color:#fff;
  box-shadow:0 0 0 4px rgba(13,148,136,.18),0 8px 20px -6px rgba(13,148,136,.6);}
body.dark-mode .bh-card .bh-tool__price:hover b{color:#fff;box-shadow:0 0 0 4px rgba(94,234,212,.2),0 8px 20px -6px rgba(20,184,166,.7);}
@media (hover:none){
  .bh-card .bh-tool__price:hover b{background:rgba(255,255,255,.55);color:var(--bh-brand-deep);border-color:rgba(13,148,136,.45);box-shadow:none;}
}

/* Karta narzedzia: hover bez unoszenia i bez zielonej ramki - tylko delikatne
   tlo, jasniejsza ramka i skrot w kolorze modulu. Fokus z klawiatury zostaje. */
@media screen and (hover:hover) {
  .bh-body .bh-bilet:not(.is-soon):hover{background:color-mix(in srgb,var(--bh-glass-strong) 93%,var(--bh-brand-dark));
    border-color:color-mix(in srgb,var(--bh-brand-deep) 38%,var(--bh-hair));outline:0;box-shadow:none;transform:none;}
  body.dark-mode .bh-bilet:not(.is-soon):hover{background:color-mix(in srgb,rgba(22,24,37,.82) 93%,#5EEAD4);border-color:rgba(94,234,212,.42);box-shadow:none;}
  .bh-body .bh-bilet:not(.is-soon):hover .bh-tool__abbr{color:var(--bh-brand-deep);}
}
@media screen {
  .bh-body .bh-bilet:not(.is-soon):is(:focus-visible,:has(:focus-visible)){border-color:var(--bh-hair);outline:2px solid var(--bh-nav);outline-offset:3px;box-shadow:none;transform:none;}
}
@media screen and (prefers-reduced-motion:no-preference) {
  .bh-body .bh-bilet:not(.is-soon):hover,.bh-body .bh-bilet:not(.is-soon):is(:focus-visible,:has(:focus-visible)){transform:none;}
}

/* Cena Advanced: raz, przy wejsciu myszy - miekki puls poswiaty. Bez ruchu
   elementu, wylaczany przy prefers-reduced-motion. */
@keyframes bh-adv-puls{0%{box-shadow:0 0 0 0 rgba(13,148,136,.5),0 8px 20px -6px rgba(13,148,136,.6);}100%{box-shadow:0 0 0 12px rgba(13,148,136,0),0 8px 20px -6px rgba(13,148,136,.6);}}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .bh-card .bh-tool__price:hover b{animation:bh-adv-puls .75s ease-out 1;}
}
.bh-krok__p b{font-weight:600;color:var(--bh-ink-900);}
body.dark-mode .bh-krok__p b{color:#f1f5f9;}

/* Pointer light without card rotation or scaling. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .bh-body a.bh-card[data-bh-slug]:not(.is-soon)::after {
    content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;opacity:0;
    background:radial-gradient(260px circle at var(--bh-mx,50%) var(--bh-my,50%),rgba(13,148,136,.09),rgba(20,184,166,.0525) 40%,transparent 75%);
    transition:opacity .25s ease-out;
  }
  .bh-body a.bh-card[data-bh-slug].bh-pointer-lit::after {opacity:.3;}
  body.dark-mode .bh-body a.bh-card[data-bh-slug]:not(.is-soon)::after {
    background:radial-gradient(260px circle at var(--bh-mx,50%) var(--bh-my,50%),rgba(94,234,212,.15),rgba(20,184,166,.09) 40%,transparent 75%);
  }
}

/* Cards stay still; retain pointer light and immediate keyboard focus. */
@media screen {
  .bh-body a.bh-card[data-bh-slug],
  .bh-body a.bh-card[data-bh-slug]:is(:hover,:focus-visible,:active,:has(:focus-visible)) {transform:none;scale:1;will-change:auto;}
}
@media screen and (hover:hover) and (pointer:fine) {
  .bh-body .bh-card {transition:background-color .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out;}
  .bh-body .bh-card:is(:focus-visible,:has(:focus-visible)) {transition-delay:0s;transition-duration:0s;}
  .bh-card:hover .bh-tool__foot .bh-bilet__free:hover,.bh-card .bh-bilet__free:hover,.bh-card .bh-bilet__start:hover,
  body.dark-mode .bh-card .bh-bilet__free:hover,body.dark-mode .bh-card .bh-bilet__start:hover {
    background:linear-gradient(135deg,var(--bh-brand-deep),color-mix(in srgb,var(--bh-brand-deep) 85%,#000));color:#fff;border-color:transparent;
    box-shadow:0 0 0 3px rgba(13,148,136,.14),0 6px 16px -8px rgba(13,148,136,.45);
  }
}
@media (prefers-reduced-motion:reduce) {
  .bh-body .bh-card,.bh-body .bh-card:hover {transition:none;}
}

/* Sets have a stronger hover edge than individual tools; preserve keyboard focus. */
@media screen and (hover:hover) {
  .bh-body .bh-set.bh-card:not(.is-soon):hover:not(:focus-visible):not(:has(:focus-visible)) {
    border-color:rgba(13,148,136,.7);outline:0;box-shadow:inset 0 0 0 1px rgba(13,148,136,.25),0 0 0 3px rgba(13,148,136,.06),0 0 24px rgba(13,148,136,.16),var(--bh-shadow);
  }
  body.dark-mode .bh-body .bh-set.bh-card:not(.is-soon):hover:not(:focus-visible):not(:has(:focus-visible)) {
    border-color:rgba(94,234,212,.7);outline:0;box-shadow:inset 0 0 0 1px rgba(94,234,212,.25),0 0 0 3px rgba(94,234,212,.05),0 0 24px rgba(94,234,212,.14),0 14px 32px -18px rgba(0,0,0,.6);
  }
}


/* Accepted neutral BETA badge; native popover escapes the hero clipping. */
.bh-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-bottom:10px;}
.bh-title-row .bh-h1{margin-bottom:0;}
.bh-beta{flex:none;padding:6px 10px;border:1px solid #e0e3e9;border-radius:5px;background:#edf0f3;color:#586574;font:600 11px/1.4 'Inter','Segoe UI',sans-serif;letter-spacing:1px;cursor:pointer;}
.bh-beta:hover{background:#e4e8ee;}
.bh-beta:focus-visible{outline:2px solid var(--bh-nav);outline-offset:3px;}
.bh-beta-info{position:fixed;inset:auto;margin:0;width:min(320px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:16px 18px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;color:#475569;box-shadow:0 12px 36px #0f172a20;font:400 13px/1.65 'Inter','Segoe UI',sans-serif;letter-spacing:0;}
body.dark-mode .bh-beta{background:#303442;border-color:#454b5d;color:#d5dbe6;}
body.dark-mode .bh-beta:hover{background:#3b4050;}
body.dark-mode .bh-beta-info{background:#1a1c2c;color:#cbd5e1;border-color:#454b5d;}
@media(pointer:coarse){.bh-beta{min-height:44px;min-width:44px;}}
@media(max-width:760px){.bh-title-row{gap:8px 12px;margin-bottom:8px;}}

/* Selected report interactions: tint on both, gentle sweep on Advanced only. */
.bh-okno__box:has(.bh-o) .bh-o__adv,.bh-okno__box:has(.bh-o) .bh-o__base{transition:background .18s ease,border-color .18s ease;}
.bh-okno__box:has(.bh-o) button.bh-o__adv{isolation:isolate;overflow:hidden;}
.bh-okno__box:has(.bh-o) button.bh-o__adv::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(20,184,166,.12) 50%,transparent 70%);transform:translateX(-110%);opacity:0;}
@media(hover:hover) and (pointer:fine){
 .bh-okno__box:has(.bh-o) button:is(.bh-o__adv,.bh-o__base):not(.is-off):hover{background:#d9f6ef;border-color:#0d9488;}
 .bh-okno__box:has(.bh-o) button.bh-o__adv:not(.is-off):hover::after{opacity:1;transform:translateX(110%);transition:transform .9s ease,opacity .12s ease;}
 body.dark-mode .bh-okno__box:has(.bh-o) button:is(.bh-o__adv,.bh-o__base):not(.is-off):hover{background:#1b4b45;border-color:#2dd4bf;}
}
/* Stable CTA surface avoids the old gradient-to-solid hover jump. */
.bh-okno__box:has(.bh-o) .bh-o__go:not(.is-wait){position:relative;isolation:isolate;overflow:hidden;background:#0f766e;color:#fff;transition:background-color .18s ease,transform .12s ease,box-shadow .12s ease;}
.bh-okno__box:has(.bh-o) .bh-o__go>span:not(.bh-o__ripple){position:relative;z-index:2;}
@media(hover:hover) and (pointer:fine){.bh-okno__box:has(.bh-o) .bh-o__go:not(.is-wait):hover{background:#115e59;}}
.bh-okno__box:has(.bh-o) .bh-o__go:not(.is-wait):active{background:#115e59;transform:translateY(2px) scale(.985);box-shadow:inset 0 3px 7px rgba(0,0,0,.2);}
.bh-o__go .bh-o__ripple{position:absolute;z-index:1;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.34);pointer-events:none;transform:translate(-50%,-50%) scale(0);animation:bhReportRipple .65s ease-out forwards;}
@keyframes bhReportRipple{to{transform:translate(-50%,-50%) scale(34);opacity:0;}}
@media(prefers-reduced-motion:reduce){.bh-okno__box:has(.bh-o) button.bh-o__adv::after,.bh-o__go .bh-o__ripple{display:none;animation:none;}.bh-okno__box:has(.bh-o) .bh-o__go:not(.is-wait){transition:none;}.bh-okno__box:has(.bh-o) .bh-o__go:not(.is-wait):active{transform:none;}}

/* Available question languages: locale first, muted unavailable rows. */
.bh-o__languages{margin-top:18px}.bh-o__languages-label{margin-bottom:9px;font:600 9px/1.4 Inter,Segoe UI,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7a8898}.bh-o__languages-table{width:100%;border-collapse:collapse;font:400 10.5px/1.5 Inter,Segoe UI,sans-serif;color:#64748b}.bh-o__languages-table th,.bh-o__languages-table td{padding:8px 0;border-bottom:1px solid #e1e6ea}.bh-o__languages-table th{text-align:left;font-weight:400}.bh-o__languages-table td{text-align:right;font-size:10px}.bh-o__languages-table .is-unavailable th,.bh-o__languages-table .is-unavailable td{color:#a2abb3}body.dark-mode .bh-o__languages-label{color:#94a3b8}body.dark-mode .bh-o__languages-table{color:#cbd5e1}body.dark-mode .bh-o__languages-table th,body.dark-mode .bh-o__languages-table td{border-color:rgba(255,255,255,.1)}body.dark-mode .bh-o__languages-table .is-unavailable th,body.dark-mode .bh-o__languages-table .is-unavailable td{color:#7e8a9b}

/* Accepted compact photograph header; description and facts flow below it. */
.bh-o__side{padding:0;}
.bh-o__hero{position:relative;isolation:isolate;min-height:145px;padding:22px 25px;overflow:hidden;}
.bh-o__hero .bh-o__foto{position:absolute!important;inset:0;width:100%;height:100%;-webkit-mask:none;mask:none;z-index:-1!important;}
.bh-o__hero .bh-o__foto::after,body.dark-mode .bh-o__hero .bh-o__foto::after{background:linear-gradient(180deg,rgba(7,24,33,.7),rgba(7,24,33,.3));}
.bh-o__hero .bh-o__foto img{object-position:center 45%;}
.bh-o__hero .bh-o__eyebrow,body.dark-mode .bh-o__hero .bh-o__eyebrow{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.25);}
.bh-o__hero .bh-o__h,body.dark-mode .bh-o__hero .bh-o__h{margin-top:9px;font-size:23px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.25);}
.bh-o__hero .bh-o__sub,body.dark-mode .bh-o__hero .bh-o__sub{color:#fff;font-size:11px;text-shadow:0 1px 6px rgba(0,0,0,.25);}
.bh-o__details{padding:18px 25px 24px;}
.bh-o__details .bh-o__lead{padding-top:0;margin:0;}
@media(max-width:760px){.bh-o__side{padding:0;}.bh-o__hero{padding:22px 18px;}.bh-o__details{padding:18px;}}

/* Preserve natural grid height inside the scrollable modal on mobile. */
.bh-okno__box:has(.bh-o)>.bh-o{flex-shrink:0;}

/* Return to a quiet text header, without photograph or reserved image space. */
.bh-o__hero{min-height:0;padding-bottom:0;overflow:visible;}
.bh-o__hero .bh-o__foto{display:none;}
.bh-o__hero .bh-o__eyebrow{color:var(--bh-brand-deep);text-shadow:none;}
.bh-o__hero .bh-o__h{color:var(--bh-ink-900);font-size:26px;text-shadow:none;}
.bh-o__hero .bh-o__sub{color:#3b3a47;font-size:12.5px;text-shadow:none;}
body.dark-mode .bh-o__hero .bh-o__eyebrow{color:#5eead4;text-shadow:none;}
body.dark-mode .bh-o__hero .bh-o__h{color:#f1f5f9;text-shadow:none;}
body.dark-mode .bh-o__hero .bh-o__sub{color:#cbd5e1;text-shadow:none;}

/* Small standalone photo above the text header, aligned left. */
.bh-o__hero .bh-o__foto{display:block;position:relative!important;inset:auto;width:88px;height:58px;z-index:auto!important;border-radius:8px;overflow:hidden;margin-bottom:14px;}
.bh-o__hero .bh-o__foto::after,body.dark-mode .bh-o__hero .bh-o__foto::after{display:none;}
.bh-o__hero .bh-o__foto img{width:100%;height:100%;object-fit:cover;object-position:center;}

/* Language availability anchors the bottom of the sidebar details. */
.bh-o__details{display:flex;flex-direction:column;flex:1 0 auto;}
.bh-o__details>.bh-o__languages{margin-top:auto;padding-top:18px;}
@media(max-width:760px){.bh-o__details{flex:0 0 auto;}.bh-o__details>.bh-o__languages{margin-top:0;padding-top:18px;}}

/* Reference: short photograph strip flush with the sidebar edges. */
.bh-o__hero .bh-o__foto{width:calc(100% + 50px);height:125px;margin:-22px -25px 20px;border-radius:0;}
@media(max-width:760px){.bh-o__hero .bh-o__foto{width:calc(100% + 36px);margin-left:-18px;margin-right:-18px;}}

/* Selection ripple is decorative and shares the CTA timing. */
button.bh-o__base,button.bh-o__adv{position:relative;isolation:isolate;overflow:hidden;}
button.bh-o__base>.bh-o__ripple,button.bh-o__adv>.bh-o__ripple{position:absolute;z-index:2;width:28px;height:28px;border-radius:50%;background:rgba(13,148,136,.16);pointer-events:none;transform:translate(-50%,-50%) scale(0);animation:bhReportRipple .65s ease-out forwards;}
body.dark-mode button.bh-o__base>.bh-o__ripple,body.dark-mode button.bh-o__adv>.bh-o__ripple{background:rgba(94,234,212,.2);}
.bh-o__interpretation{margin-top:12px;}
@media(prefers-reduced-motion:reduce){button.bh-o__base>.bh-o__ripple,button.bh-o__adv>.bh-o__ripple{display:none;animation:none;}}

/* Selected option 2: quiet outline, with top-layer language explanation. */
.bh-pill--lang{background:transparent;border:1px solid #cfdce6;border-radius:6px;padding:4px 9px;color:#60778a;font-weight:500;cursor:help;}
body.dark-mode .bh-pill--lang{background:transparent;border-color:#52687b;color:#b0c3d3;}
.bh-language-tip{position:fixed;inset:auto;margin:0;width:290px;max-width:calc(100vw - 24px);padding:12px 14px;border:1px solid #dce3e9;border-radius:10px;background:#fff;color:#526477;box-shadow:0 10px 30px rgba(15,23,42,.14);font:400 12px/1.6 Inter,Segoe UI,sans-serif;}
body.dark-mode .bh-language-tip{background:#1a1c2c;color:#d5dbe6;border-color:#454b5d;}

/* Accepted report benefits: 2026-10-22. Keep existing selection/ripple behavior. */
.bh-o__benefit{display:block;margin:12px 0 0;font-size:12px;line-height:1.55;font-weight:500;color:#344b56;}
button.bh-o__base{display:block;padding:17px;border-radius:18px;background:#fff;}
button.bh-o__base .bh-o__top{align-items:center;}
button.bh-o__base small{font-size:11px;font-weight:600;color:var(--bh-brand-dark);}
.bh-o__cechy{gap:9px;font-size:12px;line-height:1.55;}
.bh-o__cechy>span{display:block;position:relative;padding-left:21px;}
.bh-o__cechy>span::before{position:absolute;left:0;top:0;margin:0;}
.bh-o__set-extra{display:block;margin-top:17px;padding-top:14px;border-top:1px solid rgba(13,148,136,.2);}
.bh-o__set-extra>strong{display:block;font-size:11px;font-weight:650;color:var(--bh-brand-dark);}
.bh-o__set-extra .bh-o__cechy{margin-top:9px;}
body.dark-mode .bh-o__benefit{color:#cbd5e1;}
body.dark-mode button.bh-o__base{background:#1a1c2c;}
body.dark-mode button.bh-o__base.is-on{background:linear-gradient(135deg,#1e2133,#153c3a);}
body.dark-mode button.bh-o__base small,body.dark-mode .bh-o__set-extra>strong{color:#5eead4;}
@media(max-width:600px){.bh-o__cechy{font-size:12px;gap:10px;}.bh-o__benefit{font-size:12px;}button.bh-o__base,.bh-o__adv{padding:16px 14px;}}

/* Price qualifier stays below the amount without increasing header height. */
.bh-o__cena{position:relative;}
.bh-o__cena small{position:absolute;top:100%;right:0;white-space:nowrap;}

/* Standalone short questionnaires: selected free Full report. */
.bh-o__full .bh-o__free-label{color:var(--bh-brand-dark);font-size:12px;font-weight:650;white-space:nowrap;}
.bh-o__full .bh-o__benefit{font-weight:400;}
body.dark-mode .bh-o__full .bh-o__free-label{color:#5eead4;}