/* Palm Core — نظام التصميم */
/* ═══════════════════════════════════════════════════════════════
   دليل سريع
   ───────────────────────────────────────────────────────────────
   • الألوان والخطوط معرّفة كمتغيّرات في :root — غيّرها من هنا فقط.
   • في Elementor: Site Settings > Global Colors/Fonts اضبطها بنفس القيم
     (الجدول في ملف README-elementor.md).
   • لا تنسّق العناصر واحداً واحداً — استخدم الكلاسات أدناه.
   ═══════════════════════════════════════════════════════════════ */


:root{
  /* لوحة أفتح — نفس الدرجات مرفوعة إضاءةً. الأخضر هو ما يمنح الصفحة
     ثقلها، فرفعه وحده يفتح الموقع كله. النصوص والتمر لم تُفتَح لأن
     تفتيحها يُضعف التباين ويصعّب القراءة. */
  --green-900:#0A3A28; --green-800:#0F4A33; --palm:#0B4A2C; --palm-hover:#0E5636;
  --sand:#F8F4EC; --paper:#FFFEFA; --tamr:#C4884A; --tamr-soft:#E7C193;
  --stone:#8B8172; --ink:#1F1A14;
  --line:rgba(31,26,20,.10); --line-dark:rgba(248,244,236,.16);
  /* الشعار سيريف كلاسيكي عالي التباين — العناوين تتبع نفس السجل.
     Cormorant للاتيني (يطابق كلمة PALM CORE) وNaskh للعربي.
     لمظهر أكثر كلاسيكية بدّل Noto Naskh Arabic بـ Amiri في هذا السطر وفي رابط الخطوط. */
  --display:"Cormorant Garamond","Noto Naskh Arabic",Georgia,serif;
  --body:"IBM Plex Sans Arabic",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
  --pad:clamp(18px,4vw,56px); --maxw:1240px; --r:4px; --r-lg:10px;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--sand);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;line-height:1.38;margin:0;letter-spacing:normal}
p{margin:0} ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--tamr);outline-offset:3px;border-radius:2px}

.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
.section{padding-block:clamp(46px,5.6vw,84px);position:relative}
.section.is-dark{background:var(--green-900);color:var(--sand)}
.section.is-paper{background:var(--paper)}
.section.is-tight{padding-block:clamp(34px,4vw,58px)}
.section.is-top0{padding-top:0}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}

.eyebrow{font-family:var(--display);font-size:14.5px;font-weight:600;color:var(--tamr);display:flex;align-items:center;gap:12px}
.eyebrow::after{content:"";height:1px;flex:1;max-width:80px;background:currentColor;opacity:.45}
.h-sec{font-size:clamp(30px,3.7vw,48px);margin-top:12px;max-width:20ch}
.lede{margin-top:14px;max-width:56ch;color:#4A423A;font-size:clamp(15px,1.15vw,17px);font-weight:300}
.is-dark .lede{color:rgba(244,237,225,.72)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:clamp(24px,2.8vw,38px)}

/* إفريز المثلثات النجدية — التوقيع البصري */
.frieze{height:16px;width:100%;background-color:currentColor;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='16' viewBox='0 0 30 16'%3E%3Cpath d='M15 1.5 L25 14.5 L5 14.5 Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='16' viewBox='0 0 30 16'%3E%3Cpath d='M15 1.5 L25 14.5 L5 14.5 Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:30px 16px;mask-size:30px 16px}
.frieze.is-flipped{transform:scaleY(-1)}

/* الشريط العلوي + الهيدر */
.topbar{background:var(--green-900);color:rgba(244,237,225,.75);font-size:12.5px}
.topbar__in{display:flex;justify-content:space-between;align-items:center;gap:16px;height:38px}
.topbar a:hover{color:var(--tamr-soft)}
.topbar__set{display:flex;align-items:center;gap:20px}
.lang{font-family:var(--mono);font-size:11px;letter-spacing:.1em;border:1px solid var(--line-dark);padding:3px 9px;border-radius:2px;transition:border-color .2s}
.lang:hover{border-color:var(--tamr)}

.masthead{position:sticky;top:0;z-index:60;background:transparent;transition:background .35s var(--ease),box-shadow .35s var(--ease),border-color .35s;border-bottom:1px solid transparent}
.masthead.is-stuck,.masthead.is-solid{background:rgba(255,252,246,.94);backdrop-filter:blur(14px);border-bottom-color:var(--line)}
.masthead.is-stuck{box-shadow:0 6px 30px -22px rgba(24,20,16,.6)}
.mast__in{display:flex;align-items:center;gap:clamp(16px,3vw,44px);height:74px}
.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}
.brand__logo{height:46px;width:auto;display:block}
.brand__logo--dark{display:none}
.masthead.is-stuck .brand__logo--dark,.masthead.is-solid .brand__logo--dark{display:block}
.masthead.is-stuck .brand__logo--light,.masthead.is-solid .brand__logo--light{display:none}
.brand__fallback{font-family:var(--display);font-weight:700;font-size:20px;color:var(--sand)}
.masthead.is-stuck .brand__fallback,.masthead.is-solid .brand__fallback{color:var(--palm)}
.footer .brand__logo{height:62px}
.mast__in{min-height:74px}
.brand__txt{display:flex;flex-direction:column;line-height:1.05}
.brand__ar{font-family:var(--display);font-weight:800;font-size:16px;color:var(--sand);transition:color .35s}
.brand__en{font-family:var(--mono);font-size:9.5px;letter-spacing:.24em;color:var(--tamr);text-transform:uppercase}
.masthead.is-stuck .brand__ar,.masthead.is-solid .brand__ar{color:var(--ink)}
.nav{display:flex;align-items:center;gap:clamp(12px,1.6vw,26px);margin-inline-start:auto}
.nav a{font-size:14.5px;font-weight:500;color:rgba(244,237,225,.9);position:relative;padding-block:6px;transition:color .3s}
.masthead.is-stuck .nav a,.masthead.is-solid .nav a{color:#3C352E}
.nav a::after{content:"";position:absolute;inset-inline-start:0;bottom:0;height:1.5px;width:0;background:var(--tamr);transition:width .3s var(--ease)}
.nav a:hover::after,.nav a.is-active::after{width:100%}
.nav a:hover,.nav a.is-active{color:var(--tamr)}
/* قائمة الفروع المنسدلة */
.nav__has{position:relative}
.nav__top{display:inline-flex;align-items:center;gap:6px}
.nav__car{width:9px;height:6px;transition:transform .3s var(--ease)}
.nav__has:hover .nav__car,.nav__has:focus-within .nav__car{transform:rotate(180deg)}
.nav__menu{position:absolute;top:calc(100% + 14px);inset-inline-start:50%;transform:translate(-50%,10px);
  min-width:268px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:8px;box-shadow:0 26px 56px -30px rgba(18,36,26,.55);opacity:0;visibility:hidden;
  transition:opacity .28s var(--ease),transform .28s var(--ease),visibility .28s;z-index:70}
.nav__has:hover .nav__menu,.nav__has:focus-within .nav__menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav__menu::before{content:"";position:absolute;top:-14px;inset-inline:0;height:14px}
.nav__menu a{display:block;padding:9px 12px;border-radius:var(--r);color:var(--ink)!important;font-size:14px;transition:background .2s}
.nav__menu a:hover{background:var(--sand)}
.nav__menu a::after{display:none}
.nav__menu a b{font-family:var(--display);font-weight:700;font-size:15px;display:block}
.nav__menu a span{font-size:12px;color:var(--stone);display:block;margin-top:1px}
.nav__menu a:first-child{font-weight:600;color:var(--palm)!important;border-bottom:1px solid var(--line);border-radius:0;margin-bottom:6px;padding-bottom:11px}
.nav__menu a:first-child:hover{background:transparent;color:var(--tamr)!important}
.topbar__slogan{font-family:var(--display);font-size:13.5px;color:var(--tamr-soft)}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer;margin-inline-start:auto}
.burger span{display:block;width:22px;height:1.8px;background:var(--sand);margin:4.5px 0;transition:background .35s}
.masthead.is-stuck .burger span,.masthead.is-solid .burger span{background:var(--ink)}

/* الأزرار */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 22px;border-radius:var(--r);border:1px solid transparent;font-weight:600;font-size:14.5px;cursor:pointer;white-space:nowrap;transition:background .25s,color .25s,border-color .25s,transform .18s var(--ease)}
.btn:active{transform:translateY(1px)}
.btn--wa{background:var(--palm);color:var(--sand)}
.btn--wa:hover{background:var(--palm-hover);color:var(--sand)}
.btn--ghost{border-color:var(--line-dark);color:var(--sand)}
.btn--ghost:hover{border-color:var(--tamr);color:var(--tamr)}
.masthead.is-stuck .btn--ghost,.masthead.is-solid .btn--ghost{border-color:var(--line);color:var(--ink)}
.btn--tamr{background:var(--tamr);color:#231A10}
.btn--tamr:hover{background:var(--tamr-soft)}
.btn--outline{border-color:var(--line);color:var(--ink);background:transparent}
.btn--outline:hover{border-color:var(--palm);color:var(--palm)}
.is-dark .btn--outline{border-color:var(--line-dark);color:var(--sand)}
.is-dark .btn--outline:hover{border-color:var(--tamr);color:var(--tamr)}
.btn--lg{padding:15px 30px;font-size:15.5px}
.btn__wa-icon{width:17px;height:17px;fill:currentColor;flex-shrink:0}

/* الحقول */
.field{display:flex;flex-direction:column;gap:5px;min-width:0}
.field label{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--stone);text-transform:uppercase}
.field select,.field input,.field textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:var(--r);padding:11px 12px;font-size:14.5px;font-weight:500;color:var(--ink);transition:border-color .2s;appearance:none}
.field textarea{min-height:110px;resize:vertical;font-weight:400}
.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h10L5 6z' fill='%238B8172'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;padding-inline-start:30px}
.field input[type=date]{font-family:var(--mono);font-size:13.5px}
.field select:hover,.field input:hover,.field textarea:hover{border-color:var(--stone)}

/* هيرو الصفحات الداخلية */
.phero{position:relative;background:var(--green-900);color:var(--sand);margin-top:-74px;padding-top:calc(74px + clamp(46px,6vw,84px));padding-bottom:clamp(42px,5.5vw,76px);isolation:isolate;overflow:hidden}
.phero__bg{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center}
.phero__veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(10,20,14,.97),rgba(10,20,14,.62))}
.phero h1{font-size:clamp(31px,4.7vw,56px);font-weight:700;margin-top:16px;max-width:19ch;letter-spacing:-.02em;text-wrap:balance}
.phero__lede{margin-top:16px;max-width:58ch;font-size:clamp(15px,1.2vw,17.5px);font-weight:300;color:rgba(244,237,225,.82)}
.phero__meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:24px;font-size:13.5px;color:rgba(244,237,225,.72)}
.phero__meta span{display:flex;align-items:center;gap:8px}
.phero__meta svg{width:13px;height:13px;fill:var(--tamr);flex-shrink:0}
.crumbs{display:flex;gap:8px;align-items:center;font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;color:rgba(244,237,225,.55);flex-wrap:wrap}
.crumbs a:hover{color:var(--tamr-soft)}
.crumbs i{font-style:normal;opacity:.45}

/* شريط الأرقام */
.facts{background:var(--paper);border-bottom:1px solid var(--line)}
.facts__in{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.fact{background:var(--paper);padding:26px 22px;text-align:center}
.fact__n{font-family:var(--mono);font-size:clamp(22px,2.5vw,32px);font-weight:600;color:var(--palm);letter-spacing:-.03em;display:block}
.fact__l{font-size:12.5px;color:var(--stone);margin-top:4px;display:block}

/* بطاقة الفرع */
.grid-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,24px)}
.bcard{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s}
.bcard:hover{transform:translateY(-5px);box-shadow:0 26px 54px -34px rgba(24,20,16,.5);border-color:var(--tamr)}
.bcard--wide{grid-column:span 2}
.bcard__ph{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(145deg,#3B6444,#152A1D)}
.bcard--wide .bcard__ph{aspect-ratio:16/7.6}
.bcard__ph img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.bcard:hover .bcard__ph img{transform:scale(1.05)}
.noimg{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:18px;color:rgba(244,237,225,.6);font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;line-height:1.8}
.bcard__mark{position:absolute;inset-block-end:0;inset-inline:0;height:30px;color:rgba(244,237,225,.22)}
.bcard__tag{position:absolute;top:14px;inset-inline-start:14px;background:rgba(18,36,26,.85);color:var(--tamr-soft);font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;padding:5px 10px;border-radius:2px;backdrop-filter:blur(6px)}
.bcard__body{padding:22px;display:flex;flex-direction:column;flex:1;gap:12px}
.bcard__name{font-size:20px}
.bcard__addr{font-size:13.5px;color:var(--stone);display:flex;align-items:flex-start;gap:7px}
.bcard__addr svg{width:13px;height:13px;fill:var(--tamr);flex-shrink:0;margin-top:6px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px}
.chip{font-size:12px;border:1px solid var(--line);border-radius:100px;padding:4px 11px;color:#5A5148;background:var(--sand)}
.is-dark .chip{border-color:var(--line-dark);background:rgba(244,237,225,.05);color:rgba(244,237,225,.78)}
.bcard__act{display:flex;gap:8px;margin-top:14px;padding-top:16px;border-top:1px solid var(--line)}
.bcard__act .btn{flex:1;padding:10px 14px;font-size:13.5px}

/* صف الفرع (صفحة الفروع) */
.brow{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,3.5vw,48px);align-items:center;padding-block:clamp(30px,4vw,50px);border-bottom:1px solid var(--line)}
.brow:last-child{border-bottom:0}
.brow--flip .brow__media{order:2}
.brow__media{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/11;background:linear-gradient(145deg,#3B6444,#152A1D);position:relative}
.brow__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.brow:hover .brow__media img{transform:scale(1.04)}
.brow__k{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;color:var(--tamr);text-transform:uppercase}
.brow__t{font-size:clamp(21px,2.5vw,29px);margin-top:12px}
.brow__d{font-size:15px;font-weight:300;color:#4A423A;margin-top:14px;max-width:52ch}
.brow__facts{display:grid;gap:8px;margin-top:18px}
.brow__f{font-size:13.5px;color:#5A5148;display:flex;gap:9px;align-items:flex-start}
.brow__f svg{width:13px;height:13px;fill:var(--tamr);flex-shrink:0;margin-top:6px}
.brow__act{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}

/* بطاقة الوحدة */
.grid-stays{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,20px)}
.stay{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/3.6;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;color:var(--sand);border:1px solid rgba(244,237,225,.12);background:linear-gradient(160deg,#446B4B,#152A1D)}
.stay__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.stay:hover .stay__img{transform:scale(1.06)}
.stay__veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(9,18,13,.95) 14%,rgba(9,18,13,.28) 62%,rgba(9,18,13,.42) 100%)}
.stay>*:not(.stay__img):not(.stay__veil){position:relative;z-index:1}
.stay__size{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;color:var(--tamr-soft)}
.stay__name{font-size:19px;margin-top:6px}
.stay__desc{font-size:13.5px;font-weight:300;color:rgba(244,237,225,.72);margin-top:8px;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s var(--ease),opacity .35s,margin-top .45s}
.stay:hover .stay__desc,.stay:focus-within .stay__desc{max-height:130px;opacity:1}
.stay__link{margin-top:12px;font-size:13.5px;font-weight:600;color:var(--tamr-soft);display:inline-flex;align-items:center;gap:7px}
.stay__link span{transition:transform .3s var(--ease)}
.stay:hover .stay__link span{transform:translateX(-5px)}

/* شبكة المزايا */
.why{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,5vw,70px);align-items:start}
.why__list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-dark);border:1px solid var(--line-dark)}
.why__item{background:var(--green-900);padding:26px 24px}
.why__ic{width:26px;height:26px;stroke:var(--tamr);fill:none;stroke-width:1.4}
.why__t{font-size:16.5px;margin-top:14px;color:var(--sand)}
.why__d{font-size:13.5px;font-weight:300;color:rgba(244,237,225,.62);margin-top:7px}

/* العروض */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,22px)}
.offer{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;display:flex;flex-direction:column;gap:12px;transition:border-color .3s,transform .35s var(--ease)}
.offer:hover{border-color:var(--tamr);transform:translateY(-4px)}
.offer__badge{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--tamr);text-transform:uppercase}
.offer__t{font-size:19px}
.offer__d{font-size:14px;font-weight:300;color:#5A5148}
.offer__terms{display:grid;gap:7px;font-size:13px;font-weight:300;color:#5A5148;margin-top:4px}
.offer__terms li{display:flex;gap:8px;align-items:flex-start}
.offer__terms li::before{content:"";width:6px;height:6px;background:var(--tamr);clip-path:polygon(50% 0,100% 100%,0 100%);flex-shrink:0;margin-top:8px}
.offer__meta{margin-top:auto;padding-top:16px;border-top:1px dashed var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--stone)}
.offer__val{font-family:var(--mono);font-size:21px;font-weight:600;color:var(--palm)}

/* عمودان مع عمود جانبي لاصق */
.split{display:grid;grid-template-columns:1.6fr .9fr;gap:clamp(28px,4vw,56px);align-items:start}
.rail{position:sticky;top:96px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}
.rail h3{font-size:18px}
.rail__sub{font-size:13.5px;color:var(--stone);margin-top:6px}
.rail .field{margin-top:12px}
.rail .btn{width:100%;margin-top:16px}
.rail__meta{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line);font-size:12.5px;color:var(--stone);display:grid;gap:8px}
.rail__meta div{display:flex;justify-content:space-between;gap:12px}
.rail__meta b{font-weight:600;color:#4A423A}

/* نص المقالات */
.prose{max-width:70ch;font-size:16px;font-weight:300;line-height:1.95;color:#3F3931}
.prose h2{font-size:clamp(21px,2.3vw,29px);margin-top:42px;margin-bottom:14px;color:var(--ink);scroll-margin-top:100px}
.prose h3{font-size:18.5px;margin-top:28px;margin-bottom:10px}
.prose p{margin-bottom:18px}
.prose ul{margin:0 0 20px;display:grid;gap:9px}
.prose li{padding-inline-start:20px;position:relative}
.prose li::before{content:"";position:absolute;inset-inline-start:0;top:12px;width:7px;height:7px;background:var(--tamr);clip-path:polygon(50% 0,100% 100%,0 100%)}
.prose strong{font-weight:600;color:var(--ink)}
.prose blockquote{margin:26px 0;padding:20px 24px;background:var(--paper);border-inline-start:3px solid var(--tamr);border-radius:var(--r);font-size:16px}
.prose a{color:var(--palm);border-bottom:1px solid var(--tamr)}

/* فهرس المقال */
.toc{position:sticky;top:96px;border-inline-start:2px solid var(--line);padding-inline-start:18px}
.toc h4{font-size:12px;font-family:var(--mono);letter-spacing:.1em;color:var(--stone);text-transform:uppercase;margin-bottom:14px}
.toc ul{display:grid;gap:11px}
.toc a{font-size:14px;font-weight:300;color:#4A423A;transition:color .2s}
.toc a:hover{color:var(--palm)}

/* المرافق */
.amen{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 22px}
.amen li{font-size:14px;font-weight:300;color:#4A423A;display:flex;gap:9px;align-items:center}
.amen li::before{content:"";width:6px;height:6px;background:var(--tamr);clip-path:polygon(50% 0,100% 100%,0 100%);flex-shrink:0}
.is-dark .amen li{color:rgba(244,237,225,.75)}

/* معرض الصور */
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.gallery figure{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:linear-gradient(145deg,#3B6444,#152A1D)}
.gallery figure:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.gallery figure:hover img{transform:scale(1.05)}

/* جدول */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper)}
.tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
.tbl th,.tbl td{padding:14px 16px;text-align:start;border-bottom:1px solid var(--line)}
.tbl thead th{background:var(--green-900);color:var(--sand);font-family:var(--display);font-size:13.5px;font-weight:700;white-space:nowrap}
.tbl tbody tr:last-child td{border-bottom:0}
.tbl tbody tr:hover{background:var(--sand)}
.tbl .c-num{font-family:var(--mono);white-space:nowrap}

/* خطوات مرقّمة — تُستخدم فقط حين يكون الترتيب معنى حقيقياً */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.step{background:var(--paper);padding:26px 22px}
.step__n{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--tamr)}
.step__t{font-size:17px;margin-top:12px}
.step__d{font-size:13.5px;font-weight:300;color:#5A5148;margin-top:8px}
.is-dark .steps{background:var(--line-dark);border-color:var(--line-dark)}
.is-dark .step{background:var(--green-900)}
.is-dark .step__t{color:var(--sand)}
.is-dark .step__d{color:rgba(244,237,225,.62)}

/* الخريطة */
.mapbox{aspect-ratio:16/7;border-radius:var(--r-lg);border:1px solid var(--line);display:grid;place-items:center;text-align:center;padding:24px;
  background:repeating-linear-gradient(45deg,var(--paper),var(--paper) 14px,#F0E8DA 14px,#F0E8DA 28px)}
.mapbox__t{font-family:var(--display);font-weight:700;font-size:17px}
.mapbox__d{font-size:13.5px;color:var(--stone);margin-top:8px;max-width:44ch}

/* بطاقات التواصل */
.ccard{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column;gap:9px;transition:border-color .3s,transform .35s var(--ease)}
.ccard:hover{border-color:var(--tamr);transform:translateY(-4px)}
.ccard__ic{width:26px;height:26px;stroke:var(--palm);fill:none;stroke-width:1.5}
.ccard__t{font-size:17px;margin-top:8px}
.ccard__v{font-family:var(--mono);font-size:15px;color:var(--palm);direction:ltr;text-align:start;word-break:break-all}
.ccard__d{font-size:13.5px;font-weight:300;color:#5A5148}

/* مرشّحات */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}
.filter{border:1px solid var(--line);background:transparent;border-radius:100px;padding:8px 18px;font-size:13.5px;font-weight:500;cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.filter:hover{border-color:var(--tamr)}
.filter.is-on{background:var(--palm);border-color:var(--palm);color:var(--sand)}

/* المدونة */
.grid-blog{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,24px)}
.post{display:flex;flex-direction:column;gap:14px}
.post__ph{aspect-ratio:16/10;border-radius:var(--r-lg);overflow:hidden;background:linear-gradient(145deg,#4A6B4C,#16261B)}
.post__ph img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.post:hover .post__ph img{transform:scale(1.05)}
.post__cat{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--tamr);text-transform:uppercase}
.post__t{font-size:17.5px;line-height:1.45;transition:color .25s}
.post:hover .post__t{color:var(--palm)}
.post__m{font-size:12.5px;color:var(--stone);display:flex;gap:14px}
.feature{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(22px,3vw,44px);align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;margin-bottom:clamp(28px,3.5vw,44px)}
.feature__ph{aspect-ratio:16/11;background:linear-gradient(145deg,#7A5330,#221F16);overflow:hidden}
.feature__ph img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.feature:hover .feature__ph img{transform:scale(1.04)}
.feature__body{padding:clamp(22px,3vw,40px);padding-inline-start:0}
.feature__t{font-size:clamp(21px,2.5vw,30px);margin-top:12px}
.feature__d{font-size:15px;font-weight:300;color:#4A423A;margin-top:14px;max-width:46ch}
.pager{display:flex;gap:6px;justify-content:center;margin-top:44px}
.pager a,.pager span{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r);font-family:var(--mono);font-size:13.5px;padding-inline:12px}
.pager .is-on{background:var(--palm);border-color:var(--palm);color:var(--sand)}
.pager a:hover{border-color:var(--tamr)}

/* آراء الضيوف */
.rating{display:flex;align-items:center;gap:14px;margin-top:16px}
.rating__n{font-family:var(--mono);font-size:36px;font-weight:600;color:var(--palm);letter-spacing:-.03em}
.stars{display:flex;gap:3px}
.stars svg{width:15px;height:15px;fill:var(--tamr)}
.rating__l{font-size:13px;color:var(--stone)}
.review{background:var(--sand);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;display:flex;flex-direction:column;gap:14px}
.is-paper .review{background:var(--sand)}
.review__q{font-size:15px;font-weight:300;line-height:1.85;color:#3F3931}
.review__by{display:flex;align-items:center;gap:11px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.avatar{width:34px;height:34px;border-radius:50%;background:var(--palm);color:var(--sand);display:grid;place-items:center;font-family:var(--display);font-size:14px;font-weight:700;flex-shrink:0}
.review__nm{font-size:14px;font-weight:600}
.review__mt{font-size:12px;color:var(--stone)}

/* الأسئلة الشائعة */
.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(32px,5vw,64px);align-items:start}
.faq__list{border-top:1px solid var(--line)}
.qa{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;cursor:pointer;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-family:var(--display);font-weight:700;font-size:16px;transition:color .25s}
.qa summary::-webkit-details-marker{display:none}
.qa summary:hover{color:var(--palm)}
.qa__sign{width:20px;height:20px;flex-shrink:0;position:relative}
.qa__sign::before,.qa__sign::after{content:"";position:absolute;background:var(--tamr);transition:transform .3s var(--ease)}
.qa__sign::before{inset-inline:0;top:9.5px;height:1.5px}
.qa__sign::after{inset-block:0;inset-inline-start:9.5px;width:1.5px}
.qa[open] .qa__sign::after{transform:rotate(90deg)}
.qa__a{padding-bottom:22px;font-size:14.5px;font-weight:300;color:#5A5148;max-width:72ch;line-height:1.85}
.faq-group{margin-bottom:44px}
.faq-group__t{font-size:20px;margin-bottom:6px}

/* شريط دعوة */
.band{background:var(--green-900);color:var(--sand)}
.band__in{padding-block:clamp(44px,6vw,72px);display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.band h2{font-size:clamp(25px,3.1vw,38px);max-width:20ch}
.band p{font-size:15px;font-weight:300;color:rgba(244,237,225,.7);margin-top:10px;max-width:46ch}

/* الفوتر */
.footer{background:var(--green-900);color:rgba(244,237,225,.66);position:relative}
.footer__cta{border-bottom:1px solid var(--line-dark);padding-block:clamp(44px,5vw,66px);display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.footer__cta h2{font-size:clamp(26px,3.2vw,39px);color:var(--sand);max-width:18ch}
.footer__grid{padding-block:clamp(44px,5vw,64px);display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:clamp(24px,4vw,50px)}
.footer h4{font-size:14px;color:var(--sand);margin-bottom:16px}
.footer__links{display:grid;gap:9px;font-size:14px;font-weight:300}
.footer__links a:hover{color:var(--tamr-soft)}
.footer__about{font-size:14px;font-weight:300;margin-top:16px;max-width:38ch}
.footer__contact{display:grid;gap:11px;font-size:14px;font-weight:300}
.footer__contact strong{display:block;font-family:var(--mono);font-size:15px;color:var(--sand);font-weight:500;direction:ltr;text-align:start}
.social{display:flex;gap:9px;margin-top:20px}
.social a{width:36px;height:36px;border:1px solid var(--line-dark);border-radius:var(--r);display:grid;place-items:center;transition:border-color .25s,background .25s}
.social a:hover{border-color:var(--tamr);background:rgba(196,136,74,.12)}
.social svg{width:15px;height:15px;fill:currentColor}
.footer__bar{border-top:1px solid var(--line-dark);padding-block:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px}

/* نافذة العروض — اجتماع 23/08: صغيرة، لا تغطي الشاشة، وبزر إغلاق واضح */
.pop{position:fixed;inset-block-end:22px;inset-inline-end:22px;z-index:90;width:min(340px,calc(100vw - 44px));
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
  box-shadow:0 30px 60px -34px rgba(18,36,26,.7);transform:translateY(18px);opacity:0;pointer-events:none;
  transition:transform .45s var(--ease),opacity .45s var(--ease)}
.pop.is-on{transform:none;opacity:1;pointer-events:auto}
.pop__ph{aspect-ratio:16/7;background:linear-gradient(145deg,#7A5330,#221F16);position:relative}
.pop__ph img{width:100%;height:100%;object-fit:cover}
.pop__x{position:absolute;top:8px;inset-inline-start:8px;width:28px;height:28px;border-radius:50%;
  background:rgba(10,20,14,.72);color:var(--sand);border:0;cursor:pointer;font-size:17px;line-height:1;
  display:grid;place-items:center;backdrop-filter:blur(6px)}
.pop__x:hover{background:rgba(10,20,14,.92)}
.pop__body{padding:16px 18px 18px}
.pop__k{font-family:var(--mono);font-size:10.5px;letter-spacing:.11em;color:var(--tamr);text-transform:uppercase}
.pop__t{font-size:16px;margin-top:7px}
.pop__d{font-size:13px;font-weight:300;color:#5A5148;margin-top:6px;line-height:1.7}
.pop__act{display:flex;gap:8px;margin-top:14px}
.pop__act .btn{flex:1;padding:9px 12px;font-size:13px}
@media (max-width:540px){.pop{inset-block-end:88px}}

/* رسالة قصيرة للروابط غير الجاهزة بعد */
.toast{position:fixed;inset-block-end:24px;inset-inline-start:50%;transform:translate(-50%,20px);
  z-index:300;background:var(--green-900);color:var(--sand);border:1px solid var(--tamr);
  border-radius:100px;padding:12px 24px;font-size:14px;box-shadow:0 20px 46px -22px rgba(0,0,0,.7);
  opacity:0;pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease);max-width:90vw;text-align:center}
.toast.is-on{opacity:1;transform:translate(-50%,0)}

/* واتساب عائم */
.wa-float{position:fixed;inset-block-end:22px;inset-inline-start:22px;z-index:80;display:flex;align-items:center;gap:10px;background:var(--palm);color:var(--sand);padding:13px 20px;border-radius:100px;font-weight:600;font-size:14.5px;box-shadow:0 16px 40px -16px rgba(18,36,26,.85);transition:transform .3s var(--ease),background .25s}
.wa-float:hover{transform:translateY(-3px);background:var(--palm-hover)}
.wa-float svg{width:19px;height:19px;fill:currentColor}

/* الظهور عند التمرير */
.js-anim .reveal{opacity:0;transform:translateY(22px)}
.js-anim .reveal.is-in{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .7s var(--ease)}

/* ══ الحروف العربية متصلة — أي letter-spacing يكسر اتصالها ══
   يبقى التباعد على اللاتيني والأرقام فقط. */
.field label,.offer__badge,.post__cat,.sum__k,.dcell span,.step__n,.mplay__t,.tagline,
.rate__sub,.crumbs,.bi__type,.stay__size,.rcard__spec,.fact__l,.review__mt,.plan__key,
.trust,.rhead__c,.lb__bar,.footer__bar,.topbar,.chip,.qa summary,.brand__fallback,
.sum__meta,.rail__meta,.facet label,.pop__k,.noimg{letter-spacing:normal}
.brand__en{letter-spacing:.24em}

/* وسوم صغيرة بالسيريف بدل المونو — أقرب لسجل الشعار */
.offer__badge,.post__cat,.sum__k,.pop__k{font-family:var(--display);font-size:13px;font-weight:600;text-transform:none}
.field label,.dcell span{font-family:var(--body);font-size:11.5px;font-weight:500;text-transform:none}
.step__n{font-family:var(--display);font-size:13px;font-weight:600;text-transform:none}
.tagline{font-family:var(--body);font-size:12px}
.mplay__t{font-family:var(--body);font-size:11.5px;text-transform:none}
.crumbs{font-family:var(--body);font-size:12.5px}
.bi__type,.rcard__spec,.stay__size{font-family:var(--body)}
.eyebrow::after{max-width:64px}

/* الاستجابة */
@media (max-width:1080px){
  .grid-branches{grid-template-columns:repeat(2,1fr)} .bcard--wide{grid-column:span 2}
  .grid-stays{grid-template-columns:repeat(2,1fr)}
  .why,.faq,.split,.feature{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr 1fr}
  .amen{grid-template-columns:repeat(3,1fr)}
  .steps{grid-template-columns:1fr 1fr}
  .rail,.toc{position:static}
  .feature__body{padding:0 clamp(22px,3vw,34px) clamp(28px,3vw,36px)}
  .brow{grid-template-columns:1fr} .brow--flip .brow__media{order:0}
}
@media (max-width:860px){
  .nav,.mast__in .btn--ghost{display:none}
  .burger{display:block}
  .nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0;position:absolute;inset-inline:0;top:74px;background:var(--paper);padding:10px var(--pad) 22px;border-bottom:1px solid var(--line)}
  .nav.is-open a{color:var(--ink);padding:13px 0;border-bottom:1px solid var(--line);font-size:15.5px}
  .nav.is-open .nav__has{display:block}
  .nav.is-open .nav__menu{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;border:0;padding:0 0 10px;min-width:0;background:transparent}
  .nav.is-open .nav__menu a{padding:10px 0;padding-inline-start:18px;font-size:14px;border-bottom:0}
  .nav.is-open .nav__menu a span{display:none}
  .nav.is-open .nav__car{display:none}
  .facts__in{grid-template-columns:1fr 1fr}
  .grid-3,.grid-blog{grid-template-columns:1fr}
  .why__list{grid-template-columns:1fr}
  .amen{grid-template-columns:repeat(2,1fr)}
  .gallery{grid-template-columns:repeat(2,1fr)}
  .gallery figure:first-child{grid-column:span 2;grid-row:span 1;aspect-ratio:16/10}
}
@media (max-width:540px){
  .grid-branches,.grid-stays{grid-template-columns:1fr} .bcard--wide{grid-column:span 1}
  .footer__grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .amen{grid-template-columns:1fr}
  .wa-float span{display:none} .wa-float{padding:15px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .js-anim .reveal{opacity:1;transform:none}
}

/* ══ مسار الحجز ══ */
/* شريط الخطوات */
.flow{background:var(--paper);border-bottom:1px solid var(--line)}
.flow__in{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding-block:15px}
.flow__in::-webkit-scrollbar{display:none}
.flow__s{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--stone);white-space:nowrap}
.flow__n{width:23px;height:23px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-family:var(--mono);font-size:11.5px;flex-shrink:0}
.flow__s.is-done{color:#4A423A}
.flow__s.is-done .flow__n{background:var(--palm);border-color:var(--palm);color:var(--sand)}
.flow__s.is-on{color:var(--ink);font-weight:600}
.flow__s.is-on .flow__n{border-color:var(--tamr);color:var(--tamr);border-width:1.5px}
.flow__sep{color:var(--stone);opacity:.5;font-size:12px}

/* شريط البحث اللاصق */
.sbar{background:var(--green-900);position:sticky;top:74px;z-index:50;border-bottom:1px solid var(--line-dark)}
.sbar__form{display:grid;grid-template-columns:1.3fr 1fr 1fr .7fr auto;gap:10px;align-items:end;padding-block:16px}
.sbar .field label{color:rgba(244,237,225,.5)}
.sbar .field input,.sbar .field select{background-color:#fff;color:var(--ink);border-color:transparent;color-scheme:light}
.sbar .field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h10L5 6z' fill='%238B8172'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center}
.sbar .btn{height:44px}

/* تخطيط النتائج */
.results{display:grid;grid-template-columns:238px 1fr;gap:clamp(22px,3vw,40px);align-items:start}
.facets{position:sticky;top:172px;display:grid;gap:24px}
.facet h4{font-size:13.5px;margin-bottom:10px}
.facet label{display:flex;gap:9px;align-items:center;font-size:14px;font-weight:300;padding:5px 0;cursor:pointer;color:#4A423A}
.facet input[type=checkbox],.facet input[type=radio]{width:16px;height:16px;accent-color:var(--palm);flex-shrink:0}
.rhead{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.rhead__c{font-size:14px;color:var(--stone)}
.rhead__c b{color:var(--ink);font-family:var(--mono)}

/* بطاقة نتيجة */
.rcard{display:grid;grid-template-columns:236px 1fr;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;margin-bottom:16px;transition:border-color .3s,box-shadow .3s}
.rcard:hover{border-color:var(--tamr);box-shadow:0 20px 44px -34px rgba(24,20,16,.45)}
.rcard__ph{position:relative;background:linear-gradient(145deg,#3B6444,#152A1D);min-height:230px}
.rcard__ph img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.rcard__body{padding:22px}
.rcard__t{font-size:19px}
.rcard__spec{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--stone);margin-top:8px;font-family:var(--mono)}
.rcard__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.rate{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;border-top:1px dashed var(--line);flex-wrap:wrap;margin-top:12px}
.rate:first-of-type{margin-top:16px}
.rate__t{font-size:14.5px;font-weight:600}
.rate__d{font-size:12.5px;color:var(--stone);margin-top:3px;max-width:44ch}
.rate__right{display:flex;align-items:center;gap:16px;margin-inline-start:auto}
.rate__price{text-align:end}
.rate__n{font-family:var(--mono);font-size:21px;font-weight:600;color:var(--palm);letter-spacing:-.02em}
.rate__sub{font-size:11.5px;color:var(--stone)}
.rate .btn{padding:10px 20px}
.left{font-size:12px;color:#A0512C;font-weight:600;margin-top:6px}
.tagline{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-family:var(--mono);color:var(--palm);background:rgba(46,85,55,.08);border-radius:2px;padding:3px 8px;margin-top:8px}

/* الدفع */
.pay{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(26px,3.5vw,52px);align-items:start}
.express{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.xbtn{display:flex;align-items:center;justify-content:center;gap:9px;height:52px;border-radius:var(--r);border:1px solid var(--line);background:#fff;font-weight:600;font-size:14.5px;cursor:pointer;transition:transform .18s var(--ease),opacity .2s}
.xbtn:hover{opacity:.9} .xbtn:active{transform:translateY(1px)}
.xbtn--apple{background:#000;color:#fff;border-color:#000}
.xbtn--stc{background:#4F008C;color:#fff;border-color:#4F008C}
.xbtn svg{width:18px;height:18px;fill:currentColor}
.or{display:flex;align-items:center;gap:14px;margin:24px 0;color:var(--stone);font-size:12.5px}
.or::before,.or::after{content:"";height:1px;flex:1;background:var(--line)}
.ptabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.ptab{border:1px solid var(--line);border-radius:var(--r);padding:10px 15px;font-size:13.5px;font-weight:500;cursor:pointer;background:transparent;display:flex;gap:8px;align-items:center;transition:border-color .25s,background .25s,color .25s}
.ptab:hover{border-color:var(--stone)}
.ptab.is-on{border-color:var(--palm);background:rgba(46,85,55,.07);color:var(--palm)}
.ppanel{display:none} .ppanel.is-on{display:block}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fgrid{display:grid;gap:14px}
.check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;font-weight:300;color:#4A423A;cursor:pointer;margin-top:6px}
.check input{width:17px;height:17px;accent-color:var(--palm);flex-shrink:0;margin-top:3px}

/* ملخّص الحجز */
.sum{position:sticky;top:96px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.sum__ph{aspect-ratio:16/9;background:linear-gradient(145deg,#3B6444,#152A1D);position:relative}
.sum__ph img{width:100%;height:100%;object-fit:cover}
.sum__body{padding:22px}
.sum__t{font-size:18px}
.sum__k{font-family:var(--mono);font-size:11px;letter-spacing:.09em;color:var(--tamr);text-transform:uppercase}
.sum__meta{display:grid;gap:8px;margin-top:14px;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:13.5px;color:#4A423A}
.sum__meta div{display:flex;justify-content:space-between;gap:12px}
.sum__meta b{font-weight:600;font-family:var(--mono)}
.sum__row{display:flex;justify-content:space-between;gap:14px;font-size:14px;padding:6px 0;color:#4A423A}
.sum__row:first-of-type{padding-top:14px}
.sum__row.is-total{border-top:1px solid var(--line);margin-top:10px;padding-top:14px;font-size:18px;font-weight:700;font-family:var(--display);color:var(--ink)}
.sum__row .num{font-family:var(--mono)}
.note{display:flex;gap:9px;font-size:12.5px;font-weight:300;color:#5A5148;background:var(--sand);border-radius:var(--r);padding:12px 14px;margin-top:16px;line-height:1.7}
.note svg{width:14px;height:14px;fill:var(--tamr);flex-shrink:0;margin-top:4px}
.trust{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px;font-size:11.5px;color:var(--stone);align-items:center}
.trust span{display:flex;gap:6px;align-items:center}
.trust svg{width:12px;height:12px;fill:var(--palm)}

/* التأكيد */
.done{text-align:center;max-width:62ch;margin-inline:auto}
.done__ic{width:64px;height:64px;border-radius:50%;background:var(--palm);display:grid;place-items:center;margin:0 auto 22px}
.done__ic svg{width:28px;height:28px;fill:none;stroke:var(--sand);stroke-width:2.2}
.ref{font-family:var(--mono);font-size:clamp(20px,2.6vw,27px);letter-spacing:.1em;color:var(--palm);background:var(--paper);border:1px dashed var(--tamr);border-radius:var(--r);padding:14px 26px;display:inline-block;margin-top:20px}
.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;margin-top:36px;text-align:start}
.dcell{background:var(--paper);padding:20px 22px}
.dcell span{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--stone);text-transform:uppercase;display:block}
.dcell b{font-size:15.5px;font-family:var(--display);display:block;margin-top:6px;font-weight:700}

@media (max-width:1080px){
  .results{grid-template-columns:1fr}
  .facets{position:static;grid-template-columns:repeat(3,1fr);display:grid;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:24px}
  .pay{grid-template-columns:1fr} .sum{position:static}
  .sbar__form{grid-template-columns:1fr 1fr} .sbar .btn{grid-column:span 2}
  .dgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .rcard{grid-template-columns:1fr} .rcard__ph{min-height:180px;aspect-ratio:16/9}
  .rate{align-items:flex-start} .rate__right{width:100%;justify-content:space-between;margin-inline-start:0}
  .facets{grid-template-columns:1fr} .express{grid-template-columns:1fr}
  .grid2{grid-template-columns:1fr} .dgrid{grid-template-columns:1fr}
  .sbar{position:static}
}

/* ══ وسائط الغرفة: معرض + عارض ملء الشاشة ══ */
.mhead{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;border-radius:var(--r-lg);overflow:hidden}
.mhead figure{margin:0;position:relative;background:linear-gradient(145deg,#3B6444,#152A1D);cursor:pointer;overflow:hidden;aspect-ratio:4/3}
.mhead figure:first-child{grid-row:span 2;aspect-ratio:auto}
.mhead img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.mhead figure:hover img{transform:scale(1.05)}
.mplay{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;background:rgba(10,20,14,.5);color:var(--sand);transition:background .3s}
.mhead figure:hover .mplay{background:rgba(10,20,14,.35)}
.mplay__b{width:52px;height:52px;border-radius:50%;background:rgba(244,237,225,.95);display:grid;place-items:center}
.mplay__b svg{width:19px;height:19px;fill:var(--palm);margin-inline-start:3px}
.mplay__t{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;margin-top:10px;text-transform:uppercase}
.mcount{position:absolute;inset-block-end:14px;inset-inline-start:14px;background:rgba(10,20,14,.82);color:var(--sand);font-family:var(--mono);font-size:12px;padding:9px 15px;border-radius:2px;backdrop-filter:blur(6px);border:1px solid var(--line-dark);cursor:pointer;transition:background .25s}
.mcount:hover{background:rgba(10,20,14,.95)}

.lb{position:fixed;inset:0;z-index:200;background:rgba(8,16,11,.975);display:none;flex-direction:column;backdrop-filter:blur(4px)}
.lb.is-open{display:flex}
.lb__bar{display:flex;justify-content:space-between;align-items:center;padding:14px var(--pad);color:rgba(244,237,225,.72);font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;flex-shrink:0}
.lb__x{background:none;border:0;color:inherit;cursor:pointer;font-size:28px;line-height:1;padding:2px 10px}
.lb__x:hover{color:var(--tamr)}
.lb__stage{flex:1;display:grid;place-items:center;padding:0 clamp(56px,7vw,90px) 18px;min-height:0;position:relative}
.lb__stage img,.lb__stage video{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--r)}
.lb__nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(244,237,225,.09);border:1px solid var(--line-dark);color:var(--sand);width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:19px;line-height:1;transition:background .25s,border-color .25s}
.lb__nav:hover{background:rgba(244,237,225,.18);border-color:var(--tamr)}
.lb__nav--p{inset-inline-end:clamp(10px,2vw,26px)}
.lb__nav--n{inset-inline-start:clamp(10px,2vw,26px)}
.lb__slot{text-align:center;max-width:52ch;color:rgba(244,237,225,.82)}
.lb__slot .mplay__b{margin:0 auto 18px;width:60px;height:60px}
.lb__slot h4{color:var(--sand);font-size:19px;margin-bottom:10px}
.lb__slot p{font-size:14px;font-weight:300;line-height:1.85}
.lb__slot code{font-family:var(--mono);font-size:12.5px;color:var(--tamr-soft);background:rgba(244,237,225,.07);padding:2px 7px;border-radius:2px}
.lb__thumbs{display:flex;gap:8px;overflow-x:auto;padding:0 var(--pad) 18px;flex-shrink:0;scrollbar-width:none}
.lb__thumbs::-webkit-scrollbar{display:none}
.lb__thumbs button{flex:0 0 82px;height:56px;border:1.5px solid transparent;border-radius:var(--r);overflow:hidden;background:linear-gradient(145deg,#3B6444,#152A1D);cursor:pointer;opacity:.45;transition:opacity .25s,border-color .25s;position:relative;padding:0}
.lb__thumbs button.is-on{opacity:1;border-color:var(--tamr)}
.lb__thumbs button:hover{opacity:.85}
.lb__thumbs img{width:100%;height:100%;object-fit:cover}
.lb__thumbs .tmark{position:absolute;inset:0;display:grid;place-items:center;background:rgba(10,20,14,.5)}
.lb__thumbs .tmark svg{width:14px;height:14px;fill:var(--sand)}

/* شريط مواصفات الغرفة */
.specbar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.spec{background:var(--paper);padding:20px 22px}
.spec>svg{width:22px;height:22px;stroke:var(--tamr);fill:none;stroke-width:1.5}
.spec span{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--stone);text-transform:uppercase;display:block;margin-top:12px}
.spec b{font-size:16px;font-family:var(--display);display:block;margin-top:4px}

/* مخطط الوحدة */
.plan{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(20px,3vw,36px)}
.plan svg{width:100%;height:auto;max-width:620px;margin-inline:auto;display:block}
.plan__key{display:flex;gap:20px;flex-wrap:wrap;margin-top:22px;font-size:12.5px;color:var(--stone);justify-content:center}
.plan__key span{display:flex;gap:7px;align-items:center}
.plan__key i{width:9px;height:9px;background:var(--tamr);clip-path:polygon(50% 0,100% 100%,0 100%);display:block}

@media (max-width:860px){
  .mhead{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .mhead figure:first-child{grid-column:span 2;grid-row:auto;aspect-ratio:16/10}
  .mhead figure:nth-child(n+4){display:none}
  .specbar{grid-template-columns:1fr 1fr}
  .lb__stage{padding-inline:12px}
  .lb__nav{width:38px;height:38px}
}
@media (max-width:540px){ .specbar{grid-template-columns:1fr} }


/* ── الهيرو (الصفحة الرئيسية) ── */

.hero{position:relative;margin-top:-74px;padding-top:74px;min-height:min(100svh,880px);display:flex;flex-direction:column;color:var(--sand);isolation:isolate}
.hero__stage{position:absolute;inset:0;z-index:-2;background:var(--green-900);overflow:hidden}
.scene{position:absolute;inset:0;opacity:0;transform:scale(1.05);transition:opacity .8s var(--ease),transform 9s linear;background-size:cover;background-position:center}
.scene.is-live{opacity:1;transform:scale(1)}
.hero__grain{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to top,rgba(10,20,14,.96) 0%,rgba(10,20,14,.55) 45%,rgba(10,20,14,.72) 100%),linear-gradient(to left,rgba(10,20,14,.75) 0%,rgba(10,20,14,.1) 60%)}
.hero__in{flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(48px,7vw,90px)}
.hero h1{font-size:clamp(34px,6.1vw,74px);font-weight:700;line-height:1.22;margin-top:18px;max-width:16ch;letter-spacing:-.02em;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--tamr-soft);display:block}
.hero__sub{margin-top:20px;max-width:52ch;font-size:clamp(15px,1.3vw,18px);font-weight:300;color:rgba(244,237,225,.85)}
.askbar{margin-top:clamp(30px,4vw,46px);max-width:1000px}
.askbar__card{background:rgba(255,252,246,.96);backdrop-filter:blur(12px);border-radius:var(--r-lg);padding:14px;display:grid;gap:10px;grid-template-columns:2fr 1fr 1fr .8fr auto;align-items:end;box-shadow:0 30px 70px -40px rgba(0,0,0,.9)}
.askbar__card .field select,.askbar__card .field input{text-overflow:ellipsis}
/* داخل عمود جانبي ضيّق: حقل تحت الآخر */
.askbar__card.is-plain{grid-template-columns:1fr;background:var(--paper);border:1px solid var(--line);box-shadow:none;backdrop-filter:none}
.askbar__card.is-plain .btn{width:100%}
.askbar .btn{height:44px;width:100%}
.askbar__note{margin-top:10px;font-size:12.5px;color:rgba(244,237,225,.66);display:flex;align-items:center;gap:7px}
.askbar__note svg{width:13px;height:13px;fill:var(--tamr-soft);flex-shrink:0}
.branchindex{border-top:1px solid rgba(244,237,225,.18);position:relative;z-index:2;background:rgba(10,20,14,.35);backdrop-filter:blur(6px)}
.branchindex__in{display:flex;overflow-x:auto;scrollbar-width:none}
.branchindex__in::-webkit-scrollbar{display:none}
.bi{flex:1;min-width:150px;text-align:start;background:none;border:0;cursor:pointer;padding:18px 20px;border-inline-start:1px solid rgba(244,237,225,.13);color:rgba(244,237,225,.66);transition:background .3s,color .3s;position:relative}
.bi:first-child{border-inline-start:0}
.bi::before{content:"";position:absolute;inset-inline:0;top:-1px;height:2px;background:var(--tamr);transform:scaleX(0);transform-origin:inline-start;transition:transform .4s var(--ease)}
.bi:hover,.bi.is-live{background:rgba(244,237,225,.08);color:var(--sand)}
.bi.is-live::before{transform:scaleX(1)}
.bi__name{font-family:var(--display);font-weight:700;font-size:15px;display:block}
.bi__type{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;opacity:.72;margin-top:3px;display:block}
@media (max-width:1080px){.askbar__card{grid-template-columns:1fr 1fr}.askbar .btn{grid-column:span 2}}
@media (max-width:860px){.hero{min-height:auto}.bi{min-width:130px;padding:14px 16px}}
@media (max-width:540px){.askbar__card{grid-template-columns:1fr}.askbar .btn{grid-column:span 1}}


/* ═══════════════════════════════════════════════════════════════
   توافق Elementor
   ───────────────────────────────────────────────────────────────
   Elementor يضع كلاس "Advanced > CSS Classes" على غلاف العنصر
   لا على العنصر نفسه. هذه القواعد تمرّر التنسيق للداخل.
   ═══════════════════════════════════════════════════════════════ */

/* ── الأزرار ── */
.elementor-widget-button.btn{display:block;padding:0;border:0;background:none;
  border-radius:0;font-size:inherit;font-weight:inherit;white-space:normal}
.elementor-widget-button .elementor-button-wrapper{display:inline-block}
.elementor-widget-button.btn .elementor-button{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:12px 22px;border-radius:var(--r);border:1px solid transparent;
  font-family:var(--body);font-weight:600;font-size:14.5px;line-height:1.4;
  background:var(--palm);color:var(--sand);fill:var(--sand);
  transition:background .25s,color .25s,border-color .25s,transform .18s var(--ease)}
.elementor-widget-button.btn .elementor-button:hover{background:var(--palm-hover);color:var(--sand)}
.elementor-widget-button.btn .elementor-button:active{transform:translateY(1px)}
.elementor-widget-button.btn--wa .elementor-button{background:var(--palm);color:var(--sand)}
.elementor-widget-button.btn--tamr .elementor-button{background:var(--tamr);color:#231A10}
.elementor-widget-button.btn--tamr .elementor-button:hover{background:var(--tamr-soft);color:#231A10}
.elementor-widget-button.btn--outline .elementor-button{background:transparent;border-color:var(--line);color:var(--ink)}
.elementor-widget-button.btn--outline .elementor-button:hover{background:transparent;border-color:var(--palm);color:var(--palm)}
.is-dark .elementor-widget-button.btn--outline .elementor-button,
.band .elementor-widget-button.btn--outline .elementor-button,
.hero .elementor-widget-button.btn--outline .elementor-button,
.phero .elementor-widget-button.btn--outline .elementor-button{border-color:var(--line-dark);color:var(--sand)}
.is-dark .elementor-widget-button.btn--outline .elementor-button:hover,
.band .elementor-widget-button.btn--outline .elementor-button:hover{border-color:var(--tamr);color:var(--tamr)}
.elementor-widget-button.btn--lg .elementor-button{padding:15px 30px;font-size:15.5px}

/* ── العناوين ── */
.elementor-widget-heading.h-sec{font-size:inherit;margin:0;max-width:none}
.elementor-widget-heading.h-sec .elementor-heading-title{
  font-family:var(--display);font-weight:700;line-height:1.32;letter-spacing:normal;
  font-size:clamp(28px,3.4vw,44px);max-width:22ch}
.elementor-widget-heading.eyebrow{display:block;font-size:inherit;color:inherit;gap:0}
.elementor-widget-heading.eyebrow::after{display:none}
.elementor-widget-heading.eyebrow .elementor-heading-title{
  display:flex;align-items:center;gap:12px;font-family:var(--display);
  font-size:14.5px;font-weight:600;color:var(--tamr);line-height:1.4}
.elementor-widget-heading.eyebrow .elementor-heading-title::after{
  content:"";height:1px;flex:1;max-width:64px;background:currentColor;opacity:.45}
.hero .elementor-widget-heading h1.elementor-heading-title,
.phero .elementor-widget-heading h1.elementor-heading-title{
  font-family:var(--display);font-weight:700;line-height:1.24;
  font-size:clamp(31px,4.9vw,58px);max-width:20ch;letter-spacing:normal}
.band .elementor-widget-heading .elementor-heading-title{
  font-family:var(--display);font-size:clamp(25px,3.1vw,38px);max-width:22ch}

/* ── الفقرات ── */
.elementor-widget-text-editor.lede,
.elementor-widget-text-editor.hero__sub,
.elementor-widget-text-editor.phero__lede{margin:0;max-width:none;font-size:inherit;color:inherit}
.elementor-widget-text-editor.lede p{margin:0;max-width:58ch;font-weight:300;
  font-size:clamp(15px,1.15vw,17px);color:#4A423A;line-height:1.85}
.is-dark .elementor-widget-text-editor.lede p{color:rgba(244,237,225,.72)}
.elementor-widget-text-editor.hero__sub p,
.elementor-widget-text-editor.phero__lede p{margin:0;max-width:56ch;font-weight:300;
  font-size:clamp(15px,1.3vw,18px);color:rgba(244,237,225,.85);line-height:1.85}

/* ── الأقسام ── */
.elementor-section.hero{margin-top:0;min-height:0;display:block;isolation:auto}
.elementor-section.band{display:block}
.elementor-section.section,.elementor-section.hero,
.elementor-section.phero,.elementor-section.band{padding-block:0}
.elementor-section > .elementor-container{gap:0}
.elementor-widget:not(:last-child){margin-block-end:0}
.elementor-widget-heading + .elementor-widget-heading{margin-top:12px}
.elementor-widget-heading + .elementor-widget-text-editor{margin-top:14px}
.elementor-widget-text-editor + .elementor-widget-button,
.elementor-widget-heading + .elementor-widget-button{margin-top:22px}
.elementor-widget-button + .elementor-widget-shortcode,
.elementor-widget-text-editor + .elementor-widget-shortcode,
.elementor-widget-heading + .elementor-widget-shortcode{margin-top:clamp(26px,3vw,40px)}
.hero .elementor-widget-shortcode{margin-top:clamp(28px,3.5vw,44px)}

/* ── شريط البحث خارج الهيرو ── */
.askbar__card.is-plain{background:var(--paper);border:1px solid var(--line);box-shadow:none}

/* ── الشريط اللاصق للفروع داخل Elementor ── */
.elementor-widget-shortcode .branchindex{border-top:1px solid rgba(244,237,225,.18)}
.elementor-widget-shortcode .facts{border-bottom:1px solid var(--line)}

/* ── ضبط RTL احتياطي ── */
html[dir="rtl"] .elementor-widget-text-editor,
html[dir="rtl"] .elementor-widget-heading{text-align:start}


/* ═══════════════════════════════════════════════════════════════
   توافق Crocoblock (JetEngine · JetSmartFilters · JetBooking)
   و WooCommerce — نظام التصميم نفسه ينطبق على مخرجاتها.
   ═══════════════════════════════════════════════════════════════ */

/* ── JetEngine Listing Grid ── */
.jet-listing-grid__items{gap:clamp(14px,1.8vw,24px)!important;margin:0!important}
.jet-listing-grid__item{padding:0!important}
.jet-listing-grid.grid-branches .jet-listing-grid__items,
.jet-listing-grid.grid-stays .jet-listing-grid__items,
.jet-listing-grid.grid-3 .jet-listing-grid__items{display:grid}
.jet-listing-dynamic-field__content{font-family:inherit}
.jet-listing-dynamic-link__link{color:inherit}

/* ── JetSmartFilters ── */
.jet-filter{margin-bottom:22px}
.jet-filter-label{font-family:var(--body);font-size:13px;font-weight:600;color:var(--stone);
  margin-bottom:8px;display:block}
.jet-select__control,.jet-search__field,.jet-date-period__input{
  width:100%;border:1px solid var(--line);background:#fff;border-radius:var(--r);
  padding:11px 12px;font-family:var(--body);font-size:14.5px;color:var(--ink)}
.jet-select__control:focus,.jet-search__field:focus{outline:2px solid var(--tamr);outline-offset:2px}
.jet-checkboxes-list__row,.jet-radio-list__row{
  display:flex;gap:9px;align-items:center;padding:6px 0;font-size:14px;font-weight:300;color:#4A423A}
.jet-checkboxes-list__input,.jet-radio-list__input{accent-color:var(--palm);width:16px;height:16px}
.jet-checkboxes-list__decorator,.jet-radio-list__decorator{border-color:var(--line)}
.apply-filters__button,.jet-filters-pagination__item{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 22px;border-radius:var(--r);border:1px solid transparent;
  font-family:var(--body);font-weight:600;font-size:14.5px;cursor:pointer;
  background:var(--palm);color:var(--sand);transition:background .25s}
.apply-filters__button:hover{background:var(--palm-hover)}
.jet-filters-pagination__item{background:transparent;border-color:var(--line);color:var(--ink);
  min-width:38px;padding:8px 12px;font-family:var(--mono)}
.jet-filters-pagination__item.jet-filters-pagination__current{background:var(--palm);color:var(--sand);border-color:var(--palm)}
.jet-active-filter{background:var(--sand);border:1px solid var(--line);border-radius:100px;
  padding:4px 11px;font-size:12px;color:#5A5148}
.jet-remove-all-filters__button{color:var(--palm);font-size:13px}

/* ── JetBooking ── */
.jet-booking-form,.jet-apb-form{display:grid;gap:12px}
.jet-apb-form__field label,.jet-booking-form label{
  font-family:var(--body);font-size:11.5px;font-weight:500;color:var(--stone);display:block;margin-bottom:5px}
.jet-apb-form__field input,.jet-apb-form__field select,
.apartment-booking-form input,.apartment-booking-form select{
  width:100%;border:1px solid var(--line);background:#fff;border-radius:var(--r);
  padding:11px 12px;font-size:14.5px;font-family:var(--body)}
.jet-apb-form__submit,.jet-booking-form button[type=submit]{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;
  padding:13px 22px;border-radius:var(--r);border:0;background:var(--palm);color:var(--sand);
  font-family:var(--body);font-weight:600;font-size:15px;cursor:pointer;transition:background .25s}
.jet-apb-form__submit:hover{background:var(--palm-hover)}
.jet-apb-price,.jet-booking-price{font-family:var(--mono);font-size:21px;font-weight:600;color:var(--palm)}
/* التقويم */
.jet-apb-datepicker .datepicker--cell.-selected-,
.jet-apb-datepicker .datepicker--cell.-in-range-{background:var(--palm)!important;color:var(--sand)!important}
.jet-apb-datepicker .datepicker--cell.-in-range-{background:rgba(5,52,27,.10)!important;color:var(--ink)!important}
.jet-apb-datepicker .datepicker--cell.-current-{color:var(--tamr)!important;font-weight:700}
.jet-apb-datepicker .datepicker--cell.-disabled-{opacity:.35;text-decoration:line-through}
.jet-apb-datepicker{font-family:var(--body);border:1px solid var(--line);border-radius:var(--r-lg)}

/* ── WooCommerce ── */
.woocommerce .button,.woocommerce button.button,.woocommerce a.button,
.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce button.button.alt,.wc-block-components-button{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:13px 24px!important;border-radius:var(--r)!important;border:0!important;
  background:var(--palm)!important;color:var(--sand)!important;
  font-family:var(--body)!important;font-weight:600!important;font-size:14.5px!important;
  line-height:1.4!important;transition:background .25s}
.woocommerce .button:hover,.woocommerce button.button:hover,.woocommerce a.button:hover,
.woocommerce button.button.alt:hover{background:var(--palm-hover)!important;color:var(--sand)!important}
.woocommerce .price,.woocommerce-Price-amount{
  font-family:var(--mono);color:var(--palm);font-weight:600;letter-spacing:-.02em}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,
.woocommerce form .form-row select,.select2-container .select2-selection--single{
  border:1px solid var(--line)!important;border-radius:var(--r)!important;
  padding:11px 12px!important;font-family:var(--body)!important;font-size:14.5px!important;
  background:#fff!important;height:auto!important;color:var(--ink)!important}
.woocommerce form .form-row label{
  font-family:var(--body);font-size:12.5px;font-weight:500;color:var(--stone);margin-bottom:5px}
.woocommerce-checkout #payment,.woocommerce-checkout-review-order{
  background:var(--paper)!important;border:1px solid var(--line);border-radius:var(--r-lg)}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--line)}
.woocommerce-checkout #payment div.payment_box{background:var(--sand)!important;border-radius:var(--r)}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--sand)!important}
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  border-top-color:var(--palm)!important;background:var(--paper);
  font-family:var(--body);border-radius:var(--r)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--palm)!important}
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:var(--r-lg);
  font-family:var(--body)}
.woocommerce table.shop_table th{background:var(--green-900);color:var(--sand);
  font-family:var(--display);font-weight:700}
.woocommerce ul.order_details li strong{font-family:var(--mono);color:var(--palm)}


/* ═══════════ صفحة منتج الحجز (JetBooking + Woo) ═══════════ */
.single-product .product_title{font-family:var(--display);font-weight:700;
  font-size:clamp(26px,3.2vw,40px);line-height:1.3;color:var(--ink)}
.single-product .summary .price,.single-product .summary .woocommerce-Price-amount{
  font-family:var(--mono);font-size:26px;font-weight:600;color:var(--palm)}
.single-product .woocommerce-product-details__short-description{
  font-weight:300;color:#4A423A;line-height:1.9;margin-top:10px}

/* نموذج الحجز */
.jet-booking-fields,.jet-abaf-form,form.cart{display:grid;gap:14px;margin-top:22px;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}
.jet-booking-fields label,.jet-abaf-form label,form.cart label{
  font-family:var(--body);font-size:12.5px;font-weight:500;color:var(--stone);
  display:block;margin-bottom:6px;letter-spacing:normal}
.jet-booking-fields input,.jet-booking-fields select,
.jet-abaf-form input,.jet-abaf-form select,
form.cart input[type=text],form.cart input[type=email],form.cart input[type=number],form.cart select{
  width:100%;border:1px solid var(--line)!important;background:#fff!important;
  border-radius:var(--r)!important;padding:12px 14px!important;
  font-family:var(--body)!important;font-size:15px!important;color:var(--ink)!important;height:auto!important}
.jet-booking-fields input:focus,.jet-abaf-form input:focus{outline:2px solid var(--tamr);outline-offset:2px}
.single-product .single_add_to_cart_button,.jet-abaf-form button[type=submit]{
  width:100%!important;padding:15px 24px!important;font-size:16px!important;
  background:var(--palm)!important;color:var(--sand)!important;border:0!important;
  border-radius:var(--r)!important;font-family:var(--body)!important;font-weight:600!important;
  transition:background .25s}
.single-product .single_add_to_cart_button:hover{background:var(--palm-hover)!important}
.single-product .single_add_to_cart_button:disabled{opacity:.55;cursor:not-allowed}

/* التقويم */
.datepicker,.datepickers-container .datepicker{font-family:var(--body);border:1px solid var(--line);
  border-radius:var(--r-lg);box-shadow:0 26px 60px -34px rgba(18,36,26,.5);padding:10px}
.datepicker--day-name{color:var(--tamr);font-family:var(--body);font-weight:600;font-size:12px}
.datepicker--cell{font-family:var(--mono);font-size:12.5px;border-radius:var(--r)}
.datepicker--cell.-current-{color:var(--tamr)!important;font-weight:700}
.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{
  background:var(--palm)!important;color:var(--sand)!important}
.datepicker--cell.-in-range-{background:rgba(5,52,27,.09)!important;color:var(--ink)!important}
.datepicker--cell.-range-from-,.datepicker--cell.-range-to-{
  border-color:var(--palm)!important;background:rgba(5,52,27,.16)!important}
.datepicker--cell.-disabled-{opacity:.32;text-decoration:line-through}
.datepicker--nav-title{font-family:var(--display);font-weight:700;color:var(--ink)}
.datepicker--nav-action path{stroke:var(--palm)}
.jet-booking-error,.datepicker--info{color:#A0512C;font-family:var(--body);font-size:13px}

/* التبويبات والمراجعات */
.woocommerce-tabs ul.tabs li{border-color:var(--line)!important;background:var(--sand)!important;
  border-radius:var(--r) var(--r) 0 0!important}
.woocommerce-tabs ul.tabs li.active{background:var(--paper)!important;border-bottom-color:var(--paper)!important}
.woocommerce-tabs ul.tabs li a{font-family:var(--body)!important;color:var(--ink)!important;font-weight:600}
.woocommerce-tabs .panel{border:1px solid var(--line);border-top:0;background:var(--paper);
  padding:26px;border-radius:0 0 var(--r-lg) var(--r-lg)}
.woocommerce-breadcrumb{font-family:var(--body);font-size:12.5px;color:var(--stone)}
.woocommerce-breadcrumb a{color:var(--stone)}
.woocommerce-breadcrumb a:hover{color:var(--palm)}

/* شبكة المتجر */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--display)!important;font-weight:700;font-size:17px}
.woocommerce ul.products li.product .price{font-family:var(--mono);color:var(--palm)}
.woocommerce span.onsale{background:var(--tamr)!important;color:#231A10!important;
  font-family:var(--body);font-weight:600}


/* ═══════════════════════════════════════════════════════════════
   شبكة الفروع: 7 بطاقات — الصف الأخير يتوسّط بدل أن يتعلّق
   ═══════════════════════════════════════════════════════════════ */
.grid-branches{--gc:clamp(14px,1.8vw,24px);display:flex;flex-wrap:wrap;gap:var(--gc);justify-content:center}
.grid-branches > *{flex:1 1 300px;max-width:calc((100% - var(--gc) * 2) / 3);min-width:0}
.grid-branches .bcard--wide{max-width:calc((100% - var(--gc)) / 3 * 2 + var(--gc))}
@media (max-width:1080px){
  .grid-branches > *{max-width:calc((100% - var(--gc)) / 2)}
  .grid-branches .bcard--wide{max-width:100%}
}
@media (max-width:640px){ .grid-branches > *{max-width:100%;flex-basis:100%} }

/* ═══════════════════════════════════════════════════════════════
   الجوال — أكثر من نصف زيارات السوق السعودي
   ═══════════════════════════════════════════════════════════════ */
@media (max-width:1024px){

  /* قائمة Elementor المنسدلة على الجوال */
  .elementor-menu-toggle{color:var(--palm)!important;background:transparent!important;
    border:1px solid var(--line);border-radius:var(--r);padding:8px 10px!important}
  .elementor-nav-menu--dropdown{background:var(--paper)!important;border:1px solid var(--line);
    border-radius:var(--r-lg);box-shadow:0 26px 56px -30px rgba(18,36,26,.5);overflow:hidden}
  .elementor-nav-menu--dropdown a{font-family:var(--body)!important;font-size:15.5px!important;
    color:var(--ink)!important;padding:14px 18px!important;border-bottom:1px solid var(--line)}
  .elementor-nav-menu--dropdown a:hover,.elementor-nav-menu--dropdown a.elementor-item-active{
    background:var(--sand)!important;color:var(--palm)!important}
  .elementor-nav-menu--dropdown .sub-menu a{padding-inline-start:34px!important;font-size:14.5px!important}

  /* الهيرو */
  .hero h1,.elementor-section.hero h1.elementor-heading-title{font-size:clamp(26px,7.4vw,38px)!important;
    line-height:1.32!important;max-width:100%!important}
  .hero__sub p,.elementor-widget-text-editor.hero__sub p{font-size:15px!important;max-width:100%!important}
  .elementor-section.hero{padding-top:56px!important;padding-bottom:32px!important}

  /* شريط البحث: حقل تحت الآخر */
  .askbar__card{grid-template-columns:1fr!important;gap:12px;padding:16px}
  .askbar__card .btn{width:100%;height:50px;font-size:16px}
  .field select,.field input{font-size:16px!important;padding:13px 14px!important}  /* 16px يمنع تكبير iOS */

  /* شريط الفروع أسفل الهيرو */
  .branchindex__in{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
  .bi{min-width:56vw;scroll-snap-align:start;padding:16px 18px}

  /* الأرقام */
  .facts__in{grid-template-columns:1fr 1fr!important}
  .fact{padding:20px 14px}
  .fact__n{font-size:22px}
  .fact__l{font-size:12px;line-height:1.5}

  /* العناوين والمسافات */
  .h-sec,.elementor-widget-heading.h-sec .elementor-heading-title{font-size:clamp(23px,5.6vw,30px)!important}
  .elementor-section.section,.elementor-section.band{padding-top:44px!important;padding-bottom:44px!important}
  .sec-head{flex-direction:column;align-items:flex-start;gap:14px}

  /* البطاقات */
  .grid-stays{grid-template-columns:1fr 1fr!important}
  .stay{aspect-ratio:4/3.4}
  .stay__name{font-size:16px}
  .stay__size{font-size:11px}
  .stay__desc{max-height:none;opacity:1;font-size:12.5px}   /* لا تمرير بالماوس على اللمس */
  .grid-3,.grid-blog{grid-template-columns:1fr!important}
  .bcard__body{padding:18px}
  .bcard__act{flex-direction:column}
  .bcard__act .btn{width:100%}

  /* الأسئلة الشائعة */
  .qa summary{font-size:15px;padding:16px 0}
  .qa__a{font-size:14px}

  /* الفوتر */
  .footer__grid{grid-template-columns:1fr!important;gap:30px}
  .footer__cta{flex-direction:column;align-items:flex-start}
  .footer__cta .btn{width:100%}

  /* واتساب العائم فوق شريط المتصفح */
  .wa-float{inset-block-end:16px;inset-inline-start:16px}

  /* أي جدول يخرج عن الشاشة */
  .tbl-wrap{-webkit-overflow-scrolling:touch}
  img,video{max-width:100%;height:auto}
}

@media (max-width:640px){
  .grid-stays{grid-template-columns:1fr!important}
  .stay{aspect-ratio:16/10}
  .bi{min-width:76vw}
  .specbar{grid-template-columns:1fr!important}
  .amen{grid-template-columns:1fr!important}
  .gallery{grid-template-columns:1fr!important}
  .gallery figure:first-child{grid-column:span 1}
  .topbar__slogan{display:none}
  .topbar__in{font-size:11.5px;gap:8px}
}

/* أهداف اللمس لا تقل عن 44px */
@media (pointer:coarse){
  .btn,.elementor-widget-button.btn .elementor-button{min-height:46px}
  .nav__menu a,.footer__links a{padding-block:10px}
  .qa summary{min-height:46px}
}


/* ═══════════ خلفية الهيرو المتبدّلة حسب الفرع ═══════════ */
.elementor-section.hero.has-stage{position:relative;isolation:isolate;overflow:hidden}
.elementor-section.hero.has-stage > .hero__stage{position:absolute;inset:0;z-index:0;overflow:hidden}
.elementor-section.hero.has-stage > .hero__stage .scene{
  position:absolute;inset:0;opacity:0;transform:scale(1.05);background-size:cover;background-position:center;
  transition:opacity .8s var(--ease),transform 9s linear}
.elementor-section.hero.has-stage > .hero__stage .scene.is-live{opacity:1;transform:scale(1)}
/* طبقة التعتيم فوق خلفية الهيرو — صور الفروع والفيديو معاً.
   قيم ضبطها صاحب الموقع بنفسه (سبتمبر 2026): أخفّ في المنتصف كي تبان
   الخلفية. هذه هي القاعدة الوحيدة للتعتيم — لا تُضف أخرى تنافسها. */
.elementor-section.hero.has-stage > .hero__grain{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to top,rgba(5,35,24,.96) 0%,rgba(5,35,24,.10) 45%,rgba(5,35,24,.20) 100%),
             linear-gradient(to left,rgba(5,35,24,.50) 0%,rgba(5,35,24,.08) 62%)}
.elementor-section.hero.has-stage > .elementor-container{position:relative;z-index:2}

/* شريط الفروع: مؤشر الفرع النشط */
.bi{cursor:pointer}
.bi.is-live .bi__name{color:var(--tamr-soft)}

@media (prefers-reduced-motion:reduce){
  .elementor-section.hero.has-stage > .hero__stage .scene{transition:opacity .01ms;transform:none}
}


/* الهيرو: تعمل حتى لو أُضيف الكلاس من السكربت */
.hero.has-stage{position:relative!important;isolation:isolate;overflow:hidden}
.hero.has-stage > .hero__stage{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.hero.has-stage > .hero__stage .scene{position:absolute;inset:0;opacity:0;transform:scale(1.05);
  background-size:cover;background-position:center;transition:opacity .8s var(--ease),transform 9s linear}
.hero.has-stage > .hero__stage .scene.is-live{opacity:1;transform:scale(1)}
.hero.has-stage > .hero__grain{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to top,rgba(5,35,24,.94) 0%,rgba(5,35,24,.5) 45%,rgba(5,35,24,.72) 100%),
             linear-gradient(to left,rgba(5,35,24,.7) 0%,rgba(5,35,24,.06) 62%)}
.hero.has-stage > .elementor-container,
.hero.has-stage > .e-con-inner{position:relative;z-index:2}


/* ═══════════ مطابقة التصميم الأصلي ═══════════ */

/* عنوان الهيرو بسطرين ولونين */
.hero h1 em,.hero .elementor-heading-title em{font-style:normal;color:var(--tamr-soft);display:block}

/* ترويسة القسم داخل بويدجت الاختصار */
.elementor-widget-shortcode .sec-head{margin-bottom:clamp(24px,2.8vw,38px)}
.elementor-widget-shortcode .sec-head .eyebrow{margin-bottom:12px}
.elementor-widget-shortcode .sec-head .h-sec{margin-top:0}
.is-dark .sec-head .h-sec{color:var(--sand)}
.is-dark .sec-head .btn--outline{border-color:var(--line-dark);color:var(--sand)}
.is-dark .sec-head .btn--outline:hover{border-color:var(--tamr);color:var(--tamr)}

/* شريط الدعوة */
.band .band__in h2{font-family:var(--display);font-size:clamp(25px,3.1vw,38px);max-width:22ch;color:var(--sand)}
.band .band__in p{font-size:15px;font-weight:300;color:rgba(244,237,225,.7);margin-top:10px;max-width:46ch}

/* البطاقة العريضة: صورة أعرض وأقصر */
.bcard--wide .bcard__ph{aspect-ratio:16/7.4}
.bcard--wide .bcard__name{font-size:22px}

/* شريط الفروع أوضح */
.branchindex__in{padding-inline:0}
.bi{padding:18px 22px}
.bi__name{font-size:15.5px}
.bi__type{font-size:11.5px;margin-top:4px}

/* التقييم داخل بويدجت مستقل */
.elementor-widget-shortcode .rating{margin:-12px 0 26px}

/* الأسئلة في عمودين */
.elementor-widget-shortcode .faq{align-items:start}
@media (max-width:1080px){ .elementor-widget-shortcode .faq{grid-template-columns:1fr} }


/* ═══════════ إصلاح: العناوين داخل الأقسام الداكنة ═══════════
   الاختصار يخرج داخل بويدجت، فلا يرث لون القسم. نصرّح باللون. */
.section.is-dark .sec-head .h-sec,
.section.is-dark .elementor-widget-shortcode .h-sec,
.elementor-section.is-dark .sec-head .h-sec,
.elementor-section.is-dark .elementor-widget-shortcode .h-sec,
.sec-head.is-on-dark .h-sec{color:var(--sand)}

.section.is-dark .sec-head .lede,
.elementor-section.is-dark .elementor-widget-shortcode .lede,
.sec-head.is-on-dark .lede{color:rgba(244,237,225,.72)}

.section.is-dark .sec-head .eyebrow,
.elementor-section.is-dark .elementor-widget-shortcode .eyebrow{color:var(--tamr)}

/* الأقسام الداكنة: أي عنوان مباشر */
.elementor-section.is-dark .elementor-heading-title{color:var(--sand)}

/* ═══════════ شريط الدعوة: صف واحد والزر يساراً ═══════════ */
.elementor-section.band .elementor-widget-shortcode{width:100%}
.band .band__in{display:flex;justify-content:space-between;align-items:center;
  gap:28px;flex-wrap:wrap;padding:0}
.band .band__in > div{flex:1 1 420px;min-width:0}
.band .band__in .btn{flex:0 0 auto}
.band .frieze{margin-bottom:30px}

/* ═══════════ التقييم بجانب العنوان ═══════════ */
.sec-head .rating{margin-top:16px}

/* ═══════════ البطاقة العريضة: صورة أعرض فعلاً ═══════════ */
.grid-branches .bcard--wide .bcard__ph{aspect-ratio:16/7.4!important}
.grid-branches .bcard--wide .bcard__ph img{object-position:center}


/* ═══════════════════════════════════════════════════════════════
   الهيدر: لاصق أعلى الصفحة، شفاف فوق الهيرو، ويصير صلباً بالتمرير
   ═══════════════════════════════════════════════════════════════ */
.elementor-location-header{position:sticky;top:0;z-index:99}
.elementor-location-header .elementor-section{padding:0!important}

/* الشريط العلوي يُطوى عند التمرير فيبقى الهيدر وحده */
.topbar{overflow:hidden;transition:height .35s var(--ease),opacity .3s}
body.pc-scrolled .topbar{height:0;opacity:0}

/* المحتوى ينزلق تحت الهيدر كما في التصميم.
   القيمة ضبطها صاحب الموقع على 130- بعد قياسٍ على الشاشة: ارتفاع الهيدر
   تغيّر بعد تعديلات الشعار والشريط العلوي، فبقي فراغ أبيض تحته. */
body.home .elementor-section.hero,
.elementor-section.phero{margin-top:-130px}
body.home .elementor-section.hero{padding-top:188px!important}
.elementor-section.phero{padding-top:202px!important}

/* القائمة داخل الهيدر */
.masthead .nav{display:flex;align-items:center;gap:clamp(12px,1.6vw,26px);margin-inline-start:auto}
.masthead .nav > a,.masthead .nav__top{
  font-family:var(--body);font-size:14.5px;font-weight:500;
  color:rgba(244,237,225,.9);position:relative;padding-block:6px;transition:color .3s;white-space:nowrap}
.masthead.is-stuck .nav > a,.masthead.is-stuck .nav__top{color:#3C352E}
.masthead .nav > a::after,.masthead .nav__top::after{
  content:"";position:absolute;inset-inline-start:0;bottom:0;height:1.5px;width:0;
  background:var(--tamr);transition:width .3s var(--ease)}
.masthead .nav > a:hover::after,.masthead .nav__has:hover .nav__top::after,
.masthead .nav > a.is-active::after{width:100%}
.masthead .nav > a:hover,.masthead .nav__has:hover .nav__top,
.masthead .nav > a.is-active{color:var(--tamr)}

/* الشعار يتبدّل بين النسختين */
.masthead .brand{flex-shrink:0}

/* الجوال */
@media (max-width:1024px){
  body.home .elementor-section.hero,.elementor-section.phero{margin-top:-120px}
  body.home .elementor-section.hero{padding-top:166px!important}
  .elementor-section.phero{padding-top:174px!important}
  .masthead .nav{display:none}
  .masthead .nav.is-open{
    display:flex;flex-direction:column;align-items:stretch;gap:0;
    position:absolute;inset-inline:0;top:74px;background:var(--paper);
    padding:10px var(--pad) 22px;border-bottom:1px solid var(--line);
    box-shadow:0 24px 50px -30px rgba(18,36,26,.5);max-height:78vh;overflow:auto}
  .masthead .nav.is-open > a,.masthead .nav.is-open .nav__top{
    color:var(--ink)!important;padding:14px 0;border-bottom:1px solid var(--line);font-size:15.5px}
  .masthead .nav.is-open .nav__has{display:block}
  .masthead .nav.is-open .nav__menu{
    position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;
    border:0;padding:0 0 10px;min-width:0;background:transparent}
  .masthead .nav.is-open .nav__menu a{padding:11px 0;padding-inline-start:18px;font-size:14px;border-bottom:0}
  .masthead .nav.is-open .nav__menu a span{display:none}
  .masthead .nav.is-open .nav__car{display:none}
  .mast__in .btn--ghost{display:none}
}


/* ═══════════════════════════════════════════════════════════════
   إصلاح الألوان: العناصر داخل بويدجت لا ترث لون القسم في Elementor،
   فنصرّح بالألوان على كلاسات التصميم نفسها.
   ═══════════════════════════════════════════════════════════════ */

/* ── الشريط العلوي ── */
.topbar{background:var(--green-900);color:rgba(244,237,225,.82)}
.topbar__in{display:flex;justify-content:space-between;align-items:center;
  gap:18px;flex-wrap:wrap;min-height:38px;font-size:12.5px}
.topbar__set{display:flex;align-items:center;gap:12px}
.topbar a{color:rgba(244,237,225,.82);transition:color .25s}
.topbar a:hover{color:var(--tamr)}
.topbar .num{color:var(--sand);font-weight:600;letter-spacing:.02em}
.topbar .lang{border:1px solid rgba(244,237,225,.24);border-radius:100px;
  padding:3px 11px;font-size:11px;letter-spacing:.08em}
.topbar .lang:hover{border-color:var(--tamr)}

/* ── الفوتر ── */
.elementor-location-footer,.elementor-location-footer .elementor-section{
  background:var(--green-900)!important;color:var(--sand)}
.footer__cta{display:flex;justify-content:space-between;align-items:center;
  gap:28px;flex-wrap:wrap;padding-block:clamp(34px,4vw,52px)}
.footer__cta h2{font-family:var(--display);font-weight:700;color:var(--sand);
  font-size:clamp(24px,3vw,36px);max-width:22ch;margin:0}
.footer__grid{display:grid;gap:clamp(26px,3vw,44px);
  grid-template-columns:1.4fr 1fr .9fr 1fr;
  padding-block:clamp(34px,4vw,52px);border-top:1px solid rgba(244,237,225,.12)}
.footer__grid h4{font-family:var(--display);font-size:16px;font-weight:700;
  color:var(--sand);margin:0 0 16px}
.footer__about{font-size:13.5px;font-weight:300;line-height:1.85;
  color:rgba(244,237,225,.62);margin-top:16px;max-width:38ch}
.footer__links{display:grid;gap:10px;list-style:none;padding:0;margin:0}
.footer__links a{font-size:13.5px;color:rgba(244,237,225,.66);transition:color .25s}
.footer__links a:hover{color:var(--tamr)}
.footer__contact{display:grid;gap:14px}
.footer__contact > div{font-size:12px;color:rgba(244,237,225,.5);display:grid;gap:3px}
.footer__contact strong{display:block;font-family:var(--mono);font-size:14.5px;
  font-weight:600;color:var(--sand)}
.footer__contact strong a{color:var(--sand)}
.footer__contact strong a:hover{color:var(--tamr)}
.social{display:flex;gap:10px;margin-top:20px}
.social a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(244,237,225,.2);transition:border-color .25s,background .25s}
.social a:hover{border-color:var(--tamr);background:rgba(196,136,74,.12)}
.social svg{width:15px;height:15px;fill:rgba(244,237,225,.7)}
.social a:hover svg{fill:var(--tamr)}
.footer__bar{display:flex;justify-content:space-between;align-items:center;
  gap:18px;flex-wrap:wrap;padding-block:20px;font-size:12.5px;
  color:rgba(244,237,225,.45);border-top:1px solid rgba(244,237,225,.12)}
.footer__bar a{color:rgba(244,237,225,.45)}
.footer__bar a:hover{color:var(--tamr)}

@media (max-width:1024px){
  .footer__grid{grid-template-columns:1fr 1fr}
  .footer__cta{flex-direction:column;align-items:flex-start}
  .footer__cta .btn{width:100%}
}
@media (max-width:640px){ .footer__grid{grid-template-columns:1fr} }

/* ═══════════ هيدر شفاف للرئيسية وصلب للصفحات الداخلية ═══════════ */
.masthead{background:transparent;transition:background .35s var(--ease),
  box-shadow .35s var(--ease),border-color .35s;border-bottom:1px solid transparent}
.mast__in{display:flex;align-items:center;gap:clamp(14px,2vw,30px);min-height:74px}

/* الصفحات الداخلية: صلب من أول لحظة */
body:not(.home) .masthead{background:rgba(255,252,246,.97);
  border-bottom-color:var(--line);backdrop-filter:blur(10px)}
body:not(.home) .masthead .nav > a,
body:not(.home) .masthead .nav__top{color:#3C352E}
body:not(.home) .masthead .brand__logo--light{display:none}
body:not(.home) .masthead .brand__logo--dark{display:block}
body:not(.home) .masthead .btn--ghost{border-color:var(--line);color:var(--palm)}

/* الرئيسية: يصير صلباً بالتمرير */
.masthead.is-stuck{background:rgba(255,252,246,.97);
  border-bottom-color:var(--line);backdrop-filter:blur(10px);
  box-shadow:0 18px 40px -34px rgba(18,36,26,.5)}

/* الصفحات الداخلية لا تنزلق تحت الهيدر لأنه صلب */
body:not(.home) .elementor-section.phero{margin-top:0;padding-top:96px!important}

/* زر الحجز في الهيدر */
.btn--ghost{border:1px solid rgba(244,237,225,.3);color:var(--sand);background:transparent}
.btn--ghost:hover{border-color:var(--tamr);color:var(--tamr);background:transparent}
.masthead.is-stuck .btn--ghost{border-color:var(--line);color:var(--palm)}
.masthead.is-stuck .btn--ghost:hover{border-color:var(--palm);background:var(--palm);color:var(--sand)}

/* ═══════════ صفحة البحث ═══════════ */
.sbar{position:sticky;top:74px;z-index:40;background:var(--green-900);
  border-block:1px solid rgba(244,237,225,.12)}
body.pc-scrolled .sbar{top:74px}
.sbar__form{display:grid;gap:10px;grid-template-columns:2fr 1fr 1fr .8fr auto;
  align-items:end;padding-block:16px}
.sbar .field label{color:rgba(244,237,225,.6)}
.sbar .field select,.sbar .field input{background:#fff;color:var(--ink);
  border-color:transparent;color-scheme:light}
@media (max-width:900px){ .sbar__form{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .sbar__form{grid-template-columns:1fr} .sbar .btn{width:100%} }

.flow{background:var(--paper);border-bottom:1px solid var(--line)}
.flow__in{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding-block:14px;font-size:12.5px;color:var(--stone)}
.flow__s{display:inline-flex;align-items:center;gap:8px}
.flow__n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;
  font-family:var(--mono);font-size:11.5px;background:var(--sand);color:var(--stone)}
.flow__s.is-done .flow__n{background:var(--palm);color:var(--sand)}
.flow__s.is-on{color:var(--ink);font-weight:600}
.flow__s.is-on .flow__n{background:var(--tamr);color:#231A10}
.flow__sep{opacity:.4}

.results{display:grid;grid-template-columns:270px 1fr;gap:clamp(20px,2.6vw,38px);align-items:start}
@media (max-width:980px){ .results{grid-template-columns:1fr} }


/* الشريط العلوي: الخط الساخن يميناً والباقي يساراً في RTL */
.topbar__in{flex-direction:row}
.topbar__set:first-child{margin-inline-end:auto}
@media (max-width:720px){
  .topbar__in{justify-content:center;gap:10px;padding-block:8px}
  .topbar__set:first-child{margin-inline-end:0}
  .topbar__slogan,.topbar__set > a[href*="branches"]{display:none}
}


/* ═══════════ صفحة المقال ═══════════ */
.toc{position:sticky;top:100px;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:24px}
.toc h4{font-family:var(--display);font-size:15px;font-weight:700;margin:0 0 14px;color:var(--ink)}
.toc ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.toc a{font-size:13.5px;font-weight:300;color:#5A5148;line-height:1.6;
  padding-inline-start:14px;position:relative;transition:color .25s}
.toc a::before{content:"";position:absolute;inset-inline-start:0;top:8px;width:5px;height:5px;
  border-radius:50%;background:var(--tamr);opacity:.55}
.toc a:hover{color:var(--palm)}
.single-post .prose h2{scroll-margin-top:120px}
@media (max-width:1080px){ .toc{position:static} }


/* ═══════════ صفحة البحث: الفلاتر جانباً والنتائج بجوارها ═══════════ */
.results{display:grid;grid-template-columns:250px minmax(0,1fr);
  gap:clamp(20px,2.4vw,34px);align-items:start}
.results__main{min-width:0}

/* الترويسة داخل عمود النتائج بخط أصغر */
.results__intro{margin-bottom:22px}
.results__intro .eyebrow{margin-bottom:10px}
.results__t{font-family:var(--display);font-weight:700;line-height:1.3;
  font-size:clamp(21px,2.2vw,28px);margin:0;max-width:24ch;color:var(--ink)}
.results__d{font-size:14px;font-weight:300;color:#5A5148;margin-top:9px;
  line-height:1.75;max-width:52ch}

/* المرشّحات: عمود لاصق مضغوط */
.facets{position:sticky;top:150px;display:grid;gap:20px;
  background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:20px}
.facets .facet h4{font-family:var(--display);font-size:14px;font-weight:700;
  margin:0 0 10px;color:var(--ink)}
.facets .facet label{display:flex;align-items:center;gap:9px;padding:5px 0;
  font-size:13.5px;font-weight:300;color:#4A423A;cursor:pointer}
.facets input[type=checkbox]{accent-color:var(--palm);width:15px;height:15px;flex-shrink:0}
.facets .btn{width:100%;font-size:13px;padding:10px 14px}

/* صف العدّاد والترتيب */
.rhead{display:flex;justify-content:space-between;align-items:flex-end;
  gap:16px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:18px;
  border-bottom:1px solid var(--line)}
.rhead__c{font-size:13.5px;color:var(--stone);margin:0}
.rhead__c b{font-family:var(--mono);font-size:17px;color:var(--palm)}

/* بطاقة النتيجة */
.rcard{display:grid;grid-template-columns:230px minmax(0,1fr);gap:0;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  overflow:hidden;margin-bottom:16px}
.rcard__ph{aspect-ratio:auto;min-height:190px;background:linear-gradient(145deg,#3B6444,#1B3325)}
.rcard__ph img{width:100%;height:100%;object-fit:cover}
.rcard__body{padding:20px 22px}
.rcard__t{font-family:var(--display);font-size:19px;font-weight:700;margin:0}
.rcard__t a{color:var(--ink)}
.rcard__t a:hover{color:var(--palm)}
.rcard__spec{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;
  color:var(--stone);margin-top:7px}
.rcard__chips{display:flex;gap:7px;flex-wrap:wrap;list-style:none;padding:0;margin:12px 0 0}
.rcard .rate{display:flex;justify-content:space-between;align-items:flex-end;
  gap:16px;flex-wrap:wrap;padding-top:14px;margin-top:14px;border-top:1px dashed var(--line)}

@media (max-width:1080px){
  .results{grid-template-columns:1fr}
  .facets{position:static;grid-template-columns:1fr 1fr;gap:16px}
  .facets .btn{grid-column:1/-1}
}
@media (max-width:620px){
  .facets{grid-template-columns:1fr}
  .rcard{grid-template-columns:1fr}
  .rcard__ph{min-height:170px}
}

/* ═══════════ شبكة الفروع في «جرّب فرعاً قريباً» ═══════════ */
.section .grid-branches{--gc:clamp(14px,1.8vw,22px)}
.section.is-paper .grid-branches > *:not(.bcard--wide){max-width:calc((100% - var(--gc) * 2) / 3)}
@media (max-width:980px){
  .section.is-paper .grid-branches > *:not(.bcard--wide){max-width:calc((100% - var(--gc)) / 2)}
}
@media (max-width:640px){
  .section.is-paper .grid-branches > *{max-width:100%}
}


/* ═══════════ أزرار بطاقة الفرع: متساويان في صف واحد ═══════════ */
.bcard__act{display:flex;gap:8px;margin-top:14px;padding-top:16px;
  border-top:1px solid var(--line)}
.bcard__act .btn{flex:1 1 0;min-width:0;padding:11px 12px!important;
  font-size:13.5px!important;text-align:center;white-space:nowrap}

/* نفس المعالجة لصفوف صفحة فروعنا */
.brow__act{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.brow__act .btn{flex:0 1 auto;padding:12px 22px}

/* على الشاشات الضيقة: زر تحت زر */
@media (max-width:520px){
  .bcard__act{flex-direction:column}
  .bcard__act .btn{width:100%}
  .brow__act .btn{flex:1 1 100%}
}


/* ═══════════ بطاقة الفرع المبسّطة — الصفحات الداخلية ═══════════ */
.bcard__body--slim{padding:20px 22px 22px;display:grid;gap:0}
.bcard__body--slim .bcard__name{font-size:19px;text-align:center;margin:0}
.bcard__body--slim .bcard__act{margin-top:16px;padding-top:16px}
.bcard__body--slim .bcard__act .btn{width:100%}


/* ═══════════════════════════════════════════════════════════════
   عرض كامل: الهيدر والشريط العلوي وشريط الفروع تمتد لحافة الشاشة،
   ويبقى المحتوى بداخلها محدوداً بعرض .wrap فقط.
   ═══════════════════════════════════════════════════════════════ */
.elementor-location-header > .elementor-section > .elementor-container{
  max-width:100%!important;width:100%!important;margin:0!important;padding:0!important}
.elementor-location-header .elementor-column,
.elementor-location-header .elementor-widget-wrap,
.elementor-location-header .elementor-widget-shortcode,
.elementor-location-header .elementor-widget-container{padding:0!important;margin:0!important}

/* شريط الفروع أسفل الهيرو */
.elementor-section:has(> .elementor-container .branchindex) > .elementor-container{
  max-width:100%!important;padding:0!important}
.branchindex{width:100%;border-top:1px solid rgba(244,237,225,.14);
  background:rgba(5,35,24,.55);backdrop-filter:blur(6px)}
.branchindex__in{display:flex;overflow-x:auto;scrollbar-width:none}
.branchindex__in::-webkit-scrollbar{display:none}
.bi{flex:1 1 0;min-width:150px;text-align:center;padding:18px 16px;
  border-inline-start:1px solid rgba(244,237,225,.12);background:transparent;
  border-block:0;border-inline-end:0;cursor:pointer;transition:background .3s}
.bi:first-child{border-inline-start:0}
.bi:hover,.bi.is-live{background:rgba(244,237,225,.07)}
.bi.is-live{box-shadow:inset 0 2px 0 var(--tamr)}
.bi__name{display:block;font-family:var(--display);font-weight:700;font-size:15px;color:var(--sand)}
.bi__type{display:block;font-size:11.5px;color:rgba(244,237,225,.55);margin-top:4px}

/* شريط الأرقام وشريط البحث اللاصق يمتدان أيضاً */
.elementor-section:has(> .elementor-container .facts) > .elementor-container,
.elementor-section:has(> .elementor-container .sbar) > .elementor-container,
.elementor-section:has(> .elementor-container .flow) > .elementor-container{
  max-width:100%!important;padding:0!important}

/* الفوتر: الشريط الداكن يمتد والمحتوى داخل .wrap */
.elementor-location-footer > .elementor-section > .elementor-container{
  max-width:100%!important;padding:0!important}

/* .wrap يحافظ على عرض المحتوى داخل الأشرطة الممتدة */
.topbar .wrap,.masthead .wrap,.branchindex .wrap,.facts .wrap,
.sbar .wrap,.flow .wrap,.elementor-location-footer .wrap{
  max-width:1240px;margin-inline:auto;padding-inline:var(--pad)}

@media (max-width:1024px){
  .bi{min-width:56vw;flex:0 0 auto;text-align:start;scroll-snap-align:start}
  .branchindex__in{scroll-snap-type:x mandatory}
}


/* ═══════════ البطاقة العريضة: عمودان فعلاً ═══════════
   تُكتب أخيراً لتتغلّب على قواعد الشبكة العامة. */
.grid-branches .bcard--wide{
  flex:1 1 640px!important;
  max-width:calc((100% - var(--gc)) / 3 * 2 + var(--gc))!important}
.grid-branches .bcard--wide .bcard__ph{aspect-ratio:16/7.6!important}
.grid-branches .bcard--wide .bcard__name{font-size:23px}
.grid-branches .bcard--wide .bcard__body{padding:26px 28px 28px}

@media (max-width:1080px){
  .grid-branches .bcard--wide{flex-basis:100%!important;max-width:100%!important}
  .grid-branches .bcard--wide .bcard__ph{aspect-ratio:16/8.4!important}
}


/* ═══════════ نموذج الحجز في صفحة المنتج ═══════════ */

/* الزر المعطّل يوضّح سببه بدل أن يبدو معطوباً */
.single-product .single_add_to_cart_button:disabled,
.single-product .single_add_to_cart_button.disabled{
  background:var(--sand)!important;color:var(--stone)!important;
  border:1px dashed var(--line)!important;cursor:not-allowed;opacity:1}
.single-product form.cart{position:relative}
.single-product form.cart::after{
  content:"اختر تاريخ الوصول والمغادرة أولاً";
  display:block;margin-top:10px;text-align:center;
  font-size:12.5px;color:var(--stone);font-family:var(--body)}
.single-product form.cart:has(.single_add_to_cart_button:not(:disabled))::after{display:none}

/* حقلا التاريخ حين يُفصلان من إعدادات JetBooking */
.jet-booking-fields,.jet-abaf-form{grid-template-columns:1fr 1fr;gap:12px}
.jet-booking-fields > *:not(.jet-abaf-form__dates),
.jet-abaf-form > *:not(.jet-abaf-form__dates){grid-column:1/-1}
.jet-abaf-form__dates{display:grid;grid-template-columns:1fr 1fr;gap:10px;grid-column:1/-1}
@media (max-width:520px){
  .jet-booking-fields,.jet-abaf-form,.jet-abaf-form__dates{grid-template-columns:1fr}
}

/* التقويم: أيام أوضح وأكبر للمس */
.datepicker--cells{gap:2px}
.datepicker--cell{border-radius:var(--r)}
.datepicker--cell.-disabled-{opacity:.28;text-decoration:none}
.datepicker--cell.-current-{font-weight:700}


/* ═══════════ نموذج الحجز: سعر الليلة واضح، بلا إجمالي ═══════════ */

/* الإجمالي الذي يحسبه JetBooking لا نعرضه — السعر النهائي في صفحة الدفع */
.jet-booking-total,.jet-abaf-total,.jet-abaf-form__total,
.single-product form.cart .jet-abaf-price-total,
.single-product form.cart [class*="total"]{display:none!important}

/* سطر سعر الليلة أعلى النموذج */
.pc-rate{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  padding:14px 16px;margin-bottom:14px;background:var(--sand);
  border:1px solid var(--line);border-radius:var(--r)}
.pc-rate__n{font-family:var(--mono);font-size:24px;font-weight:600;color:var(--palm);
  letter-spacing:-.02em;white-space:nowrap}
.pc-rate__u{font-size:12.5px;color:var(--stone)}
.pc-rate__inc{font-size:12px;color:#5A5148;font-weight:300;line-height:1.7;
  margin-top:8px;display:block}
.pc-rate__inc b{color:var(--palm);font-weight:600}


/* ═══════════════ v5.9 — مطابقة صفحة الوحدة للتصميم ═══════════════ */

/* ١ · زر «اعرض كل الوسائط» داخل المعرض لا تحته */
.pc-media{position:relative}
.pc-media__hint{font-size:12.5px;color:var(--stone);margin-top:12px}

/* ٢ · ترويسة التجهيزات كما في التصميم */
.single-product .elementor-widget-html .eyebrow{margin:0}
.single-product .elementor-widget-html .h-sec{
  font-family:var(--display);font-weight:700;line-height:1.32;
  font-size:clamp(22px,2.4vw,30px);margin-top:8px;max-width:22ch}
.single-product .elementor-widget-html + .elementor-widget-shortcode{margin-top:24px}

/* ٣ · المسار داخل الهيرو */
.phero .crumbs{margin:0}
.elementor-section.phero .elementor-widget-shortcode + .elementor-widget-heading{margin-top:18px}

/* ٤ · عمود الحجز = بطاقة واحدة (.rail على العمود نفسه) */
.elementor-container:has(> .elementor-column.rail){align-items:flex-start}
.elementor-column.rail{box-sizing:border-box}
.elementor-column.rail > .elementor-widget-wrap{padding:0!important}
.rail .elementor-widget-heading .elementor-heading-title{
  font-family:var(--display);font-size:18px;font-weight:700;line-height:1.4;max-width:none}
.rail .elementor-widget-text-editor p{
  font-size:13.5px;color:var(--stone);line-height:1.7;margin:6px 0 0;max-width:none}
.rail .pc-rate{margin-top:16px}

/* النموذج بلا بطاقة داخل بطاقة */
.rail form.cart,.rail .jet-abaf-form,.rail .jet-booking-fields{
  background:transparent!important;border:0!important;padding:0!important;margin-top:14px!important}
.rail .rail__meta{margin-top:18px}
.rail .elementor-widget:not(:last-child){margin-block-end:0}

@media (max-width:1024px){
  .elementor-column.rail{position:static}
}

/* ٧ · أيقونة تقويم داخل حقلَي التاريخ */
.single-product form.cart input[placeholder*="DD"],
.jet-abaf-form input[placeholder*="DD"],
.jet-booking-fields input[placeholder*="DD"]{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238B8172' stroke-width='1.6' stroke-linecap='round'%3E%3Crect x='2.2' y='3.2' width='11.6' height='10.6' rx='2'/%3E%3Cpath d='M2.2 6.6h11.6M5.6 1.6v3M10.4 1.6v3'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:left 13px center!important;
  padding-inline-start:40px!important;cursor:pointer}


/* ═══════════ v5.10 — تقويم JetBooking الحقيقي (jquery-date-range-picker) ═══════════ */

/* حقلا التاريخ عمودان، والليبل بخط الموقع */
.jet-abaf-separate-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative}
.jet-abaf-separate-field__label{font-family:var(--body);font-size:12.5px;font-weight:500;
  color:var(--stone);margin-bottom:6px;letter-spacing:normal}
.jet-abaf-field__required abbr{color:#A0512C;text-decoration:none;border:0}
.single-product form.cart .quantity{display:none}
@media (max-width:520px){ .jet-abaf-separate-fields{grid-template-columns:1fr} }

/* لوحة التقويم */
.date-picker-wrapper{
  background:var(--paper)!important;border:1px solid var(--line)!important;
  border-radius:var(--r-lg)!important;box-shadow:0 26px 60px -34px rgba(18,36,26,.5)!important;
  font-family:var(--body)!important;color:var(--ink)!important;padding:8px!important;z-index:9999}
.date-picker-wrapper .month-wrapper{background:transparent!important;border:0!important;
  box-shadow:none!important;padding:6px!important}
.date-picker-wrapper .caption{padding:4px 0 10px}
.date-picker-wrapper .month-element{font-family:var(--display);font-weight:700;
  font-size:15px;color:var(--ink)}
.date-picker-wrapper .caption .prev,
.date-picker-wrapper .caption .next{color:var(--palm)!important;font-size:15px;cursor:pointer}
.date-picker-wrapper .week-name th{color:var(--tamr)!important;font-weight:600;
  font-size:11.5px;padding:6px 0;font-family:var(--body)}

/* الأيام */
.date-picker-wrapper table .day{
  font-family:var(--mono);font-size:13px;color:var(--ink)!important;
  border-radius:var(--r);height:34px;line-height:34px;padding:0;transition:background .15s}
.date-picker-wrapper .day.toMonth.valid:hover{background:rgba(5,52,27,.08)!important}
.date-picker-wrapper .day.lastMonth,
.date-picker-wrapper .day.nextMonth{opacity:.22}
.date-picker-wrapper .day.invalid{opacity:.3;color:var(--stone)!important;
  text-decoration:line-through;cursor:not-allowed}
.date-picker-wrapper .day.checked{background:rgba(5,52,27,.10)!important;color:var(--ink)!important}
.date-picker-wrapper .day.hovering{background:rgba(5,52,27,.07)!important}
.date-picker-wrapper .day.first-date-selected,
.date-picker-wrapper .day.last-date-selected{
  background:var(--palm)!important;color:var(--sand)!important;font-weight:600}
.date-picker-wrapper .day.real-today:not(.checked):not(.invalid){
  color:var(--tamr)!important;font-weight:700}

/* الشريط العلوي والرسائل */
.date-picker-wrapper .drp_top-bar{border-bottom:1px dashed var(--line);padding:8px 10px 12px}
.date-picker-wrapper .drp_top-bar .default-top,
.date-picker-wrapper .drp_top-bar .selected-days{font-size:12.5px;color:var(--stone)}
.date-picker-wrapper .drp_top-bar .error-top{font-size:12.5px;color:#A0512C}
.date-picker-wrapper .drp_top-bar .apply-btn{
  background:var(--palm)!important;color:var(--sand)!important;border:0!important;
  border-radius:var(--r)!important;padding:7px 16px!important;font-size:12.5px!important;
  font-family:var(--body)!important}
.date-picker-wrapper .drp_top-bar .apply-btn.disabled{opacity:.45}

/* السعر داخل الخلية مطفأ من المصدر — وهذه شبكة أمان */
.day-price{display:none!important}


/* ═══════════ v5.11 — تباعد بطاقة الحجز بعد تفعيل .rail ═══════════ */
.rail .elementor-widget-text-editor + .elementor-widget-shortcode{margin-top:14px}
.rail .elementor-widget-shortcode + .elementor-widget-shortcode{margin-top:0}
.rail .elementor-widget-woocommerce-product-add-to-cart{margin-top:0}
.rail .jet-booking-form{gap:12px;margin-top:14px}
.rail .btn{width:100%;margin-top:14px}
.rail .rail__meta{margin-top:16px}


/* ═══════════════ v5.12 — صفحة الدفع الكلاسيكية بتصميم بالم كور ═══════════════ */

/* عمودان: البيانات ثم بطاقة الملخص الملتصقة */
.woocommerce-checkout form.checkout.woocommerce-checkout{
  display:grid;grid-template-columns:1.5fr 1fr;
  gap:clamp(26px,3.5vw,52px);align-items:start}
.woocommerce-checkout form.checkout #customer_details{
  grid-column:1;grid-row:1;width:auto;float:none}
.woocommerce-checkout form.checkout #customer_details .col-1,
.woocommerce-checkout form.checkout #customer_details .col-2{
  width:100%;float:none;margin:0}
.woocommerce-checkout form.checkout #customer_details .col-2{margin-top:22px}
/* «طلبك» لا وجود له في التصميم — البطاقة تعرّف نفسها بالوحدة */
.woocommerce-checkout form.checkout #order_review_heading{display:none}
.woocommerce-checkout form.checkout .palm-pay-head{
  grid-column:1;grid-row:2;margin:34px 0 0;align-self:start;
  font-family:var(--display);font-size:19px;font-weight:700}
.woocommerce-checkout form.checkout #payment{grid-column:1;grid-row:3}
.woocommerce-checkout form.checkout #order_review{
  grid-column:2;grid-row:1/span 3;position:sticky;top:96px;
  background:var(--paper)!important;border:1px solid var(--line)!important;
  border-radius:var(--r-lg)!important;padding:22px}

@media (max-width:1024px){
  .woocommerce-checkout form.checkout.woocommerce-checkout{grid-template-columns:1fr}
  .woocommerce-checkout form.checkout #customer_details,
  .woocommerce-checkout form.checkout .palm-pay-head,
  .woocommerce-checkout form.checkout #payment,
  .woocommerce-checkout form.checkout #order_review{grid-column:1;grid-row:auto}
  .woocommerce-checkout form.checkout #order_review{position:static;order:-1}
}

/* عناوين الأقسام داخل النموذج */
.woocommerce-checkout #customer_details h3{
  font-family:var(--display);font-size:19px;font-weight:700;margin:0 0 4px}
.woocommerce-checkout #customer_details .col-2 h3{margin-top:0}

/* الحقول: صف واحد مرن بدل أعمدة ووكومرس */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.woocommerce-checkout .form-row{margin:0!important;padding:0!important;width:auto!important;float:none!important}
.woocommerce-checkout .form-row-wide{grid-column:1/-1}
.woocommerce-checkout .form-row label .optional{color:var(--stone);font-weight:400}
.woocommerce-checkout .woocommerce-additional-fields{margin-top:22px}
.woocommerce-checkout #order_comments{min-height:92px}
@media (max-width:600px){
  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper{grid-template-columns:1fr}
}

/* جدول الملخص كبطاقة الحجز في التصميم */
.woocommerce-checkout #order_review table.shop_table{
  border:0!important;background:transparent!important;width:100%;margin:0}
.woocommerce-checkout #order_review table.shop_table thead{display:none}
.woocommerce-checkout #order_review table.shop_table td,
.woocommerce-checkout #order_review table.shop_table th{
  border:0!important;padding:7px 0!important;font-size:14px;color:#4A423A;
  font-family:var(--body);font-weight:400;background:transparent!important}
.woocommerce-checkout #order_review table.shop_table tfoot th{
  color:var(--stone);font-weight:500;font-size:13.5px}
.woocommerce-checkout #order_review table.shop_table tfoot td{text-align:end}
.woocommerce-checkout #order_review table.shop_table tbody tr td{
  padding-bottom:16px!important;border-bottom:1px solid var(--line)!important}
.woocommerce-checkout #order_review table.shop_table tfoot .order-total th,
.woocommerce-checkout #order_review table.shop_table tfoot .order-total td{
  border-top:1px solid var(--line)!important;padding-top:14px!important;
  font-family:var(--display);font-size:18px;font-weight:700;color:var(--ink)}
.woocommerce-checkout #order_review .woocommerce-Price-amount{font-family:var(--mono)}

/* صورة الوحدة واسمها */
.sum__item{display:flex;gap:12px;align-items:flex-start}
.sum__item img.sum__thumb{width:66px;height:50px;object-fit:cover;
  border-radius:var(--r);flex-shrink:0}
.sum__nm{font-weight:600;color:var(--ink);line-height:1.5}
.woocommerce-checkout #order_review dl.variation,
.woocommerce-checkout #order_review .wc-item-meta{
  font-size:12.5px;color:var(--stone);margin:8px 0 0;line-height:1.8}
.woocommerce-checkout #order_review .wc-item-meta li{list-style:none;margin:0}
.woocommerce-checkout #order_review .wc-item-meta strong{font-weight:500}

/* طرق الدفع: بطاقات مثل ptab في التصميم */
.woocommerce-checkout #payment{
  background:transparent!important;border:0!important;border-radius:0!important;padding:0!important}
.woocommerce-checkout #payment ul.payment_methods{
  border:0!important;padding:16px 0 0!important;margin:0;display:grid;gap:10px}
.woocommerce-checkout #payment ul.payment_methods li{
  border:1px solid var(--line);border-radius:var(--r);padding:13px 15px;
  list-style:none;margin:0;background:transparent;transition:border-color .2s,background .2s}
.woocommerce-checkout #payment ul.payment_methods li:hover{border-color:var(--stone)}
.woocommerce-checkout #payment ul.payment_methods li label{
  font-family:var(--body);font-size:14px;font-weight:600;color:var(--ink);
  display:inline-flex;align-items:center;gap:9px;margin:0}
.woocommerce-checkout #payment ul.payment_methods li input[type=radio]{
  accent-color:var(--palm);width:16px;height:16px}
.woocommerce-checkout #payment div.payment_box{
  background:var(--sand)!important;border-radius:var(--r);margin:10px 0 0!important;
  padding:12px 14px!important;font-size:12.5px;font-weight:300;color:#5A5148;line-height:1.7}
.woocommerce-checkout #payment div.payment_box::before{display:none!important}
.woocommerce-checkout #payment .place-order{padding:0!important;margin-top:18px}
.woocommerce-checkout #payment #place_order{width:100%!important}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{
  font-size:12.5px;color:var(--stone);margin-top:12px}

/* القسيمة ليست في التصميم */
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout form.checkout_coupon{display:none!important}


/* ═══════════ v5.13 — تفاصيل صفحة الدفع ═══════════ */

/* الدفع في العمود الرئيسي: لا إطار حوله، البطاقات هي الإطار */
.woocommerce-checkout form.checkout #payment ul.payment_methods{padding-top:0!important}
.woocommerce-checkout #payment .place-order{margin-top:20px}

/* سطر الطمأنة أسفل الزر */
.woocommerce-checkout .trust{list-style:none;margin-top:16px}
.woocommerce-checkout .trust span{white-space:nowrap}

/* ذيل بطاقة الملخص */
.woocommerce-checkout #order_review .note{margin-top:16px}
.woocommerce-checkout .palm-change-unit{width:100%;margin-top:14px}

/* صناديق فارغة يولّدها ووكومرس حين لا توجد شروط أو سياسة خصوصية */
.woocommerce-terms-and-conditions{display:none!important}
.woocommerce-checkout #payment li:empty,
.woocommerce-checkout #payment > div:empty,
.woocommerce-checkout .form-row:empty,
.woocommerce-checkout .woocommerce-privacy-policy-text:empty,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper:empty{display:none!important}
.woocommerce-checkout .woocommerce-privacy-policy-text p{
  font-size:12.5px;color:var(--stone);line-height:1.7;margin:0 0 10px}


/* ═══════════════ v5.14 — إصلاحات الدفع + صفحة التأكيد ═══════════════ */

/* مساحة أعلى الصفحتين: العنوان كان ملاصقاً للهيدر */
body.woocommerce-checkout .site-main,
body.woocommerce-order-received .site-main,
body.woocommerce-checkout main#content,
body.woocommerce-order-received main#content{
  padding-top:clamp(38px,5vw,74px)!important;
  padding-bottom:clamp(48px,6vw,92px)!important}
body.woocommerce-checkout .entry-title,
body.woocommerce-order-received .entry-title{margin-top:0}

/* زر ووكومرس عائم افتراضياً، فيختفي سطر الطمأنة خلفه */
.woocommerce-checkout #payment #place_order{float:none!important;display:block}
.woocommerce-checkout #payment .place-order::after{content:"";display:block;clear:both}
.woocommerce-checkout .trust{clear:both;margin-top:18px}
.woocommerce-checkout .trust span{white-space:normal}

/* بطاقة الملخص: الالتصاق كان يقصّها عند نهاية العمود */
.woocommerce-checkout form.checkout #order_review{
  position:static!important;height:auto!important;align-self:start}

/* ── صفحة التأكيد ── */
body.woocommerce-order-received .woocommerce-thankyou-order-received,
body.woocommerce-order-received .woocommerce-order-overview,
body.woocommerce-order-received .woocommerce-notice--success,
body.woocommerce-order-received .woocommerce-customer-details{display:none!important}
body.woocommerce-order-received .entry-title{
  text-align:center;margin-bottom:6px}

.palm-done-actions{display:flex;gap:10px;justify-content:center;
  flex-wrap:wrap;margin-top:34px}
.palm-done-steps{margin-top:clamp(48px,6vw,80px);
  border-top:1px solid var(--line);padding-top:clamp(34px,4vw,52px)}
.palm-done-steps .steps{margin-top:26px}
.woocommerce-order .ref{margin-top:20px}


/* ═══════════ v5.15 — شبكة أمان لعناوين الأقسام الداكنة ═══════════
   لو بقي قسم داكن بلا كلاس التصميم، لا يجوز أن يبقى عنوانه بلون الحبر. */
.elementor-section.phero h1,.elementor-section.phero h2,
.elementor-section.is-dark h1,.elementor-section.is-dark h2,
.phero h1,.phero h2{color:var(--sand)}
.phero .lede,.phero p.lede{color:rgba(244,237,225,.82)}


/* ═══════════ v5.16 — خلفية الهيرو تملأ القسم لا صندوق الاختصار ═══════════
   phero__bg و phero__veil عنصران مطلقان. Elementor يجعل العمود وغلاف
   البويدجت position:relative، فينحصر الاثنان داخل عرض الحاوية المحدود
   ويظهران كشريط صورة في وسط قسم أخضر. نُلغي تموضع تلك الأغلفة فيرجع
   المرجع إلى القسم نفسه (.phero موضعه relative). */
.elementor-section.phero > .elementor-container,
.elementor-section.phero .elementor-column,
.elementor-section.phero .elementor-widget-wrap,
.elementor-section.phero .elementor-widget,
.elementor-section.phero .elementor-widget-container,
.elementor-section.phero .elementor-shortcode,
body.home .elementor-section.hero > .elementor-container,
body.home .elementor-section.hero .elementor-column,
body.home .elementor-section.hero .elementor-widget-wrap,
body.home .elementor-section.hero .elementor-widget,
body.home .elementor-section.hero .elementor-widget-container,
body.home .elementor-section.hero .elementor-shortcode{position:static}

/* الحاوية الداخلية تحتفظ بعرض التصميم */
.elementor-section.phero .wrap,
body.home .elementor-section.hero .wrap{position:relative;z-index:1}


/* ═══════════ v5.17 — هيرو الصفحات الثابتة أخضر سادة ═══════════ */
/* التعتيم بلا صورة يعطي تدرّجاً بلا معنى، فيُخفى مع الصورة */
body.page .elementor-section.phero .phero__veil,
body.page .elementor-section.phero .phero__bg{display:none}

/* لا انزلاق أفقي مهما اتسع عنصر — clip لا يكسر position:sticky */
html,body{overflow-x:clip}


/* ═══════════ v5.18 — تباين هيرو المقالة والفرع ═══════════ */
/* تعتيم أقوى قليلاً حين تكون الصورة فاتحة (لوبي · نهار) */
.single-post .elementor-section.phero .phero__veil,
.single-pc_branch .elementor-section.phero .phero__veil{
  background:linear-gradient(to top,rgba(10,20,14,.97) 10%,rgba(10,20,14,.74) 100%)}
.single-post .elementor-section.phero .phero__meta,
.single-post .elementor-section.phero .crumbs{color:rgba(244,237,225,.78)}


/* ═══════════ v5.21 — رابط الموقع داخل شريط الهيرو ═══════════ */
.phero__meta a{color:inherit;text-decoration:none;
  border-bottom:1px solid rgba(244,237,225,.32);transition:border-color .25s}
.phero__meta a:hover{border-bottom-color:var(--tamr)}


/* ═══════════ v5.25 — النسخة الإنجليزية ═══════════
   التصميم مكتوب بخصائص منطقية (inset-inline / margin-inline) فينقلب
   تلقائياً مع dir="ltr". هنا تعديلات الخط والتفاصيل فقط. */
/* المُحدِّد على html كي يعمل حتى لو غاب كلاس pc-en (WPML يضع lang="en-US") */
html[lang^="en"],body.pc-en{
  --body:"IBM Plex Sans","IBM Plex Sans Arabic",system-ui,-apple-system,sans-serif}
html[lang^="en"] body,body.pc-en{font-family:var(--body)}
html[lang^="en"] :is(p,li,td,th,label,button,input,select,textarea,figcaption,
  blockquote,.lede,.eyebrow,.btn,.chip,.fact span,.askbar__note,.bcard,.stay,
  .review,.faq,.spec span,.dcell span){font-family:var(--body)}
/* الأرقام تبقى على الخط أحادي العرض كما في التصميم */
html[lang^="en"] :is(.num,.pc-rate__n,.ref,code,pre,.mcount){font-family:var(--mono)}
body.pc-en .eyebrow{letter-spacing:.16em}
body.pc-en .num{letter-spacing:0}
body.pc-en h1,body.pc-en h2,body.pc-en h3,body.pc-en .h-sec{
  font-family:var(--display);letter-spacing:-.01em}
body.pc-en .topbar__slogan{letter-spacing:.02em}


/* ═══════════ v5.31 — النسخة الإنجليزية: اتجاه ومحاذاة ═══════════
   التصميم مكتوب بخصائص منطقية فينقلب أكثره تلقائياً مع dir="ltr".
   هنا ما لا ينقلب وحده. */
body.pc-en{direction:ltr;text-align:left}
body.pc-en .topbar__in,body.pc-en .mast__in,body.pc-en .footer__grid,
body.pc-en .askbar__card,body.pc-en .sec-head,body.pc-en .specbar{direction:ltr}
body.pc-en .num,body.pc-en .pc-rate__n{direction:ltr;unicode-bidi:isolate}
body.pc-en .crumbs i{transform:scaleX(-1)}
body.pc-en .stay__link span,body.pc-en .bcard__more span{display:inline-block;transform:scaleX(-1)}
body.pc-en .prose,body.pc-en .lede,body.pc-en .phero__lede{text-align:left}
body.pc-en .review__q{text-align:left}


/* ═══════════ v5.33 — فيديو خلفية الهيرو ═══════════ */
.hero__video{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center;display:block;z-index:0}

@media (max-width:768px){ .hero__video{object-position:center 40%} }


/* ═══════════ v5.34 — لقطات آراء جوجل ═══════════
   بطاقة بنفس هيئة بطاقة الرأي القديمة، بداخلها اللقطة بدل النصّ. */
.rev-track{display:grid;grid-auto-flow:column;
  grid-auto-columns:calc((100% - 28px)/3);gap:14px;
  overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}
.rev-track::-webkit-scrollbar{display:none}

.rev-track figure{margin:0;scroll-snap-align:start;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  overflow:hidden;cursor:zoom-in;transition:border-color .25s,transform .25s}
.rev-track figure:hover{border-color:var(--tamr);transform:translateY(-2px)}
.rev-track img{display:block;width:100%;height:auto}
.rev-track figcaption{font-size:12.5px;color:var(--stone);
  padding:12px 16px;border-top:1px dashed var(--line)}

.is-dark .rev-track figure{background:rgba(244,237,225,.04);border-color:var(--line-dark)}
.is-dark .rev-track figcaption{color:rgba(244,237,225,.62);border-top-color:var(--line-dark)}

@media (max-width:1024px){ .rev-track{grid-auto-columns:calc((100% - 14px)/2)} }
@media (max-width:640px){ .rev-track{grid-auto-columns:100%} }


/* ═══════════ v5.35 — تحكّم سلايدر الآراء ═══════════ */
.rev-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}
.rev-arrow{width:38px;height:38px;border-radius:50%;
  border:1px solid var(--line);background:transparent;color:var(--palm);
  display:grid;place-items:center;cursor:pointer;transition:border-color .2s,background .2s}
.rev-arrow:hover{border-color:var(--tamr);background:rgba(196,136,74,.08)}
.rev-arrow svg{width:17px;height:17px}
.rev-dots{display:flex;gap:7px;align-items:center}
.rev-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;
  background:var(--line);cursor:pointer;transition:background .2s,width .2s}
.rev-dot.is-on{background:var(--tamr);width:20px;border-radius:4px}
.is-dark .rev-arrow{border-color:var(--line-dark);color:var(--sand)}
.is-dark .rev-dot{background:var(--line-dark)}
.is-dark .rev-dot.is-on{background:var(--tamr)}
.rev-track{scroll-behavior:smooth;cursor:grab}


/* ═══════════ v5.35.1 — ضبط بطاقات الآراء ═══════════ */
/* كل لقطة بارتفاعها: بلا align-items تتمدّد البطاقات لأطولها فيظهر فراغ */
.rev-track{align-items:start}
.rev-track figure{display:flex;flex-direction:column}
.rev-track figcaption{margin-top:auto}

/* السهم يشير إلى جهة الحركة في اتجاه الصفحة */
[dir="rtl"] .rev-arrow svg{transform:scaleX(-1)}


/* ═══ v5.38 — زر واتساب داخل بطاقة الحجز ═══ */
.palm-wa-full{width:100%}


/* ═══ v5.45.2 — شريط الفروع: منع تداخل النصّ ═══ */
.bi{min-width:0}
.bi__name,.bi__type{display:block;max-width:100%;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


/* ═══ v5.49 — لون النصّ على التحويم ═══
   تغيير الخلفية وحدها يترك النصّ للون موروث قد يقترب منها فيختفي. */
.btn--wa:hover,.btn--tamr:hover,
.apply-filters__button:hover,.jet-apb-form__submit:hover,
.single-product .single_add_to_cart_button:hover{color:var(--sand)!important}

/* الصفحة الحالية في القائمة: نفس مظهر التحويم لكن ثابتاً */
.masthead .nav > a.is-active,.masthead .nav__top.is-active{color:var(--tamr)}
.masthead .nav > a.is-active::after,.masthead .nav__top.is-active::after{width:100%}
.masthead.is-stuck .nav > a.is-active,.masthead.is-stuck .nav__top.is-active{color:var(--palm)}
.masthead.is-stuck .nav > a.is-active::after,
.masthead.is-stuck .nav__top.is-active::after{background:var(--tamr)}


/* ═══ v5.56 — سطر المميزات والمحيط ═══ */
.bcard__hl{margin:8px 0 0;font-size:13.5px;line-height:1.75;color:var(--stone)}
.brow__addr{margin:4px 0 0;font-size:13.5px;color:var(--stone)}
.is-dark .bcard__hl,.is-dark .brow__addr{color:rgba(244,237,225,.68)}

.rail__wa-note{margin:8px 0 0;font-size:12.5px;line-height:1.7;color:var(--stone);text-align:center}


/* ═══════════ v5.57 — فيديو الهيرو على الجوال ═══════════
   الفيديو أفقي والهيرو على الجوال طويل وضيّق، فكان object-fit:cover يقصّ
   معظم الإطار ويُبقي شريطاً باهتاً خلف طبقة تعتيم ثقيلة. */
@media (max-width:768px){
  .hero.has-video{min-height:78vh}
  .hero__video{object-position:50% 50%;transform:scale(1.02)}

}
/* إن لم يبدأ الفيديو (وضع توفير الطاقة في iOS مثلاً) تبقى صورة الغلاف */
.hero__video:not([data-playing]){background:#0A3A28 center/cover no-repeat}


/* ═══════════ v5.66 — ويدجت قائمة Elementor بشكل هيدر بالم كور ═══════════
   حتى يُركَّب الهيدر من عناصر قابلة للتحرير بدل ترميز مولَّد، مع بقاء
   المظهر والسلوك كما هما: الخط والمسافات والخط السفلي والمنسدلة. */

.palm-nav .elementor-nav-menu{gap:0}
.palm-nav .elementor-nav-menu--main .elementor-item{
  position:relative;padding:10px 14px;font-size:15px;font-weight:500;
  color:var(--sand);fill:var(--sand);letter-spacing:.1px;
  transition:color .2s}
.palm-nav .elementor-nav-menu--main .elementor-item:hover,
.palm-nav .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var(--tamr)}

/* الخط السفلي: نفس خط .nav a::after */
.palm-nav .elementor-nav-menu--main > li > a.elementor-item::after{
  content:"";position:absolute;inset-inline-start:14px;bottom:4px;
  width:0;height:2px;background:var(--tamr);transition:width .25s}
.palm-nav .elementor-nav-menu--main > li > a.elementor-item:hover::after,
.palm-nav .elementor-nav-menu--main > li > a.elementor-item.elementor-item-active::after{
  width:calc(100% - 28px)}

/* المنسدلة: بطاقة فاتحة كما في .nav__menu */
.palm-nav .elementor-nav-menu--dropdown,
.palm-nav .elementor-nav-menu__container.elementor-nav-menu--dropdown{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:0 18px 44px rgba(10,20,14,.16);overflow:hidden;min-width:250px;padding:6px 0}
.palm-nav .elementor-nav-menu--dropdown a.elementor-sub-item{
  color:var(--ink);padding:11px 18px;font-size:14.5px;line-height:1.5;
  border-bottom:1px dashed var(--line)}
.palm-nav .elementor-nav-menu--dropdown li:last-child a.elementor-sub-item{border-bottom:0}
.palm-nav .elementor-nav-menu--dropdown a.elementor-sub-item:hover,
.palm-nav .elementor-nav-menu--dropdown a.elementor-sub-item.elementor-item-active{
  background:var(--sand);color:var(--palm)}

/* وصف العنصر سطراً صغيراً تحت اسمه */
.palm-nav .elementor-item .elementor-item__description,
.palm-nav .sub-arrow + .elementor-item__description{
  display:block;font-size:12px;color:var(--stone);margin-top:2px}

/* الهيدر الملتصق: النصّ يقلب داكناً كما في .is-stuck */
.masthead.is-stuck .palm-nav .elementor-nav-menu--main .elementor-item{color:var(--ink)}
.masthead.is-stuck .palm-nav .elementor-nav-menu--main .elementor-item:hover,
.masthead.is-stuck .palm-nav .elementor-nav-menu--main .elementor-item.elementor-item-active{
  color:var(--palm)}

@media (max-width:1024px){
  .palm-nav .elementor-nav-menu--main .elementor-item{padding:9px 10px;font-size:14px}
}


/* ═══════════ v5.70 ═══════════ */

/* بطاقات المقالات: الصورة كاملة بلا قصّ */
/* الصورة بنسبتها الحقيقية: لا قصّ ولا فراغ فوقها وتحتها */
.post__ph,.feature__ph{aspect-ratio:auto;background:none}
.post__ph img,.feature__ph img{display:block;height:auto;object-fit:initial}
.feature{grid-template-columns:1.4fr 1fr}
.feature__d{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:900px){ .feature{grid-template-columns:1fr} .feature__body{padding-inline-start:clamp(22px,3vw,40px)} }
.post:hover .post__ph img,.feature:hover .feature__ph img{transform:scale(1.02)}

/* صورة المقال فوق خلفية البانر */
.post-hero__img{margin:30px 0 0;max-width:920px;border-radius:18px;overflow:hidden;
  border:1px solid rgba(248,244,236,.18);box-shadow:0 26px 60px rgba(5,20,14,.45);
  background:rgba(248,244,236,.06)}
.post-hero__img img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain}
@media (max-width:640px){ .post-hero__img{margin-top:22px;border-radius:12px} }

/* خريطة صفحة فروعنا */
.brows-map{margin-bottom:52px}
.brows-map .mapbox iframe{min-height:420px!important}
@media (max-width:640px){ .brows-map .mapbox iframe{min-height:320px!important} }

/* نجوم التقييم */
.pc-stars{display:flex;align-items:center;gap:8px;margin:8px 0 2px;line-height:1}
.pc-stars__bar{position:relative;display:inline-block;font-size:15px;letter-spacing:2px;
  color:rgba(31,26,20,.18);white-space:nowrap}
.pc-stars__bar::before{content:"★★★★★"}
.pc-stars__fill{position:absolute;inset-block:0;inset-inline-start:0;overflow:hidden;color:var(--tamr)}
.pc-stars__fill::before{content:"★★★★★"}
.pc-stars__v{font-size:14px;font-weight:600;color:var(--ink)}
.pc-stars__n{font-size:12.5px;color:var(--stone)}
.pc-stars--lg .pc-stars__bar{font-size:20px}
.pc-stars--lg .pc-stars__v{font-size:17px}
.pc-stars--lg{margin:14px 0 6px}
.pc-stars--dark .pc-stars__bar,.is-dark .pc-stars__bar{color:rgba(248,244,236,.28)}
.pc-stars--dark .pc-stars__v,.is-dark .pc-stars__v{color:var(--sand)}
.pc-stars--dark .pc-stars__n,.is-dark .pc-stars__n{color:rgba(248,244,236,.7)}

/* ═══════════ v5.70.1 ═══════════ */
/* هيرو المدونة في الإنجليزية ظهر بخط monospace — نعيده لخط الموقع */
html[lang^="en"] .phero :is(p,.eyebrow,.phero__lede,.elementor-widget-text-editor){font-family:var(--body)!important}
html[lang^="en"] .phero :is(pre,code,kbd,samp){font-family:inherit!important;white-space:normal;background:none;padding:0;border:0}
/* الخريطة الحقيقية مكان المكان المحجوز */
.brows-map iframe{width:100%;border:0;border-radius:18px;display:block}