/* Fast Movers redesign skin: loads AFTER home-bundle. Colors/shape follow the approved reference. */
:root{--navy:#052a54;--head:#052a54;--bg:#f1f4f8;--surface:#fff;--card:#fff;--ink:#16294a;--muted:#4b5a73;--line:#e6e9f0;--accent:#eb6d12;--accent-ink:#fff;--accent-text:#c2540a;--band:#052a54;--band-ink:#fff;--band2:#eef2f8;--tint:#fdeadb;--shadow:0 6px 22px rgba(5,42,84,.08);--eb:#c2540a;--flat-bg:transparent;--hero-blend:multiply;--hero-r:0;--hero-sh:none;--btn2:#052a54;--hero-mask:linear-gradient(to right,transparent,#000 14%),linear-gradient(to top,transparent,#000 10%);--hero-comp:intersect;--hero-pad:0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--navy:#0a2f5e;--head:#fff;--bg:#0c1627;--surface:#14233b;--card:#14233b;--ink:#eaf0fb;--muted:#a9b7d0;--line:#1f3250;--accent:#f1771d;--accent-ink:#fff;--accent-text:#ff9a4d;--band:#0a2f5e;--band2:#0f1b30;--tint:rgba(241,119,29,.16);--shadow:none;--eb:#ff9a4d;--flat-bg:#fff;--hero-blend:normal;--hero-r:16px;--hero-sh:0 14px 34px rgba(0,0,0,.45);--btn2:#1e4f9a;--hero-mask:none;--hero-comp:add;--hero-pad:28px 28px 28px 0}}
:root[data-theme="dark"]{--navy:#0a2f5e;--head:#fff;--bg:#0c1627;--surface:#14233b;--card:#14233b;--ink:#eaf0fb;--muted:#a9b7d0;--line:#1f3250;--accent:#f1771d;--accent-ink:#fff;--accent-text:#ff9a4d;--band:#0a2f5e;--band2:#0f1b30;--tint:rgba(241,119,29,.16);--shadow:none;--eb:#ff9a4d;--flat-bg:#fff;--hero-blend:normal;--hero-r:16px;--hero-sh:0 14px 34px rgba(0,0,0,.45);--btn2:#1e4f9a;--hero-mask:none;--hero-comp:add;--hero-pad:28px 28px 28px 0}
body{background:var(--bg)}
/* header */
header{background:var(--surface);border-bottom:1px solid var(--line);box-shadow:none}
header .bar{min-height:0}
nav a{color:var(--ink);font-weight:600}nav a:hover,nav a:focus-visible{color:var(--accent-text)}
.btn{border-radius:6px;font-weight:700}
header .btn.hcall,header .btn.hcall:hover{background:var(--btn2);border-color:var(--btn2);color:#fff}
/* hero */
.hero{background:linear-gradient(180deg,var(--surface),var(--bg));padding:0}
.hero .wrap{max-width:none;padding:0;gap:0;align-items:stretch;direction:ltr;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.hero .wrap>div:first-child{align-self:center;padding:48px 24px 56px max(24px,calc((100vw - 1240px)/2));direction:inherit}
html[dir="rtl"] .hero .wrap>div:first-child{direction:rtl}
.hero h1{color:var(--head);font-size:clamp(36px,4.4vw,58px);font-weight:800}
.hero .kicker{color:var(--eb);font-size:14px}
.hero .lead,.hero .lead2{color:var(--muted)}.hero .svcline{color:var(--ink)}
.hero .btn:not(.wa):not(.ghost){background:var(--btn2);border-color:var(--btn2);color:#fff}
.hero .cta .btn.wa,.hero .btn.wa,.btn.wa{background:var(--accent);border-color:var(--accent);color:#fff}
.hero-fig{margin:0;align-self:end;max-width:none;padding:var(--hero-pad)}
.hero-fig img{border:0;border-radius:var(--hero-r);box-shadow:var(--hero-sh);mix-blend-mode:var(--hero-blend);background:none;width:100%;height:auto;-webkit-mask-image:var(--hero-mask);mask-image:var(--hero-mask);mask-composite:var(--hero-comp)}
.tape{display:none}
/* section headings (centered like the reference) */
main section>.wrap>h2.t,main section>.wrap>.sub,main section>.wrap>.eb{text-align:center;margin-inline:auto}
main section:not(.band):not(.why-band) h2.t{color:var(--head)}
h2.t::before{margin-inline:auto}
.eb{color:var(--eb);font-weight:700;font-size:14px;margin:0 0 6px;letter-spacing:.2px}
/* cards */
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}
.grid .card{text-align:center;padding:26px 18px;transition:transform .2s,box-shadow .2s}
.grid .card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(5,42,84,.14)}
.grid .card h3,.grid .card h3 a{color:var(--head)}
.ic{margin:0 auto 14px;width:62px;height:62px;border-radius:50%;background:var(--tint);display:grid;place-items:center;font-size:28px;color:var(--head)}
.grid .card .ic.flat,.ic.flat{width:auto;height:auto;min-width:62px;background:var(--flat-bg)!important;border-radius:12px;padding:4px 8px;margin:0 auto 12px;display:inline-grid}
.ic.flat img{display:block;height:54px;width:auto;max-width:96px;object-fit:contain}
#reviews .grid .card,.grid .card.rv{text-align:start}
.rv b{color:var(--head)}
.wk6 figure{border-radius:12px;border:0;box-shadow:var(--shadow)}
.stats4 b{color:var(--accent-text)}
.stats4 div{border-inline-start-color:var(--accent)}
.card.quote{border-radius:12px}
input,select,textarea{border-radius:6px}
/* why band (new) */
.why-band{background:var(--navy);color:#fff;padding:60px 0}
.wb{display:grid;grid-template-columns:1fr 1.1fr;gap:52px;align-items:center}
.why-band .eb{color:#ff9a4d}.why-band h2.t{color:#fff;text-align:start;margin-inline:0}.why-band h2.t::before{margin-inline:0}
.why-band .sub{color:#d4def0;text-align:start;margin-inline:0;margin-bottom:14px}
.ck{list-style:none;margin:0 0 24px;padding:0}.ck li{display:flex;align-items:center;gap:10px;padding:6px 0;font-weight:600}
.ck li::before{content:"✓";flex:none;width:22px;height:22px;border-radius:50%;background:#f1771d;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}
.why-band .btn{background:#f1771d;border-color:#f1771d;color:#fff}
.wb-i{position:relative;margin:0}.wb-i img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.badge{position:absolute;inset-inline-start:22px;bottom:-20px;background:#fff;color:#052a54;border-radius:12px;padding:12px 20px;box-shadow:0 10px 30px rgba(0,0,0,.3);display:flex;align-items:center;gap:12px}
.badge i{width:44px;height:44px;border-radius:50%;background:#f1771d;color:#fff;font-style:normal;display:grid;place-items:center;font-size:20px}
.badge b{font-size:26px;line-height:1.1;display:block}.badge span{font-size:13px;color:#4b5a73}
/* CTA band + footer */
#contact.band{background:var(--navy);color:#fff}
#contact .t,#contact a:not(.btn){color:#fff}#contact .sub{color:#d4def0}
#contact .btn:not(.ghost){background:#f1771d;border-color:#f1771d;color:#fff}
footer{background:#08101d;color:#a9b7d0;border-top:0;padding-top:48px}
.fcols h4{color:#fff}.fcols a{color:#c9d3e6}.fcols a:hover{color:#ff9a4d}
.copy{border-top-color:rgba(255,255,255,.1)}.copy a,.copy{color:#a9b7d0}
.flogo span{color:#9fb0cc!important}
@media(max-width:860px){.hero .wrap{grid-template-columns:1fr;direction:inherit}.hero .wrap>div:first-child{padding:24px 16px 8px}.hero-fig{align-self:auto}.hero-fig img{-webkit-mask-image:linear-gradient(to top,transparent,#000 8%);mask-image:linear-gradient(to top,transparent,#000 8%);-webkit-mask-composite:source-over;mask-composite:add}.wb{grid-template-columns:1fr;gap:34px}.why-band{padding:40px 0}.badge{bottom:-16px;padding:9px 14px}.badge b{font-size:21px}}

.why-band+section[style*="padding-top:0"]{padding-top:64px!important}
@media(max-width:860px){.stats4 b{font-size:21px;line-height:1.3}.stats4 div:last-child b{font-size:17px}.why-band+section[style*="padding-top:0"]{padding-top:44px!important}.hero-fig{padding:0}}

/* ===== توحيد الفوتر والأزرار والهيدر مع الصفحة الرئيسية (فوتر غامق) ===== */
footer{background:#08101d;color:#a9b7d0;border-top:0;padding-top:48px}
footer .fcols h4{color:#fff}
footer .fcols a,footer .copy a{color:#a9b7d0;padding-block:8px}
footer .fcols a:hover,footer .fcols a:focus-visible,footer .copy a:hover{color:#ff9a4d}
footer .copy{border-top-color:#1f3250}
footer .flogo span{color:#a9b7d0}
html .btn:not(.wa):not(.ghost),html header .btn.hcall,html header .btn.hcall:hover{background:#ff7a2e;border-color:#ff7a2e;color:#14283c}
html .btn.wa,html .hero .cta .btn.wa,html .hero .btn.wa{background:#168a3f;border-color:#168a3f;color:#fff}
@media (max-width:560px){#qf .two:nth-of-type(3){grid-template-columns:1fr}}

/* معرض "يوم النقل" في الرئيسية */
.gal5{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:26px}
.gal5 figure{margin:0;grid-column:span 2;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3;background:var(--surface)}
.gal5 figure:nth-child(n+4){grid-column:span 3}
.gal5 img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:700px){.gal5{grid-template-columns:1fr 1fr;gap:10px}.gal5 figure,.gal5 figure:nth-child(n+4){grid-column:span 1}.gal5 figure:nth-child(1),.gal5 figure:nth-child(4),.gal5 figure:nth-child(5){grid-column:1/-1}}
.gal5 figure:nth-child(3) img{object-position:50% 0}

/* العناوين تتبع اتجاه اللغة: يمين في العربي ويسار في الإنجليزي (بدل التوسيط) */
main section>.wrap>h2.t,main section>.wrap>.sub,main section>.wrap>.eb,main .trust .wrap>h2.t{text-align:start;margin-inline:0}
main h2.t::before{margin-inline:0}

/* ألوان الهيدر مطابقة لنسخة v64 والصفحات الداخلية */
header{background:#fff;border-bottom-color:#cfd7e1}
header nav a,header .more summary{color:#3f5165}
header .hbtn{border-color:#cfd7e1;color:#14283c}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) header{background:#172637;border-bottom-color:#2a3d52}:root:not([data-theme="light"]) header nav a,:root:not([data-theme="light"]) header .more summary{color:#a3b2c2}:root:not([data-theme="light"]) header .hbtn{border-color:#2a3d52;color:#f1efe9}}
:root[data-theme="dark"] header{background:#172637;border-bottom-color:#2a3d52}
:root[data-theme="dark"] header nav a,:root[data-theme="dark"] header .more summary{color:#a3b2c2}
:root[data-theme="dark"] header .hbtn{border-color:#2a3d52;color:#f1efe9}
@media (max-width:860px){header .bar nav a,header .bar nav .more summary{color:#14283c}}
@media (max-width:860px) and (prefers-color-scheme:dark){:root:not([data-theme="light"]) header .bar nav a,:root:not([data-theme="light"]) header .bar nav .more summary{color:#f1efe9}}
@media (max-width:860px){:root[data-theme="dark"] header .bar nav a,:root[data-theme="dark"] header .bar nav .more summary{color:#f1efe9}}

/* hero CTA v2: الزر الأساسي برتقالي (لون البراند) والواتساب ثانوي بحدود فقط، والهيدر هادئ كي لا يتنافس معه */
html .hero .cta .btn:not(.wa):not(.ghost){background:#ff7a2e;border-color:#ff7a2e;color:#14283c;border-radius:12px;box-shadow:0 8px 20px rgba(235,109,18,.32);transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
html .hero .cta .btn:not(.wa):not(.ghost):hover{background:#ff8a45;border-color:#ff8a45;transform:translateY(-2px);box-shadow:0 12px 26px rgba(235,109,18,.42)}
html .hero .cta .btn.wa{background:transparent;border-color:#168a3f;color:#0f7a35;border-radius:12px;box-shadow:none;transition:background-color .18s ease,transform .18s ease}
html .hero .cta .btn.wa:hover{background:rgba(22,138,63,.1);transform:translateY(-2px);box-shadow:none}
.hero .cta .btn svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hero .cta-note{margin:12px 0 0;font-size:14px;color:var(--muted)}
html header .btn.hcall,html header .btn.hcall:hover{background:transparent;border-color:var(--ink);color:var(--ink)}
html header .btn.hcall:hover{background:var(--ink);color:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hero .cta .btn.wa{border-color:#3ccf7a;color:#5ee09a}:root:not([data-theme="light"]) .hero .cta .btn.wa:hover{background:rgba(60,207,122,.14)}}
:root[data-theme="dark"] .hero .cta .btn.wa{border-color:#3ccf7a;color:#5ee09a}
:root[data-theme="dark"] .hero .cta .btn.wa:hover{background:rgba(60,207,122,.14)}
@media (prefers-reduced-motion:reduce){html .hero .cta .btn{transition:none}html .hero .cta .btn:hover{transform:none}}
html:root:root:root header .bar .btn.hcall{background:transparent;border-color:var(--ink);color:var(--ink)}
html:root:root:root header .bar .btn.hcall:hover{background:var(--ink);border-color:var(--ink);color:var(--bg)}
@media (max-width:860px){.hero .cta-note{display:none}}

/* ===== أيقونات مرسومة ملونة (SVG sprite) ===== */
html .ic.flat svg.il{display:block;width:80px;height:67px;margin-block:-6px}
.stats4 i.il{width:60px;height:50px;border-radius:12px;background:var(--flat-bg);padding:4px;margin-bottom:8px}
.stats4 i.il svg{width:100%;height:100%}
.warranty .wi{display:inline-grid;place-items:center;width:46px;height:40px;border-radius:10px;background:var(--flat-bg);vertical-align:middle;margin-inline-end:10px}
.warranty .wi svg{width:36px;height:30px}

/* ===== لماذا نحن + ليه تنقل مع Fast Movers (قسم واحد) ===== */
.why-band .pl{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:16px}
.why-band .pl li{display:flex;gap:14px;align-items:flex-start}
.why-band .pl .pi{flex:none;width:60px;height:56px;border-radius:14px;background:#fff;display:grid;place-items:center}
.why-band .pl .pi svg{width:48px;height:40px}
.why-band .pl b{display:block;font-size:17px;color:#fff;margin-bottom:2px}
.why-band .pl span:not(.pi){display:block;color:#d4def0;font-size:15px;line-height:1.65}

/* ===== قسم التواصل الأخير: زر أساسي واحد ===== */
#contact .contact ul{list-style:none;padding:0}
#contact .contact li{display:flex;align-items:center;gap:10px;margin:0 0 10px}
#contact .ci{flex:none;width:34px;height:34px;border-radius:50%;background:#ff7a2e;display:grid;place-items:center}
#contact .ci svg{width:18px;height:18px;fill:none;stroke:#14283c;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html #contact .cta .btn{border-radius:12px;min-height:48px}
html #contact .cta .btn:not(.wa):not(.ghost){box-shadow:0 8px 20px rgba(235,109,18,.3)}
html #contact .cta .btn.wa{background:transparent;border-color:#3ccf7a;color:#5ee09a}
html #contact .cta .btn.wa:hover{background:rgba(60,207,122,.14)}
#contact .cta .btn svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ===== الفورم: التفاصيل الاختيارية مطوية ===== */
#qf .qmore{margin:4px 0 16px;border:1px solid var(--line);border-radius:12px}
#qf .qmore summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;min-height:48px;font-weight:700;color:var(--ink)}
#qf .qmore summary::-webkit-details-marker{display:none}
#qf .qmore summary::after{content:"+";flex:none;font-size:24px;line-height:1;font-weight:700;color:var(--accent-text)}
#qf .qmore[open] summary::after{content:"\2212"}
#qf .qmore[open] summary{border-bottom:1px solid var(--line);margin-bottom:12px}
#qf .qmore>:not(summary){margin-inline:16px}
#qf .qmore>fieldset{margin-bottom:16px}

/* ===== أهداف اللمس ===== */
.rv-dots{gap:16px}
.rv-dots button{position:relative}
.rv-dots button::after{content:"";position:absolute;inset:-18px -8px}
#qf .checks label{min-height:44px;cursor:pointer}
#qf .checks input{width:22px;height:22px}
.steps b a{display:inline-block;padding:9px 8px;margin:-9px -8px}
@media (pointer:coarse) and (min-width:861px){header nav a{padding-block:9px}}
#services .card h3 a{display:inline-block;padding:8px 4px;margin:-8px -4px}

/* ===== الخطوات على الموبايل: آخر كارت بعرض كامل وبدون أسهم ===== */
@media (max-width:560px){.steps.s7 li:last-child{grid-column:1/-1}.steps li{padding-bottom:16px}.steps li:has(a)::after{display:none}}

/* لوجو الفوتر: أكبر وأوضح (الفوتر غامق دائمًا) */
html .flogo .hlogo{width:220px;height:auto;max-width:100%}
html .flogo span{color:#c9d4e6!important}