/* ---------------------------------------------------------------------
   BLOK 12 - ZLECENIA, USLUGI, KALENDARZ (zloty standard 26.10, dyzajn
   BLOK-12-ZLECENIA). Liczby i kolory wprost z dyzajnu, dwa motywy
   w zmiennych `--z-*` na `.b12`. Telefon jest baza; laptop (od 1024 px):
   wlasny uklad - lista w dwoch kolumnach z panelem filtrow z prawej,
   karta zlecenia w dwoch kolumnach, arkusze jako okno na srodku.
   Przedrostek `b12-`, arkusz stoi tylko na ekranach bloku 12 (@pushOnce).
--------------------------------------------------------------------- */
body.b12-strona{background:#09090B}
:root[data-theme="light"] body.b12-strona{background:#F7F5F1}

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

/* Zakladki Praca · Zlecenia · Uslugi */
.b12-zakl{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--z-karta);border:1px solid var(--z-ramka);margin:0 0 16px}
.b12-zakl a{flex:1;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:var(--z-szary)}
.b12-zakl a.on{background:var(--z-zloto);color:var(--z-zl-t);box-shadow:inset 0 0 0 1px #B08A24}

/* Naglowek */
.b12-glowa{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.b12-nad{font-size:11.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--z-szary);margin-bottom:6px}
.b12-h1{font-size:28px;line-height:1.12;font-weight:800;color:var(--z-tytul);letter-spacing:-.6px}
.b12-h1.mn{font-size:24px}
.b12-pod{margin-top:6px;font-size:14px;line-height:1.45;font-weight:600;color:var(--z-szary)}
.b12-dzis{flex:none;font-size:12.5px;font-weight:800;color:var(--z-ziel-k)}

/* Szukanie + filtr */
.b12-szuk{display:flex;gap:10px;margin-top:16px}
.b12-pole-s{flex:1;min-width:0;height:52px;border-radius:14px;border:1px solid var(--z-pole-r);background:var(--z-karta);display:flex;align-items:center;gap:10px;padding:0 14px;color:var(--z-zl)}
.b12-pole-s 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(--z-tytul);padding:0}
.b12-pole-s input::placeholder{color:var(--z-szary);opacity:1}
.b12-ikb{position:relative;flex:none;width:52px;height:52px;border-radius:14px;border:1px solid var(--z-zl-r2);display:flex;align-items:center;justify-content:center;color:var(--z-zl);background:transparent}
.b12-licz{position:absolute;right:-5px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--z-zloto);color:var(--z-zl-t);font-size:11px;font-weight:800;line-height:20px;text-align:center}

/* Chipy */
.b12-chipy{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0;padding:0;list-style:none}
.b12-chip{flex:none;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:12px;background:var(--z-karta);color:var(--z-t);border:1px solid var(--z-pole-r);font-size:13.5px;font-weight:800;white-space:nowrap}
.b12-chip .b12i{color:var(--z-zl)}
.b12-chip.on{background:var(--z-zloto);color:var(--z-zl-t);border-color:#B08A24}
.b12-chip.on .b12i{color:var(--z-zl-t)}
label.b12-chip{cursor:pointer}
label.b12-chip input{position:absolute;opacity:0;pointer-events:none}
label.b12-chip:has(input:checked){background:var(--z-zloto);color:var(--z-zl-t);border-color:#B08A24}
label.b12-chip:has(input:focus-visible){outline:2px solid var(--z-zl);outline-offset:2px}

/* Kolejnosc */
.b12-kol{margin:18px 0 12px;display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--z-szary)}
.b12-kol b{color:var(--z-zl);margin-right:auto}
.b12-kol a{color:var(--z-zl);display:flex}

/* Karta zlecenia na liscie */
.b12-lista{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.b12-zk{display:block;border-radius:20px;background:var(--z-karta);border:1px solid var(--z-ramka);overflow:hidden}
.b12-zk-f{position:relative;height:150px;background:var(--z-karta2) center/cover no-repeat}
.b12-zk-f::before{content:"";position:absolute;inset:0;background:var(--z-cien)}
.b12-zk-nowe{position:absolute;left:12px;top:12px;height:24px;display:flex;align-items:center;padding:0 9px;border-radius:8px;background:var(--z-zloto);font-size:11px;font-weight:800;color:var(--z-zl-t)}
.b12-zk-tryb{position:absolute;right:12px;top:12px;height:26px;display:flex;align-items:center;gap:6px;padding:0 9px;border-radius:8px;background:var(--z-plakietka);font-size:11px;font-weight:800;color:#FFFFFE}
.b12-zk-tryb .b12i{color:#E8C96A}
.b12-zk-k{position:absolute;left:14px;bottom:10px;display:flex;align-items:baseline;gap:6px;color:#F3DD93}
.b12-zk-k b{font-size:36px;line-height:1;font-weight:800;letter-spacing:-1px}
.b12-zk-k span{font-size:13px;font-weight:800}
.b12-zk-k.wyc b{font-size:20px;letter-spacing:0}
.b12-zk-of{position:absolute;right:12px;bottom:12px;font-size:11.5px;font-weight:800;color:#E9E4D8}
.b12-zk-b{padding:13px 14px 14px}
.b12-zk-t{font-size:16.5px;font-weight:800;color:var(--z-tytul);letter-spacing:-.2px;overflow-wrap:anywhere}
.b12-kto{display:flex;align-items:center;gap:8px;margin-top:8px;min-width:0}
.b12-kto span:last-child{font-size:13px;font-weight:800;color:var(--z-t);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b12-aw{flex:none;width:26px;height:26px;border-radius:8px;background:var(--z-awatar);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:800;color:var(--z-awatar-t);overflow:hidden}
.b12-aw img{width:100%;height:100%;object-fit:cover;display:block}
.b12-aw.d{width:44px;height:44px;border-radius:12px;font-size:14px}
.b12-aw.s{width:34px;height:34px;border-radius:10px;font-size:11px}
.b12-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:9px}
.b12-meta span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--z-szary);white-space:nowrap}

/* Guziki */
.b12-g{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 18px;border-radius:14px;border:1px solid var(--z-pole-r);background:var(--z-karta);color:var(--z-tytul);font:800 15px/1.2 Manrope,system-ui,sans-serif;text-align:center;width:100%}
.b12-g.zl{background:var(--z-zloto);color:var(--z-zl-t);border-color:#B08A24;box-shadow:0 10px 26px rgba(217,182,74,.22)}
.b12-g.zl .b12i{color:var(--z-zl-t)}
.b12-g.alt{color:var(--z-zl);border-color:var(--z-zl-r2);background:transparent}
.b12-g.czer{color:var(--z-czer);border-color:var(--z-czer-r);background:transparent}
.b12-g.mn{min-height:44px;font-size:14px;border-radius:12px}
.b12-g.tekst{border:0;background:transparent;color:var(--z-szary);min-height:44px}
.b12-g .b12i{color:var(--z-zl)}
.b12-dwa{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;margin-top:18px}
.b12-dwa.rowno{grid-template-columns:1fr 1fr}
.b12-dwa.trzy{grid-template-columns:repeat(3,1fr);margin-top:12px}
.b12-dol{position:sticky;bottom:calc(var(--tabbar-h,64px) + 10px);z-index:5;padding:14px 18px 0}
.b12-nota{margin-top:10px;font-size:12.5px;line-height:1.5;font-weight:700;color:var(--z-szary);text-align:center}
.b12-nota.lewo{text-align:left}
.b12-link{color:var(--z-zl);font-weight:800}
.b12 form{margin:0}
.b12 form.b12-inl{display:contents}

/* Sekcja z nadpisem */
.b12-sek{margin:22px 0 10px;font-size:11.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--z-szary)}
.b12-blok{border-radius:16px;background:var(--z-karta);border:1px solid var(--z-ramka);padding:14px 16px}
.b12-opis{font-size:15px;line-height:1.55;font-weight:600;color:var(--z-t);white-space:pre-line;overflow-wrap:anywhere}
.b12-wiersze{border-radius:16px;background:var(--z-karta);border:1px solid var(--z-ramka);overflow:hidden;margin:0;padding:0;list-style:none}
.b12-wiersze>li,.b12-wiersze>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--z-linia);font-size:14px;font-weight:700;color:var(--z-pod);min-height:48px}
.b12-wiersze>li:first-child,.b12-wiersze>a:first-child{border-top:0}
.b12-wiersze b{color:var(--z-tytul);font-weight:800;text-align:right}
.b12-wiersze .lewo{display:flex;flex-direction:column;gap:3px;min-width:0;text-align:left}
.b12-wiersze .lewo b{text-align:left;overflow:hidden;text-overflow:ellipsis}
.b12-wiersze .lewo small{font-size:12.5px;font-weight:700;color:var(--z-szary)}
.b12-tagi{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.b12-tag{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border-radius:10px;border:1px solid var(--z-pole-r);background:var(--z-karta);font-size:13px;font-weight:800;color:var(--z-t)}
.b12-tag .b12i{color:var(--z-zl)}

/* Stany - plakietki */
.b12-st{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border-radius:8px;font-size:11.5px;font-weight:800;border:1px solid var(--z-pole-r);color:var(--z-pod);white-space:nowrap}
.b12-st::before{content:"";width:6px;height:6px;border-radius:3px;background:currentColor}
.b12-st.zl{color:var(--z-zl);border-color:var(--z-zl-r2);background:var(--z-zl-tlo)}
.b12-st.ziel{color:var(--z-ziel);border-color:var(--z-ziel-r);background:var(--z-ziel-tlo)}
.b12-st.czer{color:var(--z-czer);border-color:var(--z-czer-r);background:var(--z-czer-tlo)}
.b12-st.bez::before{display:none}

/* Karta zlecenia - hero */
.b12-hero{position:relative;height:230px;background:var(--z-karta2) center/cover no-repeat;margin:0}
.b12-hero::before{content:"";position:absolute;inset:0;background:var(--z-cien)}
.b12-hero-g{position:absolute;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;gap:8px}
.b12-hero-g a,.b12-hero-g button{width:40px;height:40px;border-radius:12px;background:var(--z-plakietka);display:flex;align-items:center;justify-content:center;color:#FFFFFE;border:0}
.b12-hero-g .p{display:flex;gap:8px}
.b12-hero-d{position:absolute;left:18px;right:18px;bottom:14px}
.b12-hero-d .b12-zk-k{position:static}
.b12-hero-st{display:flex;gap:8px;align-items:center;margin-bottom:8px;font-size:12px;font-weight:800;color:#E9E4D8}
.b12-hero-st .b12-zk-tryb{position:static}

/* Pasek "Zloz oferte" na dole karty */
.b12-pasek{position:sticky;bottom:calc(var(--tabbar-h,64px) + 8px);z-index:5;display:flex;gap:10px;padding:12px 18px 0}
.b12-pasek .b12-g{flex:1}
.b12-pasek .kw{flex:none;width:52px;padding:0}
.b12-wyslana{display:flex;align-items:center;gap:10px;justify-content:space-between;border-radius:16px;border:1px solid var(--z-zl-r2);background:var(--z-karta);padding:12px 14px}
.b12-wyslana b{font-size:14px;font-weight:800;color:var(--z-zl)}
.b12-wyslana small{display:block;margin-top:3px;font-size:12.5px;font-weight:700;color:var(--z-szary)}

/* Pytania */
.b12-pyt{border-top:1px solid var(--z-linia);padding:12px 0 0;margin-top:12px}
.b12-pyt:first-child{border-top:0;padding-top:0;margin-top:0}
.b12-pyt b{display:block;font-size:14px;font-weight:800;color:var(--z-tytul)}
.b12-pyt p{margin-top:5px;font-size:13.5px;font-weight:700;color:var(--z-pod)}
.b12-stopka{margin-top:16px;font-size:12.5px;font-weight:700;color:var(--z-szary);display:flex;flex-wrap:wrap;gap:4px}
.b12-stopka a{color:var(--z-szary);text-decoration:underline}

/* Formularze */
.b12-et{display:block;margin:18px 0 8px;font-size:11.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--z-szary)}
.b12-in,.b12-ta,.b12-sel{width:100%;min-height:52px;border-radius:14px;border:1px solid var(--z-pole-r);background:var(--z-karta);color:var(--z-tytul);font:700 16px/1.4 Manrope,system-ui,sans-serif;padding:13px 14px;outline:0}
.b12-ta{min-height:96px;resize:vertical}
.b12-in:focus,.b12-ta:focus,.b12-sel:focus{border-color:var(--z-zl-r2)}
.b12-in::placeholder,.b12-ta::placeholder{color:var(--z-szary);opacity:1}
.b12-kw{position:relative}
.b12-kw .b12-in{padding-right:46px}
.b12-kw span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:800;color:var(--z-szary)}
.b12-blad{margin-top:6px;font-size:13px;font-weight:800;color:var(--z-czer)}
.b12-przel{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:16px;border:1px solid var(--z-ramka);background:var(--z-karta);padding:13px 16px;margin-top:12px;cursor:pointer}
.b12-przel b{display:block;font-size:14.5px;font-weight:800;color:var(--z-tytul)}
.b12-przel small{display:block;margin-top:3px;font-size:12.5px;font-weight:700;color:var(--z-szary)}
.b12-przel .tg-tor{flex:none}
.b12 .tg-in:checked + .tg-tor{background:var(--z-zloto)}
.b12-opcje{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.b12-opcja{position:relative;display:block;border-radius:16px;border:1px solid var(--z-ramka);background:var(--z-karta);padding:14px;cursor:pointer;min-height:84px}
.b12-opcja input{position:absolute;opacity:0;pointer-events:none}
.b12-opcja b{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:800;color:var(--z-tytul)}
.b12-opcja b .b12i{color:var(--z-zl)}
.b12-opcja small{display:block;margin-top:6px;font-size:12.5px;line-height:1.45;font-weight:700;color:var(--z-szary)}
.b12-opcja:has(input:checked){border-color:var(--z-zl);box-shadow:inset 0 0 0 1px var(--z-zl)}
.b12-opcja:has(input:focus-visible){outline:2px solid var(--z-zl);outline-offset:2px}
.b12-kafle{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.b12-kafel{position:relative;display:flex;align-items:flex-end;min-height:88px;border-radius:16px;border:1px solid var(--z-ramka);background:var(--z-karta2) center/cover no-repeat;padding:12px;overflow:hidden;cursor:pointer}
.b12-kafel::before{content:"";position:absolute;inset:0;background:var(--z-cien)}
.b12-kafel span{position:relative;font-size:14px;font-weight:800;color:#FFFFFE}
.b12-kafel input{position:absolute;opacity:0;pointer-events:none}
.b12-kafel:has(input:checked){border-color:var(--z-zl);box-shadow:inset 0 0 0 2px var(--z-zl)}
.b12-kafel:has(input:focus-visible){outline:2px solid var(--z-zl);outline-offset:2px}

/* Postep krokow */
.b12-kroki{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0 4px}
.b12-kroki i{height:4px;border-radius:2px;background:var(--z-suwak)}
.b12-kroki i.on{background:var(--z-zloto)}
.b12-wybrana{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:16px;border:1px solid var(--z-ramka);background:var(--z-karta);padding:12px 16px}
.b12-wybrana small{display:block;font-size:11px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:var(--z-szary)}
.b12-wybrana b{font-size:15px;font-weight:800;color:var(--z-tytul)}
.b12-podp{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.b12-podp a{display:flex;align-items:center;gap:10px;border-radius:12px;border:1px solid var(--z-ramka);background:var(--z-karta);padding:11px 13px;font-size:14px;font-weight:800;color:var(--z-tytul)}
.b12-podp a .b12i{color:var(--z-zl)}
.b12-podp small{color:var(--z-szary);font-weight:700}

/* Ekran "gotowe" */
.b12-ok{text-align:center;padding:26px 18px 6px}
.b12-ok-i{width:72px;height:72px;margin:0 auto 16px;border-radius:20px;background:var(--z-zloto);color:var(--z-zl-t);display:flex;align-items:center;justify-content:center}
.b12-ok h1{font-size:26px;font-weight:800;color:var(--z-tytul);letter-spacing:-.5px}
.b12-ok p{margin-top:6px;font-size:14px;font-weight:700;color:var(--z-szary)}
.b12-num{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none;counter-reset:n}
.b12-num li{display:flex;gap:12px;align-items:flex-start;border-radius:14px;border:1px solid var(--z-ramka);background:var(--z-karta);padding:12px 14px;font-size:14px;line-height:1.45;font-weight:800;color:var(--z-t)}
.b12-num li::before{counter-increment:n;content:counter(n);flex:none;width:24px;height:24px;border-radius:7px;border:1px solid var(--z-zl-r2);color:var(--z-zl);font-size:12px;display:flex;align-items:center;justify-content:center}
.b12-pusto{text-align:center;padding:30px 18px 10px}
.b12-pusto-i{width:64px;height:64px;margin:0 auto 14px;border-radius:18px;border:1px solid var(--z-zl-r2);color:var(--z-zl);display:flex;align-items:center;justify-content:center}
.b12-pusto h2{font-size:20px;font-weight:800;color:var(--z-tytul)}
.b12-pusto p{margin-top:8px;font-size:14px;line-height:1.5;font-weight:700;color:var(--z-szary)}

/* Kafelki liczb */
.b12-liczby{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.b12-liczba{display:flex;align-items:center;gap:10px;border-radius:16px;border:1px solid var(--z-ramka);background:var(--z-karta);padding:12px 14px}
.b12-liczba .ik{flex:none;width:36px;height:36px;border-radius:10px;border:1px solid var(--z-pole-r);display:flex;align-items:center;justify-content:center;color:var(--z-zl)}
.b12-liczba small{display:block;font-size:11.5px;font-weight:800;color:var(--z-szary)}
.b12-liczba b{display:block;font-size:16px;font-weight:800;color:var(--z-tytul)}
.b12-seg{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}

/* Lista moich zlecen / ofert */
.b12-mk{display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid var(--z-linia);min-height:64px}
.b12-mk:first-child{border-top:0}
.b12-mk-t{flex:1;min-width:0}
.b12-mk-t b{display:block;font-size:15px;font-weight:800;color:var(--z-tytul);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b12-mk-t small{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:5px;font-size:12.5px;font-weight:700;color:var(--z-szary)}
.b12-mk .b12i.pr{color:var(--z-szary)}
.b12-mk-n{flex:none;min-width:22px;height:22px;border-radius:7px;background:var(--z-zloto);color:var(--z-zl-t);font-size:11.5px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 6px}
.b12-ramka{border-radius:16px;background:var(--z-karta);border:1px solid var(--z-ramka);overflow:hidden}
.b12-promuj{display:flex;align-items:center;gap:10px;border-radius:14px;border:1px solid var(--z-ramka);background:var(--z-karta);padding:12px 14px;margin-top:12px;font-size:14px;font-weight:800;color:var(--z-tytul)}
.b12-promuj .b12i{color:var(--z-zl)}
.b12-promuj span{flex:1}
.b12-promuj a,.b12-promuj button{color:var(--z-zl);font-weight:800;background:none;border:0;font-size:14px;padding:0}

/* Oferta (porownanie B12-16) */
.b12-of{border-radius:18px;background:var(--z-karta);border:1px solid var(--z-ramka);padding:14px;margin-top:12px}
.b12-of.wyb{border-color:var(--z-zl)}
.b12-of-g{display:flex;gap:12px;align-items:flex-start}
.b12-of-n{flex:1;min-width:0}
.b12-of-n b{display:block;font-size:15px;font-weight:800;color:var(--z-tytul)}
.b12-of-n small{display:block;margin-top:3px;font-size:12px;line-height:1.4;font-weight:700;color:var(--z-szary)}
.b12-of-c{flex:none;text-align:right}
.b12-of-c b{display:block;font-size:19px;font-weight:800;color:var(--z-tytul);white-space:nowrap}
.b12-of-c small{display:block;margin-top:2px;font-size:11.5px;font-weight:700;color:var(--z-szary)}
.b12-of-p{margin-top:10px;font-size:14px;line-height:1.5;font-weight:700;color:var(--z-t);overflow-wrap:anywhere}
.b12-of-zm{display:inline-block;margin-top:6px;font-size:12px;font-weight:800;color:var(--z-zl)}
.b12-of-dol{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}

/* Odliczanie przetargu */
.b12-zegar{border-radius:20px;border:1px solid var(--z-zl-r2);background:var(--z-karta);padding:22px 16px;text-align:center;margin-top:16px}
.b12-zegar .ik{width:52px;height:52px;margin:0 auto 12px;border-radius:14px;border:1px solid var(--z-zl-r2);display:flex;align-items:center;justify-content:center;color:var(--z-zl)}
.b12-zegar b{display:block;font-size:40px;font-weight:800;color:var(--z-tytul);letter-spacing:-1px}
.b12-zegar small{display:block;margin-top:6px;font-size:11.5px;font-weight:800;letter-spacing:1.2px;color:var(--z-szary);text-transform:uppercase}

/* Postep (B12-40) */
.b12-post{margin:0;padding:0;list-style:none}
.b12-post li{position:relative;padding:0 0 14px 28px;font-size:14px;font-weight:800;color:var(--z-szary)}
.b12-post li::before{content:"";position:absolute;left:4px;top:3px;width:12px;height:12px;border-radius:6px;border:2px solid var(--z-pole-r)}
.b12-post li.on{color:var(--z-tytul)}
.b12-post li.on::before{background:var(--z-zl);border-color:var(--z-zl)}
.b12-post li small{display:block;margin-top:2px;font-size:12px;font-weight:700;color:var(--z-szary)}

/* Arkusz (okno z dolu; laptop - na srodku) */
.b12-zaslona{position:fixed;inset:0;z-index:1200;background:var(--z-zaslona);display:flex;align-items:flex-end;justify-content:center}
.b12-ark{width:100%;max-width:560px;max-height:92vh;overflow:auto;border-radius:24px 24px 0 0;background:var(--z-karta);border-top:1px solid var(--z-zl-r);padding:10px 18px calc(18px + env(safe-area-inset-bottom))}
.b12-ark::before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:var(--z-suwak);margin:0 auto 14px}
.b12-ark h2{font-size:21px;font-weight:800;color:var(--z-tytul);letter-spacing:-.3px}
.b12-ark>p.pod{margin-top:5px;font-size:13.5px;font-weight:700;color:var(--z-szary)}
.b12-ark .b12-in,.b12-ark .b12-ta{background:var(--z-tlo)}
.b12-ark-menu{display:grid;gap:4px;margin-top:12px}
.b12-ark-menu a,.b12-ark-menu button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;background:transparent;padding:12px 4px;border-radius:12px;color:var(--z-tytul);font:800 15px/1.3 Manrope,system-ui,sans-serif}
.b12-ark-menu .b12i{color:var(--z-zl)}
.b12-ark-menu small{display:block;margin-top:2px;font-size:12.5px;font-weight:700;color:var(--z-szary)}
.b12-ark-menu .czer,.b12-ark-menu .czer .b12i{color:var(--z-czer)}
.b12-ptaszki{display:grid;gap:10px;margin:14px 0 0;padding:14px;list-style:none;border-radius:14px;border:1px solid var(--z-ramka)}
.b12-ptaszki li{display:flex;gap:10px;font-size:13.5px;line-height:1.45;font-weight:700;color:var(--z-t)}
.b12-ptaszki li .b12i{color:var(--z-zl);margin-top:2px}
.b12-kom{border-radius:12px;padding:10px 14px;margin:12px 0 0;font-size:14px;font-weight:800;background:var(--z-ziel-tlo);color:var(--z-ziel);border:1px solid var(--z-ziel-r)}
.b12-kom.blad{background:var(--z-czer-tlo);color:var(--z-czer);border-color:var(--z-czer-r)}

/* Uslugi - katalog i karta */
.b12-us-siatka{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 0;padding:0;list-style:none}
.b12-us{display:block;border-radius:16px;background:var(--z-karta);border:1px solid var(--z-ramka);overflow:hidden;height:100%}
.b12-us-f{position:relative;height:120px;background:var(--z-karta2) center/cover no-repeat}
.b12-us-f::before{content:"";position:absolute;inset:0;background:var(--z-cien)}
.b12-us-f b{position:absolute;left:10px;bottom:8px;font-size:14px;font-weight:800;color:#F3DD93}
.b12-us-b{padding:10px 11px 12px}
.b12-us-b b{display:block;font-size:14px;line-height:1.3;font-weight:800;color:var(--z-tytul);overflow-wrap:anywhere}
.b12-us-b small{display:block;margin-top:4px;font-size:12px;font-weight:800;color:var(--z-pod);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b12-us-b span{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:12px;font-weight:700;color:var(--z-szary)}
.b12-otw{margin-top:8px;font-size:13px;font-weight:800;color:var(--z-ziel)}
.b12-otw span{color:var(--z-szary)}
.b12-trzy{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.b12-trzy a,.b12-trzy button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:58px;border-radius:12px;border:1px solid var(--z-pole-r);background:var(--z-karta);color:var(--z-tytul);font:800 12.5px/1.2 Manrope,system-ui,sans-serif}
.b12-trzy .b12i{color:var(--z-zl)}
.b12-mapa{position:relative;height:150px;border-radius:16px;border:1px solid var(--z-ramka);overflow:hidden;background:
  linear-gradient(0deg,transparent 48%,var(--z-pole-r) 49%,var(--z-pole-r) 51%,transparent 52%),
  linear-gradient(90deg,transparent 30%,var(--z-pole-r) 31%,var(--z-pole-r) 33%,transparent 34%),
  linear-gradient(60deg,transparent 60%,var(--z-linia) 61%,var(--z-linia) 63%,transparent 64%),var(--z-karta2)}
.b12-mapa span{position:absolute;left:50%;top:44%;transform:translate(-50%,-100%);height:26px;padding:0 10px;border-radius:8px;background:var(--z-zloto);color:var(--z-zl-t);font-size:12px;font-weight:800;display:flex;align-items:center;white-space:nowrap}
.b12-mapa small{position:absolute;right:8px;bottom:6px;font-size:10px;font-weight:700;color:var(--z-szary)}

/* Kalendarz */
.b12-dni{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:12px}
.b12-dni a,.b12-dni label{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:58px;border-radius:12px;border:1px solid var(--z-pole-r);background:var(--z-karta);cursor:pointer}
.b12-dni small{font-size:10.5px;font-weight:800;color:var(--z-szary);text-transform:uppercase}
.b12-dni b{font-size:17px;font-weight:800;color:var(--z-tytul)}
.b12-dni .on,.b12-dni label:has(input:checked){background:var(--z-zloto);border-color:#B08A24}
.b12-dni .on small,.b12-dni .on b,.b12-dni label:has(input:checked) small,.b12-dni label:has(input:checked) b{color:var(--z-zl-t)}
.b12-dni .zam b{color:var(--z-nad)}
.b12-dni input{position:absolute;opacity:0;pointer-events:none}
.b12-godz{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.b12-godz label,.b12-godz span{position:relative;display:flex;align-items:center;justify-content:center;height:44px;border-radius:12px;border:1px solid var(--z-pole-r);background:var(--z-karta);font-size:14px;font-weight:800;color:var(--z-tytul);cursor:pointer}
.b12-godz span{color:var(--z-nad);text-decoration:line-through;cursor:default;background:transparent}
.b12-godz input{position:absolute;opacity:0;pointer-events:none}
.b12-godz label:has(input:checked){background:var(--z-zloto);color:var(--z-zl-t);border-color:#B08A24}
.b12-godz label:has(input:focus-visible){outline:2px solid var(--z-zl);outline-offset:2px}
.b12-wiz{display:flex;gap:12px;padding:12px 14px;border-top:1px solid var(--z-linia);align-items:flex-start}
.b12-wiz:first-child{border-top:0}
.b12-wiz>time{flex:none;width:46px;font-size:14px;font-weight:800;color:var(--z-tytul)}
.b12-wiz-t{flex:1;min-width:0}
.b12-wiz-t b{display:block;font-size:14.5px;font-weight:800;color:var(--z-tytul)}
.b12-wiz-t small{display:block;margin-top:3px;font-size:12.5px;font-weight:700;color:var(--z-szary)}
.b12-wiz.czeka{box-shadow:inset 3px 0 0 var(--z-zl)}
.b12-wiz.przerwa,.b12-wiz.wolne{color:var(--z-szary)}
.b12-st-t{flex:none;font-size:11.5px;font-weight:800;color:var(--z-ziel)}
.b12-st-t.czeka{color:var(--z-zl)}
.b12-st-t.odw{color:var(--z-czer)}
.b12-graf{display:flex;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid var(--z-linia)}
.b12-graf:first-child{border-top:0}
.b12-graf>b{flex:none;width:30px;font-size:14px;font-weight:800;color:var(--z-tytul)}
.b12-graf .godz{flex:1;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;font-weight:700;color:var(--z-szary)}
.b12-graf .godz input{width:84px;min-height:40px;padding:6px 8px;border-radius:10px;font-size:16px}

@media (min-width:720px){
  .b12{max-width:720px}
  .b12-lista{grid-template-columns:1fr 1fr}
  .b12-us-siatka{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1024px){
  .b12{max-width:1180px;padding:0 24px 40px}
  .b12-uklad{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
  .b12-bok{position:sticky;top:84px}
  .b12-bok .b12-blok{padding:16px}
  .b12-dol{position:static;padding:14px 0 0}
  .b12-pasek{position:static;padding:0}
  .b12-zaslona{align-items:center}
  .b12-ark{border-radius:22px;border:1px solid var(--z-zl-r);max-width:520px}
  .b12-ark::before{display:none}
  .b12-waska{max-width:620px;margin:0 auto}
  .b12-hero{border-radius:20px;overflow:hidden;margin-top:18px}
  .b12-us-siatka{grid-template-columns:repeat(4,1fr)}
  .b12-tylko-tel{display:none}
}
@media (max-width:1023px){.b12-tylko-lap{display:none}}
/* Sekcja uslug wstawiona w cudzy ekran (profil osoby B4-59) - bez tla i szerokosci strony bloku. */
.b12.b12-wst{max-width:none;padding:0;background:transparent;margin:0}
.b12-od-768{display:none}
@media (min-width:768px){.b12-od-768{display:block}}
@media (min-width:768px){.b12-do-768{display:none!important}}

/* B12-64 Do kogo? */
.b12-kogo{display:grid;gap:8px}
.b12-kogo .b12-opcja{display:flex;align-items:center;gap:12px;min-height:0}
.b12-kogo .b12-opcja small{margin-top:3px;color:var(--z-ziel)}
.b12-kogo-r{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid var(--z-pole-r)}
.b12-kogo .b12-opcja:has(input:checked){border-color:var(--z-zl);box-shadow:inset 0 0 0 1px var(--z-zl)}
.b12-kogo .b12-opcja:has(input:checked) .b12-kogo-r{border-color:var(--z-zl);box-shadow:inset 0 0 0 5px var(--z-tlo),inset 0 0 0 11px var(--z-zl)}
.b12-kogo .b12-opcja:has(input:focus-visible){outline:2px solid var(--z-zl);outline-offset:2px}
.b12-kogo-aw{display:flex;align-items:center;justify-content:center}