/* Car sales & dealers: a showroom at night — graphite, a speedometer sweeping under the headline, licence plates.
   Palette: UI UX Pro Max "Automotive/Car Dealership" (#1E293B, #DC2626). Font: Changa. */
body.skin-car-sales{--bg:#0B0E13;--card:#121821;--card-2:#18202B;--border:#262F3B;--fg:#F1F5F9;--secondary-fg:#CBD5E1;--muted:#8B95A5;
  --primary:#DC2626;--on-primary:#FFFFFF;--accent:#F87171;--i-font:"Changa";--i-w:800;--i-r:4px}
.skin-car-sales .ih{padding-bottom:clamp(150px,22vw,300px)}
.skin-car-sales .ih h1{font-size:clamp(42px,6.4vw,88px);line-height:1.1}
.skin-car-sales .ih-lead{color:#AEB7C4}
.skin-car-sales .ih-art{place-items:end center}
.skin-car-sales .ih-art .art{width:min(1060px,108vw);max-height:62%;margin-bottom:-1%}
.skin-car-sales .arc{fill:none;stroke:#2A3442;stroke-width:3}
.skin-car-sales .arc.red{stroke:var(--primary);stroke-width:7}
.skin-car-sales .tk{stroke:#334050;stroke-width:3}
.skin-car-sales .tk.big{stroke:#8B95A5;stroke-width:5}
.skin-car-sales .needle path{fill:var(--primary)}
.skin-car-sales .needle circle{fill:#18202B;stroke:#8B95A5;stroke-width:4}
.skin-car-sales .needle{transform-box:view-box;transform-origin:500px 520px;transform:rotate(-86deg)}
.skin-car-sales .alive .needle{animation:cs-rev 2.6s var(--ease-out) .3s forwards,cs-idle 2.2s ease-in-out 2.9s infinite alternate}
@keyframes cs-rev{0%{transform:rotate(-86deg)}55%{transform:rotate(70deg)}100%{transform:rotate(38deg)}}
@keyframes cs-idle{from{transform:rotate(38deg)}to{transform:rotate(44deg)}}
/* clients: Egyptian licence plates */
.skin-car-sales .ir-list li{flex-direction:column;gap:0;min-width:190px;padding:0 0 8px;border-radius:8px;background:#F8FAFC;color:#0B0E13;border:3px solid #0B0E13;box-shadow:0 0 0 2px #94A3B8;font-size:20px;overflow:hidden}
.skin-car-sales .ir-list li::before{content:"مصر  EGYPT";display:block;align-self:stretch;margin-bottom:8px;padding:3px 0;background:#1D4ED8;color:#fff;font:700 11px/1.2 var(--font-body);letter-spacing:.2em;text-align:center}
.skin-car-sales .ir-list img{width:30px;height:30px;margin-bottom:4px}
/* services: chamfered panels with a red edge */
.skin-car-sales .is-list li{border:0;background:linear-gradient(var(--primary),var(--primary)) top/100% 3px no-repeat,var(--card);
  clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}
.skin-car-sales .is-ico{background:transparent;border:2px solid var(--primary);color:var(--fg)}
.skin-car-sales .ic-box{border:0;background:linear-gradient(90deg,var(--primary) 0 6px,transparent 6px calc(100% - 6px),var(--primary) calc(100% - 6px)),var(--card)}
@media (max-width:640px){ .skin-car-sales .ir-list li{min-width:150px;font-size:17px} }
