/* Podstrony usług, układ C (wybrany 2026-11-13): tylko to, czego nie ma w motyw.css i realizacja.css. */
.us-pasek{background:var(--grey);font-size:14px}
.us-pasek .w{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;min-height:44px}
.us-pasek a{display:inline-flex;align-items:center;min-height:44px}
.us-pasek b{font-weight:600}

.herocta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:32px}
.herocta .tel{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:500;text-decoration:none}

/* tytuł na całą szerokość, pod nim przykłady (jeśli usługa je ma) */
.us-hero-c{margin-top:22px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,5vw,80px);align-items:end}
.us-hero-c h1{font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:clamp(2.2rem,4.4vw,4rem);line-height:1.08;letter-spacing:.015em;text-wrap:balance}
.us-hero-c .lead{margin-top:0}
.us-proof{margin-top:clamp(40px,5vw,64px)}
.us-proof .cs-more{margin-top:0}

/* sprawy jako wiersze, sprawa po lewej, odpowiedź po prawej */
.us-rows{margin-top:clamp(40px,5vw,64px);border-bottom:1px solid var(--ink)}
.us-rows article{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);padding:clamp(24px,3vw,40px) 0;border-top:1px solid var(--ink)}
.us-rows h3{font-family:var(--d);font-weight:600;text-transform:uppercase;font-size:clamp(1.45rem,2.5vw,2.3rem);line-height:1.16;text-wrap:balance}
.us-rows .cs-list{margin-top:16px}
.us-rows .z2-a{max-width:52ch}

/* cena i zakres w jednej ramce, w środku „w cenie / osobno” */
.us-cena{margin-top:clamp(40px,5vw,64px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);border:1px solid var(--ink)}
.us-cena .plan{border-right:1px solid var(--ink)}
.us-split{margin:0;padding:clamp(24px,3vw,40px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,80px)}
.us-split h3{font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:22px;line-height:1.14;letter-spacing:.04em}
.us-split .cs-list{margin-top:16px}
.us-split .osobno li i{opacity:.6}

@media (min-width:901px){.line.n3{grid-template-columns:repeat(3,1fr)}}

@media (max-width:900px){
  .us-hero-c,.us-split,.us-rows article,.us-cena{grid-template-columns:1fr}
  .us-cena .plan{border-right:0;border-bottom:1px solid var(--ink)}
  .us-rows article{gap:14px}
}