/* وهج موتورز — غرافيت × أحمر رياضي 🏁 */
h1,h2,h3,h4{font-family:'Changa','Tajawal',sans-serif;font-weight:800}
:root,[data-skin="trade"]{--surface-l:#101014;--surface-l2:#17171d;--on-light:#eceef2;--on-light-mut:#9aa1af;
 --line-l:rgba(225,29,72,.22);--line-d:rgba(225,29,72,.22);--tint:rgba(225,29,72,.1);
 --surface-d:#101014;--on-dark:#eceef2;--on-dark-mut:#9aa1af;--on-accent:#fff}
body{background:#101014;color:#eceef2}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(620px 380px at 50% -130px,rgba(225,29,72,.15),transparent 70%),
 repeating-linear-gradient(90deg,transparent 0 120px,rgba(255,255,255,.012) 120px 121px)}
::selection{background:#e11d48;color:#fff}
.st-eyebrow{color:#fb7185;letter-spacing:.14em}
.st-line{background:#e11d48;height:4px;transform:skewX(-20deg);box-shadow:0 0 16px rgba(225,29,72,.6)}
.st-btn{background:linear-gradient(135deg,#e11d48,#9f1239);border-radius:10px;box-shadow:0 12px 34px rgba(225,29,72,.35)}
.st-btn:hover{box-shadow:0 16px 46px rgba(225,29,72,.5);transform:translateY(-2px)}
.st-btn-ghost,.st-btn-line{border:1.5px solid #e11d48;color:#fb7185;background:transparent;border-radius:10px}
.st-abar-primary{background:#0a0a0d;border-bottom:1px solid var(--line-l);color:#9aa1af}
.st-abar-primary .st-abar-tk i{color:#fb7185}
.st-nav{background:rgba(16,16,20,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line-l)}
.st-nav-bd{color:#fb7185;font-family:'Changa';font-size:23px;font-style:italic}
.st-nav-lk a{color:#9aa1af}
.st-nav-lk a:hover{color:#fb7185}
.st-nav-cta{background:linear-gradient(135deg,#e11d48,#9f1239)}
.st-slide-ov{background:linear-gradient(180deg,rgba(10,10,13,.45),rgba(10,10,13,.35) 45%,rgba(10,10,13,.95))}
.st-slide-in{border-inline-start:4px solid #e11d48;padding-inline-start:26px}
.st-slide-in h1{font-family:'Changa';font-size:clamp(32px,5.4vw,62px);text-shadow:0 6px 30px rgba(0,0,0,.7)}
.st-dot.on{background:#e11d48;box-shadow:0 0 12px rgba(225,29,72,.9)}
.st-fstrip{border-color:var(--line-l)}
.st-fstrip .fs+.fs::before{background:var(--line-l)}
.st-fstrip i{color:#e11d48}
.st-fstrip b{font-family:'Changa'}
.st-cmos{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.st-cmos .cm{position:relative;border-radius:14px;overflow:hidden;min-height:180px;display:block;border:1px solid var(--line-l);transition:all .25s}
.st-cmos .cm.big{grid-row:span 2;min-height:374px}
.st-cmos .cm img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.st-cmos .cm:hover img{transform:scale(1.06)}
.st-cmos .cm::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(10,10,13,.93))}
.st-cmos .cm:hover{border-color:#e11d48;box-shadow:0 18px 46px rgba(225,29,72,.2)}
.st-cmos .cm b{position:absolute;z-index:2;bottom:14px;inset-inline-start:16px;color:#fff;font-family:'Changa';font-size:16px}
.st-cmos .cm small{position:absolute;z-index:2;bottom:40px;inset-inline-start:16px;color:#c8cdd6;font-size:11.5px;font-weight:800}
.st-cmos .cm i{position:absolute;z-index:2;bottom:14px;inset-inline-end:14px;width:32px;height:32px;border-radius:8px;background:rgba(225,29,72,.2);color:#fb7185;display:flex;align-items:center;justify-content:center;font-size:11px}
.st-cmos .cm:hover i{background:#e11d48;color:#fff}
@media (max-width:820px){.st-cmos{grid-template-columns:repeat(2,1fr)}.st-cmos .cm,.st-cmos .cm.big{grid-row:span 1;min-height:150px}}
.st-povl .pv3{border-radius:14px;border:1px solid var(--line-l)}
.st-povl .of{background:#e11d48;color:#fff;transform:skewX(-8deg)}
.st-povl .ov{background:linear-gradient(180deg,transparent 25%,rgba(10,10,13,.95))}
.st-povl .ov b{font-family:'Changa';font-size:16px}
.st-povl .ov em{color:#fb7185;font-family:'Changa';font-size:16px}
.st-spot{background:linear-gradient(135deg,#0a0a0d,#26060f);border:1px solid var(--line-l);border-radius:18px}
.st-spot-price b{color:#fb7185;font-family:'Changa'}
.st-cslider .cs{background:#17171d;border-color:var(--line-l)}
.st-cslider .cs:hover{border-color:#e11d48}
.st-cslider .bd small{color:#fb7185;font-family:'Changa';font-size:16px}
.st-band-ov{background:rgba(10,10,13,.88)}
.st-band .bs b{color:#fb7185;font-family:'Changa'}
.st-twall .tw{background:#17171d;border-color:var(--line-l)}
.st-twall .tw:hover{border-color:#e11d48}
.st-twall .strs,.st-twall-hd .strs{color:#facc15}
.st-q{background:#17171d;border:1px solid var(--line-l)}
.st-q.open{border-color:#e11d48}
.st-q-h span{font-family:'Changa'}
.st-q-h i{color:#e11d48}
.st-payblk{background:#17171d;border-color:var(--line-l)}
.st-payblk .px span{background:#101014;border-color:var(--line-l);color:#eceef2}
.st-ctap{background:linear-gradient(135deg,#0a0a0d,#26060f);border:1px solid var(--line-l)}
.st-ctap .glow{background:radial-gradient(50% 65% at 50% 0%,rgba(225,29,72,.25),transparent 70%)}
.st-ctap h2{font-family:'Changa'}
.st-foot{background:#0a0a0d;border-top:1px solid var(--line-l)}
.st-foot::before{content:'🏁';display:block;text-align:center;letter-spacing:.6em;margin-bottom:30px;opacity:.8}
.st-foot h4{color:#fb7185;font-family:'Changa'}
.st-footer{background:#060608;color:#5d626d}
.rp-card,.sv-card,.acc-hd,.acc-box,.st-pcard,.st-cattb,.st-side .fx,.st-pd-im .main,.st-pd-bar,.pd-acc details{background:#17171d;border-color:var(--line-l)}
.st-form input,.st-form textarea,.st-form select{background:#101014;border-color:var(--line-l);color:#eceef2}
.st-page-head h1{font-family:'Changa'}
.st-back{background:#17171d;border-color:var(--line-l);color:#eceef2}
.st-pcard .price{color:#fb7185;font-family:'Changa'}
.st-pcard .qadd{background:#e11d48}
.st-pgn a,.st-pgn span{background:#17171d;border-color:var(--line-l);color:#eceef2}
.st-pgn .on{background:#e11d48;border-color:#e11d48}
.pd-rate .strs{color:#facc15}
.acc-hd .av{background:linear-gradient(135deg,#e11d48,#9f1239)}
