/* خطّ الموقع مستضاف محلياً — عربي وإنجليزي وروسي فقط.
   كان يأتي من جوجل: نطاقان خارجيان وطلبان قبل ظهور أي حرف،
   نحو ٣٠٠ مللي إضافية على شبكة جوال ضعيفة.
   المتصفّح ينزّل المقطع الذي تحتاجه الصفحة فقط بفضل unicode-range،
   فصفحة عربية لا تنزّل الحروف الروسية إطلاقاً. */

/* الوزن ٥٠٠ محذوف عمداً: فرقه عن ٤٠٠ لا يكاد يُرى، وكل ملفّ خطّ
   عربي نحو ٢٢ كيلوبايت ولاتيني ٣١. حذفه يوفّر ٥٣ كيلوبايت من بيانات
   الضيف، والمتصفّح يستعمل ٤٠٠ مكانه تلقائياً. */

@font-face{
  font-family:'Readex Pro';font-style:normal;font-weight:400;
  font-display:swap;
  src:url('/assets/fonts/readexpro-arabic-400.woff2') format('woff2');
  unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face{
  font-family:'Readex Pro';font-style:normal;font-weight:400;
  font-display:swap;
  src:url('/assets/fonts/readexpro-latin-400.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Readex Pro';font-style:normal;font-weight:600;
  font-display:swap;
  src:url('/assets/fonts/readexpro-arabic-600.woff2') format('woff2');
  unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face{
  font-family:'Readex Pro';font-style:normal;font-weight:600;
  font-display:swap;
  src:url('/assets/fonts/readexpro-latin-600.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Readex Pro';font-style:normal;font-weight:700;
  font-display:swap;
  src:url('/assets/fonts/readexpro-arabic-700.woff2') format('woff2');
  unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face{
  font-family:'Readex Pro';font-style:normal;font-weight:700;
  font-display:swap;
  src:url('/assets/fonts/readexpro-latin-700.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ============================================================
   Book Georgia Trip — app.css
   Ported from the approved design docs/design_4b_app.html (4B)
   4 themes via <body data-t="…">, RTL-first with logical properties.
   ============================================================ */

/* ============ THEMES ============ */
:root,[data-t="emerald"]{
  --p:#0F6F63; --pd:#0A544B; --pl:#E4F1EE; --acc:#C9992E; --accl:#FBF2DE;
  --ink:#10201D; --ink2:#45564F; --ink3:#6B7873;
  --bg:#F7F8F6; --card:#FFFFFF; --card2:#F2F5F3; --line:#E4E8E4; --line2:#EFF2F0;
  --ok:#1B7F52; --okl:#E7F4ED; --star:#E4A62B; --shadow:0 1px 2px rgba(16,32,29,.05),0 8px 22px rgba(16,32,29,.06);
}
[data-t="royal"]{
  --p:#17497F; --pd:#10365F; --pl:#E7EEF7; --acc:#D79A3C; --accl:#FAF1E2;
  --ink:#10192A; --ink2:#43526B; --ink3:#68758A;
  --bg:#F6F8FB; --card:#FFFFFF; --card2:#F1F5FA; --line:#E3E8EF; --line2:#EEF2F7;
  --ok:#1B7F52; --okl:#E7F4ED; --star:#E4A62B; --shadow:0 1px 2px rgba(16,25,42,.05),0 8px 22px rgba(16,25,42,.07);
}
[data-t="bronze"]{
  --p:#8A6431; --pd:#6B4C22; --pl:#F4EBDD; --acc:#2E6B58; --accl:#E6F0EB;
  --ink:#241C10; --ink2:#574A38; --ink3:#786B5A;
  --bg:#FAF7F1; --card:#FFFDF9; --card2:#F5F0E6; --line:#E9E1D3; --line2:#F1EBDF;
  --ok:#2E6B58; --okl:#E6F0EB; --star:#C98A1E; --shadow:0 1px 2px rgba(36,28,16,.05),0 8px 22px rgba(36,28,16,.07);
}
[data-t="night"]{
  --p:#2AA58C; --pd:#1E8E78; --pl:#16302B; --acc:#D9B26A; --accl:#2A2418;
  --ink:#F0EDE7; --ink2:#B6C0BE; --ink3:#7E8B89;
  --bg:#0E1315; --card:#161D20; --card2:#1B2427; --line:#263034; --line2:#202A2D;
  --ok:#3FB98A; --okl:#16302B; --star:#E0B451; --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 26px rgba(0,0,0,.45);
}

/* ============ BASE ============ */
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}

/* ⚠ الخلفية واللون يُرسمان على <html> لا على <body> وحده.
   خلفية body تُنقل إلى «لوحة» الصفحة (canvas) بحكم مواصفة CSS، فلا يُعاد
   حسابها عند تبديل السمة — فيبقى الموقع أبيض بينما تتحوّل ألوان النصوص
   إلى الفاتحة، فيختفي النص فوق الأبيض (تباين 1.06:1) عند اختيار الوضع
   الليلي. الرسم على <html> يجعل التبديل يعمل فوراً وبكل السمات. */
html{scroll-behavior:smooth;background:var(--bg);color:var(--ink)}
/* لون النصّ يُثبَّت على الأغلفة أيضاً لا على body وحده.
   body هو «لوحة» الصفحة، ولونه المحسوب لا يُعاد تقييمه عند تبديل السمة،
   فترث كل النصوص لوناً قديماً: نصّ داكن فوق خلفية ليلية = غير مقروء.
   العناصر التي تكتب color:var(--…) صراحةً تتحدّث فوراً — لذلك نكتبها هنا. */
.shell,.tabbar,.sheet,.scrim,.hdr,footer{color:var(--ink)}
body{
  margin:0; background:transparent; color:var(--ink);
  font-family:"Readex Pro","Noto Kufi Arabic","Segoe UI",-apple-system,BlinkMacSystemFont,
    "Noto Sans Georgian",Sylfaen,Tahoma,Arial,sans-serif;
  font-size:15.5px; line-height:1.8; font-weight:400;
  padding-bottom:148px;
  -webkit-text-size-adjust:100%; overflow-x:hidden;
  transition:background .25s ease,color .25s ease;
}
/* ⚠ لا animation ولا transform ولا opacity<1 على .shell إطلاقاً.
   أيّ منها يجعلها «سياق تراصّ» (stacking context)، فتُحبَس الأوراق السفلية
   داخلها ويُرسم فوقها الحاجب (scrim) الموجود خارجها — فتصل كل نقرة إلى
   الحاجب فتُغلق الورقة، ويبدو للضيف أن الاختيار لا يعمل.
   الحركة كانت تُبقي opacity:.86 بسبب fill-mode: both. أُزيلت. */
body.app-ready .shell{opacity:1}
h1,h2,h3,h4{margin:0;letter-spacing:0;line-height:1.45;font-weight:600}
p{margin:0 0 10px}
a{color:inherit;text-decoration:none}
button{font-family:inherit;font-size:inherit;border:none;background:none;color:inherit;cursor:pointer;padding:0}
img{max-width:100%;display:block}
img[loading="lazy"]{content-visibility:auto}
input,select{font-family:inherit;font-size:inherit;color:inherit}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.shell{max-width:520px;margin:0 auto;position:relative}
.pad{padding:0 16px}
.mut{color:var(--ink3)}
.sec{margin:26px 0}
.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 12px}
.sec-h h2{font-size:19px;font-weight:600}
.sec-h .more{font-size:13px;color:var(--p);font-weight:500}
.sec-h .sub{display:block;font-size:12.5px;color:var(--ink3);font-weight:400;line-height:1.6;margin-top:2px}

/* ============ HEADER ============ */
.hdr{
  position:sticky;top:0;z-index:60;background:var(--card);
  border-bottom:1px solid var(--line);
}
.hdr-in{max-width:520px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:9px 16px}
.logo{display:flex;align-items:center;gap:9px;flex:1;min-width:0}
.logo .mk{
  width:34px;height:34px;border-radius:10px;background:var(--p);color:#fff;flex:none;
  display:grid;place-items:center;font-weight:700;font-size:15px;
}
.logo .mk img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.logo .nm{font-size:14px;font-weight:600;line-height:1.3}
.logo .nm span{display:block;font-size:10.5px;color:var(--ink3);font-weight:400}
.hbtn{
  height:32px;padding:0 11px;border-radius:9px;background:var(--card2);
  font-size:12px;font-weight:500;display:flex;align-items:center;gap:5px;flex:none;color:var(--ink2)
}
.hbtn.wa{background:var(--p);color:#fff}
.hbtn svg{width:14px;height:14px;fill:currentColor}
/* قائمة سطح المكتب مخفية على الجوال — تظهر داخل استعلام 900px */
.desknav{display:none}

/* ============ HERO ============ */
.hero{position:relative;height:352px;overflow:hidden;background:var(--card2)}
/* مطلقة كي تُرسم فوق التدرّج الاحتياطي — كانت الصورة خلفه فلا تُرى إطلاقاً */
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .ph-fallback{position:absolute;inset:0;background:linear-gradient(160deg,var(--pd) 0%,var(--p) 60%,var(--acc) 130%)}
.hero .sc{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.05) 34%,rgba(0,0,0,.62) 100%)}
.hero .txt{position:absolute;inset-inline:0;bottom:0;padding:0 16px 46px;color:#fff}
.hero .kick{
  display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;
  background:rgba(255,255,255,.17);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:4px 11px;margin-bottom:9px
}
.hero h1{font-size:27px;font-weight:600;color:#fff;line-height:1.42;text-shadow:0 1px 14px rgba(0,0,0,.3)}
.hero p{font-size:13.5px;color:rgba(255,255,255,.9);margin:5px 0 0;max-width:34ch}

/* ============ SEARCH CARD ============ */
.searchcard{
  background:var(--card);border-radius:16px;box-shadow:var(--shadow);
  margin:-30px 16px 0;position:relative;z-index:5;padding:6px 14px 14px;border:1px solid var(--line2)
}
.tabs{display:flex;gap:4px;background:var(--card2);border-radius:11px;padding:3px;margin:8px 0 12px}
.tabs button{
  flex:1;height:33px;border-radius:9px;font-size:12.5px;font-weight:500;color:var(--ink2);
  transition:background .18s,color .18s,box-shadow .18s
}
.tabs button.on{background:var(--card);color:var(--p);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.09)}
.fld{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line2)}
.fld:last-of-type{border-bottom:none}
.fld .ic{width:32px;height:32px;border-radius:9px;background:var(--pl);color:var(--p);display:grid;place-items:center;flex:none}
.fld .ic svg{width:15px;height:15px;fill:currentColor}
.fld .l{flex:1;min-width:0}
.fld .l b{display:block;font-size:10.5px;color:var(--ink3);font-weight:500;line-height:1.5}
.fld .l span{display:block;font-size:13.5px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fld .ch{font-size:11px;color:var(--p);font-weight:500}
/* حقول البحث الحقيقية داخل البطاقة */
.fld .l input[type=date],.fld .l input[type=number]{
  border:none;background:transparent;padding:0;font-size:13.5px;font-weight:500;
  color:var(--ink);font-family:inherit;line-height:1.5;cursor:pointer
}
.fld .l input:focus{outline:none}
.fld .l input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}
.fld-multi{align-items:flex-start}
.fld-multi .ic{margin-top:2px}

/* ============ تبويبات البحث — أيقونة + خط سفلي للفعّال ============ */
.stabs{display:flex;gap:2px;border-bottom:1px solid var(--line2);margin:0 -14px 13px;padding:0 6px}
.stabs button{
  flex:1;min-width:0;height:47px;display:flex;align-items:center;justify-content:center;gap:6px;
  font-size:12.5px;font-weight:500;color:var(--ink3);padding:0 3px;
  border-bottom:2.5px solid transparent;margin-bottom:-1px;transition:.18s
}
.stabs button svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;
  stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.stabs button:hover{color:var(--ink2)}
.stabs button.on{color:var(--p);font-weight:600;border-bottom-color:var(--p)}

/* ============ أربع خانات مدمجة ٢×٢ بدل حقول طويلة متراكمة ============ */
.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.scell{
  position:relative;display:flex;align-items:center;gap:8px;text-align:start;width:100%;
  background:var(--card2);border:1px solid var(--line2);border-radius:13px;
  padding:9px 11px;min-height:58px;cursor:pointer;overflow:hidden;transition:.16s
}
.scell:hover,.scell:focus-within{border-color:var(--p);background:var(--pl)}
.scell .sic{
  width:26px;height:26px;border-radius:8px;background:var(--card);color:var(--p);
  display:grid;place-items:center;flex:none
}
.scell .sic svg{width:14px;height:14px;fill:currentColor}
.scell .stx{flex:1;min-width:0}
.scell .stx b{display:block;font-size:10px;color:var(--ink3);font-weight:500;line-height:1.5;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scell .sv{display:block;font-size:13px;font-weight:600;color:var(--ink);line-height:1.5;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scell .sv.ph{color:var(--ink3);font-weight:500}
.scell .scv{width:13px;height:13px;flex:none;fill:none;stroke:var(--ink3);stroke-width:2.4;stroke-linecap:round}
/* حقل التاريخ الأصلي يغطّي الخانة شفافاً: النقرة في أي مكان تفتح المنتقي،
   و16px تمنع تكبير iOS التلقائي عند التركيز */
.scell input[type=date]{
  position:absolute;inset:0;width:100%;height:100%;opacity:0;
  border:0;padding:0;margin:0;background:transparent;cursor:pointer;font-size:16px
}
.scell input[type=date]::-webkit-calendar-picker-indicator{width:100%;height:100%;cursor:pointer}

/* الليالي وأيام السيارة — تظهر فقط بعد اختيار التاريخين */
.nightsum{
  display:flex;align-items:center;justify-content:center;gap:6px;
  background:var(--pl);color:var(--p);border-radius:10px;
  font-size:12px;font-weight:500;padding:7px 10px;margin-top:9px
}
.nightsum[hidden]{display:none}

/* ============ أقراص الوجهات داخل الورقة ============ */
.destpick{display:flex;flex-wrap:wrap;gap:8px}
.dchip{display:inline-flex;cursor:pointer;margin:0;position:relative}
.dchip input{position:absolute;opacity:0;width:0;height:0}
.dchip span{
  display:inline-block;font-size:13px;font-weight:500;color:var(--ink2);
  background:var(--card2);border:1.5px solid transparent;border-radius:11px;
  padding:9px 15px;transition:.15s
}
.dchip input:checked + span{background:var(--pl);border-color:var(--p);color:var(--p);font-weight:600}
.dchip input:focus-visible + span{outline:2px solid var(--p);outline-offset:2px}

/* ============ عدّادات المسافرين داخل الورقة ============ */
.paxrow{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line2)}
.paxrow:last-of-type{border-bottom:none}
.paxrow .pl{flex:1;min-width:0}
.paxrow .pl b{display:block;font-size:14.5px;font-weight:600;line-height:1.5}
.paxrow .pl span{font-size:12px;color:var(--ink3);line-height:1.6}
.paxone{display:inline-flex;align-items:center;gap:6px;flex:none}
.paxone button{
  width:36px;height:36px;border-radius:11px;background:var(--card2);color:var(--p);
  font-size:19px;font-weight:700;line-height:1;display:grid;place-items:center;flex:none;transition:.15s
}
.paxone button:hover{background:var(--pl)}
.paxone button:active{transform:scale(.92)}
.paxone input{
  width:34px;text-align:center;font-size:15px;font-weight:700;color:var(--ink);
  border:none;background:transparent;-moz-appearance:textfield;pointer-events:none
}
.paxone input::-webkit-outer-spin-button,.paxone input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
/* شريط ملخص البحث في صفحة السيارات */
.searchsum{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--pl);
  border-radius:12px;padding:10px 13px;margin-bottom:14px;font-size:12.5px;color:var(--p);font-weight:600}
.searchsum a{color:var(--ink3);font-weight:500;margin-inline-start:auto}
.gobtn{
  width:100%;height:46px;border-radius:12px;background:var(--p);color:#fff;
  font-size:15px;font-weight:600;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;
  box-shadow:0 6px 16px -6px var(--p)
}
.gobtn svg{width:17px;height:17px;fill:#fff}
.gobtn:active{transform:scale(.985)}

/* ============ TRUST — بطاقة عائمة بفواصل رقيقة ============ */
.trust{
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  background:var(--card);border:1px solid var(--line2);border-radius:16px;
  box-shadow:var(--shadow);margin:14px 16px 22px;overflow:hidden
}
.trust div{background:transparent;padding:14px 6px;text-align:center;position:relative}
.trust div + div:before{
  content:"";position:absolute;inset-block:24%;inset-inline-start:0;width:1px;background:var(--line)
}
.trust b{display:block;font-size:18px;font-weight:600;color:var(--p);line-height:1.3}
.trust span{display:block;font-size:10.5px;color:var(--ink3);line-height:1.5}

/* ============ STORY RAIL ============ */
.rail{display:flex;gap:11px;overflow-x:auto;padding:2px 16px 4px;scrollbar-width:none;scroll-snap-type:x proximity}
.rail::-webkit-scrollbar{display:none}
.story{flex:none;width:70px;text-align:center;scroll-snap-align:start}
.story .r{width:70px;height:70px;border-radius:24px;padding:2.5px;background:linear-gradient(140deg,var(--p),var(--acc));overflow:hidden}
.story .r img{width:100%;height:100%;object-fit:cover;border-radius:22px;border:2px solid var(--card)}
.story .r .ini{width:100%;height:100%;border-radius:22px;border:2px solid var(--card);background:var(--pl);color:var(--p);display:grid;place-items:center;font-size:22px;font-weight:700}
.story span{display:block;font-size:11px;color:var(--ink2);margin-top:5px;line-height:1.4}

/* ============ FILTER BAR — شريط أفقي واحد بدل لوحة طويلة ============
   اللوحة الكاملة انتقلت إلى ورقة سفلية (#sheet_filters) فتُفتح بالطلب،
   والشريط يعرض ما هو نشط فقط. وفّر ~٣٥٠ بكسل من طول الرئيسية. */
.fbar{
  display:flex;align-items:center;gap:7px;overflow-x:auto;
  scrollbar-width:none;padding:2px 0 4px
}
.fbar::-webkit-scrollbar{display:none}
.fpill{
  flex:none;height:38px;padding:0 14px;border-radius:11px;background:var(--card);
  border:1px solid var(--line);font-size:12.5px;font-weight:500;color:var(--ink2);
  display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:.16s
}
.fpill:hover{border-color:var(--p);color:var(--p)}
.fpill svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;
  stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.fpill b{font-weight:600;color:var(--ink)}
.fpill.main{background:var(--p);border-color:var(--p);color:#fff;font-weight:600}
.fpill.main:hover{background:var(--pd);color:#fff}
.fpill.main em{
  font-style:normal;min-width:19px;height:19px;padding:0 5px;border-radius:10px;
  background:rgba(255,255,255,.26);font-size:11px;font-weight:700;display:grid;place-items:center
}
.fpill.active{background:var(--pl);border-color:var(--p);color:var(--p);font-weight:600}
.fpill.active i{font-style:normal;font-size:12px;opacity:.6}
.fpill.clear{background:transparent;border-style:dashed;color:var(--ink3)}
.fpill[hidden],.fpill em[hidden]{display:none}
.factive{display:flex;align-items:center;gap:7px}

/* صفوف الفلاتر — تُعرض الآن داخل الورقة السفلية */
.frow{margin-bottom:16px}
.frow:last-child{margin-bottom:0}
.flab{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}
.flab b{font-size:12.5px;font-weight:600}
.flab .v{font-size:12.5px;color:var(--p);font-weight:600}
.chips{display:flex;gap:7px;flex-wrap:wrap}
.chips.scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.chips.scroll::-webkit-scrollbar{display:none}
.chip{
  flex:none;height:33px;padding:0 13px;border-radius:10px;background:var(--card2);
  border:1px solid transparent;font-size:12.5px;font-weight:500;color:var(--ink2);
  display:inline-flex;align-items:center;gap:6px;transition:.16s
}
.chip.on{background:var(--pl);border-color:var(--p);color:var(--p);font-weight:600}
.chip:active{transform:scale(.97)}
input[type=range]{
  -webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:4px;
  background:var(--line);outline:none;margin:6px 0 2px;direction:ltr
}
input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--card);
  border:5px solid var(--p);box-shadow:0 2px 6px rgba(0,0,0,.18);cursor:pointer
}
input[type=range]::-moz-range-thumb{
  width:22px;height:22px;border-radius:50%;background:var(--card);
  border:5px solid var(--p);box-shadow:0 2px 6px rgba(0,0,0,.18);cursor:pointer
}
.rlab{display:flex;justify-content:space-between;font-size:10.5px;color:var(--ink3)}
.fresult{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:8px 0 12px;font-size:13px;color:var(--ink2)
}
.fresult b{color:var(--ink);font-weight:600}
.fresult button{font-size:12px;color:var(--p);font-weight:500}

/* ============ CAR CARD ============ */
.cars{display:flex;flex-direction:column;gap:14px}
.car{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.car .ph{position:relative;height:186px;background:var(--card2)}
.car .ph:empty,.place:empty,.pkg .ph:empty{background:linear-gradient(100deg,var(--card2),var(--pl),var(--card2));background-size:220% 100%;animation:skel 1.4s ease infinite}
@keyframes skel{0%{background-position:100% 0}100%{background-position:-100% 0}}
.car .ph img{width:100%;height:100%;object-fit:cover}
.car .ph .ph-fallback{position:absolute;inset:0;background:linear-gradient(150deg,var(--card2),var(--pl));display:grid;place-items:center;color:var(--ink3);font-size:12px}
.banner{
  position:absolute;top:11px;inset-inline-end:0;padding:5px 13px 5px 15px;
  background:var(--p);color:#fff;font-size:11px;font-weight:600;
  border-start-start-radius:20px;border-end-start-radius:20px;display:flex;align-items:center;gap:5px;
  box-shadow:0 3px 10px rgba(0,0,0,.2);
  max-width:62%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2
}
.banner.own{background:var(--acc);color:#231a05}
.banner svg{width:12px;height:12px;fill:currentColor}
.fav{
  position:absolute;top:11px;inset-inline-start:11px;width:32px;height:32px;border-radius:50%;
  background:rgba(255,255,255,.9);backdrop-filter:blur(6px);display:grid;place-items:center
}
.fav svg{width:15px;height:15px;fill:none;stroke:#33403c;stroke-width:1.8}
.car .bd{padding:13px 14px 14px}
.car h3{font-size:16px;font-weight:600;margin-bottom:4px}
.specs{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 10px}
.spec{
  font-size:11.5px;color:var(--ink2);background:var(--card2);border-radius:8px;
  padding:3px 9px;display:inline-flex;align-items:center;gap:5px;line-height:1.6
}
.spec svg{width:12px;height:12px;fill:var(--ink3)}
.incl{display:flex;flex-direction:column;gap:4px;margin:0 0 11px;padding:10px 11px;background:var(--card2);border-radius:11px}
.incl .t{font-size:10.5px;color:var(--ink3);font-weight:500;margin-bottom:1px}
.incl div.i{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink2);line-height:1.7}
.incl div.i svg{width:13px;height:13px;fill:var(--ok);flex:none}

/* driver row */
.drow{display:flex;align-items:center;gap:10px;padding:10px 0 0;border-top:1px solid var(--line2)}
.av{width:44px;height:44px;border-radius:50%;flex:none;position:relative;background:var(--card2);overflow:visible}
.av .cir{width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid var(--card);box-shadow:0 0 0 1.5px var(--p)}
.av .cir svg,.av .cir img{width:100%;height:100%;display:block;object-fit:cover}
.av .vf{
  position:absolute;bottom:-2px;inset-inline-start:-2px;width:17px;height:17px;border-radius:50%;
  background:var(--ok);border:2px solid var(--card);display:grid;place-items:center
}
.av .vf svg{width:8px;height:8px;fill:#fff;stroke:none}
.dinfo{flex:1;min-width:0}
.dinfo b{display:block;font-size:13.5px;font-weight:600;line-height:1.5}
.dinfo .mt{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink3);line-height:1.6;flex-wrap:wrap}
.dinfo .mt .st{color:var(--star);font-weight:600;display:inline-flex;align-items:center;gap:3px}
.dinfo .mt .st svg{width:11px;height:11px;fill:var(--star)}
.langs{display:flex;gap:4px}
.lg{font-size:9.5px;font-weight:600;background:var(--pl);color:var(--p);border-radius:5px;padding:1px 5px;line-height:1.7}
.dgo{width:30px;height:30px;border-radius:9px;background:var(--card2);display:grid;place-items:center;flex:none}
.dgo svg{width:13px;height:13px;fill:none;stroke:var(--ink3);stroke-width:2}

.pricerow{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:12px}
.price b{font-size:22px;font-weight:600;color:var(--ink);line-height:1.2}
.price span{font-size:11.5px;color:var(--ink3)}
.price .old{font-size:11.5px;color:var(--ink3);text-decoration:line-through;margin-inline-start:5px}
.bookbtn{
  height:42px;padding:0 20px;border-radius:12px;background:var(--p);color:#fff;
  font-size:14px;font-weight:600;display:flex;align-items:center;gap:7px;flex:none;
  box-shadow:0 5px 14px -6px var(--p);white-space:nowrap
}
.bookbtn:active{transform:scale(.97)}
.bookbtn svg{width:16px;height:16px;fill:currentColor;flex:none}
.empty{text-align:center;padding:34px 20px;color:var(--ink3);font-size:13.5px}
.empty b{display:block;color:var(--ink);font-size:15px;margin-bottom:4px;font-weight:600}

/* ============ GENERIC CARDS ============ */
.hrail{display:flex;gap:12px;overflow-x:auto;padding:2px 16px 6px;scrollbar-width:none;scroll-snap-type:x mandatory}
.hrail::-webkit-scrollbar{display:none}
.pkg{
  flex:none;width:236px;scroll-snap-align:start;background:var(--card);border:1px solid var(--line);
  border-radius:16px;overflow:hidden;box-shadow:var(--shadow)
}
.pkg .ph{height:132px;position:relative;background:var(--card2)}
.pkg .ph img{width:100%;height:100%;object-fit:cover}
.pkg .nights{
  position:absolute;bottom:9px;inset-inline-end:9px;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);
  color:#fff;font-size:10.5px;font-weight:500;border-radius:7px;padding:2px 8px
}
.pkg .bd{padding:11px 12px 12px}
.pkg h3{font-size:14.5px;font-weight:600;line-height:1.5}
.citychips{display:flex;gap:4px;flex-wrap:wrap;margin:6px 0 9px}
.cc{font-size:10px;color:var(--ink3);background:var(--card2);border-radius:6px;padding:1px 7px;line-height:1.8}
.pkg .pr{display:flex;align-items:baseline;justify-content:space-between;gap:6px}
.pkg .pr b{font-size:17px;font-weight:600}
.pkg .pr span{font-size:10.5px;color:var(--ink3)}

.hotel{display:flex;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:15px;padding:9px;box-shadow:var(--shadow)}
.hotel .ph{width:96px;height:96px;border-radius:11px;overflow:hidden;flex:none;background:var(--card2)}
.hotel .ph img{width:100%;height:100%;object-fit:cover}
.hotel .bd{flex:1;min-width:0;display:flex;flex-direction:column}
.hotel h3{font-size:14.5px;font-weight:600}
.hotel .lc{font-size:11.5px;color:var(--ink3);display:flex;align-items:center;gap:4px;margin:2px 0 6px}
.hotel .lc svg{width:11px;height:11px;fill:var(--ink3)}
.stars{display:flex;gap:1.5px;margin-bottom:6px}
.stars svg{width:12px;height:12px;fill:var(--star)}
.hotel .q{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}
.hotel .q span{font-size:11px;color:var(--ink3)}
.qbtn{height:32px;padding:0 13px;border-radius:9px;background:var(--pl);color:var(--p);font-size:12.5px;font-weight:600;flex:none}

.places{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.place{position:relative;height:132px;border-radius:15px;overflow:hidden;background:var(--card2)}
.place:first-child{grid-column:1/-1;height:158px}
.place img{width:100%;height:100%;object-fit:cover}
.place .sc{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 32%,rgba(0,0,0,.68) 100%)}
.place .t{position:absolute;inset-inline:0;bottom:0;padding:10px 12px;color:#fff}
.place .t b{display:block;font-size:14.5px;font-weight:600;line-height:1.4}
.place .t span{font-size:10.5px;color:rgba(255,255,255,.82)}

.rest{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;gap:11px;align-items:flex-start}
.rest .mk{
  width:44px;height:44px;border-radius:13px;flex:none;background:var(--pl);color:var(--p);
  display:grid;place-items:center;font-size:17px;font-weight:600
}
.rest .bd{flex:1;min-width:0}
.rest h3{font-size:14px;font-weight:600}
.rest .m{font-size:11.5px;color:var(--ink3);line-height:1.7}
.vbadge{
  display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;
  background:var(--okl);color:var(--ok);border-radius:6px;padding:2px 7px;margin-top:5px
}
.vbadge svg{width:10px;height:10px;fill:currentColor}

.steps{display:flex;flex-direction:column;gap:2px}
.step{display:flex;gap:12px;padding:11px 0}
.step .n{
  width:30px;height:30px;border-radius:10px;flex:none;background:var(--pl);color:var(--p);
  display:grid;place-items:center;font-size:13px;font-weight:600
}
.step b{display:block;font-size:14px;font-weight:600;line-height:1.5}
.step span{font-size:12.5px;color:var(--ink3);line-height:1.7}

/* ============ SHEETS ============ */
.scrim{
  position:fixed;inset:0;background:rgba(8,16,14,.5);backdrop-filter:blur(3px);z-index:300;
  opacity:0;pointer-events:none;transition:opacity .26s ease
}
.scrim.on{opacity:1;pointer-events:auto}
.sheet{
  position:fixed;inset-inline:0;bottom:0;z-index:310;background:var(--bg);
  border-start-start-radius:22px;border-start-end-radius:22px;max-height:94vh;display:flex;flex-direction:column;
  transform:translateY(101%);transition:transform .32s cubic-bezier(.22,.9,.28,1),visibility .32s;
  max-width:520px;margin:0 auto;box-shadow:0 -10px 40px rgba(0,0,0,.22);
  /* الورقة المغلقة يجب ألا تلتقط أي نقرة — وإلا حجبت الخريطة على الشاشات الكبيرة */
  visibility:hidden;pointer-events:none
}
.sheet.on{transform:translateY(0);visibility:visible;pointer-events:auto}
.grab{width:38px;height:4px;border-radius:4px;background:var(--line);margin:9px auto 0;flex:none}
.sh-h{display:flex;align-items:center;gap:10px;padding:10px 16px 12px;border-bottom:1px solid var(--line);flex:none}
.sh-h h3{flex:1;font-size:16px;font-weight:600}
.sh-h .x{width:30px;height:30px;border-radius:50%;background:var(--card2);display:grid;place-items:center;flex:none}
.sh-h .x svg{width:13px;height:13px;fill:none;stroke:var(--ink2);stroke-width:2.2;stroke-linecap:round}
.sh-b{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 16px 18px;flex:1}
.sh-f{
  flex:none;padding:12px 16px calc(14px + env(safe-area-inset-bottom));
  border-top:1px solid var(--line);background:var(--card);
  display:flex;align-items:center;gap:12px
}
.sh-f .tot{flex:1;min-width:0}
.sh-f .tot b{display:block;font-size:18px;font-weight:600;line-height:1.3}
.sh-f .tot span{font-size:11px;color:var(--ink3)}

/* ============ MAP / ROUTE PLANNER (used from Phase 3) ============ */
.mapwrap{position:relative;overflow:hidden;background:linear-gradient(180deg,#eef7f5 0%,var(--card) 62%);border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:var(--shadow)}
.mapwrap:before{content:"";position:absolute;inset:8px;border-radius:14px;border:1px solid rgba(255,255,255,.7);pointer-events:none}
.gmap{width:100%;height:auto;display:block;touch-action:manipulation}
.gmap .neigh{fill:var(--card2)}
.gmap .sea-fill{fill:var(--pl);opacity:.85}
.gmap .sea-wave path{fill:none;stroke:var(--p);stroke-opacity:.3;stroke-width:1.4;stroke-linecap:round}
.gmap .sea-lbl{font-size:8px;fill:var(--p);opacity:.75;font-family:inherit}
.gmap .land{fill:var(--card);stroke:var(--line);stroke-width:1.6}
[data-t="night"] .gmap .land{fill:#1D272B}
.gmap .river{fill:none;stroke:var(--p);stroke-opacity:.28;stroke-width:2;stroke-linecap:round}
.gmap .ridge path{fill:none;stroke:var(--ink3);stroke-opacity:.4;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.gmap .neigh-lbl text{font-size:8px;fill:var(--ink3);opacity:.7;font-family:inherit}
.gmap .routeline{fill:none;stroke:var(--acc);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:7 5;opacity:.95;filter:drop-shadow(0 2px 3px rgba(0,0,0,.16))}

/* ---- دبابيس المدن: هدف لمس مريح بلا تداخل مع الجار ---- */
.gmap .pin{cursor:pointer}
.gmap .pin .hit{fill:#fff;fill-opacity:0}          /* منطقة اللمس — شفافة لكنها تلتقط النقر */

/* ⚠ كل ما هو زخرفة لا يجوز أن يبتلع الضغطة.
   بدون هذا السطر كان خطّ المطار المتقطّع يسرق الضغطة عن تبليسي وباتومي،
   وهالة المدينة المجاورة تسرقها عن كوتايسي — ثلاث مدن لا تُختار على الجوال. */
.gmap .halo,.gmap .dot,.gmap .lbl,.gmap .ord,
.gmap .routeline,.gmap .aplink,.gmap .ridge,.gmap .river,
.gmap .land,.gmap .neigh-lbl,.gmap .sea-lbl,.gmap .neighland{pointer-events:none}
.gmap .pin .hit{pointer-events:auto}
.gmap .pin .halo{fill:var(--card);stroke:var(--ink3);stroke-width:1.4;stroke-opacity:.55;transition:.18s;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}
.gmap .pin .dot{fill:var(--card2);stroke:var(--ink3);stroke-width:1.1;stroke-opacity:.7;transition:.18s}
.gmap .pin .lbl{font-size:10px;fill:var(--ink);text-anchor:middle;font-family:inherit;font-weight:600;
  paint-order:stroke;stroke:var(--card);stroke-width:3.2;stroke-linejoin:round;transition:.18s}
.gmap .pin .ord{font-size:9px;fill:#fff;text-anchor:middle;font-weight:700;font-family:inherit;opacity:0;transition:.18s}
.gmap .pin:hover .halo{stroke:var(--p);stroke-opacity:1;stroke-width:1.8}
.gmap .pin:hover .dot{fill:var(--pl)}
.gmap .pin.on .halo{fill:var(--p);stroke:var(--p);stroke-opacity:1;stroke-width:2.2}
.gmap .pin.on .dot{fill:var(--p);stroke:var(--card);stroke-width:1.6;stroke-opacity:1}
.gmap .pin.on .lbl{fill:var(--p);font-weight:700}
.gmap .pin.on .ord{opacity:1}
.gmap .pin:active .halo{stroke-width:3}
[data-t="night"] .gmap .pin .lbl{stroke:#1D272B}

/* ---- المطارات ---- */
.gmap .apt .lbl{font-size:8.8px;paint-order:stroke;stroke:var(--card);stroke-width:3;stroke-linejoin:round}
[data-t="night"] .gmap .apt .lbl{stroke:#1D272B}
.gmap .apt .aplink{stroke:var(--ink3);stroke-width:1.2;stroke-dasharray:3 3;opacity:.4}
.gmap .apt.on .aplink{stroke:var(--acc);opacity:.75}

.maphint{font-size:11.5px;color:var(--ink3);text-align:center;padding:8px 4px 2px;line-height:1.7}

/* ---- اختيار المطار ---- */
.apchips{display:flex;gap:7px;flex-wrap:wrap;padding:2px 0 12px}
.apchips .chip{font-size:12px;height:32px}
.apnote{font-size:11.5px;color:var(--ink3);line-height:1.75;margin:0 0 4px;padding-bottom:8px}
.gmap .neighland{fill:var(--card2);stroke:var(--line2);stroke-width:.9}
[data-t="night"] .gmap .neighland{fill:#1A2124;stroke:#242D31}
.gmap .apt .ap-bg{fill:var(--card);stroke:var(--ink3);stroke-width:1.4;transition:.2s}
.gmap .apt .ap-ic{fill:var(--ink3);transition:.2s}
.gmap .apt .lbl{fill:var(--ink3);text-anchor:middle;font-family:inherit;transition:.2s}
.gmap .apt.on .ap-bg{fill:var(--acc);stroke:var(--acc)}
.gmap .apt.on .ap-ic{fill:#fff}
.gmap .apt.on .lbl{fill:var(--acc);font-weight:600}


.routelist{display:flex;flex-direction:column;gap:9px;margin-top:14px}
.rl{display:flex;align-items:center;gap:11px;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:10px 12px}
.rl .n{width:24px;height:24px;border-radius:8px;background:var(--p);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.rl .i{flex:1;min-width:0}
.rl .i b{display:block;font-size:14px;font-weight:600;line-height:1.5}
.rl .i span{font-size:11px;color:var(--ink3);line-height:1.6}
.stepper{display:flex;align-items:center;gap:2px;background:var(--card2);border-radius:10px;padding:3px;flex:none}
.stepper button{width:28px;height:28px;border-radius:8px;background:var(--card);font-size:16px;font-weight:600;color:var(--p);display:grid;place-items:center;line-height:1}
.stepper button:disabled{color:var(--ink3);opacity:.45}
.stepper .v{min-width:38px;text-align:center;font-size:12.5px;font-weight:600}
.rmv{width:28px;height:28px;border-radius:8px;background:transparent;display:grid;place-items:center;flex:none}
.rmv svg{width:12px;height:12px;fill:none;stroke:var(--ink3);stroke-width:2.2;stroke-linecap:round}
.legs{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding:11px 12px;background:var(--card2);border-radius:12px}
.legs .t{font-size:11px;color:var(--ink3);font-weight:500}
.leg{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--ink2)}
.leg b{font-weight:600;color:var(--ink)}
.sumgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.sumgrid div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:9px 6px;text-align:center}
.sumgrid b{display:block;font-size:16px;font-weight:600;color:var(--p);line-height:1.4}
.sumgrid span{font-size:10px;color:var(--ink3)}
.tripopts{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:2px 13px;margin-top:12px;box-shadow:var(--shadow)}
.addret{width:100%;margin-top:10px;padding:12px;border-radius:13px;border:1.4px dashed var(--line);background:var(--card);
  color:var(--p);font-size:13.5px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}
.addret:active{transform:scale(.99)}
.addret:disabled{color:var(--ink3);border-style:solid;opacity:.6}
.rl.ret .n{background:var(--acc)}
.rl .tagret{font-size:10px;background:var(--accl);color:var(--acc);border-radius:6px;padding:2px 6px;font-weight:600;margin-inline-start:6px}

/* ============ REVIEWS (Phase 2/3) ============ */
.rvhead{display:flex;gap:16px;align-items:center;padding:4px 0 14px}
.rvbig{text-align:center;flex:none}
.rvbig b{display:block;font-size:38px;font-weight:600;line-height:1.1;color:var(--ink)}
.rvbig .ss{display:flex;gap:2px;justify-content:center;margin:3px 0 2px}
.rvbig .ss svg{width:13px;height:13px;fill:var(--star)}
.rvbig span{font-size:11px;color:var(--ink3)}
.rvbars{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.rvbar{display:flex;align-items:center;gap:7px;font-size:10.5px;color:var(--ink3)}
.rvbar .tr{flex:1;height:6px;border-radius:6px;background:var(--card2);overflow:hidden}
.rvbar .tr i{display:block;height:100%;background:var(--star);border-radius:6px}
.rvcats{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;padding:13px;background:var(--card);border:1px solid var(--line);border-radius:14px}
.rvcat b{display:block;font-size:13px;font-weight:600;color:var(--p);line-height:1.4}
.rvcat span{font-size:11px;color:var(--ink3)}
.rvcat .tr{display:block;height:4px;border-radius:4px;background:var(--card2);margin-top:4px;overflow:hidden}
.rvcat .tr i{display:block;height:100%;background:var(--p);border-radius:4px}
.smarttags{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}
.stag{
  font-size:11.5px;font-weight:500;background:var(--card);border:1px solid var(--line);
  border-radius:20px;padding:4px 11px;color:var(--ink2);display:inline-flex;align-items:center;gap:6px
}
.stag b{color:var(--p);font-weight:600}
.rvcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:10px}
.rvtop{display:flex;align-items:center;gap:9px;margin-bottom:7px}
.rvtop .a{width:32px;height:32px;border-radius:50%;background:var(--pl);color:var(--p);display:grid;place-items:center;font-size:12px;font-weight:600;flex:none}
.rvtop .i{flex:1;min-width:0}
.rvtop .i b{display:block;font-size:13px;font-weight:600;line-height:1.5}
.rvtop .i span{font-size:10.5px;color:var(--ink3)}
.rvtop .ss{display:flex;gap:1.5px;flex:none}
.rvtop .ss svg{width:11px;height:11px;fill:var(--star)}
.rvcard p{font-size:13px;color:var(--ink2);margin:0;line-height:1.85}
.rvmeta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.rvmeta span{font-size:10px;color:var(--ink3);background:var(--card2);border-radius:6px;padding:2px 7px}
.rvmeta span.v{background:var(--okl);color:var(--ok);font-weight:600;display:inline-flex;align-items:center;gap:4px}
.rvmeta span.v svg{width:9px;height:9px;fill:currentColor}

/* driver profile head */
.dprof{display:flex;gap:13px;align-items:center;padding:2px 0 14px;border-bottom:1px solid var(--line)}
.dprof .av{width:72px;height:72px}
.dprof .av .cir{width:72px;height:72px;box-shadow:0 0 0 2px var(--p)}
.dprof .av .vf{width:22px;height:22px}
.dprof .av .vf svg{width:11px;height:11px}
.dprof .i{flex:1;min-width:0}
.dprof .i h3{font-size:18px;font-weight:600}
.dprof .i .m{font-size:12px;color:var(--ink3);line-height:1.75}
.dfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.dfacts div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 6px;text-align:center}
.dfacts b{display:block;font-size:15px;font-weight:600;line-height:1.4}
.dfacts span{font-size:10px;color:var(--ink3)}

/* ============ ADMIN ROWS / SWITCHES ============ */
.adm{display:flex;flex-direction:column;gap:2px}
.admrow{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line2)}
.admrow:last-child{border-bottom:none}
.admrow .i{flex:1;min-width:0}
.admrow .i b{display:block;font-size:14px;font-weight:600;line-height:1.5}
.admrow .i span{font-size:11.5px;color:var(--ink3);line-height:1.6}
.sw{width:47px;height:28px;border-radius:20px;background:var(--line);position:relative;flex:none;transition:background .22s}
.sw i{
  position:absolute;top:3px;inset-inline-start:3px;width:22px;height:22px;border-radius:50%;background:#fff;
  box-shadow:0 1px 4px rgba(0,0,0,.25);transition:transform .22s cubic-bezier(.3,.9,.3,1)
}
.sw.on{background:var(--p)}
[dir="rtl"] .sw.on i{transform:translateX(-19px)}
[dir="ltr"] .sw.on i{transform:translateX(19px)}
.themegrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 6px}
.th{border:2px solid var(--line);border-radius:14px;padding:10px;text-align:start;background:var(--card);transition:.18s}
.th.on{border-color:var(--p)}
.th .sw3{display:flex;gap:4px;margin-bottom:7px}
.th .sw3 i{width:22px;height:22px;border-radius:7px;display:block}
.th b{display:block;font-size:13px;font-weight:600}
.th span{font-size:10.5px;color:var(--ink3)}
.note{background:var(--accl);border-radius:12px;padding:11px 13px;font-size:12px;color:var(--ink2);line-height:1.8;margin-top:14px}
.note b{color:var(--ink);font-weight:600}

/* ============ TAB BAR ============ */
.tabbar{
  position:fixed;inset-inline:0;bottom:0;z-index:70;background:var(--card);
  border-top:1px solid var(--line);display:flex;
  padding:6px 4px calc(6px + env(safe-area-inset-bottom));
  max-width:520px;margin:0 auto;box-shadow:0 -2px 16px rgba(0,0,0,.05)
}
.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;color:var(--ink3);font-size:10px}
.tabbar a svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tabbar a.on{color:var(--p);font-weight:600}
.tabbar a.on svg{stroke-width:2.1}
.tabbar a.hide{display:none}
.fab{
  position:fixed;bottom:96px;inset-inline-start:14px;z-index:65;width:46px;height:46px;border-radius:16px;
  background:var(--ink);color:var(--bg);display:grid;place-items:center;box-shadow:0 8px 22px rgba(0,0,0,.28)
}
.fab svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
.wafab{
  position:fixed;bottom:96px;inset-inline-end:14px;z-index:65;height:46px;padding:0 16px;border-radius:16px;
  background:#25D366;color:#0b2e18;display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;
  box-shadow:0 8px 22px rgba(37,211,102,.35)
}
.wafab svg{width:19px;height:19px;fill:currentColor}
.quickbar{
  position:fixed;inset-inline:10px;bottom:70px;z-index:66;display:grid;grid-template-columns:1fr 1fr;gap:8px;
  max-width:500px;margin:0 auto;padding:0 2px
}
.quickbar a{height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:var(--shadow)}
.qb-book{background:var(--p);color:#fff}
.qb-wa{background:#25D366;color:#0b2e18}
.socialproof{
  position:fixed;inset-inline-start:14px;bottom:128px;z-index:68;max-width:min(360px,calc(100vw - 28px));
  transform:translateY(14px);opacity:0;pointer-events:none;transition:.28s ease;
  display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);
  border-radius:14px;padding:11px 13px;box-shadow:0 12px 34px rgba(16,32,29,.16);
  font-size:12.5px;font-weight:600;color:var(--ink2);line-height:1.55
}
.socialproof.on{opacity:1;transform:translateY(0)}
.sp-dot{width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 5px var(--okl);flex:none}
.recentgrid{display:grid;grid-template-columns:1fr;gap:9px}
.recentitem{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 13px;box-shadow:var(--shadow)}
.recentitem b{display:block;font-size:13px;line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recentitem span{font-size:10.5px;color:var(--ink3)}
.revchart{height:160px;display:flex;align-items:end;gap:8px;overflow-x:auto;padding:16px 2px 4px}
.revbar{min-width:44px;background:linear-gradient(180deg,var(--p),var(--pd));border-radius:10px 10px 6px 6px;position:relative;display:flex;align-items:flex-end;justify-content:center;color:#fff}
.revbar span{position:absolute;bottom:100%;margin-bottom:4px;font-size:10px;color:var(--ink2);white-space:nowrap}
.revbar em{font-style:normal;font-size:10px;color:#fff;padding-bottom:3px}
.offsec{display:none!important}

/* ============ VEHICLE CODE / SEARCH / MORE ============ */
.vcode{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;color:var(--ink2);
  background:var(--card2);border:1px solid var(--line);border-radius:7px;padding:2px 7px;letter-spacing:.4px}
.vcode svg{width:10px;height:10px;fill:none;stroke:var(--ink3);stroke-width:2;flex:none}
.vcode .ltr{letter-spacing:.6px}
.codesearch{display:flex;gap:8px;margin:10px 0 4px}
.codesearch input{flex:1;min-width:0;border:1px solid var(--line);background:var(--card2);border-radius:11px;
  padding:11px 12px;font-size:13.5px;font-family:inherit;color:var(--ink)}
.codesearch input::placeholder{color:var(--ink3)}
.codesearch button{background:var(--p);color:#fff;border-radius:11px;padding:0 16px;font-size:13.5px;font-weight:600;flex:none}
.codeout{font-size:12.5px;color:var(--ink2);line-height:1.8;padding:4px 2px;min-height:22px}
.codeout b{color:var(--ink);font-weight:600}
.codeout .bad{color:#B4453A}
.morebtn{width:100%;margin-top:14px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--card);
  color:var(--p);font-size:14px;font-weight:600;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;gap:8px}
.morebtn:active{transform:scale(.99)}
.morebtn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.allbar{position:sticky;top:0;z-index:3;background:var(--card);padding:10px 0 12px;border-bottom:1px solid var(--line2);margin-bottom:14px}

/* ============ FOOTER ============ */
footer{background:var(--card);border-top:1px solid var(--line);margin-top:28px;padding:22px 16px 26px}
footer .fl{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:14px}
footer .fl a{font-size:12.5px;color:var(--ink2)}
footer .sm{font-size:11.5px;color:var(--ink3);line-height:1.85}
footer .soc{display:flex;gap:9px;margin:12px 0}
footer .soc a{width:36px;height:36px;border-radius:11px;background:var(--card2);display:grid;place-items:center}
footer .soc a svg{width:16px;height:16px;fill:var(--ink2)}

/* ============ محتوى الموقع الرئيسي: شريط الثقة · لماذا نحن · الشارات ============ */
.offerbar{
  background:var(--acc);color:#231a05;font-size:12.5px;font-weight:600;line-height:1.7;
  padding:9px 16px;text-align:center
}
.tstrip{
  display:flex;gap:8px;overflow-x:auto;padding:12px 16px;scrollbar-width:none;
  background:var(--card);border-bottom:1px solid var(--line)
}
.tstrip::-webkit-scrollbar{display:none}
.tsitem{
  flex:none;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;
  color:var(--ink2);background:var(--card2);border-radius:20px;padding:6px 12px;white-space:nowrap
}
.tsitem i{font-style:normal;font-size:14px;line-height:1}

.whygrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:400px){.whygrid{grid-template-columns:1fr}}
.whycard{
  background:var(--card);border:1px solid var(--line);border-radius:15px;padding:13px 14px;
  box-shadow:var(--shadow)
}
.whycard .ic{font-size:22px;line-height:1.2;display:block;margin-bottom:7px}
.whycard b{display:block;font-size:13.5px;font-weight:600;line-height:1.55;margin-bottom:4px}
.whycard .tx{font-size:12px;color:var(--ink3);line-height:1.85}

.tbadge{
  display:flex;gap:11px;align-items:flex-start;background:var(--card);border:1px solid var(--line);
  border-radius:14px;padding:12px 13px;margin-bottom:9px;box-shadow:var(--shadow)
}
.tbadge .ic{font-size:21px;line-height:1.2;flex:none}
.tbadge b{display:block;font-size:13.5px;font-weight:600;line-height:1.6}
.tbadge span{font-size:12px;color:var(--ink3);line-height:1.85}

.finalcta{
  background:linear-gradient(160deg,var(--pd),var(--p));color:#fff;border-radius:20px;
  padding:26px 20px;text-align:center
}
.finalcta h2{font-size:19px;font-weight:600;color:#fff;line-height:1.5;margin-bottom:8px}
.finalcta p{font-size:13.5px;color:rgba(255,255,255,.9);line-height:1.9;margin-bottom:16px}

/* ============ FEMALE DRIVER BADGE (التحسين ١٢) ============ */
.fbadge{
  display:inline-flex;align-items:center;gap:4px;font-size:9.5px;font-weight:700;
  background:#FCE9F0;color:#B3487A;border-radius:6px;padding:1px 6px;
  margin-inline-start:6px;vertical-align:middle;line-height:1.7
}
[data-t="night"] .fbadge{background:#3A2029;color:#F0A8C4}

/* ============ LANGUAGE / CURRENCY PICKER ============ */
.hbtn .flag{font-size:14px;line-height:1}
.pickh{font-size:12.5px;color:var(--ink3);font-weight:600;margin:4px 0 9px}
.pickh:not(:first-child){margin-top:20px}
.pickgrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.pick{
  display:flex;align-items:center;gap:9px;background:var(--card);border:1.5px solid var(--line);
  border-radius:13px;padding:10px 12px;transition:.16s
}
.pick.on{border-color:var(--p);background:var(--pl)}
.pick .fl{font-size:22px;line-height:1;flex:none}
.pick b{font-size:13px;font-weight:600;line-height:1.4;flex:1;min-width:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pick.on b{color:var(--p)}
.pick .sm{font-size:10px;color:var(--ink3);flex:none}
.pick:active{transform:scale(.98)}
@media (max-width:380px){.pickgrid{grid-template-columns:1fr}}

/* ============ COOKIE BAR ============ */
.ckbar{position:fixed;bottom:70px;inset-inline:12px;z-index:80;max-width:496px;margin:0 auto;
  background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);
  padding:11px 13px;display:none;align-items:center;gap:10px;font-size:12px;color:var(--ink2);line-height:1.6}
.ckbar.show{display:flex}
.ckbar .btns{display:flex;gap:6px;flex:none}
.ckbar button{border-radius:9px;padding:7px 12px;font-size:12px;font-weight:600}
.ckbar .ok{background:var(--p);color:#fff}
.ckbar .no{background:var(--card2);color:var(--ink2)}

@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
  html{scroll-behavior:auto}
}

/* ============================================================
   TABLET — 560px فأكثر: بطاقتان بجانب بعضهما
   ============================================================ */
@media (min-width:560px) and (max-width:899px){
  .shell{max-width:640px;box-shadow:0 0 0 1px var(--line)}
  .hdr-in{max-width:640px}
  .tabbar{max-width:640px}
  .cars{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
  .places{grid-template-columns:1fr 1fr 1fr}
  .place:first-child{grid-column:1/-1}
}

/* ============================================================
   DESKTOP — 900px فأكثر: شاشة كاملة، قائمة علوية، أعمدة متعددة
   الشريط السفلي يختفي، والفلاتر تصبح عموداً جانبياً لاصقاً.
   ============================================================ */
@media (min-width:900px){
  body{padding-bottom:0;font-size:15px}

  .shell{max-width:1180px;box-shadow:none;padding:0 24px}
  .pad{padding:0}

  /* ---- ترويسة سطح المكتب: شعار + روابط + أزرار ---- */
  .hdr{border-bottom:1px solid var(--line);background:var(--card)}
  .hdr-in{max-width:1180px;padding:12px 20px;gap:12px}
  .logo .mk{width:40px;height:40px;font-size:17px;border-radius:12px}
  .logo .nm{font-size:16px}
  .logo .nm span{font-size:11.5px}
  .logo{flex:none;max-width:210px}
  .desknav{display:flex;align-items:center;gap:2px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}
  .desknav::-webkit-scrollbar{display:none}
  /* روابط أصغر قليلاً حتى تتّسع القائمة كاملة بلا قصّ.
     كانت تحتاج 856px داخل 630px فتُقصّ ٣ روابط. */
  .desknav a{
    flex:none;font-size:12.5px;font-weight:500;color:var(--ink2);padding:8px 7px;border-radius:9px;
    transition:.15s;white-space:nowrap
  }
  .desknav a:hover{background:var(--card2);color:var(--p)}
  .desknav a.on{color:var(--p);font-weight:600;background:var(--pl)}
  /* رابط السائقين يخرج من القائمة إلى زر مدمج بجانب اللغة والعملة */
  .desknav a.drv{display:none}
  .hbtn.drvbtn{background:var(--pl);color:var(--p);font-weight:600}
  .hbtn.drvbtn:hover{background:var(--p);color:#fff}
  .hbtn{height:38px;font-size:13px;padding:0 13px}

  /* ---- البطل: أعرض وأطول ---- */
  .hero{height:460px;border-radius:0 0 26px 26px;overflow:hidden}
  .hero .txt{padding:0 40px 56px;max-width:1180px;margin:0 auto;inset-inline:0}
  .hero h1{font-size:44px;line-height:1.3;max-width:16ch}
  .hero p{font-size:16px;max-width:46ch}
  .hero .kick{font-size:12.5px;padding:6px 14px}

  /* ---- بطاقة البحث: الخانات الأربع في صف واحد + زر البحث بجانبها ---- */
  .searchcard{
    margin:-46px auto 0;max-width:1060px;padding:4px 22px 18px;border-radius:20px
  }
  .stabs{margin:0 -22px 16px;padding:0 14px}
  .stabs button{height:52px;font-size:13.5px;flex:0 0 auto;padding:0 22px;justify-content:flex-start}
  .stabs button svg{width:17px;height:17px}
  /* الوجهة تحتاج عرضاً أكبر (٧ مدن)، والتواريخ أقل */
  .sgrid{grid-template-columns:1.25fr 1fr 1fr .95fr;gap:12px}
  .scell{min-height:64px;padding:10px 13px;border-radius:14px}
  .scell .sic{width:30px;height:30px;border-radius:9px}
  .scell .sic svg{width:15px;height:15px}
  .scell .stx b{font-size:10.5px}
  .scell .sv{font-size:14px}
  .gobtn{max-width:340px;margin:16px auto 0;height:50px}
  .nightsum{max-width:340px;margin:12px auto 0}

  /* ---- شريط الثقة والنقاط ---- */
  .trust{max-width:1060px;margin:26px auto;border-radius:18px}
  .trust div{padding:20px 10px}
  .trust b{font-size:26px}
  .trust span{font-size:12.5px}
  .tstrip{justify-content:center;flex-wrap:wrap;overflow:visible;border:none;background:transparent;padding:0 0 8px}
  .tsitem{font-size:12.5px;padding:8px 15px}

  /* ---- الأقسام ---- */
  .sec{margin:44px 0}
  .sec-h{margin-bottom:20px}
  .sec-h h2{font-size:26px}
  .sec-h .sub{font-size:14px;max-width:70ch}

  /* ---- شريط الفلاتر: أقراص في سطر واحد وعدد النتائج على نفس السطر ---- */
  .fbar{gap:9px;padding:0}
  .fpill{height:40px;font-size:13px;padding:0 15px}
  .fresult{font-size:13.5px;margin:12px 0 14px}
  /* أسطر الورقة على سطح المكتب: العنوان ثابت والخيارات تتدفّق بجانبه */
  #sheet_filters .frow{display:flex;align-items:center;gap:18px;margin:0;
    padding:13px 0;border-bottom:1px solid var(--line2)}
  #sheet_filters .frow:last-child{border-bottom:none}
  #sheet_filters .flab{flex:0 0 118px;margin:0;display:block}
  #sheet_filters .flab .v{display:block;font-size:11.5px;margin-top:1px}
  #sheet_filters .chips{flex:1;min-width:0}
  #sheet_filters .frow:has(#fBud) input[type=range]{flex:1;margin:0}
  #sheet_filters .rlab{flex:0 0 92px;margin:0}

  /* ---- شبكة السيارات: ٣ أعمدة ---- */
  .cars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
  .car .ph{height:190px}
  .car:hover{transform:translateY(-3px);box-shadow:0 6px 26px rgba(16,32,29,.10)}
  .car{transition:transform .18s,box-shadow .18s}

  /* ---- بقية الشبكات ---- */
  .whygrid{grid-template-columns:repeat(3,1fr);gap:16px}
  .whycard{padding:18px 18px}
  .whycard .ic{font-size:26px}
  .places{grid-template-columns:repeat(4,1fr);gap:16px}
  .place{height:180px}
  .place:first-child{grid-column:span 2;height:180px}
  .hrail{padding:2px 0 8px}
  .rail{padding:2px 0 6px;justify-content:flex-start}
  .story{width:96px}
  .story .r{width:96px;height:96px;border-radius:30px}
  .story .r img,.story .r .ini{border-radius:28px}
  .story span{font-size:12.5px}
  .pkg{width:280px}
  .tbadge{padding:16px 18px}
  .finalcta{padding:44px 30px;border-radius:26px}
  .finalcta h2{font-size:26px}
  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  .step{flex-direction:column;gap:9px;background:var(--card);border:1px solid var(--line);
        border-radius:16px;padding:18px 16px}

  /* الفنادق والمطاعم في أعمدة */
  .hotelgrid,.restgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}

  /* ---- الأوراق السفلية تصبح نوافذ في المنتصف ---- */
  .sheet{
    max-width:560px;border-radius:22px;bottom:auto;top:50%;
    transform:translateY(-40%) scale(.96);opacity:0;max-height:82vh
  }
  .sheet.on{transform:translate(0,-50%) scale(1);opacity:1;top:50%}
  .pickgrid{grid-template-columns:repeat(3,1fr)}

  /* ---- الشريط السفلي يختفي، وزر واتساب يبقى ---- */
  .tabbar{display:none}
  .wafab{bottom:26px;inset-inline-end:26px;height:54px;padding:0 22px;font-size:14.5px;border-radius:18px}
  .quickbar{display:none}
  .socialproof{bottom:92px;inset-inline-start:26px}
  .recentgrid{grid-template-columns:repeat(4,1fr)}
  .fab{display:none}
  .ckbar{bottom:26px;inset-inline:auto;inset-inline-start:26px;max-width:420px}

  /* ---- التذييل بأعمدة ---- */
  footer{margin-top:50px;padding:34px 0 40px}
  footer .fl{gap:26px;justify-content:center;margin-bottom:18px}
  footer .fl a{font-size:13.5px}
  footer .soc{justify-content:center}
  footer .sm{text-align:center;font-size:12.5px}


  /* ---- صفحات المحتوى: عرض قراءة مريح ---- */
  .readable{max-width:760px}
}

/* شاشات كبيرة جداً */
@media (min-width:1400px){
  .shell{max-width:1300px}
  .hdr-in{max-width:1300px}
  .cars{grid-template-columns:repeat(4,1fr)}
  .hero{height:520px}
  .hero h1{font-size:50px}
}


/* ============ بوابة السائقين في التذييل — بارزة ليجدها السائق ============ */
.drvlink{
  display:flex;align-items:center;gap:12px;margin:16px 0 4px;padding:13px 15px;
  background:var(--card2);border:1.5px solid var(--line);border-radius:14px;transition:.18s
}
.drvlink:hover{border-color:var(--p);background:var(--pl)}
.drvlink .dic{font-size:22px;line-height:1;flex:none}
.drvlink .dtx{flex:1;min-width:0}
.drvlink .dtx b{display:block;font-size:13.5px;font-weight:600;line-height:1.5;color:var(--ink)}
.drvlink .dtx em{font-style:normal;display:block;font-size:11.5px;color:var(--ink3);line-height:1.6}
.drvlink .dgo{color:var(--p);font-size:16px;font-weight:700;flex:none}
@media (min-width:900px){ .drvlink{max-width:420px;margin:18px auto 6px} }

/* رابط السائقين في قائمة سطح المكتب */
  .desknav a.drv{margin-inline-start:8px;color:var(--ink3);font-size:13px}
.desknav a.drv:hover{color:var(--p)}

/* ============ Premium app polish ============ */
.hdr{backdrop-filter:saturate(1.3) blur(16px)}
[data-t="night"] .hdr{background:rgba(22,29,32,.88)}
.themebtn{width:38px;justify-content:center;padding:0}
.searchcard,.pcard,.car,.hotel,.rest,.whycard,.tbadge,.trust{
  box-shadow:0 1px 2px rgba(16,32,29,.05),0 14px 34px rgba(16,32,29,.08)
}
[data-t="night"] .searchcard,[data-t="night"] .pcard,[data-t="night"] .car,
[data-t="night"] .hotel,[data-t="night"] .rest,[data-t="night"] .whycard,
[data-t="night"] .tbadge,[data-t="night"] .trust{
  box-shadow:0 1px 2px rgba(0,0,0,.36),0 18px 42px rgba(0,0,0,.38)
}
.scell,.chip,.fpill,.hbtn,.bookbtn,.gobtn,.pbtn{transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
.scell:active,.chip:active,.fpill:active,.hbtn:active,.bookbtn:active,.gobtn:active,.pbtn:active{transform:scale(.985)}
.mapwrap{
  background:
    radial-gradient(circle at 18% 12%,rgba(42,165,140,.15),transparent 34%),
    linear-gradient(180deg,var(--mapsky,var(--pl)) 0%,var(--card) 68%);
}
@media (max-width:430px){
  .sgrid{grid-template-columns:1fr}
  .searchcard{border-radius:18px;margin-inline:12px}
  .hero{height:330px}
  .hero h1{font-size:24px}
  .quickbar{bottom:68px}
  .wafab{bottom:122px}
}

/* ============ صفحات الوجهات (السيو) ============ */
.crumbs{display:flex;align-items:center;gap:7px;padding:11px 16px 0;font-size:11.5px;color:var(--ink3);flex-wrap:wrap}
.crumbs a{color:var(--p)}
.crumbs b{color:var(--ink2);font-weight:600}

.dhero{position:relative;margin:12px 16px 0;border-radius:18px;overflow:hidden;min-height:190px;
  display:flex;align-items:flex-end;box-shadow:var(--shadow)}
.dhero-art{position:absolute;inset:0;
  background:linear-gradient(160deg,hsl(var(--h) 44% 26%),hsl(var(--h) 38% 38%) 55%,hsl(calc(var(--h) + 40) 42% 48%))}
.dhero-art:after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.62))}
.dhero-tx{position:relative;padding:20px 18px;color:#fff;width:100%}
.dhero-tx .dkick{display:inline-block;font-size:10.5px;font-weight:600;letter-spacing:.04em;
  background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.26);border-radius:20px;padding:3px 11px;margin-bottom:8px}
.dhero-tx h1{font-size:25px;font-weight:700;color:#fff;line-height:1.35;text-shadow:0 1px 12px rgba(0,0,0,.3)}
.dhero-tx p{font-size:13px;color:rgba(255,255,255,.92);margin:7px 0 0;line-height:1.85;max-width:56ch}

.dfacts{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;padding:14px 0 4px}
.dfacts::-webkit-scrollbar{display:none}
.dfact{flex:none;min-width:104px;background:var(--card);border:1px solid var(--line);border-radius:13px;
  padding:11px 13px;text-align:center;box-shadow:var(--shadow)}
.dfact b{display:block;font-size:19px;font-weight:700;color:var(--p);line-height:1.3;font-variant-numeric:tabular-nums}
.dfact span{font-size:10.5px;color:var(--ink3);line-height:1.5}
.dfact.txt{min-width:132px}
.dfact.txt b{font-size:13px;line-height:1.5;padding-bottom:2px}

.seerow{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--line2)}
.seerow:last-child{border-bottom:none}
.seerow .n{width:24px;height:24px;border-radius:8px;background:var(--pl);color:var(--p);
  display:grid;place-items:center;font-size:11.5px;font-weight:700;flex:none;margin-top:3px}
.seerow b{display:block;font-size:14px;font-weight:600;line-height:1.55}
.seerow span{font-size:12.5px;color:var(--ink3);line-height:1.8}

.dcta{border-inline-start:4px solid var(--acc)}
.prow2{display:flex;gap:10px;flex-wrap:wrap}
.prow2 .gobtn{flex:1;min-width:180px}
.gobtn.sec{background:var(--card2);color:var(--p);box-shadow:none;border:1.5px solid var(--line)}
.gobtn.sec:hover{background:var(--pl);border-color:var(--p)}

.faqq{border-bottom:1px solid var(--line2);padding:2px 0}
.faqq:last-child{border-bottom:none}
.faqq summary{cursor:pointer;font-size:13.5px;font-weight:600;padding:11px 0;list-style:none;
  display:flex;align-items:center;gap:9px;line-height:1.6}
.faqq summary::-webkit-details-marker{display:none}
.faqq summary:before{content:"+";color:var(--p);font-weight:700;font-size:16px;flex:none;width:16px}
.faqq[open] summary:before{content:"−"}
.faqq p{font-size:12.5px;color:var(--ink3);line-height:1.9;margin:0 0 11px;padding-inline-start:25px}

.dgrid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.dcard{display:block;background:var(--card);border:1px solid var(--line);border-radius:15px;
  overflow:hidden;box-shadow:var(--shadow);transition:.18s}
.dcard:hover{transform:translateY(-2px);border-color:var(--p)}
.dcard-art{display:block;height:82px;
  background:linear-gradient(155deg,hsl(var(--h) 42% 32%),hsl(calc(var(--h) + 35) 40% 50%))}
.dcard-b{display:block;padding:11px 12px 12px}
.dcard-b b{display:block;font-size:14.5px;font-weight:600;line-height:1.5}
.dcard-b em{font-style:normal;display:block;font-size:11px;color:var(--ink3);line-height:1.6}
.dcard-m{display:flex;gap:10px;flex-wrap:wrap;margin-top:7px;font-size:10.5px;color:var(--ink2)}

@media (min-width:900px){
  .crumbs{max-width:1180px;margin:0 auto;padding-inline:0}
  .dhero{max-width:1180px;margin:16px auto 0;min-height:300px}
  .dhero-tx{padding:34px 38px}
  .dhero-tx h1{font-size:40px}
  .dhero-tx p{font-size:15px}
  .dfacts{justify-content:flex-start}
  .dfact{min-width:130px;padding:14px 16px}
  .dgrid{grid-template-columns:repeat(4,1fr);gap:16px}
  .dcard-art{height:110px}
}

/* ============ Hotel marketplace cards ============ */
.hotelshowcase{display:grid;grid-template-columns:1fr;gap:14px}
.hotel-filterbar{display:grid;grid-template-columns:1fr;gap:9px;margin-bottom:12px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:10px;box-shadow:var(--shadow)}
.hotel-filterbar input,.hotel-filterbar select{height:42px;border-radius:8px;border:1px solid var(--line);background:var(--card2);color:var(--ink);padding:0 11px;font:inherit;font-size:13px}
.hotelcard{display:block;background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:var(--shadow);color:var(--ink)}
.hotelcard .hp{height:190px;position:relative;background:var(--card2);overflow:hidden}
.hotelcard .hp img{width:100%;height:100%;object-fit:cover;display:block}
.hotelcard .heart{position:absolute;top:12px;inset-inline-end:12px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.92);font-size:22px;color:#1a2624;box-shadow:0 8px 24px rgba(0,0,0,.13)}
.hotelcard .hb{padding:12px 13px 13px}
.hotelcard h3{font-size:15.5px;font-weight:700;line-height:1.35;margin:0 0 5px}
.hotelcard .hcity{font-size:12px;color:var(--ink3);line-height:1.5}
.hotelcard .hmeta{display:flex;align-items:center;gap:7px;margin-top:8px;font-size:12px;color:var(--ink2);flex-wrap:wrap}
.hotelcard .score{background:#064c9f;color:#fff;border-radius:4px;padding:3px 5px;font-weight:700;font-size:12px}
.hotelcard .hfrom{display:flex;justify-content:flex-end;align-items:baseline;gap:6px;margin-top:11px;font-size:12px;color:var(--ink3)}
.hotelcard .hfrom b{font-size:16px;color:var(--ink)}
.hotelgallery{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0;background:var(--card2)}
.hotelgallery img{width:100%;height:160px;object-fit:cover;display:block}
.hotelgallery img:first-child{grid-column:1/-1;height:240px}
.ratetable{display:grid;gap:8px;margin-top:10px}
.ratetable .rhead,.ratetable .rrow{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:10px;align-items:center}
.ratetable .rhead{font-size:11px;color:var(--ink3);border-bottom:1px solid var(--line);padding-bottom:8px}
.ratetable .rrow{padding:10px 0;border-bottom:1px solid var(--line2);font-size:12.5px}
.ratetable .rrow:last-child{border-bottom:0}
.ratetable .rrow b{display:block;font-size:13px}
.ratetable .rrow span{display:block;color:var(--ink3);font-size:11px;margin-top:2px}
@media (min-width:760px){
  .hotel-filterbar{grid-template-columns:1.4fr .8fr .8fr 1fr auto;align-items:center}
  .hotelshowcase{grid-template-columns:repeat(2,1fr)}
  .hotelgallery{max-width:1180px;margin:0 auto;grid-template-columns:2fr 1fr 1fr}
  .hotelgallery img,.hotelgallery img:first-child{height:260px;grid-column:auto}
}
@media (min-width:1120px){
  .hotelshowcase{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:520px){
  .ratetable .rhead{display:none}
  .ratetable .rrow{grid-template-columns:1fr;gap:5px;border:1px solid var(--line);border-radius:10px;padding:10px}
  .hotelcard .hp{height:170px}
}

.guidegrid{display:grid;grid-template-columns:1fr;gap:12px}
.guidecard{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:var(--shadow);padding:10px;color:var(--ink)}
.guidecard img{width:96px;height:82px;object-fit:cover;border-radius:6px;background:var(--card2)}
.guidecard b{display:block;font-size:14.5px;line-height:1.45}
.guidecard span{display:block;font-size:12.5px;color:var(--ink3);line-height:1.7;margin-top:3px}
.guidecard em{display:block;font-style:normal;font-size:11px;color:var(--p);margin-top:6px}
@media (min-width:760px){.guidegrid{grid-template-columns:repeat(2,1fr)}}

/* ============ Mobile fit cleanup ============ */
html,body{width:100%;max-width:100%;overflow-x:hidden}
/* لا overflow هنا — يقصّ الأوراق السفلية. html,body أعلاه تكفي */
.shell{width:100%}
.car,.pcard,.hotel,.rest,.pkg,.place,.card,.searchcard{max-width:100%}
.foot,.pricerow,.specs,.chips{min-width:0}
.vcode,.spec,.chip{max-width:100%;overflow:hidden;text-overflow:ellipsis}

@media (max-width:700px){
  .socialproof{display:none!important}
  .wafab{display:none!important}
  .quickbar{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    inset-inline:12px;
    bottom:calc(64px + env(safe-area-inset-bottom));
    z-index:69;
  }
  .quickbar a{
    height:44px;
    min-width:0;
    border-radius:13px;
    font-size:13.5px;
    padding-inline:10px;
  }
  .tabbar{z-index:70}
  footer{padding-bottom:120px}
  .car .foot{align-items:flex-start;gap:8px}
  .car .pr{min-width:0;overflow:hidden}
}

@media (max-width:430px){
  .quickbar{bottom:calc(62px + env(safe-area-inset-bottom))}
  .wafab{display:none!important}
}


/* ============ قائمة «المزيد» في شريط سطح المكتب ============ */
.navmore{position:relative;flex:none;display:none}
.navmore>button{
  font-size:12.5px;font-weight:500;color:var(--ink2);padding:8px 9px;border-radius:9px;
  white-space:nowrap;display:inline-flex;align-items:center;gap:4px;transition:.15s
}
.navmore>button:hover{background:var(--card2);color:var(--p)}
.navmore.on>button{background:var(--pl);color:var(--p)}
.navmore-p{
  position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:70;
  background:var(--card);border:1px solid var(--line);border-radius:12px;
  box-shadow:var(--shadow);padding:6px;min-width:170px;
  display:none;flex-direction:column;gap:2px
}
.navmore.on .navmore-p{display:flex}
.navmore-p a{display:block;padding:9px 12px;border-radius:8px;font-size:13px;color:var(--ink2);white-space:nowrap}
.navmore-p a:hover{background:var(--card2);color:var(--p)}


/* ============ صور أغلفة الوجهات (تُرفع من لوحة الإدارة) ============ */
.dhero-art{position:absolute;inset:0;overflow:hidden}
.dhero-art img{width:100%;height:100%;object-fit:cover}
.dhero.has-img .dhero-art:after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.72))}
.dcard-art{position:relative;overflow:hidden;display:block}
.dcard-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}

/* شريط الوجهات في الرئيسية */
.destrail{display:flex;gap:11px;overflow-x:auto;padding:2px 16px 6px;scrollbar-width:none;scroll-snap-type:x proximity}
.destrail::-webkit-scrollbar{display:none}
.destrail a{flex:none;width:132px;scroll-snap-align:start;border-radius:14px;overflow:hidden;
  background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);transition:.18s}
.destrail a:hover{transform:translateY(-2px);border-color:var(--p)}
.destrail .im{display:block;height:96px;position:relative;overflow:hidden;
  background:linear-gradient(155deg,hsl(var(--h) 42% 34%),hsl(calc(var(--h) + 35) 40% 52%))}
.destrail .im img{width:100%;height:100%;object-fit:cover}
.destrail .tx{padding:8px 10px 10px}
.destrail .tx b{display:block;font-size:13px;font-weight:600;line-height:1.45;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.destrail .tx span{display:block;font-size:10.5px;color:var(--ink3);line-height:1.5;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:900px){
  .destrail{max-width:1180px;margin:0 auto;padding-inline:0;flex-wrap:wrap;overflow:visible}
  .destrail a{width:calc(16.666% - 10px)}
}

/* ============ حجز الفندق: تاريخان + بطاقات الغرف ============ */
.hbook .hdates{display:flex;gap:9px;align-items:flex-end;flex-wrap:wrap;margin-bottom:12px}
.hdate{flex:1;min-width:132px;display:flex;flex-direction:column;gap:4px}
.hdate span{font-size:11.5px;color:var(--ink3);font-weight:600}
.hdate input{
  height:46px;border-radius:11px;border:1.5px solid var(--line);background:var(--card);
  padding:0 12px;font-family:inherit;font-size:14px;font-weight:600;color:var(--ink);
  cursor:pointer;width:100%
}
.hdate input:focus{outline:none;border-color:var(--p);box-shadow:0 0 0 3px var(--pl)}
.hnights{
  flex:none;background:var(--pl);color:var(--p);border-radius:10px;
  padding:0 13px;height:46px;display:flex;align-items:center;font-size:12.5px;font-weight:700
}
.hnights:empty{display:none}

.hrooms{display:flex;flex-direction:column;gap:9px}
.hroom{
  display:flex;align-items:center;gap:11px;background:var(--card2);
  border:1px solid var(--line2);border-radius:13px;padding:11px 13px;transition:.16s
}
.hroom:hover{border-color:var(--p)}
.hroom.out{opacity:.55}
.hroom .ri{flex:1;min-width:0}
.hroom .ri b{display:block;font-size:14px;font-weight:600;line-height:1.5}
.hroom .ri span{font-size:11.5px;color:var(--ink3);line-height:1.6}
.hroom .meal{
  display:inline-block;font-size:10px;font-weight:700;background:var(--accl);color:#8A6A1E;
  border-radius:6px;padding:2px 7px;margin-inline-start:6px;vertical-align:middle
}
.hroom .rp{flex:none;text-align:center;min-width:78px}
.hroom .rp b{display:block;font-size:19px;font-weight:700;color:var(--p);line-height:1.25;
  font-variant-numeric:tabular-nums}
.hroom .rp span{font-size:10.5px;color:var(--ink3)}
.hroom .rb{
  flex:none;height:38px;padding:0 16px;border-radius:11px;background:var(--p);color:#fff;
  font-size:13px;font-weight:700;display:inline-flex;align-items:center;transition:.16s
}
.hroom .rb:hover{background:var(--pd)}
@media (max-width:520px){
  .hroom{flex-wrap:wrap}
  .hroom .ri{flex:1 0 100%}
  .hroom .rp{text-align:start;min-width:0;flex:1}
}

/* ═══════════════════════════════════════════════════════════════
   شبكة أمان للصور — آخر ما يُطبَّق في الملف
   أي صورة داخل حاوية بطاقة يجب ألا تتجاوز حاويتها أبداً.
   بدون هذا تظهر الصورة بحجمها الطبيعي (1024px+) فتكسر الصفحة كلها.
   ═══════════════════════════════════════════════════════════════ */
.destrail .im,
.dcard-art,
.hotelcard .hp,
.hotelshowcase .hp,
.car .ph,
.destthumb{
  display:block;position:relative;overflow:hidden
}
.destrail .im > img,
.dcard-art > img,
.hotelcard .hp > img,
.hotelshowcase .hp > img,
.car .ph > img,
.destthumb > img{
  width:100%;height:100%;object-fit:cover;display:block;max-width:100%
}
/* ارتفاعات صريحة — لا تعتمد على الصورة في تحديد الارتفاع */
.destrail .im{height:96px}
.dcard-art{height:82px}
.hotelcard .hp{height:190px}
.car .ph{height:168px}
/* حارس عام: لا صورة تتجاوز عرض الشاشة */
img{max-width:100%;height:auto}
.destrail .im > img,.dcard-art > img,.hotelcard .hp > img,.car .ph > img{height:100%}
@media (min-width:900px){ .dcard-art{height:110px} }

/* ============ معرض صور السيارة — السيارة كاملة بلا قصّ ============
   cover كان يقصّ مقدّمة السيارة ومؤخّرتها. contain يُظهرها كاملة،
   والخلفية الداكنة تملأ الفراغ بدل شريط أبيض قبيح. */
.cargal{
  display:flex;gap:10px;overflow-x:auto;padding:14px 16px 4px;
  scrollbar-width:none;scroll-snap-type:x mandatory
}
.cargal::-webkit-scrollbar{display:none}
/* ⚠ السائقون يرفعون صوراً بنسب مختلفة تماماً: أفقية، عمودية، مربّعة.
   نسبة ثابتة مع cover تقصّ مقدّمة السيارة، ومع contain تترك أشرطة سوداء
   واسعة تجعل الصورة تبدو صغيرة ضائعة في الوسط — وهذا ما ظهر على الجوال.
   الحل الذي تستعمله مواقع الحجز الكبرى: نسخة ضبابية مكبّرة من الصورة
   نفسها تملأ الخلفية، والصورة الأصلية كاملة فوقها. لا قصّ ولا فراغ. */
.cargal-i{
  flex:none;width:86%;scroll-snap-align:center;border-radius:16px;overflow:hidden;
  background:#11191B;position:relative;aspect-ratio:4/3;isolation:isolate
}
.cargal-i .blurbg{
  position:absolute;inset:0;background-size:cover;background-position:center;
  filter:blur(22px) brightness(.5) saturate(1.2);transform:scale(1.25);z-index:0
}
.cargal-i > img,.cargal-i > picture{
  position:relative;z-index:1;width:100%;height:100%;display:block
}
.cargal-i > img{object-fit:contain;object-position:center}
.cargal-n{font-size:11.5px;color:var(--ink3);text-align:center;padding:2px 16px 0}
@media (min-width:900px){
  .cargal{max-width:1180px;margin:0 auto;padding-inline:0}
  .cargal-i{width:56%;aspect-ratio:16/10}
}

/* ============ زر الحجز عبر واتساب — بلا نموذج ============ */
.wabook{margin-top:2px}
.wabtn{
  width:100%;min-height:56px;border-radius:14px;background:#25D366;color:#0A2E1B;
  font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;
  box-shadow:0 8px 22px -8px rgba(37,211,102,.7);transition:.16s
}
.wabtn:hover{background:#1FBF5B}
.wabtn:active{transform:scale(.99)}
.wanote{font-size:12px;color:var(--ink3);text-align:center;line-height:1.8;margin:10px 0 0}

/* ═══════════════ سرعة العرض ═══════════════
   content-visibility يجعل المتصفّح يتخطّى رسم الأقسام خارج الشاشة
   حتى يصل إليها الضيف. مع 50 سيارة يقلّ زمن الرسم الأول كثيراً.
   contain-intrinsic-size يحجز ارتفاعاً تقديرياً فلا يقفز الشريط. */
.sec{content-visibility:auto;contain-intrinsic-size:auto 420px}
.hero,.searchcard{content-visibility:visible}
.car{content-visibility:auto;contain-intrinsic-size:auto 360px}
.hotelcard,.dcard{content-visibility:auto;contain-intrinsic-size:auto 240px}
/* لا وميض عند تبديل الخط */
html{font-display:swap}

/* عنوان الصفحة h1 داخل .sec-h — نفس مظهر h2 تماماً (تغيير دلالي لا بصري) */
.sec-h h1{font-size:19px;font-weight:600;line-height:1.45;margin:0}
@media (min-width:900px){ .sec-h h1{font-size:26px} }

/* ═══════════ مواضع إعلانات أدسنس ═══════════
   محجوزة الارتفاع مسبقاً حتى لا يقفز المحتوى حين يصل الإعلان (CLS). */
.adbox{
  margin:18px 0;padding:0;border-radius:14px;overflow:hidden;position:relative;
  background:var(--card);border:1px solid var(--line);
  min-height:110px;contain:layout style
}
.adbox .adlbl{
  display:block;font-size:10.5px;color:var(--ink3);letter-spacing:.04em;
  padding:5px 12px 3px;text-transform:uppercase
}
.adbox ins{display:block;width:100%}
@media (min-width:900px){ .adbox{min-height:130px} }

/* ═══════════ أزرار المدن أسفل الخريطة — المدخل الأساسي على الجوال ═══════════
   ارتفاع ٤٦ بكسل: أكبر من حدّ أبل (٤٤) وقريب من حدّ جوجل (٤٨).
   الخريطة تبقى للفهم البصري، وهذه الأزرار للاختيار الذي لا يخطئ. */
.mapchips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.mchip{
  display:inline-flex;align-items:center;gap:7px;
  min-height:46px;padding:0 14px 0 11px;
  border:1.5px solid var(--line);border-radius:12px;
  background:var(--card);color:var(--ink);
  font:600 14px/1.3 inherit;cursor:pointer;
  transition:border-color .15s,background .15s;
  -webkit-tap-highlight-color:transparent
}
.mchip:hover{border-color:var(--p)}
.mchip:focus-visible{outline:2px solid var(--p);outline-offset:2px}
.mchip .mplus,.mchip .mnum{
  display:grid;place-items:center;flex:none;
  width:24px;height:24px;border-radius:50%;
  font-size:12.5px;font-weight:700;line-height:1
}
.mchip .mplus{background:var(--bg);color:var(--ink3);border:1px solid var(--line)}
.mchip .mnum{background:var(--p);color:#fff}
.mchip.on{border-color:var(--p);background:var(--pl)}
.mchip.on .mname{color:var(--p)}
@media (min-width:900px){
  .mchip{min-height:42px;font-size:13.5px}
}

/* ═══════════════════════════════════════════════════════════════════════
   إمكانية الاستخدام على الجوال — قياسات مأخوذة من فحص فعلي على 375×812
   ═══════════════════════════════════════════════════════════════════════ */
@media (max-width:899px){

  /* ── أزرار الترويسة كانت ٣٢ بكسل والإصبع ٤٥ ──
     نرفع مساحة اللمس إلى ٤٤ بلا تكبير الشكل: الزرّ يبقى صغيراً بصرياً
     لكن ::after يمدّ منطقة اللمس حوله. هكذا لا يتغيّر التصميم إطلاقاً. */
  .hbtn{position:relative;height:36px}
  .hbtn::after{
    content:"";position:absolute;inset:-5px -3px;border-radius:12px
  }

  /* ── روابط التذييل كانت ٢٣ بكسل ارتفاعاً ── */
  .ftcols a,.ftlinks a,footer a{
    display:inline-block;padding-block:11px;line-height:1.5
  }

  /* ── نصوص ١٠ بكسل: العربية بحروفها ونقاطها لا تُقرأ بهذا الحجم ── */
  .scell .stx b{font-size:11.5px}
  .cc,.sumgrid span,.rvmeta span,.dfacts span{font-size:11px}
  .trust span{font-size:11.5px}
  .brand .sub,.hdr .sub{font-size:11.5px}

  /* ── حقول البحث: أسماء الحقول أوضح ── */
  .scell .stx span{font-size:13.5px}

  /* ── أي زرّ أو رابط داخل بطاقة يأخذ حدّاً أدنى مريحاً ── */
  .fpill{min-height:44px}
  .chip{min-height:38px;display:inline-flex;align-items:center}
}

/* iOS: أي حقل أصغر من ١٦ بكسل يجعل السفاري يكبّر الصفحة عند اللمس
   ثم لا يعيدها — تجربة مزعجة جداً. نضمن ١٦ لكل الحقول على الجوال. */
@media (max-width:899px){
  input,select,textarea{font-size:16px}
}

/* ═══════════ عناصر الأوراق السفلية على الجوال ═══════════
   هذه أكثر أزرار الموقع استعمالاً — الضغطة الخاطئة هنا تُفقد حجزاً. */
@media (max-width:899px){
  /* أزرار + و − في عدّاد المسافرين: كانت ٣٦ والإصبع ٤٥ */
  .sheet .stp button,.sheet .paxrow button,.sheet button.rnd{
    width:44px;height:44px;min-width:44px
  }
  /* زرّ إغلاق الورقة: كان ٣٠ */
  .sheet .sh-h button,.sheet .xbtn,.sheet button[onclick*="closeSheet"]{
    width:44px;height:44px;display:grid;place-items:center
  }
  /* شرائح الفلاتر داخل الورقة */
  .sheet .chip{min-height:44px}
  /* شرائح الوجهات: ٤٣ → ٤٦ */
  .sheet .dchip{min-height:46px}
  /* أزرار التذييل في الورقة تملأ العرض وتُلمس بسهولة */
  .sheet .sh-f button,.sheet .sh-f .gobtn{min-height:48px}
}

/* اسم النطاق تحت الشعار كان ١٠٫٥ بكسل — أصغر من أن يُقرأ على الجوال */
@media (max-width:899px){ .nm span{font-size:11.5px} }

/* الأزرار الخضراء في الوضع الليلي: الأخضر الفاتح مع نصّ أبيض يعطي تبايناً
   ٣٫٠٦:١ — تحت الحدّ المطلوب (٤٫٥). نغمّق خلفية الزرّ وحده فيصبح ٥٫٩:١،
   ويبقى الأخضر الفاتح كما هو للنصوص والأيقونات فوق الخلفية الداكنة. */
[data-t="night"] .gobtn,
[data-t="night"] .qb-book,
[data-t="night"] .pbtn:not(.sec),
[data-t="night"] .abtn:not(.gh),
[data-t="night"] .hbtn.wa{background:#12705E;color:#fff}

/* ═══════════ رابط «تخطّي إلى المحتوى» ═══════════
   مخفيّ حتى يصله المستخدم بلوحة المفاتيح، فيقفز فوق قائمة التنقّل كلها.
   يفيد قارئ الشاشة ويحسّن تقييم الوصولية عند جوجل. */
.skiplink{
  position:absolute;inset-block-start:-60px;inset-inline-start:12px;z-index:400;
  background:var(--p);color:#fff;padding:11px 18px;border-radius:0 0 12px 12px;
  font-size:14px;font-weight:600;text-decoration:none;transition:inset-block-start .18s
}
.skiplink:focus{inset-block-start:0}

/* ═══════════ زرّ المشاركة ═══════════ */
.sharebtn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-width:44px;min-height:44px;padding:0 13px;border-radius:12px;
  border:1px solid var(--line);background:var(--card);color:var(--ink2);
  font:600 13px/1 inherit;cursor:pointer;transition:.15s;text-decoration:none
}
.sharebtn:hover{border-color:var(--p);color:var(--p)}
.sharebtn.copied{background:var(--pl);border-color:var(--p);color:var(--p)}
.sharebtn.copied::after{content:"✓ نُسخ"}
.sharebtn.copied span{display:none}

/* صفّ أزرار الحجز في صفحة السيارة */
.ctarow{display:flex;gap:9px;align-items:stretch;margin-top:4px}
.ctarow .sharebtn{flex:none}

/* ═══════════ شريط الحجز الثابت (الجوال) ═══════════
   زرّ «احجز» كان يختفي بالتمرير فيضطر الضيف للعودة إلى أعلى الصفحة. */
.stickybook{
  position:fixed;inset-inline:0;bottom:0;z-index:120;
  background:var(--card);border-top:1px solid var(--line);
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  display:flex;align-items:center;gap:11px;
  transform:translateY(110%);transition:transform .22s ease;
  box-shadow:0 -6px 22px rgba(0,0,0,.14)
}
.stickybook.on{transform:none}
.stickybook .gobtn,.stickybook .bookbtn{flex:1;min-height:48px}
@media (min-width:900px){ .stickybook{display:none} }

/* ═══════════ ٢٠ · زرّ المفضّلة ═══════════ */
/* القلب في الزاوية المقابلة للشارة عمداً.
   كلاهما كان في زاوية البداية العلوية (.banner على inset-inline-end:0)
   فكان القلب يجلس فوق نصّ الشارة ويحجبه — z-index:3 يضعه في الأعلى. */
.favbtn{
  position:absolute;inset-block-start:9px;inset-inline-start:9px;z-index:3;
  width:40px;height:40px;border-radius:50%;border:0;
  background:rgba(0,0,0,.42);backdrop-filter:blur(6px);
  color:#fff;font-size:19px;line-height:1;cursor:pointer;
  display:grid;place-items:center;transition:transform .15s,background .15s
}
.favbtn:hover{background:rgba(0,0,0,.6)}
.favbtn.on{color:#FF4D6D;background:rgba(255,255,255,.92)}
.favbtn:active{transform:scale(.88)}

/* ═══════════ ٢٨ · شريط انقطاع الاتصال ═══════════ */
.netbar{
  position:fixed;inset-inline:0;inset-block-start:0;z-index:500;
  background:#B4453A;color:#fff;text-align:center;
  font-size:13px;font-weight:600;padding:10px 14px;
  transform:translateY(-100%);transition:transform .25s
}
.netbar.on{transform:none}

/* ═══════════ ٢٥ · حالة فارغة مفيدة ═══════════ */
.emptybox{
  text-align:center;padding:34px 20px;background:var(--card2);
  border:1px dashed var(--line2);border-radius:16px;margin:14px 0
}
.emptybox .ic{font-size:34px;line-height:1;margin-bottom:10px;opacity:.65}
.emptybox b{display:block;font-size:16px;margin-bottom:5px}
.emptybox p{margin:0 0 14px;font-size:13.5px;color:var(--ink3);line-height:1.85}
.emptybox .sugg{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.emptybox .sugg a{
  display:inline-flex;align-items:center;min-height:42px;padding:0 15px;
  border-radius:11px;background:var(--card);border:1px solid var(--line);
  color:var(--ink2);font-size:13px;font-weight:600;text-decoration:none
}
.emptybox .sugg a:hover{border-color:var(--p);color:var(--p)}

/* ═══════════ ٤٧ · شارة الضمان ═══════════ */
.guarantee{
  display:flex;align-items:flex-start;gap:10px;padding:12px 14px;
  background:var(--okl);border:1px solid var(--ok);border-radius:13px;
  font-size:13px;line-height:1.8;margin:12px 0
}
.guarantee .ic{font-size:17px;flex:none;line-height:1.4}
.guarantee b{display:block;color:var(--ok);font-size:13.5px}
.guarantee span{color:var(--ink2)}

/* رابط واتساب الاحتياطي في صفحة الحجز — يعمل بلا جلسة ولا جافاسكربت */
.wafallback{
  display:flex;align-items:center;justify-content:center;
  min-height:48px;margin-top:12px;padding:0 16px;
  border:1.5px solid #25D366;border-radius:13px;
  color:#25D366;font-size:13.5px;font-weight:600;text-decoration:none;
  background:transparent;transition:.15s;text-align:center;line-height:1.5
}
.wafallback:hover{background:rgba(37,211,102,.1)}

/* عدّاد أيام العرض المحدود — «باقٍ ٣ أيام» بجوار نصّ العرض */
.offerbar-d{display:inline-block;margin-inline-start:8px;padding:2px 10px;border-radius:20px;
  background:rgba(0,0,0,.18);font-size:12px;font-weight:700;white-space:nowrap}
a.offerbar{text-decoration:none;cursor:pointer}
a.offerbar:hover{filter:brightness(1.06)}

/* ═══════════ ٣٠ · قسم الشقق للبيع ═══════════ */
.apfilter{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.apfilter select{padding:10px 14px;border:1px solid var(--line);border-radius:12px;
  background:var(--card);color:var(--ink);font-family:inherit;font-size:14px;min-height:44px}
.apreset{font-size:13px;color:var(--ink3);text-decoration:underline}

.apgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.apcard{display:block;background:var(--card);border:1px solid var(--line);border-radius:18px;
  overflow:hidden;text-decoration:none;color:inherit;transition:transform .16s,box-shadow .16s}
.apcard:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.09)}
.apcard .ph{position:relative;aspect-ratio:4/3;background:var(--pl);overflow:hidden}
.apcard .ph img{width:100%;height:100%;object-fit:cover;display:block}
.apcard .bd{padding:13px 14px 15px}
.apcard h3{margin:0 0 4px;font-size:15.5px;line-height:1.5}
.apmeta{font-size:12.5px;color:var(--ink3)}
.apspecs{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 10px;font-size:12.5px;color:var(--ink2)}
.approw{display:flex;align-items:baseline;justify-content:space-between;gap:8px;
  border-top:1px solid var(--line);padding-top:10px}
.approw b{font-size:18px;color:var(--p)}
.apcode{font-size:11px;color:var(--ink3);letter-spacing:.3px}
.apn{position:absolute;inset-block-end:8px;inset-inline-end:8px;background:rgba(0,0,0,.55);
  color:#fff;font-size:11.5px;padding:3px 9px;border-radius:20px}
.apsold{position:absolute;inset-block-start:10px;inset-inline-start:10px;background:#b4453a;
  color:#fff;font-size:11.5px;font-weight:700;padding:4px 12px;border-radius:20px}
.apsold.static{position:static;display:inline-block;margin-inline-start:8px}

.apheadrow{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.applarge b{font-size:27px;color:var(--p);white-space:nowrap}
.apfacts{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:18px}
.apfact{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:11px 13px}
.apfact span{display:block;font-size:12px;color:var(--ink3);margin-bottom:3px}
.apfact b{font-size:15px}
.apcta{margin-top:20px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.apcta .sub{font-size:12.5px}

.apsell{margin-top:26px;background:var(--card2);border:1px solid var(--line);border-radius:18px;
  padding:20px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.apsell b{font-size:16px}
.apsell span{font-size:13.5px;color:var(--ink2)}
.apsell .gobtn{margin-top:8px}
.apform textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;
  background:var(--card);color:var(--ink);font-family:inherit;font-size:14.5px;resize:vertical}