/* Style strony "Strona internetowa" (mockup 08): makiety realizacji, kolaz w hero, trzy drogi, os krokow, listy, rozbudowa, rozpiska ceny. */
/* wielka cena jako bohater */
.cena-hero{display:flex;align-items:flex-end;gap:12px;margin:4px 0 6px}
.cena-hero .od{font:500 14px/1 var(--f-mono);color:var(--szept);padding-bottom:18px}
.cena-hero b{font-family:var(--f-naglowki);font-weight:800;font-size:82px;line-height:.9;
  letter-spacing:-.055em;color:var(--akcent)}
.cena-hero .jedn{font:600 16px/1.3 var(--f-tekst);color:var(--szept);padding-bottom:10px}
.cena-hero .jedn small{display:block;font:400 12.5px/1 var(--f-mono);margin-top:5px}
.przekreslone{display:inline-flex;align-items:center;gap:10px;font:400 13.5px/1 var(--f-mono);
  color:var(--szept);margin-bottom:20px}
.przekreslone s{color:#A8B2AC}
.przekreslone b{color:var(--akcent);font-weight:600}
/* kolaż okien w hero */
.kolaz{position:relative;height:432px;perspective:1400px}
.okno-k{position:absolute;border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--karta-linia);
  box-shadow:0 30px 60px rgba(13,27,20,.20);transition:transform var(--t-duze) var(--ease)}
.okno-1{width:74%;left:0;top:22px;z-index:3;transform:rotateY(6deg) rotateX(2deg)}
.okno-2{width:60%;right:0;top:0;z-index:2;transform:rotateY(-5deg) rotateX(2deg)}
.okno-3{width:56%;right:6%;bottom:0;z-index:4;transform:rotateY(-4deg) rotateX(-2deg)}
.kolaz:hover .okno-1{transform:rotateY(3deg) translateY(-6px)}
.kolaz:hover .okno-2{transform:rotateY(-2deg) translateY(-9px)}
.kolaz:hover .okno-3{transform:rotateY(-2deg) translateY(-4px)}
/* ============================================================
   MINIATURA STRONY - wspólny komponent
   Zawartość jest wyższa niż okno; przy najechaniu przewija się,
   jakby ktoś oglądał prawdziwą stronę.
   ============================================================ */
.makieta{border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--karta-linia);
  box-shadow:0 18px 40px rgba(13,27,20,.14);position:relative;
  transition:transform var(--t-mikro) var(--ease),box-shadow var(--t-mikro) var(--ease)}
.makieta:hover{transform:translateY(-6px);box-shadow:0 36px 70px rgba(13,27,20,.22)}
.pasek-przegl{height:24px;background:#EFEFED;display:flex;align-items:center;gap:4px;padding:0 9px;
  border-bottom:1px solid #E2E2DF}
.pasek-przegl i{width:6px;height:6px;border-radius:50%;background:#CFCFCC;display:block}
.pasek-przegl span{margin-left:8px;flex:1;background:#fff;border-radius:7px;height:13px;
  font:400 8px/13px var(--f-mono);color:#9C9C98;text-align:center}
.ekran-mini{height:290px;overflow:hidden;position:relative;background:#fff}
.przesuw{transition:transform 4200ms var(--ease)}
.makieta:hover .przesuw{transform:translateY(calc(-100% + 290px))}
.makieta.maly .ekran-mini{height:150px}
.makieta.maly:hover .przesuw{transform:translateY(calc(-100% + 150px))}
/* ---------- baza wspólna dla wszystkich miniatur ---------- */
.mw{font-family:var(--f-tekst);-webkit-font-smoothing:antialiased}
.mw img{display:block;width:100%;height:100%;object-fit:cover}
.mw .fo{position:relative;overflow:hidden;background:linear-gradient(125deg,var(--f1,#333),var(--f2,#555) 58%,var(--f3,#777))}
.mw .fo .brak{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5px;
  color:rgba(255,255,255,.88)}
.mw .fo .brak span{width:15px;height:11px;border:1.2px solid currentColor;border-radius:2px;position:relative}
.mw .fo .brak span::before{content:"";position:absolute;left:2px;right:2px;bottom:2px;height:4px;background:currentColor;opacity:.55}
.mw .fo .brak small{font:500 5.5px/1 var(--f-mono);letter-spacing:.04em}
.mw .trzy .k > .fo, .mw .kadry3 .k > .fo, .mw .dwa .k > .fo, .mw .szer > .fo{position:absolute;inset:0}
.mw .trzy .k, .mw .kadry3 .k, .mw .dwa .k, .mw .szer{position:relative}
.mw .lin i{display:block;height:3px;border-radius:2px;background:currentColor;opacity:.13;margin-bottom:4px}
/* ============ 1. BARBER - ciemny, zdjęcie na pełną szerokość ============ */
.u-barb{background:#141210;color:#EDE7E1}
.u-barb .nav{position:absolute;inset:0 0 auto 0;z-index:3;display:flex;align-items:center;justify-content:space-between;
  padding:11px 14px}
.u-barb .nav b{font:800 11px/1 var(--f-naglowki);letter-spacing:.06em;text-transform:uppercase}
.u-barb .nav .lk{display:flex;gap:9px;font:500 6.5px/1 var(--f-tekst);letter-spacing:.1em;text-transform:uppercase;opacity:.8}
.u-barb .nav .tel{border:1px solid rgba(255,255,255,.4);border-radius:2px;padding:5px 9px;font:600 6.5px/1 var(--f-tekst)}
.u-barb .hero{position:relative;height:170px}
.u-barb .hero .fo{position:absolute;inset:0}
.u-barb .hero .cien{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.62) 0 22%,rgba(0,0,0,.15) 45%,rgba(0,0,0,.82))}
.u-barb .hero .tx{position:absolute;left:14px;right:14px;bottom:14px;z-index:2}
.u-barb .hero .nad{font:600 6px/1 var(--f-mono);letter-spacing:.28em;text-transform:uppercase;
  color:#C9A227;margin-bottom:6px}
.u-barb .hero h1{font:800 20px/1 var(--f-naglowki);letter-spacing:-.035em;text-transform:uppercase;margin:0 0 7px}
.u-barb .hero .cta{display:inline-block;background:#C9A227;color:#141210;border-radius:2px;padding:6px 13px;
  font:700 7px/1 var(--f-tekst);letter-spacing:.08em;text-transform:uppercase}
.u-barb .pas{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.1)}
.u-barb .pas div{padding:11px 10px;text-align:center;border-left:1px solid rgba(255,255,255,.1)}
.u-barb .pas div:first-child{border-left:0}
.u-barb .pas b{display:block;font:800 14px/1 var(--f-naglowki);color:#C9A227;letter-spacing:-.03em}
.u-barb .pas small{display:block;font:500 5.5px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;
  opacity:.62;margin-top:5px}
.u-barb .sek{padding:14px}
.u-barb .sek h2{font:800 12px/1.1 var(--f-naglowki);letter-spacing:-.02em;text-transform:uppercase;margin:0 0 9px}
.u-barb .trzy{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.u-barb .trzy .k{position:relative;height:62px;overflow:hidden}
.u-barb .trzy .et{position:absolute;left:0;right:0;bottom:0;padding:5px 6px;font:700 6px/1 var(--f-tekst);
  letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(transparent,rgba(0,0,0,.85))}
.u-barb .szer{height:82px;position:relative}
.u-barb .cyt{padding:15px 14px;text-align:center;border-top:1px solid rgba(255,255,255,.1)}
.u-barb .cyt p{margin:0;font:500 8.5px/1.55 var(--f-tekst);font-style:italic}
.u-barb .cyt small{display:block;margin-top:7px;font:600 5.5px/1 var(--f-mono);letter-spacing:.18em;
  text-transform:uppercase;color:#C9A227}
.u-barb .stop{background:#0C0A09;padding:11px 14px;display:flex;justify-content:space-between;
  font:400 5.5px/1.5 var(--f-mono);opacity:.55}
/* ============ 2. SZKÓŁKA ROŚLIN - jasny sklep, siatka produktów ============ */
.u-ros{background:#FCFBF7;color:#1F2E1C}
.u-ros .gora{background:#2F5D34;color:#fff;text-align:center;padding:5px;font:500 5.5px/1 var(--f-tekst);
  letter-spacing:.08em}
.u-ros .nav{display:flex;align-items:center;justify-content:space-between;padding:10px 13px}
.u-ros .nav b{font:700 11.5px/1 var(--f-naglowki);letter-spacing:-.03em}
.u-ros .nav .lk{display:flex;gap:9px;font:500 6.5px/1 var(--f-tekst);opacity:.68}
.u-ros .nav .koszyk{background:#2F5D34;color:#fff;border-radius:100px;padding:5px 10px;font:600 6.5px/1 var(--f-tekst)}
.u-ros .hero{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:12px 13px 14px;align-items:center}
.u-ros .hero h1{font:800 15px/1.12 var(--f-naglowki);letter-spacing:-.03em;margin:0 0 6px}
.u-ros .hero p{margin:0 0 9px;font:400 7.5px/1.5 var(--f-tekst);opacity:.72}
.u-ros .hero .cta{display:inline-block;background:#2F5D34;color:#fff;border-radius:7px;padding:6px 12px;
  font:600 7px/1 var(--f-tekst)}
.u-ros .hero .fo{height:118px;border-radius:10px}
.u-ros .sek{padding:0 13px 13px}
.u-ros .sek .nag{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}
.u-ros .sek h2{font:700 11px/1 var(--f-naglowki);letter-spacing:-.025em;margin:0}
.u-ros .sek .wiecej{font:500 6px/1 var(--f-tekst);color:#2F5D34}
.u-ros .prod{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.u-ros .prod .p{border:1px solid #E3E6DC;border-radius:9px;overflow:hidden;background:#fff}
.u-ros .prod .fo{height:52px}
.u-ros .prod .d{padding:7px 8px 8px}
.u-ros .prod .d b{display:block;font:600 7px/1.2 var(--f-tekst)}
.u-ros .prod .d .c{display:flex;align-items:center;justify-content:space-between;margin-top:5px}
.u-ros .prod .d .cena{font:700 8px/1 var(--f-naglowki);color:#2F5D34}
.u-ros .prod .d .dk{background:#EDF2E8;color:#2F5D34;border-radius:5px;padding:4px 7px;font:600 5.5px/1 var(--f-tekst)}
.u-ros .baner{position:relative;height:78px;margin:0 13px 13px;border-radius:10px;overflow:hidden}
.u-ros .baner .fo{position:absolute;inset:0}
.u-ros .baner .tx{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,40,18,.82),rgba(20,40,18,.15));
  color:#fff;padding:12px 13px;display:flex;flex-direction:column;justify-content:center}
.u-ros .baner b{font:800 11px/1.15 var(--f-naglowki);letter-spacing:-.025em;max-width:64%}
.u-ros .baner small{font:400 6.5px/1.4 var(--f-tekst);opacity:.9;margin-top:4px;max-width:60%}
.u-ros .op{display:flex;gap:9px;align-items:center;margin:0 13px 13px;background:#F1F4EC;border-radius:9px;padding:10px 11px}
.u-ros .op .kol{width:26px;height:26px;border-radius:50%;overflow:hidden;flex:0 0 auto}
.u-ros .op p{margin:0;font:500 7px/1.45 var(--f-tekst);font-style:italic}
.u-ros .op small{display:block;font:400 5.5px/1 var(--f-tekst);opacity:.6;margin-top:4px}
.u-ros .stop{border-top:1px solid #E3E6DC;padding:10px 13px;font:400 5.5px/1.5 var(--f-mono);opacity:.5}
/* ============ 3. FIZJO - klinicznie jasny, zdjęcie w kolumnie ============ */
.u-fiz{background:#fff;color:#0E2233}
.u-fiz .nav{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid #E8EEF2}
.u-fiz .nav .mk{display:flex;align-items:center;gap:6px}
.u-fiz .nav .kropa{width:15px;height:15px;border-radius:50%;background:#1B6FA8;color:#fff;display:grid;place-items:center;
  font:800 7px/1 var(--f-tekst)}
.u-fiz .nav b{font:700 10.5px/1 var(--f-naglowki);letter-spacing:-.025em}
.u-fiz .nav .lk{display:flex;gap:9px;font:500 6.5px/1 var(--f-tekst);opacity:.65}
.u-fiz .nav .tel{font:700 7.5px/1 var(--f-naglowki);color:#1B6FA8}
.u-fiz .hero{display:grid;grid-template-columns:1.06fr .94fr;gap:12px;padding:14px 13px}
.u-fiz .hero .et{font:600 5.5px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;
  color:#1B6FA8;margin-bottom:6px}
.u-fiz .hero h1{font:800 15px/1.14 var(--f-naglowki);letter-spacing:-.032em;margin:0 0 6px}
.u-fiz .hero p{margin:0 0 10px;font:400 7.5px/1.5 var(--f-tekst);opacity:.7}
.u-fiz .hero .cta{display:inline-block;background:#1B6FA8;color:#fff;border-radius:8px;padding:7px 13px;
  font:600 7px/1 var(--f-tekst)}
.u-fiz .hero .prawa{position:relative}
.u-fiz .hero .fo{height:130px;border-radius:12px}
.u-fiz .hero .plak{position:absolute;left:-8px;bottom:9px;background:#fff;border-radius:8px;padding:6px 9px;
  box-shadow:0 6px 16px rgba(14,34,51,.18);display:flex;align-items:center;gap:6px}
.u-fiz .hero .plak b{font:800 10px/1 var(--f-naglowki);color:#1B6FA8}
.u-fiz .hero .plak small{font:500 5.5px/1.3 var(--f-tekst);opacity:.65}
.u-fiz .liczby{display:grid;grid-template-columns:repeat(3,1fr);background:#F2F7FA;border-top:1px solid #E8EEF2;
  border-bottom:1px solid #E8EEF2}
.u-fiz .liczby div{padding:11px 8px;text-align:center;border-left:1px solid #E8EEF2}
.u-fiz .liczby div:first-child{border-left:0}
.u-fiz .liczby b{display:block;font:800 13px/1 var(--f-naglowki);letter-spacing:-.03em;color:#1B6FA8}
.u-fiz .liczby small{display:block;font:400 5.5px/1.3 var(--f-tekst);opacity:.62;margin-top:4px}
.u-fiz .sek{padding:13px}
.u-fiz .sek h2{font:700 11px/1 var(--f-naglowki);letter-spacing:-.025em;margin:0 0 8px}
.u-fiz .lista .w{display:flex;align-items:center;gap:9px;padding:7px;border:1px solid #E8EEF2;border-radius:9px;margin-bottom:6px}
.u-fiz .lista .fo{width:36px;height:30px;border-radius:6px;flex:0 0 auto}
.u-fiz .lista .t{flex:1}
.u-fiz .lista .t b{display:block;font:600 7.5px/1.2 var(--f-tekst)}
.u-fiz .lista .t small{display:block;font:400 6px/1.3 var(--f-tekst);opacity:.6;margin-top:2px}
.u-fiz .lista .c{font:700 8px/1 var(--f-naglowki);color:#1B6FA8}
.u-fiz .rez{margin:0 13px 13px;background:#F2F7FA;border-radius:10px;padding:12px}
.u-fiz .rez b{display:block;font:700 9px/1.2 var(--f-naglowki);margin-bottom:8px}
.u-fiz .rez .pola{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.u-fiz .rez .pola i{display:block;height:17px;border-radius:5px;background:#fff;border:1px solid #E2EAF0}
.u-fiz .rez .pola i.sz{grid-column:1/-1}
.u-fiz .rez .btn{margin-top:6px;background:#1B6FA8;color:#fff;border-radius:6px;padding:7px;text-align:center;
  font:600 6.5px/1 var(--f-tekst)}
.u-fiz .stop{border-top:1px solid #E8EEF2;padding:10px 13px;font:400 5.5px/1.5 var(--f-mono);opacity:.5}
/* pas trzech kadrów - używany w serwisie i u trenerki */
.mw .kadry3{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.mw .kadry3 .k{position:relative;height:58px;overflow:hidden;border-radius:5px}
.mw .kadry3 .et{position:absolute;left:0;right:0;bottom:0;padding:4px 5px;font:600 5.5px/1 var(--f-tekst);
  letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.8))}
/* ============ 4. KAWIARNIA - hero na środku, menu ============ */
.u-kaw{background:#FBF7F1;color:#3A2A1C}
.u-kaw .nav{display:flex;align-items:center;justify-content:space-between;padding:10px 13px}
.u-kaw .nav b{font:800 11px/1 var(--f-naglowki);letter-spacing:-.02em}
.u-kaw .nav .lk{display:flex;gap:9px;font:500 6.5px/1 var(--f-tekst);opacity:.66}
.u-kaw .hero{position:relative;height:126px;display:flex;align-items:center;justify-content:center;text-align:center}
.u-kaw .hero .fo{position:absolute;inset:0}
.u-kaw .hero .cien{position:absolute;inset:0;background:rgba(30,20,12,.55)}
.u-kaw .hero .tx{position:relative;z-index:2;color:#F7EFE5;padding:0 18px}
.u-kaw .hero h1{font:800 16px/1.14 var(--f-naglowki);letter-spacing:-.03em;margin:0 0 6px}
.u-kaw .hero p{margin:0 0 9px;font:400 7px/1.45 var(--f-tekst);opacity:.9}
.u-kaw .hero .cta{display:inline-block;background:#C98F42;color:#241811;border-radius:100px;padding:6px 14px;
  font:600 7px/1 var(--f-tekst)}
.u-kaw .sek{padding:13px}
.u-kaw .sek .nag{text-align:center;margin-bottom:9px}
.u-kaw .sek h2{font:700 11px/1 var(--f-naglowki);letter-spacing:-.025em;margin:0}
.u-kaw .sek .pod{font:400 6px/1 var(--f-mono);opacity:.55;margin-top:4px}
.u-kaw .menu{display:grid;gap:5px}
.u-kaw .menu .poz{display:flex;align-items:baseline;gap:7px;font:500 7.5px/1.3 var(--f-tekst)}
.u-kaw .menu .poz .kropki{flex:1;border-bottom:1px dotted #C9B79E;transform:translateY(-2px)}
.u-kaw .menu .poz b{font:700 8px/1 var(--f-naglowki);color:#8A5A2B}
.u-kaw .menu .poz small{display:block;font:400 5.5px/1.3 var(--f-tekst);opacity:.6}
.u-kaw .dwa{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
.u-kaw .dwa .k{position:relative;height:62px;overflow:hidden;border-radius:7px}
.u-kaw .dwa .et{position:absolute;left:0;right:0;bottom:0;padding:5px 6px;font:600 5.5px/1 var(--f-tekst);
  letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.8))}
.u-kaw .polka{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}
.u-kaw .polka .p{background:#fff;border:1px solid #EBE1D4;border-radius:9px;overflow:hidden;text-align:center}
.u-kaw .polka .fo{height:74px}
.u-kaw .polka .d{padding:7px 6px 8px}
.u-kaw .polka b{display:block;font-family:'Playfair Display',serif;font-weight:600;font-size:7.5px;line-height:1.2}
.u-kaw .polka small{display:block;font:400 5.5px/1.3 Lato,sans-serif;opacity:.6;margin-top:2px}
.u-kaw .polka .cena{display:block;font:700 8.5px/1 'Playfair Display',serif;color:#8A5A2B;margin:5px 0 5px}
.u-kaw .polka .dk{display:block;background:#8A5A2B;color:#fff;border-radius:5px;padding:4px;font:700 5.5px/1 Lato,sans-serif;
  letter-spacing:.06em;text-transform:uppercase}
.u-kaw .sklep{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.u-kaw .sklep .p{background:#fff;border:1px solid #EBE1D4;border-radius:9px;overflow:hidden;text-align:center}
.u-kaw .sklep .fo{height:46px}
.u-kaw .sklep .d{padding:7px 6px 8px}
.u-kaw .sklep b{display:block;font:600 6.5px/1.2 var(--f-tekst)}
.u-kaw .sklep .cena{display:block;font:700 8.5px/1 var(--f-naglowki);color:#8A5A2B;margin:4px 0 5px}
.u-kaw .sklep .dk{display:block;background:#8A5A2B;color:#fff;border-radius:5px;padding:4px;font:600 5.5px/1 var(--f-tekst)}
.u-kaw .sub{margin:0 13px 13px;border:1px dashed #C9A98A;border-radius:10px;padding:11px 12px;display:flex;
  align-items:center;justify-content:space-between;gap:10px;background:#FDF9F3}
.u-kaw .sub b{display:block;font:700 8.5px/1.2 var(--f-naglowki)}
.u-kaw .sub small{display:block;font:400 6px/1.4 var(--f-tekst);opacity:.66;margin-top:3px}
.u-kaw .sub .btn{background:#8A5A2B;color:#fff;border-radius:6px;padding:6px 11px;font:600 6.5px/1 var(--f-tekst);
  white-space:nowrap}
.u-kaw .stop{border-top:1px solid #EBE1D4;padding:10px 13px;font:400 5.5px/1.5 var(--f-mono);opacity:.5}
/* ============ 5. ELEKTRYK - usługowy, telefon jako bohater ============ */
.u-ele{background:#fff;color:#171A20}
.u-ele .alarm{background:#171A20;color:#F5C542;display:flex;align-items:center;justify-content:space-between;
  padding:6px 13px;font:600 6px/1 var(--f-tekst);letter-spacing:.06em}
.u-ele .nav{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid #E9EBEF}
.u-ele .nav b{font:800 11px/1 var(--f-naglowki);letter-spacing:-.03em}
.u-ele .nav .lk{display:flex;gap:9px;font:500 6.5px/1 var(--f-tekst);opacity:.66}
.u-ele .hero{display:grid;grid-template-columns:1.1fr .9fr;gap:11px;padding:13px}
.u-ele .hero h1{font:800 15px/1.12 var(--f-naglowki);letter-spacing:-.032em;margin:0 0 6px}
.u-ele .hero p{margin:0 0 9px;font:400 7.5px/1.5 var(--f-tekst);opacity:.7}
.u-ele .telbox{background:#171A20;border-radius:9px;padding:10px 12px;color:#fff}
.u-ele .telbox small{display:block;font:500 5.5px/1 var(--f-mono);letter-spacing:.16em;
  text-transform:uppercase;opacity:.6}
.u-ele .telbox b{display:block;font:800 13px/1 var(--f-naglowki);color:#F5C542;letter-spacing:-.02em;margin-top:5px}
.u-ele .hero .fo{height:104px;border-radius:9px}
.u-ele .sek{padding:0 13px 13px}
.u-ele .sek h2{font:700 11px/1 var(--f-naglowki);letter-spacing:-.025em;margin:0 0 8px}
.u-ele .wiersze .w{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;
  border-bottom:1px solid #EEF0F3}
.u-ele .wiersze .w b{display:block;font:600 7.5px/1.2 var(--f-tekst)}
.u-ele .wiersze .w small{display:block;font:400 6px/1.3 var(--f-tekst);opacity:.58;margin-top:2px}
.u-ele .wiersze .c{font:700 8px/1 var(--f-naglowki);white-space:nowrap}
.u-ele .obszar{margin:0 13px 13px;display:grid;grid-template-columns:1fr 1fr;gap:9px;align-items:center;
  background:#F6F7F9;border-radius:10px;padding:11px}
.u-ele .mapka{height:56px;border-radius:7px;position:relative;overflow:hidden;
  background:linear-gradient(120deg,#E7EAEE,#DADFE5),
             repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 14px),
             repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 1px,transparent 1px 14px)}
.u-ele .mapka::before{content:"";position:absolute;left:0;right:0;top:54%;height:4px;background:#fff;transform:rotate(-7deg)}
.u-ele .mapka .pin{position:absolute;left:50%;top:44%;width:8px;height:8px;border-radius:50% 50% 50% 0;
  transform:translate(-50%,-50%) rotate(-45deg);background:#F5C542;border:1px solid #171A20}
.u-ele .obszar b{display:block;font:700 8px/1.2 var(--f-naglowki);margin-bottom:4px}
.u-ele .obszar small{font:400 6px/1.5 var(--f-tekst);opacity:.65}
.u-ele .stop{background:#171A20;color:#fff;padding:10px 13px;font:400 5.5px/1.5 var(--f-mono);opacity:.9}
/* ============ 6. TRENER - hero pionowy, pakiety cenowe ============ */
.u-tre{background:#15111C;color:#F2EEF9}
.u-tre .nav{display:flex;align-items:center;justify-content:space-between;padding:11px 13px}
.u-tre .nav b{font:800 11px/1 var(--f-naglowki);letter-spacing:-.02em}
.u-tre .nav .lk{display:flex;gap:9px;font:500 6.5px/1 var(--f-tekst);opacity:.62}
.u-tre .nav .cta{background:#8B6FE8;color:#fff;border-radius:100px;padding:5px 11px;font:600 6.5px/1 var(--f-tekst)}
.u-tre .hero{display:grid;grid-template-columns:1fr .82fr;gap:11px;padding:8px 13px 14px;align-items:center}
.u-tre .hero h1{font:800 17px/1.06 var(--f-naglowki);letter-spacing:-.038em;margin:0 0 7px}
.u-tre .hero h1 em{font-style:normal;color:#B7A0F5}
.u-tre .hero p{margin:0 0 10px;font:400 7.5px/1.5 var(--f-tekst);opacity:.72}
.u-tre .hero .cta{display:inline-block;background:#8B6FE8;color:#fff;border-radius:8px;padding:7px 13px;
  font:600 7px/1 var(--f-tekst)}
.u-tre .hero .fo{height:132px;border-radius:11px}
.u-tre .metryki{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.09);
  border-bottom:1px solid rgba(255,255,255,.09)}
.u-tre .metryki div{padding:10px 8px;text-align:center;border-left:1px solid rgba(255,255,255,.09)}
.u-tre .metryki div:first-child{border-left:0}
.u-tre .metryki b{display:block;font:800 13px/1 var(--f-naglowki);color:#B7A0F5;letter-spacing:-.03em}
.u-tre .metryki small{display:block;font:400 5.5px/1.3 var(--f-tekst);opacity:.6;margin-top:4px}
.u-tre .sek{padding:13px}
.u-tre .sek h2{font:700 11px/1 var(--f-naglowki);letter-spacing:-.025em;margin:0 0 9px;text-align:center}
.u-tre .pak{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;align-items:end}
.u-tre .pak .p{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:9px 8px;
  text-align:center}
.u-tre .pak .p.wyr{background:#8B6FE8;border-color:#8B6FE8;padding:12px 8px}
.u-tre .pak .p small{display:block;font:500 5.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;
  opacity:.72}
.u-tre .pak .p b{display:block;font:800 13px/1 var(--f-naglowki);letter-spacing:-.035em;margin:6px 0 3px}
.u-tre .pak .p .op{font:400 5.5px/1.4 var(--f-tekst);opacity:.68}
.u-tre .cyt{margin:0 13px 13px;background:rgba(255,255,255,.05);border-left:2px solid #8B6FE8;border-radius:0 8px 8px 0;
  padding:10px 12px}
.u-tre .cyt p{margin:0;font:500 7.5px/1.5 var(--f-tekst);font-style:italic}
.u-tre .cyt small{display:block;margin-top:6px;font:400 5.5px/1 var(--f-tekst);opacity:.6}
.u-tre .stop{padding:10px 13px;font:400 5.5px/1.5 var(--f-mono);opacity:.45;
  border-top:1px solid rgba(255,255,255,.09)}
/* ---------- znak firmowy ---------- */
.mw .znak{display:block;flex:0 0 auto}
.mw .znak svg{display:block;width:100%;height:100%}
/* ---------- warianty nawigacji ---------- */
/* wyśrodkowana, dwa skrzydła menu (szkółka) */
.mw .nav-srodek{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}
.mw .nav-srodek .lewe,.mw .nav-srodek .prawe{display:flex;gap:10px}
.mw .nav-srodek .prawe{justify-content:flex-end}
/* piętrowa, wszystko na środku (kawiarnia) */
.mw .nav-pietro{display:block!important;text-align:center}
.mw .nav-pietro .linia{display:flex;justify-content:center;gap:12px;margin-top:6px}
/* z hamburgerem (serwis) */
.mw .hamb{display:flex;flex-direction:column;gap:2.5px}
.mw .hamb i{display:block;width:12px;height:1.6px;background:currentColor;border-radius:1px}
/* =========================================================
   TYPOGRAFIA - każda miniatura ma własny krój
   ========================================================= */
/* 1. Barber - kondensowany Oswald, szerokie odstępy liter */
.u-barb{font-family:'Inter',sans-serif}
.u-barb .nav b,.u-barb .hero h1,.u-barb .sek h2,.u-barb .pas b{font-family:'Oswald',sans-serif;font-weight:600;
  letter-spacing:.02em}
.u-barb .hero h1{font-size:19px;line-height:1.05;letter-spacing:.01em}
.u-barb .hero .cta,.u-barb .nav .tel{font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.1em}
.u-barb .znak{width:19px;height:19px;color:#C9A227}
/* 2. Szkółka - Fraunces (szeryfowa, ciepła) + Karla */
.u-ros{font-family:'Karla',sans-serif}
.u-ros .nav b,.u-ros .hero h1,.u-ros .sek h2,.u-ros .baner b{font-family:'Fraunces',serif;font-weight:600;
  letter-spacing:-.01em}
.u-ros .hero h1{font-size:16px;line-height:1.16}
.u-ros .prod .d b,.u-ros .prod .d .cena{font-family:'Karla',sans-serif;font-weight:700}
.u-ros .znak{width:18px;height:18px;color:#3C6E42}
/* 3. Fizjoterapia - Manrope, dużo światła */
.u-fiz{font-family:'Manrope',sans-serif}
.u-fiz .nav b,.u-fiz .hero h1,.u-fiz .sek h2,.u-fiz .liczby b,.u-fiz .rez b{font-family:'Manrope',sans-serif;
  font-weight:800;letter-spacing:-.02em}
.u-fiz .hero h1{font-size:14.5px;line-height:1.2}
.u-fiz .znak{width:20px;height:20px;color:#1B6FA8}
/* 4. Kawiarnia - Playfair Display + Lato, kapitaliki w menu */
.u-kaw{font-family:'Lato',sans-serif}
.u-kaw .nav b,.u-kaw .hero h1,.u-kaw .sek h2,.u-kaw .sub b{font-family:'Playfair Display',serif;font-weight:700;
  letter-spacing:-.005em}
.u-kaw .nav b{font-size:13px;letter-spacing:.06em}
.u-kaw .nav .lk{letter-spacing:.14em;text-transform:uppercase;font-size:5.5px}
.u-kaw .hero h1{font-size:17px;line-height:1.14}
.u-kaw .menu .poz b{font-family:'Playfair Display',serif}
.u-kaw .znak{width:22px;height:22px;color:#8A5A2B}
/* 5. Serwis - IBM Plex Sans, techniczny, wąskie litery w nagłówkach */
.u-ele{font-family:'IBM Plex Sans',sans-serif}
.u-ele .nav b,.u-ele .hero h1,.u-ele .sek h2{font-family:'IBM Plex Sans',sans-serif;font-weight:700;letter-spacing:-.015em}
.u-ele .hero h1{font-size:14.5px;line-height:1.18}
.u-ele .alarm,.u-ele .telbox small{font-family:var(--f-mono)}
.u-ele .telbox b{font-family:var(--f-mono);font-weight:500;letter-spacing:.02em}
.u-ele .znak{width:19px;height:19px;color:#F5C542}
/* 6. Trenerka - Archivo, mocne wersaliki */
.u-tre{font-family:'Inter',sans-serif}
.u-tre .nav b,.u-tre .hero h1,.u-tre .sek h2,.u-tre .metryki b,.u-tre .pak .p b{font-family:'Archivo',sans-serif;
  font-weight:800;letter-spacing:-.03em}
.u-tre .nav b{letter-spacing:.02em;font-size:10px;text-transform:uppercase}
.u-tre .hero h1{font-size:16px;line-height:1.08}
.u-tre .sek h2{text-transform:uppercase;letter-spacing:.06em;font-size:9.5px}
.u-tre .znak{width:19px;height:19px;color:#B7A0F5}
.widoczna .os-prac::after{width:100%}
.widoczna .etap-prac .pkt{border-color:var(--akcent);color:var(--akcent)}
/* galeria */
.galeria{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.podpis-real{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;
  background:var(--karta);border-top:1px solid var(--karta-linia)}
.podpis-real b{font:600 14px/1.3 var(--f-tekst);color:var(--karta-tekst)}
.podpis-real small{display:block;font:400 11.5px/1.3 var(--f-mono);color:var(--karta-szept);margin-top:3px}
.podpis-real .znak-p{font:500 10px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;
  color:var(--karta-akcent);white-space:nowrap}
.wskaz-hover{display:inline-flex;align-items:center;gap:9px;font:400 12.5px/1 var(--f-mono);
  color:var(--szept);border:1px solid var(--linia);border-radius:100px;padding:9px 15px;margin-bottom:26px}
.wskaz-hover i{width:6px;height:6px;border-radius:50%;background:var(--akcent);font-style:normal}
/* ============ A5: trzy karty porównania ============ */
.karty3{display:grid;grid-template-columns:1fr 1fr 1.12fr;gap:16px;align-items:end}
.kartaA{background:var(--karta);border:1px solid var(--karta-linia);border-radius:18px;padding:26px 24px 28px;
  box-shadow:var(--cien);color:var(--karta-tekst);transition:transform var(--t-mikro) var(--ease)}
.kartaA:hover{transform:translateY(-4px)}
.kartaA.my{background:#0D1B14;color:#EDF3EF;border-color:#0D1B14;padding:34px 28px 32px}
.kartaA .kto{font:500 11px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;
  color:var(--karta-szept);display:block;margin-bottom:14px}
.kartaA.my .kto{color:var(--akcent-2)}
.kartaA .start{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;
  font:800 32px/1 var(--f-naglowki);letter-spacing:-.045em}
.kartaA .start .gorna{font-size:20px;font-weight:700;color:#A8B2AC;letter-spacing:-.03em}
.kartaA .start em{font-style:normal;font-size:13px;font-weight:500;color:var(--karta-szept);margin-left:5px;letter-spacing:normal}
.kartaA.my .start{color:var(--akcent-2)}
.kartaA.my .start em{color:rgba(237,243,239,.6)}
.kartaA .mies{font-size:13.5px;color:var(--karta-szept);margin:8px 0 18px}
.kartaA.my .mies{color:rgba(237,243,239,.7)}
.kartaA ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.kartaA li{display:flex;gap:10px;font-size:13.5px;line-height:1.5}
.kartaA li i{font-style:normal;flex:0 0 auto;color:var(--karta-szept)}
.kartaA.my li i{color:var(--akcent-2)}
.kartaA li s{color:#A8B2AC}
.kartaA.my .btn{width:100%;margin-top:22px;background:var(--akcent-2);color:#06231A;box-shadow:none}
.przypis{font:400 12.5px/1.6 var(--f-mono);color:var(--szept);margin-top:18px}
/* ============ C4: oś z animacją ============ */
.os4{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:52px}
.tor4{position:absolute;left:18px;right:calc(25% - 36px);top:18px;height:3px;border-radius:3px;background:var(--linia);overflow:hidden}
.tor4 i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--akcent),var(--akcent-2));
  border-radius:3px;transition:width 1800ms var(--ease) 300ms}
.widoczna .tor4 i{width:100%}
.etap4{position:relative;display:flex;flex-direction:column;align-items:flex-start}
.etap4 p{flex:1;margin-bottom:12px}
.etap4 .kropka{position:absolute;top:-44px;left:0;width:37px;height:37px;border-radius:50%;background:var(--tlo);
  border:3px solid var(--linia);display:grid;place-items:center;font:700 14px/1 var(--f-naglowki);
  color:var(--szept);transition:border-color 420ms var(--ease),color 420ms var(--ease),transform 420ms var(--ease),
  box-shadow 420ms var(--ease);transition-delay:calc(var(--i) * 420ms + 400ms)}
.widoczna .etap4 .kropka{border-color:var(--akcent);color:var(--akcent);transform:scale(1.06);
  box-shadow:0 0 0 6px color-mix(in srgb,var(--akcent) 10%,transparent)}
.etap4 .kiedy{display:block;font:500 10.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;
  color:var(--szept);margin-bottom:9px}
.etap4 b{display:block;font:800 20px/1.2 var(--f-naglowki);letter-spacing:-.028em;margin-bottom:7px}
.etap4 p{margin:0;font-size:13.5px;line-height:1.6;color:var(--szept)}
.etap4 .kto{display:inline-block;margin-top:auto;font:600 11px/1 var(--f-mono);letter-spacing:.08em;
  text-transform:uppercase;border-radius:100px;padding:7px 12px}
.etap4 .kto.ty{background:color-mix(in srgb,var(--akcent) 12%,transparent);color:var(--akcent)}
.etap4 .kto.my{background:var(--tlo-2);color:var(--szept)}
/* ============ D6: dwie listy zadań ============ */
.listy{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.lista-z{border-radius:18px;padding:28px 30px 30px;border:1px solid var(--karta-linia);background:var(--karta);
  box-shadow:var(--cien);color:var(--karta-tekst)}
.lista-z.my{background:#0D1B14;border-color:#0D1B14;color:#EDF3EF}
.lista-z .glowka{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.lista-z .glowka b{font:800 19px/1.2 var(--f-naglowki);letter-spacing:-.028em}
.lista-z .glowka small{font:500 10.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;
  color:var(--karta-szept)}
.lista-z.my .glowka small{color:var(--akcent-2)}
.zad{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px dashed var(--karta-linia);
  font-size:14.5px;line-height:1.5}
.zad:first-of-type{border-top:0}
.lista-z.my .zad{border-color:rgba(237,243,239,.16)}
.zad .box{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--karta-linia);flex:0 0 auto;margin-top:1px;
  display:grid;place-items:center;font-size:10px;color:transparent;transition:all 420ms var(--ease);
  transition-delay:calc(var(--i) * 260ms + 500ms)}
.lista-z:not(.my) .zad .box{border-style:dashed}
.lista-z.my .zad .box{border-color:rgba(237,243,239,.3)}
.widoczna .lista-z.my .zad .box{background:var(--akcent-2);border-color:var(--akcent-2);color:#06231A}
.zad .txt{transition:color 420ms var(--ease),text-decoration-color 420ms var(--ease);
  transition-delay:calc(var(--i) * 260ms + 500ms);text-decoration:line-through;text-decoration-color:transparent}
.lista-z:not(.my) .zad .txt{text-decoration:none}
.widoczna .lista-z.my .zad .txt{color:rgba(237,243,239,.55);text-decoration-color:rgba(237,243,239,.45)}
.zad .kwota-z{margin-left:auto;font:500 12.5px/1.5 var(--f-mono);color:var(--karta-szept);white-space:nowrap}
.lista-z .stopka-z{margin-top:20px;padding-top:18px;border-top:1px solid var(--karta-linia);font-size:14px;
  line-height:1.6;color:var(--karta-szept)}
.lista-z.my .stopka-z{border-color:rgba(237,243,239,.18);color:rgba(237,243,239,.72)}
.lista-z.my .stopka-z b{color:#EDF3EF}
.wybor-modelu{margin-top:22px;font:400 13.5px/1.7 var(--f-tekst);color:var(--szept);max-width:70ch}
.wybor-modelu b{color:var(--tekst);font-weight:600}
/* ============ E4: cena z rozpiską ============ */
.cena4{text-align:center;max-width:720px;margin:0 auto}
.cena4 .kwota-hero{display:flex;align-items:flex-end;gap:10px;justify-content:center;margin:10px 0 6px}
.cena4 .kwota-hero .od{font:500 13px/1 var(--f-mono);color:var(--szept);padding-bottom:15px}
.cena4 .kwota-hero b{font:800 62px/1 var(--f-naglowki);letter-spacing:-.05em;color:var(--akcent)}
.cena4 .kwota-hero .j{font-size:15px;color:var(--szept);padding-bottom:10px}
.rozpiska{margin:30px 0 26px;text-align:left;background:var(--karta);border:1px solid var(--karta-linia);
  border-radius:18px;padding:8px 26px;box-shadow:var(--cien);color:var(--karta-tekst)}
.rz{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;
  border-bottom:1px solid var(--karta-linia);font-size:14.5px}
.rz:last-of-type{border-bottom:0}
.rz .co{display:flex;align-items:center;gap:11px}
.rz .co i{width:19px;height:19px;border-radius:50%;background:color-mix(in srgb,var(--karta-akcent) 13%,transparent);
  color:var(--karta-akcent);display:grid;place-items:center;font-size:10px;font-style:normal;flex:0 0 auto}
.rz .co small{display:block;font-size:12.5px;color:var(--karta-szept);margin-top:2px}
.rz .ile{white-space:nowrap;font:500 13.5px/1 var(--f-mono);color:var(--karta-szept)}
.rz .ile s{color:#A8B2AC;margin-right:8px}
.rz .ile b{color:var(--karta-akcent);font-weight:600}
.suma-rz{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 6px;
  border-top:2px solid var(--karta-linia);margin-top:4px}
.suma-rz span{font:600 15.5px/1 var(--f-tekst)}
.suma-rz b{font:800 26px/1 var(--f-naglowki);letter-spacing:-.04em;color:var(--karta-akcent)}
.suma-rz b em{font-style:normal;font-size:13px;font-weight:500;color:var(--karta-szept);margin-left:5px}
.mw .z-barber_hero{background-image:url(img/barber_hero.jpg);background-size:cover;background-position:center}
.mw .z-barber_szeroki{background-image:url(img/barber_szeroki.jpg);background-size:cover;background-position:center}
.mw .z-barber_u1{background-image:url(img/barber_u1.jpg);background-size:cover;background-position:center}
.mw .z-barber_u2{background-image:url(img/barber_u2.jpg);background-size:cover;background-position:center}
.mw .z-barber_u3{background-image:url(img/barber_u3.jpg);background-size:cover;background-position:center}
.mw .z-elek_hero{background-image:url(img/elek_hero.jpg);background-size:cover;background-position:center}
.mw .z-elek_u1{background-image:url(img/elek_u1.jpg);background-size:cover;background-position:center}
.mw .z-elek_u2{background-image:url(img/elek_u2.jpg);background-size:cover;background-position:center}
.mw .z-elek_u3{background-image:url(img/elek_u3.jpg);background-size:cover;background-position:center}
.mw .z-fizjo_hero{background-image:url(img/fizjo_hero.jpg);background-size:cover;background-position:center}
.mw .z-fizjo_u1{background-image:url(img/fizjo_u1.jpg);background-size:cover;background-position:center}
.mw .z-fizjo_u2{background-image:url(img/fizjo_u2.jpg);background-size:cover;background-position:center}
.mw .z-fizjo_u3{background-image:url(img/fizjo_u3.jpg);background-size:cover;background-position:center}
.mw .z-kawa_hero{background-image:url(img/kawa_hero.jpg);background-size:cover;background-position:center}
.mw .z-kawa_p1{background-image:url(img/kawa_p1.jpg);background-size:cover;background-position:center}
.mw .z-kawa_p2{background-image:url(img/kawa_p2.jpg);background-size:cover;background-position:center}
.mw .z-kawa_p3{background-image:url(img/kawa_p3.jpg);background-size:cover;background-position:center}
.mw .z-kawa_u1{background-image:url(img/kawa_u1.jpg);background-size:cover;background-position:center}
.mw .z-kawa_u2{background-image:url(img/kawa_u2.jpg);background-size:cover;background-position:center}
.mw .z-ros_autor{background-image:url(img/ros_autor.jpg);background-size:cover;background-position:center}
.mw .z-ros_hero{background-image:url(img/ros_hero.jpg);background-size:cover;background-position:center}
.mw .z-ros_szeroki{background-image:url(img/ros_szeroki.jpg);background-size:cover;background-position:center}
.mw .z-ros_u1{background-image:url(img/ros_u1.jpg);background-size:cover;background-position:center}
.mw .z-ros_u2{background-image:url(img/ros_u2.jpg);background-size:cover;background-position:center}
.mw .z-ros_u3{background-image:url(img/ros_u3.jpg);background-size:cover;background-position:center}
.mw .z-ros_u4{background-image:url(img/ros_u4.jpg);background-size:cover;background-position:center}
.mw .z-tren_hero{background-image:url(img/tren_hero.jpg);background-size:cover;background-position:center}
.mw .z-tren_u1{background-image:url(img/tren_u1.jpg);background-size:cover;background-position:center}
.mw .z-tren_u2{background-image:url(img/tren_u2.jpg);background-size:cover;background-position:center}
.mw .z-tren_u3{background-image:url(img/tren_u3.jpg);background-size:cover;background-position:center}
@media (max-width:760px){
.cena-hero b{font-size:60px}
.cena-hero .jedn{font-size:14px}
.kolaz{height:300px}
.okno-1{width:82%;top:14px}
.okno-2{width:64%}
.okno-3{width:60%}
.galeria{grid-template-columns:1fr;gap:14px}
.ekran-mini{height:250px}
.makieta:hover .przesuw{transform:none}
/* A5 */
  .karty3{grid-template-columns:1fr;gap:12px}
.kartaA{padding:22px 20px 24px}
.kartaA.my{padding:26px 22px 26px;order:-1}
.kartaA .start{font-size:28px}
.kartaA .start .gorna{font-size:17px}
.przypis{font-size:11.5px;margin-top:14px}
/* C4 */
  .os4{grid-template-columns:1fr;gap:26px;padding-top:6px}
.tor4{display:none}
.etap4{padding-left:50px}
.etap4 .kropka{top:0;left:0;width:34px;height:34px}
.etap4 b{font-size:18px}
/* D6 */
  .listy{grid-template-columns:1fr;gap:12px}
.lista-z{padding:22px 20px 24px}
.lista-z .glowka b{font-size:17px}
.zad{font-size:13.5px;gap:10px}
.zad .kwota-z{font-size:11px}
/* E4 */
  .cena4 .kwota-hero b{font-size:48px}
.rozpiska{padding:6px 18px;margin:22px 0 20px}
.rz{flex-direction:column;align-items:flex-start;gap:7px;padding:13px 0;font-size:13.5px}
.rz .ile{font-size:12px;padding-left:30px}
.suma-rz b{font-size:22px}
/* F2 */
  .zam2{padding:34px 22px;border-radius:18px}
.wskaz-hover{display:none}
/* rozbudowa: standard w cenie, duże projekty osobno */
}

.kartaA.my .btn{background:#fff;color:var(--ciemne-tlo);box-shadow:0 14px 30px rgba(0,0,0,.28)}