/* 4x4 Xtreme — dostępne kolory (zmienne motywu) */

.kolory{
  margin-top:28px;padding-top:22px;
  border-top:1px solid var(--edge,rgba(195,202,212,.13));
}
.kolory__tytul,
.kolory__grupa{
  font-family:var(--data,sans-serif);
  font-size:.8rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--mute,#7C8695);margin:0 0 12px;
}
.kolory__grupa{font-size:.72rem;letter-spacing:.14em;margin:16px 0 8px;color:var(--chrome,#C3CAD4)}
.kolory__lista{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px 18px;
}
.kolory__poz{
  display:flex;align-items:center;gap:10px;
  font-family:var(--data,sans-serif);font-size:.95rem;line-height:1.3;color:var(--paper,#EFF3F8);
}
.kolory__probka{
  flex:none;width:20px;height:20px;border-radius:50%;
  background:linear-gradient(135deg,var(--c1) 0 50%,var(--c2) 50% 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);
}
.kolory__probka.is-camo{background:var(--camo) center/cover,var(--c1)}
.kolory__info{
  font-family:var(--data,sans-serif);font-size:.86rem;
  color:var(--mute,#7C8695);margin:14px 0 0;
}

/* --- dostępne od ręki --- */
.badge--odreki{background:#1E9E5A}
.xtk-foto-kat{
  position:absolute;right:10px;bottom:10px;
  font-family:var(--data,sans-serif);font-size:.72rem;letter-spacing:.08em;
  color:var(--chrome,#C3CAD4);background:rgba(6,8,11,.7);padding:3px 8px;
}
#od-reki + .xtk-sekcja{padding-top:0}
.xtk-home + .section{padding-top:0}
.odreki{
  display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-family:var(--data,sans-serif);font-size:.85rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:#7BE0A8;border:1px solid rgba(30,158,90,.55);background:rgba(30,158,90,.12);
  padding:6px 12px;margin:0 0 16px;
}
.odreki__kropka{width:8px;height:8px;border-radius:50%;background:#2ECC71;box-shadow:0 0 0 3px rgba(46,204,113,.25)}
.odreki__opis{font-weight:500;letter-spacing:.06em;text-transform:none;color:var(--paper,#EFF3F8)}

/* --- egzemplarze na stronie modelu --- */
.egz{margin:24px 0 22px}
.egz__lista{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.egz__poz{
  display:flex;align-items:center;gap:14px;padding:8px 12px 8px 8px;
  border:1px solid var(--edge,rgba(195,202,212,.13));background:rgba(20,26,34,.5);
  color:var(--paper,#EFF3F8);transition:border-color .2s ease;
}
.egz__poz:hover{border-color:var(--edge-hi,rgba(195,202,212,.3));color:var(--paper,#EFF3F8)}
.egz__poz.is-on{border-color:#1E9E5A;background:rgba(30,158,90,.10)}
.egz__foto{flex:none;width:72px;height:54px;background:#0A0E13;overflow:hidden}
.egz__foto img{width:100%;height:100%;object-fit:cover}
.egz__txt{display:flex;flex-direction:column;line-height:1.35;font-family:var(--data,sans-serif)}
.egz__txt strong{font-size:1rem}
.egz__txt span{font-size:.88rem;color:var(--mute,#7C8695)}

/* Oferta: podział na rodzaje pojazdów */
.xtk-typy{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 36px}
.xtk-typy a{font-family:var(--data);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--chrome);text-decoration:none;padding:9px 14px;border:1px solid var(--edge-hi);background:var(--steel);border-radius:2px;transition:border-color .2s,color .2s}
.xtk-typy a:hover{border-color:var(--blue-hi);color:var(--blue-hi)}
.xtk-typy a span{opacity:.55;margin-left:4px}
.xtk-grupa + .xtk-grupa{margin-top:56px}
.xtk-grupa{scroll-margin-top:110px}
.xtk-grupa__tytul{margin:0 0 20px;font-size:1.35rem}
.xtk-intro{padding-bottom:0}
.xtk-intro h1{font-size:clamp(2rem,4.6vw,3.4rem)}
.xtk-grupa__tytul{margin-bottom:6px}
.xtk-grupa__opis{margin:0 0 20px;color:var(--mute);max-width:70ch}
