/* MKM Labs FE — /uslugi/ (S2). Wymaga page-service.20261004.css (svc-* wspólne). */
.usl-hero__inner{position:relative;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:28px}
.usl-h1{max-width:1200px;font-size:clamp(48px,8vw,136px)}
.usl-hero__row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px}
.usl-hero__row .svc-lede{max-width:620px}

/* lista usług */
.usl-list{padding:0 clamp(12px,3vw,40px) clamp(80px,10vw,140px)}
.usl-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:14px;list-style:none;padding:0}
.usl-grid>li{display:flex;min-width:0}
.usl-card{position:relative;flex:1;display:flex;flex-direction:column;border-radius:32px;overflow:hidden;background:#12161f;border:1px solid rgba(255,255,255,.07);color:#fff;-webkit-tap-highlight-color:transparent;transition:transform 200ms cubic-bezier(0.23,1,0.32,1),border-color 200ms ease}
.usl-card:hover{border-color:rgba(153,186,255,.3);color:#fff}
.usl-card:active{transform:scale(0.985)}
.usl-card:focus-visible{outline:2px solid #99baff;outline-offset:3px}
.usl-card .svc-spot-glow{z-index:1}
.usl-card__media{position:relative;aspect-ratio:16/10;margin:10px;border-radius:24px;overflow:hidden;background:#07101d}
.usl-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.usl-card__media--contain img{object-fit:contain}
.usl-card__cap{position:absolute;left:12px;top:12px;padding:6px 12px;border-radius:999px;background:rgba(5,9,20,.62);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;font-weight:600;color:#fff}
.usl-card__body{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;gap:14px;padding:18px clamp(22px,2.4vw,32px) clamp(24px,2.4vw,32px)}
.usl-card__n{font-size:14px;font-weight:600;color:#6699ff;font-variant-numeric:tabular-nums}
.usl-card__t{font-size:clamp(28px,2.8vw,42px);font-weight:600;line-height:1;letter-spacing:-0.04em}
.usl-card__d{color:#c3c8d3;font-size:16px;line-height:1.6;text-wrap:pretty}
.usl-card__more{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:#99baff}

/* mapa oferty */
.usl-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}
.usl-group{display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:28px;background:#12161f;border:1px solid rgba(255,255,255,.07)}
.usl-group__head{display:flex;flex-direction:column;gap:6px}
.usl-group__t{font-size:22px;font-weight:600;letter-spacing:-0.02em}
.usl-group__d{color:#aeb4c2;font-size:14px}
.usl-group__links{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.usl-chip{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#e5e8ee;font-size:13px;font-weight:600;-webkit-tap-highlight-color:transparent;transition:background-color 150ms ease,transform 140ms cubic-bezier(0.23,1,0.32,1)}
.usl-chip:hover{background:rgba(0,87,255,.22);color:#fff}
.usl-chip:active{transform:scale(0.96)}
.usl-chip:focus-visible{outline:2px solid #99baff;outline-offset:3px}

@media (prefers-reduced-motion:reduce){
  .usl-card,.usl-chip{transition:none}
  .usl-card:active,.usl-chip:active{transform:none}
}

/* QA-A: przywrócona treść ze starej /uslugi/ (intro, 4 usługi spoza siatki, wycena) */
.uslx-tldr{max-width:760px;padding:14px 18px;border-left:3px solid #6699ff;border-radius:0 14px 14px 0;background:#12161f;color:#d7dbe4;font-size:16px;line-height:1.65;text-wrap:pretty}
.uslx-more{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px;list-style:none;margin:0;padding:0}
.uslx-more>li{display:flex;min-width:0}
.uslx-more__card{flex:1;display:flex;flex-direction:column;gap:12px;padding:clamp(22px,2.4vw,30px);border-radius:28px;background:#12161f;border:1px solid rgba(255,255,255,.07);color:#fff;-webkit-tap-highlight-color:transparent;transition:border-color 200ms ease,transform 200ms cubic-bezier(0.23,1,0.32,1)}
.uslx-more__card:hover{border-color:rgba(153,186,255,.3);color:#fff}
.uslx-more__card:active{transform:scale(0.985)}
.uslx-more__card:focus-visible{outline:2px solid #99baff;outline-offset:3px}
.uslx-more__t{font-size:clamp(22px,2vw,28px);font-weight:600;line-height:1.1;letter-spacing:-0.03em;text-wrap:balance}
.uslx-more__d{color:#c3c8d3;font-size:16px;line-height:1.6;text-wrap:pretty}
.svc-page .svcx-card a{color:#99baff;text-decoration:underline;text-decoration-color:rgba(153,186,255,.35);text-underline-offset:3px}
.svc-page .svcx-card a:hover{color:#fff}
@media (prefers-reduced-motion:reduce){.uslx-more__card{transition:none}.uslx-more__card:active{transform:none}}