/* ALBASSAMI_CARS_V1 - /cars and /cars/<slug> */
.cars-page{--c-red:#d0191f;--c-ink:#141b26;--c-muted:#5c6575;--c-line:#e6e8ec;--c-soft:#f6f7f9;--c-navy:#0f1a2b;--c-card:#ffffff;color:var(--c-ink)}
html[data-theme="dark"] .cars-page,body.dark .cars-page{--c-ink:#eef1f5;--c-muted:#a5aebc;--c-line:#2b3443;--c-soft:#171e29;--c-card:#1b2230}
.cars-page a{text-decoration:none}

.cars-hero{padding:clamp(28px,5vw,60px) 0 clamp(18px,3vw,30px);background:linear-gradient(180deg,#fff5f5 0%,rgba(255,255,255,0) 100%)}
html[data-theme="dark"] .cars-hero{background:none}
.cars-crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--c-muted);margin-bottom:18px}
.cars-crumb a{color:var(--c-muted)}
.cars-crumb a:hover{color:var(--c-red)}
.cars-kicker{display:inline-block;font-size:13px;font-weight:800;color:var(--c-red);border:1px solid rgba(208,25,31,.25);background:rgba(208,25,31,.06);border-radius:999px;padding:5px 14px}
.cars-title{font-size:clamp(28px,4.2vw,50px);line-height:1.2;margin:14px 0 10px;font-weight:900;letter-spacing:-.3px}
.cars-lead{font-size:clamp(15px,1.6vw,18px);line-height:1.8;color:var(--c-muted);max-width:720px;margin:0 0 22px}

.cars-filter{display:flex;flex-wrap:wrap;gap:10px}
.cars-chip{font:inherit;font-size:15px;font-weight:800;color:var(--c-ink);background:var(--c-card);border:1.5px solid var(--c-line);border-radius:999px;padding:9px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:border-color .15s,background .15s,color .15s}
.cars-chip em{font-style:normal;font-size:12px;color:var(--c-muted);background:var(--c-soft);border-radius:999px;padding:1px 8px}
.cars-chip:hover{border-color:var(--c-red)}
.cars-chip.is-on{background:var(--c-ink);color:#fff;border-color:var(--c-ink)}
.cars-chip.is-on em{background:rgba(255,255,255,.15);color:#fff}

.cars-list{padding:clamp(10px,2vw,20px) 0 clamp(36px,5vw,64px)}
.cars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.car-card{display:flex;flex-direction:column;background:var(--c-card);border:1px solid var(--c-line);border-radius:20px;overflow:hidden;color:var(--c-ink);transition:transform .2s,box-shadow .2s,border-color .2s}
.car-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(15,26,43,.12);border-color:rgba(208,25,31,.35)}
.car-card[hidden]{display:none}
.car-card-media{position:relative;aspect-ratio:16/10;background:var(--c-soft);overflow:hidden}
.car-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.car-card:hover .car-card-media img{transform:scale(1.04)}
.car-card-media.is-empty,.car-hero-media.is-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(120% 120% at 70% 20%,#24324d 0%,var(--c-navy) 70%);color:#fff}
.brand-isuzu .car-card-media.is-empty,.brand-isuzu.car-detail-page .car-hero-media.is-empty{background:radial-gradient(120% 120% at 70% 20%,#3a1418 0%,#140d10 75%)}
.car-ico{width:44%;max-width:180px;height:auto;opacity:.9}
.car-card-model{font-weight:900;letter-spacing:2px;font-size:clamp(18px,2.2vw,26px);direction:ltr}
.car-card-brand{position:absolute;top:12px;inset-inline-start:12px;font-size:12px;font-weight:800;background:rgba(255,255,255,.92);color:#141b26;border-radius:999px;padding:3px 10px}
.car-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.car-card-type{font-size:12px;font-weight:800;color:var(--c-red)}
.car-card-body h2{font-size:19px;line-height:1.35;margin:0;font-weight:900}
.car-card-body p{font-size:14px;line-height:1.7;color:var(--c-muted);margin:0}
.car-card-go{margin-top:auto;padding-top:8px;font-size:14px;font-weight:800;color:var(--c-ink);display:inline-flex;gap:6px;align-items:center}
.car-card:hover .car-card-go{color:var(--c-red)}
.car-card-go i{font-style:normal;transition:transform .2s}

.cars-cta{padding:0 0 clamp(36px,5vw,64px)}
.cars-cta-in{background:var(--c-navy);color:#fff;border-radius:24px;padding:clamp(22px,4vw,40px);display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.cars-cta-in h2{margin:0 0 6px;font-size:clamp(20px,2.6vw,30px);font-weight:900}
.cars-cta-in p{margin:0;color:#c6cedb;line-height:1.8;max-width:620px}
.cars-cta-acts{display:flex;flex-wrap:wrap;gap:10px}
.cars-btn{display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;border-radius:14px;padding:12px 22px;transition:transform .15s,background .15s}
.cars-btn:hover{transform:translateY(-2px)}
.cars-btn-primary{background:var(--c-red);color:#fff}
.cars-btn-ghost{border:1.5px solid currentColor;color:inherit}
.car-hero .cars-btn-ghost{color:var(--c-ink)}
.cars-cta-in .cars-btn-ghost{color:#fff}

.car-hero{padding:clamp(24px,4vw,50px) 0 clamp(26px,4vw,44px);background:linear-gradient(180deg,#fff5f5 0%,rgba(255,255,255,0) 100%)}
html[data-theme="dark"] .car-hero{background:none}
.car-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(20px,4vw,48px);align-items:center}
.car-hero-media{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:16/10;background:var(--c-soft);box-shadow:0 24px 50px rgba(15,26,43,.16)}
.car-hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.car-hero-media .car-ico{width:40%}
.car-photo-soon{position:absolute;bottom:14px;font-size:12px;font-weight:700;color:rgba(255,255,255,.7)}

.cars-h2{font-size:clamp(22px,2.6vw,32px);font-weight:900;margin:0 0 18px}
.car-specs{padding:clamp(18px,3vw,30px) 0}
.car-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.car-spec{background:var(--c-card);border:1px solid var(--c-line);border-radius:16px;padding:16px 18px}
.car-spec span{display:block;font-size:13px;font-weight:700;color:var(--c-muted);margin-bottom:6px}
.car-spec b{font-size:18px;font-weight:900;line-height:1.4}
.car-note{font-size:13px;color:var(--c-muted);margin:12px 0 0}

.car-why{padding:clamp(18px,3vw,34px) 0 clamp(30px,4vw,50px)}
.car-why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.car-why-card{background:var(--c-soft);border-radius:20px;padding:22px}
.car-why-num{display:inline-block;font-weight:900;color:var(--c-red);font-size:14px;margin-bottom:8px;direction:ltr}
.car-why-card h3{margin:0 0 6px;font-size:18px;font-weight:900}
.car-why-card p{margin:0;color:var(--c-muted);line-height:1.8;font-size:15px}
.car-related{padding-top:0}

@media (max-width:860px){
  .car-hero-grid{grid-template-columns:1fr}
  .car-hero-media{order:-1}
}
@media (prefers-reduced-motion:reduce){
  .car-card,.car-card-media img,.cars-btn,.cars-chip{transition:none}
}