:root{--bg:#f6f8fb;--card:#fff;--ink:#101828;--muted:#667085;--line:#e4e7ec;--blue:#1769ff;--navy:#07152e;--green:#12a86b;--danger:#dc2626}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Noto Sans Arabic,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1180px,100% - 32px);margin:auto}.narrow{max-width:820px}.top{background:var(--navy);color:#fff;padding:8px 0;font-size:13px}.nav{border-bottom:1px solid var(--line);background:#fff;align-items:center;height:76px;display:flex}.navin{justify-content:space-between;align-items:center;gap:20px;display:flex}.logo{letter-spacing:.5px;font-size:25px;font-weight:900}.logo span{color:var(--blue)}.links{color:#475467;align-items:center;gap:24px;font-weight:700;display:flex}.navactions{align-items:center;gap:10px;display:flex}.phone{color:#175cd3;font-weight:800}.btn{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:800;transition:all .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.primary{background:var(--blue);color:#fff}.ghost{border:1px solid var(--line);background:#fff}.whitebtn{color:#07152e;background:#fff}.outlinewhite{color:#fff;background:0 0;border:1px solid #fff5}.whatsapp{color:#fff;background:#0bbf6b}.hero{color:#fff;background:linear-gradient(135deg,#07152e,#0d3370);padding:70px 0 86px}.hero-grid{grid-template-columns:1.6fr .7fr;align-items:center;gap:50px;display:grid}.hero h1{max-width:760px;margin:15px 0 18px;font-size:clamp(38px,6vw,68px);line-height:1.02}.hero p{color:#d0d8e8;max-width:650px;font-size:18px;line-height:1.8}.darktag{color:#fff;background:#ffffff18}.search{background:#fff;border-radius:18px;grid-template-columns:1.4fr 1fr 1fr auto;gap:10px;margin-top:32px;padding:12px;display:grid;box-shadow:0 18px 50px #0003}.search input,.search select{background:#f2f4f7;border:0;border-radius:12px;outline:none;padding:14px}.hero-actions{gap:10px;margin-top:18px;display:flex}.hero-card{background:#ffffff10;border:1px solid #ffffff20;border-radius:24px;padding:10px}.hero-stat{border-bottom:1px solid #ffffff18;padding:22px}.hero-stat:last-child{border:0}.hero-stat b,.hero-stat span{display:block}.hero-stat span{color:#cbd5e1;margin-top:6px;font-size:14px}.section{padding:54px 0}.section-inner{margin-top:28px}.sectionhead{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.section h1,.section h2{margin:0 0 7px;font-size:30px}.muted{color:var(--muted)}.grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.car{background:var(--card);border:1px solid var(--line);border-radius:18px;transition:all .2s;overflow:hidden}.car:hover{transform:translateY(-3px);box-shadow:0 14px 35px #10182812}.carimg{color:#98a2b3;background:linear-gradient(135deg,#dbe5f5,#f5f7fa);place-items:center;height:210px;font-size:15px;display:grid;overflow:hidden}.carimg img,.mainimage img{object-fit:cover;width:100%;height:100%}.carbody{padding:18px}.tag{color:#175cd3;background:#edf4ff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-block}.car h3{margin:12px 0 6px;font-size:20px}.specs{color:#667085;flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.price{margin-top:15px;font-size:22px;font-weight:900}.price small{color:#667085;font-size:12px;font-weight:600}.down{color:#175cd3;margin-top:8px;font-size:13px;font-weight:800}.footer{color:#cbd5e1;background:#07152e;margin-top:40px;padding:42px 0}.footer .logo{color:#fff}.footer .logo span{color:#6ea0ff}.footerlinks{flex-wrap:wrap;gap:20px;margin-top:20px;display:flex}.panel{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px}.soft{background:#eef4ff}.split{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.process{grid-template-columns:1fr 1fr;gap:12px;display:grid}.process div{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px}.process b{color:var(--blue);font-size:13px;display:block}.process span{margin-top:8px;font-weight:800;display:block}.cards3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature,.contactcard{flex-direction:column;justify-content:center;gap:8px;min-height:130px;display:flex}.feature b,.contactcard b{font-size:20px}.filters{grid-template-columns:2fr repeat(3,1fr) 1fr 1fr .8fr auto;gap:10px;margin-bottom:24px;display:grid}.filters input,.filters select,.field input,.field select,.field textarea,.leadform input{border:1px solid var(--line);background:#fff;border-radius:10px;outline:none;padding:12px}.filters input:focus,.filters select:focus,.field input:focus,.field select:focus,.field textarea:focus,.leadform input:focus{border-color:#8fb0ff;box-shadow:0 0 0 3px #1769ff12}.empty{text-align:center;padding:50px}.detail-grid{grid-template-columns:1.1fr 1fr;gap:22px;margin-top:18px;display:grid}.mainimage{color:#98a2b3;background:linear-gradient(135deg,#dbe5f5,#f5f7fa);border-radius:14px;place-items:center;height:480px;display:grid;overflow:hidden}.thumbs{gap:8px;margin-top:10px;display:flex;overflow:auto}.thumb{background:#fff;border:2px solid #0000;border-radius:8px;width:76px;height:60px;padding:0;overflow:hidden}.thumb.active{border-color:var(--blue)}.thumb img{object-fit:cover;width:100%;height:100%}.details h1{margin:14px 0;font-size:36px}.specgrid{grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0;display:grid}.specgrid div{background:#f8fafc;border-radius:10px;padding:12px}.specgrid small,.specgrid b{display:block}.specgrid small{color:var(--muted);margin-bottom:4px}.big{font-size:30px}.bigdown{font-size:15px}.description{color:#475467;line-height:1.9}.features{flex-wrap:wrap;gap:8px;display:flex}.features span{background:#f2f4f7;border-radius:999px;padding:8px 10px;font-size:13px}.cta-row{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.leadbox{grid-template-columns:.7fr 1.3fr;align-items:center;gap:25px;display:grid}.leadform{grid-template-columns:1fr 1fr 1.4fr auto;gap:8px;display:grid}.success{color:#067647;background:#ecfdf3;border-radius:10px;padding:14px;font-weight:800}.large{text-align:center;padding:25px}.pageintro{margin-bottom:20px}.pageintro h1{margin:12px 0;font-size:42px}.formgrid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.field{gap:7px;display:grid}.field label{font-size:13px;font-weight:800}.field textarea{resize:vertical;min-height:120px}.full{grid-column:1/-1}.checks{flex-wrap:wrap;gap:18px;display:flex}.notice{color:#9a3412;background:#fff7ed;border-radius:10px;margin-bottom:15px;padding:12px}.loginpage{place-items:center;min-height:65vh;display:grid}.loginpanel h1{margin:12px 0 6px}.dashboard{background:#f5f7fa;min-height:100vh}.side{border-left:1px solid var(--line);z-index:10;background:#fff;width:250px;padding:25px 18px;position:fixed;inset:0 0 0 auto}.side button,.side a{color:#475467;text-align:right;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin:4px 0;padding:12px;font-weight:700;display:flex}.side button.active,.side button:hover,.side a:hover{color:#175cd3;background:#edf4ff}.dashmain{margin-right:250px;padding:30px}.dashhead{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.dashhead h1{margin:8px 0}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0;display:grid}.stat{padding:20px}.stat span{color:var(--muted)}.stat b{margin-top:8px;font-size:30px;display:block}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.listrow{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:13px 0;display:flex}.listrow div span{color:var(--muted);margin-top:4px;font-size:13px;display:block}.listrow select,.table select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px}.quick{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick button{border:1px solid var(--line);background:#f8fafc;border-radius:10px;padding:14px;font-weight:800}.tablewrap{margin-top:16px;overflow:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;padding:13px 10px;font-size:14px}.smallbtn{border:1px solid var(--line);background:#fff;border-radius:8px;margin-left:5px;padding:7px 9px}.danger{color:var(--danger)}@media (max-width:1000px){.hero-grid,.detail-grid,.split,.dashboard-grid{grid-template-columns:1fr}.grid,.filters{grid-template-columns:repeat(2,1fr)}.leadbox{grid-template-columns:1fr}.leadform{grid-template-columns:1fr 1fr}.side{border:0;gap:5px;width:100%;padding:10px;display:flex;position:static;overflow:auto}.side button,.side a{white-space:nowrap;width:auto}.dashmain{margin:0;padding:18px}}@media (max-width:650px){.links,.phone{display:none}.navactions .btn{padding:10px}.grid,.cards3,.stats,.formgrid,.filters,.search{grid-template-columns:1fr}.hero{padding:48px 0 58px}.hero-card{display:none}.section{padding:38px 0}.pageintro h1{font-size:34px}.mainimage{height:300px}.details h1{font-size:29px}.leadform{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.process{grid-template-columns:1fr 1fr}}