/* ---------- ضبط الصور عامةً ----------
   شبكة أمان أخيرة: أي صورة يرفعها مستخدم - شعار راعٍ، صورة معرض، صورة
   متحدث - لا تتجاوز عرض حاويتها مهما كان مقاسها الأصلي. القاعدة هنا لا في
   كل مكوّن على حدة، لأن المكوّن القادم سينسى. */
img{max-width:100%;}
/* ============================================================
   Expoints - أنماط الصفحة الرئيسية. تبني على expoint-brand.css.
   كل قياس هنا منصوص في دليل التسليم.
   ============================================================ */

/* ---------- 1) الشريط العلوي ---------- */
.xp-nav{position:sticky;top:0;z-index:60;height:88px;background:var(--xp-offwhite);border-bottom:1px solid var(--xp-border);}
/* شبكة 1fr/auto/1fr لا flex: التوسيط بالهوامش التلقائية يضع القائمة في منتصف
   المساحة الباقية بين الشعار والأزرار - لا في منتصف الشريط - فتزيح كلما تغيّر
   عرض أحد الطرفين (زر "تسجيل الدخول" مقابل اسم مستخدم طويل مثلاً). العمودان
   المتساويان يثبّتان المركز مهما تغيّر ما فيهما. */
.xp-nav-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;height:88px;}
.xp-logo{display:block;color:var(--xp-ink);justify-self:start;}
.xp-logo svg,.xp-logo-img{height:46px;width:auto;display:block;}
.xp-logo-img{max-width:240px;object-fit:contain;}
.xp-nav-links{display:flex;gap:30px;justify-content:center;}
/* روابط القائمة الخاصة بالجوال لا تظهر في الشريط الأفقي */
.xp-navsep,.xp-navmob{display:none;}
.xp-nav-links a{font-size:15px;font-weight:700;color:var(--xp-ink);white-space:nowrap;transition:color var(--xp-t-interact) var(--xp-ease);}
.xp-nav-links a:hover,.xp-nav-links a.is-active{color:var(--xp-orange);}
.xp-nav-side{display:flex;align-items:center;gap:18px;justify-self:end;}
.xp-lang{font-family:var(--xp-display);font-size:13px;font-weight:600;color:var(--xp-text-2);}
.xp-lang:hover{color:var(--xp-ink);}
.xp-signin{font-size:14px;font-weight:700;color:var(--xp-ink);}
.xp-signin:hover{color:var(--xp-orange);}
.xp-btn-sm{padding:11px 24px;font-size:13px;}
.xp-burger{display:none;background:none;border:0;padding:8px;cursor:pointer;flex-direction:column;gap:5px;}
.xp-burger span{display:block;width:22px;height:2px;background:var(--xp-ink);border-radius:2px;transition:var(--xp-t-interact) var(--xp-ease);}
@media (max-width:900px){
  .xp-nav,.xp-nav-in{height:74px;}
  .xp-logo svg,.xp-logo-img{height:36px;}
  .xp-nav-links,.xp-nav-side .xp-signin,.xp-nav-side .xp-lang{display:none;}
  .xp-burger{display:flex;}
  /* ثلاثة أعمدة صريحة على الجوال: الشعار ثم الجانب ثم زرّ القائمة.
     كان عمودين والزرّ بلا موضع محدَّد، فيُوضع تلقائياً في صفٍّ ثانٍ -
     أي أنه كان يسقط أسفل الشريط ويطفو فوق الهيرو. */
  .xp-nav-in{grid-template-columns:auto 1fr auto;gap:12px;}
  .xp-logo{grid-column:1;grid-row:1;}
  .xp-nav-side{grid-column:2;grid-row:1;gap:10px;}
  .xp-burger{grid-column:3;grid-row:1;justify-self:end;}

  /* القائمة تُسدل من أسفل الشريط: الحاوية position:relative والقائمة
     top:100% حتى تتبع ارتفاع الشريط الفعلي لا رقماً ثابتاً. */
  .xp-nav{position:relative;}
  .xp-nav-links.is-open{display:flex;position:absolute;inset-inline:0;top:100%;flex-direction:column;
    background:var(--xp-white);border-block:1px solid var(--xp-border);
    box-shadow:var(--xp-sh-card);padding:10px 24px 18px;gap:0;z-index:60;
    max-height:calc(100vh - 74px);overflow-y:auto;}
  .xp-nav-links.is-open a{padding-block:14px;border-bottom:1px solid var(--xp-divider);font-size:16px;}
  .xp-nav-links.is-open a:last-child{border-bottom:0;}
  .xp-navsep{display:block;height:1px;background:var(--xp-border);margin:10px 0;}
  .xp-navmob{color:var(--xp-text-2)!important;font-weight:700;}
  .xp-navmob:hover{color:var(--xp-ink)!important;}
  /* الزرّ يتحوّل إلى × عند الفتح - إشارة أن الضغطة الثانية تُغلق */
  .xp-burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .xp-burger[aria-expanded=true] span:nth-child(2){opacity:0;}
  .xp-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
}

/* ---------- 2) الهيرو ---------- */
/* overflow مرئي عمداً. لوحة البحث تتجاوز حافة الهيرو بـ70px بنصّ الدليل،
   و overflow:hidden كان يقصّ ذلك التجاوز بالضبط - فيبتلع صفّ الاقتراحات
   والعدّاد المباشر كاملاً. أثر النقاط يقع داخل الهيرو أصلاً (يبدأ عند 26px
   بعرض 230px) فلا يحتاج قصّاً، والخلفية لون صلب لا تسيل. */
/* display:flow-root لا overflow:hidden. كلاهما ينشئ سياق تنسيق كتلي يمنع
   الهامش السالب للوحة من الانهيار عبر حافة الهيرو (وبدونه يبتلعها الهيرو
   ويختفي التداخل الذي يطلبه الدليل)، لكن flow-root لا يقصّ ما يتجاوز الحدود. */
.xp-hero{position:relative;background:var(--xp-ink);padding:96px 0 0;display:flow-root;overflow:visible;}
@media (max-width:768px){.xp-hero{padding:56px 0 0;}}
.xp-hero-trail{position:absolute;top:26px;inset-inline-start:26px;width:230px;opacity:.14;pointer-events:none;}
.xp-badge{display:inline-block;background:var(--xp-yellow);color:var(--xp-ink);font-size:13px;font-weight:700;
  padding:9px 20px;border-radius:var(--xp-r-pill);margin-bottom:26px;}
.xp-hero-h1{color:var(--xp-white);max-width:16ch;}
.xp-dot{color:var(--xp-yellow);}
.xp-hero-sub{font-size:21px;font-weight:300;line-height:1.75;color:var(--xp-on-dark);max-width:56ch;margin:20px 0 0;}

/* لوحة البحث: مركز التصميم، تتداخل مع القسم التالي بـ70px.
   الحدّ الشعري ضرورة لا زينة: لون اللوحة (#FBF8F1) هو نفسه لون الصفحة، فحيث
   تتجاوز إلى القسم الأبيض تذوب حافتها في الخلفية ويبدو نصفها السفلي مبتوراً.
   الحدّ يرسم الصورة الظلية كاملة، والظل يرفعها فوق السطح. */
.xp-search{position:relative;z-index:5;margin-top:52px;margin-bottom:-102px;background:var(--xp-offwhite);
  border:1px solid var(--xp-border);border-radius:26px;padding:10px;box-shadow:var(--xp-sh-hero);}
.xp-scopes{display:flex;gap:4px;padding:4px 6px 10px;}
.xp-scope{font-family:var(--xp-arabic);font-size:14px;font-weight:700;color:var(--xp-text-2);background:none;border:0;
  padding:9px 18px;border-radius:var(--xp-r-pill);cursor:pointer;transition:var(--xp-t-interact) var(--xp-ease);}
.xp-scope:hover{background:var(--xp-divider);}
.xp-scope.is-active{background:var(--xp-ink);color:var(--xp-yellow);}
.xp-fields{display:grid;grid-template-columns:2.2fr 1px 1fr 1px 1fr auto;align-items:center;gap:6px;
  background:var(--xp-white);border-radius:20px;padding:8px;}
.xp-vr{width:1px;height:34px;background:var(--xp-border);display:block;}
.xp-field{display:flex;align-items:center;gap:11px;padding:9px 14px;border-radius:var(--xp-r-inner);cursor:text;
  transition:background var(--xp-t-interact) var(--xp-ease);min-width:0;}
.xp-field:hover{background:var(--xp-offwhite);}
.xp-field > svg{width:20px;height:20px;flex:0 0 auto;color:var(--xp-text-2);}
.xp-field > span{display:flex;flex-direction:column;min-width:0;flex:1;}
.xp-field-l{font-size:11px;font-weight:700;color:var(--xp-text-2);}
.xp-field input,.xp-field select{border:0;background:none;font-family:var(--xp-arabic);font-size:16px;font-weight:700;
  color:var(--xp-ink);padding:0;width:100%;outline:none;cursor:inherit;}
.xp-field input::placeholder{color:var(--xp-ink);opacity:.55;font-weight:400;}
.xp-submit{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:56px;padding:0 26px;border:0;
  border-radius:var(--xp-r-inner);background:var(--xp-yellow);color:var(--xp-ink);font-family:var(--xp-arabic);
  font-size:15px;font-weight:800;cursor:pointer;transition:var(--xp-t-interact) var(--xp-ease);}
.xp-submit svg{width:19px;height:19px;}
.xp-submit:hover{background:var(--xp-ink);color:var(--xp-yellow);}
.xp-submit:active{transform:scale(.97);}
.xp-search-foot{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:12px 8px 4px;}
.xp-pop{font-size:12px;font-weight:700;color:var(--xp-text-2);}
.xp-sug{font-family:var(--xp-arabic);font-size:12px;font-weight:700;background:var(--xp-divider);color:var(--xp-text);
  border:0;padding:7px 15px;border-radius:var(--xp-r-pill);cursor:pointer;transition:var(--xp-t-interact) var(--xp-ease);}
.xp-sug:hover{background:var(--xp-yellow);color:var(--xp-ink);}
.xp-livewrap{margin-inline-start:auto;display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:var(--xp-text);}
@media (max-width:860px){
  .xp-fields{grid-template-columns:1fr;}
  .xp-vr{display:none;}
  .xp-submit{width:100%;}
  .xp-search{margin-bottom:-70px;}
  .xp-livewrap{margin-inline-start:0;}
}

/* ---------- 3) بطاقة فعالية ---------- */
.xp-events{padding-top:158px;}
@media (max-width:860px){.xp-events{padding-top:112px;}}
.xp-ev{display:block;}
.xp-ev-head{position:relative;height:130px;background-size:cover;background-position:center;}
.xp-ev-date{position:absolute;top:14px;inset-inline-start:14px;background:var(--xp-white);border-radius:12px;
  padding:8px 12px 6px;text-align:center;line-height:1.05;box-shadow:var(--xp-sh-avatar);}
.xp-ev-date b{display:block;font-family:var(--xp-display);font-size:18px;font-weight:800;color:var(--xp-ink);}
.xp-ev-date i{display:block;font-style:normal;font-size:10px;font-weight:700;color:var(--xp-text-2);}
.xp-ev-body{padding:16px 18px 20px;}
.xp-ev-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:11px;}
.xp-ev .xp-card-title{margin-bottom:7px;line-height:1.45;}
.xp-ev .xp-meta{margin:0;}

/* ---------- 4) لوحة الأرقام ---------- */
.xp-promise{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;}
@media (max-width:900px){.xp-promise{grid-template-columns:1fr;gap:32px;}}
.xp-promise p{color:var(--xp-on-dark);margin:16px 0 0;}
.xp-promises{list-style:none;padding:0;margin:24px 0 28px;display:grid;gap:13px;}
.xp-promises li{display:flex;align-items:center;gap:12px;color:var(--xp-on-dark);font-size:15px;}
.xp-promises i{width:10px;height:10px;border-radius:50%;flex:0 0 auto;}
.xp-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.xp-stat{background:var(--xp-ink2);border-radius:18px;padding:22px 20px;}
.xp-stat.is-lead{background:var(--xp-yellow);}
.xp-stat b{display:block;font-family:var(--xp-display);font-size:29px;font-weight:800;line-height:1.1;color:var(--xp-yellow);}
.xp-stat.is-lead b{color:var(--xp-ink);}
.xp-stat span{font-size:12px;color:var(--xp-on-dark);}
.xp-stat.is-lead span{color:var(--xp-ink);opacity:.8;}

/* ---------- 5) بطاقة منظم ---------- */
.xp-org{border-radius:var(--xp-r-card-lg);display:flex;flex-direction:column;}
.xp-org-banner{position:relative;height:62px;overflow:hidden;}
.xp-org-trail{position:absolute;inset-inline-start:12px;top:6px;width:120px;opacity:.35;}
.xp-verified{position:absolute;top:12px;inset-inline-end:12px;display:inline-flex;align-items:center;gap:5px;
  background:var(--xp-ink);color:var(--xp-yellow);font-size:11px;font-weight:700;padding:5px 11px;border-radius:var(--xp-r-pill);}
.xp-verified svg{width:13px;height:13px;}
.xp-org-body{padding:0 18px 20px;display:flex;flex-direction:column;flex:1;}
/* position:relative + z-index ضروريان لا تجميليان: البانر أعلاه مموضع
   (position:relative) ليحمل الشارة وأثر النقاط، والعنصر المموضع يُرسم فوق
   غير المموضع مهما كان ترتيبهما - فكان الشعار يختفي خلف الشريط الملوّن. */
.xp-org-avatar{position:relative;z-index:2;width:62px;height:62px;border-radius:18px;border:4px solid var(--xp-white);margin-top:-32px;margin-bottom:12px;
  display:grid;place-items:center;font-family:var(--xp-display);font-size:22px;font-weight:800;overflow:hidden;
  box-shadow:var(--xp-sh-avatar);background:var(--xp-divider);color:var(--xp-ink);}
.xp-org-avatar img{width:100%;height:100%;object-fit:contain;padding:3px;background:var(--xp-white);}
.xp-org-latin{font-family:var(--xp-display);font-size:11px;font-weight:700;letter-spacing:1px;color:var(--xp-text-2);margin:2px 0 0;}
.xp-org-desc{font-size:13px;color:var(--xp-text-2);margin:8px 0 0;min-height:48px;line-height:1.7;}
.xp-org-tags{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 0;}
.xp-tag{font-size:11px;font-weight:700;background:var(--xp-offwhite);border:1px solid var(--xp-border);
  color:var(--xp-text);padding:5px 11px;border-radius:var(--xp-r-pill);}
.xp-org-stats{display:flex;align-items:center;gap:16px;margin-top:auto;padding-top:14px;border-top:1px solid var(--xp-divider);}
.xp-org-stats span{display:flex;flex-direction:column;line-height:1.3;}
.xp-org-stats b{font-family:var(--xp-display);font-size:15px;font-weight:800;color:var(--xp-ink);}
.xp-org-stats i{font-style:normal;font-size:11px;color:var(--xp-text-2);}
.xp-org-stats em{width:1px;height:26px;background:var(--xp-divider);display:block;}
.xp-star{color:var(--xp-yellow);}
.xp-org-actions{display:flex;gap:8px;margin-top:14px;}
.xp-org-actions .xp-btn{flex:1;padding:11px 12px;font-size:13px;}
.xp-org-actions svg{width:15px;height:15px;}
.xp-center{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:36px;}

/* ---------- 6) Marketplace + Speakers ---------- */
.xp-duo{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;}
@media (max-width:900px){.xp-duo{grid-template-columns:1fr;}}
.xp-mk,.xp-sph{position:relative;overflow:hidden;}
.xp-mk p:not(.xp-eyebrow){color:var(--xp-ink);opacity:.82;margin:14px 0 0;}
.xp-sph p:not(.xp-eyebrow){color:var(--xp-on-dark);margin:14px 0 0;}
.xp-corner-trail,.xp-cta-trail{position:absolute;width:190px;opacity:.22;pointer-events:none;}
.xp-corner-trail{inset-inline-end:-20px;bottom:-14px;}
.xp-cta-trail{inset-inline-end:24px;bottom:12px;opacity:.28;}
.xp-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px;}
.xp-avstack{display:flex;margin:24px 0 26px;}
.xp-avstack span{width:46px;height:46px;border-radius:50%;border:3px solid var(--xp-ink);display:grid;place-items:center;
  font-family:var(--xp-arabic);font-weight:800;font-size:15px;color:#fff;margin-inline-start:-14px;}
.xp-avstack span:first-child{margin-inline-start:0;}
.xp-avmore{background:var(--xp-ink2);color:var(--xp-on-dark) !important;font-family:var(--xp-display) !important;font-size:13px !important;}

/* ---------- 7) المنظومة ---------- */
.xp-eco{padding:26px 22px 24px;display:block;}
.xp-eco-ic{width:48px;height:48px;border-radius:var(--xp-r-tile);display:grid;place-items:center;margin-bottom:16px;}
.xp-eco-ic svg{width:23px;height:23px;}
.xp-eco-pulse{position:relative;}
.xp-eco-pulse::after{content:"";position:absolute;inset:0;border-radius:var(--xp-r-tile);background:inherit;
  animation:ex-pulse 2s var(--xp-ease) infinite;z-index:-1;}
.xp-eco-t{font-size:21px;font-weight:800;}
.xp-eco-sub{font-family:var(--xp-display);font-size:12px;font-weight:700;letter-spacing:1px;color:var(--xp-orange);margin:3px 0 0;}
.xp-eco-d{font-size:14px;color:var(--xp-text-2);margin:10px 0 0;line-height:1.8;}

/* ---------- 8) يثقون بنا ---------- */
.xp-trusted{background:var(--xp-ink);padding:40px 0;margin-top:96px;overflow:hidden;}
.xp-partner{font-size:20px;font-weight:700;color:var(--xp-on-dark);white-space:nowrap;}

/* ---------- 9) الحوكمة ---------- */
.xp-gov{padding:26px 22px;display:flex;align-items:center;gap:16px;}
.xp-gov-mark{width:56px;height:56px;border-radius:var(--xp-r-inner);flex:0 0 auto;}
/* الشعار الحقيقي: مربع 56px بالمقاس نفسه الذي يحدده الدليل للكتلة اللونية،
   لكن بـcontain لا cover - شعار الجهة الرسمية يجب ألا يُقصّ ولا يُشوّه.
   الخلفية البيضاء تضمن قراءته إن كان الشعار شفافاً بألوان داكنة. */
.xp-gov-logo{width:56px;height:56px;border-radius:var(--xp-r-inner);flex:0 0 auto;
  display:grid;place-items:center;background:var(--xp-white);border:1px solid var(--xp-divider);overflow:hidden;}
.xp-gov-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;}
.xp-gov-n{font-size:16px;font-weight:700;line-height:1.6;}

/* ---------- 10) الدعوة ---------- */
.xp-cta-wrap{padding-bottom:96px;}
.xp-cta{position:relative;overflow:hidden;text-align:center;padding:68px 56px;border-radius:var(--xp-r-panel-lg);}
.xp-cta h2{font-size:clamp(32px,4.5vw,54px);font-weight:800;color:var(--xp-ink);}
.xp-dot-ink{color:var(--xp-ink);}
.xp-cta p{color:var(--xp-ink);opacity:.8;max-width:56ch;margin:16px auto 28px;}
@media (max-width:768px){.xp-cta{padding:44px 24px;}.xp-cta-wrap{padding-bottom:56px;}}

/* ---------- الجوال: قواعد الدليل الإلزامية ----------
   «≥44px touch targets» منصوص عليه في قسم Mobile rules. القياس على 375px
   أظهر أن الشريط العلوي 37px والهامبرغر 32px والنطاقات 40px والاقتراحات
   32px - كلها دون الحد. الأحجام أدناه ترفعها بلا تغيير المظهر على سطح
   المكتب، لأن الحشو وحده هو ما يتغيّر. */
@media (max-width:640px){
    /* شريط النطاقات يتجاوز 375px بأربعة أزرار - يُمرَّر أفقياً بدل أن يُقصّ.
       scrollbar-width:none لأن شريط التمرير هنا ضجيج بصري: الإزاحة نفسها
       تكفي دليلاً على وجود المزيد. */
    .xp-scopes{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
    .xp-scopes::-webkit-scrollbar{display:none;}
    .xp-scope{flex:0 0 auto;min-height:44px;padding-block:0;display:inline-flex;align-items:center;}

    .xp-btn,.xp-btn-sm{min-height:44px;}
    .xp-sug{min-height:44px;display:inline-flex;align-items:center;}
    .xp-burger{width:44px;height:44px;justify-content:center;align-items:center;}
    .xp-org-actions .xp-btn{min-height:44px;}
    .xp-nav-links a{min-height:44px;display:flex;align-items:center;}

    /* أثر النقاط الزخرفي يتجاوز الحافة على الشاشات الضيقة */
    .xp-hero-trail{width:150px;top:14px;}
    .xp-corner-trail,.xp-cta-trail{width:130px;}
}

/* ---------- 11) التذييل ---------- */
.xp-footer{background:var(--xp-ink);padding:64px 0 32px;}
.xp-foot-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px;}
@media (max-width:900px){.xp-foot-grid{grid-template-columns:1fr 1fr;gap:28px;}}
@media (max-width:560px){.xp-foot-grid{grid-template-columns:1fr;}}
.xp-logo-light svg,.xp-logo-light .xp-logo-img{height:44px;}
.xp-tagline{font-family:var(--xp-arabic);font-size:14px;font-weight:700;color:var(--xp-yellow);margin:14px 0 0;letter-spacing:.02em;}
.xp-foot-h{font-size:14px;font-weight:800;color:var(--xp-white);margin-bottom:14px;}
.xp-foot-l{display:block;font-size:14px;color:var(--xp-on-dark);padding:5px 0;transition:color var(--xp-t-interact) var(--xp-ease);}
.xp-foot-l:hover{color:var(--xp-yellow);}
.xp-foot-bottom{border-top:1px solid var(--xp-dark-border);margin-top:40px;padding-top:24px;font-size:13px;color:var(--xp-text-2);}

/* ---------- ترويسة صفحة داخلية ---------- */
.xp-pagehead{background:var(--xp-ink);padding:64px 0 44px;}
.xp-pagehead .xp-h1{color:var(--xp-white);}
.xp-pagehead-sub{color:var(--xp-on-dark);font-size:17px;max-width:62ch;margin:14px 0 0;}

/* ---------- شريط الترشيح ---------- */
.xp-filters-wrap{margin-top:-26px;position:relative;z-index:4;}
.xp-filters{display:grid;grid-template-columns:2.2fr 1fr 1fr auto;gap:8px;align-items:center;
  background:var(--xp-white);border:1px solid var(--xp-border);border-radius:20px;padding:8px;box-shadow:var(--xp-sh-card);}
.xp-field-boxed{border-radius:var(--xp-r-inner);}
.xp-typechips{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 0;}
.xp-typechips .xp-chip{text-decoration:none;transition:background var(--xp-t-interact) var(--xp-ease),color var(--xp-t-interact) var(--xp-ease);}
.xp-typechips .xp-chip:hover{background:var(--xp-border);}
.xp-typechips .xp-chip.is-on{background:var(--xp-ink);color:var(--xp-yellow);}
.xp-count{font-size:13px;font-weight:700;color:var(--xp-text-2);margin:18px 0 0;}
@media (max-width:860px){
  .xp-filters{grid-template-columns:1fr;}
  .xp-filters .xp-submit{width:100%;}
  .xp-filters-wrap{margin-top:-14px;}
}

/* ---------- النتائج ---------- */
.xp-results{padding:22px 0 96px;}
.xp-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:38px;}
.xp-pager-now{font-family:var(--xp-display);font-size:14px;font-weight:700;color:var(--xp-text-2);}

/* ---------- لا نتائج ---------- */
.xp-empty{text-align:center;padding:72px 24px;background:var(--xp-white);border:1px solid var(--xp-border);border-radius:var(--xp-r-panel);}
.xp-empty .xp-trail{width:150px;opacity:.5;margin-bottom:18px;}
.xp-empty p{color:var(--xp-text-2);margin:12px 0 24px;}

/* ---------- عناصر الترويسة للمستخدم المسجَّل ---------- */
.xp-points{display:inline-flex;align-items:center;gap:7px;font-family:var(--xp-display);font-size:13px;font-weight:700;
  color:var(--xp-ink);background:var(--xp-yellow);padding:7px 14px;border-radius:var(--xp-r-pill);
  transition:transform var(--xp-t-interact) var(--xp-ease);}
.xp-points svg{width:15px;height:15px;}
.xp-points:hover{transform:translateY(-2px);}
.xp-iconlink{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;
  color:var(--xp-ink);transition:background var(--xp-t-interact) var(--xp-ease);}
.xp-iconlink svg{width:19px;height:19px;}
.xp-iconlink:hover{background:var(--xp-divider);}
/* الشارة برتقالية لا حمراء: البرتقالي في هذا النظام هو لون الحالة الحيّة،
   والأحمر ليس من اللوحة أصلاً. */
.xp-badge-dot{position:absolute;top:2px;inset-inline-end:2px;min-width:17px;height:17px;padding:0 4px;
  display:grid;place-items:center;background:var(--xp-orange);color:#fff;border:2px solid var(--xp-offwhite);
  border-radius:var(--xp-r-pill);font-family:var(--xp-display);font-size:10px;font-weight:700;line-height:1;}
@media (max-width:900px){
  .xp-nav-side .xp-points,.xp-nav-side .xp-iconlink{display:none;}
}

/* ---------- حسابات التواصل في التذييل ---------- */
.xp-social{display:flex;gap:10px;margin-top:18px;}
.xp-social a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:var(--xp-ink2);color:var(--xp-on-dark);
  transition:background var(--xp-t-interact) var(--xp-ease),color var(--xp-t-interact) var(--xp-ease),transform var(--xp-t-interact) var(--xp-ease);}
.xp-social a svg{width:17px;height:17px;}
.xp-social a:hover{background:var(--xp-yellow);color:var(--xp-ink);transform:translateY(-3px);}

/* ---------- صورة الهيرو ----------
   الحبري يبقى تحتها دائماً: النص يُقرأ من الإطار الأول حتى لو تأخرت الصورة
   أو لم تصل أصلاً - وهذا ما يجعل الهيرو "سريعاً" فعلياً لا شكلياً. الطبقة
   الداكنة فوقها ليست زخرفة بل شرط تباين: نص أبيض على صورة فاتحة غير مقروء. */
.xp-hero-photo{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
.xp-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;
  opacity:0;transition:opacity .5s var(--xp-ease);}
.xp-hero-photo img[data-loaded="1"]{opacity:.42;}
.xp-hero.has-photo::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to bottom, rgba(33,30,31,.72), rgba(33,30,31,.86));}
.xp-hero.has-photo > .xp-wrap,
.xp-hero.has-photo > .xp-hero-trail{position:relative;z-index:2;}

@media (prefers-reduced-motion: reduce){
  .xp-hero-photo img{transition:none;}
}

/* ---------- الرابط الممتد وأزرار البطاقة ----------
   البطاقة كلها قابلة للنقر (نصّ الدليل: whole card is the link)، لكن العنوان
   وحده هو الرابط في الترميز و::after يمدّه فوق البطاقة. هكذا تبقى الأزرار
   عناصر مستقلة قابلة للتبويب بلوحة المفاتيح، بدل عنصر تفاعلي داخل آخر. */
.xp-ev{position:relative;display:flex;flex-direction:column;}
.xp-ev .xp-ev-body{display:flex;flex-direction:column;flex:1;}
.xp-stretch{color:inherit;text-decoration:none;}
.xp-stretch::after{content:"";position:absolute;inset:0;z-index:1;}
.xp-stretch:focus-visible{outline:3px solid var(--xp-orange);outline-offset:3px;border-radius:6px;}

.xp-ev-actions{position:relative;z-index:2;display:flex;gap:8px;margin-top:auto;padding-top:14px;}
.xp-ev-actions .xp-btn{min-height:40px;}
/* زرّان بأيقونة صرفة بلا نصّ. الوصف يحمله title و aria-label - الحذف من
   العرض لا من الشجرة، فقارئ الشاشة ولوحة المفاتيح يصلان إليهما كاملين.
   مقاس 44px هو الحد الأدنى لهدف اللمس الذي يفرضه الدليل، فيُطبَّق على كل
   المقاسات لا على الجوال وحده. */
.xp-ev-actions .xp-btn{width:44px;height:44px;min-height:44px;padding:0;flex:0 0 auto;justify-content:center;}
.xp-ev-actions svg{width:19px;height:19px;flex:0 0 auto;}

/* ---------- حالة الفعالية: قادمة · جارية · منتهية ----------
   ثلاثة ألوان لثلاث حالات، كلها من اللوحة ولا لون جديد:
     قادمة  → الأصفر، وهو لون الفعل الأساسي في النظام
     جارية  → البرتقالي، والدليل يخصّصه صراحةً لـ"live states"
     منتهية → مفرّغ بحدّ، فيبقى الزر ظاهراً وقابلاً للنقر لكنه لا ينافس
              الحيّ على الانتباه. الأزرار تظهر في الحالات الثلاث. */

.xp-chip-soon{background:rgba(255,199,44,.22);color:#7A5A00;}
.xp-chip-live{background:var(--xp-orange);color:#fff;gap:7px;}
.xp-chip-live .xp-live{background:#fff;width:7px;height:7px;}
.xp-chip-live .xp-live::after{background:#fff;}

/* جارية الآن: الزر برتقالي - أقوى نداء في الصفحة لأنها الفعالية الوحيدة
   التي يستطيع الزائر أن يذهب إليها هذه اللحظة. */
.xp-ev.is-live .xp-act-book{background:var(--xp-orange);color:#fff;}
.xp-ev.is-live .xp-act-book:hover{background:var(--xp-ink);color:var(--xp-orange);}
.xp-ev.is-live{border-color:rgba(245,130,32,.45);}

/* منتهية: الزرّان مفرّغان - ظاهران ومتاحان، بلا ادّعاء إلحاح */
.xp-ev.is-past .xp-act-book{background:transparent;color:var(--xp-text);border-color:var(--xp-border);}
.xp-ev.is-past .xp-act-book:hover{background:var(--xp-ink);color:var(--xp-yellow);border-color:var(--xp-ink);}
.xp-ev.is-past .xp-ev-head{filter:saturate(.45);}
.xp-ev.is-past:hover .xp-ev-head{filter:saturate(.85);}

/* ============ صفحة الفعالية ============ */

.xp-evhero{position:relative;background:var(--xp-ink);padding:52px 0 44px;overflow:hidden;}
.xp-evhero-photo{position:absolute;inset:0;}
.xp-evhero-photo img{width:100%;height:100%;object-fit:cover;opacity:.34;}
/* التدرّج ممنوع في النظام، فالتعتيم بطبقة صلبة: النص الأبيض على صورة فاتحة
   غير مقروء، وهذه أبسط طريقة تضمن التباين بلا خرق القاعدة. */
.xp-evhero.has-photo::after{content:"";position:absolute;inset:0;background:rgba(33,30,31,.72);}
.xp-evhero-in{position:relative;z-index:2;}
.xp-evhero .xp-hero-trail{z-index:2;width:170px;opacity:.16;}

.xp-crumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--xp-on-dark);margin-bottom:18px;}
.xp-crumb a{color:var(--xp-on-dark);}
.xp-crumb a:hover{color:var(--xp-yellow);}
.xp-evchips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px;}
.xp-evtitle{font-size:clamp(28px,4.4vw,46px);font-weight:800;line-height:1.28;color:var(--xp-white);max-width:22ch;}
.xp-evmeta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;color:var(--xp-on-dark);font-size:14px;}
.xp-evmeta span{position:relative;padding-inline-start:14px;}
.xp-evmeta span::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:5px;height:5px;
  border-radius:50%;background:var(--xp-yellow);}

/* العمودان: المحتوى ثم بطاقة الحجز اللاصقة */
.xp-evbody{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start;padding:44px 0 0;}
@media (max-width:980px){.xp-evbody{grid-template-columns:1fr;}}

.xp-evfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:18px;padding:22px;}
.xp-evfacts:hover{transform:none;box-shadow:none;border-color:var(--xp-border);}
.xp-fact-l{display:block;font-size:11px;font-weight:700;color:var(--xp-text-2);margin-bottom:5px;}
.xp-evfacts b{font-size:15px;font-weight:800;color:var(--xp-ink);}

.xp-evsec{margin-top:38px;}
.xp-evsec .xp-h2{font-size:26px;margin-bottom:16px;}
.xp-evtext{font-size:16px;line-height:2;color:var(--xp-text);}

.xp-person{padding:20px;text-align:center;}
.xp-person-av{width:64px;height:64px;border-radius:20px;margin:0 auto 12px;display:grid;place-items:center;
  font-family:var(--xp-display);font-size:22px;font-weight:800;overflow:hidden;}
.xp-person-av img{width:100%;height:100%;object-fit:cover;}
.xp-person .xp-meta{margin:5px 0 0;}

.xp-sessions{list-style:none;padding:0;margin:0;display:grid;gap:10px;}
.xp-sessions li{background:#fff;border:1px solid var(--xp-border);border-radius:var(--xp-r-inner);padding:14px 16px;}
.xp-sessions b{display:block;font-size:15px;font-weight:800;color:var(--xp-ink);}
.xp-sessions span{display:block;font-size:13px;color:var(--xp-text-2);margin-top:5px;line-height:1.8;}

.xp-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;}
.xp-gallery img{width:100%;height:130px;object-fit:cover;border-radius:var(--xp-r-inner);border:1px solid var(--xp-border);}

/* ---------- الرعاة ----------
   الشعارات ترفعها جهات مختلفة بمقاسات ونسب مختلفة تماماً، فالمربّع هو ما
   يحدّد المقاس لا الصورة. كان min-width مع شبكة تُقاس بالمحتوى: الصورة
   العريضة توسّع عمودها فيتمدّد المربّع ويفيض خارج القسم - وهو ما حدث فعلاً.
   العرض الآن ثابت، والصورة تُحصر داخله بـobject-fit، وoverflow شبكة أمان. */
.xp-sponsors{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;}
.xp-sponsor{display:grid;place-items:center;width:100%;aspect-ratio:16/9;min-width:0;padding:12px;background:#fff;
  border:1px solid var(--xp-border);border-radius:var(--xp-r-inner);overflow:hidden;}
.xp-sponsor img{display:block;width:100%;height:100%;object-fit:contain;}
.xp-sponsor b{font-size:13px;font-weight:700;color:var(--xp-text);text-align:center;line-height:1.5;}

/* بطاقة الحجز - لاصقة تحت الشريط العلوي (88px) بفاصل تنفّس */
.xp-evside{position:sticky;top:104px;}
@media (max-width:980px){.xp-evside{position:static;}}
.xp-evbook{padding:22px;}
.xp-evbook:hover{transform:none;box-shadow:none;border-color:var(--xp-border);}
.xp-evlogo{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:var(--xp-offwhite);
  border:1px solid var(--xp-divider);margin-bottom:14px;overflow:hidden;}
.xp-evlogo img{max-width:100%;max-height:100%;object-fit:contain;}
.xp-book-state{display:inline-block;font-size:11px;font-weight:700;padding:6px 13px;border-radius:var(--xp-r-pill);margin-bottom:14px;}
.xp-state-upcoming{background:rgba(255,199,44,.22);color:#7A5A00;}
.xp-state-live{background:var(--xp-orange);color:#fff;}
.xp-state-past{background:rgba(20,23,26,.06);color:#5F5B54;}
.xp-btn-block{display:flex;width:100%;margin-bottom:9px;}
.xp-btn-block svg{width:18px;height:18px;}
.xp-side-link{display:block;font-size:13px;font-weight:700;color:var(--xp-ink);padding:9px 0;
  border-top:1px solid var(--xp-divider);}
.xp-side-link:hover{color:var(--xp-orange);}
.xp-evsocial{display:flex;gap:7px;margin-top:14px;}
.xp-evsocial a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--xp-offwhite);
  border:1px solid var(--xp-border);font-family:var(--xp-display);font-size:11px;font-weight:700;color:var(--xp-text);}
.xp-evsocial a:hover{background:var(--xp-yellow);border-color:var(--xp-yellow);color:var(--xp-ink);}

/* حدّ هدف اللمس 44px الذي يفرضه الدليل - القياس على 375px أظهر أيقونات
   التواصل في صفحة الفعالية عند 36px، وهي أصغر من أن تُصاب بإبهام بثقة. */
@media (max-width:640px){
  .xp-evsocial a{width:44px;height:44px;}
  .xp-side-link{padding:13px 0;}
}

/* ---------- دليل المنظمين ---------- */
.xp-filters-2{grid-template-columns:2.4fr 1.2fr auto;}
@media (max-width:860px){.xp-filters-2{grid-template-columns:1fr;}}
.xp-org-city{font-size:12px;font-weight:700;color:var(--xp-orange);margin:4px 0 0;}

/* ---------- Speakers Hub ---------- */
.xp-filters-3{grid-template-columns:2.4fr 1.2fr auto;}
@media (max-width:860px){.xp-filters-3{grid-template-columns:1fr;}}
/* ترويسة بصورة: نفس معالجة هيرو الفعالية - طبقة صلبة لا تدرّج */
.xp-pagehead{position:relative;overflow:hidden;}
.xp-pagehead.has-photo::after{content:"";position:absolute;inset:0;background:rgba(33,30,31,.76);}
.xp-pagehead .xp-evhero-photo img{opacity:.4;}

.xp-spcard{display:flex;flex-direction:column;text-align:center;}
.xp-sp-tags{justify-content:center;}
.xp-sp-foot{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;
  border-top:1px solid var(--xp-divider);}
.xp-sp-fee{font-family:var(--xp-display);font-size:14px;font-weight:800;color:var(--xp-ink);white-space:nowrap;}
.xp-sp-fee i{font-style:normal;font-size:10px;font-weight:600;color:var(--xp-text-2);margin-inline-start:3px;}
/* "السعر عند الطلب" ليس سعراً، فلا يُعرض بوزن السعر - وإلا قرأه الزائر رقماً */
.xp-sp-ask{font-family:var(--xp-arabic);font-size:12px;font-weight:700;color:var(--xp-text-2);}
.xp-sp-foot .xp-btn{flex:0 0 auto;}

/* شرائح الترشيح روابط تُنقر لا زينة، فتخضع لحدّ هدف اللمس 44px الذي يفرضه
   الدليل. القياس على 375px أعطاها 23px - نصف الحد تقريباً. */
@media (max-width:640px){
  .xp-typechips .xp-chip{min-height:44px;display:inline-flex;align-items:center;}
  select{min-height:44px;}
}

/* ---------- Marketplace: بطاقة طلب ---------- */
.xp-req{position:relative;display:flex;flex-direction:column;}
/* شريط لوني علوي رفيع بدل رأس بارتفاع 130px: الطلب نصّ لا صورة، ورأسٌ فارغ
   ملوّن يشغل ثلث البطاقة بلا معلومة. */
.xp-req-bar{display:block;height:6px;}
.xp-req-body{padding:18px;display:flex;flex-direction:column;flex:1;}
.xp-req .xp-card-title{line-height:1.5;margin-bottom:6px;}
.xp-req-foot{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;
  border-top:1px solid var(--xp-divider);}
.xp-req-offers b{font-family:var(--xp-display);font-size:17px;font-weight:800;color:var(--xp-ink);}
.xp-req-offers i{font-style:normal;font-size:11px;color:var(--xp-text-2);margin-inline-start:4px;}
.xp-req-budget{font-family:var(--xp-display);font-size:14px;font-weight:800;color:var(--xp-ink);white-space:nowrap;}
/* الميزانية غير المعلنة ليست رقماً، فلا تُكتب بوزن الرقم */
.xp-req-hidden{font-family:var(--xp-arabic);font-size:11px;font-weight:700;color:var(--xp-text-2);}

/* ---------- توافق: تسجيل الحضور ----------
   صفحة تسجيل الحضور تبني نصف عناصرها بجافاسكربت حيّ (أزرار التأكيد، رسائل
   النتيجة، نتائج البحث بالجوال) بأصناف قديمة مكتوبة داخل نصوص JS. إعادة
   تسميتها تعني تعديل تسع مواضع innerHTML في سكربت يقف عليه موظف البوابة
   أثناء فعالية - فتُركت الأسماء كما هي وأُلبست ثوب الهوية هنا. النطاق
   .xp-legacy يمنع تسرّب هذه القواعد إلى بقية الموقع. */
.xp-legacy .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--xp-arabic);font-size:14px;font-weight:700;padding:13px 24px;border:1px solid transparent;
  border-radius:var(--xp-r-pill);cursor:pointer;text-decoration:none;transition:all var(--xp-t-interact) var(--xp-ease);}
.xp-legacy .btn-primary{background:var(--xp-yellow);color:var(--xp-ink);}
.xp-legacy .btn-primary:hover{background:var(--xp-ink);color:var(--xp-yellow);}
.xp-legacy .btn-ghost-light{background:transparent;color:var(--xp-ink);border-color:var(--xp-border);}
.xp-legacy .btn-ghost-light:hover{background:var(--xp-offwhite);}
.xp-legacy .btn-block{display:flex;width:100%;}
.xp-legacy .btn-sm{padding:9px 16px;font-size:13px;}
.xp-legacy .btn:disabled{opacity:.55;cursor:not-allowed;}
.xp-legacy .status-pill{display:inline-flex;align-items:center;font-size:11px;font-weight:800;
  padding:5px 12px;border-radius:var(--xp-r-pill);background:var(--xp-divider);color:var(--xp-text-2);}
.xp-legacy .status-published{background:var(--xp-yellow);color:var(--xp-ink);}
.xp-legacy .status-pending{background:rgba(245,130,32,.16);color:#8A4200;}
.xp-legacy .upload-hint{font-size:12px;color:var(--xp-text-2);line-height:1.6;}
.xp-legacy .form-row{margin-bottom:16px;}
.xp-legacy .form-row label{display:block;font-size:13px;font-weight:700;color:var(--xp-text-2);margin-bottom:7px;}
.xp-legacy .form-row input{width:100%;background:var(--xp-offwhite);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-inner);padding:13px 14px;font-family:var(--xp-arabic);font-size:15px;color:var(--xp-ink);}
.xp-legacy .form-row input:focus{border-color:var(--xp-yellow);background:var(--xp-white);outline:none;}
.xp-legacy .table-wrap{overflow-x:auto;}
.xp-legacy .data-table{width:100%;border-collapse:collapse;font-size:14px;}
.xp-legacy .data-table th{text-align:start;font-size:12px;font-weight:800;color:var(--xp-text-2);
  padding:0 12px 12px;border-bottom:1px solid var(--xp-border);}
.xp-legacy .data-table td{padding:13px 12px;border-bottom:1px solid var(--xp-divider);}

/* أرقام الحضور: الرقم هو المعلومة، فيأخذ حجم العنوان */
.xp-legacy .checkin-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:14px;margin-bottom:24px;}
.xp-legacy .checkin-stat{background:var(--xp-white);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-card-lg);padding:20px;text-align:center;}
.xp-legacy .checkin-stat-good{background:var(--xp-yellow);border-color:var(--xp-yellow);}
.xp-legacy .checkin-stat-num{display:block;font-family:var(--xp-display);font-size:34px;font-weight:800;
  line-height:1;color:var(--xp-ink);}
.xp-legacy .checkin-stat-label{display:block;font-size:12px;color:var(--xp-text-2);margin-top:7px;}
.xp-legacy .checkin-stat-good .checkin-stat-label{color:rgba(33,30,31,.7);}

.xp-legacy .admin-tabs{display:flex;gap:6px;background:var(--xp-offwhite);border-radius:var(--xp-r-pill);
  padding:5px;margin-bottom:20px;}
.xp-legacy .admin-tab{flex:1;border:0;background:none;font-family:var(--xp-arabic);font-size:14px;
  font-weight:800;color:var(--xp-text-2);padding:12px;border-radius:var(--xp-r-pill);cursor:pointer;}
.xp-legacy .admin-tab.active{background:var(--xp-ink);color:var(--xp-yellow);}

.xp-legacy .checkin-camera-wrap{position:relative;border-radius:var(--xp-r-card-lg);overflow:hidden;
  background:var(--xp-ink);aspect-ratio:4/3;}
.xp-legacy .checkin-camera-wrap video{width:100%;height:100%;object-fit:cover;display:block;}
/* رسالة النتيجة كبيرة وواضحة: تُقرأ من ذراع بعيد على جهاز عند البوابة */
.xp-legacy .checkin-result{display:flex;align-items:center;gap:14px;border-radius:var(--xp-r-card-lg);
  padding:18px 20px;margin-bottom:18px;font-size:16px;font-weight:700;}
.xp-legacy .checkin-result strong{font-size:18px;}
.xp-legacy .checkin-result p{font-size:13.5px;font-weight:400;margin:4px 0 0;opacity:.85;}
.xp-legacy .checkin-result-ok{background:var(--xp-yellow);color:var(--xp-ink);}
.xp-legacy .checkin-result-error{background:rgba(245,130,32,.15);color:#8A4200;border:1px solid var(--xp-orange);}
.xp-legacy .checkin-confirm-card{border-color:var(--xp-ink);}
.xp-legacy .checkin-confirm-body{text-align:center;padding:8px 0 16px;}
.xp-legacy .checkin-confirm-body p:first-child strong{font-family:var(--xp-display);font-size:22px;color:var(--xp-ink);}

/* ---------- لوحات المورّد والراعي ---------- */
.xp-statsrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px;}
.xp-stat2{background:var(--xp-white);border:1px solid var(--xp-border);border-radius:var(--xp-r-card-lg);padding:20px;}
.xp-stat2-n{display:block;font-family:var(--xp-display);font-size:30px;font-weight:800;line-height:1.05;color:var(--xp-ink);}
.xp-stat2-l{display:block;font-size:12.5px;color:var(--xp-text-2);margin-top:6px;}
/* رأس بلا أيقونة: الجداول لا تحتاج رمزاً لكل عنوان، والفراغ أوضح من رمز
   عام لا يضيف معنى. */
.xp-build-head-plain{margin-bottom:16px;}
.xp-build-head-plain .xp-h2{font-size:19px;margin:0;}

/* ---------- تفاصيل القاعة ---------- */
.xp-venuephoto{aspect-ratio:16/7;border-radius:var(--xp-r-panel);overflow:hidden;margin-bottom:22px;
  background:var(--xp-divider);}
.xp-venuephoto img{width:100%;height:100%;object-fit:cover;display:block;}

/* ---------- ملف مزوّد الخدمات ---------- */
.xp-vendorhead{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.xp-vendorlogo{display:grid;place-items:center;width:82px;height:82px;border-radius:22px;flex:0 0 auto;
  background:var(--xp-white);overflow:hidden;padding:8px;}
/* contain لا cover: الشعار يُقصّ بـcover فتضيع أطرافه */
.xp-vendorlogo img{width:100%;height:100%;object-fit:contain;}
.xp-vendorlogo-txt{background:var(--xp-yellow);color:var(--xp-ink);font-family:var(--xp-display);
  font-size:30px;font-weight:800;padding:0;}
.xp-vendorstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:18px;}
.xp-vendorstats > div{background:var(--xp-offwhite);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-inner);padding:14px;text-align:center;}
.xp-vendorstats b{display:block;font-family:var(--xp-display);font-size:24px;font-weight:800;color:var(--xp-ink);}
.xp-vendorstats span{font-size:11.5px;color:var(--xp-text-2);}

/* ---------- قاعة الأجنحة ---------- */
.xp-floorplan{border-radius:var(--xp-r-inner);overflow:hidden;background:var(--xp-offwhite);}
.xp-floorplan img{width:100%;height:auto;display:block;}
.xp-boothkey{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 20px;font-size:12.5px;
  font-weight:700;color:var(--xp-text-2);}
.xp-boothkey span{display:inline-flex;align-items:center;gap:7px;}
.xp-boothkey i{width:14px;height:14px;border-radius:5px;border:1px solid var(--xp-border);}
.xp-boothkey .k-free{background:var(--xp-yellow);border-color:var(--xp-yellow);}
.xp-boothkey .k-pending{background:rgba(245,130,32,.25);border-color:var(--xp-orange);}
.xp-boothkey .k-booked{background:var(--xp-divider);}
.xp-boothcat{border-inline-start:5px solid var(--xp-cat,var(--xp-yellow));}
.xp-boothcat-head{display:flex;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap;}
.xp-boothcat-img{width:64px;height:64px;border-radius:16px;overflow:hidden;flex:0 0 auto;background:var(--xp-divider);}
.xp-boothcat-img img{width:100%;height:100%;object-fit:cover;display:block;}
.xp-boothcat-head .xp-h2{font-size:20px;margin:0;}
.xp-boothcat-n{font-size:12px;font-weight:700;color:var(--xp-text-2);margin:6px 0 0;}
.xp-boothgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;}
.xp-booth{display:grid;place-items:center;gap:2px;aspect-ratio:1;border-radius:var(--xp-r-inner);
  padding:8px;text-align:center;text-decoration:none;border:1px solid var(--xp-border);
  background:var(--xp-offwhite);transition:transform var(--xp-t-interact) var(--xp-ease);}
.xp-booth b{font-family:var(--xp-display);font-size:16px;font-weight:800;color:var(--xp-ink);}
.xp-booth i{font-style:normal;font-size:11px;font-weight:700;color:var(--xp-text-2);}
.xp-booth em{font-style:normal;font-size:9.5px;color:var(--xp-text-2);overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
.xp-booth.is-free{background:var(--xp-yellow);border-color:var(--xp-yellow);}
.xp-booth.is-free:hover{transform:translateY(-3px);}
.xp-booth.is-pending{background:rgba(245,130,32,.14);border-color:rgba(245,130,32,.4);}
/* المحجوز باهت وبلا مؤشّر: لا شيء يُفعل به، فلا يدّعي أنه قابل للنقر */
.xp-booth.is-booked{opacity:.6;}

/* ---------- الدفع ---------- */
.xp-paywrap{max-width:540px;}
.xp-sum{display:grid;gap:2px;}
.xp-sum-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;
  border-bottom:1px solid var(--xp-divider);font-size:14.5px;color:var(--xp-text-2);}
.xp-sum-row i{font-style:normal;color:var(--xp-text-2);}
.xp-sum-row b{font-family:var(--xp-display);font-weight:800;color:var(--xp-ink);white-space:nowrap;}
.xp-sum-row.is-total{border-bottom:0;border-top:2px solid var(--xp-ink);margin-top:6px;padding-top:14px;}
.xp-sum-row.is-total span{font-weight:700;color:var(--xp-ink);}
.xp-sum-row.is-total b{font-size:20px;}

/* ---------- محطة تسجيل الحضور ---------- */
.xp-stationwrap{max-width:420px;}
.xp-station{text-align:center;}
.xp-station-ic{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;
  border-radius:20px;background:var(--xp-yellow);color:var(--xp-ink);}
.xp-station-ic svg{width:30px;height:30px;}
/* الحقل كبير وبتباعد واسع: يُقرأ على جهاز لوحي عند مدخل القاعة في ضوء النهار */
.xp-station input{width:100%;text-align:center;font-family:var(--xp-display);font-size:32px;font-weight:800;
  letter-spacing:.3em;height:72px;background:var(--xp-offwhite);border:2px solid var(--xp-border);
  border-radius:var(--xp-r-inner);margin-bottom:18px;color:var(--xp-ink);}
.xp-station input:focus{border-color:var(--xp-yellow);outline:none;background:var(--xp-white);}
.xp-station-alt{text-align:center;font-size:13px;color:var(--xp-text-2);margin:16px 0 0;}
.xp-station-alt a{font-weight:700;color:var(--xp-ink);text-decoration:underline;text-underline-offset:3px;}

/* ---------- الإشعارات ---------- */
.xp-notiflist{display:grid;gap:10px;}
.xp-notif{display:flex;align-items:flex-start;gap:14px;background:var(--xp-white);
  border:1px solid var(--xp-border);border-radius:var(--xp-r-card-lg);padding:16px 18px;}
/* الجديد يُميَّز بحدّ أصفر ونقطة: الصفحة تعلّم كل شيء مقروءاً فور فتحها،
   فبلا تمييز لحظي لا يعرف القارئ ما جدّ منذ زيارته الأخيرة. */
.xp-notif.is-new{border-color:var(--xp-yellow);background:#FFFDF6;}
.xp-notif-dot{width:9px;height:9px;border-radius:50%;background:var(--xp-border);margin-top:7px;flex:0 0 auto;}
.xp-notif.is-new .xp-notif-dot{background:var(--xp-yellow);}
.xp-notif-body{flex:1;min-width:0;}
.xp-notif-body h3{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:15px;font-weight:700;
  color:var(--xp-ink);margin:0;}
.xp-notif-new{font-size:10px;font-weight:800;background:var(--xp-yellow);color:var(--xp-ink);
  border-radius:var(--xp-r-pill);padding:2px 9px;}
.xp-notif-body p{font-size:14px;color:var(--xp-text-2);line-height:1.7;margin:6px 0 0;}
.xp-notif-body time{display:block;font-size:11px;color:var(--xp-text-2);margin-top:8px;}

/* ---------- الرسائل ---------- */
.xp-msg{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start;}
.xp-msglist{background:var(--xp-white);border:1px solid var(--xp-border);border-radius:var(--xp-r-panel);
  overflow:hidden;max-height:70vh;overflow-y:auto;}
.xp-msgitem{display:block;padding:14px 16px;border-bottom:1px solid var(--xp-divider);text-decoration:none;
  transition:background var(--xp-t-interact) var(--xp-ease);}
.xp-msgitem:last-child{border-bottom:0;}
.xp-msgitem:hover{background:var(--xp-offwhite);}
.xp-msgitem.is-on{background:var(--xp-ink);}
.xp-msgitem.is-on b,.xp-msgitem.is-on .xp-msgitem-p,.xp-msgitem.is-on time{color:var(--xp-on-dark);}
.xp-msgitem.is-on b{color:var(--xp-yellow);}
.xp-msgitem-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.xp-msgitem-top b{font-size:14px;font-weight:700;color:var(--xp-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.xp-msgitem-n{font-style:normal;font-family:var(--xp-display);font-size:11px;font-weight:800;
  background:var(--xp-orange);color:#fff;border-radius:var(--xp-r-pill);padding:1px 8px;flex:0 0 auto;}
.xp-msgitem-p{display:block;font-size:12.5px;color:var(--xp-text-2);margin-top:4px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.xp-msgitem time{display:block;font-size:11px;color:var(--xp-text-2);margin-top:6px;}

.xp-msgthread{background:var(--xp-white);border:1px solid var(--xp-border);border-radius:var(--xp-r-panel);
  display:flex;flex-direction:column;min-height:70vh;overflow:hidden;}
.xp-msgempty{margin:auto;text-align:center;padding:40px 24px;color:var(--xp-text-2);}
.xp-msgempty .xp-trail{width:140px;opacity:.5;margin-bottom:14px;}
.xp-msghead{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--xp-divider);}
.xp-msghead h2{font-family:var(--xp-display);font-size:17px;font-weight:800;color:var(--xp-ink);margin:0;}
.xp-msghead p{font-size:12px;color:var(--xp-text-2);margin:3px 0 0;}
.xp-msgback{display:none;width:36px;height:36px;border-radius:50%;place-items:center;background:var(--xp-offwhite);
  color:var(--xp-ink);flex:0 0 auto;}
.xp-msgback svg{width:18px;height:18px;}
html[dir=rtl] .xp-msgback svg{transform:scaleX(-1);}
.xp-msgbody{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px;
  background:var(--xp-offwhite);}
.xp-bubblerow{display:flex;}
.xp-bubblerow.is-mine{justify-content:flex-end;}
.xp-bubble{max-width:78%;background:var(--xp-white);border:1px solid var(--xp-border);
  border-radius:16px;padding:12px 14px;}
/* رسالتي بلون العلامة: التمييز باللون لا بالموضع وحده، فالموضع يضيع في RTL */
.xp-bubblerow.is-mine .xp-bubble{background:var(--xp-yellow);border-color:var(--xp-yellow);}
.xp-bubble-by{display:block;font-size:11px;font-weight:800;color:var(--xp-text-2);margin-bottom:4px;}
.xp-bubble p{font-size:14.5px;line-height:1.8;color:var(--xp-ink);margin:0;overflow-wrap:anywhere;}
.xp-bubble time{display:block;font-size:10.5px;color:var(--xp-text-2);margin-top:6px;}
.xp-bubblerow.is-mine .xp-bubble time{color:rgba(33,30,31,.6);}
.xp-composer{display:flex;gap:10px;padding:14px 16px;border-top:1px solid var(--xp-divider);}
.xp-composer textarea{flex:1;resize:vertical;min-height:48px;background:var(--xp-offwhite);
  border:1px solid var(--xp-border);border-radius:var(--xp-r-inner);padding:12px 14px;
  font-family:var(--xp-arabic);font-size:14.5px;line-height:1.7;}
.xp-composer .xp-btn{flex:0 0 auto;padding:0 20px;}
.xp-composer .xp-btn svg{width:20px;height:20px;}
html[dir=rtl] .xp-composer .xp-btn svg{transform:scaleX(-1);}

@media (max-width:820px){
  /* عمود واحد على الجوال: القائمة حتى تُفتح محادثة، ثم المحادثة وحدها */
  .xp-msg{grid-template-columns:1fr;}
  .xp-msg.is-open .xp-msglist{display:none;}
  .xp-msg:not(.is-open) .xp-msgthread{display:none;}
  .xp-msgback{display:grid;}
  .xp-msglist{max-height:none;}
}

/* ---------- مؤشّر قوة العرض ---------- */
.xp-score{background:var(--xp-white);border:1px solid var(--xp-border);border-radius:var(--xp-r-card-lg);
  padding:18px 20px;margin-bottom:20px;}
.xp-score-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px;}
.xp-score-top span{font-size:13px;font-weight:700;color:var(--xp-text-2);}
.xp-score-top b{font-family:var(--xp-display);font-size:22px;font-weight:800;color:var(--xp-ink);}

/* ---------- معاينة الملف المرفوع ----------
   مربّع ثابت النسبة: الشعارات والأغلفة تصل بمقاسات ونسب مختلفة، وتركها
   بمقاسها الأصلي يمدّ النموذج ويكسر الشبكة. */
.xp-filepreview{display:block;margin-top:10px;background:var(--xp-offwhite);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-inner);overflow:hidden;}
.xp-filepreview img{display:block;width:100%;height:100%;object-fit:contain;}
.xp-filepreview-logo{width:110px;aspect-ratio:16/9;padding:8px;}
.xp-filepreview-cover{width:100%;aspect-ratio:16/6;}
.xp-filepreview-cover img{object-fit:cover;}
.xp-vendorbox{border-color:var(--xp-magenta);}

/* ---------- طبقة الإرسال ---------- */
.xp-sending{position:fixed;inset:0;z-index:80;background:rgba(33,30,31,.72);display:grid;place-items:center;padding:24px;}
.xp-sending[hidden]{display:none;}
.xp-sending-box{background:var(--xp-white);border-radius:var(--xp-r-panel);padding:32px 34px;text-align:center;max-width:340px;}
.xp-sending-box p{font-size:15px;font-weight:700;color:var(--xp-ink);margin:16px 0 6px;}
.xp-sending-note{font-size:12px;color:var(--xp-text-2);}
.xp-spin{display:inline-block;width:38px;height:38px;border-radius:50%;
  border:4px solid var(--xp-divider);border-top-color:var(--xp-yellow);animation:xp-spin .8s linear infinite;}
@keyframes xp-spin{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce){.xp-spin{animation-duration:2.4s;}}

/* ---------- تفاصيل طلب Marketplace ---------- */
.xp-rdwrap{max-width:860px;}
.xp-rd-desc{white-space:pre-line;font-size:15px;line-height:1.9;color:var(--xp-text-2);margin:0 0 22px;}
/* البنود شبكة تسمية/قيمة: أحد عشر بنداً في قائمة رأسية تُقرأ بالتتابع،
   وفي عمودين تُمسح بالنظر. */
.xp-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px 24px;margin:0;}
.xp-facts > div{padding:12px 0;border-bottom:1px solid var(--xp-divider);}
.xp-facts dt{font-size:12px;font-weight:700;color:var(--xp-text-2);margin:0 0 4px;}
.xp-facts dd{font-size:15px;font-weight:700;color:var(--xp-ink);margin:0;line-height:1.6;}
.xp-qask{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;}
.xp-qask input{flex:1;min-width:200px;background:var(--xp-offwhite);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-inner);padding:12px 14px;font-family:var(--xp-arabic);font-size:14px;}
.xp-qa{padding:16px 0;border-bottom:1px solid var(--xp-divider);}
.xp-qa:last-child{border-bottom:0;}
.xp-qa-q{font-size:15px;font-weight:700;color:var(--xp-ink);margin:0;}
.xp-qa-by{font-size:12px;color:var(--xp-text-2);margin:4px 0 0;}
.xp-qa-a{background:var(--xp-offwhite);border-inline-start:3px solid var(--xp-yellow);border-radius:var(--xp-r-inner);
  padding:12px 14px;margin:10px 0 0;font-size:14px;line-height:1.8;color:var(--xp-text);}
.xp-qa-a span{display:block;font-size:11px;font-weight:800;color:var(--xp-text-2);margin-bottom:4px;}

/* ---------- بطاقة التذكرة (تأكيد الطلب) ----------
   بنية تذكرة حقيقية: رأس أصفر يحمل التأكيد ورقم الحجز، جسم فيه الرمز إلى
   جانب بيانات الفعالية، تسنين بخرمين، ثم الإجراء. */
.xp-tkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;}
.xp-tk{position:relative;background:var(--xp-white);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-card-lg);overflow:hidden;}
.xp-tk-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  background:var(--xp-yellow);color:var(--xp-ink);padding:16px 20px;}
.xp-tk-top b{display:inline-flex;align-items:center;gap:8px;font-family:var(--xp-display);
  font-size:18px;font-weight:800;}
.xp-tk-top b svg{width:17px;height:17px;}
.xp-tk-top span{font-family:var(--xp-display);font-size:13px;font-weight:800;opacity:.72;}

.xp-tk-body{display:flex;align-items:flex-start;gap:16px;padding:18px 20px 16px;background:var(--xp-offwhite);}
.xp-tk-main{flex:1;min-width:0;}
.xp-tk-hint{font-size:11.5px;font-weight:700;color:var(--xp-text-2);margin:0 0 6px;}
.xp-tk-ev{font-family:var(--xp-display);font-size:17px;font-weight:800;color:var(--xp-ink);
  line-height:1.55;margin:0;}
.xp-tk-meta{font-size:12.5px;color:var(--xp-text-2);margin:7px 0 0;}
.xp-tk-holder{font-size:12px;color:var(--xp-text-2);margin:6px 0 0;}
/* الرمز على أرضية حبرية كما في الهوية - مربّع ثابت لا يتمدّد بمقاس الصورة */
.xp-tk-qr{flex:0 0 auto;display:grid;place-items:center;width:104px;height:104px;
  background:var(--xp-ink);border-radius:16px;padding:9px;}
.xp-tk-qr img{width:100%;height:100%;object-fit:contain;display:block;
  filter:invert(1);}

/* التسنين: خطّ منقّط ونصف دائرتين على الحافتين */
.xp-tk-rip{position:relative;height:0;border-top:2px dashed var(--xp-border);}
.xp-tk-rip span{position:absolute;top:-11px;width:20px;height:20px;border-radius:50%;
  background:var(--xp-offwhite);border:1px solid var(--xp-border);}
.xp-tk-rip span:first-child{inset-inline-start:-11px;}
.xp-tk-rip span:last-child{inset-inline-end:-11px;}

.xp-tk-actions{display:flex;gap:10px;padding:16px 20px;background:var(--xp-white);}
.xp-tk-actions .xp-btn{flex:1;justify-content:center;}

@media (max-width:420px){
  .xp-tk-body{flex-direction:column;align-items:stretch;}
  .xp-tk-qr{align-self:flex-start;}
}

/* ---------- التسجيل في فعالية ---------- */
.xp-regwrap{max-width:620px;}
.xp-tickets{display:grid;gap:10px;}
.xp-ticket input{position:absolute;opacity:0;width:1px;height:1px;}
.xp-ticket-box{display:flex;align-items:center;justify-content:space-between;gap:14px;
  background:var(--xp-offwhite);border:2px solid var(--xp-border);border-radius:var(--xp-r-inner);
  padding:16px 18px;cursor:pointer;transition:all var(--xp-t-interact) var(--xp-ease);}
.xp-ticket-n b{display:block;font-size:15px;font-weight:700;color:var(--xp-ink);}
.xp-ticket-n i{display:block;font-style:normal;font-size:12px;color:var(--xp-text-2);margin-top:3px;}
.xp-ticket-p{font-family:var(--xp-display);font-size:16px;font-weight:800;color:var(--xp-ink);white-space:nowrap;}
.xp-ticket input:checked + .xp-ticket-box{border-color:var(--xp-ink);background:var(--xp-white);
  box-shadow:var(--xp-sh-card);}
.xp-ticket input:focus-visible + .xp-ticket-box{outline:3px solid var(--xp-orange);outline-offset:2px;}
/* النافدة تبقى ظاهرة باهتة: إخفاؤها يجعل القائمة تبدو أقصر مما هي، ويخفي
   حقيقة أن النوع الأفضل نفد. */
.xp-ticket.is-out .xp-ticket-box{opacity:.5;cursor:not-allowed;}
.xp-ticket-out{color:var(--xp-orange)!important;font-weight:700;}
.xp-total{display:flex;align-items:center;justify-content:space-between;gap:16px;
  background:var(--xp-ink);color:var(--xp-white);border-radius:var(--xp-r-card-lg);
  padding:18px 22px;margin-bottom:14px;}
.xp-total span{font-size:14px;color:var(--xp-on-dark);}
.xp-total strong{font-family:var(--xp-display);font-size:24px;font-weight:800;color:var(--xp-yellow);}

/* ---------- الدخول وإنشاء الحساب ---------- */
.xp-authwrap{background:var(--xp-ink);padding:clamp(48px,7vw,88px) 0;min-height:70vh;display:flex;align-items:center;}
/* بلا width: الصنف يشارك العنصر نفسه مع .xp-wrap التي تضبط عرضه
   بـwidth:min(...)، وأي width هنا يدهسها فتلتصق البطاقة بحافة الشاشة. */
.xp-authgrid{display:grid;grid-template-columns:1fr 460px;gap:56px;align-items:center;}
@media (max-width:960px){
  .xp-authgrid{grid-template-columns:1fr;gap:36px;}
  .xp-authside{display:none;}   /* على الجوال النموذج هو المهمة، لا الدعاية */
}
.xp-authside{position:relative;color:var(--xp-white);}
.xp-authside .xp-h1{color:var(--xp-white);}
.xp-authside-sub{color:var(--xp-on-dark);font-size:16px;line-height:1.85;max-width:46ch;margin:14px 0 26px;}
.xp-authside-trail{width:190px;opacity:.5;margin-top:30px;}

.xp-authcard{background:var(--xp-white);border-radius:var(--xp-r-panel-lg);padding:32px;box-shadow:var(--xp-sh-hero);}
@media (max-width:560px){.xp-authcard{padding:24px 20px;}}
.xp-authtabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--xp-offwhite);
  border-radius:var(--xp-r-pill);padding:5px;margin-bottom:26px;}
.xp-authtab{border:0;background:none;font-family:var(--xp-arabic);font-size:14px;font-weight:800;
  color:var(--xp-text-2);padding:12px;border-radius:var(--xp-r-pill);cursor:pointer;
  transition:background var(--xp-t-interact) var(--xp-ease),color var(--xp-t-interact) var(--xp-ease);}
.xp-authtab.is-on{background:var(--xp-ink);color:var(--xp-yellow);}
.xp-authpanel{display:none;}
.xp-authpanel.is-on{display:block;}
.xp-authpanel .xp-h2{font-size:24px;margin-bottom:4px;}
.xp-authpanel > .xp-meta{margin-bottom:22px;}
.xp-gbtn{gap:10px;}
.xp-gbtn svg{width:18px;height:18px;flex:0 0 auto;}
/* فاصل "أو" بخطّين: يفصل مسارين متكافئين لا يقدّم أحدهما */
.xp-author{display:flex;align-items:center;gap:14px;margin:18px 0;color:var(--xp-text-2);font-size:12px;font-weight:700;}
.xp-author::before,.xp-author::after{content:"";flex:1;height:1px;background:var(--xp-border);}
.xp-authrow{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px;}
.xp-authlink{font-size:13px;font-weight:700;color:var(--xp-orange);}
.xp-authlink:hover{text-decoration:underline;}
.xp-authswitch{text-align:center;font-size:13px;color:var(--xp-text-2);margin:20px 0 0;}
.xp-linkbtn{border:0;background:none;padding:0;font-family:var(--xp-arabic);font-size:13px;font-weight:800;
  color:var(--xp-ink);cursor:pointer;text-decoration:underline;text-underline-offset:3px;}
.xp-linkbtn:hover{color:var(--xp-orange);}
/* نوع الحساب زرّان كبيران لا قائمة منسدلة: خياران اثنان فقط، وإظهارهما معاً
   يجعل الفرق مرئياً قبل الاختيار. */
.xp-acct{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.xp-acct-o input{position:absolute;opacity:0;width:1px;height:1px;}
.xp-acct-o span{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 14px;
  background:var(--xp-offwhite);border:2px solid var(--xp-border);border-radius:var(--xp-r-inner);
  font-size:14px;font-weight:700;color:var(--xp-text-2);cursor:pointer;
  transition:all var(--xp-t-interact) var(--xp-ease);}
.xp-acct-o svg{width:19px;height:19px;}
.xp-acct-o input:checked + span{border-color:var(--xp-ink);background:var(--xp-ink);color:var(--xp-yellow);}
.xp-acct-o input:focus-visible + span{outline:3px solid var(--xp-orange);outline-offset:2px;}

/* ---------- الملف الشخصي: الترويسة ---------- */
.xp-pf-head{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.xp-pf-avform{flex:0 0 auto;}
.xp-pf-av{position:relative;display:grid;place-items:center;width:96px;height:96px;border-radius:50%;
  overflow:hidden;background:var(--xp-ink2);cursor:pointer;}
.xp-pf-av img{width:100%;height:100%;object-fit:cover;}
.xp-pf-initials{font-family:var(--xp-display);font-size:34px;font-weight:800;color:var(--xp-yellow);}
.xp-pf-avedit{position:absolute;inset-block-end:0;inset-inline-end:0;width:32px;height:32px;display:grid;
  place-items:center;background:var(--xp-yellow);color:var(--xp-ink);border-radius:50%;border:3px solid var(--xp-ink);}
.xp-pf-avedit svg{width:15px;height:15px;}
.xp-pf-info{flex:1;min-width:220px;}
.xp-pf-info .xp-h1{font-size:clamp(26px,3.4vw,36px);display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.xp-pf-verified{display:inline-grid;place-items:center;width:24px;height:24px;color:var(--xp-yellow);}
.xp-pf-verified svg{width:100%;height:100%;}
.xp-pf-title{color:var(--xp-on-dark);font-size:15px;margin:6px 0 0;}
.xp-pf-city{color:var(--xp-yellow);font-size:13px;font-weight:700;margin:4px 0 0;}
.xp-tag-dark{background:var(--xp-ink2);color:var(--xp-on-dark);}
.xp-pf-points{flex:0 0 auto;display:grid;gap:2px;text-align:center;background:var(--xp-yellow);color:var(--xp-ink);
  border-radius:var(--xp-r-card-lg);padding:14px 22px;text-decoration:none;
  transition:transform var(--xp-t-interact) var(--xp-ease);}
.xp-pf-points:hover{transform:translateY(-3px);}
.xp-pf-points b{font-family:var(--xp-display);font-size:26px;font-weight:800;line-height:1;}
.xp-pf-points i{font-style:normal;font-size:11px;font-weight:700;opacity:.75;}

/* ---------- الملف الشخصي: التبويبات ---------- */
.xp-pfgrid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:26px;align-items:start;}
@media (max-width:900px){.xp-pfgrid{grid-template-columns:1fr;}}
.xp-pfnav{position:sticky;top:96px;display:grid;gap:6px;background:var(--xp-white);
  border:1px solid var(--xp-border);border-radius:var(--xp-r-panel);padding:12px;}
@media (max-width:900px){
  .xp-pfnav{position:static;display:flex;overflow-x:auto;gap:8px;padding:10px;}
  .xp-pfnav-i{white-space:nowrap;}
}
.xp-pfnav-i{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;
  border:0;background:none;text-align:start;font-family:var(--xp-arabic);font-size:14px;font-weight:700;
  color:var(--xp-text-2);padding:12px 14px;border-radius:var(--xp-r-inner);cursor:pointer;text-decoration:none;
  transition:background var(--xp-t-interact) var(--xp-ease),color var(--xp-t-interact) var(--xp-ease);}
.xp-pfnav-i:hover{background:var(--xp-offwhite);color:var(--xp-ink);}
.xp-pfnav-i.is-on{background:var(--xp-ink);color:var(--xp-yellow);}
.xp-pfnav-b{font-family:var(--xp-display);font-size:12px;font-weight:800;background:var(--xp-yellow);
  color:var(--xp-ink);border-radius:var(--xp-r-pill);padding:2px 9px;}
.xp-pfnav-i.is-on .xp-pfnav-b{background:var(--xp-yellow);color:var(--xp-ink);}
.xp-pfnav-out{color:var(--xp-orange);}
.xp-pfpanel{display:none;}
.xp-pfpanel.is-on{display:block;}
.xp-okline{font-size:14px;font-weight:700;color:var(--xp-ink);margin:0;}
.xp-verify{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.xp-verify-code{display:flex;gap:8px;}
.xp-verify-code input{width:130px;font-family:var(--xp-display);font-size:15px;font-weight:700;letter-spacing:.15em;
  text-align:center;background:var(--xp-offwhite);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-inner);padding:12px;}
.xp-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:14px;font-weight:700;color:var(--xp-ink);}
.xp-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--xp-ink);flex:0 0 auto;}

/* ---------- فعالياتي ---------- */
.xp-myev-top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start;}
.xp-myev-top .xp-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 0;}
.xp-myev-act{display:flex;gap:8px;flex-wrap:wrap;}
.xp-rate{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:16px;
  border-top:1px solid var(--xp-divider);}
.xp-rate input[type=text]{flex:1;min-width:180px;background:var(--xp-offwhite);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-inner);padding:11px 14px;font-family:var(--xp-arabic);font-size:14px;}
/* النجوم بترتيب معكوس في DOM (5→1) ليعمل ~ في CSS: تمرير الفأرة أو الاختيار
   يلوّن النجمة وكل ما بعدها، وهو ما يراه المستخدم "حتى هذه النجمة". */
.xp-stars{display:flex;flex-direction:row-reverse;gap:3px;}
.xp-stars input{position:absolute;opacity:0;width:1px;height:1px;}
.xp-stars label{cursor:pointer;color:var(--xp-border);transition:color .15s var(--xp-ease);}
.xp-stars label svg{width:24px;height:24px;fill:currentColor;display:block;}
.xp-stars label:hover,.xp-stars label:hover ~ label,
.xp-stars input:checked ~ label{color:var(--xp-yellow);}
.xp-stars input:focus-visible + label{outline:3px solid var(--xp-orange);outline-offset:2px;border-radius:4px;}
.xp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}

/* ---------- بطاقة النقاط ---------- */
.xp-ptcard{position:relative;overflow:hidden;background:var(--xp-ink);color:var(--xp-white);
  border-radius:var(--xp-r-panel);padding:28px;min-height:210px;display:grid;align-content:space-between;}
/* لمعة قطرية ثابتة لا متحركة: البطاقة تُقرأ لا تُشاهَد، والحركة الدائمة هنا
   تسحب الانتباه من الرقم وهو المعلومة الوحيدة المهمة. */
.xp-ptcard::after{content:"";position:absolute;inset:-40% -10% auto auto;width:70%;height:180%;
  background:linear-gradient(115deg,transparent 42%,rgba(255,199,44,.14) 50%,transparent 58%);pointer-events:none;}
.xp-ptcard-logo{font-family:var(--xp-display);font-size:19px;font-weight:800;color:var(--xp-white);}
.xp-ptcard-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--xp-yellow);
  margin-inline-start:3px;vertical-align:baseline;}
.xp-ptcard-chip{position:absolute;top:26px;inset-inline-end:28px;width:42px;height:32px;border-radius:7px;
  background:linear-gradient(135deg,#FFC72C,#C8961F);}
.xp-ptcard-label{font-size:11px;font-weight:700;color:var(--xp-text-2);margin:22px 0 2px;letter-spacing:.08em;}
.xp-ptcard-num{font-family:var(--xp-display);font-size:44px;font-weight:800;line-height:1;color:var(--xp-yellow);margin:0;}
.xp-ptcard-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:22px;}
.xp-ptcard-foot i{display:block;font-style:normal;font-size:10px;color:var(--xp-text-2);letter-spacing:.06em;}
.xp-ptcard-foot b{font-size:15px;font-weight:700;color:var(--xp-white);}
.xp-ptcard-tier{font-family:var(--xp-display);font-size:11px;font-weight:800;color:var(--xp-ink);
  background:var(--xp-yellow);border-radius:var(--xp-r-pill);padding:5px 12px;}

/* ---------- المكافآت ---------- */
.xp-rewards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;}
.xp-reward{background:var(--xp-offwhite);border:1px solid var(--xp-border);border-radius:var(--xp-r-card-lg);
  padding:18px;display:flex;flex-direction:column;}
/* المقفلة باهتة لا مخفية: معرفة ما تكسبه لاحقاً هي سبب جمع النقاط أصلاً */
.xp-reward.is-locked{opacity:.62;}
.xp-reward-type{align-self:flex-start;font-size:10px;font-weight:800;background:var(--xp-divider);
  color:var(--xp-text-2);border-radius:var(--xp-r-pill);padding:4px 10px;margin-bottom:10px;}
.xp-reward-sp{font-size:11px;color:var(--xp-text-2);margin:8px 0 0;}
.xp-reward-cost{font-family:var(--xp-display);font-size:17px;font-weight:800;color:var(--xp-ink);margin:12px 0 12px;}
.xp-reward .xp-btn{margin-top:auto;}
.xp-ledger-sub{display:block;font-weight:400;font-size:12px;color:var(--xp-text-2);margin-top:3px;}
.xp-ledger-n{font-family:var(--xp-display);font-size:15px;font-weight:800;white-space:nowrap;}
.xp-ledger-n.is-plus{color:#1F7A4D;}
.xp-ledger-n.is-minus{color:var(--xp-orange);}
.xp-code{font-family:var(--xp-display);font-weight:800;letter-spacing:.06em;}
.xp-sp-photo{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:0 0 auto;}

/* ---------- إنشاء فعالية: التخطيط ---------- */
.xp-pagehead-tight{padding:56px 0 36px;}
/* شريط الإجراءات لاصق: النموذج أطول من عشر شاشات، وزرّ الحفظ في أسفله وحده
   يعني تمريراً كاملاً بعد كل تعديل. */
.xp-actionbar{position:sticky;top:0;z-index:30;background:var(--xp-ink);border-block-end:1px solid var(--xp-dark-border);}
.xp-actionbar-in{display:flex;align-items:center;justify-content:space-between;gap:16px;
  flex-wrap:wrap;padding-block:12px;}
.xp-actionbar-t{font-family:var(--xp-display);font-size:15px;font-weight:800;color:var(--xp-white);}
.xp-actionbar-b{display:flex;gap:8px;flex-wrap:wrap;}
.xp-actionbar .xp-btn-ghost{background:transparent;color:var(--xp-on-dark);border-color:var(--xp-dark-border);}
.xp-actionbar .xp-btn-ghost:hover{background:var(--xp-yellow);color:var(--xp-ink);border-color:var(--xp-yellow);}
.xp-buildwrap{padding-top:36px;}
.xp-buildgrid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start;}
@media (max-width:1000px){.xp-buildgrid{grid-template-columns:1fr;}}
.xp-buildmain{min-width:0;}
.xp-buildside{position:sticky;top:96px;display:grid;gap:14px;}
@media (max-width:1000px){.xp-buildside{position:static;}}
.xp-build-sub{font-size:13px;color:var(--xp-text-2);margin:4px 0 0;line-height:1.6;}
.xp-fhint{font-size:12px;color:var(--xp-text-2);margin:7px 0 0;line-height:1.6;}
.xp-frow input[type=file]{background:var(--xp-offwhite);border:1px dashed var(--xp-border);padding:11px 13px;
  border-radius:var(--xp-r-inner);width:100%;font-size:13px;}
.xp-formactions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px;}
.xp-adminnote{background:var(--xp-offwhite);border-inline-start:4px solid var(--xp-orange);
  border-radius:var(--xp-r-inner);padding:14px 18px;text-align:start;margin:0 auto 22px;max-width:520px;}

/* ---------- صفوف قابلة للتكرار ---------- */
.xp-rep-row{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:0 14px;background:var(--xp-offwhite);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-inner);padding:16px 52px 4px 16px;margin-bottom:12px;}
html[dir=rtl] .xp-rep-row{padding:16px 16px 4px 52px;}
.xp-rep-x{position:absolute;top:14px;inset-inline-end:14px;width:30px;height:30px;border:0;border-radius:50%;
  background:var(--xp-divider);color:var(--xp-text-2);font-size:20px;line-height:1;cursor:pointer;}
.xp-rep-x:hover{background:var(--xp-orange);color:#fff;}

/* ---------- صناديق الرفع والمعاينة ---------- */
.xp-upload{display:grid;place-items:center;gap:10px;text-align:center;cursor:pointer;
  background:var(--xp-white);border:2px dashed var(--xp-border);border-radius:var(--xp-r-card-lg);
  padding:24px 18px;color:var(--xp-text-2);font-size:13px;font-weight:700;
  transition:border-color var(--xp-t-interact) var(--xp-ease),background var(--xp-t-interact) var(--xp-ease);}
.xp-upload:hover{border-color:var(--xp-yellow);background:var(--xp-offwhite);}
.xp-upload svg{width:26px;height:26px;}
.xp-upload-lg{padding:42px 18px;}
.xp-prevcard{background:var(--xp-white);border:1px solid var(--xp-border);border-radius:var(--xp-r-card-lg);padding:16px;}
.xp-prevlabel{font-size:11px;font-weight:800;color:var(--xp-text-2);margin:0 0 12px;}
.xp-prevcard .xp-ev-top{height:120px;position:relative;background-size:cover;background-position:center;}

/* ---------- تنبيهات ---------- */
.xp-alert{border-radius:var(--xp-r-inner);padding:14px 18px;font-size:14px;font-weight:700;margin-bottom:18px;
  border-inline-start:4px solid transparent;}
.xp-alert.is-good{background:rgba(255,199,44,.18);color:#6B4E00;border-inline-start-color:var(--xp-yellow);}
.xp-alert.is-bad{background:rgba(245,130,32,.14);color:#8A4200;border-inline-start-color:var(--xp-orange);}

/* ---------- منتقي الحدث ---------- */
.xp-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--xp-white);
  border:1px solid var(--xp-border);border-radius:20px;padding:8px;margin-bottom:26px;}
.xp-picker .xp-field{flex:1;min-width:240px;}

/* ---------- بطاقة بناء (لوحة المنظّم) ---------- */
.xp-build{background:var(--xp-white);border:1px solid var(--xp-border);border-radius:var(--xp-r-panel);
  padding:28px;margin-bottom:24px;}
.xp-build-head{display:flex;align-items:center;gap:14px;margin-bottom:22px;}
.xp-build-head .xp-h2{font-size:21px;margin:0;}
.xp-build-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto;}
.xp-build-ic svg{width:22px;height:22px;}
.xp-fgrid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;}
.xp-fgrid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 18px;}
@media (max-width:700px){.xp-fgrid-2,.xp-fgrid-3{grid-template-columns:1fr;}}
.xp-frow select{width:100%;font-family:var(--xp-arabic);font-size:15px;font-weight:700;color:var(--xp-ink);
  background:var(--xp-offwhite);border:1px solid var(--xp-border);border-radius:var(--xp-r-inner);padding:13px 14px;}

/* شرائح اختيار: مربّع الاختيار مخفي بصرياً لا محذوف - لوحة المفاتيح وقارئ
   الشاشة يحتاجانه، والشريحة نفسها هي ما يُرى. */
.xp-chips-pick{display:flex;flex-wrap:wrap;gap:9px;}
.xp-chip-pick{position:relative;display:inline-flex;align-items:center;cursor:pointer;}
.xp-chip-pick input{position:absolute;opacity:0;width:1px;height:1px;}
.xp-chip-pick span{display:inline-flex;align-items:center;min-height:38px;padding:0 15px;font-size:13px;font-weight:700;
  color:var(--xp-text-2);background:var(--xp-offwhite);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-pill);transition:all var(--xp-t-interact) var(--xp-ease);}
.xp-chip-pick input:checked + span{background:var(--xp-ink);border-color:var(--xp-ink);color:var(--xp-yellow);}
.xp-chip-pick input:focus-visible + span{outline:3px solid var(--xp-orange);outline-offset:2px;}

/* ---------- باقات الرعاية ---------- */
.xp-pkgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:24px;}
.xp-pkg{background:var(--xp-white);border:1px solid var(--xp-border);border-radius:var(--xp-r-card-lg);
  overflow:hidden;display:flex;flex-direction:column;}
.xp-pkg-bar{display:block;height:6px;}
.xp-pkg-body{padding:16px;display:flex;flex-direction:column;flex:1;}
.xp-pkg-tier{align-self:flex-start;font-size:11px;font-weight:800;padding:5px 12px;border-radius:var(--xp-r-pill);}
.xp-pkg-price{font-family:var(--xp-display);font-size:21px;font-weight:800;color:var(--xp-ink);margin:12px 0 0;}
.xp-pkg-ben{font-size:13px;color:var(--xp-text-2);line-height:1.7;margin:9px 0 0;}
.xp-pkg-taken{font-size:11px;font-weight:700;color:var(--xp-text-2);margin:12px 0 0;}
.xp-pkg-del{margin-top:auto;padding-top:14px;}

/* ---------- جدول لوحة ---------- */
.xp-tablewrap{overflow-x:auto;}
.xp-table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px;}
.xp-table th{text-align:start;font-size:12px;font-weight:800;color:var(--xp-text-2);
  padding:0 12px 12px;border-bottom:1px solid var(--xp-border);white-space:nowrap;}
.xp-table td{padding:14px 12px;border-bottom:1px solid var(--xp-divider);vertical-align:middle;}
.xp-td-title{font-weight:700;color:var(--xp-ink);}
.xp-td-act{display:flex;gap:8px;flex-wrap:wrap;}
.xp-pill{display:inline-flex;align-items:center;font-size:11px;font-weight:800;padding:5px 12px;
  border-radius:var(--xp-r-pill);white-space:nowrap;}
.xp-pill.is-ok{background:var(--xp-yellow);color:var(--xp-ink);}
.xp-pill.is-no{background:var(--xp-divider);color:var(--xp-text-2);}
.xp-pill.is-wait{background:rgba(245,130,32,.16);color:#8A4200;}

/* ---------- صناع المحتوى: المطابقة الذكية ---------- */
.xp-ccmatch-img{width:100%;border-radius:var(--xp-r-card-lg);display:block;}
.xp-ccmatch-ph{background:var(--xp-ink2);border-radius:var(--xp-r-card-lg);display:grid;place-items:center;padding:44px 28px;}
.xp-ccmatch-ph svg{width:160px;opacity:.65;}

/* ---------- صناع المحتوى: بطاقة مرحلة ---------- */
.xp-stage{position:relative;display:flex;flex-direction:column;overflow:hidden;}
.xp-stage-body{padding:20px 18px;display:flex;flex-direction:column;flex:1;}
.xp-stage-badge{align-self:flex-start;font-size:11px;font-weight:800;padding:5px 12px;
  border-radius:var(--xp-r-pill);margin-bottom:12px;}
.xp-stage-list{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:9px;}
.xp-stage-list li{position:relative;padding-inline-start:18px;font-size:14px;color:var(--xp-text-2);line-height:1.65;}
.xp-stage-list li::before{content:"";position:absolute;inset-inline-start:0;top:9px;width:6px;height:6px;
  border-radius:50%;background:var(--xp-border);}

/* ---------- صناع المحتوى: سوق UGC ---------- */
.xp-ccmarket{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
@media (max-width:860px){.xp-ccmarket{grid-template-columns:1fr;gap:28px;}}
.xp-ccvideo{width:100%;border-radius:var(--xp-r-card-lg);display:block;background:var(--xp-ink);}
.xp-ccvideo-ph{background:var(--xp-white);border:1px dashed var(--xp-border);border-radius:var(--xp-r-card-lg);
  display:grid;place-items:center;min-height:220px;font-size:14px;font-weight:700;color:var(--xp-text-2);}

/* ---------- نافذة طلب ---------- */
.xp-modal{position:fixed;inset:0;z-index:60;background:rgba(33,30,31,.62);
  display:grid;place-items:center;padding:24px;overflow:auto;}
.xp-modal[hidden]{display:none;}
.xp-modal-box{position:relative;width:100%;max-width:480px;background:var(--xp-white);
  border-radius:var(--xp-r-panel);padding:32px 28px;box-shadow:var(--xp-sh-hero);}
.xp-modal-x{position:absolute;top:14px;inset-inline-end:16px;width:36px;height:36px;border:0;background:none;
  font-size:26px;line-height:1;color:var(--xp-text-2);cursor:pointer;border-radius:50%;}
.xp-modal-x:hover{background:var(--xp-divider);color:var(--xp-ink);}

/* ---------- التسويق: أرقام الترويسة ---------- */
.xp-mktstats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:36px;}
@media (max-width:900px){.xp-mktstats{grid-template-columns:repeat(3,1fr);}}
@media (max-width:520px){.xp-mktstats{grid-template-columns:repeat(2,1fr);}}
.xp-mktstat{border-top:2px solid var(--xp-dark-border);padding-top:12px;}
.xp-mktstat b{display:block;font-family:var(--xp-display);font-size:24px;font-weight:800;color:var(--xp-yellow);line-height:1.1;}
.xp-mktstat span{font-size:12px;color:var(--xp-on-dark);}

/* ---------- التسويق: شريط تحليل الجمهور ---------- */
.xp-bars{display:grid;gap:14px;}
.xp-bar{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:12px;}
.xp-bar-l{font-size:12px;color:var(--xp-on-dark);}
.xp-bar-t{height:9px;border-radius:var(--xp-r-pill);background:var(--xp-ink2);overflow:hidden;}
.xp-bar-t i{display:block;height:100%;border-radius:var(--xp-r-pill);transition:width .7s var(--xp-ease);}
.xp-bar-v{font-family:var(--xp-display);font-size:13px;font-weight:800;color:var(--xp-white);}
.xp-bar-note{font-size:11px;color:var(--xp-text-2);margin:6px 0 0;}
/* على الجوال: التسمية والقيمة سطر واحد، والشريط تحتهما بعرض كامل. الترتيب
   بالشبكة لا بترتيب DOM حتى يبقى المصدر مقروءاً كما هو. */
@media (max-width:600px){
  .xp-bar{grid-template-columns:1fr auto;gap:6px 10px;}
  .xp-bar-l{grid-area:1 / 1;}
  .xp-bar-v{grid-area:1 / 2;}
  .xp-bar-t{grid-area:2 / 1 / 3 / 3;}
}

/* ---------- التسويق: قسم يضيفه الأدمن ---------- */
.xp-mktsec{background:var(--xp-white);border:1px solid var(--xp-border);border-radius:var(--xp-r-panel);padding:40px;}
.xp-mktsec.has-img{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:0;overflow:hidden;}
.xp-mktsec.has-img .xp-mktsec-copy{padding:40px 0;padding-inline-end:40px;}
.xp-mktsec-img{min-height:300px;background-size:cover;background-position:center;}
.xp-mktsec.is-center{text-align:center;}
.xp-mktsec.is-center .xp-actions{justify-content:center;}
.xp-mktsec p{color:var(--xp-text-2);line-height:1.85;margin:14px 0 0;}
@media (max-width:860px){
  .xp-mktsec.has-img{grid-template-columns:1fr;}
  .xp-mktsec.has-img .xp-mktsec-copy{padding:0 28px 32px;}
  .xp-mktsec-img{min-height:200px;}
}

/* ---------- شارة "قريباً" في ترويسة صفحة ---------- */
/* على خلفية الحبر: صفراء مصمتة تُقرأ من أول نظرة. الخدمة غير المتاحة يجب أن
   يعرفها القارئ قبل أن يقرأ مزاياها لا بعدها. */
.xp-soon{display:inline-flex;align-items:center;gap:8px;background:var(--xp-yellow);color:var(--xp-ink);
  font-size:12px;font-weight:800;padding:7px 15px;border-radius:var(--xp-r-pill);margin-bottom:18px;}
.xp-soon i{width:7px;height:7px;border-radius:50%;background:var(--xp-ink);flex:0 0 auto;}

/* ---------- فقرة تحت عنوان القسم ---------- */
.xp-section-sub{color:var(--xp-text-2);font-size:16px;line-height:1.8;max-width:66ch;margin:12px 0 0;}

/* ---------- التحالفات: الأرقام ---------- */
.xp-allystats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media (max-width:860px){.xp-allystats{grid-template-columns:repeat(2,1fr);}}
.xp-astat{background:var(--xp-white);border:1px solid var(--xp-border);border-radius:var(--xp-r-card-lg);
  padding:24px 20px;text-align:center;}
.xp-astat-n{display:block;font-family:var(--xp-display);font-size:34px;font-weight:800;line-height:1.05;color:var(--xp-ink);}
.xp-astat p{font-size:13px;color:var(--xp-text-2);margin:8px 0 0;}

/* ---------- التحالفات: بطاقة تحالف ---------- */
.xp-ally{position:relative;display:flex;flex-direction:column;overflow:hidden;}
.xp-ally-body{padding:18px;display:flex;flex-direction:column;flex:1;}
.xp-ally-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;}
/* الحالة نقطة ملوّنة لا إيموجي: الإيموجي يختلف رسمه بين الأنظمة ولا يرث لون
   الهوية، والنقطة تفعل الشيء نفسه بحجم وموضع مضبوطين. */
.xp-ally-status{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;
  color:var(--xp-text-2);white-space:nowrap;}
.xp-ally-status i{width:8px;height:8px;border-radius:50%;background:var(--xp-yellow);flex:0 0 auto;}
.xp-ally-status.is-ready{color:var(--xp-ink);}
.xp-ally-status.is-ready i{background:var(--xp-orange);}
.xp-ally .xp-card-title{line-height:1.5;}
.xp-ally-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0 0;}
.xp-ally-foot{margin-top:auto;padding-top:16px;}
.xp-prog{height:8px;border-radius:var(--xp-r-pill);background:var(--xp-divider);overflow:hidden;}
.xp-prog span{display:block;height:100%;border-radius:var(--xp-r-pill);
  transition:width .6s var(--xp-ease);}
.xp-prog-l{font-size:12px;color:var(--xp-text-2);margin:9px 0 0;}
.xp-prog-l b{font-family:var(--xp-display);font-size:14px;font-weight:800;color:var(--xp-ink);}
.xp-prog-l i{font-style:normal;}
.xp-ally-dl{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:11px;font-weight:700;
  color:var(--xp-text-2);background:var(--xp-offwhite);border-radius:var(--xp-r-pill);padding:5px 11px;}
.xp-ally-dl svg{width:13px;height:13px;flex:0 0 auto;}
/* العجلة برتقالية لا حمراء - البرتقالي هو لون الإلحاح في هذه اللوحة */
.xp-ally-dl.is-urgent{background:rgba(245,130,32,.14);color:#9A4A00;}

/* ---------- بطاقة موقع/قاعة ---------- */
.xp-venue{position:relative;display:flex;flex-direction:column;overflow:hidden;}
/* رأس بصورة لا شريط رفيع: القاعة يُحكم عليها بالمكان أولاً. وحين لا توجد
   صورة يبقى اللون وحده - مربّع لوني نظيف أصدق من صورة نائبة عامة. */
.xp-venue-top{position:relative;height:148px;background-size:cover;background-position:center;}
.xp-venue-type{position:absolute;inset-block-end:10px;inset-inline-start:10px;z-index:2;
  background:var(--xp-white);color:var(--xp-ink);font-size:11px;font-weight:800;
  padding:5px 11px;border-radius:var(--xp-r-pill);}
.xp-venue-body{padding:18px;display:flex;flex-direction:column;flex:1;}
.xp-venue .xp-card-title{line-height:1.5;}
.xp-venue-desc{margin:10px 0 0;line-height:1.7;}
.xp-venue-foot{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;
  gap:10px;border-top:1px solid var(--xp-divider);}
.xp-venue-cap b{font-family:var(--xp-display);font-size:17px;font-weight:800;color:var(--xp-ink);}
.xp-venue-cap i{font-style:normal;font-size:11px;color:var(--xp-text-2);margin-inline-start:4px;}
.xp-per{font-style:normal;font-size:11px;font-weight:700;color:var(--xp-text-2);margin-inline-start:3px;}

/* ---------- كن منظماً: الخطوات والمزايا ---------- */
.xp-orghero{padding-bottom:clamp(56px,7vw,88px);}
.xp-orghero .xp-hero-sub{max-width:60ch;}

.xp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
@media (max-width:1024px){.xp-steps{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.xp-steps{grid-template-columns:1fr;}}
.xp-step{position:relative;background:var(--xp-white);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-card-lg);padding:26px 22px 24px;
  transition:transform var(--xp-t-interact) var(--xp-ease),box-shadow var(--xp-t-interact) var(--xp-ease);}
.xp-step:hover{transform:translateY(-6px);box-shadow:var(--xp-sh-card);}
/* الرقم في الزاوية العليا لا فوق الأيقونة: الترتيب معلومة ثانوية بجانب ما
   تفعله الخطوة، فلا يأخذ مركز البطاقة. */
.xp-step-n{position:absolute;top:16px;inset-inline-end:16px;width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;font-family:var(--xp-display);font-size:13px;font-weight:800;}
.xp-step-ic{display:block;margin-bottom:14px;}
.xp-step-ic svg{width:30px;height:30px;}
.xp-step p{font-size:14px;color:var(--xp-text-2);line-height:1.85;margin:8px 0 0;}

.xp-benefits{list-style:none;padding:0;margin:0;display:grid;gap:12px;}
.xp-benefits li{display:flex;align-items:flex-start;gap:12px;color:var(--xp-on-dark);font-size:15px;line-height:1.7;}
.xp-benefits i{width:10px;height:10px;border-radius:50%;flex:0 0 auto;margin-top:.5em;}

/* ---------- صفحات النصوص ---------- */
.xp-docwrap .xp-wrap{max-width:820px;}
.xp-doc{background:var(--xp-white);border:1px solid var(--xp-border);border-radius:var(--xp-r-card-lg);
  padding:34px;font-size:16px;line-height:2.05;color:var(--xp-text);}
.xp-doc h2{font-size:22px;margin:28px 0 12px;}
.xp-doc h2:first-child{margin-top:0;}
.xp-doc ul,.xp-doc ol{padding-inline-start:22px;margin:12px 0;}
.xp-doc li{margin-bottom:8px;}
.xp-doc-updated{margin-top:26px;padding-top:16px;border-top:1px solid var(--xp-divider);
  font-size:12px;color:var(--xp-text-2);}
@media (max-width:640px){.xp-doc{padding:22px;}}

/* ---------- الأسئلة الشائعة ---------- */
.xp-faq{display:grid;gap:10px;}
.xp-faq-item{background:var(--xp-white);border:1px solid var(--xp-border);border-radius:var(--xp-r-inner);
  overflow:hidden;transition:border-color var(--xp-t-interact) var(--xp-ease);}
.xp-faq-item[open]{border-color:var(--xp-yellow);}
.xp-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:18px 20px;cursor:pointer;font-size:16px;font-weight:800;color:var(--xp-ink);
  list-style:none;min-height:56px;}
.xp-faq-item summary::-webkit-details-marker{display:none;}
.xp-faq-item summary:hover{background:var(--xp-offwhite);}
/* علامة + تتحول إلى − عند الفتح: حالة العنصر مرئية بلا قراءة النص */
.xp-faq-item summary i{position:relative;width:22px;height:22px;flex:0 0 auto;border-radius:50%;
  background:var(--xp-divider);transition:background var(--xp-t-interact) var(--xp-ease);}
.xp-faq-item summary i::before,.xp-faq-item summary i::after{content:"";position:absolute;inset-inline:6px;
  top:50%;height:2px;background:var(--xp-ink);border-radius:2px;transform:translateY(-50%);
  transition:transform var(--xp-t-interact) var(--xp-ease);}
.xp-faq-item summary i::after{transform:translateY(-50%) rotate(90deg);}
.xp-faq-item[open] summary i{background:var(--xp-yellow);}
.xp-faq-item[open] summary i::after{transform:translateY(-50%) rotate(0);}
.xp-faq-a{padding:0 20px 20px;font-size:15px;line-height:2;color:var(--xp-text);}

/* ---------- تواصل معنا ---------- */
.xp-contact{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:start;}
@media (max-width:900px){.xp-contact{grid-template-columns:1fr;}}
.xp-contact-form,.xp-contact-info{padding:28px;}
.xp-contact-form:hover,.xp-contact-info:hover{transform:none;box-shadow:none;border-color:var(--xp-border);}
.xp-frow{margin-bottom:16px;}
.xp-frow label{display:block;font-size:13px;font-weight:700;color:var(--xp-text-2);margin-bottom:7px;}
.xp-frow input,.xp-frow textarea{width:100%;font-family:var(--xp-arabic);font-size:15px;color:var(--xp-ink);
  background:var(--xp-offwhite);border:1px solid var(--xp-border);border-radius:var(--xp-r-inner);
  padding:13px 15px;min-height:48px;outline:none;
  transition:border-color var(--xp-t-interact) var(--xp-ease),background var(--xp-t-interact) var(--xp-ease);}
.xp-frow textarea{min-height:120px;resize:vertical;line-height:1.8;}
.xp-frow input:focus,.xp-frow textarea:focus{border-color:var(--xp-yellow);background:var(--xp-white);}

.xp-cinfo{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:16px;}
.xp-cinfo li{display:flex;align-items:flex-start;gap:12px;}
.xp-cinfo-ic{width:36px;height:36px;border-radius:11px;flex:0 0 auto;display:grid;place-items:center;}
.xp-cinfo-ic svg{width:17px;height:17px;}
.xp-cinfo b{display:block;font-size:11px;font-weight:700;color:var(--xp-text-2);margin-bottom:2px;}
.xp-cinfo a,.xp-cinfo em{font-style:normal;font-size:14px;font-weight:700;color:var(--xp-ink);}
.xp-cinfo a:hover{color:var(--xp-orange);}
/* نسخة فاتحة من أيقونات التواصل: هنا الخلفية بيضاء لا حبرية */
.xp-social-light a{background:var(--xp-offwhite);border:1px solid var(--xp-border);color:var(--xp-text);}
.xp-social-light a:hover{background:var(--xp-yellow);border-color:var(--xp-yellow);color:var(--xp-ink);}

/* رابط تذييل بلا عنوان: نصّ لا رابط - لا مؤشر يد ولا تلوين عند المرور */
.xp-foot-plain{cursor:default;opacity:.72;}
.xp-foot-plain:hover{color:var(--xp-on-dark);}

/* ---------- بطاقات الأدوار والإرشادات ---------- */
.xp-role{display:flex;flex-direction:column;}
.xp-role-bar{display:block;height:6px;}
.xp-role-body{padding:22px;}
.xp-role p{font-size:14px;color:var(--xp-text-2);line-height:1.9;margin:8px 0 0;}
.xp-guide{padding:26px 22px;}
/* رقم الميزة في الزاوية: الترتيب معلومة ثانوية بجانب ما تفعله الميزة */
.xp-guide{position:relative;}
.xp-feat-n{position:absolute;top:22px;inset-inline-end:22px;font-family:var(--xp-display);font-size:13px;
  font-weight:800;color:var(--xp-border);letter-spacing:.04em;}
.xp-guide-ic{width:46px;height:46px;border-radius:var(--xp-r-tile);display:grid;place-items:center;margin-bottom:14px;}
.xp-guide-ic svg{width:22px;height:22px;}
.xp-guide p{font-size:14px;color:var(--xp-text-2);line-height:1.9;margin:8px 0 0;}

/* ---------- قواعد النقاط ---------- */
.xp-ptrules{display:grid;gap:10px;}
.xp-ptrule{display:flex;align-items:center;gap:16px;background:var(--xp-white);
  border:1px solid var(--xp-border);border-radius:var(--xp-r-inner);padding:16px 18px;
  transition:border-color var(--xp-t-interact) var(--xp-ease);}
.xp-ptrule:hover{border-color:var(--xp-yellow);}
/* الرقم أولاً وبحجم كبير: السؤال "كم أكسب؟" يُجاب قبل "من ماذا؟" */
.xp-ptrule-n{min-width:58px;height:44px;border-radius:var(--xp-r-inner);display:grid;place-items:center;
  font-family:var(--xp-display);font-size:17px;font-weight:800;flex:0 0 auto;padding:0 10px;}
.xp-ptrule-t{font-size:15px;font-weight:700;color:var(--xp-ink);}

/* ---------- توافق: محرّر الملف التسويقي ----------
   نفس مبدأ صفحة تسجيل الحضور: اثنا عشر موضعاً في الجافاسكربت تعتمد على
   أسماء هذه الأصناف (صفوف مكرّرة، حذف صور، منتقيات ألوان)، فتُركت وأُلبست
   ثوب الهوية هنا داخل نطاق .xp-legacy. */
.xp-kitwrap{max-width:880px;}
.xp-legacy .kit-repeat-row{position:relative;background:var(--xp-offwhite);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-inner);padding:16px 52px 6px 16px;margin-bottom:12px;}
html[dir=rtl] .xp-legacy .kit-repeat-row{padding:16px 16px 6px 52px;}
.xp-legacy .kit-row-remove,.xp-legacy .kit-gallery-delete,.xp-legacy .kit-logo-delete{
  position:absolute;top:12px;inset-inline-end:12px;width:30px;height:30px;border:0;border-radius:50%;
  background:var(--xp-divider);color:var(--xp-text-2);font-size:16px;line-height:1;cursor:pointer;
  display:grid;place-items:center;}
.xp-legacy .kit-row-remove:hover,.xp-legacy .kit-gallery-delete:hover,.xp-legacy .kit-logo-delete:hover{
  background:var(--xp-orange);color:#fff;}
/* منتقي اللون: مربّع كبير يُنقر بسهولة، وقيمته مكتوبة بجانبه */
.xp-legacy .color-input{width:52px;height:40px;padding:3px;border:1px solid var(--xp-border);
  border-radius:10px;background:var(--xp-white);cursor:pointer;}
.xp-legacy .ally-icon-btn{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;
  border:1px solid var(--xp-border);background:var(--xp-white);color:var(--xp-ink);cursor:pointer;}
.xp-legacy .ally-icon-btn:hover{background:var(--xp-offwhite);}
.xp-legacy textarea{width:100%;background:var(--xp-offwhite);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-inner);padding:13px 14px;font-family:var(--xp-arabic);font-size:15px;
  line-height:1.8;color:var(--xp-ink);resize:vertical;}
.xp-legacy select{width:100%;background:var(--xp-offwhite);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-inner);padding:13px 14px;font-family:var(--xp-arabic);font-size:15px;
  font-weight:700;color:var(--xp-ink);}
.xp-legacy input[type=file]{background:var(--xp-offwhite);border:1px dashed var(--xp-border);
  border-radius:var(--xp-r-inner);padding:11px 13px;width:100%;font-size:13px;}
.xp-legacy img{border-radius:10px;}

/* ============================================================
   القوائم المنسدلة
   قائمة الخيارات الأصلية يرسمها نظام التشغيل لا المتصفح: لا CSS يغيّر
   خطّها ولا تظليلها الأزرق. لذلك تُبنى فوقها واجهة، وتبقى الأصلية في
   الصفحة مصدراً للقيمة وما يُرسل مع النموذج - فبلا جافاسكربت تعمل كما كانت.
   ============================================================ */
.xp-sel{position:relative;display:block;width:100%;}
/* الأصلية تُخفى بصرياً لا بـdisplay:none: تبقى قابلة للتركيز برمجياً
   ومرتبطة بالنموذج والتحقق التلقائي (required) يظل يعمل. */
.xp-sel-native{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;
  padding:0;margin:0;border:0;overflow:hidden;}
.xp-sel-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;
  background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:start;
  font-family:var(--xp-arabic);font-size:16px;font-weight:700;color:var(--xp-ink);line-height:1.5;}
.xp-sel-btn:disabled{opacity:.55;cursor:not-allowed;}
.xp-sel-btn.is-empty .xp-sel-val{color:var(--xp-text-2);font-weight:400;}
.xp-sel-val{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.xp-sel-caret{display:grid;place-items:center;flex:0 0 auto;color:var(--xp-text-2);
  transition:transform var(--xp-t-interact) var(--xp-ease);}
.xp-sel-caret svg{width:16px;height:16px;display:block;}
.xp-sel.is-open .xp-sel-caret{transform:rotate(180deg);}
.xp-sel-btn:focus-visible{outline:3px solid var(--xp-orange);outline-offset:4px;border-radius:6px;}

/* اللوحة: بيضاء بحدّ وظلّ الهوية، وتُمرَّر إذا طالت */
.xp-sel-list{position:absolute;z-index:70;inset-inline:0;top:calc(100% + 10px);
  background:var(--xp-white);border:1px solid var(--xp-border);border-radius:var(--xp-r-inner);
  box-shadow:var(--xp-sh-card);padding:6px;max-height:min(320px,60vh);overflow-y:auto;
  animation:xp-sel-in .14s var(--xp-ease);}
.xp-sel-list[hidden]{display:none;}
@keyframes xp-sel-in{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){.xp-sel-list{animation:none;}}
.xp-sel-item{padding:11px 13px;border-radius:10px;font-size:15px;font-weight:600;
  color:var(--xp-text);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* المؤشّر عاجي لا أزرق النظام، والمحدَّد حبري بنصّ أصفر - لون الهوية لا لون المنصّة */
.xp-sel-item.is-cursor{background:var(--xp-offwhite);}
.xp-sel-item.is-on{background:var(--xp-ink);color:var(--xp-yellow);font-weight:800;}
.xp-sel-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;}
/* داخل الحقول المركّبة (شريط البحث والفلاتر) يرث الزرّ مقاس الحقل */
.xp-field .xp-sel-btn{font-size:16px;}
.xp-frow .xp-sel{margin:0;}
.xp-frow .xp-sel-btn{background:var(--xp-offwhite);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-inner);padding:13px 14px;font-size:15px;}
.xp-frow .xp-sel.is-open .xp-sel-btn,.xp-frow .xp-sel-btn:hover{border-color:var(--xp-yellow);background:var(--xp-white);}
.xp-legacy .xp-sel-btn{background:var(--xp-offwhite);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-inner);padding:13px 14px;font-size:15px;}

/* ---------- عدّاد بدء الفعالية (الهيرو) ----------
   أرقامه تُرسم من الخادم فيظهر صحيحاً قبل أي جافاسكربت. الوحدات بأرقام
   كبيرة وتسميات صغيرة تحتها: الرقم هو المعلومة والتسمية شرحها. */
.xp-cd{display:inline-flex;align-items:flex-start;gap:6px;margin-top:22px;
  background:rgba(255,255,255,.10);border:1px solid var(--xp-dark-border);
  border-radius:var(--xp-r-card-lg);padding:14px 18px;backdrop-filter:blur(6px);}
.xp-cd-u{display:grid;justify-items:center;min-width:52px;}
.xp-cd-u b{font-family:var(--xp-display);font-size:30px;font-weight:800;line-height:1;
  color:var(--xp-yellow);font-variant-numeric:tabular-nums;}
.xp-cd-u i{font-style:normal;font-size:10.5px;font-weight:700;color:var(--xp-on-dark);margin-top:6px;}
/* الفاصلة تُحاذي الأرقام لا مركز الوحدة كاملةً */
.xp-cd-sep{font-family:var(--xp-display);font-size:26px;font-weight:800;color:var(--xp-on-dark);
  opacity:.45;line-height:1;margin-top:2px;}
.xp-cd.is-live{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:700;
  color:var(--xp-yellow);}
.xp-cd-live{display:inline-flex;align-items:center;gap:9px;margin-top:22px;font-size:15px;
  font-weight:700;color:var(--xp-yellow);}
@media (max-width:560px){
  .xp-cd{padding:12px 14px;gap:4px;}
  .xp-cd-u{min-width:44px;}
  .xp-cd-u b{font-size:24px;}
  .xp-cd-sep{font-size:20px;}
}

/* ---------- كن منظماً: حاسبة القرار ----------
   الإدخال يمين والنتيجة يسار على الشاشة الواسعة، وفوق بعضهما على الجوال.
   النتيجة تتغيّر مع كل حرف يُكتب - الانتظار لزرّ يجعل الأداة تبدو نموذجاً. */
.xp-calc{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:24px;
  background:var(--xp-white);border:1px solid var(--xp-border);border-radius:var(--xp-r-panel);padding:26px;}
@media (max-width:820px){.xp-calc{grid-template-columns:1fr;}}
.xp-calc-in .xp-frow:last-child{margin-bottom:0;}
.xp-calc-in input{background:var(--xp-offwhite);border:1px solid var(--xp-border);border-radius:var(--xp-r-inner);
  padding:13px 14px;width:100%;font-family:var(--xp-display);font-size:17px;font-weight:800;color:var(--xp-ink);}
.xp-calc-in input:focus{border-color:var(--xp-yellow);background:var(--xp-white);outline:none;}
.xp-calc-out{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-content:start;}
.xp-calc-cell{background:var(--xp-offwhite);border:1px solid var(--xp-border);border-radius:var(--xp-r-card-lg);
  padding:18px;text-align:center;}
.xp-calc-cell[hidden]{display:none;}
.xp-calc-cell.is-lead{background:var(--xp-ink);border-color:var(--xp-ink);}
.xp-calc-cell b{display:block;font-family:var(--xp-display);font-size:30px;font-weight:800;line-height:1.05;
  color:var(--xp-ink);font-variant-numeric:tabular-nums;}
.xp-calc-cell.is-lead b{color:var(--xp-yellow);}
.xp-calc-cell span{display:block;font-size:11.5px;color:var(--xp-text-2);margin-top:8px;line-height:1.6;}
.xp-calc-cell.is-lead span{color:var(--xp-on-dark);}
.xp-calc-note{font-size:12px;color:var(--xp-text-2);line-height:1.9;margin:14px 0 0;max-width:76ch;}

/* ---------- جدول المقارنة ---------- */
.xp-cmp td{vertical-align:top;}
.xp-cmp th.is-lead{background:var(--xp-yellow);color:var(--xp-ink);border-radius:10px 10px 0 0;padding:10px 12px;}
.xp-cmp-no{color:var(--xp-text-2);}
/* عمود المنصة يُميَّز بخلفية خفيفة لا بوزن خطّ: المقارنة تُقرأ بالمسح العمودي */
.xp-cmp-yes{background:rgba(255,199,44,.10);font-weight:700;color:var(--xp-ink);}

/* ============================================================
   حقول النماذج داخل بطاقات الهوية.

   الصفحات المحوَّلة آلياً تكتب الحقل هكذا: <div class="xp-fgrid-2"><div>
   <label>..<input>. الغلاف الداخلي بلا صنف، فقواعد .xp-frow لا تصله وتبقى
   الحقول بمظهر المتصفح الافتراضي - وهو ما ظهر في صفحة إنشاء الطلب.
   التنسيق هنا منسوب إلى البطاقة نفسها، فيصل كل حقل في كل صفحة محوَّلة
   بلا تعديل في اثنتي عشرة صفحة على حدة.
   ============================================================ */
.xp-build .xp-fgrid-2 > div,
.xp-build .xp-fgrid-3 > div{margin-bottom:16px;min-width:0;}

.xp-build label{display:block;font-size:13px;font-weight:700;color:var(--xp-text-2);margin-bottom:7px;}

.xp-build input:not([type=checkbox]):not([type=radio]),
.xp-build select,
.xp-build textarea{
  width:100%;box-sizing:border-box;background:var(--xp-offwhite);
  border:1px solid var(--xp-border);border-radius:var(--xp-r-inner);
  padding:13px 14px;font-family:var(--xp-arabic);font-size:15px;color:var(--xp-ink);
  transition:border-color var(--xp-t-interact) var(--xp-ease),background var(--xp-t-interact) var(--xp-ease);}
.xp-build textarea{min-height:120px;line-height:1.8;resize:vertical;}
.xp-build input:focus,.xp-build select:focus,.xp-build textarea:focus{
  border-color:var(--xp-yellow);background:var(--xp-white);outline:none;}
.xp-build input::placeholder,.xp-build textarea::placeholder{color:var(--xp-text-2);opacity:.75;}

/* حقول التاريخ والوقت والأرقام تُكتب يساراً دائماً: صيغتها لاتينية
   (mm/dd/yyyy) ومنتقي المتصفح يرسمها من اليسار، فمحاذاتها يميناً في مستند
   عربي تفصل الرقم عن أيقونة التقويم. */
.xp-build input[type=date],
.xp-build input[type=datetime-local],
.xp-build input[type=time],
.xp-build input[type=number],
.xp-build input[type=url],
.xp-build input[type=email],
.xp-build input[type=tel]{direction:ltr;text-align:start;}
html[dir=rtl] .xp-build input[type=date],
html[dir=rtl] .xp-build input[type=datetime-local],
html[dir=rtl] .xp-build input[type=time]{text-align:right;}
/* أيقونة التقويم تأخذ لون الهوية بدل الرمادي الافتراضي */
.xp-build input[type=date]::-webkit-calendar-picker-indicator,
.xp-build input[type=datetime-local]::-webkit-calendar-picker-indicator,
.xp-build input[type=time]::-webkit-calendar-picker-indicator{
  cursor:pointer;opacity:.55;transition:opacity var(--xp-t-interact) var(--xp-ease);}
.xp-build input[type=date]:hover::-webkit-calendar-picker-indicator,
.xp-build input[type=datetime-local]:hover::-webkit-calendar-picker-indicator,
.xp-build input[type=time]:hover::-webkit-calendar-picker-indicator{opacity:1;}

/* رفع الملفات: إطار متقطّع يميّزه عن حقل نصّي */
.xp-build input[type=file]{background:var(--xp-offwhite);border:1px dashed var(--xp-border);
  border-radius:var(--xp-r-inner);padding:11px 13px;width:100%;font-size:13px;cursor:pointer;}

/* صناديق الاختيار: تسمية بجانب المربّع لا فوقه، وبلا هوامش يدوية موروثة */
.xp-build label.checkbox-label,
.xp-build label.xp-check{display:flex;align-items:center;gap:10px;margin:0;
  font-size:14px;font-weight:700;color:var(--xp-ink);cursor:pointer;}
.xp-build label.checkbox-label{margin-top:0!important;}
.xp-build input[type=checkbox],
.xp-build input[type=radio]{width:18px;height:18px;accent-color:var(--xp-ink);flex:0 0 auto;margin:0;}
/* الصفّ الذي يحمل صندوق اختيار وحده يُحاذى مع الحقل المجاور لا مع تسميته */
.xp-build .xp-fgrid-2 > div:has(> label.checkbox-label){display:flex;align-items:flex-end;padding-bottom:13px;}

/* التسميات القديمة تحمل style="display:block" سطرياً، والسطري يتقدّم على
   الملف - فنعلن هنا صراحةً حتى يبقى المربّع ونصّه على سطر واحد. */
.xp-build label.checkbox-label{display:flex!important;align-items:center!important;}
/* ارتفاع موحّد لكل عناصر الإدخال: القائمة المنسدلة كانت أطول بسطرين من
   الحقل المجاور لها في نفس الصفّ. */
.xp-build input:not([type=checkbox]):not([type=radio]):not([type=file]),
.xp-build select{min-height:48px;}

/* خانة "أخرى": تظهر تحت الشرائح وتتبعها بصرياً بخطّ صفراء على الحافة */
.xp-otherbox{margin-top:16px;padding:16px;background:var(--xp-offwhite);
  border:1px solid var(--xp-border);border-inline-start:3px solid var(--xp-yellow);
  border-radius:var(--xp-r-inner);}
.xp-otherbox[hidden]{display:none;}
.xp-otherbox label{display:block;font-size:13px;font-weight:800;color:var(--xp-ink);margin-bottom:8px;}
.xp-otherbox input{width:100%;box-sizing:border-box;min-height:48px;background:var(--xp-white);
  border:1px solid var(--xp-border);border-radius:var(--xp-r-inner);padding:13px 14px;
  font-family:var(--xp-arabic);font-size:15px;color:var(--xp-ink);}
.xp-otherbox input:focus{border-color:var(--xp-yellow);outline:none;}
.xp-otherbox .xp-fhint{margin:9px 0 0;}
/* الشريط صار واحداً وثلاثين تصنيفاً: مسافة أصغر بين الشرائح كي لا يطول
   القسم على الجوال أكثر من النموذج نفسه. */
.xp-chips-pick{gap:8px;}

/* ============================================================
   صفحة تواصل معنا
   ============================================================ */

/* حالة المكتب: النقطة تنبض وهو مفتوح فقط - نبضٌ دائم يفقد معناه */
.xp-office{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px;
  padding:9px 16px;border-radius:100px;background:var(--xp-white);border:1px solid var(--xp-border);
  font-size:13.5px;}
.xp-office b{color:var(--xp-ink);font-weight:800;}
.xp-office em{font-style:normal;color:var(--xp-text-2);}
.xp-office-hours{color:var(--xp-text-2);border-inline-start:1px solid var(--xp-border);padding-inline-start:10px;}
.xp-office-dot{width:9px;height:9px;border-radius:50%;background:var(--xp-text-2);flex:0 0 auto;}
.xp-office.is-open .xp-office-dot{background:#1D9E75;box-shadow:0 0 0 0 rgba(29,158,117,.55);animation:xp-pulse 2.2s infinite;}
@keyframes xp-pulse{70%{box-shadow:0 0 0 8px rgba(29,158,117,0)}100%{box-shadow:0 0 0 0 rgba(29,158,117,0)}}
@media (prefers-reduced-motion:reduce){.xp-office.is-open .xp-office-dot{animation:none}}

/* صفّ الوصول الفوري */
.xp-quickrow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.xp-quick{display:flex;align-items:center;gap:14px;text-align:start;width:100%;
  padding:18px;border-radius:var(--xp-r-card);background:var(--xp-white);
  border:1px solid var(--xp-border);color:var(--xp-ink);text-decoration:none;cursor:pointer;
  font-family:var(--xp-arabic);
  transition:transform var(--xp-t-interact) var(--xp-ease),box-shadow var(--xp-t-interact) var(--xp-ease),border-color var(--xp-t-interact) var(--xp-ease);}
.xp-quick:hover{transform:translateY(-3px);border-color:var(--xp-ink);box-shadow:0 12px 28px rgba(33,30,31,.09);}
.xp-quick b{display:block;font-size:15px;font-weight:800;margin-bottom:3px;}
.xp-quick em{font-style:normal;font-size:13px;color:var(--xp-text-2);}
.xp-quick-ic{flex:0 0 auto;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;}
.xp-quick-ic svg{width:22px;height:22px;}
.xp-quick-call .xp-quick-ic{background:var(--xp-yellow);color:var(--xp-ink);}
.xp-quick-wa   .xp-quick-ic{background:#1D9E75;color:#fff;}
.xp-quick-copy .xp-quick-ic{background:var(--xp-ink);color:var(--xp-yellow);}
/* تأكيد النسخ يستبدل النصّ بدل أن يضيف عنصراً يقفز بالتخطيط */
.xp-quick-copy.is-copied b::after,.is-copied>b::after{content:' ✓';color:#1D9E75;}

/* بطاقات الأقسام */
.xp-cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px;}
.xp-ccard{position:relative;display:flex;flex-direction:column;overflow:hidden;
  background:var(--xp-white);border:1px solid var(--xp-border);border-radius:var(--xp-r-card);
  padding:24px 22px 22px;
  transition:transform var(--xp-t-interact) var(--xp-ease),box-shadow var(--xp-t-interact) var(--xp-ease);}
.xp-ccard:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(33,30,31,.10);}
.xp-ccard-bar{position:absolute;inset-block-start:0;inset-inline:0;height:5px;}
.xp-ccard-top{display:flex;align-items:center;gap:13px;margin-bottom:14px;}
.xp-ccard-ic{flex:0 0 auto;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;
  font-family:var(--xp-arabic);font-size:24px;font-weight:800;line-height:1;}
.xp-ccard-top h3{margin:0;font-size:19px;font-weight:800;color:var(--xp-ink);}
.xp-ccard-role{margin:3px 0 0;font-size:13px;color:var(--xp-text-2);}
.xp-ccard-desc{margin:0 0 16px;font-size:14px;line-height:1.85;color:var(--xp-text-2);}
.xp-ccard-lines{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:11px;}
.xp-ccard-lines li{display:flex;align-items:center;gap:9px;font-size:14px;min-width:0;}
.xp-ccard-lines svg{width:17px;height:17px;flex:0 0 auto;color:var(--xp-text-2);}
.xp-ccard-lines a{color:var(--xp-ink);text-decoration:none;font-weight:700;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.xp-ccard-lines a:hover{text-decoration:underline;text-decoration-color:var(--xp-yellow);text-underline-offset:4px;}
.xp-ccard-sla span{font-size:13px;color:var(--xp-text-2);}
/* الأزرار أسفل البطاقة دائماً مهما اختلف طول الوصف - وإلا تراقصت بين البطاقات */
.xp-ccard-acts{display:flex;gap:9px;flex-wrap:wrap;margin-top:auto;}
.xp-ccard-acts .xp-btn{flex:1 1 auto;justify-content:center;gap:7px;}

/* اختيار القسم داخل النموذج */
.xp-deptpick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.xp-dept{position:relative;display:block;cursor:pointer;margin:0;}
.xp-dept input{position:absolute;opacity:0;width:0;height:0;}
.xp-dept>span{display:block;padding:13px 14px;border-radius:var(--xp-r-inner);
  background:var(--xp-offwhite);border:1.5px solid var(--xp-border);
  transition:border-color var(--xp-t-interact) var(--xp-ease),background var(--xp-t-interact) var(--xp-ease);}
.xp-dept b{display:block;font-size:14px;font-weight:800;color:var(--xp-ink);}
.xp-dept em{font-style:normal;font-size:12px;color:var(--xp-text-2);}
.xp-dept input:checked+span{border-color:var(--xp-ink);background:var(--xp-white);
  box-shadow:inset 0 0 0 1px var(--xp-ink);}
/* حلقة التركيز على الغلاف لأن المدخل نفسه مخفي - وبدونها لا يرى مستخدم
   لوحة المفاتيح أين هو */
.xp-dept input:focus-visible+span{outline:2px solid var(--xp-yellow);outline-offset:2px;}

/* بعد الإرسال */
.xp-sentbox{text-align:center;padding:14px 4px;}
.xp-sent-ic{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;
  background:var(--xp-yellow);margin-bottom:16px;}
.xp-sent-ic svg{width:30px;height:30px;}
.xp-sentbox p{color:var(--xp-text-2);line-height:1.9;margin:0 0 18px;}
.xp-refbox{display:inline-flex;align-items:center;gap:12px;padding:12px 12px 12px 18px;
  background:var(--xp-ink);border-radius:var(--xp-r-inner);margin-bottom:14px;}
.xp-refbox code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:19px;
  font-weight:700;color:var(--xp-yellow);letter-spacing:.06em;direction:ltr;}
.xp-refbox .xp-btn{border-color:rgba(251,248,241,.3);color:var(--xp-offwhite);}
.xp-refbox .xp-btn:hover{background:rgba(251,248,241,.12);}

/* الدليل التعريفي */
.xp-guidebox{text-align:center;}
/* محصورة داخل بطاقة الدليل: بلا الحصر كانت تطغى على .xp-guide-ic العامة
   فتكبر أيقونات بطاقات "كن منظّماً" وتصبح كلها صفراء. */
.xp-guidebox .xp-guide-ic{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:16px;
  background:var(--xp-yellow);margin-bottom:12px;}
.xp-guidebox .xp-guide-ic svg{width:26px;height:26px;}
.xp-guidebox h3{margin:0 0 8px;font-size:18px;font-weight:800;color:var(--xp-ink);}
.xp-guidebox p{margin:0 0 16px;font-size:14px;line-height:1.85;color:var(--xp-text-2);}
.xp-guide-meta{display:block;font-size:11.5px;font-weight:600;opacity:.65;margin-top:2px;}

.xp-contact-side{display:grid;gap:18px;align-content:start;}
.xp-side-h{margin:0 0 14px;font-size:16px;font-weight:800;color:var(--xp-ink);}
.xp-sechint{max-width:62ch;color:var(--xp-text-2);line-height:1.9;margin:10px 0 0;}

/* مصيدة العناكب: مقصوصة لا مُزاحة. الإزاحة بـleft:-9999px تمدّ المستند
   في الاتجاه المعاكس داخل صفحة عربية فيظهر شريط تمرير أفقي عرضه عشرة آلاف
   بكسل. القصّ يخفيها عن العين وقارئ الشاشة ويبقيها في DOM للآلة. */
.xp-trap{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;}

@media (max-width:900px){
  .xp-quickrow,.xp-cards3,.xp-deptpick{grid-template-columns:1fr;}
  .xp-office-hours{border:0;padding-inline-start:0;flex-basis:100%;}
}
/* قسم بمسافة علوية أصغر - يستعمله صفّ الوصول الفوري ليلتصق بترويسة الصفحة */
.xp-section-tight{padding-block-start:0;}

/* ============================================================
   صفحة من نحن
   ============================================================ */

/* شريط الأرقام الحيّة تحت ترويسة الصفحة */
.xp-abfacts{display:grid;grid-template-columns:repeat(4,auto);gap:0 34px;justify-content:start;
  margin-top:26px;padding-top:22px;border-top:1px solid var(--xp-border);}
.xp-abfacts>div{display:flex;flex-direction:column;gap:2px;}
.xp-abfacts b{font-family:var(--xp-display);font-size:30px;font-weight:800;color:var(--xp-ink);line-height:1;}
.xp-abfacts span{font-size:13px;color:var(--xp-text-2);}
.xp-abfacts-note{grid-column:1/-1;margin:14px 0 0;font-size:12.5px;color:var(--xp-text-2);}

/* المشكلة ثم الحل: صفّان يفصل بينهما سهم ملوّن */
.xp-swap{display:grid;gap:14px;margin-top:26px;}
.xp-swapitem{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;
  background:var(--xp-white);border:1px solid var(--xp-border);border-radius:var(--xp-r-card);padding:20px 22px;
  transition:border-color var(--xp-t-interact) var(--xp-ease),box-shadow var(--xp-t-interact) var(--xp-ease);}
.xp-swapitem:hover{border-color:var(--xp-ink);box-shadow:0 12px 28px rgba(33,30,31,.07);}
.xp-swapitem p{margin:7px 0 0;font-size:14.5px;line-height:1.85;}
.xp-swap-p p{color:var(--xp-text-2);}
.xp-swap-s p{color:var(--xp-ink);font-weight:700;}
.xp-swap-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;
  padding:3px 10px;border-radius:100px;background:var(--xp-offwhite);color:var(--xp-text-2);
  border:1px solid var(--xp-border);}
.xp-swap-tag.is-on{background:var(--xp-ink);color:var(--xp-yellow);border-color:var(--xp-ink);}
.xp-swap-arrow{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;}
.xp-swap-arrow svg{width:19px;height:19px;}
/* السهم يشير لجهة القراءة: في العربية يسير من اليمين لليسار */
html[dir=rtl] .xp-swap-arrow svg{transform:scaleX(-1);}

/* جمعية روّاد */
.xp-ruaad{display:grid;grid-template-columns:1.55fr .45fr;gap:0;margin-top:26px;overflow:hidden;
  background:var(--xp-white);border:1px solid var(--xp-border);border-radius:var(--xp-r-panel);}
.xp-ruaad-main{padding:34px 32px;}
.xp-ruaad-badge{display:inline-block;font-size:12px;font-weight:800;padding:6px 14px;border-radius:100px;
  background:var(--xp-yellow);color:var(--xp-ink);margin-bottom:14px;}
.xp-ruaad-main h3{margin:0 0 14px;font-size:25px;font-weight:800;color:var(--xp-ink);line-height:1.45;}
.xp-ruaad-main p{margin:0 0 14px;font-size:15px;line-height:1.95;color:var(--xp-text-2);}
.xp-ruaad-acts{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px;}
.xp-ruaad-acts .xp-btn{gap:8px;}
.xp-ruaad-dom{font-family:var(--xp-display);font-size:13px;font-weight:700;letter-spacing:.1em;
  color:var(--xp-text-2);}
.xp-ruaad-side{background:var(--xp-offwhite);border-inline-start:1px solid var(--xp-border);padding:34px 26px;}
.xp-ruaad-h{margin:0 0 16px;font-size:13px;font-weight:800;letter-spacing:.06em;color:var(--xp-text-2);}
.xp-ruaad-h2{margin:34px 0 16px;text-align:center;}
.xp-ruaad-areas{list-style:none;margin:0;padding:0;display:grid;gap:14px;}
.xp-ruaad-areas li{display:flex;align-items:center;gap:11px;font-size:14.5px;font-weight:700;color:var(--xp-ink);}
.xp-ruaad-areas i{width:11px;height:11px;border-radius:50%;flex:0 0 auto;}
.xp-ruaad-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.xp-ruaad-nums>div{text-align:center;background:var(--xp-white);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-card);padding:24px 14px;}
.xp-ruaad-nums b{display:block;font-family:var(--xp-display);font-size:32px;font-weight:800;
  color:var(--xp-ink);line-height:1;margin-bottom:7px;}
.xp-ruaad-nums span{font-size:13.5px;color:var(--xp-text-2);}

/* لوحة المدينة المنورة - نفس بنية لوحة الوعد في الرئيسية */
.xp-madinah{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:center;}
.xp-madinah p{color:var(--xp-on-dark-2);line-height:1.95;margin:0 0 12px;}

@media (max-width:900px){
  .xp-abfacts{grid-template-columns:repeat(2,1fr);gap:20px;}
  .xp-abfacts b{font-size:25px;}
  .xp-swapitem{grid-template-columns:1fr;gap:12px;}
  /* السهم ينزل عمودياً حين يصير الصفّ عموداً */
  .xp-swap-arrow{transform:rotate(90deg);}
  html[dir=rtl] .xp-swap-arrow svg{transform:none;}
  .xp-ruaad,.xp-madinah{grid-template-columns:1fr;}
  .xp-ruaad-side{border-inline-start:0;border-top:1px solid var(--xp-border);}
  .xp-ruaad-main{padding:26px 22px;}
  .xp-ruaad-main h3{font-size:21px;}
  .xp-ruaad-nums{grid-template-columns:repeat(2,1fr);}
}

/* ============================================================
   طبقة الحركة - الرئيسية.

   محكومة بقواعد الدليل نفسها: منحنى الهوية، ٦٠٠ms للدخول و٢٤٠ms للتفاعل،
   ولا شيء يتجاوز الثانية. الحلقات الدائمة (الصورة، الأثر، الشريط) بطيئة
   جداً وخافتة عمداً فلا تُحسب حركةً تسحب النظر.

   كلها خلف html.xp-anim: بلا جافاسكربت أو مع تفضيل تقليل الحركة لا يُخفى
   شيء ولا يتحرك شيء - الصفحة تُقرأ كاملة ساكنة.
   ============================================================ */

@keyframes xp-word{from{opacity:0;transform:translateY(105%) rotate(2deg);}to{opacity:1;transform:none;}}
@keyframes xp-pop{0%{transform:scale(0);}62%{transform:scale(1.28);}100%{transform:scale(1);}}
@keyframes xp-dotdraw{from{opacity:0;transform:scale(0) translateY(10px);}to{opacity:.14;transform:none;}}
@keyframes xp-drift{0%{transform:scale(1.06) translate3d(0,0,0);}50%{transform:scale(1.12) translate3d(-1.2%,-1%,0);}100%{transform:scale(1.06) translate3d(0,0,0);}}
@keyframes xp-underline{from{transform:scaleX(0);}to{transform:scaleX(1);}}
@keyframes xp-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}

/* ---------- الهيرو: دخول موقوت لا مرتبط بالتمرير ----------
   الهيرو فوق الطيّة، والمراقب يطلق عناصره كلها في اللحظة نفسها فيضيع
   التدرّج. هنا التسلسل من التحميل مباشرة. */
html.xp-anim .xp-hero [data-xp-rise]{opacity:0;translate:0 24px;}
html.xp-anim .xp-hero.xp-lit [data-xp-rise]{
  opacity:1;translate:0 0;
  transition:opacity var(--xp-t-enter) var(--xp-ease),translate var(--xp-t-enter) var(--xp-ease);
  transition-delay:calc(var(--xp-i,0) * 110ms);
}

/* كلمات العنوان تصعد من خلف قناع - التوقيع الحركي للصفحة.
   القناع على الغلاف لا على الكلمة: بلا غلاف تظهر الكلمة صاعدةً فوق ما
   تحتها بدل أن تنكشف من خلفه. */
.xp-w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.12em;margin-bottom:-.12em;}
.xp-w>i{display:inline-block;font-style:inherit;}
html.xp-anim .xp-hero.xp-lit .xp-w>i{animation:xp-word 720ms var(--xp-ease) both;animation-delay:calc(var(--xp-wi,0) * 65ms + 120ms);}

/* النقطة الصفراء: توقيع العلامة - تقفز بعد اكتمال الكلمات */
html.xp-anim .xp-hero.xp-lit .xp-hero-h1 .xp-dot{display:inline-block;
  animation:xp-pop 520ms var(--xp-ease) both;animation-delay:var(--xp-dotdelay,700ms);}

/* أثر النقاط يُرسم عند التحميل ثم يعود لطفوه المعتاد */
html.xp-anim .xp-hero-trail circle{opacity:0;}
html.xp-anim .xp-hero.xp-lit .xp-hero-trail circle{
  animation:xp-dotdraw 620ms var(--xp-ease) both, ex-trail 2.4s var(--xp-ease) 1.1s infinite;}
html.xp-anim .xp-hero.xp-lit .xp-hero-trail circle:nth-child(1){animation-delay:120ms,1.1s;}
html.xp-anim .xp-hero.xp-lit .xp-hero-trail circle:nth-child(2){animation-delay:220ms,1.25s;}
html.xp-anim .xp-hero.xp-lit .xp-hero-trail circle:nth-child(3){animation-delay:320ms,1.4s;}
html.xp-anim .xp-hero.xp-lit .xp-hero-trail circle:nth-child(4){animation-delay:420ms,1.55s;}

/* انسياب بطيء لصورة الهيرو - ٢٨ ثانية ومدىً أقل من ٦٪ فلا يُلحظ كحركة،
   يُلحظ كعمق. */
html.xp-anim .xp-hero-photo img[data-loaded="1"]{animation:xp-drift 28s ease-in-out infinite;}

/* اللمعة التي كانت تعبر لوحة البحث حُذفت بطلب المالك - كانت تصفرّ اللوحة
   وتشوّش على حقولها. اللوحة تدخل بارتفاعها وحده. */

/* ---------- الأقسام ---------- */

/* خطّ يُرسم تحت عنوان القسم الصغير حين يدخل الشاشة */
.xp-eyebrow{position:relative;display:inline-block;}
.xp-eyebrow::after{content:"";position:absolute;inset-block-end:-7px;inset-inline-start:0;
  width:100%;height:2px;background:var(--xp-yellow);border-radius:2px;
  transform:scaleX(0);transform-origin:inline-start;}
html[dir=rtl] .xp-eyebrow::after{transform-origin:right;}
html[dir=ltr] .xp-eyebrow::after{transform-origin:left;}
html.xp-anim [data-xp-rise].is-in .xp-eyebrow::after,
html.xp-anim [data-xp-rise].xp-shown .xp-eyebrow::after{
  animation:xp-underline 620ms var(--xp-ease) 180ms both;}

/* نقطة العنوان الكبير تقفز بعد استقرار العنوان */
html.xp-anim [data-xp-rise].is-in .xp-h2 .xp-dot{display:inline-block;
  animation:xp-pop 480ms var(--xp-ease) 320ms both;}

/* البطاقات: ارتفاع أوضح عند المرور مع ظلّ يتبع لا يقفز */
.xp-card,.xp-ccard,.xp-swapitem,.xp-eco,.xp-org,.xp-ev{
  transition:transform var(--xp-t-interact) var(--xp-ease),
             box-shadow var(--xp-t-interact) var(--xp-ease),
             border-color var(--xp-t-interact) var(--xp-ease);}
/* صور البطاقات تكبر داخل إطارها لا معه */
.xp-ev-media,.xp-org-media,.xp-eco-media{overflow:hidden;}
.xp-ev-media img,.xp-org-media img,.xp-eco-media img{
  transition:transform 620ms var(--xp-ease);}
.xp-ev:hover .xp-ev-media img,
.xp-org:hover .xp-org-media img,
.xp-eco:hover .xp-eco-media img{transform:scale(1.06);}

/* الأرقام تعدّ من الصفر عند وصولها - ترقيم جدولي كي لا يرتجف العرض
   مع تغيّر الأرقام أثناء العدّ. */
.xp-stat b,.xp-abfacts b,.xp-ruaad-nums b{font-variant-numeric:tabular-nums;}

/* لوحة الوعد الحبرية: توهّج أصفر خافت يزحف مرة عند دخولها */
.xp-promise{position:relative;overflow:hidden;}
.xp-promise::before{content:"";position:absolute;inset-block-start:-40%;inset-inline-end:-10%;
  width:52%;height:180%;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(255,199,44,.16),transparent 62%);
  opacity:0;transition:opacity 1.1s var(--xp-ease) 260ms;}
html.xp-anim [data-xp-rise].is-in.xp-promise::before,
html.xp-anim [data-xp-rise].xp-shown.xp-promise::before{opacity:1;}

/* بطاقة الرقم الرئيسية تطفو طفواً بطيئاً - عنصر واحد فقط في القسم */
html.xp-anim .xp-stat.is-lead{animation:xp-float 5.6s var(--xp-ease) infinite;}

/* الأثر الصفري في لوحات النداء يتبع مؤشر الفأرة قليلاً */
.xp-cta-trail{transition:transform 620ms var(--xp-ease);}
.xp-cta:hover .xp-cta-trail{transform:translateY(-6px) scale(1.04);}

/* الدليل يفرضه صراحةً: تفضيل تقليل الحركة يُسكِت كل ما سبق */
@media (prefers-reduced-motion:reduce){
  html.xp-anim .xp-hero [data-xp-rise]{opacity:1 !important;translate:0 0 !important;}
  html.xp-anim .xp-hero-trail circle{opacity:.14 !important;}
  .xp-eyebrow::after{transform:scaleX(1);}
}

/* ---------- صفحة الدعوات ---------- */
.xp-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px;}
.xp-flowstep{position:relative;background:var(--xp-white);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-card);padding:24px 20px;}
.xp-flownum{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;
  font-family:var(--xp-display);font-size:19px;font-weight:800;margin-bottom:14px;}
.xp-flowstep h3{margin:0 0 8px;font-size:17px;font-weight:800;color:var(--xp-ink);}
.xp-flowstep p{margin:0;font-size:14px;line-height:1.9;color:var(--xp-text-2);}

.xp-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px;}
.xp-twocard{position:relative;overflow:hidden;background:var(--xp-white);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-card);padding:28px 24px;}
.xp-twobar{position:absolute;inset-block-start:0;inset-inline:0;height:5px;}
.xp-twocard h3{margin:0 0 6px;font-size:21px;font-weight:800;color:var(--xp-ink);}
.xp-twofor{margin:0 0 18px;font-size:13.5px;color:var(--xp-text-2);}
.xp-twocard ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.xp-twocard li{position:relative;padding-inline-start:24px;font-size:14.5px;line-height:1.85;color:var(--xp-text-2);}
/* علامة صحّ مرسومة بالحدود لا محرفاً: المحرف يختلف رسمه بين الأنظمة */
.xp-twocard li::before{content:"";position:absolute;inset-inline-start:2px;inset-block-start:.5em;
  width:9px;height:5px;border-inline-start:2px solid var(--xp-yellow);border-block-end:2px solid var(--xp-yellow);
  transform:rotate(-45deg);}

@media (max-width:900px){
  .xp-flow{grid-template-columns:1fr 1fr;}
  .xp-two{grid-template-columns:1fr;}
}
@media (max-width:560px){ .xp-flow{grid-template-columns:1fr;} }

/* ============================================================
   برنامج النقاط والمكافآت
   ============================================================ */

.xp-ptshero{padding-block-end:74px;}
.xp-ptshero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;}
.xp-ptscopy .xp-h1{line-height:1.28;}
.xp-ptsgold{background:linear-gradient(100deg,#FFC72C,#F58220 55%,#FFC72C);
  -webkit-background-clip:text;background-clip:text;color:transparent;}
.xp-ptshero .xp-actions{margin-top:26px;}

/* ---------- البطاقة ----------
   نسبة البطاقة البنكية تقريباً، وثلاث طبقات: تدرّج لون المستوى، ولمعة
   قطرية ثابتة تعطي إحساس اللدائن، وبريق يمرّ مرة واحدة عند الدخول. */
.xp-ptscard-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;}
.xp-ptscard{position:relative;width:100%;max-width:430px;aspect-ratio:1.586;
  border-radius:22px;overflow:hidden;padding:26px 28px;color:#fff;
  display:flex;flex-direction:column;justify-content:space-between;
  background:
    radial-gradient(120% 140% at 88% -18%, color-mix(in srgb, var(--tier) 55%, transparent), transparent 62%),
    linear-gradient(148deg, #2E2A2B 0%, #211E1F 46%, #141213 100%);
  box-shadow:0 26px 60px rgba(33,30,31,.42), inset 0 1px 0 rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.10);}
/* المتصفحات بلا color-mix تُظهر التدرّج الحبري وحده - لا شيء يُكسر */
@supports not (color: color-mix(in srgb, red 50%, blue)){
  .xp-ptscard{background:linear-gradient(148deg,#2E2A2B 0%,#211E1F 46%,#141213 100%);}
  .xp-ptscard-tier{background:rgba(255,199,44,.2);border-color:rgba(255,199,44,.6);color:#FFC72C;}
}
.xp-ptscard::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.10) 0%,transparent 34%,transparent 66%,rgba(255,255,255,.06) 100%);}
.xp-ptscard-sheen{position:absolute;inset-block:0;inset-inline-start:-40%;width:36%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.20),transparent);transform:skewX(-16deg);}
html.xp-anim .xp-ptscard-sheen{animation:xp-cardsheen 1600ms var(--xp-ease) 500ms both;}
@keyframes xp-cardsheen{from{transform:translateX(-60%) skewX(-16deg);}to{transform:translateX(420%) skewX(-16deg);}}

.xp-ptscard-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:2;}
.xp-ptscard-brand{font-family:var(--xp-display);font-size:19px;font-weight:800;letter-spacing:-.02em;}
.xp-ptscard-brand i{font-style:normal;color:var(--tier);}
.xp-ptscard-tier{font-size:11px;font-weight:800;letter-spacing:.1em;padding:5px 13px;border-radius:100px;
  background:color-mix(in srgb, var(--tier) 24%, transparent);
  border:1px solid color-mix(in srgb, var(--tier) 60%, transparent);color:var(--tier);}
.xp-ptscard-chip{position:absolute;inset-block-start:31%;inset-inline-start:28px;width:44px;z-index:2;}
.xp-ptscard-chip svg{width:100%;height:auto;display:block;}
.xp-ptscard-bal{position:relative;z-index:2;margin-block-start:auto;}
.xp-ptscard-bal b{display:block;font-family:var(--xp-display);font-size:44px;font-weight:800;
  line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;
  text-shadow:0 2px 10px rgba(0,0,0,.32);}
.xp-ptscard-bal span{display:block;margin-block-start:5px;font-size:10.5px;font-weight:700;
  letter-spacing:.16em;color:rgba(255,255,255,.62);}
.xp-ptscard-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;
  position:relative;z-index:2;}
.xp-ptscard-foot em{display:block;font-style:normal;font-size:9.5px;font-weight:700;
  letter-spacing:.14em;color:rgba(255,255,255,.5);margin-block-end:3px;}
.xp-ptscard-foot b{font-size:14.5px;font-weight:700;letter-spacing:.02em;}
.xp-ptscard-since{text-align:end;flex:0 0 auto;}
.xp-ptscard-trail{position:absolute;inset-block-end:-14px;inset-inline-end:-16px;width:150px;
  opacity:.13;color:var(--tier);pointer-events:none;}
.xp-ptscard-note{margin:0;font-size:13px;color:var(--xp-on-dark-2);text-align:center;}

/* ---------- كيف تكسب ---------- */
.xp-earn{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:26px;}
.xp-earnitem{display:flex;align-items:flex-start;gap:16px;background:var(--xp-white);
  border:1px solid var(--xp-border);border-radius:var(--xp-r-card);padding:22px;
  transition:transform var(--xp-t-interact) var(--xp-ease),box-shadow var(--xp-t-interact) var(--xp-ease);}
.xp-earnitem:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(33,30,31,.09);}
.xp-earnpts{flex:0 0 auto;width:62px;height:62px;border-radius:19px;display:grid;place-items:center;}
.xp-earnpts b{font-family:var(--xp-display);font-size:20px;font-weight:800;line-height:1;}
.xp-earnitem h3{margin:0 0 6px;font-size:18px;font-weight:800;color:var(--xp-ink);}
.xp-earnitem p{margin:0;font-size:14px;line-height:1.9;color:var(--xp-text-2);}

/* ---------- الحاسبة ---------- */
.xp-ptscalc{display:grid;grid-template-columns:1.15fr .85fr;gap:0;margin-top:26px;overflow:hidden;
  background:var(--xp-white);border:1px solid var(--xp-border);border-radius:var(--xp-r-panel);}
.xp-ptscalc-in{padding:30px 28px;display:grid;gap:22px;align-content:start;}
.xp-ptscalc-in label{display:block;}
.xp-ptscalc-in label>span{display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  font-size:14.5px;font-weight:700;color:var(--xp-ink);margin-bottom:10px;}
.xp-ptscalc-in label>span b{font-family:var(--xp-display);font-size:21px;color:var(--xp-orange);}
.xp-ptscalc-in input[type=range]{width:100%;accent-color:var(--xp-ink);}
.xp-ptscalc-chk{display:flex!important;align-items:center;gap:10px;font-size:14px;cursor:pointer;}
.xp-ptscalc-chk input{width:18px;height:18px;accent-color:var(--xp-ink);flex:0 0 auto;}
.xp-ptscalc-out{background:var(--xp-ink);color:var(--xp-on-dark);padding:30px 28px;
  display:flex;flex-direction:column;justify-content:center;text-align:center;}
.xp-ptscalc-big b{display:block;font-family:var(--xp-display);font-size:52px;font-weight:800;
  line-height:1;color:var(--xp-yellow);font-variant-numeric:tabular-nums;}
.xp-ptscalc-big span{display:block;margin-top:8px;font-size:13px;color:var(--xp-on-dark-2);}
.xp-ptscalc-tier{margin:20px 0 0;font-size:14.5px;}
.xp-ptscalc-tier b{color:var(--xp-white);font-size:17px;}
.xp-ptscalc-rw{margin:12px 0 0;font-size:13px;color:var(--xp-on-dark-2);line-height:1.8;}

/* ---------- المستويات ---------- */
.xp-tierbar{background:var(--xp-white);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-card);padding:22px 24px;margin-bottom:22px;}
.xp-tierbar-top{display:flex;justify-content:space-between;font-size:13.5px;font-weight:800;
  color:var(--xp-ink);margin-bottom:10px;}
.xp-tierbar-track{height:10px;border-radius:100px;background:var(--xp-offwhite);
  border:1px solid var(--xp-border);overflow:hidden;}
.xp-tierbar-track span{display:block;height:100%;border-radius:100px;
  transition:width 900ms var(--xp-ease);}
.xp-tierbar p{margin:12px 0 0;font-size:13.5px;color:var(--xp-text-2);}

.xp-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.xp-tier{position:relative;overflow:hidden;background:var(--xp-white);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-card);padding:24px 20px;}
.xp-tier.is-cur{border-color:var(--tc);box-shadow:0 0 0 1px var(--tc);}
.xp-tier-band{position:absolute;inset-block-start:0;inset-inline:0;height:5px;background:var(--tc);}
.xp-tier h3{margin:8px 0 4px;font-size:19px;font-weight:800;color:var(--xp-ink);}
.xp-tier-min{margin:0 0 12px;font-size:12.5px;font-weight:700;color:var(--tc);}
.xp-tier-perk{margin:0;font-size:13.5px;line-height:1.85;color:var(--xp-text-2);}
.xp-tier-now{display:inline-block;margin-top:14px;font-size:11px;font-weight:800;
  padding:4px 11px;border-radius:100px;background:var(--xp-ink);color:var(--xp-yellow);}

/* ---------- المكافآت ---------- */
.xp-rwgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px;}
.xp-rw{display:flex;flex-direction:column;background:var(--xp-white);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-card);padding:22px 20px;
  transition:transform var(--xp-t-interact) var(--xp-ease),box-shadow var(--xp-t-interact) var(--xp-ease);}
.xp-rw:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(33,30,31,.09);}
.xp-rw.is-can{border-color:#1D9E75;}
.xp-rw-type{align-self:flex-start;font-size:11px;font-weight:800;padding:4px 11px;border-radius:100px;
  background:var(--xp-offwhite);border:1px solid var(--xp-border);color:var(--xp-text-2);}
.xp-rw h3{margin:12px 0 4px;font-size:17px;font-weight:800;color:var(--xp-ink);line-height:1.5;}
.xp-rw-sp{margin:0 0 10px;font-size:12.5px;color:var(--xp-text-2);}
.xp-rw-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;
  padding-top:14px;border-top:1px solid var(--xp-border);}
.xp-rw-cost{font-size:12.5px;color:var(--xp-text-2);}
.xp-rw-cost b{font-family:var(--xp-display);font-size:21px;font-weight:800;color:var(--xp-ink);}
.xp-rw-left{font-size:11px;font-weight:800;padding:3px 10px;border-radius:100px;
  background:rgba(245,130,32,.14);color:#8A4200;}
.xp-rw-gap{margin:10px 0 0;font-size:12.5px;font-weight:700;color:var(--xp-text-2);}
.xp-rw.is-can .xp-rw-gap{color:#1D9E75;}

@media (max-width:980px){
  .xp-ptshero-in{grid-template-columns:1fr;gap:34px;}
  .xp-ptscard-wrap{order:-1;}
  .xp-ptscalc{grid-template-columns:1fr;}
  .xp-tiers{grid-template-columns:repeat(2,1fr);}
  .xp-rwgrid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
  .xp-earn{grid-template-columns:1fr;}
  .xp-tiers,.xp-rwgrid{grid-template-columns:1fr;}
  .xp-ptscard{padding:20px 22px;}
  .xp-ptscard-bal b{font-size:36px;}
  .xp-ptscard-chip{inset-inline-start:22px;width:38px;}
}

/* ---------- شريط النشرة البريدية ----------
   صفٌّ واحد: عنوان وحقل وزرّ. التذييل ذيلٌ لا صفحة، وما يسبق الروابط فيه
   يجب أن يُقرأ في نظرة لا أن يملأ الشاشة. */
.xp-news{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  background:rgba(251,248,241,.045);border:1px solid var(--xp-dark-border);
  border-radius:var(--xp-r-card);padding:18px 24px;margin-bottom:40px;}
.xp-news-copy{flex:0 1 auto;}
.xp-news .xp-dot{color:var(--xp-yellow);}
.xp-news-copy h2{margin:0;font-family:var(--xp-display);font-size:21px;font-weight:800;
  color:var(--xp-white);line-height:1.35;white-space:nowrap;}

.xp-news-form{flex:1 1 340px;display:flex;align-items:center;gap:9px;max-width:520px;
  margin-inline-start:auto;}
.xp-news-field{flex:1;min-width:0;}
.xp-news-field input{width:100%;box-sizing:border-box;min-height:46px;padding:11px 16px;
  border-radius:100px;border:1px solid var(--xp-dark-border);
  background:rgba(251,248,241,.06);color:var(--xp-white);
  font-family:var(--xp-arabic);font-size:14.5px;}
.xp-news-field input::placeholder{color:var(--xp-text-2);}
.xp-news-field input:focus{outline:none;border-color:var(--xp-yellow);background:rgba(251,248,241,.10);}
.xp-news-form .xp-btn{min-height:46px;flex:0 0 auto;padding-inline:26px;}
/* تسمية الحقل مخفية بصرياً لا محذوفة: قارئ الشاشة يحتاجها، والصفّ لا يتّسع
   لسطر فوق الحقل. */
.xp-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;}

.xp-news-msg{flex-basis:100%;margin:4px 0 0;font-size:13.5px;font-weight:700;line-height:1.8;
  padding:10px 15px;border-radius:var(--xp-r-inner);border-inline-start:4px solid transparent;}
.xp-news-msg.is-ok{background:rgba(255,199,44,.14);color:var(--xp-yellow);border-inline-start-color:var(--xp-yellow);}
.xp-news-msg.is-bad{background:rgba(245,130,32,.16);color:#F9B27A;border-inline-start-color:var(--xp-orange);}

/* خمسة أعمدة روابط بدل أربعة: عمود العلامة يضيق قليلاً ليتّسع الخامس */
.xp-foot-grid{grid-template-columns:1.25fr repeat(5,1fr);gap:28px;}
@media (max-width:1180px){.xp-foot-grid{grid-template-columns:1fr repeat(3,1fr);}}
@media (max-width:900px){
  .xp-news{padding:16px 18px;gap:16px;}
  .xp-news-copy h2{font-size:19px;}
  .xp-foot-grid{grid-template-columns:1fr 1fr;gap:28px;}
}
@media (max-width:560px){
  .xp-foot-grid{grid-template-columns:1fr;}
  .xp-news-copy h2{white-space:normal;}
  .xp-news-form{margin-inline-start:0;flex-basis:100%;}
}

/* ---------- لوحة المنظّم: حالة الزائر ---------- */
.xp-guestwrap{display:grid;gap:22px;}
.xp-guestcard{text-align:center;background:var(--xp-white);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-panel);padding:44px 32px;}
.xp-guestic{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:24px;
  background:var(--xp-yellow);margin-bottom:18px;}
.xp-guestic svg{width:34px;height:34px;}
.xp-guestbadge{display:inline-block;margin:0 0 14px;font-size:12.5px;font-weight:800;
  padding:5px 15px;border-radius:100px;background:var(--xp-offwhite);
  border:1px solid var(--xp-border);color:var(--xp-text-2);}
.xp-guestcard h2{margin:0 0 12px;font-family:var(--xp-display);font-size:29px;font-weight:800;
  color:var(--xp-ink);line-height:1.35;}
/* النصّ يتوسّط تحت العنوان لا يمتدّ لعرض القسم: سطرٌ طويل بمحاذاة مخالفة
   لِما فوقه هو ما جعل الصفحة تبدو منفلتة. */
.xp-guestsub{max-width:52ch;margin:0 auto;font-size:15.5px;line-height:1.95;color:var(--xp-text-2);}
.xp-guestacts{justify-content:center;margin-top:26px;}

.xp-guestperks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.xp-guestperks article{background:var(--xp-white);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-card);padding:24px 22px;}
.xp-guestperk-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:var(--xp-r-tile);
  margin-bottom:14px;}
.xp-guestperk-ic svg{width:22px;height:22px;}
.xp-guestperks h3{margin:0 0 6px;font-size:17px;font-weight:800;color:var(--xp-ink);}
.xp-guestperks p{margin:0;font-size:14px;line-height:1.9;color:var(--xp-text-2);}

@media (max-width:860px){
  .xp-guestperks{grid-template-columns:1fr;}
  .xp-guestcard{padding:32px 22px;}
  .xp-guestcard h2{font-size:24px;}
}

/* ---------- شرائح الهيرو ----------
   كل الصور فوق بعضها، والظاهرة وحدها is-on. الانتقال على opacity وحدها:
   أرخص ما يحرّكه المتصفح، ولا يعيد حساب التخطيط. */
.xp-hero-photo.is-slideshow > img,
.xp-hero-photo.is-slideshow > picture{
  position:absolute;inset:0;opacity:0;
  transition:opacity 1400ms var(--xp-ease);}
.xp-hero-photo.is-slideshow > img.is-on,
.xp-hero-photo.is-slideshow > picture.is-on{opacity:1;}
/* الشفافية النهائية للصورة تبقى كما هي: is-on تعني "دورها" لا "كامل الوضوح" */
.xp-hero-photo.is-slideshow > img.is-on{opacity:.42;}
.xp-hero-photo.is-slideshow > picture.is-on img{opacity:1;}
.xp-hero-photo.is-slideshow > picture.is-on{opacity:.42;}
.xp-hero-slide{width:100%;height:100%;object-fit:cover;object-position:center;}

/* ---------- الكلمة المضيئة ----------
   بلا هالة خاصة بها: الهالة واحدة في الموقع، تبدأ فوق هذه الكلمة ثم تتبع
   المؤشّر (انظر .xp-hero.has-spot أدناه). الكلمة تكتسب دفء الضوء فقط. */
.xp-hero-h1 .xp-w.xp-glow{position:relative;overflow:visible;}
.xp-hero-h1 .xp-w.xp-glow > i{color:#FFF6DE;}

@media (prefers-reduced-motion:reduce){
  .xp-hero-photo.is-slideshow > img,
  .xp-hero-photo.is-slideshow > picture{transition:none;}
  .xp-hero.has-spot::before{animation:none;}
}

/* ---------- ضوء الهيرو المتتبّع للمؤشّر ----------
   طبقة فوق الصورة ودون النصّ. الموضع من متغيّرين يكتبهما جافاسكربت، والانتقال
   على المتغيّرين نفسيهما فيلحق الضوء بالمؤشّر بتأخّر لطيف لا بقفزة. */
.xp-hero.has-spot::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(circle 300px at var(--spot-x,50%) var(--spot-y,50%),
    rgba(255,199,44,.34) 0%,
    rgba(255,199,44,.16) 32%,
    rgba(245,130,32,.06) 55%,
    transparent 72%);
  mix-blend-mode:screen;
  /* نبضة هادئة تُبقيها ضوءاً حين يسكن المؤشّر، لا بقعة ميّتة */
  animation:xp-spotbreath 4.2s ease-in-out infinite;}
@keyframes xp-spotbreath{0%,100%{opacity:.88;}50%{opacity:1;}}
/* المحتوى فوق الضوء دائماً */
.xp-hero.has-spot > .xp-wrap,
.xp-hero.has-spot > .xp-hero-trail{position:relative;z-index:2;}
@media (prefers-reduced-motion:reduce){ .xp-hero.has-spot::before{display:none;} }

/* ============================================================
   مختبر الأفكار
   ============================================================ */

.xp-labstats{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:24px;
  padding-top:20px;border-top:1px solid var(--xp-dark-border);}
.xp-labstats>div{display:flex;flex-direction:column;gap:2px;}
.xp-labstats b{font-family:var(--xp-display);font-size:26px;font-weight:800;color:var(--xp-yellow);line-height:1;}
.xp-labstats span{font-size:12.5px;color:var(--xp-on-dark-2);}
.xp-labstats .xp-btn{margin-inline-start:auto;}

/* ---------- مولّد الأفكار ---------- */
.xp-gen{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:26px;overflow:hidden;
  background:var(--xp-white);border:1px solid var(--xp-border);border-radius:var(--xp-r-panel);}
.xp-gen-in{padding:28px;display:grid;gap:16px;align-content:start;}
.xp-gen-in label{display:block;}
.xp-gen-in label>span{display:block;font-size:13px;font-weight:700;color:var(--xp-text-2);margin-bottom:7px;}
.xp-gen-in select{width:100%;box-sizing:border-box;min-height:48px;padding:12px 14px;
  background:var(--xp-offwhite);border:1px solid var(--xp-border);border-radius:var(--xp-r-inner);
  font-family:var(--xp-arabic);font-size:14.5px;color:var(--xp-ink);}
.xp-gen-in .xp-btn{margin-top:4px;justify-content:center;}
.xp-gen-out{background:var(--xp-ink);color:var(--xp-on-dark);padding:28px;
  display:flex;flex-direction:column;justify-content:center;}
.xp-gen-lbl{margin:0 0 12px;font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--xp-yellow);}
.xp-gen-txt{margin:0 0 18px;font-family:var(--xp-display);font-size:24px;font-weight:700;
  line-height:1.6;color:var(--xp-white);}
.xp-gen-out .xp-btn{align-self:flex-start;}

/* ---------- شريط الفرز ---------- */
.xp-labbar{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:22px 0 20px;}
.xp-labsort,.xp-labtopics{display:flex;gap:7px;flex-wrap:wrap;}
.xp-labchip{display:inline-block;padding:7px 15px;border-radius:100px;font-size:13px;font-weight:700;
  background:var(--xp-white);border:1px solid var(--xp-border);color:var(--xp-text-2);text-decoration:none;
  transition:background var(--xp-t-interact) var(--xp-ease),color var(--xp-t-interact) var(--xp-ease),
             border-color var(--xp-t-interact) var(--xp-ease);}
.xp-labchip:hover{border-color:var(--xp-ink);color:var(--xp-ink);}
.xp-labchip.is-on{background:var(--xp-ink);color:var(--xp-yellow);border-color:var(--xp-ink);}
.xp-labempty{text-align:center;color:var(--xp-text-2);padding:40px 0;}

/* ---------- بطاقات الأفكار ---------- */
.xp-ideas{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.xp-idea{background:var(--xp-white);border:1px solid var(--xp-border);border-radius:var(--xp-r-card);
  padding:24px 22px;display:flex;flex-direction:column;}
.xp-idea:target{border-color:var(--xp-yellow);box-shadow:0 0 0 2px rgba(255,199,44,.35);}
.xp-idea-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.xp-idea-topic{font-size:11.5px;font-weight:800;padding:4px 12px;border-radius:100px;}
.xp-idea-top time{font-size:12px;color:var(--xp-text-2);}
.xp-idea h3{margin:0 0 10px;font-size:19px;font-weight:800;color:var(--xp-ink);line-height:1.5;}
.xp-idea-body{margin:0 0 16px;font-size:14.5px;line-height:1.95;color:var(--xp-text-2);white-space:pre-wrap;}
.xp-idea-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:auto;
  padding-top:14px;border-top:1px solid var(--xp-border);}
.xp-idea-by{flex:1;min-width:100px;font-size:13px;font-weight:700;color:var(--xp-ink);}
.xp-idea-vote{margin:0;}
.xp-votebtn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:100px;
  border:1px solid var(--xp-border);background:var(--xp-offwhite);color:var(--xp-text-2);
  font-family:var(--xp-arabic);font-size:13px;cursor:pointer;
  transition:background var(--xp-t-interact) var(--xp-ease),color var(--xp-t-interact) var(--xp-ease),
             border-color var(--xp-t-interact) var(--xp-ease);}
.xp-votebtn svg{width:16px;height:16px;}
.xp-votebtn b{font-weight:800;}
.xp-votebtn:hover:not(:disabled){background:var(--xp-ink);color:var(--xp-yellow);border-color:var(--xp-ink);}
.xp-votebtn.is-on{background:var(--xp-yellow);color:var(--xp-ink);border-color:var(--xp-yellow);cursor:default;}
.xp-replytoggle{padding:7px 14px;border-radius:100px;border:1px solid var(--xp-border);
  background:transparent;color:var(--xp-text-2);font-family:var(--xp-arabic);font-size:13px;
  font-weight:700;cursor:pointer;}
.xp-replytoggle:hover,.xp-replytoggle.is-on{background:var(--xp-offwhite);color:var(--xp-ink);border-color:var(--xp-ink);}

.xp-idea-thread{margin-top:16px;padding-top:16px;border-top:1px dashed var(--xp-border);}
.xp-idea-thread[hidden]{display:none;}
.xp-reply{background:var(--xp-offwhite);border-radius:var(--xp-r-inner);padding:13px 15px;margin-bottom:9px;}
.xp-reply b{display:block;font-size:13px;color:var(--xp-ink);margin-bottom:5px;}
.xp-reply p{margin:0;font-size:14px;line-height:1.85;color:var(--xp-text-2);white-space:pre-wrap;}
.xp-replyform{display:grid;gap:8px;margin-top:12px;}
.xp-replyform input[type=text],.xp-replyform textarea{width:100%;box-sizing:border-box;
  padding:11px 14px;border:1px solid var(--xp-border);border-radius:var(--xp-r-inner);
  background:var(--xp-white);font-family:var(--xp-arabic);font-size:14px;color:var(--xp-ink);}
.xp-replyform textarea{min-height:64px;line-height:1.8;resize:vertical;}
.xp-replyform input:focus,.xp-replyform textarea:focus{outline:none;border-color:var(--xp-yellow);}
.xp-replyform .xp-btn{justify-self:start;}

.xp-sharebox{max-width:820px;margin:0 auto;}

@media (max-width:900px){
  .xp-gen{grid-template-columns:1fr;}
  .xp-ideas{grid-template-columns:1fr;}
  .xp-labstats .xp-btn{margin-inline-start:0;flex-basis:100%;justify-content:center;}
  .xp-gen-txt{font-size:20px;}
}

/* ============================================================
   الأسئلة الشائعة
   ============================================================ */

.xp-faqsearch{display:flex;align-items:center;gap:11px;margin-top:24px;max-width:520px;
  background:rgba(251,248,241,.07);border:1px solid var(--xp-dark-border);
  border-radius:100px;padding:0 20px;
  transition:border-color var(--xp-t-interact) var(--xp-ease),background var(--xp-t-interact) var(--xp-ease);}
.xp-faqsearch:focus-within{border-color:var(--xp-yellow);background:rgba(251,248,241,.11);}
.xp-faqsearch svg{width:19px;height:19px;color:var(--xp-text-2);flex:0 0 auto;}
.xp-faqsearch input{flex:1;min-width:0;border:0;background:none;outline:none;
  padding:15px 0;font-family:var(--xp-arabic);font-size:15px;color:var(--xp-white);}
.xp-faqsearch input::placeholder{color:var(--xp-text-2);}
/* زرّ المسح الأصلي في حقل البحث يخرج أسود على خلفية داكنة */
.xp-faqsearch input::-webkit-search-cancel-button{filter:invert(1);opacity:.5;cursor:pointer;}

/* بطاقات الفئات.
   مسافة أقلّ من القسم المعتاد لأنها امتداد للترويسة لا قسمٌ مستقل، وأكبر
   من صفر لأن الالتصاق بالهيرو يجعلها تبدو جزءاً منه لا اختياراً. */
.xp-faqnavwrap{padding-block-start:48px;}
.xp-faqnav{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.xp-faqnav[hidden]{display:none;}
.xp-faqcard{display:flex;flex-direction:column;align-items:flex-start;gap:4px;
  background:var(--xp-white);border:1px solid var(--xp-border);border-radius:var(--xp-r-card);
  padding:24px 22px;text-decoration:none;
  transition:transform var(--xp-t-interact) var(--xp-ease),box-shadow var(--xp-t-interact) var(--xp-ease),
             border-color var(--xp-t-interact) var(--xp-ease);}
.xp-faqcard:hover{transform:translateY(-4px);border-color:var(--xp-ink);
  box-shadow:0 14px 32px rgba(33,30,31,.10);}
.xp-faqcard-ic{width:48px;height:48px;border-radius:var(--xp-r-tile);display:grid;place-items:center;
  margin-bottom:12px;}
.xp-faqcard-ic svg{width:23px;height:23px;}
.xp-faqcard b{font-size:17px;font-weight:800;color:var(--xp-ink);}
.xp-faqcard em{font-style:normal;font-size:13px;line-height:1.8;color:var(--xp-text-2);}
.xp-faqcard-n{margin-top:10px;font-size:12px;font-weight:800;padding:4px 12px;border-radius:100px;
  background:var(--xp-offwhite);border:1px solid var(--xp-border);color:var(--xp-text-2);}

/* ترويسة المجموعة */
.xp-faqgroup[hidden]{display:none;}
.xp-faqhead{display:flex;align-items:center;gap:16px;margin-bottom:22px;}
.xp-faqhead-ic{flex:0 0 auto;width:54px;height:54px;border-radius:var(--xp-r-tile);
  display:grid;place-items:center;}
.xp-faqhead-ic svg{width:26px;height:26px;}
.xp-faqhead .xp-h2{margin:0;}
.xp-faqhead p{margin:5px 0 0;font-size:14px;color:var(--xp-text-2);}

/* السؤال */
.xp-faqlist{display:grid;gap:10px;}
.xp-faqitem{background:var(--xp-white);border:1px solid var(--xp-border);
  border-radius:var(--xp-r-card);overflow:hidden;
  transition:border-color var(--xp-t-interact) var(--xp-ease),box-shadow var(--xp-t-interact) var(--xp-ease);}
.xp-faqitem[hidden]{display:none;}
.xp-faqitem:hover{border-color:var(--xp-ink);}
.xp-faqitem[open]{border-color:var(--xp-ink);box-shadow:0 10px 26px rgba(33,30,31,.07);}
.xp-faqitem summary{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:20px 24px;cursor:pointer;list-style:none;
  font-size:16.5px;font-weight:800;color:var(--xp-ink);line-height:1.6;}
/* السهم الأصلي يُخفى في المتصفحات الثلاثة بطرق مختلفة */
.xp-faqitem summary::-webkit-details-marker{display:none;}
.xp-faqitem summary::marker{content:"";}
.xp-faqitem summary:focus-visible{outline:2px solid var(--xp-yellow);outline-offset:-3px;}
/* علامة زائد تصير ناقصاً عند الفتح - أوضح من سهم يدور */
.xp-faqitem summary i{position:relative;flex:0 0 auto;width:22px;height:22px;}
.xp-faqitem summary i::before,
.xp-faqitem summary i::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;
  background:var(--xp-ink);border-radius:2px;
  transition:transform var(--xp-t-interact) var(--xp-ease),opacity var(--xp-t-interact) var(--xp-ease);}
.xp-faqitem summary i::before{width:16px;height:2px;transform:translate(-50%,-50%);}
.xp-faqitem summary i::after{width:2px;height:16px;transform:translate(-50%,-50%);}
.xp-faqitem[open] summary i::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0;}
.xp-faqans{padding:0 24px 22px;font-size:15px;line-height:2;color:var(--xp-text-2);
  border-top:1px solid var(--xp-border);margin-top:-1px;padding-top:18px;}

.xp-faqnone{text-align:center;color:var(--xp-text-2);padding:50px 20px;font-size:15px;}
.xp-faqnone[hidden]{display:none;}

@media (max-width:1000px){ .xp-faqnav{grid-template-columns:repeat(2,1fr);} }
@media (max-width:600px){
  .xp-faqnav{grid-template-columns:1fr;}
  .xp-faqhead{gap:12px;}
  .xp-faqhead-ic{width:44px;height:44px;}
  .xp-faqitem summary{padding:17px 18px;font-size:15.5px;}
  .xp-faqans{padding:16px 18px 20px;}
}

/* ============================================================
   مطابقة صنّاع المحتوى - تمثيل حيّ للترشيح

   دورة واحدة مدّتها عشر ثوانٍ: الشبكة تتنفّس، شعاع يمسحها، خمسة يُنتقون
   فيرتفعون ويضيئون، ثم يستقرّ المشهد قبل أن يعيد. البطء مقصود - العنصر
   زخرفة بجانب نصّ يُقرأ، وما يتحرك بسرعة بجانب فقرة يسحب العين عنها.
   ============================================================ */

.xp-ccmatch{position:relative;width:100%;aspect-ratio:1.45;border-radius:var(--xp-r-panel);
  overflow:hidden;background:
    radial-gradient(120% 100% at 20% 0%, rgba(255,199,44,.08), transparent 60%),
    linear-gradient(155deg,#25211F,#1A1716 60%,#131110);
  border:1px solid rgba(255,255,255,.07);
  display:grid;place-items:center;padding:26px;}

/* شبكة خافتة تحت البلاطات تعطي إحساس "الدليل الكامل" الذي يُمسح */
.xp-ccmatch::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:34px 34px;}

.xp-ccgrid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);
  gap:12px;width:100%;max-width:340px;}

.xp-cctile{aspect-ratio:1;border-radius:16px;display:grid;place-items:center;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);
  color:rgba(251,248,241,.42);}
.xp-cctile svg{width:44%;height:44%;}

/* شعاع المسح: قطري يعبر اللوحة مرة كل دورة */
.xp-ccbeam{position:absolute;inset-block:-30%;inset-inline-start:-40%;width:34%;z-index:3;
  pointer-events:none;transform:skewX(-14deg);
  background:linear-gradient(90deg,transparent,rgba(255,199,44,.16),rgba(255,199,44,.30),rgba(255,199,44,.16),transparent);}

/* شارة العدد - تظهر بعد اكتمال الانتقاء */
.xp-ccbadge{position:absolute;z-index:4;inset-block-end:20px;inset-inline-end:20px;
  display:flex;align-items:baseline;gap:7px;padding:9px 16px;border-radius:100px;
  background:var(--xp-yellow);color:var(--xp-ink);opacity:0;}
.xp-ccbadge b{font-family:var(--xp-display);font-size:19px;font-weight:800;line-height:1;}
.xp-ccbadge em{font-style:normal;font-size:12px;font-weight:700;}

/* ---------- الحركة ---------- */
html.xp-anim .xp-cctile{animation:cc-breathe 10s var(--xp-ease) infinite;animation-delay:var(--d,0ms);}
html.xp-anim .xp-cctile.is-pick{animation:cc-pick 10s var(--xp-ease) infinite;
  animation-delay:calc(1400ms + var(--p,0ms));}
html.xp-anim .xp-ccbeam{animation:cc-beam 10s var(--xp-ease) infinite;}
html.xp-anim .xp-ccbadge{animation:cc-badge 10s var(--xp-ease) infinite;}

/* غير المنتقى: تنفّس خفيف ثم خفوت حين يُنتقى غيره - الانتقاء يُرى بالفرق
   لا بالإضاءة وحدها. */
@keyframes cc-breathe{
  0%,12%   {opacity:.9;}
  26%,72%  {opacity:.42;}
  86%,100% {opacity:.9;}}

@keyframes cc-pick{
  0%      {transform:none;                 border-color:rgba(255,255,255,.09);
           background:rgba(255,255,255,.045); color:rgba(251,248,241,.42);
           box-shadow:none;}
  6%      {transform:translateY(-6px) scale(1.06); border-color:var(--xp-yellow);
           background:rgba(255,199,44,.16);  color:#FFE9A8;
           box-shadow:0 10px 26px rgba(255,199,44,.22);}
  50%     {transform:translateY(-4px) scale(1.04); border-color:var(--xp-yellow);
           background:rgba(255,199,44,.14);  color:#FFE9A8;
           box-shadow:0 8px 22px rgba(255,199,44,.18);}
  66%     {transform:none;                 border-color:rgba(255,255,255,.09);
           background:rgba(255,255,255,.045); color:rgba(251,248,241,.42);
           box-shadow:none;}
  100%    {transform:none;                 border-color:rgba(255,255,255,.09);
           background:rgba(255,255,255,.045); color:rgba(251,248,241,.42);
           box-shadow:none;}}

@keyframes cc-beam{
  0%      {transform:translateX(-60%) skewX(-14deg);opacity:0;}
  4%      {opacity:1;}
  14%     {transform:translateX(340%) skewX(-14deg);opacity:1;}
  16%,100%{transform:translateX(340%) skewX(-14deg);opacity:0;}}
/* في المستند العربي يمسح الشعاع من اليمين لليسار */
html[dir=rtl] .xp-ccbeam{inset-inline-start:auto;inset-inline-end:-40%;}
html[dir=rtl] .xp-ccbeam{animation-name:cc-beam-rtl;}
@keyframes cc-beam-rtl{
  0%      {transform:translateX(60%) skewX(14deg);opacity:0;}
  4%      {opacity:1;}
  14%     {transform:translateX(-340%) skewX(14deg);opacity:1;}
  16%,100%{transform:translateX(-340%) skewX(14deg);opacity:0;}}

@keyframes cc-badge{
  0%,20%  {opacity:0;transform:translateY(8px) scale(.9);}
  26%     {opacity:1;transform:translateY(0) scale(1);}
  64%     {opacity:1;transform:translateY(0) scale(1);}
  72%,100%{opacity:0;transform:translateY(8px) scale(.9);}}

/* الدليل يفرضه: بلا حركة يبقى المشهد على حاله النهائي - الخمسة مضيئون
   والشارة ظاهرة، فتصل الفكرة ساكنة. */
@media (prefers-reduced-motion:reduce){
  html.xp-anim .xp-cctile,
  html.xp-anim .xp-cctile.is-pick,
  html.xp-anim .xp-ccbeam,
  html.xp-anim .xp-ccbadge{animation:none;}
  .xp-ccbeam{opacity:0;}
  .xp-ccbadge{opacity:1;}
  .xp-cctile{opacity:.42;}
  .xp-cctile.is-pick{opacity:1;border-color:var(--xp-yellow);
    background:rgba(255,199,44,.14);color:#FFE9A8;transform:translateY(-4px);}
}

@media (max-width:900px){
  .xp-ccmatch{aspect-ratio:1.2;padding:20px;}
  .xp-ccgrid{gap:10px;max-width:300px;}
  .xp-ccbadge{inset-block-end:14px;inset-inline-end:14px;padding:7px 13px;}
}

/* ---------- لوحة البحث على الجوال ----------
   اللوحة مبنيّة لعرض سطح المكتب: ثلاثة حقول متجاورة بحشو مريح. حين تنقلب
   عموداً على الجوال يصير كل حقل بارتفاع سطح المكتب فتطول اللوحة حتى تدفع
   بقية الصفحة تحت الطيّة. التصغير هنا في الحشو والخطّ لا في هدف اللمس -
   الحقول تبقى فوق أربعة وأربعين بكسلاً. */
@media (max-width:640px){
  .xp-search{padding:8px;border-radius:22px;margin-top:38px;}

  .xp-scopes{gap:2px;padding:2px 4px 8px;}
  .xp-scope{font-size:13px;padding-inline:14px;min-height:40px;}

  .xp-fields{padding:6px;gap:2px;border-radius:17px;}
  .xp-field{padding:6px 12px;gap:9px;min-height:46px;}
  .xp-field > svg{width:17px;height:17px;}
  /* ارتفاع الحقل يأتي من سطريه لا من حشوه: تقليل الحشو وحده لا يصغّره.
     ضبط ارتفاع السطر هو ما ينزل به فعلاً. */
  .xp-field-l{font-size:10.5px;line-height:1.25;}
  .xp-field input,.xp-field select,.xp-field .xp-sel-btn{font-size:15px;line-height:1.4;}
  .xp-field .xp-sel-btn{padding-block:0;min-height:0;}

  .xp-submit{height:48px;font-size:14.5px;margin-top:4px;}
  .xp-submit svg{width:17px;height:17px;}

  /* "شائع" وشرائحه تُخفى: أربع شرائح تلتفّ سطرين وتزيد اللوحة طولاً بلا أن
     يضغطها أحد على الجوال. مؤشّر "مباشرة الآن" يبقى - هو خبرٌ لا اقتراح. */
  .xp-search-foot{padding:0;gap:0;}
  .xp-pop,.xp-sug{display:none;}
  .xp-livewrap{margin-top:10px;padding-inline:4px;}
}