/* ELREWINY MOTORS — static model pages (/cars/*.html). Tokens & primitives come from ds.css (frozen design system). */
.mp{background:var(--bg)}
.wrap{width:100%;max-width:calc(var(--wrap) + var(--gutter)*2);margin:0 auto;padding:0 var(--gutter)}
.mp-nav{position:sticky;top:0;z-index:10;background:var(--midnight);border-bottom:1px solid var(--line)}
.mp-nav-in{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);height:var(--header)}
.mp-brand img{height:48px;width:auto;display:block}
@media (min-width:1024px){.mp-brand img{height:62px}}
@media (max-width:380px){.mp-brand img{height:42px}}
.mp-act{display:flex;align-items:center;gap:var(--s2)}
.mp .lang{display:inline-flex;align-items:center;height:40px;padding:0 var(--s3);border-radius:var(--r-pill);border:1px solid var(--line-2);color:var(--tx);text-decoration:none;font-size:13px;font-weight:500}
.mp-main{padding-top:var(--s5);padding-bottom:var(--s10)}
.crumbs{display:flex;gap:var(--s2);font-size:13px;color:var(--tx-3);white-space:nowrap;overflow:hidden}
.crumbs a{color:var(--tx-2);text-decoration:none}
.mp-head{display:grid;gap:var(--s6);margin-top:var(--s5)}
.mp-hero{margin:0;border-radius:var(--r-lg);overflow:hidden;background:#D2D2D2;box-shadow:var(--e-1)}
.mp-hero img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.mp-info{display:flex;flex-direction:column;gap:var(--s3);min-width:0}
.mp-title{display:flex;flex-direction:column;gap:4px;margin:0}
.mp-title .en{font:600 clamp(26px,2.6vw,38px)/1.1 var(--f-en);text-transform:uppercase;letter-spacing:.01em;direction:ltr}
[dir=rtl] .mp-title .en{text-align:right}
.mp-title .ar{font-size:18px;font-weight:500;color:var(--tx-2)}
.mp-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2);margin:var(--s2) 0 0}
.mp-facts div{padding:var(--s3) var(--s4);border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line)}
.mp-facts dt{font-size:12px;color:var(--tx-3)} .mp-facts dd{margin:2px 0 0;font-size:15px;font-weight:500}
.mp-cta{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s2)}
.mp-int{display:inline-flex;align-self:flex-start;text-decoration:none}
.mp-sec{margin-top:var(--s9)}
.mp-sec h2{margin-bottom:var(--s4)}
.mp-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--s3);margin:0;padding:0;list-style:none}
.mp-photos img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-sm);background:#D2D2D2}
.mp-grades{display:flex;flex-wrap:wrap;gap:var(--s2);margin:0;padding:0;list-style:none}
.mp-grades li{padding:6px 14px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--surface);font:500 13px var(--f-en)}
.mp-gh{margin:var(--s6) 0 var(--s2)}
.tbl-wrap{overflow-x:auto;border-radius:var(--r);border:1px solid var(--line);background:var(--surface)}
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th,.tbl td{padding:11px var(--s4);text-align:start;vertical-align:top;border-top:1px solid var(--line)}
.tbl thead th{border-top:0;font:600 12px var(--f-en);white-space:nowrap}
.tbl tbody th{font-weight:400;color:var(--tx-3);min-width:150px}
.tbl .yes{color:var(--navy);font-weight:600} .tbl .no{color:var(--tx-3)}
.src{margin:var(--s4) 0 0;font-size:12px;color:var(--tx-3)}
.mp-others{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);margin:0;padding:0;list-style:none;font-size:14px}
.mp-others a{color:var(--tx-2)}
.mp-foot{padding:var(--s7) 0;background:#081528;color:var(--tx-3);font-size:13px}
.mp-foot img{height:32px;width:auto;margin-bottom:var(--s3)}
.mp-foot a{color:var(--tx-2)}
@media (min-width:1024px){.mp-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s8);align-items:start}.mp-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}