/* ---------------------------------------------------------------------
   BLOK 3 - OFERTY PRACY DLA CZLOWIEKA (zloty standard 26.10, dyzajn
   BLOK-03-OFERTY). Liczby i kolory wprost z dyzajnu, dwa motywy w
   zmiennych `--b-*` na `.b3`. Telefon jest baza; planszet (od 720 px):
   listy w dwoch kolumnach; laptop (od 1024 px): wlasny uklad - filtry
   z lewej, karta oferty w dwoch kolumnach z panelem "Zglos sie" z prawej,
   arkusze jako okno na srodku. Przedrostek `b3-`, arkusz stoi tylko na
   ekranach bloku 3 (@pushOnce).
--------------------------------------------------------------------- */
body.b3-strona{background:#09090B}
:root[data-theme="light"] body.b3-strona{background:#F7F5F1}

.b3{--b-tlo:#09090B;--b-karta:#101014;--b-karta2:#16161B;--b-ramka:#22222A;--b-pole-r:#2B2B34;--b-linia:#1E1E25;--b-linia2:#1A1A20;
  --b-tytul:#FFFFFF;--b-t:#E7E3DB;--b-t2:#CFCABF;--b-t3:#DCD7CE;--b-pod:#A9A49A;--b-szary:#8B867E;--b-nad:#6E6A63;
  --b-zl:#E8C96A;--b-zl2:#D9B64A;--b-zl-t:#15120A;--b-zl-r:#5A4A1C;--b-zl-r2:#8A6A12;
  --b-zloto:linear-gradient(135deg,#FBEFC2 0%,#D9B64A 45%,#B08A24 100%);
  --b-tag:rgba(255,255,255,.05);--b-zl-tlo:rgba(217,182,74,.12);--b-zl-tlo2:rgba(217,182,74,.13);
  --b-ziel:#6FCF8E;--b-ziel-k:#4CC38A;--b-ziel-tlo:rgba(76,195,138,.12);--b-ziel-r:#2C4A3A;
  --b-czer:#F07167;--b-czer-tlo:rgba(240,113,103,.10);--b-czer-r:#3A2224;
  --b-awatar:linear-gradient(150deg,#3A3122,#1A1710);--b-awatar-t:#E8C96A;
  --b-suwak:#26262E;--b-zaslona:rgba(0,0,0,.64);--b-arkusz:#101014;
  box-sizing:border-box;width:100%;margin:0 auto;padding:0 0 28px;
  background:var(--b-tlo);color:var(--b-t);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
:root[data-theme="light"] .b3{--b-tlo:#F7F5F1;--b-karta:#FFFFFF;--b-karta2:#FFFFFF;--b-ramka:#ECE8E0;--b-pole-r:#E2DDD3;--b-linia:#EEEAE2;--b-linia2:#ECE8E0;
  --b-tytul:#15120A;--b-t:#1C1A16;--b-t2:#3A352D;--b-t3:#2A2721;--b-pod:#6A645A;--b-szary:#7D776D;--b-nad:#8A847A;
  --b-zl:#9A7616;--b-zl2:#B08A24;--b-zl-r:#D9C27A;--b-zl-r2:#D9C27A;
  --b-zloto:linear-gradient(135deg,#FBEFC2 0%,#B08A24 45%,#B08A24 100%);
  --b-tag:rgba(20,18,10,.04);--b-zl-tlo:rgba(176,138,36,.10);--b-zl-tlo2:rgba(176,138,36,.10);
  --b-ziel:#2E8B57;--b-ziel-r:#BFE3CC;--b-czer:#D2433A;--b-czer-r:#F3C9C5;
  --b-awatar:linear-gradient(150deg,#FBF1D4,#EDE3C6);--b-awatar-t:#9A7616;
  --b-suwak:#E6E1D9;--b-zaslona:rgba(20,18,10,.42);--b-arkusz:#FFFFFF}
.b3 *,.b3 *::before,.b3 *::after{box-sizing:border-box}
.b3 a{color:inherit;text-decoration:none}
.b3 button{font-family:inherit;cursor:pointer}
.b3 .b3i{display:block;flex:none}
.b3-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Naglowek listy */
.b3-glowa{padding:18px 18px 0}
.b3-glowa-w{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.b3-h1{margin:0;font-size:30px;font-weight:800;color:var(--b-tytul);letter-spacing:-.8px;line-height:1.15}
.b3-dzis{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--b-ziel);white-space:nowrap}
.b3-dzis::before{content:"";width:7px;height:7px;border-radius:4px;background:var(--b-ziel-k)}
.b3-pod{margin-top:4px;font-size:13.5px;font-weight:700;color:var(--b-pod)}

/* Pole szukania + guzik filtrow */
.b3-szuk{display:flex;gap:8px;padding:12px 18px 0;position:relative}
.b3-pole{flex:1;min-width:0;height:50px;border-radius:15px;background:var(--b-karta);border:1px solid var(--b-pole-r);display:flex;align-items:center;gap:10px;padding:0 14px;color:var(--b-szary)}
.b3-pole input{flex:1;min-width:0;height:100%;border:0;background:transparent;outline:0;font:700 16px/1 Manrope,system-ui,sans-serif;color:var(--b-t);padding:0}
.b3-pole input::placeholder{color:var(--b-szary);opacity:1}
.b3-pole:focus-within{border-color:var(--b-zl-r2)}
.b3-ikb{position:relative;flex:none;width:50px;height:50px;border-radius:15px;background:var(--b-karta);border:1px solid var(--b-zl-r);display:flex;align-items:center;justify-content:center;color:var(--b-zl)}
.b3-licz{position:absolute;right:-5px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--b-zloto);color:var(--b-zl-t);font-size:11px;font-weight:800;line-height:20px;text-align:center}

/* Chipy (36 px, promien 12) */
.b3-chipy{display:flex;flex-wrap:wrap;gap:7px;padding:12px 18px 0;margin:0;list-style:none}
.b3-chip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 13px;border-radius:12px;font-size:13px;font-weight:800;white-space:nowrap;background:var(--b-karta);color:var(--b-t);border:1px solid var(--b-pole-r);line-height:1}
.b3-chip .b3i{color:var(--b-zl)}
.b3-chip.on{background:var(--b-zloto);color:var(--b-zl-t);border-color:transparent}
.b3-chip.on .b3i{color:var(--b-zl-t)}
.b3-chip.zl{background:var(--b-zloto);color:var(--b-zl-t);border-color:transparent}
.b3-chip.zl-r{border-color:var(--b-zl-r2)}

/* Zakladki */
.b3-zakl{display:flex;gap:22px;margin:16px 0 0;padding:0 18px;border-bottom:1px solid var(--b-linia);overflow-x:auto;scrollbar-width:none}
.b3-zakl a{padding:0 0 12px;font-size:14px;font-weight:800;white-space:nowrap;color:var(--b-szary)}
.b3-zakl a.on{color:var(--b-tytul);box-shadow:inset 0 -3px 0 var(--b-zl2)}

/* Kolejnosc + mapa */
.b3-kol{display:flex;align-items:center;justify-content:space-between;margin:14px 18px 12px}
.b3-kol-b{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--b-szary);white-space:nowrap;background:none;border:0;padding:6px 0;min-height:34px}
.b3-kol-b b{font-weight:800;color:var(--b-zl)}
.b3-kw{width:34px;height:34px;border-radius:11px;background:var(--b-karta);border:1px solid var(--b-pole-r);display:flex;align-items:center;justify-content:center;color:var(--b-t)}

/* Karta oferty na liscie */
.b3-lista{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:0 18px}
.b3-k{position:relative;border-radius:20px;background:var(--b-karta);border:1px solid var(--b-ramka);overflow:hidden}
.b3-k-foto{position:relative;height:150px;background:#1A1710 center/cover no-repeat}
.b3-k-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.b3-k-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,9,10,0) 35%,rgba(9,9,10,.88) 100%)}
.b3-k-zn{position:absolute;z-index:2;left:12px;top:12px;height:24px;display:flex;align-items:center;padding:0 9px;border-radius:8px;background:var(--b-zloto);font-size:11px;font-weight:800;color:#15120A}
.b3-k-zn.pr{background:rgba(9,9,10,.62);border:1px solid rgba(232,201,106,.55);font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;color:#FFFFFE}
.b3-k-zap{position:absolute;z-index:3;right:12px;top:12px;width:38px;height:38px;border-radius:12px;background:rgba(9,9,10,.62);display:flex;align-items:center;justify-content:center;color:#FFFFFE;border:0;padding:0}
.b3-k-zap.on{color:#E8C96A}
.b3-k-st{position:absolute;z-index:2;left:14px;bottom:10px;display:flex;align-items:baseline;gap:6px;color:#F3DD93}
.b3-k-st b{font-size:38px;line-height:1;font-weight:800;letter-spacing:-1px}
.b3-k-st span{font-size:13px;font-weight:800}
.b3-k-czas{position:absolute;z-index:2;right:12px;bottom:12px;font-size:11.5px;font-weight:800;color:#E9E4D8}
.b3-k-tr{padding:13px 14px 14px}
.b3-k-t{margin:0;font-size:16.5px;font-weight:800;color:var(--b-tytul);letter-spacing:-.2px;line-height:1.3}
.b3-k-t a::after{content:"";position:absolute;inset:0;z-index:1}
.b3-k-firma{display:flex;align-items:center;gap:8px;margin-top:8px;min-width:0}
.b3-znak{flex:none;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:var(--b-awatar);color:var(--b-awatar-t);font-size:8px;font-weight:800;letter-spacing:.3px;overflow:hidden}
.b3-znak img{width:100%;height:100%;object-fit:cover}
.b3-k-fn{font-size:13px;font-weight:800;color:var(--b-t);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b3-weryf{color:var(--b-ziel);flex:none}
.b3-k-gdzie{display:flex;align-items:center;gap:5px;margin-top:8px;font-size:12.5px;font-weight:700;color:var(--b-pod)}
.b3-tagi{display:flex;flex-wrap:wrap;gap:5px;margin:11px 0 0;padding:0;list-style:none}
.b3-tagi li{font-size:11px;font-weight:700;color:var(--b-t2);background:var(--b-tag);border-radius:7px;padding:4px 8px;white-space:nowrap}
.b3-wiecej{display:block;margin:16px 18px 22px;text-align:center;font-size:13px;font-weight:800;color:var(--b-zl2);padding:10px}

/* Etykieta sekcji (wersaliki) */
.b3-et{margin:22px 4px 8px;font-size:10.5px;letter-spacing:2.4px;text-transform:uppercase;font-weight:800;color:var(--b-szary)}
.b3-uw{margin:7px 4px 0;font-size:12px;font-weight:600;color:var(--b-nad)}

/* Filtry (B3-02) */
.b3-f{padding:0 18px}
.b3-fpas{display:flex;align-items:center;gap:6px;height:58px;padding:0 14px;border-bottom:1px solid var(--b-linia2)}
.b3-fpas h1,.b3-fpas h2{flex:1;margin:0;text-align:center;font-size:16.5px;font-weight:800;color:var(--b-tytul)}
.b3-fpas .b3-x{width:40px;height:44px;display:flex;align-items:center;color:var(--b-t)}
.b3-fpas .b3-wycz{min-width:40px;text-align:right;font-size:14px;font-weight:800;color:var(--b-zl);white-space:nowrap}
.b3-ch-in{position:absolute;opacity:0;width:1px;height:1px}
.b3-ch-in:focus-visible + .b3-chip{outline:2px solid var(--b-zl2);outline-offset:2px}
.b3-ch-in:checked + .b3-chip{background:var(--b-zloto);color:var(--b-zl-t);border-color:transparent}
.b3-ch-in:checked + .b3-chip .b3i{color:var(--b-zl-t)}
.b3-fchipy{display:flex;flex-wrap:wrap;gap:7px}
.b3-fchipy label{cursor:pointer}
.b3-miasto{height:52px;border-radius:15px;background:var(--b-karta);border:1px solid var(--b-pole-r);display:flex;align-items:center;gap:10px;padding:0 14px;color:var(--b-zl)}
.b3-miasto input{flex:1;min-width:0;border:0;background:transparent;outline:0;font:700 16px/1 Manrope,system-ui,sans-serif;color:var(--b-t);height:100%;padding:0}
.b3-seg{display:flex;padding:3px;border-radius:13px;background:var(--b-karta);border:1px solid var(--b-ramka);margin-top:10px}
.b3-seg label{flex:1;min-width:0;cursor:pointer}
.b3-seg span{height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:12.5px;font-weight:800;white-space:nowrap;color:var(--b-szary)}
.b3-seg input{position:absolute;opacity:0;width:1px;height:1px}
.b3-seg input:checked + span{background:var(--b-zloto);color:var(--b-zl-t)}
.b3-seg input:focus-visible + span{outline:2px solid var(--b-zl2)}
.b3-stawka{padding:16px 16px 14px;border-radius:18px;background:var(--b-karta);border:1px solid var(--b-ramka)}
.b3-stawka-w{display:flex;align-items:baseline;gap:6px}
.b3-stawka-w small{font-size:13px;font-weight:700;color:var(--b-pod)}
.b3-stawka-w b{font-size:30px;line-height:1;font-weight:800;color:var(--b-zl);letter-spacing:-.8px}
.b3-stawka-w span{font-size:13px;font-weight:800;color:var(--b-zl)}
.b3-suwak{-webkit-appearance:none;appearance:none;width:100%;height:26px;margin:14px 0 0;background:transparent}
.b3-suwak::-webkit-slider-runnable-track{height:5px;border-radius:3px;background:linear-gradient(90deg,#D9B64A var(--p,0%),var(--b-suwak) var(--p,0%))}
.b3-suwak::-moz-range-track{height:5px;border-radius:3px;background:var(--b-suwak)}
.b3-suwak::-moz-range-progress{height:5px;border-radius:3px;background:#D9B64A}
.b3-suwak::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-10.5px;border-radius:13px;background:#FFFFFE;border:0;box-shadow:0 0 0 4px rgba(217,182,74,.35)}
.b3-suwak::-moz-range-thumb{width:26px;height:26px;border-radius:13px;background:#FFFFFE;border:0;box-shadow:0 0 0 4px rgba(217,182,74,.35)}
.b3-suwak-z{display:flex;justify-content:space-between;margin-top:8px;font-size:11.5px;font-weight:700;color:var(--b-nad)}
.b3-fdol{position:sticky;bottom:0;z-index:5;display:flex;gap:10px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:var(--b-tlo);border-top:1px solid var(--b-linia2)}
.b3-cta{flex:1;min-height:54px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:16px;background:var(--b-zloto);color:var(--b-zl-t);font-size:15px;font-weight:800;padding:0 16px;text-align:center}
.b3-alt{min-height:50px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:15px;background:var(--b-karta);border:1px solid var(--b-pole-r);color:var(--b-t);font-size:14px;font-weight:800;padding:0 14px;text-align:center}
.b3-alt.zl-r{border-color:var(--b-zl-r);color:var(--b-zl)}
.b3-alt.czer{background:var(--b-czer-tlo);border-color:var(--b-czer-r);color:var(--b-czer)}
.b3-kwad{flex:none;width:54px;min-height:54px;border-radius:16px;background:var(--b-karta);border:1px solid var(--b-pole-r);display:flex;align-items:center;justify-content:center;color:var(--b-zl)}

/* Arkusz (B3-03, B3-12, B3-13, B3-19...) - na telefonie od dolu, na laptopie okno na srodku */
.b3-zaslona{position:fixed;inset:0;z-index:1200;background:var(--b-zaslona);display:flex;align-items:flex-end;justify-content:center}
.b3-zaslona[hidden]{display:none}
.b3-ark{width:100%;max-width:560px;max-height:92vh;overflow:auto;border-radius:26px 26px 0 0;background:var(--b-arkusz);border:1px solid var(--b-pole-r);border-bottom:0;padding:10px 18px calc(18px + env(safe-area-inset-bottom));color:var(--b-t)}
.b3-ark::before{content:"";display:block;width:42px;height:5px;border-radius:3px;background:var(--b-pole-r);margin:0 auto 14px}
.b3-ark-g{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.b3-ark-g h2{margin:0;font-size:19px;font-weight:800;color:var(--b-tytul)}
.b3-ark-g a,.b3-ark-g button{font-size:13px;font-weight:800;color:var(--b-zl);background:none;border:0;padding:6px 0}
.b3-opcja{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;border:1px solid var(--b-ramka);background:var(--b-karta);margin-top:8px;min-height:60px}
.b3-opcja.on{border-color:var(--b-zl-r2);background:var(--b-zl-tlo)}
.b3-opcja-i{flex:none;width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--b-tag);color:var(--b-zl)}
.b3-opcja-t{flex:1;min-width:0}
.b3-opcja-t b{display:block;font-size:14px;font-weight:800;color:var(--b-tytul)}
.b3-opcja-t small{display:block;margin-top:2px;font-size:12px;font-weight:600;color:var(--b-szary)}
.b3-radio{flex:none;width:22px;height:22px;border-radius:11px;border:2px solid var(--b-pole-r);display:flex;align-items:center;justify-content:center}
.b3-opcja.on .b3-radio{border-color:var(--b-zl2)}
.b3-opcja.on .b3-radio::after{content:"";width:10px;height:10px;border-radius:5px;background:var(--b-zloto)}
.b3-ark-uw{display:flex;gap:8px;margin:14px 2px 0;font-size:12px;font-weight:600;color:var(--b-szary);line-height:1.45}
.b3-ark-uw .b3i{color:var(--b-zl)}
.b3-ark .b3-cta{width:100%;margin-top:16px}

/* Pusto (B3-04) */
.b3-pusto{text-align:center;padding:26px 18px 6px}
.b3-pusto-i{position:relative;width:74px;height:74px;margin:0 auto;border-radius:22px;background:var(--b-zl-tlo);border:1px solid var(--b-zl-r);display:flex;align-items:center;justify-content:center;color:var(--b-zl)}
.b3-pusto h2{margin:18px 0 0;font-size:22px;font-weight:800;color:var(--b-tytul);letter-spacing:-.4px}
.b3-pusto p{margin:8px 0 0;font-size:13.5px;font-weight:600;color:var(--b-pod)}
.b3-pusto .b3-cta{margin-top:18px;width:100%}
.b3-h2{margin:24px 18px 10px;font-size:17px;font-weight:800;color:var(--b-tytul);letter-spacing:-.2px}
.b3-wiersze{margin:0 18px;border-radius:18px;background:var(--b-karta);border:1px solid var(--b-ramka);overflow:hidden}
.b3-wiersz{display:flex;align-items:center;gap:10px;padding:14px;min-height:54px;border-top:1px solid var(--b-linia2);font-size:14px;font-weight:800;color:var(--b-tytul)}
.b3-wiersz:first-child{border-top:0}
.b3-wiersz > span:first-child{flex:1;min-width:0}
.b3-wiersz .b3-ile{flex:none;font-size:12px;font-weight:800;color:var(--b-ziel);background:var(--b-ziel-tlo);border-radius:8px;padding:4px 8px}
.b3-wiersz .b3i{color:var(--b-szary)}
.b3-chipy.b3-podobne{padding-top:0}

/* Mapa (B3-06) */
.b3-mapa{position:relative;aspect-ratio:390/470;margin:0 auto;overflow:hidden;background:#0E0E12;border-top:1px solid var(--b-linia);border-bottom:1px solid var(--b-linia)}
.b3-drogi{stroke:#1E1E25}.b3-rzeka{stroke:#16161B}
:root[data-theme="light"] .b3-mapa{background:#FFFFFF}
:root[data-theme="light"] .b3-drogi{stroke:#EEEAE2}:root[data-theme="light"] .b3-rzeka{stroke:#F2EFE9}
.b3-mapa-tlo{position:absolute;inset:0;width:100%;height:100%}
.b3-mapa-info{position:absolute;z-index:3;left:14px;top:14px;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:11px;background:var(--b-karta);border:1px solid var(--b-pole-r);font-size:12.5px;font-weight:800;color:var(--b-t)}
.b3-mapa-info .b3i{color:var(--b-zl)}
.b3-mapa-zoom{position:absolute;z-index:3;right:14px;top:14px;display:flex;flex-direction:column;gap:8px}
.b3-mapa-zoom a{width:40px;height:40px;border-radius:12px;background:var(--b-karta);border:1px solid var(--b-pole-r);display:flex;align-items:center;justify-content:center;color:var(--b-t)}
.b3-pin{position:absolute;z-index:2;transform:translate(-50%,-50%);height:30px;padding:0 10px;border-radius:10px;background:var(--b-karta);border:1px solid var(--b-pole-r);display:flex;align-items:center;font-size:12.5px;font-weight:800;color:var(--b-t);white-space:nowrap}
.b3-pin.on{background:var(--b-zloto);color:var(--b-zl-t);border-color:transparent;height:36px;font-size:13.5px}
.b3-ja{position:absolute;z-index:2;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:9px;background:#4CC38A;box-shadow:0 0 0 5px rgba(76,195,138,.25)}
.b3-mapa-lista{position:absolute;z-index:3;left:50%;bottom:16px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-radius:13px;background:var(--b-karta);border:1px solid var(--b-pole-r);font-size:13px;font-weight:800;color:var(--b-t)}
.b3-mapa-lista .b3i{color:var(--b-zl)}
.b3-tasma{display:flex;gap:10px;overflow-x:auto;padding:14px 18px 6px;scroll-snap-type:x mandatory;scrollbar-width:none}
.b3-tasma > *{scroll-snap-align:start}
.b3-mk{position:relative;flex:none;width:300px;display:flex;gap:12px;padding:12px;border-radius:18px;background:var(--b-karta);border:1px solid var(--b-ramka)}
.b3-mk-f{flex:none;width:92px;height:92px;border-radius:14px;overflow:hidden;background:#1A1710}
.b3-mk-f img{width:100%;height:100%;object-fit:cover}
.b3-mk-t{flex:1;min-width:0;display:flex;flex-direction:column}
.b3-mk-st{font-size:24px;font-weight:800;color:var(--b-zl);line-height:1;letter-spacing:-.5px}
.b3-mk-st small{font-size:11px;font-weight:800;margin-left:4px}
.b3-mk-t b{margin-top:5px;font-size:14px;font-weight:800;color:var(--b-tytul);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b3-mk-t span{margin-top:2px;font-size:12px;font-weight:700;color:var(--b-pod);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b3-mk-w{display:flex;gap:8px;margin-top:auto;padding-top:8px}
.b3-mk-w .b3-cta{min-height:38px;border-radius:12px;font-size:13px}
.b3-mk-w .b3-kwad{width:38px;min-height:38px;border-radius:12px}

/* Laptop: wlasny uklad listy - filtry z lewej (340), lista w siatce */
.b3-uklad{display:block}
.b3-bok{display:none}
@media (min-width:720px){
  .b3-lista{grid-template-columns:repeat(2,minmax(0,1fr))}
  .b3-tasma .b3-mk{width:340px}
}
@media (min-width:1024px){
  .b3-uklad{display:flex;gap:32px;align-items:flex-start;max-width:1240px;margin:0 auto;padding:28px 20px 48px}
  .b3-bok{display:block;flex:none;width:340px;position:sticky;top:84px;max-height:calc(100vh - 100px);overflow:auto;border-radius:22px;border:1px solid var(--b-pole-r);background:var(--b-karta)}
  .b3-bok .b3-fdol{position:sticky;bottom:0;background:var(--b-karta)}
  .b3-glowna{flex:1;min-width:0}
  .b3-glowna .b3-glowa,.b3-glowna .b3-szuk,.b3-glowna .b3-chipy,.b3-glowna .b3-kol{padding-left:0;padding-right:0;margin-left:0;margin-right:0}
  .b3-glowna .b3-zakl{padding:0}
  .b3-glowna .b3-lista{padding:0}
  .b3-glowna .b3-szuk .b3-ikb{display:none}
  .b3-zaslona{align-items:center}
  .b3-ark{border-radius:24px;border-bottom:1px solid var(--b-pole-r);max-width:520px}
  .b3-ark::before{display:none}
  .b3-mapa{max-width:560px;border-radius:22px;border:1px solid var(--b-ramka)}
}

/* "Dodaj" zawod - natywna lista pod chipem (dziala bez skryptu) */
.b3-dodaj{position:relative;cursor:pointer}
.b3-dodaj-s{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}
.b3-dodaj:focus-within{outline:2px solid var(--b-zl2);outline-offset:2px}

/* Pasek ekranu: wstecz, tytul na srodku, akcja z prawej (B3-05, B3-11, B3-16...) */
.b3-pasek{display:flex;align-items:center;gap:6px;height:58px;padding:0 14px;border-bottom:1px solid var(--b-linia2);background:var(--b-tlo)}
.b3-pasek .b3-wst{width:40px;height:44px;display:flex;align-items:center;color:var(--b-t)}
.b3-pasek h1{flex:1;margin:0;text-align:center;font-size:16.5px;font-weight:800;color:var(--b-tytul);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b3-pasek .b3-akcja{min-width:40px;text-align:right;font-size:14px;font-weight:800;color:var(--b-zl);white-space:nowrap;background:none;border:0;padding:0}
.b3-waska{max-width:720px;margin:0 auto}

/* Przelacznik 50x30 (zloty, gdy wlaczony) */
.b3-sw-in{position:absolute;opacity:0;width:1px;height:1px}
.b3-sw{flex:none;width:50px;height:30px;border-radius:15px;padding:3px;background:var(--b-suwak);display:flex;justify-content:flex-start;transition:background .15s}
.b3-sw::after{content:"";width:24px;height:24px;border-radius:12px;background:var(--b-nad)}
.b3-sw-in:checked + .b3-sw,.b3-sw.on{background:var(--b-zloto);justify-content:flex-end}
.b3-sw-in:checked + .b3-sw::after,.b3-sw.on::after{background:#15120A}
:root[data-theme="light"] .b3-sw-in:checked + .b3-sw::after,:root[data-theme="light"] .b3-sw.on::after{background:#FFFFFF}
.b3-sw-in:focus-visible + .b3-sw{outline:2px solid var(--b-zl2);outline-offset:2px}
button.b3-sw{border:0;cursor:pointer}

/* Zlota karta "Szukamy za Ciebie" */
.b3-zk{margin:16px 18px 0;padding:18px;border-radius:22px;background:radial-gradient(130% 100% at 100% 0%,rgba(232,201,106,.22),rgba(232,201,106,0) 60%),linear-gradient(160deg,#1D1A10,#0E0D0A);border:1px solid var(--b-zl-r)}
:root[data-theme="light"] .b3-zk{background:radial-gradient(130% 100% at 100% 0%,rgba(232,201,106,.22),rgba(232,201,106,0) 60%),linear-gradient(160deg,#FBF1D4,#FFFFFF)}
.b3-zk-g{display:flex;align-items:center;gap:12px}
.b3-zk-i{flex:none;width:46px;height:46px;border-radius:15px;background:var(--b-zloto);display:flex;align-items:center;justify-content:center;color:#15120A}
.b3-zk-nad{font-size:10.5px;letter-spacing:2.4px;text-transform:uppercase;font-weight:800;color:var(--b-zl2)}
.b3-zk-t{margin-top:3px;font-size:19px;font-weight:800;color:var(--b-tytul)}
.b3-zk-chipy{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none}
.b3-zk-chipy li{min-height:30px;display:inline-flex;align-items:center;padding:0 11px;border-radius:10px;background:rgba(14,13,10,.6);border:1px solid var(--b-zl-r);font-size:12.5px;font-weight:800;color:var(--b-zl)}
:root[data-theme="light"] .b3-zk-chipy li{background:#FFFFFF}
.b3-zk-p{margin-top:12px;font-size:13px;font-weight:700;color:var(--b-pod)}
.b3-input{width:100%;height:52px;border-radius:15px;background:var(--b-karta);border:1px solid var(--b-pole-r);padding:0 16px;font:700 16px/1 Manrope,system-ui,sans-serif;color:var(--b-t);outline:0}
.b3-input:focus{border-color:var(--b-zl-r2)}
.b3-link-p{display:block;margin-top:10px;text-align:right;font-size:13px;font-weight:800;color:var(--b-zl2)}
.b3-seg.wys span{height:40px;font-size:13px}
.b3-blok{border-radius:18px;background:var(--b-karta);border:1px solid var(--b-ramka);overflow:hidden}
.b3-rz{display:flex;align-items:center;gap:12px;padding:13px 15px;border-top:1px solid var(--b-linia);min-height:60px}
.b3-rz:first-child{border-top:0}
.b3-rz-i{flex:none;width:38px;height:38px;border-radius:12px;background:var(--b-karta2);display:flex;align-items:center;justify-content:center;color:var(--b-zl)}
:root[data-theme="light"] .b3-rz-i{background:#F7F5F1}
.b3-rz-t{flex:1;min-width:0}
.b3-rz-t b{display:block;font-size:15px;font-weight:800;color:var(--b-t)}
.b3-rz-t small{display:block;margin-top:2px;font-size:12.5px;font-weight:600;color:var(--b-szary)}
.b3-sek{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:28px 18px 12px}
.b3-sek h2{margin:0;font-size:19px;font-weight:800;color:var(--b-tytul);letter-spacing:-.3px}
.b3-sek a,.b3-sek span{font-size:12.5px;font-weight:800;color:var(--b-zl2);white-space:nowrap}
.b3-dol{position:sticky;bottom:0;z-index:5;padding:12px 18px calc(22px + env(safe-area-inset-bottom));background:rgba(12,12,15,.96);border-top:1px solid var(--b-pole-r)}
:root[data-theme="light"] .b3-dol{background:rgba(255,255,255,.97)}
.b3-dol .b3-cta{width:100%;min-height:52px;border-radius:15px;box-shadow:0 8px 22px rgba(217,182,74,.28)}
.b3-blad{margin:6px 4px 0;font-size:13px;font-weight:700;color:var(--b-czer)}
/* Paski dzialan nad dolnym menu (telefon): przypiete o romb wyzej (`--tb-nad`). */
@media (max-width:1023px){
  .b3-fdol,.b3-dol{bottom:var(--tb-nad,0px)}
}
/* Znak liniowy zostaje liniowy - stare reguly portalu wypelniaja `svg` w odnosnikach. */
.b3 svg.b3i[fill="none"],.b3 svg.b3i[fill="none"] *{fill:none!important}
.b3 svg.b3i[fill="currentColor"] *{fill:currentColor}

/* ===================== B3-07 KARTA OFERTY ===================== */
.b3-of{display:flex;flex-direction:column}
.b3-of-l{min-width:0}
.b3-of-p{display:flex;flex-direction:column;min-width:0}
.b3-hero{position:relative;height:300px;overflow:hidden;background:#1A1710}
.b3-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.b3-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,9,10,.35) 0%,rgba(9,9,10,0) 30%,rgba(9,9,10,.15) 55%,var(--b-tlo) 100%)}
.b3-hero-g{position:absolute;z-index:2;left:14px;right:14px;top:14px;display:flex;justify-content:space-between}
.b3-hero-g > span{display:flex;gap:8px}
.b3-hb{width:42px;height:42px;border-radius:14px;background:rgba(9,9,10,.6);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;color:#FFFFFE;padding:0}
.b3-hb svg{width:19px;height:19px}
.b3-oglada{position:absolute;z-index:2;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px;border-radius:10px;background:rgba(9,9,10,.62);font-size:12px;font-weight:800;color:#FFFFFE}
.b3-oglada::before{content:"";width:7px;height:7px;border-radius:4px;background:#4CC38A}
.b3-of-g{padding:0 18px;margin-top:-6px;position:relative;z-index:2}
.b3-of-st{display:flex;align-items:baseline;gap:8px}
.b3-of-st b{font-size:68px;line-height:.95;font-weight:800;letter-spacing:-2.5px;background:var(--b-zloto);-webkit-background-clip:text;background-clip:text;color:transparent}
.b3-of-st span{display:block;font-size:17px;font-weight:800;color:var(--b-zl)}
.b3-of-st small{display:block;font-size:12px;font-weight:700;color:var(--b-szary)}
.b3-of-t{margin:12px 0 0;font-size:25px;line-height:1.2;font-weight:800;color:var(--b-tytul);letter-spacing:-.5px}
.b3-of-ch{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none}
.b3-of-ch li{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 11px;border-radius:10px;background:var(--b-karta);border:1px solid #23232B;font-size:12.5px;font-weight:800;color:var(--b-t)}
:root[data-theme="light"] .b3-of-ch li{border-color:#E6E1D9}
.b3-of-ch .b3i{color:var(--b-zl2)}
.b3-firma-w{display:flex;align-items:center;gap:12px;margin:18px 18px 0;padding:13px 14px;border-radius:18px;background:var(--b-karta);border:1px solid var(--b-ramka)}
.b3-firma-w .b3-znak{width:46px;height:46px;border-radius:11px;font-size:14px}
.b3-firma-w > span:nth-child(2){flex:1;min-width:0}
.b3-firma-w b{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:800;color:var(--b-tytul);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b3-firma-w small{display:block;margin-top:2px;font-size:12.5px;font-weight:700;color:var(--b-szary)}
.b3-firma-w > .b3i{color:var(--b-szary)}
.b3-punkty{margin:0 18px;padding:6px 16px;border-radius:20px;background:var(--b-karta);border:1px solid var(--b-ramka);list-style:none}
.b3-punkty li{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--b-linia);font-size:14.5px;line-height:1.5;font-weight:600;color:var(--b-t3)}
.b3-punkty li:first-child{border-top:0}
.b3-punkty .b3-pi{flex:none;width:22px;height:22px;margin-top:1px;border-radius:8px;background:var(--b-zl-tlo2);display:flex;align-items:center;justify-content:center;color:var(--b-zl)}
.b3-war{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 18px}
.b3-war > div{display:flex;align-items:center;gap:11px;padding:12px;border-radius:16px;background:var(--b-karta);border:1px solid var(--b-ramka);min-width:0}
.b3-war-i{flex:none;width:40px;height:40px;border-radius:12px;background:var(--b-zl-tlo);display:flex;align-items:center;justify-content:center;color:var(--b-zl2)}
.b3-war small{display:block;font-size:11.5px;font-weight:700;color:var(--b-szary)}
.b3-war b{display:block;margin-top:2px;font-size:13.5px;font-weight:800;color:var(--b-tytul)}
.b3-war-uw{margin:9px 22px 0;font-size:12px;font-weight:600;color:var(--b-nad)}
.b3-gdzie{position:relative;margin:0 18px;height:132px;border-radius:20px;overflow:hidden;background:#0E0E12;border:1px solid var(--b-ramka)}
:root[data-theme="light"] .b3-gdzie{background:#FFFFFF}
.b3-gdzie svg.tlo{position:absolute;inset:0;width:100%;height:100%}
.b3-gdzie-t{position:absolute;left:16px;right:16px;bottom:14px}
.b3-gdzie-t b{display:block;font-size:20px;font-weight:800;color:var(--b-tytul)}
.b3-gdzie-t small{display:block;margin-top:2px;font-size:12.5px;font-weight:700;color:var(--b-pod)}
.b3-gdzie-pkt{position:absolute;right:70px;top:40px;width:24px;height:24px;border-radius:12px;background:var(--b-zloto);box-shadow:0 0 0 6px rgba(217,182,74,.25)}
.b3-fk{margin:0 18px;border-radius:20px;background:var(--b-karta);border:1px solid var(--b-ramka);overflow:hidden}
.b3-fk-okl{height:92px;background:#1A1710 center 40%/cover}
.b3-fk-tr{padding:0 14px 14px}
.b3-fk-logo{display:inline-block;margin-top:-28px;border-radius:16px;box-shadow:0 0 0 4px var(--b-karta)}
.b3-fk-logo .b3-znak{width:56px;height:56px;border-radius:14px;font-size:17px}
.b3-fk-n{margin-top:8px;display:flex;align-items:center;gap:6px;font-size:15.5px;font-weight:800;color:var(--b-tytul)}
.b3-fk-b{font-size:12px;font-weight:700;color:var(--b-szary)}
.b3-fk-l{display:flex;margin-top:12px;border-radius:14px;background:var(--b-karta2);border:1px solid var(--b-ramka)}
:root[data-theme="light"] .b3-fk-l{background:#F7F5F1}
.b3-fk-l > div{flex:1;text-align:center;padding:12px 2px;border-left:1px solid var(--b-ramka)}
.b3-fk-l > div:first-child{border-left:0}
.b3-fk-l b{display:block;font-size:18px;font-weight:800;color:var(--b-tytul)}
.b3-fk-l small{display:block;margin-top:2px;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:800;color:var(--b-szary)}
.b3-fk-g{display:flex;gap:8px;margin-top:12px}
.b3-fk-g > *{flex:1}
.b3-fk-g .b3-alt{width:100%;min-height:44px;font-size:13.5px}
.b3-meta{margin:18px 22px 0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;font-weight:700;color:var(--b-nad)}
.b3-zglos-of{margin:14px 22px 0;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:var(--b-pod);background:none;border:0;padding:6px 0}
.b3-mini{margin:0 18px;border-radius:20px;background:var(--b-karta);border:1px solid var(--b-ramka);overflow:hidden}
.b3-mini a{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid var(--b-linia)}
.b3-mini a:first-child{border-top:0}
.b3-mini-f{flex:none;width:54px;height:54px;border-radius:14px;overflow:hidden;background:#1A1710}
.b3-mini-f img{width:100%;height:100%;object-fit:cover}
.b3-mini-t{flex:1;min-width:0}
.b3-mini-t b{display:block;font-size:14.5px;font-weight:800;color:var(--b-tytul);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b3-mini-t small{display:block;margin-top:2px;font-size:12px;font-weight:700;color:var(--b-szary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b3-mini-st{flex:none;font-size:18px;font-weight:800;color:var(--b-zl)}
.b3-mini-st small{font-size:11px}
/* Pasek "Zglos sie" (telefon - przypiety nad menu; laptop - panel z prawej) */
.b3-zbar{position:sticky;bottom:0;z-index:6;display:flex;align-items:center;gap:10px;padding:12px 16px calc(22px + env(safe-area-inset-bottom));margin-top:24px;background:rgba(12,12,15,.96);border-top:1px solid var(--b-pole-r);order:99}
:root[data-theme="light"] .b3-zbar{background:rgba(255,255,255,.97)}
.b3-zbar .b3-kwad{width:54px;height:54px}
.b3-zbar-st{flex:none}
.b3-zbar-st b{display:block;font-size:20px;line-height:1;font-weight:800;color:var(--b-zl)}
.b3-zbar-st b small{font-size:12px}
.b3-zbar-st > small{display:block;margin-top:3px;font-size:11.5px;font-weight:700;color:var(--b-szary)}
.b3-zbar .b3-cta{min-height:54px;border-radius:15px;box-shadow:0 8px 22px rgba(217,182,74,.28)}
.b3-zbar-nota{flex:1;font-size:12.5px;font-weight:700;color:var(--b-szary)}
/* B3-08: juz sie zgloszono */
.b3-juz{flex:1;min-width:0}
.b3-juz b{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:800;color:var(--b-ziel)}
.b3-juz b::before{content:"";flex:none;width:8px;height:8px;border-radius:4px;background:var(--b-ziel-k)}
.b3-juz small{display:block;margin-top:3px;font-size:12px;font-weight:700;color:var(--b-szary)}
.b3-zbar .b3-alt{flex:none}
@media (max-width:1023px){ .b3-zbar{bottom:var(--tb-nad,0px)} }
@media (min-width:1024px){
  .b3-of{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:28px;max-width:1240px;margin:0 auto;padding:28px 20px 48px;align-items:start}
  .b3-hero{border-radius:24px;height:340px}
  .b3-of-p .b3-zbar{order:-1;position:static;margin:0 18px;border-radius:22px;border:1px solid var(--b-ramka);background:var(--b-karta);padding:16px}
  .b3-of-p > .b3-sek:first-of-type{margin-top:22px}
  .b3-of-p{position:sticky;top:84px}
}
/* Pola formularzy w arkuszach (16 px - pismo w polach) */
.b3-ta{width:100%;min-height:72px;padding:13px 15px;border-radius:15px;background:var(--b-karta2);border:1px solid var(--b-pole-r);font:600 16px/1.5 Manrope,system-ui,sans-serif;color:var(--b-t);resize:vertical;outline:0}
:root[data-theme="light"] .b3-ta{background:#FFFFFF}
.b3-ta:focus{border-color:var(--b-zl-r2)}
.b3-licznik{margin-top:6px;text-align:right;font-size:11.5px;font-weight:700;color:var(--b-nad)}
.b3-ark-tl{font-size:23px;font-weight:800;color:var(--b-tytul);letter-spacing:-.5px;margin:0}
.b3-ark-pod{margin-top:4px;font-size:13.5px;font-weight:700;color:var(--b-pod)}
.b3-ark-x{flex:none;width:38px;height:38px;border-radius:12px;background:var(--b-karta2);display:flex;align-items:center;justify-content:center;color:var(--b-t);border:0;padding:0}
:root[data-theme="light"] .b3-ark-x{background:#F2EFE9}
.b3-ofw{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px;border-radius:18px;background:var(--b-karta);border:1px solid var(--b-ramka)}
.b3-ofw-f{flex:none;width:58px;height:58px;border-radius:15px;overflow:hidden;background:#1A1710}
.b3-ofw-f img{width:100%;height:100%;object-fit:cover}
.b3-ofw-t{flex:1;min-width:0}
.b3-ofw-t b{display:block;font-size:15px;font-weight:800;color:var(--b-tytul);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b3-ofw-t small{display:block;margin-top:2px;font-size:12.5px;font-weight:700;color:var(--b-szary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b3-ofw-t span{display:block;margin-top:4px;font-size:11.5px;font-weight:800;color:var(--b-zl)}
.b3-ofw-st{flex:none;text-align:right;color:var(--b-zl)}
.b3-ofw-st b{font-size:20px;font-weight:800;letter-spacing:-.8px}
.b3-ofw-st small{font-size:12px;font-weight:700}
.b3-pk{padding:14px;border-radius:18px;background:linear-gradient(160deg,#1D1A10,var(--b-karta));border:1px solid var(--b-zl-r)}
:root[data-theme="light"] .b3-pk{background:linear-gradient(160deg,#FBF1D4,#FFFFFF)}
.b3-pk-g{display:flex;align-items:center;gap:12px}
.b3-pk-a{flex:none;width:54px;height:54px;border-radius:17px;overflow:hidden;background:var(--b-awatar);display:flex;align-items:center;justify-content:center;color:var(--b-awatar-t);font-weight:800}
.b3-pk-a img{width:100%;height:100%;object-fit:cover}
.b3-pk-g b{display:block;font-size:16px;font-weight:800;color:var(--b-tytul)}
.b3-pk-g small{display:block;margin-top:2px;font-size:12.5px;font-weight:700;color:var(--b-pod)}
.b3-pk-w{display:flex;gap:8px;margin-top:12px}
.b3-pk-w a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border-radius:11px;background:var(--b-karta2);border:1px solid var(--b-pole-r);font-size:12.5px;font-weight:800;color:var(--b-t)}
:root[data-theme="light"] .b3-pk-w a{background:#FFFFFF}
.b3-pk-w .b3i{color:var(--b-zl)}
.b3-uw2{margin:8px 4px 0;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--b-szary)}
.b3-uw2 .b3i{color:var(--b-zl)}
.b3-pyt{margin-top:10px;padding:14px;border-radius:16px;background:#14141A;border:1px solid var(--b-ramka)}
:root[data-theme="light"] .b3-pyt{background:#FFFFFF}
.b3-pyt-g{display:flex;gap:10px}
.b3-pyt-n{flex:none;width:24px;height:24px;border-radius:8px;background:var(--b-zl-tlo2);font-size:12px;font-weight:800;color:var(--b-zl);line-height:24px;text-align:center}
.b3-pyt-t{flex:1;font-size:14.5px;line-height:1.4;font-weight:800;color:var(--b-tytul)}
.b3-pyt-o{margin-top:12px;display:flex;flex-wrap:wrap;gap:7px}
.b3-pyt-o.dwa label{flex:1}
.b3-pyt-o label{cursor:pointer}
.b3-pyt-o span{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 13px;border-radius:12px;font-size:14px;font-weight:800;background:var(--b-karta2);border:1px solid var(--b-pole-r);color:var(--b-pod)}
:root[data-theme="light"] .b3-pyt-o span{background:#F7F5F1}
.b3-pyt-o input{position:absolute;opacity:0;width:1px;height:1px}
.b3-pyt-o input:checked + span{background:var(--b-zloto);color:var(--b-zl-t);border-color:transparent}
.b3-pyt-o input:focus-visible + span{outline:2px solid var(--b-zl2)}
.b3-pyt .b3-ta{margin-top:12px}
.b3-ark-dol{margin-top:12px;text-align:center;font-size:12px;line-height:1.5;font-weight:600;color:var(--b-nad)}
.b3-kroki{margin:16px 0 0;padding:0;list-style:none}
.b3-kroki li{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:14px;font-weight:700;color:var(--b-t)}
.b3-kroki li > span{flex:none;width:28px;height:28px;border-radius:9px;background:var(--b-zl-tlo2);color:var(--b-zl);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
.b3-sel{width:100%;height:52px;border-radius:15px;background:var(--b-karta);border:1px solid var(--b-zl-r2);padding:0 14px;font:700 16px/1 Manrope,system-ui,sans-serif;color:var(--b-t);outline:0}
.b3-zaslona .b3-ark{max-height:94vh}
.b3-opcja-r{cursor:pointer}
.b3-opcja:has(input:checked){border-color:var(--b-zl-r2);background:var(--b-zl-tlo)}
.b3-opcja:has(input:checked) .b3-radio{border-color:var(--b-zl2)}
.b3-opcja:has(input:checked) .b3-radio::after{content:"";width:10px;height:10px;border-radius:5px;background:var(--b-zloto)}
.b3-opcja:has(input:focus-visible){outline:2px solid var(--b-zl2);outline-offset:2px}
.b3-pyt{border:1px solid var(--b-ramka)}
.b3-pyt legend{float:left}
.b3-pyt legend + *{clear:both}

/* ===================== B3-17..B3-20 MOJE ZGLOSZENIA ===================== */
.b3-seg2{display:flex;margin:14px 18px 0;padding:4px;border-radius:15px;background:var(--b-karta);border:1px solid var(--b-ramka)}
.b3-seg2 a{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border-radius:11px;font-size:14px;font-weight:800;color:var(--b-szary)}
.b3-seg2 a.on{background:var(--b-zloto);color:var(--b-zl-t)}
.b3-liczby{display:flex;margin:14px 18px 0;border-radius:18px;background:var(--b-karta);border:1px solid var(--b-ramka)}
.b3-liczby > div{flex:1;text-align:center;padding:12px 4px;border-left:1px solid var(--b-ramka)}
.b3-liczby > div:first-child{border-left:0}
.b3-liczby b{display:block;font-size:21px;font-weight:800;color:var(--b-tytul)}
.b3-liczby b.zl{color:var(--b-zl)}.b3-liczby b.zi{color:var(--b-ziel)}
.b3-liczby small{display:block;margin-top:3px;font-size:10px;letter-spacing:1.1px;text-transform:uppercase;font-weight:800;color:var(--b-szary)}
.b3-baner{position:relative;margin:14px 18px 0;display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:radial-gradient(120% 120% at 100% 0%,rgba(232,201,106,.18),rgba(232,201,106,0) 60%),var(--b-karta);border:1px solid var(--b-zl-r)}
.b3-baner-i{flex:none;width:42px;height:42px;border-radius:13px;background:var(--b-zloto);display:flex;align-items:center;justify-content:center;color:#15120A}
.b3-baner-t{flex:1;min-width:0}
.b3-baner-t b{display:block;font-size:14.5px;font-weight:800;color:var(--b-tytul)}
.b3-baner-t small{display:block;margin-top:2px;font-size:12.5px;font-weight:600;color:var(--b-pod)}
.b3-baner > .b3i{color:var(--b-zl)}
.b3-zl{margin:14px 18px 0;border-radius:20px;background:var(--b-karta);border:1px solid var(--b-ramka);overflow:hidden}
.b3-zl.koniec{opacity:.85}
.b3-zl a{display:flex;align-items:center;gap:13px;padding:13px 14px;border-top:1px solid var(--b-linia)}
.b3-zl a:first-child{border-top:0}
.b3-zl-f{position:relative;flex:none;width:60px;height:60px;border-radius:16px;background:#1A1710}
.b3-zl-f img{width:100%;height:100%;object-fit:cover;border-radius:16px}
.b3-zl-f i{position:absolute;right:-3px;top:-3px;width:12px;height:12px;border-radius:6px;background:var(--b-zl);box-shadow:0 0 0 3px var(--b-karta)}
.b3-zl-t{flex:1;min-width:0}
.b3-zl-t b{display:block;font-size:15px;font-weight:800;color:var(--b-tytul);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b3-zl-t small{display:block;margin-top:2px;font-size:12.5px;font-weight:700;color:var(--b-szary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b3-zl-d{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.b3-zl-d time{font-size:11.5px;font-weight:700;color:var(--b-nad);white-space:nowrap}
.b3-st{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 9px;border-radius:9px;font-size:11.5px;font-weight:800;white-space:nowrap;background:rgba(255,255,255,.06);border:1px solid var(--b-pole-r);color:var(--b-t2)}
.b3-st::before{content:"";width:6px;height:6px;border-radius:3px;background:currentColor}
:root[data-theme="light"] .b3-st{background:rgba(20,18,10,.04)}
.b3-st.st-przeczytane{background:rgba(217,182,74,.10);border-color:#3A3018;color:var(--b-zl)}
.b3-st.st-rozmowa{background:var(--b-ziel-tlo);border-color:var(--b-ziel-r);color:var(--b-ziel)}
.b3-st.st-zaproszenie{background:rgba(217,182,74,.16);border-color:var(--b-zl-r);color:var(--b-zl)}
.b3-st.st-odrzucone{background:var(--b-czer-tlo);border-color:var(--b-czer-r);color:var(--b-czer)}
.b3-st.st-wycofane{background:rgba(139,134,126,.12);border-color:var(--b-pole-r);color:var(--b-szary)}
.b3-st.st-zatrudniony{background:rgba(76,195,138,.18);border-color:var(--b-ziel-r);color:var(--b-ziel)}
:root[data-theme="light"] .b3-st.st-przeczytane{border-color:#E8D9A8}
.b3-leg-t{margin:16px 22px 0;font-size:12px;line-height:1.5;font-weight:600;color:var(--b-nad)}
.b3-leg{margin:18px 22px 0;display:flex;flex-wrap:wrap;gap:6px}
/* B3-19 szczegoly */
.b3-d-hero{position:relative;height:200px;overflow:hidden;background:#1A1710}
.b3-d-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.b3-d-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,9,10,.2),var(--b-tlo))}
.b3-d-hero .b3-st{position:absolute;z-index:2;left:18px;top:16px;background:rgba(9,9,10,.6)}
.b3-d-g{position:relative;z-index:2;margin-top:-60px;padding:0 18px}
.b3-d-g .b3-of-st b{font-size:38px;letter-spacing:-1px}
.b3-d-g .b3-of-st span{font-size:13px}
.b3-d-g h1{margin:4px 0 0;font-size:22px;font-weight:800;color:var(--b-tytul);letter-spacing:-.4px}
.b3-d-rozm{margin:14px 18px 0;padding:14px;border-radius:18px;background:var(--b-ziel-tlo);border:1px solid var(--b-ziel-r)}
.b3-d-rozm small{display:block;font-size:10.5px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:var(--b-ziel)}
.b3-d-rozm b{display:block;margin-top:6px;font-size:22px;font-weight:800;color:var(--b-tytul)}
.b3-d-rozm b span{color:var(--b-ziel)}
.b3-d-rozm p{margin:4px 0 0;font-size:12.5px;font-weight:600;color:var(--b-pod)}
.b3-hist{margin:0 18px;padding:6px 16px;border-radius:20px;background:var(--b-karta);border:1px solid var(--b-ramka);list-style:none}
.b3-hist li{position:relative;display:flex;gap:12px;padding:10px 0}
.b3-hist li::before{content:"";position:absolute;left:10px;top:30px;bottom:-10px;width:2px;background:var(--b-ramka)}
.b3-hist li:last-child::before{display:none}
.b3-hist-k{flex:none;position:relative;z-index:1;width:22px;height:22px;border-radius:11px;border:2px solid var(--b-pole-r);background:var(--b-karta);display:flex;align-items:center;justify-content:center;color:#15120A}
.b3-hist li.ok .b3-hist-k{background:var(--b-ziel-k);border-color:var(--b-ziel-k)}
.b3-hist li.zl .b3-hist-k{background:var(--b-zloto);border-color:transparent}
.b3-hist li.cz .b3-hist-k{background:var(--b-czer);border-color:var(--b-czer)}
.b3-hist-t{flex:1;min-width:0}
.b3-hist-t b{display:flex;justify-content:space-between;gap:8px;font-size:14px;font-weight:800;color:var(--b-tytul)}
.b3-hist-t b time{font-size:11.5px;font-weight:700;color:var(--b-nad);white-space:nowrap}
.b3-hist-t small{display:block;margin-top:2px;font-size:12.5px;font-weight:600;color:var(--b-szary)}
.b3-hist li.nie .b3-hist-t b{color:var(--b-szary)}
.b3-odp{margin:0 18px;padding:4px 16px;border-radius:20px;background:var(--b-karta);border:1px solid var(--b-ramka)}
.b3-odp > div{padding:12px 0;border-top:1px solid var(--b-linia)}
.b3-odp > div:first-child{border-top:0}
.b3-odp small{display:block;font-size:12px;font-weight:700;color:var(--b-szary)}
.b3-odp b{display:block;margin-top:3px;font-size:14px;font-weight:800;color:var(--b-tytul)}
.b3-d-w{display:flex;gap:8px;margin:18px 18px 0}
.b3-d-w > *{flex:1}
.b3-d-w .b3-cta{min-height:50px;border-radius:15px;font-size:14px}
.b3-d-w .b3-alt{width:100%}
.b3-d-wyc{display:flex;margin:10px 18px 0}
.b3-d-wyc > *{flex:1;width:100%}
/* arkusz B3-20 */
.b3-wy-i{width:56px;height:56px;margin:0 auto;border-radius:18px;background:var(--b-czer-tlo);border:1px solid var(--b-czer-r);display:flex;align-items:center;justify-content:center;color:var(--b-czer)}
.b3-wy h2{margin:14px 0 0;text-align:center;font-size:21px;font-weight:800;color:var(--b-tytul)}
.b3-wy p{margin:8px 0 0;text-align:center;font-size:13.5px;line-height:1.5;font-weight:600;color:var(--b-pod)}
.b3-wy-uw{display:flex;gap:8px;margin-top:12px;padding:12px;border-radius:14px;background:var(--b-czer-tlo);border:1px solid var(--b-czer-r);font-size:12.5px;font-weight:700;color:var(--b-czer)}
.b3-wy .b3-alt{width:100%;margin-top:10px}
/* pusto B3-18 */
.b3-dla{margin:0 18px}
@media (min-width:1024px){
  .b3-szer{max-width:1100px;margin:0 auto;padding:28px 20px 48px}
  .b3-szer .b3-pasek{border-radius:22px 22px 0 0;background:transparent}
  .b3-d-hero{border-radius:24px;margin:0 18px}
}

/* ===================== B3-21..B3-23 ZAPROSZENIA I ROZMOWA ===================== */
.b3-zap{margin:14px 14px 0;padding:20px 18px;border-radius:26px;background:radial-gradient(120% 90% at 100% 0%,rgba(76,195,138,.18),rgba(76,195,138,0) 55%),linear-gradient(160deg,#1D1A10,#0E0D0A);border:1px solid var(--b-zl-r)}
.b3-zap.zl{background:radial-gradient(120% 90% at 100% 0%,rgba(232,201,106,.22),rgba(232,201,106,0) 55%),linear-gradient(160deg,#1D1A10,#0E0D0A)}
:root[data-theme="light"] .b3-zap{background:radial-gradient(120% 90% at 100% 0%,rgba(76,195,138,.14),rgba(76,195,138,0) 55%),linear-gradient(160deg,#FBF1D4,#FFFFFF)}
:root[data-theme="light"] .b3-zap.zl{background:radial-gradient(120% 90% at 100% 0%,rgba(232,201,106,.22),rgba(232,201,106,0) 55%),linear-gradient(160deg,#FBF1D4,#FFFFFF)}
.b3-zap-g{display:flex;align-items:center;gap:12px}
.b3-zap-g .b3-znak{width:50px;height:50px;border-radius:12px;font-size:16px}
.b3-zap-nad{font-size:10.5px;letter-spacing:2.4px;text-transform:uppercase;font-weight:800;color:var(--b-ziel)}
.b3-zap.zl .b3-zap-nad{color:var(--b-zl)}
.b3-zap-g b{display:block;margin-top:3px;font-size:16px;font-weight:800;color:var(--b-tytul)}
.b3-zap-g small{display:block;font-size:12.5px;font-weight:700;color:var(--b-pod)}
.b3-zap-h{margin:16px 0 0;font-size:22px;line-height:1.25;font-weight:800;color:var(--b-tytul);letter-spacing:-.4px}
.b3-zap-t{display:flex;gap:14px;align-items:stretch;margin-top:18px;padding-top:18px;border-top:1px solid #3A3018}
:root[data-theme="light"] .b3-zap-t{border-top-color:#E8D9A8}
.b3-kal{flex:none;width:104px;border-radius:20px;overflow:hidden;background:var(--b-karta2);border:1px solid #3A3018;text-align:center}
:root[data-theme="light"] .b3-kal{border-color:#E8D9A8;background:#FFFFFF}
.b3-kal small{display:block;padding:7px 0;background:var(--b-zloto);font-size:10px;letter-spacing:1.2px;font-weight:800;color:#15120A;text-transform:uppercase}
.b3-kal b{display:block;padding-top:10px;font-size:44px;line-height:1;font-weight:800;color:var(--b-tytul);letter-spacing:-1px}
.b3-kal span{display:block;margin:4px 0 12px;font-size:13px;font-weight:800;color:var(--b-zl)}
.b3-zap-i{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px}
.b3-zap-i > div{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:800;color:var(--b-t)}
.b3-zap-i .b3i{color:var(--b-zl)}
.b3-zap-i .gl{font-size:22px;color:var(--b-tytul)}
.b3-zap-i .gl small{font-size:13px;font-weight:700;color:var(--b-szary)}
.b3-jak > div{display:flex;align-items:center;gap:12px;padding:14px;border-top:1px solid var(--b-linia)}
.b3-jak > div:first-child{border-top:0}
.b3-jak > div.nie{opacity:.6}
.b3-jak .b3-pkt{flex:none;width:24px;height:24px;border-radius:12px;border:2px solid #3A3A44;display:flex;align-items:center;justify-content:center;color:#15120A}
.b3-jak > div.tak .b3-pkt{background:var(--b-zloto);border:0}
.b3-msg{margin:14px 18px 0;padding:14px;border-radius:20px;background:var(--b-karta);border:1px solid var(--b-ramka)}
.b3-msg-g{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;color:var(--b-tytul)}
.b3-msg-g .b3-znak{width:32px;height:32px;border-radius:10px}
.b3-msg-g small{display:block;font-size:12px;font-weight:700;color:var(--b-szary)}
.b3-msg p{margin:10px 0 0;font-size:14px;line-height:1.55;font-weight:600;color:var(--b-t3);white-space:pre-line}
.b3-guz{margin:20px 18px 0}
.b3-guz .b3-cta{width:100%;min-height:56px}
.b3-guz-2{display:flex;gap:8px;margin-top:8px}
.b3-guz-2 > *{flex:1}
.b3-guz-2 > :first-child{flex:1.25}
.b3-guz-2 .b3-alt,.b3-guz-2 button{width:100%;min-height:50px;border-radius:16px;font-size:15px}
.b3-przyp{margin:14px 18px 0;display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;background:var(--b-karta);border:1px dashed var(--b-pole-r);font-size:12.5px;line-height:1.45;font-weight:600;color:var(--b-pod)}
.b3-przyp .b3i{color:var(--b-zl)}
.b3-nota{margin:14px 22px 0;text-align:center;font-size:12px;line-height:1.5;font-weight:600;color:var(--b-nad)}
.b3-zap-of{margin:0 18px;border-radius:20px;background:var(--b-karta);border:1px solid var(--b-ramka);overflow:hidden}
.b3-zap-of-f{position:relative;height:120px;background:#1A1710}
.b3-zap-of-f img{width:100%;height:100%;object-fit:cover}
.b3-zap-of-f::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,9,10,0) 30%,rgba(9,9,10,.85))}
.b3-zap-of-f .b3-k-st{z-index:2}
.b3-zap-of-t{padding:12px 14px 14px}
.b3-zap-of-t b{display:block;font-size:16px;font-weight:800;color:var(--b-tytul)}
.b3-zap-of-t small{display:block;margin-top:2px;font-size:12.5px;font-weight:700;color:var(--b-szary)}
.b3-zap-of-t a{display:inline-block;margin-top:10px;font-size:13px;font-weight:800;color:var(--b-zl2)}
/* B3-23 inny termin */
.b3-it-of{display:flex;align-items:center;gap:12px;margin:14px 18px 0;padding:12px 14px;border-radius:18px;background:var(--b-karta);border:1px solid var(--b-ramka)}
.b3-it-of .b3-znak{width:44px;height:44px;border-radius:11px;font-size:14px}
.b3-it-of b{display:block;font-size:14.5px;font-weight:800;color:var(--b-tytul)}
.b3-it-of small{display:block;font-size:12px;font-weight:700;color:var(--b-szary)}
.b3-it-of s{color:var(--b-szary)}
.b3-it-of em{font-style:normal;color:var(--b-czer);font-weight:800}
.b3-it-h{margin:22px 18px 0;font-size:26px;font-weight:800;color:var(--b-tytul);letter-spacing:-.6px}
.b3-it-p{margin:6px 18px 0;font-size:13.5px;line-height:1.5;font-weight:600;color:var(--b-pod)}
.b3-dni{display:flex;gap:8px;overflow-x:auto;padding:2px 18px 4px;scrollbar-width:none}
.b3-dni label{cursor:pointer;flex:none}
.b3-dni input,.b3-godz input{position:absolute;opacity:0;width:1px;height:1px}
.b3-dni span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:64px;border-radius:15px;background:var(--b-karta);border:1px solid var(--b-pole-r);font-size:11.5px;font-weight:800;color:var(--b-szary)}
.b3-dni span b{font-size:20px;color:var(--b-tytul)}
.b3-dni input:checked + span{background:var(--b-zloto);border-color:transparent;color:#15120A}
.b3-dni input:checked + span b{color:#15120A}
.b3-dni input:focus-visible + span,.b3-godz input:focus-visible + span{outline:2px solid var(--b-zl2)}
.b3-godz{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 18px}
.b3-godz label{cursor:pointer}
.b3-godz span{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:12px;background:var(--b-karta);border:1px solid var(--b-pole-r);font-size:13.5px;font-weight:800;color:var(--b-t)}
.b3-godz input:checked + span{background:var(--b-zloto);border-color:transparent;color:#15120A}
.b3-godz-inna{margin:8px 18px 0}
.b3-godz-inna input{width:100%;height:46px;border-radius:12px;background:var(--b-karta);border:1px solid var(--b-pole-r);padding:0 12px;font:700 16px/1 Manrope,system-ui,sans-serif;color:var(--b-t)}
.b3-moje{margin:0 18px;border-radius:18px;background:var(--b-karta);border:1px solid var(--b-ramka);overflow:hidden}
.b3-moje > div{display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid var(--b-linia)}
.b3-moje > div:first-child{border-top:0}
.b3-moje .n{flex:none;width:26px;height:26px;border-radius:8px;background:var(--b-zl-tlo2);color:var(--b-zl);font-size:12.5px;font-weight:800;display:flex;align-items:center;justify-content:center}
.b3-moje b{flex:1;font-size:14.5px;font-weight:800;color:var(--b-tytul)}
.b3-moje button{flex:none;width:34px;height:34px;border-radius:10px;border:0;background:transparent;color:var(--b-szary);display:flex;align-items:center;justify-content:center}
.b3-moje .dod{width:100%;display:flex;align-items:center;gap:8px;padding:13px 14px;border:0;border-top:1px solid var(--b-linia);background:transparent;font:800 13.5px Manrope,system-ui,sans-serif;color:var(--b-zl2);text-align:left;height:auto}
.b3-moje > .dod:first-child{border-top:0}
.b3-it .b3-ta{margin:0 18px;width:calc(100% - 36px)}
.b3-it .b3-licznik{margin-right:18px}

/* ===================== B3-16 WYSLANE, B3-09 ZAMKNIETA, B3-11 ZAPISANE ===================== */
.b3-ok{margin:14px 14px 0;padding:24px 18px 18px;border-radius:26px;text-align:center;background:radial-gradient(120% 90% at 50% 0%,rgba(232,201,106,.22),rgba(232,201,106,0) 60%),linear-gradient(160deg,#1D1A10,#0E0D0A);border:1px solid var(--b-zl-r)}
:root[data-theme="light"] .b3-ok{background:radial-gradient(120% 90% at 50% 0%,rgba(232,201,106,.22),rgba(232,201,106,0) 60%),linear-gradient(160deg,#FBF1D4,#FFFFFF)}
.b3-ok-i{width:64px;height:64px;margin:0 auto;border-radius:20px;background:var(--b-zloto);display:flex;align-items:center;justify-content:center;color:#15120A}
.b3-ok h1{margin:16px 0 0;font-size:24px;font-weight:800;color:var(--b-tytul);letter-spacing:-.5px}
.b3-ok p{margin:6px 0 0;font-size:13.5px;line-height:1.5;font-weight:600;color:var(--b-pod)}
.b3-ok .b3-ofw{text-align:left}
.b3-kroki2{margin:0 18px;padding:6px 16px;border-radius:20px;background:var(--b-karta);border:1px solid var(--b-ramka);list-style:none}
.b3-kroki2 li{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--b-linia)}
.b3-kroki2 li:first-child{border-top:0}
.b3-kroki2 .b3-war-i{width:36px;height:36px;border-radius:11px}
.b3-kroki2 b{display:block;font-size:14.5px;font-weight:800;color:var(--b-tytul)}
.b3-kroki2 small{display:block;margin-top:2px;font-size:12.5px;line-height:1.45;font-weight:600;color:var(--b-szary)}
.b3-dwa{display:flex;gap:8px;margin:16px 18px 0}
.b3-dwa > *{flex:1}
.b3-dwa .b3-alt{width:100%}
.b3-dwa .b3-alt.zl{background:var(--b-zloto);color:var(--b-zl-t);border-color:transparent}
.b3-tasma .b3-k{flex:none;width:250px}
.b3-tasma .b3-k-foto{height:120px}
.b3-tasma .b3-k-st b{font-size:28px}
.b3-zam{margin:14px 18px 0;display:flex;gap:12px;padding:14px;border-radius:18px;background:var(--b-karta);border:1px solid var(--b-pole-r)}
.b3-zam-i{flex:none;width:40px;height:40px;border-radius:12px;background:var(--b-tag);display:flex;align-items:center;justify-content:center;color:var(--b-szary)}
.b3-zam b{display:block;font-size:15px;font-weight:800;color:var(--b-tytul)}
.b3-zam small{display:block;margin-top:2px;font-size:12.5px;line-height:1.45;font-weight:600;color:var(--b-pod)}
.b3-zam-of{margin:16px 18px 0;opacity:.6}
.b3-zam-of .b3-of-st b{font-size:40px;background:none;-webkit-text-fill-color:currentColor;color:var(--b-szary)}
.b3-zam-of .b3-of-st span{color:var(--b-szary);font-size:13px}
.b3-zam-of h1{margin:6px 0 0;font-size:21px;font-weight:800;color:var(--b-pod)}
.b3-zam-of small{display:block;margin-top:2px;font-size:12.5px;font-weight:700;color:var(--b-szary)}
.b3-zam-f{margin:16px 18px 0;padding:16px;border-radius:20px;background:radial-gradient(120% 90% at 100% 0%,rgba(232,201,106,.18),rgba(232,201,106,0) 55%),var(--b-karta);border:1px solid var(--b-zl-r)}
.b3-zam-f-g{display:flex;align-items:center;gap:12px}
.b3-zam-f-g .b3-znak{width:44px;height:44px;border-radius:11px;font-size:14px}
.b3-zam-f-g b{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:800;color:var(--b-tytul)}
.b3-zam-f-g small{display:block;font-size:12.5px;font-weight:700;color:var(--b-zl)}
.b3-zam-f p{margin:12px 0 0;font-size:13px;font-weight:700;color:var(--b-t)}
.b3-zam-f .b3-cta{width:100%;margin-top:12px;min-height:48px}
.b3-zam-f .b3-alt{width:100%;margin-top:12px}
/* B3-11 */
.b3-seg3{display:flex;gap:7px;padding:14px 18px 0;overflow-x:auto;scrollbar-width:none}
.b3-zo{margin:12px 18px 0;border-radius:20px;background:var(--b-karta);border:1px solid var(--b-ramka);overflow:hidden}
.b3-zo > div{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid var(--b-linia)}
.b3-zo > div:first-child{border-top:0}
.b3-zo > div.zam{opacity:.6}
.b3-zo-f{flex:none;width:64px;height:64px;border-radius:15px;overflow:hidden;background:#1A1710}
.b3-zo-f img{width:100%;height:100%;object-fit:cover}
.b3-zo-t{flex:1;min-width:0}
.b3-zo-t .st{display:flex;align-items:baseline;gap:3px;font-size:20px;font-weight:800;color:var(--b-zl);line-height:1}
.b3-zo-t .st small{font-size:11px;margin-left:3px}
.b3-zo-t b{display:block;margin-top:3px;font-size:14.5px;font-weight:800;color:var(--b-tytul);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b3-zo-t b a::after{content:"";position:absolute;inset:0}
.b3-zo-t small{display:block;margin-top:1px;font-size:12px;font-weight:700;color:var(--b-szary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b3-zo-t em{display:block;margin-top:3px;font-style:normal;font-size:11.5px;font-weight:800;color:var(--b-szary)}
.b3-zo-t em.pilne{color:var(--b-czer)}
.b3-zo-t em.ziel{color:var(--b-ziel)}
.b3-zo-a{position:relative;z-index:2;flex:none}
.b3-zo-a .b3-cta{min-height:36px;border-radius:11px;font-size:12.5px;padding:0 12px}
.b3-zo-a .b3-kwad{width:36px;min-height:36px;height:36px;border-radius:11px}
.b3-zo-uw{display:flex;align-items:center;gap:10px;margin:14px 18px 0;padding:13px 14px;border-radius:16px;background:var(--b-karta);border:1px solid var(--b-ramka);font-size:12.5px;font-weight:700;color:var(--b-t)}
.b3-zo-uw .b3i{color:var(--b-zl)}
.b3-ark-g h2.b3-ark-tl{font-size:23px}
.b3-sk-i{flex:none;width:44px;height:44px;border-radius:14px;background:var(--b-czer-tlo);border:1px solid var(--b-czer-r);display:flex;align-items:center;justify-content:center;color:var(--b-czer)}
.b3-dni label,.b3-godz label,.b3-seg label,.b3-fchipy label,.b3-pyt-o label,label.b3-rz,label.b3-opcja{position:relative}
/* B3-22 + B6-22: wybor jednego z terminow firmy (do 3). */
.b3-zap-wyb{position:relative;cursor:pointer;border:1px solid transparent;border-radius:14px;padding:12px;margin-top:10px}
.b3-zap-wyb + .b3-zap-wyb{border-top-color:transparent}
.b3-zap-wyb input{position:absolute;opacity:0;pointer-events:none}
.b3-zap-wyb:has(input:checked){border-color:#D9B64A}
.b3-zap-wyb:has(input:focus-visible){outline:2px solid #D9B64A;outline-offset:2px}
:root[data-theme="light"] .b3-zap-wyb:has(input:checked){border-color:#B08A24}