/* Car after-sales: the workshop — turning gears, a wrench, key tags on a board, stitched panels.
   Palette: UI UX Pro Max "Construction" accent (#EA580C) on workshop black. Font: Rubik Black. */
body.skin-car-aftersales{--bg:#111315;--card:#1A1D21;--card-2:#22262B;--border:#2E3339;--fg:#F3F4F6;--secondary-fg:#D1D5DB;--muted:#9CA3AF;
  --primary:#EA580C;--on-primary:#111315;--accent:#FB923C;--i-font:"Rubik";--i-w:900;--i-r:10px}
.skin-car-aftersales .ih h1{font-size:clamp(40px,6vw,82px);line-height:1.15}
.skin-car-aftersales .ih::after{content:"";position:absolute;inset:auto 0 0;height:24px;z-index:-1;background:conic-gradient(#2E3339 25%,transparent 0 50%,#2E3339 0 75%,transparent 0) 0 0/24px 24px}
.skin-car-aftersales .ih-art .art{width:min(1100px,110vw);opacity:.9}
.skin-car-aftersales .g1,.skin-car-aftersales .g2{fill:none;stroke:#3A4048;stroke-width:3;transform-box:fill-box;transform-origin:center}
.skin-car-aftersales .g1{animation:ca-spin 26s linear infinite}
.skin-car-aftersales .g2{animation:ca-spin 18s linear infinite reverse}
.skin-car-aftersales .hub{fill:var(--card-2);stroke:#4B5563;stroke-width:3}
.skin-car-aftersales .wrench path{fill:none;stroke:var(--primary);stroke-opacity:.65;stroke-width:6;stroke-linejoin:round}
.skin-car-aftersales .bolt{fill:none;stroke:#6B7280;stroke-width:4}
@keyframes ca-spin{to{transform:rotate(360deg)}}
/* clients: key tags hanging on the board */
.skin-car-aftersales .ir-list li{border:2px solid var(--primary);border-radius:12px 12px 12px 28px;background:var(--card);padding-inline-start:16px}
.skin-car-aftersales .ir-list li::before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid var(--primary);flex-shrink:0}
.skin-car-aftersales .ir-list li:nth-child(odd){rotate:-2deg}
.skin-car-aftersales .ir-list li:nth-child(even){rotate:2deg}
/* services: stitched panels with rivets */
.skin-car-aftersales .is-list li{outline:2px dashed #3A4048;outline-offset:-10px;
  background:radial-gradient(circle 4px at 16px 16px,#4B5563 98%,transparent),radial-gradient(circle 4px at calc(100% - 16px) 16px,#4B5563 98%,transparent),
  radial-gradient(circle 4px at 16px calc(100% - 16px),#4B5563 98%,transparent),radial-gradient(circle 4px at calc(100% - 16px) calc(100% - 16px),#4B5563 98%,transparent),var(--card)}
@media (max-width:700px){ .skin-car-aftersales .ih-art .art{opacity:.45} }
.skin-car-aftersales .ic-box{outline:2px dashed #3A4048;outline-offset:-12px}