/* ============================================================
   AUTO FIGARO — arkusz główny
   Wygląd: koncepcja „Showroom" — ciemne tło, duże zdjęcia,
   flaga USA obecna jako cienki pasek-sygnatura i poświata.
   Zmiana marki = zmiana zmiennych w :root.
   ============================================================ */

:root{
  --tlo:      #07090d;
  --tlo-2:    #0d1119;
  --tlo-3:    #131926;
  --tlo-4:    #1a2130;
  --linia:    #212a3c;
  --linia-2:  #2c3852;
  --bialy:    #ffffff;
  --tekst-2:  #8d99b0;
  --tekst-3:  #5f6b80;
  --czerwony: #e02233;
  --czerwony-2:#f0384a;
  --niebieski:#2b52d8;
  --zielony:  #35c46a;

  --maks:     1320px;
  --przejscie:.25s ease;
  --font: "Segoe UI", "Inter", system-ui, -apple-system, sans-serif;
}

*,*::before,*::after{box-sizing:border-box}

html{scroll-behavior:smooth}
body{
  margin:0;background:var(--tlo);color:var(--bialy);
  font-family:var(--font);font-size:16px;line-height:1.68;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}

h1,h2,h3,h4{margin:0 0 .45em;font-weight:300;letter-spacing:-.03em;line-height:1.06}
h1{font-size:clamp(2.4rem,5.6vw,4.6rem)}
h2{font-size:clamp(1.9rem,3.8vw,3rem)}
h3{font-size:1.35rem;font-weight:400}
strong{font-weight:700}

.kontener{width:100%;max-width:var(--maks);margin:0 auto;padding:0 32px}

/* --- sygnatura: flaga USA ---
   Prawdziwa flaga w SVG: 13 pasów, 50 gwiazd w układzie 9 rzędów (6-5-6-5…),
   kanton 40% szerokości i 7/13 wysokości, oficjalne barwy #b22234 i #3c3b6e.
   Plik: assets/img/flaga-usa.svg (generowany, skaluje się bez utraty ostrości).
   Wysokość wynika z proporcji 19:10, więc inline'owe `width` nadal działa. */
.sygnatura{
  display:inline-block;flex:none;
  width:38px;aspect-ratio:19/10;height:auto;
  background:url(../img/flaga-usa.svg) center/100% 100% no-repeat;
  border-radius:1px;
  box-shadow:0 0 0 1px rgba(255,255,255,.18);
}
.sygnatura i{display:none}   /* znaczniki po starym układzie pasów */

.etykieta{
  display:inline-flex;align-items:center;gap:12px;
  font-size:.72rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;
  color:var(--tekst-2);margin-bottom:26px;
}

/* ================= PRZYCISKI ================= */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 32px;border-radius:2px;border:1px solid transparent;
  font-family:inherit;font-size:.82rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;cursor:pointer;transition:var(--przejscie);
}
.btn--glowny{background:var(--czerwony);color:#fff}
.btn--glowny:hover{background:var(--czerwony-2);box-shadow:0 12px 34px rgba(224,34,51,.35)}
.btn--obrys{border-color:rgba(255,255,255,.28);color:#fff}
.btn--obrys:hover{border-color:#fff;background:rgba(255,255,255,.06)}
/* niebieski akcent z flagi — biel na tym tle daje kontrast ok. 6,4:1 */
.btn--niebieski{background:var(--niebieski);color:#fff}
.btn--niebieski:hover{background:#3a60e6;box-shadow:0 12px 34px rgba(43,82,216,.38)}
.btn:disabled{opacity:.55;cursor:default}

/* ================= NAGŁÓWEK ================= */
.naglowek{
  position:fixed;top:0;left:0;right:0;z-index:60;transition:var(--przejscie);
  background:linear-gradient(180deg,rgba(7,9,13,.92),rgba(7,9,13,0));
}
.naglowek--przypiety{
  background:rgba(7,9,13,.96);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--linia);
}
.naglowek--staly{position:sticky;background:rgba(7,9,13,.96);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--linia)}
.naglowek__wnetrze{display:flex;align-items:center;justify-content:space-between;height:92px;gap:24px}

.logo{display:flex;flex-direction:column;gap:6px}
.logo b{font-size:1.3rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.logo b em{font-style:normal;font-weight:200;opacity:.75}

.menu{display:flex;gap:36px;align-items:center}
.menu a{position:relative;padding:4px 0;font-size:.84rem;font-weight:500;
  letter-spacing:.06em;color:var(--tekst-2);transition:var(--przejscie)}
.menu a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;
  background:var(--czerwony);transition:var(--przejscie)}
.menu a:hover,.menu a.aktywny{color:var(--bialy)}
.menu a:hover::after,.menu a.aktywny::after{right:0}

.menu-przycisk{display:none;background:none;border:0;color:var(--bialy);
  font-size:1.5rem;cursor:pointer;padding:6px 8px;line-height:1}

/* ================= PASEK „NA ŻYWO" ================= */
/* ciemniejsze niż sąsiedni pas partnera — inaczej trzy sekcje z rzędu
   zlewałyby się w jedną płaszczyznę */
.na-zywo{background:var(--tlo);border-bottom:1px solid var(--linia);position:relative;overflow:hidden}
.na-zywo::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(560px 200px at 18% 50%,rgba(224,34,51,.16),transparent 72%)}
.na-zywo__wnetrze{position:relative;display:flex;align-items:center;gap:26px;
  padding:22px 0;flex-wrap:wrap}
.na-zywo b{display:inline-flex;align-items:center;gap:11px;font-size:.98rem;font-weight:600;
  letter-spacing:.02em;white-space:nowrap}
.na-zywo span{color:var(--tekst-2);font-size:.94rem}
.kropka-live{width:9px;height:9px;border-radius:50%;background:var(--czerwony);flex:none;
  box-shadow:0 0 0 0 rgba(224,34,51,.65);animation:puls 2.4s infinite}
@keyframes puls{
  70%{box-shadow:0 0 0 10px rgba(224,34,51,0)}
  100%{box-shadow:0 0 0 0 rgba(224,34,51,0)}
}
@media(prefers-reduced-motion:reduce){.kropka-live{animation:none}}

/* ================= HERO ================= */
.hero{position:relative;height:100vh;min-height:660px;display:flex;align-items:center;overflow:hidden}
.hero__foto{position:absolute;inset:0}
.hero__foto img{width:100%;height:100%;object-fit:cover;object-position:58% 62%}
/* przyciemnienie od lewej — tekst czytelny, port po prawej widoczny */
.hero__foto::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(101deg,rgba(7,9,13,.95) 0%,rgba(7,9,13,.78) 40%,rgba(7,9,13,.28) 100%),
             linear-gradient(180deg,rgba(7,9,13,.62) 0%,transparent 26%,transparent 74%,rgba(7,9,13,.78) 100%);
}
.poswiata{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(700px 420px at 14% 78%,rgba(224,34,51,.20),transparent 68%),
             radial-gradient(660px 400px at 86% 30%,rgba(43,82,216,.20),transparent 66%)}
.hero .kontener{position:relative;z-index:2;width:100%}
.hero h1{max-width:900px}
.hero__stopka{display:grid;grid-template-columns:1fr auto;gap:44px;align-items:end;
  margin-top:38px;padding-top:32px;border-top:1px solid rgba(255,255,255,.14)}
.hero p{color:var(--tekst-2);font-size:1.1rem;max-width:520px;margin:0}
.akcje{display:flex;gap:14px;flex-wrap:wrap}
.gwiazdki{position:absolute;top:130px;right:44px;z-index:2;opacity:.16;
  font-size:.9rem;letter-spacing:.3em;line-height:1.7;text-align:right}

/* --- nagłówek podstron (bez wielkiego zdjęcia) --- */
.naglowek-strony{padding:150px 0 60px;border-bottom:1px solid var(--linia);position:relative;overflow:hidden}
.naglowek-strony::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(640px 300px at 12% 60%,rgba(224,34,51,.14),transparent 70%)}
.naglowek-strony .kontener{position:relative}
.naglowek-strony p{color:var(--tekst-2);max-width:600px;margin:.6rem 0 0}
.okruszki{font-size:.78rem;letter-spacing:.06em;color:var(--tekst-3);margin-bottom:20px}
.okruszki a:hover{color:var(--czerwony)}

/* ================= PARTNER IAAI ================= */
.partner{position:relative;background:var(--tlo-2);
  border-top:1px solid var(--linia);border-bottom:1px solid var(--linia);overflow:hidden}
.partner::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(740px 300px at 20% 50%,rgba(224,34,51,.14),transparent 70%),
             radial-gradient(640px 290px at 80% 50%,rgba(43,82,216,.14),transparent 72%)}
.partner__uklad{position:relative;display:grid;grid-template-columns:330px 1fr;gap:60px;
  align-items:center;padding:66px 0}
/* biały kafelek — logotypy partnerów projektuje się pod jasne tło */
.partner__znak{background:#fff;border-radius:3px;padding:26px 24px;min-height:170px;
  display:flex;align-items:center;justify-content:center;box-shadow:0 22px 54px rgba(0,0,0,.55)}
.partner__znak img{max-height:150px;max-width:100%;width:auto}
.partner__brak{display:none;flex-direction:column;gap:9px;align-items:center;justify-content:center;
  width:100%;padding:26px 18px;border:2px dashed #ccccd6;border-radius:3px;text-align:center;
  color:#9a9aa6;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.partner__brak small{font-size:.66rem;font-weight:400;letter-spacing:.06em;
  text-transform:none;color:#b4b4be;line-height:1.5}
.partner__tresc h2{font-size:clamp(1.5rem,2.6vw,2.15rem);margin-bottom:14px}
.partner__tresc>p{color:var(--tekst-2);max-width:620px;margin:0 0 26px}
.partner__atuty{list-style:none;padding:0;margin:0;display:grid;
  grid-template-columns:repeat(3,1fr);border-top:1px solid var(--linia)}
.partner__atuty li{padding:20px 24px 0 0;border-right:1px solid var(--linia)}
.partner__atuty li:last-child{border-right:0;padding-right:0}
.partner__atuty b{display:block;font-size:.94rem;font-weight:600;margin-bottom:5px}
.partner__atuty span{color:var(--tekst-2);font-size:.86rem}

/* ================= PASEK ZAUFANIA ================= */
.zaufanie{border-bottom:1px solid var(--linia);background:var(--tlo-2)}
.zaufanie__siatka{display:grid;grid-template-columns:repeat(4,1fr)}
.zaufanie__siatka>div{padding:46px 32px;border-right:1px solid var(--linia)}
.zaufanie__siatka>div:last-child{border-right:0}
.zaufanie b{display:block;font-size:2.9rem;font-weight:200;letter-spacing:-.04em;line-height:1;margin-bottom:8px}
.zaufanie b span{color:var(--czerwony);font-weight:400}
.zaufanie small{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tekst-2)}

/* ================= SEKCJE ================= */
.sekcja{padding:120px 0}
.sekcja--ciemna{background:var(--tlo-2);border-top:1px solid var(--linia);border-bottom:1px solid var(--linia)}
.sekcja--waska{padding:88px 0}
.tytul{max-width:700px;margin-bottom:64px}
.tytul p{color:var(--tekst-2);font-size:1.08rem;margin:.6rem 0 0}
.tytul--srodek{margin-left:auto;margin-right:auto;text-align:center}
.tytul--srodek .etykieta{justify-content:center}

/* ================= KARTY AUT ================= */
.siatka-aut{display:grid;grid-template-columns:repeat(auto-fit,minmax(390px,1fr));gap:28px}

.auto-karta{
  position:relative;overflow:hidden;border-radius:3px;background:var(--tlo-3);
  border:1px solid var(--linia);transition:.35s;display:block;
}
.auto-karta:hover{border-color:rgba(224,34,51,.55);transform:translateY(-7px);
  box-shadow:0 30px 70px rgba(0,0,0,.6)}
.auto-karta__foto{aspect-ratio:3/2;overflow:hidden;position:relative;background:var(--tlo-4)}
.auto-karta__foto img{width:100%;height:100%;object-fit:cover;
  transition:1s cubic-bezier(.2,.7,.3,1)}
.auto-karta:hover .auto-karta__foto img{transform:scale(1.08)}
.auto-karta__foto::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(7,9,13,.94))}
.auto-karta__brak-foto{position:absolute;inset:0;display:grid;place-items:center;
  color:var(--tekst-3);font-size:.76rem;letter-spacing:.2em;text-transform:uppercase}

.znak-usa{position:absolute;top:18px;left:18px;z-index:2;display:flex;align-items:center;gap:9px;
  font-size:.66rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  background:rgba(7,9,13,.62);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);
  padding:7px 13px;border-radius:2px}
.status{position:absolute;top:18px;right:18px;z-index:2;
  font-size:.64rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  padding:7px 13px;border-radius:2px;backdrop-filter:blur(8px)}
.status--dostepne{background:rgba(53,196,106,.16);color:var(--zielony);border:1px solid rgba(53,196,106,.4)}
.status--w-drodze{background:rgba(43,82,216,.2);color:#7f9bff;border:1px solid rgba(43,82,216,.5)}
.status--sprzedane{background:rgba(224,34,51,.16);color:#ff6b78;border:1px solid rgba(224,34,51,.42)}

.auto-karta__opis{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:26px}
.auto-karta__opis h3{font-size:1.7rem;font-weight:400;margin-bottom:6px}
.auto-karta__meta{color:var(--tekst-2);font-size:.85rem;letter-spacing:.06em;margin:0 0 16px}
.auto-karta__linia{display:flex;justify-content:space-between;align-items:center;
  padding-top:16px;border-top:1px solid rgba(255,255,255,.16)}
.cena{font-size:1.5rem;font-weight:300;letter-spacing:-.02em}
.cena em{font-style:normal;color:var(--czerwony);font-weight:600}
.cena--pytaj{font-size:.94rem;color:var(--tekst-2);font-weight:500;letter-spacing:.04em}
.wiecej{font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--tekst-2);transition:var(--przejscie)}
.auto-karta:hover .wiecej{color:var(--czerwony)}

/* ================= FILTRY ================= */
.filtry{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end;
  padding:26px 0 30px;border-bottom:1px solid var(--linia);margin-bottom:34px}
.pole{display:flex;flex-direction:column;gap:8px}
.pole label{font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--tekst-2)}
.pole select,.pole input,.pole textarea{
  background:var(--tlo-3);border:1px solid var(--linia);color:var(--bialy);
  padding:13px 16px;border-radius:2px;font-family:inherit;font-size:.92rem;
  min-width:190px;transition:var(--przejscie);
}
.pole select:focus,.pole input:focus,.pole textarea:focus{outline:none;border-color:var(--czerwony)}
.pole select option{background:var(--tlo-3);color:var(--bialy)}
.wynik-info{color:var(--tekst-2);font-size:.82rem;letter-spacing:.14em;
  text-transform:uppercase;margin:0 0 28px}
.pusto{text-align:center;padding:80px 20px;border:1px solid var(--linia);border-radius:3px}
.pusto h3{margin-bottom:10px}
.pusto p{color:var(--tekst-2);margin:0 0 24px}

/* ================= PROCES ================= */
.proces{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  border-top:1px solid var(--linia)}
.etap{padding:38px 28px 38px 0;border-right:1px solid var(--linia);position:relative}
.etap:last-child{border-right:0}
.etap::before{content:"";position:absolute;top:-1px;left:0;width:38px;height:2px;background:var(--czerwony)}
.etap span.nr{display:block;font-size:.7rem;font-weight:700;letter-spacing:.24em;
  color:var(--czerwony);margin-bottom:14px}
.etap h3{font-size:1.25rem;font-weight:400;margin-bottom:8px}
.etap p{color:var(--tekst-2);font-size:.9rem;margin:0}
.etap em{display:block;font-style:normal;margin-top:14px;font-size:.68rem;
  letter-spacing:.18em;text-transform:uppercase;color:var(--tekst-3)}

/* ================= KALKULATOR ================= */
.kalkulator{display:grid;grid-template-columns:1fr 1.15fr;gap:34px;align-items:start}
.panel{background:var(--tlo-3);border:1px solid var(--linia);border-radius:3px;padding:34px}
.panel .pole{margin-bottom:22px}
.panel .pole select,.panel .pole input{width:100%;min-width:0}
.panel h3{font-size:1rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--tekst-2);margin-bottom:26px}

.wynik-lista{list-style:none;margin:0;padding:0}
.wynik-lista li{display:flex;justify-content:space-between;gap:20px;
  padding:13px 0;border-bottom:1px solid var(--linia);font-size:.92rem;color:var(--tekst-2)}
.wynik-lista li b{color:var(--bialy);font-weight:400;white-space:nowrap}
.wynik-lista li.podsuma{color:var(--bialy)}
.wynik-lista li.suma{border-bottom:0;padding-top:24px;margin-top:6px;
  border-top:1px solid var(--linia-2);font-size:1.05rem;color:var(--bialy)}
.wynik-lista li.suma b{font-size:1.9rem;font-weight:300;letter-spacing:-.03em;color:var(--czerwony)}
.zastrzezenie{font-size:.8rem;color:var(--tekst-3);margin-top:20px;line-height:1.6}
.zastrzezenie a{color:var(--czerwony)}

/* ================= FAQ ================= */
.faq{max-width:860px}
.faq details{border-bottom:1px solid var(--linia)}
.faq summary{cursor:pointer;padding:24px 0;font-size:1.08rem;font-weight:400;
  list-style:none;display:flex;justify-content:space-between;gap:20px;
  align-items:center;transition:var(--przejscie)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--czerwony);font-size:1.5rem;font-weight:200;line-height:1;flex:none}
.faq details[open] summary::after{content:"\2212"}
.faq summary:hover{color:var(--czerwony)}
.faq details p{padding:0 40px 26px 0;margin:0;color:var(--tekst-2);font-size:.96rem;max-width:720px}

/* ================= KONTAKT ================= */
.kontakt-uklad{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.dane-kontakt{list-style:none;padding:0;margin:0 0 34px}
.dane-kontakt li{padding:20px 0;border-bottom:1px solid var(--linia)}
.dane-kontakt strong{display:block;font-size:.68rem;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:var(--tekst-2);margin-bottom:7px}
.dane-kontakt a,.dane-kontakt span{font-size:1.15rem;font-weight:300;letter-spacing:-.01em}
.dane-kontakt a:hover{color:var(--czerwony)}
.obszar{color:var(--tekst-3);font-size:.88rem;margin:0}

.formularz{display:grid;gap:20px}
.formularz .pole input,.formularz .pole select,.formularz .pole textarea{width:100%;min-width:0}
.formularz .pole textarea{min-height:140px;resize:vertical}
.formularz__dwa{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.zgoda{display:flex;gap:12px;align-items:flex-start;font-size:.82rem;color:var(--tekst-2)}
.zgoda input{margin-top:4px;accent-color:var(--czerwony);flex:none}
.zgoda a{color:var(--czerwony);text-decoration:underline}
.honeypot{position:absolute;left:-9999px;opacity:0;height:0}
.komunikat{display:none;padding:16px 20px;border-radius:2px;font-size:.9rem;font-weight:500}
.komunikat--ok{display:block;background:rgba(53,196,106,.12);border:1px solid rgba(53,196,106,.4);color:var(--zielony)}
.komunikat--blad{display:block;background:rgba(224,34,51,.12);border:1px solid rgba(224,34,51,.4);color:#ff6b78}

/* ================= KARTA POJAZDU ================= */
.auto-uklad{display:grid;grid-template-columns:1.4fr 1fr;gap:56px;align-items:start}
.galeria__glowne{aspect-ratio:16/10;overflow:hidden;background:var(--tlo-3);
  border:1px solid var(--linia);border-radius:3px;margin-bottom:14px}
.galeria__glowne img{width:100%;height:100%;object-fit:cover}
.galeria__miniatury{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}
.galeria__miniatury img{aspect-ratio:4/3;object-fit:cover;border-radius:2px;cursor:pointer;
  border:1px solid var(--linia);opacity:.5;transition:var(--przejscie)}
.galeria__miniatury img:hover,.galeria__miniatury img.aktywna{opacity:1;border-color:var(--czerwony)}

.karta-boki h1{font-size:clamp(1.9rem,3.4vw,2.7rem);margin:14px 0 12px}
.karta-boki>p.wstep{color:var(--tekst-2);margin:0 0 26px}
.cena-duza{font-size:2.4rem;font-weight:200;letter-spacing:-.04em;color:var(--czerwony);margin:0 0 30px}
.cena-duza small{display:block;font-size:.68rem;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:var(--tekst-2);margin-bottom:8px}
.specyfikacja{list-style:none;padding:0;margin:0 0 32px;border-top:1px solid var(--linia)}
.specyfikacja li{display:flex;justify-content:space-between;gap:20px;padding:14px 0;
  border-bottom:1px solid var(--linia);font-size:.94rem}
.specyfikacja li span{color:var(--tekst-2)}
.specyfikacja li b{font-weight:400;text-align:right}

/* ================= DOMKNIĘCIE ================= */
.motto{position:relative;padding:130px 0;text-align:center;overflow:hidden;background:var(--tlo-2);
  border-top:1px solid var(--linia);border-bottom:1px solid var(--linia)}
.motto::before{content:"";position:absolute;inset:0;
  background:radial-gradient(620px 320px at 50% 50%,rgba(43,82,216,.16),transparent 70%)}
.motto .kontener{position:relative}
.motto h2{font-weight:200;max-width:900px;margin:0 auto .5em}
.motto h2 strong{font-weight:600;color:var(--czerwony)}
.motto p{color:var(--tekst-2);letter-spacing:.22em;text-transform:uppercase;font-size:.76rem;margin:0}

/* ================= STOPKA ================= */
.stopka{padding:80px 0 34px;background:var(--tlo)}
.stopka__siatka{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;margin-bottom:56px}
.stopka h4{font-size:.7rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
  color:var(--tekst-2);margin:0 0 18px}
.stopka ul{list-style:none;padding:0;margin:0}
.stopka li{margin-bottom:11px}
.stopka a{font-size:.92rem;opacity:.7;transition:var(--przejscie)}
.stopka a:hover{opacity:1;color:var(--czerwony)}
.stopka__opis{color:var(--tekst-2);font-size:.92rem;max-width:330px;margin:18px 0 0}
.stopka__dol{border-top:1px solid var(--linia);padding-top:26px;display:flex;
  justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:.82rem;color:var(--tekst-3)}

/* ================= WYNAJEM ================= */
/* zakładki kategorii — łatwo dołożyć kolejną (przyczepy, quady...) */
.zakladki{display:flex;gap:0;margin-top:34px;border-bottom:1px solid var(--linia);flex-wrap:wrap}
.zakladka{
  position:relative;padding:16px 30px 15px 0;margin-right:30px;background:none;border:0;
  font-family:inherit;font-size:.86rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--tekst-3);cursor:pointer;transition:var(--przejscie);
}
.zakladka::after{content:"";position:absolute;left:0;right:30px;bottom:-1px;height:2px;
  background:var(--czerwony);transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.zakladka:hover{color:var(--tekst-2)}
.zakladka[aria-selected="true"]{color:var(--bialy)}
.zakladka[aria-selected="true"]::after{transform:scaleX(1)}
.zakladka small{display:block;margin-top:5px;font-size:.66rem;font-weight:500;
  letter-spacing:.1em;text-transform:none;color:var(--tekst-3)}
.panel-zakladki[hidden]{display:none}

/* zapowiedź kategorii, której jeszcze nie ma w ofercie */
.wkrotce{border:1px dashed var(--linia-2);border-radius:3px;padding:56px 40px;text-align:center}
.wkrotce .etykieta{justify-content:center}
.wkrotce h2{font-size:clamp(1.6rem,3vw,2.3rem);margin-bottom:14px}
.wkrotce p{color:var(--tekst-2);max-width:560px;margin:0 auto 30px}

.wynajem-uklad{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:start}

.foto-duze{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:3px;
  background:var(--tlo-3);border:1px solid var(--linia);margin-bottom:14px}
.foto-duze img{width:100%;height:100%;object-fit:cover}
/* ramka zastępcza, gdy zdjęcia jeszcze nie ma */
.foto-brak{display:none;position:absolute;inset:0;flex-direction:column;gap:12px;
  align-items:center;justify-content:center;text-align:center;padding:30px;
  border:2px dashed var(--linia-2);border-radius:3px;color:var(--tekst-3)}
.foto-brak b{font-size:.76rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--tekst-2)}
.foto-brak small{font-size:.76rem;line-height:1.6;max-width:340px}

.cennik{list-style:none;padding:0;margin:0 0 28px;border-top:1px solid var(--linia)}
.cennik li{display:flex;justify-content:space-between;align-items:baseline;gap:20px;
  padding:18px 0;border-bottom:1px solid var(--linia)}
.cennik li>div b{display:block;font-size:1.05rem;font-weight:500;margin-bottom:3px}
.cennik li>div span{color:var(--tekst-2);font-size:.86rem}
.cennik .stawka{font-size:1.5rem;font-weight:200;letter-spacing:-.03em;color:var(--czerwony);white-space:nowrap}
.cennik .stawka small{font-size:.68rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--tekst-2);display:block;text-align:right}

.warunki{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  border-top:1px solid var(--linia)}
.warunki div{padding:22px 24px 22px 0;border-right:1px solid var(--linia)}
.warunki div:last-child{border-right:0}
.warunki b{display:block;font-size:.68rem;font-weight:700;letter-spacing:.22em;
  text-transform:uppercase;color:var(--czerwony);margin-bottom:8px}
.warunki span{color:var(--tekst-2);font-size:.92rem}

.wyposazenie{list-style:none;padding:0;margin:0}
.wyposazenie li{padding:9px 0 9px 26px;position:relative;color:var(--tekst-2);font-size:.94rem}
.wyposazenie li::before{content:"";position:absolute;left:0;top:19px;width:14px;height:1px;background:var(--czerwony)}

/* ================= TREŚĆ TEKSTOWA (polityka) ================= */
.tresc{max-width:780px}
.tresc h2{font-size:1.4rem;margin:44px 0 14px}
.tresc p{color:var(--tekst-2)}
.tresc ul{color:var(--tekst-2);padding-left:20px}
.tresc li{margin-bottom:8px}

/* ================= RESPONSYWNOŚĆ ================= */
@media(max-width:1100px){
  .kontener{padding:0 24px}
  .kalkulator,.kontakt-uklad,.auto-uklad,.wynajem-uklad{grid-template-columns:1fr;gap:34px}
  .warunki div{border-right:0;border-bottom:1px solid var(--linia)}
  .warunki div:last-child{border-bottom:0}
  .partner__uklad{grid-template-columns:1fr;gap:34px;padding:48px 0}
  .partner__znak{max-width:320px}
  .partner__atuty{grid-template-columns:1fr}
  .partner__atuty li{border-right:0;border-bottom:1px solid var(--linia);padding:18px 0}
  .partner__atuty li:last-child{border-bottom:0}
  .zaufanie__siatka{grid-template-columns:repeat(2,1fr)}
  .zaufanie__siatka>div:nth-child(2){border-right:0}
  .zaufanie__siatka>div:nth-child(-n+2){border-bottom:1px solid var(--linia)}
  .stopka__siatka{grid-template-columns:1fr 1fr}
  .etap{border-right:0;border-bottom:1px solid var(--linia)}
  .gwiazdki{display:none}
  .hero__stopka{grid-template-columns:1fr;gap:26px}

  .menu-przycisk{display:block}
  .menu{
    display:none;position:absolute;top:92px;left:0;right:0;
    flex-direction:column;align-items:stretch;gap:0;
    background:rgba(7,9,13,.98);backdrop-filter:blur(14px);
    border-top:1px solid var(--linia);border-bottom:1px solid var(--linia);
    padding:10px 24px 24px;
  }
  .menu.otwarte{display:flex}
  .menu a{padding:15px 0;border-bottom:1px solid var(--linia)}
  .menu .btn{margin-top:16px;border-bottom:0}
}

@media(max-width:640px){
  .sekcja{padding:76px 0}
  .naglowek-strony{padding:130px 0 46px}
  .hero{min-height:560px}
  .siatka-aut{grid-template-columns:1fr}
  .filtry{flex-direction:column;align-items:stretch}
  .pole select,.pole input{min-width:0;width:100%}
  .formularz__dwa{grid-template-columns:1fr}
  .stopka__siatka{grid-template-columns:1fr}
  .zaufanie__siatka{grid-template-columns:1fr}
  .zaufanie__siatka>div{border-right:0;border-bottom:1px solid var(--linia)}
  .panel{padding:24px}
}