/* Autoserwis Chartowo — wspolny arkusz stylow dla podstron uslug i porad.
   Kolory i typografia zgodne ze strona glowna (index.html). */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --red:#0D47A1;--red-light:#1565C0;
  --dk:#FFFFFF;--d1:#F5F7FA;--d2:#EBEFF5;
  --border:#D1D9E3;--muted:#5B6778;--text:#0A0E14;
  --green:#2EB872;--amber:#F5A623;
  --gap:clamp(1.2rem,4vw,2.5rem);--r:6px;
}
html{scroll-behavior:smooth;font-size:16px}
body{background:#C5D1E0;color:var(--text);font-family:'Inter',sans-serif;font-weight:300;line-height:1.7;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{cursor:pointer;font-family:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 var(--gap)}
.skip-link{position:absolute;left:-9999px;top:0;z-index:999;background:var(--red);color:#fff;padding:.6rem 1.2rem;font-weight:600;font-size:.85rem}
.skip-link:focus{left:1rem;top:1rem}

/* NAG5OWEK */
#nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;
  padding:.9rem var(--gap);background:rgba(255,255,255,.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
.logo{display:flex;align-items:center;gap:.7rem}
.logo-mark{width:38px;height:38px;background:var(--red);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}
.logo-text{font-family:'Bebas Neue',sans-serif;font-size:1.35rem;letter-spacing:.08em;line-height:1;color:var(--text)}
.logo-sub{font-size:.62rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);line-height:1}
.nav-links{display:flex;gap:1.5rem;list-style:none}
.nav-links a{font-size:.82rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);transition:color .2s}
.nav-links a:hover{color:var(--text)}
.nav-btn{background:var(--red);color:#fff;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  padding:.55rem 1.3rem;border:none;border-radius:var(--r);transition:background .2s;display:inline-block}
.nav-btn:hover{background:var(--red-light)}
@media(max-width:860px){.nav-links{display:none}}

/* OKRUSZKI */
.bc{font-size:.75rem;color:var(--muted);padding:1.2rem var(--gap) 0;max-width:1180px;margin:0 auto}
.bc a{border-bottom:1px dotted currentColor}
.bc a:hover{color:var(--red)}

/* TRESC */
main{padding:0 0 4rem}
.hero-s{background:#fff;border-bottom:1px solid var(--border);padding:3rem var(--gap) 2.6rem}
.sec-tag{display:inline-flex;align-items:center;gap:.6rem;font-size:.72rem;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--red);margin-bottom:.8rem}
.sec-tag::before{content:'';width:2rem;height:3px;background:var(--red);border-radius:2px}
h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.4rem,6vw,4rem);line-height:1;letter-spacing:.02em;color:var(--text);margin-bottom:1rem}
h1 em{color:var(--red);font-style:normal}
.lead{font-size:1.05rem;color:#2D3540;max-width:760px;font-weight:400}
article.tresc{background:#fff;border:1px solid var(--border);border-radius:10px;padding:clamp(1.5rem,4vw,3rem);margin-top:2.5rem}
article.tresc h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(1.7rem,3.4vw,2.4rem);letter-spacing:.02em;
  color:var(--text);margin:2.2rem 0 .9rem;line-height:1.1}
article.tresc h2:first-child{margin-top:0}
article.tresc h3{font-family:'Barlow Condensed',sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:.03em;
  color:var(--red);margin:1.6rem 0 .6rem;text-transform:uppercase}
article.tresc p{margin-bottom:1rem;color:#1A1F28}
article.tresc ul,article.tresc ol{margin:0 0 1.2rem 1.4rem;color:#1A1F28}
article.tresc li{margin-bottom:.5rem}
article.tresc strong{font-weight:600;color:#050810}
.uwaga{background:var(--d1);border-left:4px solid var(--amber);padding:1rem 1.2rem;border-radius:0 var(--r) var(--r) 0;margin:1.4rem 0;font-size:.95rem}
.uwaga strong{color:#8A5A00}

/* TABELA CEN */
.tabela-wrap{overflow-x:auto;margin:1.4rem 0}
table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:420px}
th,td{padding:.7rem .8rem;text-align:left;border-bottom:1px solid var(--border)}
th{background:var(--d2);font-weight:600;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
td:last-child,th:last-child{text-align:right;font-weight:600;color:var(--red);white-space:nowrap}

/* CTA */
.cta-box{background:var(--red);color:#fff;border-radius:10px;padding:clamp(1.5rem,4vw,2.4rem);margin-top:2.5rem;text-align:center}
.cta-box h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:.03em;margin-bottom:.6rem;color:#fff}
.cta-box p{margin-bottom:1.4rem;opacity:.95;font-weight:400}
.cta-btns{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap}
.btn-w{background:#fff;color:var(--red);font-family:'Barlow Condensed',sans-serif;font-size:1.05rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;padding:.8rem 2rem;border-radius:var(--r);display:inline-block;transition:transform .2s}
.btn-w:hover{transform:translateY(-2px)}
.btn-o{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6);font-family:'Barlow Condensed',sans-serif;
  font-size:1.05rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.75rem 2rem;border-radius:var(--r);display:inline-block}
.btn-o:hover{border-color:#fff;background:rgba(255,255,255,.12)}

/* POWIAZANE */
.powiazane{margin-top:2.5rem}
.powiazane h2{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:.03em;margin-bottom:1rem}
.kafle{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden}
.kafel{background:#fff;padding:1.2rem 1.3rem;transition:background .2s;display:block}
.kafel:hover{background:var(--d1)}
.kafel-t{font-family:'Bebas Neue',sans-serif;font-size:1.2rem;letter-spacing:.03em;color:var(--text);margin-bottom:.3rem}
.kafel-d{font-size:.82rem;color:var(--muted);line-height:1.5}

/* META ARTYKULU */
.meta{font-size:.8rem;color:var(--muted);margin-top:.8rem}
.meta span{margin-right:1rem}

/* STOPKA */
footer{background:#0A0E14;color:#fff;padding:3rem var(--gap) 2rem;margin-top:3rem}
.ft-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;max-width:1180px;margin:0 auto}
.ft-brand{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;letter-spacing:.06em;margin-bottom:.5rem}
.ft-desc{font-size:.85rem;color:#9AA5B4;line-height:1.7}
.ft-col-title{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:.8rem}
.ft-links{list-style:none}
.ft-links li{margin-bottom:.45rem}
.ft-links a{font-size:.85rem;color:#9AA5B4;transition:color .2s}
.ft-links a:hover{color:#fff}
.ft-bot{max-width:1180px;margin:2.2rem auto 0;padding-top:1.4rem;border-top:1px solid #1E242E;font-size:.78rem;color:#6B7685;
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}