@charset "utf-8";
/* ==========================================================================
   GEORGE CAR — نظام التصميم
   على مرجع العميل: شكل Blacklane وخط المسيري. أرضية بيضاء، وهيدر أبيض ثابت،
   وأزرار دائرية بلون واحد، وبطاقات بإطار رفيع، وفوتر بيج. ولكل بلد لونه (مصر أزرق النيل، أمريكا كحلي).
   ========================================================================== */

:root{
  /* ---- اللون ---- */
  --paper:#FFFFFF; --paper-2:#F7F3EC; --paper-3:#EFE9DF;   /* أبيض، وبيج الفوتر والأقسام الهادئة */
  --ink:#0F1319; --ink-2:#2E343D; --ink-3:#4B525C;
  --line:#E3E6EA; --line-2:#C9CED5;
  /* لون البلد الواحد: الأزرار والتحديد والروابط. الأبيض فوقه 8.4، وهو فوق الأبيض 8.4 وفوق البيج 7.6 */
  --accent:#0B5566; --accent-hover:#08434F; --accent-soft:#E2EEF0; --hero-tint:#D5ECF1;
  --brass:var(--accent); --brass-btn:var(--accent); --brass-hover:var(--accent-hover); --on-brass:#fff;
  --brass-text:var(--accent);
  --night:#0F1319; --night-2:#1A1F26;
  --on-night:#F3EFE9; --on-night-2:rgba(243,239,233,.76);
  --line-night:rgba(243,239,233,.14);
  --focus:var(--accent);

  --font:"El Messiri","FB-Win","FB-Android","FB-iOS","Segoe UI",Tahoma,Arial,sans-serif;

  /* ---- سلم الخط: عربي ---- */
  --ar-hero:clamp(2.05rem,5vw,3.5rem);       --ar-hero-lh:1.3;  --ar-hero-w:600;
  --ar-h2:clamp(1.6rem,3.2vw,2.4rem);         --ar-h2-lh:1.3;    --ar-h2-w:600;
  --ar-h3:clamp(1.125rem,1.8vw,1.3125rem);    --ar-h3-lh:1.45;   --ar-h3-w:600;
  --ar-body:clamp(1.0625rem,1.1vw,1.125rem);  --ar-body-lh:1.8;  --ar-body-w:400;
  --ar-caption:.875rem;                       --ar-cap-lh:1.75;  --ar-cap-w:450;
  --ar-label:.8125rem;                        --ar-lab-w:600;

  /* ---- المسافات ---- */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px;
  --s6:32px; --s7:48px; --s8:64px; --s9:96px; --s10:128px;
  --section:clamp(44px,4.4vw,64px);
  --gutter:clamp(20px,5vw,40px);

  --wrap:1200px; --plate:1200px; --prose:720px; --doc:860px;

  --r-pill:999px; --r-input:10px; --r-card:16px; --r-phone:22px;
  --hair:1px solid var(--line);
  --hair-night:1px solid var(--line-night);
  --shadow-phone:0 24px 60px -24px rgba(20,23,28,.55);

  --t-fast:200ms ease; --t-nav:300ms ease; --t-hover:400ms ease;
  --t-reveal:600ms ease; --t-bar:220ms ease-out;

  /* الحجاب: مرسى من تحت. الصورة دي فاتحة عند موضع الكلام فالحجاب هو اللي بيشيل الوضوح */
  --scrim:linear-gradient(to top,rgba(20,23,28,.86) 0%,rgba(20,23,28,.66) 26%,rgba(20,23,28,.34) 50%,rgba(20,23,28,.08) 72%,rgba(20,23,28,0) 90%);
  --side-dir:left; /* الأغمق ناحية الكلام — يمين في العربي */
}
[dir="ltr"]{--side-dir:right}
/* أمريكا: الهيكل نفسه بلون كحلي */
body[data-scope^="us"]{--accent:#1D3A6B;--accent-hover:#152C52;--accent-soft:#E3E9F3;--hero-tint:#DCE6F7;
  --brass:var(--accent);--brass-btn:var(--accent);--brass-hover:var(--accent-hover);--brass-text:var(--accent);--focus:var(--accent)}

/* خطوط بديلة مضبوطة المقاسات — عشان العنوان العربي مايقفزش وقت التحميل */
@font-face{font-family:"FB-Win";src:local("Segoe UI");ascent-override:100%;descent-override:42%;line-gap-override:0%}
@font-face{font-family:"FB-Android";src:local("Noto Sans Arabic");ascent-override:100%;descent-override:42%;line-gap-override:0%;size-adjust:93%}
@font-face{font-family:"FB-iOS";src:local("Geeza Pro");ascent-override:100%;descent-override:42%;line-gap-override:0%}

/* ==========================================================================
   الأساس
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
/* لازم تسبق أي display لاحق، وإلا ظهر المخفي */
[hidden]{display:none !important}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--paper);color:var(--ink-2);
  font-family:var(--font);font-size:var(--ar-body);line-height:var(--ar-body-lh);
  font-weight:var(--ar-body-w);font-synthesis-weight:none;font-style:normal;
}
@media (max-width:1023px){ body{padding-bottom:0} .ftr{padding-block-end:calc(var(--s5) + 72px)} }
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,h4,p,figure,dl,dd{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit}
table{border-collapse:collapse;width:100%}

/* قواعد عربية ملزمة */
[dir="rtl"] *,[lang="ar"] *{letter-spacing:0 !important}
bdi,.ltr{direction:ltr;unicode-bidi:isolate}
.t-num{font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
/* المسيري بلا خط مائل: التأكيد بالوزن لا بالميل المصطنع */
em{font-style:normal;font-weight:600}

:where(a,button,input,select,textarea,summary):focus-visible{
  outline:2px solid var(--focus);outline-offset:3px;border-radius:2px}
::selection{background:var(--brass);color:#fff}

/* ==========================================================================
   أدوات
   ========================================================================== */
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.plate{max-width:var(--plate);margin-inline:auto;padding-inline:var(--gutter)}
.doc{max-width:var(--doc);margin-inline:auto;padding-inline:var(--gutter)}
.sec{padding-block:var(--section)}
.bg-2{background:var(--paper-2)}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
    clip-path:inset(50%);white-space:nowrap;border:0}

.eyebrow{
  display:inline-block;font-size:.875rem;font-weight:600;
  color:var(--brass-text);margin-block-end:var(--s3);
}
h1,.h1{font-size:var(--ar-hero);line-height:var(--ar-hero-lh);font-weight:var(--ar-hero-w);color:var(--ink)}
h2,.h2{font-size:var(--ar-h2);line-height:var(--ar-h2-lh);font-weight:var(--ar-h2-w);color:var(--ink)}
h3,.h3{font-size:var(--ar-h3);line-height:var(--ar-h3-lh);font-weight:var(--ar-h3-w);color:var(--ink)}
.cap{font-size:var(--ar-caption);line-height:var(--ar-cap-lh);color:var(--ink-3);font-weight:450}
.mt-3{margin-block-start:var(--s3)}
.mt-5{margin-block-start:var(--s5)}
.mt-6{margin-block-start:var(--s6)}
.mt-7{margin-block-start:var(--s7)}

/* ==========================================================================
   الأزرار
   ========================================================================== */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);
  min-height:48px;padding-block:var(--s3);padding-inline:26px;
  background:var(--brass-btn);color:var(--on-brass);border:1px solid var(--brass-btn);border-radius:var(--r-pill);
  font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;
  position:relative;cursor:pointer;transition:background-color var(--t-fast);
}
.btn:hover{background:var(--brass-hover)}
.btn::after{content:"";position:absolute;inset:-8px;border-radius:inherit}
.btn--ghost{background:#fff;color:var(--ink);border:1px solid var(--line-2)}
.btn--ghost:hover{background:#F4F6F8}
.btn--wa{background:#fff;color:var(--ink);border:1px solid var(--line-2)}
.btn--wa:hover{background:#F4F6F8}
.link{
  display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;
  color:var(--ink);text-decoration:none;font-size:.9375rem;font-weight:500;
}
.link span{border-block-end:1px solid var(--line-2);transition:border-color var(--t-fast);padding-block-end:2px}
.link:hover span{border-color:var(--ink)}
.link{color:var(--accent);font-weight:600}
.link::before{content:"←";font-size:.85em;color:var(--brass-text)}
/* في الإنجليزية السهم يشير إلى الأمام يمينًا — «←» هناك يُقرأ «رجوع» */
[dir="ltr"] .link::before{content:"→"}

/* ==========================================================================
   الصور
   ========================================================================== */
.ph{aspect-ratio:4/3;overflow:hidden;background:var(--paper-3);position:relative}
.ph img{width:100%;height:100%;object-fit:cover;object-position:center 58%}

/* ==========================================================================
   الهيدر
   ========================================================================== */
.hdr{position:sticky;inset-block-start:0;z-index:60;background:#fff;color:var(--ink);border-block-end:1px solid var(--line)}
.hdr__main{display:flex;align-items:center;gap:var(--s4);min-height:64px}
.logo{display:flex;align-items:baseline;gap:var(--s2);text-decoration:none;font-size:1.375rem;font-weight:600;
      color:var(--ink);white-space:nowrap;min-height:44px;align-content:center;flex-wrap:nowrap}
@media (max-width:479px){ .logo small{display:none} }
.logo small{font-size:.75rem;color:var(--ink-3);font-weight:500;letter-spacing:.08em}
.hdr__nav{display:none}
.hdr__tools{display:flex;align-items:center;gap:var(--s2);margin-inline-start:auto}
/* تغيير البلد واللغة: زرّان دائريان بإطار رفيع */
.hdr__pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding-inline:14px;
           border:1px solid var(--line);border-radius:var(--r-pill);background:#fff;color:var(--ink);
           text-decoration:none;font-size:.9375rem;font-weight:600;white-space:nowrap}
.hdr__pill:hover{background:#F4F6F8}
.hdr__country{display:none}
.burger{width:44px;height:44px;display:grid;place-items:center;background:none;border:0;cursor:pointer;color:inherit}
.burger i{display:block;width:22px;height:2px;background:currentColor;position:relative;border-radius:2px}
.burger i::before,.burger i::after{content:"";position:absolute;inset-inline:0;height:2px;background:currentColor;border-radius:2px}
.burger i::before{top:-7px}.burger i::after{top:7px}
/* الموبايل: الشعار واللغة والقائمة — «احجز الآن» في الشريط الثابت تحت */
@media (max-width:1023px){ .hdr__main .btn{display:none} }
@media (min-width:768px){ .hdr__country{display:inline-flex} }
@media (min-width:1024px){ .hdr__main{min-height:72px} .hdr__main .btn{min-height:44px;padding-inline:22px} }
/* القائمة كاملة من ١١٨٠: تحتها لا تتسع لها مع الشعار والأزرار */
@media (min-width:1180px){
  .hdr__nav{display:flex;align-items:center;gap:var(--s5);margin-inline-start:var(--s4)}
  .hdr__nav a{text-decoration:none;font-size:1rem;font-weight:500;color:var(--ink-2);padding-block:var(--s2);
              border-block-end:2px solid transparent;transition:border-color var(--t-fast),color var(--t-fast)}
  .hdr__nav a:hover{color:var(--accent)}
  .hdr__nav a[aria-current]{color:var(--ink);border-block-end-color:var(--accent)}
  .burger{display:none}
}

/* القائمة على الموبايل — مسطحة، من غير طيّات */
.sheet{position:fixed;inset:0;z-index:70;background:var(--paper);color:var(--ink-2);
       transform:translateY(-100%);transition:transform 260ms ease;
       overflow-y:auto;overscroll-behavior:contain}
.sheet.is-open{transform:none}
.sheet__top{display:flex;align-items:center;justify-content:space-between;height:56px;
            padding-inline:var(--gutter);border-block-end:var(--hair)}
.sheet__close{width:44px;height:44px;background:none;border:0;font-size:1.75rem;cursor:pointer;line-height:1}
.sheet__body{padding:var(--s5) var(--gutter) var(--s9)}
.sheet__body .btn{width:100%;margin-block-end:var(--s3)}
.sheet__nav{margin-block-start:var(--s5)}
.sheet__nav a{display:flex;align-items:center;min-height:52px;text-decoration:none;
              color:var(--ink);border-block-end:var(--hair);font-size:1rem}
.sheet__nav a.sub{padding-inline-start:var(--s5);color:var(--ink-2);font-size:.9375rem;min-height:48px;font-weight:450}

/* ==========================================================================
   الهيرو
   ========================================================================== */
.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--ink);border-radius:0 0 28px 28px;
      display:flex;flex-direction:column;justify-content:flex-end}
.hero__ph{position:absolute;inset:0;z-index:-2;overflow:hidden;background:var(--ink)}
.hero__ph img,.hero__ph picture{width:100%;height:100%;object-fit:cover}
.hero__ph picture img{width:100%;height:100%;object-fit:cover}
/* نص فوق صورة ≥ ٤.٥ عند أسوأ بقعة: تظليل كامل يثقل من تحت حيث الحجز */
.hero::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(to top,rgba(10,12,16,.82) 0%,rgba(10,12,16,.68) 50%,rgba(10,12,16,.64) 100%)}
.hero__in{padding-block:26px 22px;color:#fff;width:100%}
@media (min-width:900px){ .hero__in{padding-block:44px 30px} }
.hero .eyebrow{color:rgba(255,255,255,.88);display:block;text-align:center}
.hero h1{color:#fff;font-size:clamp(2.125rem,5vw,3.5rem);text-align:center;margin:0 auto 10px}
.hero__sub{color:var(--hero-tint);text-align:center;font-size:1.125rem;font-weight:500;margin:0 auto 18px;max-width:60ch;line-height:1.75}
/* الشاشة الكبيرة: السطر الإنجليزي كان ينكسر سطرين فينزل أول حقل إلى ٣٨١ — فوق حد ٣٦٠ */
@media (min-width:1024px){ .hero__sub{max-width:80ch} }
.hero .btn--ghost{color:#fff;background:transparent;border-color:rgba(255,255,255,.6)}
.hero .btn--ghost:hover{background:rgba(255,255,255,.12)}

/* الصفحات الداخلية: تظليل من تحت للكلام، ومن جنب الكلام على الشاشة الكبيرة */


/* هيرو داخلي أقصر */

/* رأس صفحة من غير صورة (المستندات) */

/* ==========================================================================
   الالتزامات الأربعة
   ========================================================================== */
.commit{position:relative;background:var(--paper-2);isolation:isolate;overflow:hidden}


/* ==========================================================================
   كارت السائق — الشريط الغامق الوحيد
   ========================================================================== */
.night{position:relative;background:var(--night);color:var(--on-night);isolation:isolate;overflow:hidden}
.night h2,.night h3{color:var(--on-night)}
.night .eyebrow{color:var(--on-night-2);border-block-end-color:var(--line-night)}
.night p{color:var(--on-night-2)}


.facts{margin-block-start:var(--s7);display:grid;gap:var(--s4)}
.facts li{position:relative;padding-inline-start:calc(5px + var(--s3));
           font-size:.9375rem;color:var(--on-night-2);line-height:1.7;font-weight:450}
.facts li::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.62em;
                  width:5px;height:5px;border-radius:50%;background:var(--brass)}

/* ==========================================================================
   كروت الخدمات
   ========================================================================== */
.svc{display:grid;gap:var(--s6)}
@media (min-width:768px){ .svc{grid-template-columns:1fr 1fr}
  .svc>:first-child:nth-last-child(odd){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}
  .svc>:first-child:nth-last-child(odd) .ph{height:100%} }


/* ==========================================================================
   الأسطول
   ========================================================================== */
.fleet{display:grid;gap:var(--s7)}
@media (min-width:1024px){ .fleet{grid-template-columns:1.15fr 1fr;gap:var(--s8);align-items:start} }
.fitline{margin-block-start:var(--s6);display:flex;align-items:center;gap:var(--s4);
         flex-wrap:wrap;font-size:.9375rem;color:var(--ink-2);font-weight:450}

/* ==========================================================================
   خطوط السفر
   ========================================================================== */
.roads{display:grid;gap:var(--s7)}
@media (min-width:1024px){ .roads{grid-template-columns:1fr 1fr;gap:var(--s8);align-items:center} }
.rrow{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);
      padding-block:var(--s4);border-block-end:var(--hair);text-decoration:none;color:inherit;min-height:70px}
.rrow:first-child{border-block-start:var(--hair)}
.rrow__name{font-size:1rem;color:var(--ink)}
.rrow__nums{display:flex;gap:var(--s5);font-size:.8125rem;font-weight:450;color:var(--ink-3);white-space:nowrap}

/* ==========================================================================
   خطوات العرض
   ========================================================================== */
.steps{display:grid;margin-block-start:var(--s6)}
@media (min-width:900px){ .steps{grid-template-columns:repeat(3,1fr);gap:var(--s6)} }
.step{padding-block:var(--s5);border-block-end:var(--hair)}
@media (min-width:900px){ .step{border-block-end:0;border-block-start:2px solid var(--ink);padding-block:var(--s5) 0} }

/* ==========================================================================
   البابين للشركات
   ========================================================================== */
.doors{display:grid;border-block-start:var(--hair)}
@media (min-width:900px){ .doors{grid-template-columns:1fr 1fr} }
.door{padding-block:var(--s7);border-block-end:var(--hair)}
@media (min-width:900px){
  .door{border-block-end:0;padding:var(--s8) 0}
  .door+.door{border-inline-start:var(--hair);padding-inline-start:var(--s8)}
}
.door p{margin-block:var(--s3) var(--s5);color:var(--ink-2);font-size:1rem;max-width:40ch;font-weight:450}

/* ==========================================================================
   الفورم
   ========================================================================== */
.field{display:block;margin-block-end:var(--s6)}
.field:last-child{margin-block-end:0}
.field__l{display:block;font-size:.75rem;font-weight:600;color:var(--ink-3);
          margin-block-end:var(--s2)}

/* الخانات: خط واحد تحت الكلمة، لا صناديق رمادية — نفس لغة الخطوط الرفيعة في الموقع */
.inp{width:100%;min-height:50px;padding:var(--s3) 0;background:transparent;
     border:0;border-block-end:1px solid var(--line-2);border-radius:0;
     font:inherit;font-size:1.0625rem;color:var(--ink);
     transition:border-color var(--t-fast),background-color var(--t-fast)}
.inp::placeholder{color:#7B786F;opacity:1}
.inp:hover{border-block-end-color:var(--ink-3)}
.inp:focus{border-block-end-color:var(--ink);outline:none}
select.inp{
  appearance:none;-webkit-appearance:none;padding-inline-end:26px;cursor:pointer;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236F6C66' stroke-width='1.4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-size:11px;background-position:left center}
[dir="ltr"] select.inp{background-position:right center}
textarea.inp{min-height:104px;line-height:1.8;resize:vertical;padding:var(--s3) var(--s4);
             border:1px solid var(--line-2);border-radius:2px;background:var(--paper)}
textarea.inp:focus{border-color:var(--ink)}

/* عدّاد رقمي بدل خانة الأرقام وأسهمها */

.promise{margin-block-start:var(--s4);font-size:.8125rem;color:var(--ink-3);font-weight:450}
.grid2{display:grid;gap:var(--s5)}
@media (min-width:768px){ .grid2{grid-template-columns:1fr 1fr} }

.formnav{display:flex;gap:var(--s4);margin-block-start:var(--s7);align-items:center;flex-wrap:wrap}

/* ==========================================================================
   جدول السعة
   ========================================================================== */
.capacity th,.capacity td{text-align:start;padding:var(--s4) var(--s3);border-block-end:var(--hair);font-size:.9375rem;font-weight:450}
.capacity th{font-weight:500;color:var(--ink-3);font-size:.8125rem;width:54%}
.capacity td{color:var(--ink)}
.capacity tr:first-child th,.capacity tr:first-child td{border-block-start:var(--hair)}

/* معرض العربية */



/* فحص المقاس */
.fit{border:var(--hair);padding:var(--s6);background:var(--paper-2);border-radius:var(--r-card)}
.fit__out{border-block-start:var(--hair);padding-block-start:var(--s5);margin-block-start:var(--s6)}
.fit__answer{font-size:1.0625rem;color:var(--ink);line-height:1.75}
.fit__answer b{font-weight:500}

/* السواقين */
.rules{counter-reset:r;margin-block-start:var(--s6)}
.rules li{counter-increment:r;padding-block:var(--s5);border-block-end:var(--hair);
          display:flex;gap:var(--s5);align-items:flex-start}
.rules li::before{content:counter(r,decimal-leading-zero);flex:0 0 auto;font-size:.75rem;
                  font-weight:600;color:var(--brass-text);margin-block-start:.4em}
.rules li>div{min-width:0}
.rules p{font-size:1rem;line-height:1.75;color:var(--ink-2);font-weight:450}
.rules b{display:block;color:var(--ink);font-weight:500;margin-block-end:4px;font-size:1.0625rem}

/* بانر يبدأ من */

/* أرقام الطريق */




/* قائمة نقاط */

/* بيانات (سجل تجاري..) */
.dl{margin-block-start:var(--s6)}
.dl>div{display:flex;gap:var(--s4);justify-content:space-between;padding-block:var(--s4);
        border-block-end:var(--hair);flex-wrap:wrap}
.dl dt{font-size:.875rem;color:var(--ink-3);flex:0 0 auto;font-weight:450}
.dl dd{font-size:.9375rem;color:var(--ink);text-align:end;font-weight:450}

/* ==========================================================================
   شريط ما قبل الفوتر + الفوتر
   ========================================================================== */

.ftr{background:var(--paper-2);margin-block-start:var(--s8);padding-block:var(--s7) var(--s5)}
.ftr__cols{display:grid;gap:var(--s6) var(--s5);grid-template-columns:repeat(2,minmax(0,1fr))}
/* الهاتف: البيانات الرسمية بعرض الصف، وآخر عمود وحيد في صفّه يأخذ الصف كله — بلا خانة فارغة */
.ftr__cols>.legal{grid-column:1/-1}
.ftr__cols>:last-child:nth-child(even){grid-column:1/-1}
@media (min-width:900px){
  .ftr__cols{grid-template-columns:minmax(0,1.4fr);grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
  .ftr__cols>.legal,.ftr__cols>:last-child:nth-child(even){grid-column:auto} }
.ftr h4{margin:0 0 var(--s3);font-size:.9375rem;font-weight:600;color:var(--ink)}
.ftr li{margin-block-end:var(--s2)}
.ftr a{font-size:.9375rem;color:var(--ink-2);text-decoration:none;font-weight:500}
.ftr a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.legal{font-size:.875rem;font-weight:500;line-height:1.9;color:var(--ink-2)}
.legal b{font-weight:600;color:var(--ink);display:block;margin-block-end:var(--s1)}
.ftr__base{margin-block-start:var(--s6);padding-block-start:var(--s4);border-block-start:1px solid #E6E0D5;
           display:flex;gap:var(--s2) var(--s5);flex-wrap:wrap;justify-content:space-between;align-items:center;
           font-size:.875rem;font-weight:500;color:var(--ink-2)}
.ftr__base a{font-size:.875rem;color:var(--ink-2);font-weight:500}
.locs{display:flex;gap:var(--s4)}
.disclose{margin-block-start:var(--s5);font-size:.875rem;font-weight:500;color:var(--ink-2);max-width:62ch;line-height:1.8}

/* ==========================================================================
   الشريط الثابت تحت (موبايل)
   ========================================================================== */
.stickybar{position:fixed;inset-inline:0;inset-block-end:0;z-index:55;display:flex;gap:var(--s2);
           padding:var(--s2) var(--s3) calc(var(--s2) + env(safe-area-inset-bottom));
           background:rgba(255,255,255,.985);border-block-start:1px solid var(--line);
           transform:translateY(112%);transition:transform var(--t-bar)}
.stickybar.is-shown{transform:none}
.stickybar .btn{min-height:52px;font-size:1rem;padding-inline:var(--s4);font-weight:600}
.stickybar .btn:first-child{flex:0 0 60%}
.stickybar .btn--wa{flex:1 1 auto}
@media (min-width:1024px){ .stickybar{display:none} }

/* أيقونة واتساب الثابتة — كل الصفحات إلا شاشة الطلب؛ رقم مصر في مصر ورقم أمريكا في أمريكا (ui.wafab) */
.wafab{position:fixed;inset-inline-end:20px;inset-block-end:calc(20px + env(safe-area-inset-bottom));z-index:56;
       width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;
       box-shadow:0 6px 20px rgba(15,19,25,.24);transition:transform .2s ease,opacity .2s ease}
.wafab svg{width:31px;height:31px;fill:currentColor}
.wafab:hover{transform:scale(1.06)}
.wafab:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
/* على الهاتف: حين يظهر الشريط الثابت (وفيه واتساب) تختفي الأيقونة — زر واتساب واحد على الشاشة لا اثنان */
@media (max-width:1023px){ .stickybar.is-shown ~ .wafab{opacity:0;pointer-events:none;transform:translateY(14px)} }
/* الفوتر يترك مكانها في آخر الصفحة فلا تغطي آخر سطر فيه */
@media (min-width:1024px){ body:has(.wafab) .ftr{padding-block-end:calc(var(--s5) + 84px)} }

/* ==========================================================================
   الحجز على طريقة Blacklane — شريط الرأس، ثم السيارات، ثم طلبك (assets/book.js)
   نُقل من النموذج الذي وافق عليه صاحب المشروع. الأسماء التي كانت تتعارض مع أصناف الموقع
   صار لها اسم خاص: bf (حقل الحجز) · addrow (أضف إلى الطلب) · bsteps (خطوات الحجز) · pband (شريط الالتزامات).
   ========================================================================== */
#book{scroll-margin-top:80px}
.sec--flush{padding-block-start:0}
.classes{min-width:0}
.hero__ph picture{display:block;width:100%;height:100%}
.ftr bdi{white-space:nowrap}
/* الحجز */
.tabs{display:flex;justify-content:center;gap:4px;margin:0 auto 14px;background:rgba(255,255,255,.14);
      border:1px solid rgba(255,255,255,.28);border-radius:var(--r-pill);padding:4px;width:max-content;max-width:100%}
.tab{appearance:none;border:0;background:transparent;color:#fff;font:600 15px var(--font);padding:8px 18px;border-radius:var(--r-pill);cursor:pointer;min-height:44px}
.tab[aria-selected="true"]{background:#fff;color:var(--ink)}
.book{background:#fff;border-radius:var(--r-card);box-shadow:0 18px 50px -20px rgba(0,0,0,.55);
      display:grid;grid-template-columns:1fr;overflow:hidden}
.fld{display:flex;flex-direction:column;justify-content:center;padding:4px 16px;border-bottom:1px solid var(--line);min-height:52px}
.fld label{font-size:13px;font-weight:600;color:var(--ink-3);line-height:1.3}
.fld input,.fld select{border:0;outline:0;background:transparent;font:500 17px/26px var(--font);height:26px;color:var(--ink);padding:0;width:100%}
.fld input::placeholder,.bf input::placeholder,.bf textarea::placeholder{color:var(--ink-3);opacity:1}
/* التاريخ والساعة من الشمال لليمين حتى في الصفحة العربية */
[dir=rtl] input[type=date],[dir=rtl] input[type=time]{direction:ltr;text-align:right}
.book__go{padding:12px 14px;display:flex;align-items:center}
.book__go .btn{width:100%;min-height:50px}
@media (min-width:900px){
  .book{grid-template-columns:1.3fr 1.3fr 1fr 0.8fr auto;align-items:stretch}
  .book[data-mode="day"]{grid-template-columns:1.3fr 1fr 1fr 0.8fr auto}
  .fld{border-bottom:0;border-inline-end:1px solid var(--line)}
  .book__go .btn{width:auto}
  /* ذهاب وعودة بين ٩٠٠ و١٢٠٠: صفّان — الذهاب في الأول، والعودة والزر في الثاني */
  .book[data-mode="ret"]{grid-template-columns:repeat(4,1fr)}
  .book[data-mode="ret"] .fld[data-for="ret"],.book[data-mode="ret"] .book__go{border-top:1px solid var(--line)}
  .book[data-mode="ret"] .book__go{grid-column:span 2}
}
/* ذهاب وعودة من ١٢٠٠: صف واحد كالرحلة، بخانتين زيادة */
@media (min-width:1200px){
  .book[data-mode="ret"]{grid-template-columns:1.15fr 1.15fr .95fr .75fr .95fr .75fr auto}
  .book[data-mode="ret"] .fld[data-for="ret"],.book[data-mode="ret"] .book__go{border-top:0}
  .book[data-mode="ret"] .book__go{grid-column:auto}
}
/* أربعة تبويبات على الهاتف في سطر واحد */
@media (max-width:479px){ .tab{padding:8px 11px;font-size:14px} }
.hero__note{color:var(--hero-tint);text-align:center;font-size:14px;font-weight:500;margin-top:10px}
.hero__note bdi{white-space:nowrap}   /* «09:00–23:00» لا ينكسر عند الشرطة */
/* الفئة التي جاء بها الزائر من صفحة الأسطول: سطر يؤكدها تحت الشريط. الأرضية الداكنة تضمن تباين ≥٧ فوق أي بقعة في الصورة */

/* الأقسام */
.sec__h{font-size:clamp(28px,3.4vw,40px);margin-bottom:10px}
.sec__p{color:var(--ink-2);max-width:62ch;margin:0 0 32px}
.cards{display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:640px){ .cards{grid-template-columns:repeat(2,1fr)} }
@media (min-width:1024px){ .cards{grid-template-columns:repeat(3,1fr)} .cards--4{grid-template-columns:repeat(4,1fr)} }
.card{border:1px solid var(--line);border-radius:var(--r-card);padding:24px;text-decoration:none;display:grid;gap:12px;align-content:start;background:#fff}
.card:hover{border-color:#C9CED5;box-shadow:0 10px 30px -18px rgba(15,19,25,.35)}
.card__t{display:flex;align-items:center;gap:14px}
.card__t svg{flex:0 0 36px;width:36px;height:36px;color:var(--accent)}
.card h3{font-size:21px}
.card p{margin:0;color:var(--ink-2);font-size:16px}
.card__more{color:var(--accent);font-weight:600;font-size:15px}

.split{display:grid;gap:32px;align-items:center}
@media (min-width:900px){ .split{grid-template-columns:1fr 1fr;gap:56px} }
.split__ph{border-radius:var(--r-card);overflow:hidden;aspect-ratio:4/3;background:#EEF0F2}
.split__ph img{width:100%;height:100%;object-fit:cover}
.split h2{font-size:clamp(28px,3.4vw,40px);margin-bottom:12px}
.split p{color:var(--ink-2);margin:0 0 12px}
.split ul{margin:0 0 24px;padding-inline-start:20px;color:var(--ink-2);list-style:disc}
.split li::marker,.bizband li::marker{color:var(--accent)}
.split li,.bizband li{margin-block-end:6px}

.pband{background:var(--accent-soft);border-radius:20px;padding:32px 24px}
@media (min-width:900px){ .pband{padding:44px 48px} }
.pband h2{font-size:clamp(26px,3vw,34px);margin-bottom:22px}
.promises{display:grid;gap:14px;grid-template-columns:1fr;list-style:none;margin:0;padding:0}
@media (min-width:640px){ .promises{grid-template-columns:repeat(2,1fr)} }
@media (min-width:1024px){ .promises{grid-template-columns:repeat(4,1fr)} }
.promises li{background:#fff;border-radius:12px;padding:18px 20px;font-size:16px;font-weight:500;color:var(--ink-2)}

/* ===== التبويب الثالث: للشركات ===== */


/* ===== باب الشركات في الصفحة ===== */
.bizband{display:grid;gap:24px;align-items:center;border:1px solid var(--line);border-radius:20px;padding:32px 24px}
@media (min-width:900px){ .bizband{grid-template-columns:1.3fr 1fr;padding:44px 48px} }
.bizband h2{font-size:clamp(26px,3vw,34px);margin-bottom:10px}
.bizband ul{margin:0;padding-inline-start:20px;color:var(--ink-2);list-style:disc}
.bizband__a{display:grid;gap:10px;justify-items:start}
@media (min-width:900px){ .bizband__a{justify-items:end} }
.bizband__a small{color:var(--ink-2);font-size:14px;font-weight:500}

/* ===== مسار الحجز: الخطوتان ٢ و٣ تُفتحان تحت الشريط ===== */
.linkbtn{appearance:none;border:0;background:none;padding:0;min-height:44px;color:var(--accent);font:600 15px var(--font);cursor:pointer;
  text-decoration:underline;text-underline-offset:4px}
.hero .linkbtn{color:#fff;font-size:14px;display:inline-flex;align-items:center;vertical-align:middle}
.btn:disabled{background:#EEF0F2;border-color:#E3E6EA;color:var(--ink-2);cursor:not-allowed}

/* اختيار السيارات على طريقة Blacklane: بطاقات فئات قليلة، والملخص «رحلتك» بجانبها */
.pick{display:grid}
@media (min-width:1024px){ .pick{grid-template-columns:minmax(0,1fr) 340px;gap:36px;align-items:start} }
.types{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.type{appearance:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 18px;border-radius:var(--r-pill);
  border:1px solid #C9CED5;background:#fff;color:var(--ink);font:600 16px var(--font);cursor:pointer}
.type:hover{border-color:var(--ink)}
.type[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.list{display:grid;gap:12px}
/* البطاقة: الصورة، ثم الاسم والسعة بأيقونتين، ثم الطُرُز؛ وعلامة الاختيار في الركن.
   على الهاتف: الصورة بجانب الاسم والسعة، والطُرُز سطر بعرض البطاقة. على الأوسع: الصورة عمود، والباقي بجانبها */
.cls{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto 1fr;gap:0 14px;background:#fff;
  border:1px solid var(--line);border-radius:16px;padding:12px;transition:border-color .15s,box-shadow .15s}
.cls:hover{border-color:#B9C0C8}
.cls.is-on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset,0 12px 30px -20px rgba(15,19,25,.5)}
/* يظهر في البطاقة المختارة وحدها: كم سيارة، والطراز إن أراد */
/* سيارات الفئة المختارة: سطر لكل طراز — طرازه، وعدده (− ٣ +)، وزر إزالته — ثم «طراز آخر من هذه الفئة» */
.cars{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;flex:1 1 100%;min-width:0}
.car{display:flex;align-items:center;gap:8px;min-width:0}   /* السطر لا يتجاوز البطاقة مهما طال اسم الطراز */
.car__m{flex:1 1 auto;min-width:0;font-size:16px;font-weight:600;color:var(--ink);line-height:1.4}
.stepper{display:inline-flex;align-items:center;flex:none;background:#fff;border:1px solid var(--accent);border-radius:var(--r-pill)}
.stepper button{appearance:none;border:0;background:none;width:44px;height:44px;padding:0;font:600 22px/1 var(--font);color:var(--accent);
  cursor:pointer;border-radius:50%}
.stepper button:hover{background:var(--accent-soft)}
.stepper button:disabled{color:var(--ink-3);font-weight:400;cursor:default;background:none}
.stepper output{min-width:26px;text-align:center;font-weight:600;font-size:17px;font-variant-numeric:tabular-nums;color:var(--ink)}
.stepper__rm svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;vertical-align:middle}
/* الطُرُز (طلبه ٢٠٢٦-٠٩-٢٧: «قائمة منسدلة، أختار وأضيف تاني» — في الفئة عشرون طرازًا):
   سطر لكل طراز مختار وحده، وتحتها القائمة المنسدلة و«أضف» في سطر واحد لا يطول */
.madd{display:grid;gap:6px}
.madd__l{font-size:15px;font-weight:500;color:var(--ink-2)}
.madd__r{display:flex;gap:8px;align-items:center}
.madd__s{flex:1 1 auto;min-width:0;height:48px;padding:0 14px;border:1px solid var(--line-2);border-radius:var(--r-input);background:#fff;
  font:500 16px var(--font);color:var(--ink);cursor:pointer}
.madd__s:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.madd__b{flex:none;min-height:48px;padding-inline:22px}
.cars__hint{flex:1 1 100%;margin:0;padding:8px 12px;border-radius:10px;background:var(--accent-soft);color:var(--ink);font-size:15px;font-weight:500}
@media (min-width:640px){
  .cls{grid-template-columns:200px minmax(0,1fr);grid-template-rows:auto auto auto 1fr;gap:0 20px;padding:14px} }

/* الملخص: على الهاتف شريط سفلي نحيف (العدد والسعة وزر المتابعة)، وعلى الكمبيوتر بطاقة «رحلتك» جانبية ثابتة */
/* الحفظ أول الزرّين دائمًا، و«إلغاء» بعده. وعلى الهاتف سطر واحد: العدد والزرّان — فلا يحجب الشريط ما أُضيف */
@media (max-width:899px){
  html:has([data-step="classes"]:not([hidden])){scroll-padding-bottom:110px} }
.ce{unicode-bidi:isolate}
/* طُرُز الفئة إن حدّدها: كلٌّ في سطر تحت فئته، وحينها كل فئة في سطرها */

/* «رحلتك»: من وإلى بنقطتين وخط متقطع، ثم اليوم والساعة */
.route{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:16px;font-weight:600;color:var(--ink);line-height:1.45}
.route li{position:relative;padding-inline-start:24px}
.route li::before{content:"";position:absolute;inset-inline-start:0;top:.45em;width:11px;height:11px;border-radius:50%;border:2px solid var(--accent);
  background:#fff;box-sizing:border-box}
.route li:last-child::before{background:var(--accent)}
.route li:first-child::after{content:"";position:absolute;inset-inline-start:5px;top:calc(.45em + 13px);bottom:-14px;border-inline-start:1.5px dashed #AEB5BF}

/* ما تشمله كل الفئات — من التزامات الموقع نفسها */
/* الخطوات: خط بين الأرقام؛ وعلى الهاتف اسم الخطوة الحالية وحدها */


/* ===== طلبك: البنود أولًا، والإرسال في عمود جانبي ثابت على الشاشة الكبيرة ===== */

.items{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.item{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#fff}
.item{transition:box-shadow .4s}
/* أفعال البند أزرار ظاهرة بحجم الإصبع (٤٤ بكسل) — لا كلمات صغيرة تحتها خط */


.other,.bizf{margin-top:-2px}

/* الإضافة إلى الطلب نفسه: صفوف مرتبة بعلامة + (عمودان على الشاشة الأوسع) */
.more{margin-top:20px}

/* فوق ثماني خدمات: ست ظاهرة، والبقية خلف هذا الصف */

/* نموذج البند: يُفتح في مكانه — تحت الأزرار للإضافة، وفي مكان البند للتعديل */
.ed__g{display:flex;flex-wrap:wrap;gap:10px}
.ed__g>.bf{flex:1 1 160px;min-width:0}   /* على الهاتف عمود واحد: «القاهرة والجيزة» كانت تُقص في عمودين */
.ed__g>.bf--dt{flex:1 1 140px}                 /* التاريخ والساعة متجاوران حتى على الهاتف */
@media (min-width:560px){ .ed__g>.bf--dt{flex-basis:180px} }   /* ولا تضيق حتى يغطي رمز التقويم نصّها */
@media (max-width:559px){ .ed__g>.bf:not(.bf--dt){flex-basis:100%} }   /* والمكان سطر كامل — لا يجاور تاريخًا */
.contact__err{margin:0;color:#8A1C1C;font-weight:600;font-size:15px}

.bf{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--ink-2)}
.bf input,.bf select,.bf textarea{font:500 17px var(--font);color:var(--ink);background:#fff;border:1px solid #C9CED5;border-radius:10px;
  height:52px;padding:10px 14px;width:100%;min-width:0}
.bf textarea{height:auto;min-height:88px;resize:vertical}
.extra{margin-top:20px;border-top:1px solid var(--line);padding-top:6px}
.extra summary{cursor:pointer;font-weight:600;color:var(--accent);min-height:44px;display:flex;align-items:center}
.extra__g{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:end;margin:8px 0 12px}
.extra__g .bf{flex:1 1 200px}
.check{display:flex;align-items:center;gap:10px;font-weight:500;min-height:44px;cursor:pointer}
.check input{width:20px;height:20px;accent-color:var(--accent);flex:none}

.contact{background:var(--accent-soft);border-radius:var(--r-card);padding:22px;display:grid;gap:10px}
.contact h3{font-size:22px;margin-bottom:2px}
.contact__p{margin:-6px 0 4px;font-size:15px;color:var(--ink-2)}
.contact__g{display:flex;flex-wrap:wrap;gap:12px}
.contact__g>.bf{flex:1 1 220px;min-width:0}

/* «أكمل طلبك» حين يبتعد الزائر عن طلبه */

/* ==========================================================================
   بعد النقل (المرحلة ١) — إصلاحات المراجعة بالعين
   ========================================================================== */
/* شاشة البلد: الزر الثاني شفاف فوق الصورة (صار أبيض مع الأزرار الجديدة فاختفى كلامه) */
.gatepanel__a .btn--ghost{background:transparent}
/* رأس الصفحة الداخلية على الهاتف: الصورة أفتح في أعلاها، والكلام يعلو إليها — تظليل كامل ≥٠.٦ */

/* المستندات: رأس الصفحة ثم القسم الأول مباشرة — لا مسافتان متراكبتان */
/* فلتر الأسطول على الهاتف: عمودان منتظمان بدل أسطر متفاوتة */
@media (max-width:639px){ .ffilter{display:grid;grid-template-columns:1fr 1fr} }
/* ظهور متداخل: الداخلي لا يتلاشى مرة ثانية */
.reveal .reveal{opacity:1;transform:none}

/* ==========================================================================
   الحركة
   ========================================================================== */
@media (prefers-reduced-motion:no-preference){
  .reveal{opacity:0;transform:translateY(16px);
          transition:opacity var(--t-reveal),transform var(--t-reveal)}
  .reveal.is-in{opacity:1;transform:none}
  .hero__ph img{animation:heroIn 1600ms ease both}
  @keyframes heroIn{from{transform:scale(1.06)}to{transform:scale(1)}}
}

/* ==========================================================================
   الطباعة
   ========================================================================== */
@media print{
  .hdr,.sheet,.stickybar,.wafab,.fit,.hero__ph{display:none !important}
  body{background:#fff;color:#000;padding:0}
  .hero{min-height:auto}
  .hero h1,.hero__sub{color:#000}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:.75em}
  .capacity tr,.rules li{break-inside:avoid}
  p,li{orphans:3;widows:3}
  @page{size:A4;margin:18mm 16mm}
}

/* ==========================================================================
   شاشة اختيار البلد
   ========================================================================== */
.gatebody{background:var(--night);color:var(--on-night);min-height:100svh;padding:0}
@media (max-width:1023px){ .gatebody{padding-bottom:0} }
.gate{min-height:100svh;display:flex;flex-direction:column;position:relative}
@supports not (height:100svh){ .gate{min-height:100vh} }
.gate__mark{flex:0 0 auto;text-align:center;color:#fff;
            padding-block:var(--s5) var(--s4);background:var(--night);
            border-block-end:1px solid rgba(243,239,233,.12)}
.gate__mark span{display:block;font-size:1.125rem;font-weight:500}
.gate__mark small{display:block;font-size:.75rem;font-weight:450;opacity:.8;margin-block-start:3px}
[dir="rtl"] .gate__mark small{letter-spacing:0 !important}

.gate__grid{flex:1 1 auto;display:grid;grid-template-rows:1fr 1fr}
@media (min-width:900px){ .gate__grid{grid-template-rows:none;grid-template-columns:1fr 1fr} }

.gatepanel{position:relative;isolation:isolate;overflow:hidden;display:flex;
           align-items:flex-end;justify-content:center;min-height:56svh;
           border-inline-start:1px solid rgba(243,239,233,.12)}
.gatepanel:first-child{border-inline-start:0}
@media (max-width:899px){
  .gatepanel{border-inline-start:0;border-block-start:1px solid rgba(243,239,233,.12)}
  .gatepanel:first-child{border-block-start:0}
}
.gatepanel__ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
               object-position:center 26%;z-index:-2;
               transition:transform 700ms ease}
@media (hover:hover) and (min-width:900px){ .gatepanel:hover .gatepanel__ph{transform:scale(1.04)} }
/* التظليل من تحت فقط: الصورة تبقى ظاهرة في أعلى اللوح، والكلام يجلس في المنطقة الغامقة */
.gatepanel::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(to top,rgba(20,23,28,.96) 0%,rgba(20,23,28,.92) 26%,
                             rgba(20,23,28,.80) 44%,rgba(20,23,28,.48) 58%,
                             rgba(20,23,28,.16) 72%,rgba(20,23,28,0) 90%)}
.gatepanel__in{padding:var(--s5) var(--gutter) clamp(28px,5vh,64px);text-align:center;
               width:100%;max-width:440px}
.gatepanel__k{display:block;font-size:.75rem;font-weight:600;color:rgba(243,239,233,.9);
              margin-block-end:var(--s2)}
.gatepanel__t{font-size:clamp(1.6rem,5.2vw,3rem);font-weight:250;color:#fff;line-height:1.12;
              direction:ltr}
.gatepanel__d{margin-block:var(--s3) var(--s5);font-size:.875rem;line-height:1.75;
              color:rgba(243,239,233,.88);font-weight:450}
.gatepanel__a{display:flex;flex-direction:column;gap:var(--s3)}
@media (min-width:520px){ .gatepanel__a{flex-direction:row;justify-content:center} }
.gatepanel__a .btn{min-height:50px;flex:1 1 auto;font-size:.875rem;font-weight:450}
.gatepanel__a .btn--ghost{color:#fff;border-color:rgba(255,255,255,.5)}
.gatepanel__a .btn--ghost:hover{background:rgba(255,255,255,.12)}

.gate__saved{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;
             gap:var(--s3) var(--s4);text-align:center;
             padding:var(--s4) var(--gutter) 0;font-size:.8125rem;font-weight:450;
             color:rgba(243,239,233,.86)}
.gate__saved[hidden]{display:none}
.gate__saved b{font-weight:500;color:#fff}
.gate__saved button{font:inherit;font-weight:500;color:#fff;cursor:pointer;
                    background:none;border:0;border-block-end:1px solid rgba(243,239,233,.5);
                    padding:6px 2px;min-height:44px}
.gate__saved button:hover{border-block-end-color:#fff}
/* /404.html: شاشة البلد نفسها وفوقها سطر يقول إن العنوان خطأ */
.gate__miss{flex:0 0 auto;text-align:center;font-size:clamp(1.125rem,2.4vw,1.5rem);font-weight:600;line-height:1.5;
            color:#fff;background:var(--night);padding:var(--s4) var(--gutter)}
.gate__miss span{display:block}
.gate__note{text-align:center;font-size:.75rem;font-weight:450;color:rgba(243,239,233,.86);
            padding:var(--s4) var(--gutter) calc(var(--s4) + env(safe-area-inset-bottom))}

/* رابط تغيير البلد في الفوتر */
.ftr__country{display:inline-flex;align-items:center;gap:var(--s2);font-size:.875rem;
              color:var(--ink-2);text-decoration:none;min-height:44px;font-weight:600}
.ftr__country:hover{color:var(--ink)}

/* على الموبايل اللوح أقصر، فالتظليل لازم يوصل أعلى — والصورة تفضل ظاهرة في أعلى اللوح */
@media (max-width:899px){
  .gatepanel{min-height:60svh}
  .gatepanel__ph{object-position:center 20%}
  .gatepanel::before{
    background:linear-gradient(to top,rgba(20,23,28,.97) 0%,rgba(20,23,28,.95) 34%,
                               rgba(20,23,28,.88) 54%,rgba(20,23,28,.62) 68%,
                               rgba(20,23,28,.22) 82%,rgba(20,23,28,0) 96%)}
}

/* قصّ مخصص لكل صورة: الأهرامات في منتصف الكادر، والتمثال أعلى قليلًا */
.gatepanel[data-country="eg"] .gatepanel__ph{object-position:center 44%}
.gatepanel[data-country="us"] .gatepanel__ph{object-position:center 30%}
@media (max-width:899px){
  .gatepanel[data-country="eg"] .gatepanel__ph{object-position:center 47%}
  .gatepanel[data-country="us"] .gatepanel__ph{object-position:center 28%}
}

/* جدول الأسطول بالأرقام — طوله ثابت مهما كبر الأسطول */
.numtable th,.numtable td{padding:var(--s3);font-size:.9375rem;text-align:start;font-weight:450}
.numtable thead th{font-size:.8125rem;font-weight:600;color:var(--ink-3);
                   border-block-end:1px solid var(--line-2);width:auto}
.numtable tbody th{font-weight:500;color:var(--ink);width:auto}
.numtable tfoot th,.numtable tfoot td{border-block-start:1px solid var(--line-2);
                                      border-block-end:0;font-weight:500;color:var(--ink)}
.numtable td{color:var(--ink-2)}
@media (max-width:560px){ .numtable th,.numtable td{padding:var(--s2) var(--s1);font-size:.8125rem;font-weight:450} }

/* شريط التصفية بالفئة فوق لوحات الأسطول */
.ffilter{display:flex;flex-wrap:wrap;gap:var(--s3);margin-block-end:var(--s6)}
.fchip{display:flex;flex-direction:column;gap:2px;align-items:flex-start;
       min-height:52px;padding:var(--s3) var(--s5);cursor:pointer;
       background:none;border:1px solid var(--line-2);border-radius:var(--r-pill);
       font:inherit;color:var(--ink);text-align:start;
       transition:border-color var(--t-fast),background-color var(--t-fast),color var(--t-fast)}
@media (hover:hover){ .fchip:hover{border-color:var(--ink-3)} }
.fchip:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.fchip.is-on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.fplate[hidden]{display:none}

/* ==========================================================================
   لوحات الأسطول — صفحة الأسطول وحدها.
   الشبكة المتكررة كانت خمس كتل متطابقة: صورة ثم كلام، خمس مرات. رتابة لا عرض.
   هنا: صورة عريضة إلى جانب جدول مواصفات، والجهة تتبادل كل لوحة فيتولّد إيقاع.
   واللون النحاسي يعمل هنا شغلًا بنيويًا: الرقم، وخطوط جدول المواصفات.
   ========================================================================== */
.fplate{display:grid;gap:0;border:var(--hair);background:var(--paper);border-radius:var(--r-card);overflow:hidden;
        transition:border-color var(--t-fast)}
@media (hover:hover){ .fplate:hover{border-color:var(--line-2)} }
/* الصورة مطلقة داخل إطارها، فلا تفرض ارتفاع اللوحة مهما كان مقاسها الأصلي.
   بدون ذلك كانت صورة رأسية صغيرة تمدّ اللوحة إلى ٩٠٣ بكسل. */


/* جدول المواصفات: أربعة أعمدة بخطوط نحاسية رفيعة — هنا يظهر اللون */


@media (min-width:900px){
  .fplate{grid-template-columns:1.25fr 1fr;align-items:stretch}
  /* الجهة تتبادل: صورة يمينًا ثم يسارًا — إيقاع بدل تكرار */
}

/* ==========================================================================
   بطاقة فئة السيارة — كانت تُستعمل في ٢٢ صفحة **بلا أي تنسيق**، فكانت تظهر
   ككتل عملاقة بعرض الصفحة: صورة ٤:٣ بعرض ١٠٨٠ بكسل لكل فئة.
   الشبكة عمودان، والفئة الأولى تمتد على العرض حين يكون العدد فرديًا،
   فلا تبقى خانة فاضية (خمس فئات = واحدة عريضة + أربع، وأربع = عمودان).
   ========================================================================== */



/* الأزرار مثبّتة في القاع فتتحاذى البطاقات مهما اختلف طول الكلام */

/* الفئة الصدر: صورة إلى جانب الكلام بدل مربع ضخم */


/* مفتاح تغيير البلد في الشريط العلوي */
.hdr__country{white-space:nowrap}

/* ==========================================================================
   صفحة أمريكا: بطاقة الخدمة وصف الأسطول أزرار حقيقية تضيف وتنقل إلى الطلب.
   كانت عناصر صامتة — الزائر يرى السيارة ولا يستطيع الضغط عليها.
   ========================================================================== */
/* الزر يغطي البطاقة كلها فتصير كلها قابلة للضغط، ونصّه للقارئ الصوتي */


/* ==========================================================================
   معيار الوضوح: أي نص ثانوي أصغر من 16px يأخذ وزنًا 450 على الأقل
   (التباين وحده لا يكفي — الوزن الخفيف في العربي يقرأ باهتًا)
   ========================================================================== */
.promise,.door p,.rrow__nums{font-weight:450}

.rules p,.facts li{font-weight:450}

/* ==========================================================================
   صفحات المدن
   ========================================================================== */
/* أول إجراء داخل رأس الصفحة، فيظهر في الشاشة الأولى لا بعد التمرير */
/* ما نرتّبه في المدينة: كل صف يفتح شاشة الطلب وقد كُتبت فيه المدينة */
/* نقاط الاستلام: المكان أولًا بلون الحبر، ثم كيف نلقاك */

/* قائمة المدن: أعمدة لا شبكة، فلا تبقى خانة فارغة مهما بلغ العدد */
.rrows--cols{margin-block-start:var(--s6);border-block-start:var(--hair)}
.rrows--cols .rrow:first-child{border-block-start:0}
@media (min-width:760px){ .rrows--cols{columns:2;column-gap:var(--s7)}
                          .rrows--cols .rrow{break-inside:avoid} }
@media (min-width:1100px){ .rrows--cols{columns:3} }
.rrows__find{margin-block-start:var(--s6)}
/* بحث فهرس المدن — يظهر فوق ثماني مدن (أُعيد بعد حذف أصناف شاشة الطلب القديمة: كان يشاركها الاسم) */
.prows__find{display:flex;align-items:center;gap:var(--s4);margin-block-end:var(--s4)}
@media (min-width:720px){ .prows__find{flex:0 0 auto;width:300px;margin-block-end:0} }
.prows__find .inp{flex:1 1 auto;min-height:44px;font-size:.9375rem;font-weight:450}
.prows__count{flex:0 0 auto;font-size:.75rem;font-weight:450;color:var(--ink-3);white-space:nowrap}
.prows__none{margin-block-start:var(--s6);font-size:.9375rem;font-weight:450;color:var(--ink-3)}

/* عنوان المدينة أطول من عناوين الصفحات الأخرى — سطران لا أربعة */
/* صفحة المدينة على الشاشة الكبيرة: كل قسمين متجاورين في عمودين، فلا يمتد صف بعرض ١٢٠٠
   بكسل وسهمه في الطرف الآخر ولا يبقى نصف الشاشة فارغًا. تحت ١٠٢٤ عمود واحد. */

/* رأس صفحة المدينة أقصر قليلًا: زر الطلب داخله يقع تحت حد ٣٦٠ بكسل من أعلى الصفحة */
/* عمود واحد تحت ١٠٢٤ لا يتجاوز الشاشة: سطر أرقام المدينة الإنجليزي الطويل كان يدفعه ٤ بكسل */

/* عنوان المدينة الإنجليزي سطر واحد على الكمبيوتر وسطران على الموبايل */
.rrows--cols .rrow__nums{white-space:normal;flex-wrap:wrap;justify-content:flex-end;text-align:end;row-gap:2px}

/* ==========================================================================
   المرحلة ٣ — الصفحات الداخلية على نمط Blacklane (المكوّنات في _build/ui.py)
   رأس بصورة وحواف سفلية مستديرة والعنوان في الوسط · مسار الصفحة · بطاقات بأيقونة ·
   فئات تُمرَّر أفقيًا على البيج · صورة وكلام يتبادلان الجهة · أسئلة تُفتح بالضغط
   ========================================================================== */
.ico{width:48px;height:48px;flex:none;color:var(--accent)}

/* الرأس: أعلى من رأس الصفحات القديم، والمحتوى في وسطه، و«اكتشف المزيد» في قاعه */
.phero{justify-content:center}
@media (min-width:900px){
  .phero{min-height:clamp(500px,70vh,620px)}
  .phero .hero__in{flex:1 1 auto;padding-top:64px}   /* أول إجراء تحت ٣٦٠ */
  .phero .xmore{margin-top:auto}
}   /* الهاتف: الرأس بطول محتواه — أول إجراء تحت ٣٦٠ */
.phero .hero__in{padding-block:24px 18px;display:flex;flex-direction:column;align-items:center}
@media (min-width:900px){ .phero .hero__in{padding-block:40px 18px} }
.phero .book{width:100%}
.phero__a{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px}
.phero__a .btn{min-height:50px;min-width:200px}
.phero__a .btn--ghost{color:#fff;background:transparent;border-color:rgba(255,255,255,.65)}
.phero__a .btn--ghost:hover{background:rgba(255,255,255,.12)}
.xmore{margin-top:22px;color:#fff;font-size:15px;font-weight:600;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:6px}
.xmore:hover{text-decoration:underline;text-underline-offset:4px}
@media (max-width:767px){ .xmore{display:none} }

/* مسار الصفحة: سطر واحد في الوسط تحت الرأس */
.crumbs{padding-block:22px 0;scroll-margin-top:84px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;font-size:16px;font-weight:500}
.crumbs li{display:flex;align-items:center;gap:10px;color:var(--ink-3)}
.crumbs li+li::before{content:"←";color:var(--ink-3)}
[dir=ltr] .crumbs li+li::before{content:"→"}
.crumbs a{color:var(--accent);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.crumbs a:hover{text-decoration:underline;text-underline-offset:4px}

/* عنوان القسم: في الوسط فوق البطاقات، أو في أول العمود */
.shead{margin-bottom:28px}
.shead--c{text-align:center}
.shead--c .sec__p{margin-inline:auto;margin-bottom:0}
.shead .sec__p{margin-top:10px}
.sec__note{max-width:70ch;margin:24px auto 0;color:var(--ink-2);font-size:16px;font-weight:450}
@media (min-width:768px){ .sec__note{text-align:center} }
.promise-l{margin:28px auto 0;max-width:70ch;text-align:center;font-size:clamp(1.0625rem,1.6vw,1.25rem);font-weight:600;color:var(--ink)}

/* بطاقات بأيقونة: بيضاء بإطار رفيع وحواف ١٦، والأيقونة بجانب العنوان */
.fcards{display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:640px){
  .fcards{grid-template-columns:repeat(2,1fr)}
  .fcards>:first-child:nth-last-child(odd){grid-column:1/-1}
}
@media (min-width:1024px){
  .fcards.fcards>*{grid-column:auto}
  .fcards--3,.fcards--6{grid-template-columns:repeat(3,1fr)}
  .fcards--4,.fcards--8{grid-template-columns:repeat(4,1fr)}
  .fcards--5{grid-template-columns:repeat(6,1fr)}
  .fcards.fcards--5>*{grid-column:span 2}
  .fcards.fcards--5>:nth-child(n+4){grid-column:span 3}
  .fcards--7{grid-template-columns:repeat(12,1fr)}
  .fcards.fcards--7>*{grid-column:span 3}
  .fcards.fcards--7>:nth-child(n+5){grid-column:span 4}
}
.fcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:24px;display:grid;gap:14px;align-content:start}
.fcard__t{display:flex;align-items:center;gap:14px}
.fcard__t h3{font-size:1.25rem;line-height:1.4}
.fcard p{margin:0;color:var(--ink-2);font-size:16px;line-height:1.75}
.fcard--p{grid-template-columns:auto 1fr;align-items:start}
.fcard--p p{align-self:center;color:var(--ink);font-weight:500}
.lcard{position:relative;text-decoration:none;color:inherit;padding-inline-end:44px;transition:border-color var(--t-fast),box-shadow var(--t-fast)}
.lcard:hover{border-color:var(--accent);box-shadow:0 10px 30px -18px rgba(15,19,25,.35)}
.lcard__go{position:absolute;inset-inline-end:18px;bottom:18px;color:var(--accent);font-size:20px;font-weight:600}
[dir=ltr] .lcard__go{transform:scaleX(-1)}
.lcard__tag{display:inline-block;margin-inline-start:6px;font-size:13px;font-weight:600;color:var(--accent);background:var(--accent-soft);
  border-radius:var(--r-pill);padding:2px 10px;vertical-align:middle}

/* أرقام قليلة في بطاقات: القيمة كبيرة والاسم تحتها */
.stats{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin:0}
@media (min-width:1024px){ .stats--4{grid-template-columns:repeat(4,1fr)} .stats--3{grid-template-columns:repeat(3,1fr)} }
.stats--3>:last-child:nth-child(odd){grid-column:1/-1}
@media (min-width:1024px){ .stats--3>:last-child:nth-child(odd){grid-column:auto} }
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:20px 22px;display:flex;flex-direction:column-reverse;gap:6px}
.bg-2 .stat{border-color:#E7E1D6}
.stat dt{font-size:15px;font-weight:500;color:var(--ink-3)}
.stat dd{margin:0;font-size:clamp(1.125rem,4.6vw,1.875rem);font-weight:600;color:var(--ink);line-height:1.3;white-space:nowrap}
.stat dd bdi{white-space:nowrap}

/* الفئات على البيج: بطاقات بيضاء تُمرَّر أفقيًا — البطاقة كلها رابط إلى صفحة الفئة */
.cscroll{position:relative}
.ccards{display:grid;grid-auto-flow:column;grid-auto-columns:84%;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding-bottom:12px;scrollbar-width:thin;overscroll-behavior-x:contain}
@media (min-width:640px){ .ccards{grid-auto-columns:calc((100% - 18px) / 2.25)} }
@media (min-width:1024px){ .ccards{grid-auto-columns:calc((100% - 36px) / 3.25)} }
.cscroll__b{position:absolute;top:calc(50% - 60px);z-index:2;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);
  background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px -12px rgba(15,19,25,.45)}
.cscroll__b .ico{width:22px;height:22px;color:var(--ink)}
.cscroll__b:hover{border-color:var(--accent)}
.cscroll__b--prev{inset-inline-start:-20px}
.cscroll__b--next{inset-inline-end:-20px}
[dir=rtl] .cscroll__b--prev .ico{transform:scaleX(-1)}
[dir=ltr] .cscroll__b--next .ico{transform:scaleX(-1)}
@media (max-width:1023px){ .cscroll__b{display:none} }
.ccards + .fitline{justify-content:center}
.ccard{scroll-snap-align:start;background:#fff;border-radius:var(--r-card);padding:8px 8px 18px;text-decoration:none;color:inherit;display:grid;gap:12px;
  align-content:start;transition:box-shadow var(--t-fast)}
.ccard:hover{box-shadow:0 14px 34px -20px rgba(15,19,25,.4)}
.ccard__ph{display:block;border-radius:12px;overflow:hidden;aspect-ratio:3/2;background:#EEF0F2}
.ccard__ph img{width:100%;height:100%;object-fit:cover}
.ccard__b{display:grid;gap:6px;padding-inline:10px}
.ccard__n{font-size:1.25rem;font-weight:600;color:var(--ink)}
.ccard__x{font-size:14px;font-weight:500;color:var(--ink-3);line-height:1.6;min-height:3.2em}
.ccard__m{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:15px;font-weight:600;color:var(--ink);margin-top:4px}
.ccard__m>span{display:inline-flex;align-items:center;gap:6px}
.ccard__m .ico{width:20px;height:20px;color:var(--ink-2)}
.ccard__go{margin-top:8px;color:var(--accent);font-size:15px;font-weight:600}

/* صورة وكلام: عمودان متساويان، والجهة تتبادل؛ على الهاتف الصورة أولًا */
.zig{display:grid;gap:24px;align-items:start}
@media (min-width:900px){
  .zig{grid-template-columns:1fr 1fr;gap:56px}
  .zig--flip .zig__ph{order:2}
}
.zig__ph{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:3/2;background:#EEF0F2}
.zig__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (min-width:900px){ .zig{align-items:stretch} .zig__ph{aspect-ratio:auto;min-height:340px} }
.zig__t{display:grid;gap:14px;align-content:start}
.zig__t .eyebrow{margin:0}
.zig__t h2{font-size:clamp(1.5rem,2.6vw,2.125rem)}
.zig__t h3{font-size:1.125rem;margin-top:6px}
.zig__t p{margin:0;color:var(--ink-2);line-height:1.85}
.zig__t .formnav{margin-top:8px}
.zig__ul{margin:0;padding-inline-start:20px;color:var(--ink-2);list-style:disc;display:grid;gap:8px;line-height:1.8}
.zig__ul li::marker{color:var(--accent)}
.zig__t>.btn{justify-self:start;margin-top:6px}
.zig__sign{font-weight:600;color:var(--ink) !important}
.ilist{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ilist li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;color:var(--ink-2);line-height:1.8}
.ilist .ico{width:28px;height:28px;margin-top:2px}
.dlist{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.dlist li{display:grid;gap:4px;padding-inline-start:16px;border-inline-start:2px solid var(--accent-soft)}
.dlist b{color:var(--ink);font-size:16px}
.dlist span{color:var(--ink-2);line-height:1.8}

/* الأسئلة: تُفتح بالضغط، بخط رفيع بينها، وبجانبها صورة طولية */
.faqx{display:grid;gap:32px;align-items:start}
@media (min-width:900px){ .faqx{grid-template-columns:1.1fr .9fr;gap:56px} }
.faqx__l h2{font-size:clamp(1.5rem,2.6vw,2.125rem);margin-bottom:12px}
.faqx__q{border-bottom:1px solid var(--line)}
.faqx__q summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;
  min-height:56px;padding-block:12px;font-size:17px;font-weight:600;color:var(--ink)}
.faqx__q summary::-webkit-details-marker{display:none}
.faqx__q summary::after{content:"";flex:none;width:10px;height:10px;border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);
  transform:rotate(45deg);margin-top:-4px;transition:transform var(--t-fast)}
.faqx__q[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.faqx__a p{margin:0 0 16px;color:var(--ink-2);line-height:1.85}
.faqx__ph{position:relative;border-radius:12px;overflow:hidden;background:#EEF0F2;min-height:360px}
@media (min-width:900px){ .faqx{align-items:stretch} }
.faqx__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.faqx__q summary>span{flex:1 1 auto;min-width:0}
@media (max-width:899px){ .faqx__ph{display:none} }
.faqx .formnav{margin-top:24px}

/* ختام الصفحة وبطاقة «يبدأ من» */
.pcta,.fromcard{background:var(--accent-soft);border-radius:20px;padding:32px 24px;display:grid;gap:18px;align-items:center}
@media (min-width:900px){ .pcta{grid-template-columns:1fr auto;padding:40px 48px;gap:32px} }
.pcta h2{font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:8px}
.pcta p{margin:0;color:var(--ink-2);max-width:62ch}
.pcta__a{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
@media (min-width:900px){ .fromcard{grid-template-columns:auto 1fr auto;padding:32px 40px;gap:32px} }
.fromcard__v{display:grid;gap:2px}
.fromcard__v span{font-size:15px;font-weight:600;color:var(--ink-2)}
.fromcard__v b{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;color:var(--ink);white-space:nowrap}
.fromcard p{margin:0;color:var(--ink-2)}
.fromcard__a{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}

/* مدن أخرى: روابط قصيرة في صف */

/* نموذج فتح الحساب في بطاقة بيضاء: خانات بإطار (٥٢ بكسل) لا خطوط تحتية */
.formcard{background:#fff;border-radius:20px;padding:28px 22px;display:grid;gap:24px;scroll-margin-top:90px}
@media (min-width:900px){ .formcard{grid-template-columns:.9fr 1.1fr;padding:44px 48px;gap:48px;align-items:start} }
.formcard__h{display:grid;gap:10px;align-content:start}
.formcard__h .eyebrow{margin:0}
.formcard__h p{margin:0;color:var(--ink-2)}
.formcard__f{display:grid;gap:14px}
@media (min-width:640px){ .formcard__f{grid-template-columns:1fr 1fr} .formcard__f>.bf:last-of-type,.formcard__a,.formcard__err{grid-column:1/-1} }
.formcard__a .btn{width:100%;min-height:52px}
.formcard__err{margin:0;color:#8A1C1C;font-weight:600}
.formcard__ok{grid-column:1/-1;border:1px solid var(--accent);border-radius:var(--r-card);padding:22px;display:grid;gap:10px;justify-items:start}
.formcard__ok h3{color:var(--accent);font-size:22px}
.formcard__ok p{margin:0;color:var(--ink-2)}

/* المستند (الشروط): بلا صورة — العنوان في أول العمود، وفهرس قصير، والبنود عمود يُقرأ */
.docx{padding-block:12px var(--section)}
.docx__lede{text-wrap:pretty}
.docx .crumbs{padding-block:18px 26px}
.docx .crumbs ol{justify-content:flex-start}
.docx h1{font-size:clamp(2rem,4vw,2.75rem)}
.docx__lede{margin:12px 0 0;max-width:62ch;color:var(--ink-2);font-size:1.125rem;line-height:1.8}
.docx__toc{margin:28px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.docx__toc a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:var(--r-pill);
  text-decoration:none;color:var(--ink);font-weight:600;font-size:15px}
.docx__toc a:hover{border-color:var(--accent);color:var(--accent)}
.docx__body{margin-top:36px;max-width:760px;display:grid;gap:28px}
.docx__s{scroll-margin-top:90px}
.docx__s h2{font-size:1.375rem;margin-bottom:8px}
.docx__s p{margin:0;color:var(--ink-2);line-height:1.9;font-size:1.0625rem}
.faqx__list{border-top:1px solid var(--line)}
.lcards .lcard{min-height:100%}
/* القسم الأخير بيج: الفوتر البيج يلتصق به، لا شريط أبيض بينهما */
body:has(main > .sec.bg-2:last-child) .ftr{margin-block-start:0;border-top:1px solid #E7E1D6}

/* الشريط الثابت على الهاتف لا يغطي آخر سطر في الفوتر — بعد قاعدة .ftr الأصلية حتى لا تغلبها */
@media (max-width:1023px){ .ftr{padding-block-end:calc(var(--s5) + 84px)} }
/* الفوتر على التابلت: البيانات الرسمية بعرض الصف، ثم ثلاثة أعمدة — بلا عمود وحيد في صفّه */
@media (min-width:600px) and (max-width:899px){
  .ftr__cols{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ftr__cols>:last-child:nth-child(even){grid-column:auto}
}
/* شريط الحجز في الصفحات الداخلية على التابلت: عمودان بدل أربعة صفوف ممدودة */
@media (min-width:640px) and (max-width:899px){
  .book[data-handoff]{grid-template-columns:1fr 1fr}
  .book[data-handoff] .fld{border-inline-end:1px solid var(--line)}
  .book[data-handoff] .book__go{grid-column:1/-1}
}
.fld label{padding-top:2px}
/* نموذج فتح الحساب في بطاقة بيج على قسم أبيض */
.formcard--b{background:var(--paper-2)}

/* ====================== شاشة الطلب: المسار المغلق — الخدمة ← التفاصيل ← السيارات ← طلبك ======================
   رفض صاحب المشروع كل ما يُلفّ الزائر حول نفسه (٢٠٢٦-٠٩-٢٤): الخدمات كلها ظاهرة في أول خطوة، وخطوة واحدة في كل مرة،
   وزر الخطوة التالية في شريط ثابت أسفل البطاقة. والقائمة العلوية باقية هنا كما في كل صفحة (طلبه ٢٠٢٦-٠٩-٢٧: «المنيو بتختفي
   وأدوس على اللوجو عشان أرجع») — يختفي زر «احجز الآن» وحده، لأنه رابط إلى الصفحة نفسها */
body:has(.order) .hdr__tools>.btn{display:none}
.hero--band{border-radius:0 0 22px 22px}
.hero--band .hero__in{padding-block:18px 66px}
.hero--band h1{font-size:clamp(1.625rem,3.4vw,2.5rem);margin-bottom:6px}
@media (max-width:767px){ .hero--band .hero__sub{display:none} .hero--band .hero__in{padding-block:14px 60px} }
.hero--band .hero__sub{margin-inline:auto;text-align:center}
.order{position:relative;z-index:2;margin-top:-48px;margin-bottom:40px;background:#fff;border:1px solid var(--line);border-radius:20px;
  box-shadow:0 24px 60px -36px rgba(15,19,25,.45);padding:16px 16px 0}
@media (max-width:767px){ .order{margin-inline:12px;width:auto} }
@media (min-width:768px){ .order{padding:24px 28px 0} }

.order__grid{display:grid;gap:24px}
.order__main{min-width:0}
@media (min-width:1024px){ .order__grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start} }
.ostep{min-height:220px}
.ostep__h{margin:0 0 14px;font-size:clamp(1.375rem,2.4vw,1.75rem);line-height:1.3}
.ostep__h small{font-size:15px;font-weight:500;color:var(--ink-2);margin-inline-start:6px}
.ostep__h:focus{outline:0}
.ostep__err{margin:12px 0 0;color:#8A1C1C;font-weight:600;font-size:15px}
.ostep__want{margin:-4px 0 14px;padding:10px 14px;border-radius:12px;background:var(--accent-soft);color:var(--ink);font-size:15px}
.ostep__want .linkbtn{min-height:32px;margin-inline-start:6px}
.ostep .ed__g{margin-bottom:4px}
/* البلاطات: الخدمات كلها في أول خطوة — ضغطة واحدة تبدأ */
.tiles{display:flex;flex-wrap:wrap;gap:10px}            /* صف ناقص تتمدد بلاطاته فلا تبقى خانة فارغة */
.tiles>.tile{flex:1 1 calc(50% - 5px);min-width:0}
@media (min-width:768px){ .tiles>.tile{flex-basis:calc(33.333% - 7px)} }
.tile{appearance:none;text-align:start;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-content:start;align-items:start;
  min-height:96px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);font:inherit;cursor:pointer;
  transition:border-color .15s,box-shadow .15s}
.tile svg{grid-row:1/3;width:32px;height:32px;color:var(--accent)}
.tile b{font-size:16px;font-weight:600;line-height:1.35}
.tile span{grid-column:2;font-size:14px;font-weight:500;color:var(--ink-2);line-height:1.5}
.tile:hover{border-color:var(--accent);box-shadow:0 10px 24px -18px rgba(15,19,25,.5)}
.tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (max-width:767px){
  .tile{grid-template-columns:minmax(0,1fr);min-height:0}
  .tile svg{grid-row:auto;width:28px;height:28px}
  .tile span{grid-column:1} }
.tiles__l{margin:18px 0 8px;font-size:15px;font-weight:600;color:var(--ink-2)}
/* ذهاب فقط · ذهاب وعودة */
.seg{display:inline-flex;margin:0 0 14px;padding:4px;border-radius:var(--r-pill);background:#EEF0F2}
.seg button{appearance:none;border:0;background:none;min-height:40px;padding:0 18px;border-radius:var(--r-pill);font:600 15px var(--font);color:var(--ink-2);cursor:pointer}
.seg button[aria-checked="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(15,19,25,.18)}
/* شريط الخطوة: «رجوع» وزر الخطوة التالية — ثابت أسفل الشاشة ما دامت البطاقة ظاهرة */
.obar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:10px;margin:18px -16px 0;padding:12px 16px;background:#fff;
  border-top:1px solid var(--line);border-radius:0 0 20px 20px}
@media (min-width:768px){ .obar{margin-inline:-28px;padding-inline:28px} }
@media (min-width:1024px){ .obar{margin-inline:0;padding-inline:0;border-radius:0} }
.obar__t{flex:1 1 auto;min-width:0;font-size:15px;color:var(--ink-2);line-height:1.4}
.obar__t b{color:var(--ink)}
.obar__t small{display:block;font-size:14px}
.obar .btn{min-height:48px;flex:none;padding-inline:22px}
.obar .btn--ghost{padding-inline:18px}
.obar>.btn:first-child{margin-inline-start:auto}
/* طلبك: البنود، والإضافة داخل المسار، ثم البيانات */
.order .contact{background:var(--paper-2)}
.contact__small{margin:0;font-size:14px;color:var(--ink-2)}
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;opacity:0}
/* الجانب على الشاشة الكبيرة: ما في الطلب حتى الآن، وما نلتزم به */
.oside{display:none}
@media (min-width:1024px){ .oside{display:block;position:sticky;top:88px} }
.oside__in{border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--paper-2)}
.oside__h{display:block;font-size:17px;font-weight:600;color:var(--ink);margin-bottom:8px}
.oside__e{margin:0 0 12px;font-size:15px;color:var(--ink-2)}
.oside__it{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.oside__it>span{flex:none;width:24px;height:24px;border-radius:50%;background:#fff;color:var(--accent);font-size:13px;font-weight:600;display:grid;place-items:center}
.oside__it b{display:block;font-size:15px;color:var(--ink)}
.oside__it small{display:block;font-size:14px;color:var(--ink-2);line-height:1.5}
.oside__car{margin-top:2px;color:var(--ink)}   /* كل فئة بطرازاتها وأعدادها — الطلب مفصّل كما يصل اللوحة */
.oside__mod{padding-inline-start:12px}
.oside__p{list-style:none;margin:10px 0 0;padding:12px 0 0;border-top:1px solid var(--line);display:grid;gap:8px;font-size:14px;color:var(--ink-2)}
.oside__p li{position:relative;padding-inline-start:18px}
.oside__p li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--accent)}
/* وصلنا الطلب: رقمه، وما يحدث الآن، ومن يتصل */
.odone{text-align:center;padding:8px 0 28px;max-width:600px;margin:0 auto}
.odone__i svg{width:64px;height:64px;fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.odone .ostep__h{margin-top:6px}
.odone__ref{margin:0 0 6px;font-size:18px;font-weight:600;color:var(--ink)}
.odone__ref bdi{color:var(--accent)}
.odone__next{list-style:none;text-align:start;display:grid;gap:10px;margin:16px 0;padding:16px;background:var(--accent-soft);border-radius:14px;counter-reset:n}
.odone__next li{counter-increment:n;position:relative;padding-inline-start:36px;color:var(--ink);line-height:1.6}
.odone__next li::before{content:counter(n);position:absolute;inset-inline-start:0;top:1px;width:26px;height:26px;border-radius:50%;background:var(--accent);
  color:#fff;font-size:13px;font-weight:600;display:grid;place-items:center}
.odone__sum{text-align:start;margin:12px 0}
.odone__sum summary{cursor:pointer;font-weight:600;color:var(--accent);min-height:44px;display:flex;align-items:center}
.odone__sum pre{white-space:pre-wrap;font:inherit;font-size:15px;color:var(--ink);background:var(--paper-2);padding:12px;border-radius:10px;margin:0}
.odone__help{color:var(--ink-2)}
.odone__a{margin:8px 0 0}
/* الرئيسية: بقية الخدمات وباب الشركات تحت الشريط — كلها إلى المسار نفسه */
.hero__more{margin:12px 0 0;text-align:center;color:#fff;font-size:15px;line-height:1.9}
.hero__more b{font-weight:600;margin-inline-end:6px}
.hero__more a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}

/* ---- المسار المغلق بعد فحص «العملاء المستعجلين» (٢٠٢٦-٠٩-٢٤) ---- */
/* أسماء الخطوات الأربع ظاهرة على الهاتف أيضًا */

/* الخطأ تحت خانته، والخانة معلَّمة */
.bf [aria-invalid="true"]{border-color:#8A1C1C;box-shadow:0 0 0 1px #8A1C1C inset}
.bf__err{display:block;margin-top:4px;color:#8A1C1C;font-size:14px;font-weight:600;line-height:1.4}
/* وصلنا الطلب: التأكيد بعرض البطاقة كله، والرقم لا ينكسر */
.order[data-step="done"] .order__grid{grid-template-columns:minmax(0,1fr)}
.order[data-step="done"] .oside{display:none}
.nw{white-space:nowrap}
/* باب الشركات: لا وعد «15 دقيقة» تحت نموذج يرد خلال يوم عمل */
.order[data-step="biz"] + .sec{display:none}
/* شريط «طلبك»: خدمة أخرى بجوار الإرسال */
.order[data-step="4"] .obar .btn--ghost{margin-inline-start:auto}
@media (max-width:419px){ .obar .btn{padding-inline:14px} }
/* الرئيسية: باب الشركات سطر خاص بزر ظاهر */
.hero__biz{margin:10px 0 0;text-align:center}
.hero__biz a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--r-pill);background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.5);color:#fff;font-weight:600;text-decoration:none;backdrop-filter:blur(2px)}
.hero__biz a:hover{background:rgba(255,255,255,.22)}

/* ====================== الطلب صفحة واحدة (٢٠٢٦-٠٩-٢٤): قائمة خدمات بعلامات، وتفاصيل كل خدمة تحتها ======================
   «واحد عايز أكتر من خدمة — بتلففه حوالين نفسه»: لا خطوات ولا «أضف إلى الطلب». يعلّم، يكتب، يرسل مرة واحدة */
.of__h{margin:0 0 4px;font-size:clamp(1.375rem,2.4vw,1.75rem);line-height:1.3}
.of__h:focus{outline:0}
.of__p{margin:0 0 14px;color:var(--ink-2);font-size:15px}
.osvs{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.osvs--biz{margin-top:14px}
.osv{border:1px solid var(--line);border-radius:14px;background:#fff;transition:border-color .15s,box-shadow .15s}
.osv.is-on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.osv__row{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 14px;cursor:pointer}
.osv__row input{position:absolute;opacity:0;width:1px;height:1px}
.osv__box{flex:none;width:24px;height:24px;border-radius:7px;border:1.5px solid #8E96A0;display:grid;place-items:center;background:#fff;transition:background .15s,border-color .15s}
.osv__box svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.osv.is-on .osv__box{background:var(--accent);border-color:var(--accent)}
.osv.is-on .osv__box svg{opacity:1}
.osv__row input:focus-visible + .osv__box{outline:2px solid var(--accent);outline-offset:2px}
.osv__row>svg{flex:none;width:28px;height:28px;color:var(--accent)}
.osv__t{display:grid;gap:1px;min-width:0}
.osv__t b{font-size:16px;font-weight:600;color:var(--ink);line-height:1.35}
.osv__t small{font-size:14px;font-weight:500;color:var(--ink-2);line-height:1.45}
.osv--biz{background:var(--accent-soft);border-color:transparent}
.osv__panel{padding:0 14px 14px;display:grid;gap:14px}
.osv__panel>.btn{justify-self:start}
.inst{display:grid;gap:12px;padding-top:12px;border-top:1px solid var(--line)}
.inst__h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.inst__h b{font-size:15px;color:var(--ink)}
.inst__h .linkbtn{min-height:36px;font-size:14px}
.inst .seg{margin:0}
.inst .seg + .seg{margin-top:-4px}
.addline{appearance:none;justify-self:start;min-height:44px;padding:0 16px;border:1px dashed var(--accent);border-radius:var(--r-pill);background:#fff;
  color:var(--accent);font:600 15px var(--font);cursor:pointer}
.addline:hover{background:var(--accent-soft)}
/* السيارات داخل الخدمة: فئات صغيرة بصورها تمرّر على الهاتف */
.ocars{display:grid;gap:10px}
.ocars__h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}
.ocars__h b{font-size:15px;color:var(--ink)}
.ocars__h span{font-size:14px;color:var(--ink-2)}
.cchips{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(132px,1fr);gap:8px;overflow-x:auto;padding:2px 2px 6px;scroll-snap-type:x proximity}
.cchip{position:relative;appearance:none;display:grid;gap:2px;align-content:start;text-align:start;padding:6px 6px 8px;border:1px solid var(--line);border-radius:12px;
  background:#fff;color:var(--ink);font:inherit;cursor:pointer;scroll-snap-align:start;min-width:0}
.cchip img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:8px;background:#EEF0F2}
.cchip b{font-size:14px;font-weight:600;line-height:1.3;margin-top:4px}
.cchip small{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--ink-2)}
.cchip small svg{width:14px;height:14px;fill:none;stroke:var(--ink-2);stroke-width:1.6}
.cchip__ok{position:absolute;top:10px;inset-inline-start:10px;width:24px;height:24px;border-radius:50%;background:#fff;border:1.5px solid #AEB5BF;display:grid;place-items:center}
.cchip__ok svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.cchip.is-on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.cchip.is-on .cchip__ok{background:var(--accent);border-color:var(--accent)}
.cchip.is-on .cchip__ok svg{opacity:1}
.cchip[aria-invalid="true"]{border-color:#8A1C1C}
.ocars .bf__err{order:-1}
@media (min-width:768px){ .cchips{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));overflow:visible} }
.cline{display:grid;gap:8px;padding:10px 12px;border-radius:12px;background:var(--paper-2)}
.cline__n{font-size:15px;color:var(--ink)}
.of__you{margin-top:20px}
.order[data-state="done"] .order__grid{grid-template-columns:minmax(0,1fr)}
.order[data-state="done"] .oside{display:none}
.order .obar .btn:only-of-type{margin-inline-start:auto}

/* ==========================================================================
   المرحلة ٣ — بقية القوالب: الفهارس والمستندات والمعايير
   ========================================================================== */
/* شبكة بلا خانة فارغة (g3): ثلاثة أعمدة على شبكة من ستة. البطاقات العريضة في الأول لا في الآخر —
   الأول في الترتيب هو الأعلى قيمة (سيدان VIP قبل الأتوبيس): إن زاد اثنان أخذ الأولان نصف الصف، وإن زاد واحد
   صارت الأربع الأولى صفّين من اثنين. وعلى التابلت عمودان، والأولى تمتد بصورتها جانبًا إن كان العدد فرديًا */
.g3{display:grid;gap:18px;grid-template-columns:1fr}
@media (min-width:640px) and (max-width:1023px){
  .g3{grid-template-columns:1fr 1fr}
  .g3>:first-child:nth-last-child(odd){grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center}
}
@media (min-width:1024px){
  .g3{grid-template-columns:repeat(6,1fr)}
  .g3>*{grid-column:span 2}
  .g3>:first-child:nth-last-child(3n+2),.g3>:first-child:nth-last-child(3n+2)+*{grid-column:span 3}
  .g3>:first-child:nth-last-child(3n+4),.g3>:first-child:nth-last-child(3n+4)+*,
  .g3>:first-child:nth-last-child(3n+4)+*+*,.g3>:first-child:nth-last-child(3n+4)+*+*+*{grid-column:span 3}
  .g3>:only-child{grid-column:1/-1}
}
.ccards--grid .ccard{padding-bottom:18px}
.bg-2 .ccard,.bg-2 .nextc__i{background:#fff}

/* بطاقات بصورة: الخدمات والخطوط — البطاقة كلها رابط */
.nextc__i{display:grid;gap:14px;align-content:start;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:8px 8px 20px;
  text-decoration:none;color:inherit;transition:box-shadow var(--t-fast),border-color var(--t-fast)}
.nextc__i:hover{border-color:var(--accent);box-shadow:0 14px 34px -20px rgba(15,19,25,.4)}
.nextc__ph{display:block;border-radius:12px;overflow:hidden;aspect-ratio:3/2;background:#EEF0F2}
.nextc__ph img{width:100%;height:100%;object-fit:cover}
.nextc__b{display:grid;gap:6px;padding-inline:12px}
.nextc__t{font-size:1.25rem;font-weight:600;color:var(--ink)}
.nextc__p{color:var(--ink-2);font-size:16px;line-height:1.7}
.nextc__b .ccard__go{margin-top:6px}

/* بيانات تُنسخ: اسم وقيمة في صفوف */
.kv{margin:0;display:grid;border-top:1px solid var(--line)}
.kv>div{display:grid;gap:4px;padding-block:14px;border-bottom:1px solid var(--line)}
@media (min-width:640px){ .kv>div{grid-template-columns:220px 1fr;gap:16px;align-items:baseline} }
.kv dt{font-size:15px;font-weight:500;color:var(--ink-3)}
.kv dd{margin:0;font-size:17px;font-weight:600;color:var(--ink);user-select:all}
.kv dd a{user-select:all}
.docx__s .cap{margin-top:12px}
.docx__ol{margin:0;padding-inline-start:22px;display:grid;gap:10px;color:var(--ink-2);line-height:1.85;font-size:1.0625rem}
.docx__ol li::marker{color:var(--accent);font-weight:600}
.docx>.formnav{margin-top:32px}

/* أداة المقاس: بطاقة تحت العنوان مباشرة */
.tool .fit--card{margin-top:24px;max-width:760px;background:#fff;border-radius:20px;border:1px solid var(--line)}
.numwrap{margin-top:28px;max-width:820px;margin-inline:auto;overflow-x:auto}

/* السائقون: صفوف في أعمدة (لا شبكة) — ما فوق اثني عشر يُطوى */
.roster2{list-style:none;margin:28px 0 0;padding:0;columns:1;column-gap:32px}
@media (min-width:640px){ .roster2{columns:2} }
@media (min-width:1024px){ .roster2{columns:3} }
.roster2 li{break-inside:avoid;display:grid;gap:2px;padding:14px 0;border-bottom:1px solid #E7E1D6}
.roster2 b{font-size:17px;color:var(--ink)}
.roster2 span{font-size:15px;font-weight:450;color:var(--ink-2);line-height:1.7}
.roster2__more{margin-top:8px}
.roster2__more summary{cursor:pointer;min-height:48px;display:inline-flex;align-items:center;font-weight:600;color:var(--accent)}
.roster2__more .roster2{margin-top:0}
.nextc .nextc__i{height:100%}
@media (min-width:1024px){ .fcards--2{grid-template-columns:repeat(2,1fr);max-width:960px;margin-inline:auto} }
/* البطاقة الأولى الممدودة (عدد فردي) قاعدة للتابلت وحده — على الشاشة الكبيرة لكل عدد شبكته */
@media (min-width:1024px){
  .fcards>:first-child:nth-last-child(odd){grid-column:auto}
  .fcards.fcards--5>:first-child{grid-column:span 2}
  .fcards.fcards--7>:first-child{grid-column:span 3}
}

/* ==========================================================================
   بعد نقل الإنجليزية — ما ظهر في المراجعة بالعين (في اللغتين)
   ========================================================================== */
/* سطر «لست متأكدًا؟» تحت بطاقات الفئات في الوسط — البطاقات ملفوفة في .cscroll أو شبكة */
.cscroll + .fitline,.ccards--grid + .fitline{justify-content:center}
/* العناوين لا تترك كلمة وحيدة في سطرها الأخير */
.phero h1,.shead h2,.zig__t h2,.faqx__l h2,.pcta h2,.docx h1{text-wrap:balance}
/* المستند: القائمة المرقّمة مرقّمة، والنقطية منقّطة، ومسافة بين الفقرة وما يليها */
.docx__s ol.docx__ol{list-style:decimal}
.docx__s ul.docx__ol{list-style:disc}
.docx__s>:not(h2)+*{margin-top:12px}
.docx__s p.cap{font-size:15px;line-height:1.8;color:var(--ink-2)}
/* أداة المقاس: أول سؤال فوق خط ٣٦٠ على المقاسات الثلاثة */
.tool .crumbs{padding-block:8px 10px}
.tool h1{font-size:clamp(1.75rem,3.4vw,2.375rem)}
.tool .docx__lede{margin-top:6px;font-size:1.0625rem;line-height:1.7}
.tool .fit--card{margin-top:14px;padding:18px 20px}
.tool .fit--card .field__l{margin-bottom:0}

/* ==========================================================================
   جولة المراجعة بالعين — ما وُجد على ٣٩٠ و٨٣٤ و١٢٨٠ (في اللغتين)
   ========================================================================== */
/* «صورة وكلام» عمودان من ٧٦٨ — كانت على التابلت صورة بعرض الشاشة كلها لكل قسم (١٠٠٠ بكسل للقسم) */
@media (min-width:768px) and (max-width:899px){
  .zig{grid-template-columns:1fr 1fr;gap:32px;align-items:stretch}
  .zig--flip .zig__ph{order:2}
  .zig__ph{aspect-ratio:auto;min-height:300px}
}
/* الأرقام في البطاقات تصطف من أعلى وإن انكسر اسمها سطرين */
.stat{justify-content:flex-end}
/* قائمة «قياسي في كل سيارة» على الهاتف: عمودان لا ثماني بطاقات بعرض الشاشة */
@media (max-width:639px){
  .fcards--8{grid-template-columns:1fr 1fr;gap:10px}
  .fcards--8 .fcard--p{grid-template-columns:1fr;gap:8px;padding:16px}
  .fcards--8 .fcard--p .ico{width:32px;height:32px}
  .fcards--8 .fcard--p p{font-size:15px;line-height:1.6}
}
/* مسار الصفحة: السهم لا يبقى وحده في أول سطر — كل عنصر بسهمه لا ينكسر */
.crumbs li{white-space:nowrap}
/* لا كلمة وحيدة في آخر سطر */
.hero__sub,.fcard__t h3,.faqx__q summary>span,.sec__note,.promise-l{text-wrap:balance}
.fcard p,.zig__t p,.nextc__p,.lcard p{text-wrap:pretty}
/* الهيدر على الهاتف في شاشة الطلب: «تغيير البلد» الطويل (الولايات المتحدة) لا يدفع الصفحة جانبًا */
/* اسم البلد القصير على الهاتف (أمريكا / US) — «تغيير البلد» يبقى ظاهرًا */
.hdr__cs{display:none}
@media (max-width:480px){
  .hdr__tools{min-width:0}
  .hdr__cl{display:none}
  .hdr__cs{display:inline}
}
/* فهرس المدن: اسم المدينة سطر واحد، والأرقام تنزل تحته إن ضاق الصف */
.rrow{flex-wrap:wrap}
.rrow__name{white-space:nowrap}
/* أداة السعة: لا فراغ بين الخانتين والنتيجة */
.tool .fit--card .fit__out{margin-block-start:14px;padding-block-start:14px}
/* الصفحات القريبة داخل عمود المستند */
.docx__rel{margin-top:44px;max-width:760px}
.docx__rel .fcards{grid-template-columns:1fr}
@media (min-width:640px){ .docx__rel .fcards--3,.docx__rel .fcards--4{grid-template-columns:1fr 1fr} }
@media (min-width:640px){ .docx__rel .fcards>:first-child:nth-last-child(odd){grid-column:1/-1} }
/* سطر حق الصورة في آخر صفحة المدينة */
.sec--flush .cap{text-align:center;margin-top:18px}
.stats--2{max-width:720px;margin-inline:auto}
/* بطاقات الفئات على قسم أبيض: إطار رفيع كبقية البطاقات البيضاء (على البيج بلا إطار كما عند Blacklane) */
.sec:not(.bg-2) .ccard{border:1px solid var(--line)}

/* ====================== صفحة الفئة: السيارات فيها، والحجز منها (٢٠٢٦-٠٩-٢٧) ======================
   طلبه: «عايز أشوف إيه الموجود من غير ما أحجز، وأدوس على الحجز يوديني عايزها يوم أو فترة أو سفر».
   الطرازات للاطلاع في أعمدة متلاصقة (عشرون طرازًا = سبعة أسطر على الكبيرة، لا صفحة تطول)، و«احجز» واحد يفتح تحته
   الطراز من قائمة منسدلة ثم طريقة الحجز. */
.mgrid{list-style:none;margin:var(--s5) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:var(--s6);border-block-start:var(--hair)}
@media (max-width:1023px){ .mgrid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s5)} }
.mgrid li{display:flex;flex-direction:column;gap:1px;min-width:0;padding-block:10px;border-block-end:var(--hair)}
.mgrid b{font-size:1rem;font-weight:600;color:var(--ink);text-align:start;overflow-wrap:anywhere}
.mgrid small{font-size:.875rem;color:var(--ink-3);font-weight:450}
.howb{position:relative}
.howb>summary{list-style:none}
.howb>summary::-webkit-details-marker{display:none}
.howb[open]>summary{background:var(--accent);color:#fff;border-color:var(--accent)}
.howb__p{margin-block-start:var(--s3);padding:var(--s4);background:#fff;border:var(--hair);border-radius:var(--r-card);
  box-shadow:0 18px 40px -24px rgba(20,23,28,.45);width:min(560px,calc(100vw - 2*var(--gutter)))}
.howb__ml{display:grid;gap:6px;margin:0 0 var(--s4)}
.howb__ml span{font-weight:600;color:var(--ink)}
.howb__m{height:48px;padding:0 14px;border:1px solid var(--line-2);border-radius:var(--r-input);background:#fff;font:500 16px var(--font);
  color:var(--ink);cursor:pointer;width:100%}
.howb__m:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.howb__q{font-weight:600;color:var(--ink);margin:0 0 var(--s3)}
.howb__l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}
@media (max-width:559px){ .howb__l{grid-template-columns:1fr} }
.howb__o{display:flex;align-items:center;gap:var(--s3);min-height:64px;padding:var(--s3);border:var(--hair);border-radius:12px;
  text-decoration:none;color:var(--ink);transition:border-color var(--t-fast),background-color var(--t-fast)}
.howb__o:hover{border-color:var(--accent);background:var(--accent-soft)}
.howb__o .ico{width:28px;height:28px}
.howb__o span{display:flex;flex-direction:column;min-width:0}
.howb__o b{font-weight:600;font-size:1rem}
.howb__o small{font-size:.875rem;color:var(--ink-3);font-weight:450;line-height:1.5}
.howb__p .cap{margin:var(--s3) 0 0}