/* ==========================================================================
   عمق السعودية — طبقة التحسينات (enhance)
   تُحمَّل أخيراً وتتجاوز الطبقات السابقة:
   منع الإسكرول الأفقي · هيدر + توجّل موبايل · سوشيال ملوّن · صفحة البحث ·
   هيرو «من نحن» · تلميع الكروت/البريدكرامب.
   ========================================================================== */

/* ===== 1) منع الإسكرول الأفقي العام ===== */
html, body { max-width: 100%; overflow-x: hidden; }
img, svg, video, iframe, table { max-width: 100%; }
.gs-container { max-width: min(var(--gs-maxw), 100%); }
/* احتواء الزخارف المتوهّجة داخل حدود أقسامها */
.gs-site-footer, .gs-home-slider, .gs-nhero, .gs-hero, .gs-add-hero, .gs-breadcrumbs,
.gs-cta-band, .gs-stats--band, .gs-mapx, .gs-reviews, .gs-home-stats,
.gs-search-hero, .gs-about-hero { position: relative; overflow-x: clip; }

/* ==========================================================================
   2) الهيدر — تلميع + زر توجّل + درج جانبي للموبايل
   ========================================================================== */
.gs-nav-toggle { display: none; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 13px; background: var(--gs-surface); border: 1px solid var(--gs-border); color: var(--gs-green-dark); cursor: pointer; flex-shrink: 0; transition: background .2s var(--gs-ease), transform .15s ease, box-shadow .2s ease; }
.gs-nav-toggle:hover { background: var(--gs-green-soft); box-shadow: 0 4px 12px rgba(18,60,43,.12); }
.gs-nav-toggle:active { transform: scale(.94); }
.gs-nav-drawer-head { display: none; }
/* الخلفية المعتمة أسفل مستوى الهيدر (z<50) حتى لا تغطّي الدرجَ الموجود داخل الهيدر */
.gs-nav-backdrop { position: fixed; inset: 0; z-index: 40; background: rgba(9, 30, 22, .55); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); animation: gs-fade-in .25s ease; }

/* ===== تلميع الهيدر ===== */
.gs-site-header { box-shadow: 0 2px 16px rgba(18,60,43,.06); }
.gs-site-header::before { content: ""; display: block; height: 3px; background: linear-gradient(90deg, var(--gs-green), var(--gs-gold) 50%, var(--gs-green)); background-size: 200% 100%; animation: gs-gradient 12s ease infinite; }
.gs-brand__name { letter-spacing: -.2px; }
.gs-search:focus-within { box-shadow: 0 6px 18px rgba(36,96,63,.14); }
.gs-region-picker { position: relative; transition: border-color .2s ease, box-shadow .2s ease; }
.gs-region-picker:hover, .gs-region-picker:focus-within { border-color: var(--gs-green); box-shadow: 0 4px 12px rgba(18,60,43,.08); }
/* نصّ ظاهر دائماً + سهم، والـ<select> شفّاف فوق الكل كهدف نقر موثوق على كل الأجهزة (يتجنّب مشكلة عدم ظهور نص الـselect على الموبايل) */
.gs-region-picker__label { font-size: 14px; font-weight: 700; color: var(--gs-text); white-space: nowrap; }
.gs-region-picker__chev { display: inline-flex; align-items: center; color: var(--gs-muted); margin-inline-start: auto; flex-shrink: 0; }
.gs-region-picker .gs-region-jump { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; background: transparent; opacity: 0; cursor: pointer; -webkit-appearance: none; appearance: none; font-size: 16px; }

@media (max-width: 900px) {
  .gs-nav-toggle { display: inline-flex; }
  /* الشريط العلوي: الشعار يمين + الأدوات يسار */
  .gs-header-bar { gap: 10px; }
  .gs-header-actions { gap: 8px; }
  .gs-header-add span, .gs-header-user__name { display: none; }
  .gs-header-add { padding: 9px 12px; }

  /* بحث ومحدّد المنطقة: كلٌّ في صفٍّ كامل، والمحدّد قابل للنقر بعرض كامل */
  .gs-header-mid { order: 3; width: 100%; flex: 1 1 100%; flex-wrap: wrap; gap: 10px; }
  .gs-search { max-width: none; width: 100%; flex: 1 1 100%; }
  .gs-region-picker { width: 100%; justify-content: flex-start; gap: 10px; padding: 13px 15px; }
  .gs-region-picker__pin { color: var(--gs-green); flex-shrink: 0; }
  .gs-region-picker__label { font-size: 15px; }

  /* التنقّل يتحوّل إلى درج جانبي منزلق من اليمين */
  .gs-primary-nav { position: fixed; top: 0; right: 0; height: 100dvh; width: min(330px, 86vw); z-index: 70; background: #fff; border-top: 0; border-inline-start: 1px solid var(--gs-border); box-shadow: -18px 0 48px rgba(9,30,22,.20); transform: translateX(100%); transition: transform .34s var(--gs-ease); overflow-y: auto; display: block; padding: 0 10px 26px; }
  .gs-primary-nav.is-open { transform: translateX(0); }
  .gs-primary-nav .gs-container { display: block; max-width: 100%; padding: 0; }
  .gs-nav-drawer-head { display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; background: #fff; padding: 16px 8px 12px; margin-bottom: 6px; border-bottom: 1px solid var(--gs-border); z-index: 1; }
  .gs-nav-drawer-title { font-weight: 800; font-size: 16px; color: var(--gs-green-dark); }
  .gs-nav-close { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 10px; background: var(--gs-surface); border: 1px solid var(--gs-border); color: var(--gs-text); cursor: pointer; }
  .gs-nav-close:hover { background: var(--gs-green-soft); color: var(--gs-green-dark); }
  .gs-nav__list { flex-direction: column; gap: 2px; flex-wrap: nowrap; }
  .gs-nav__list li { width: 100%; }
  .gs-nav__list a { display: block; width: 100%; padding: 14px 16px; border-radius: 12px; border-bottom: 0; font-size: 16px; }
  .gs-nav__list a::after { display: none; }
  .gs-nav__list a:hover, .gs-nav__list .current-menu-item > a, .gs-nav__list .current_page_item > a, .gs-nav__list .current-menu-parent > a { background: var(--gs-green-soft); color: var(--gs-green-dark); }
  .gs-nav__list .sub-menu { position: static; display: block; box-shadow: none; border: 0; padding-inline-start: 12px; background: transparent; }
  body.gs-nav-open { overflow: hidden; }
}

/* ==========================================================================
   3) رقائق التواصل الاجتماعي الملوّنة (brand icons) — في كل مكان
   ========================================================================== */
.gs-social-chip,
.gs-footer-social li a,
.gs-social-list li a { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 13px; background: var(--brand, var(--gs-green)); color: #fff; border: 0; box-shadow: 0 4px 12px rgba(18,60,43,.16); transition: transform .2s var(--gs-ease), box-shadow .2s ease, filter .2s ease; cursor: pointer; }
.gs-social-chip:hover,
.gs-footer-social li a:hover,
.gs-social-list li a:hover { color: #fff; transform: translateY(-4px); filter: brightness(1.08) saturate(1.04); box-shadow: 0 12px 24px rgba(9,30,22,.28); }
.gs-social-chip .gs-social-ico, .gs-social-chip .gs-ico { color: #fff; fill: currentColor; display: block; }
.gs-social-ico { fill: currentColor; }
/* استثناءات لألوان فاتحة (تباين) */
.gs-social-chip--snapchat { color: #1a1a1a; }
.gs-social-chip--snapchat .gs-social-ico { color: #1a1a1a; }
/* قوائم السوشيال: صف مرن */
.gs-footer-social, .gs-social-list { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; margin: 6px 0 0; padding: 0; }

/* أزرار المشاركة كرقائق ملوّنة */
.gs-share { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.gs-share__label { color: var(--gs-muted); font-weight: 700; font-size: 14px; display: inline-flex; align-items: center; }
.gs-share__btn.gs-social-chip { width: 40px; height: 40px; border-radius: 12px; }

/* ==========================================================================
   4) صفحة نتائج البحث
   ========================================================================== */
.gs-search-hero { background: radial-gradient(120% 140% at 85% 0%, #1c5b3d 0%, #123c2b 55%, #0c3324 100%); color: #eaf3ee; padding: 46px 0 40px; }
.gs-search-hero__glow { position: absolute; width: 360px; height: 360px; top: -140px; inset-inline-start: -80px; border-radius: 50%; filter: blur(70px); background: radial-gradient(circle, rgba(200,162,75,.30), transparent 70%); pointer-events: none; }
.gs-search-hero__inner { position: relative; z-index: 1; }
.gs-search-hero__kicker { display: inline-flex; align-items: center; gap: 7px; background: rgba(200,162,75,.16); color: var(--gs-gold); border: 1px solid rgba(200,162,75,.4); font-weight: 700; font-size: 13px; padding: 6px 14px; border-radius: 999px; margin-bottom: 14px; }
.gs-search-hero__title { color: #fff; font-size: clamp(24px, 3.4vw, 36px); margin: 0 0 8px; line-height: 1.25; }
.gs-search-hero__title span { color: var(--gs-gold); }
.gs-search-hero__count { color: #bcd6c8; font-size: 16px; margin: 0 0 20px; }
.gs-search-hero__count strong { color: #fff; }
.gs-search.gs-search--hero { max-width: 620px; background: rgba(255,255,255,.96); border-color: transparent; padding: 5px 6px 5px 18px; }
.gs-search--hero input { font-size: 15px; }

.gs-search-results { margin-top: 4px; }
/* حالة لا نتائج */
.gs-search-empty { text-align: center; max-width: 520px; margin: 20px auto; padding: 40px 24px; background: var(--gs-cream-2); border: 1px solid var(--gs-border); border-radius: var(--gs-radius-lg); }
.gs-search-empty__ico { display: inline-flex; align-items: center; justify-content: center; width: 84px; height: 84px; border-radius: 50%; background: var(--gs-green-soft); color: var(--gs-green); margin-bottom: 14px; }
.gs-search-empty h2 { margin: 0 0 8px; font-size: 22px; }
.gs-search-empty__links { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 18px; }

/* ترقيم الصفحات (بحث/أرشيف) */
.gs-pagination { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; margin-top: 34px; }
.gs-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 12px; border-radius: 12px; border: 1px solid var(--gs-border); background: #fff; color: var(--gs-text); font-weight: 700; transition: all .18s var(--gs-ease); }
.gs-pagination .page-numbers:hover { border-color: var(--gs-green); color: var(--gs-green); transform: translateY(-2px); }
.gs-pagination .page-numbers.current { background: var(--gs-green); color: #fff; border-color: transparent; }
.gs-pagination .page-numbers.dots { border: 0; background: transparent; }

/* ==========================================================================
   5) هيرو «من نحن»
   ========================================================================== */
.gs-about-hero { background: radial-gradient(120% 150% at 12% 0%, #1c5b3d 0%, #123c2b 55%, #0c3324 100%); color: #eaf3ee; padding: 52px 0 46px; text-align: center; }
.gs-about-hero__glow { position: absolute; width: 420px; height: 420px; top: -160px; inset-inline-end: -100px; border-radius: 50%; filter: blur(80px); background: radial-gradient(circle, rgba(200,162,75,.26), transparent 70%); pointer-events: none; }
.gs-about-hero .gs-container { position: relative; z-index: 1; }
.gs-about-hero__kicker { display: inline-flex; align-items: center; gap: 7px; background: rgba(200,162,75,.16); color: var(--gs-gold); border: 1px solid rgba(200,162,75,.4); font-weight: 700; font-size: 13px; padding: 6px 15px; border-radius: 999px; margin-bottom: 14px; }
.gs-about-hero h1 { color: #fff; font-size: clamp(28px, 4vw, 44px); margin: 0 0 10px; }
.gs-about-hero__sub { color: #c4dbce; font-size: 17px; line-height: 1.9; max-width: 640px; margin: 0 auto; }

/* ==========================================================================
   6) تلميع البريدكرامب + الكروت
   ========================================================================== */
/* بريدكرامب أهدأ وأوضح */
.gs-breadcrumbs::after { width: 180px; background: radial-gradient(circle at 0% 50%, rgba(200,162,75,.12), transparent 72%); }
.gs-breadcrumbs a { font-weight: 600; }
.gs-breadcrumbs ol { gap: 6px 8px; }

/* كروت: حدّ ألطف + انتقال أنعم + صورة أوضح */
.gs-content-card, .gs-region-card, .gs-partner-card2 { border-color: #ecebe4; }
.gs-content-card:focus-within { box-shadow: 0 20px 44px rgba(18,60,43,.15); }
/* رقائق المعلومات في الشريط الجانبي: محاذاة الأيقونة */
.gs-info-list__row dt { display: inline-flex; align-items: center; gap: 6px; }
.gs-info-list__row dt .gs-ico { color: var(--gs-green); opacity: .9; }
.gs-sidecard__h .gs-ico, .gs-side-card__title .gs-ico { color: var(--gs-green); }

/* اتساق: أي أيقونة داخل زر تأخذ حجمها الصحيح */
.gs-btn .gs-ico { flex-shrink: 0; }

/* شبكة نتائج البحث/الأرشيف تحترم العرض */
.gs-region-grid { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
@media (max-width: 480px) { .gs-region-grid { grid-template-columns: 1fr; } }

/* ==========================================================================
   7) الفوتر — إصلاح الحشوة الأفقية + تخطيط موبايل نظيف
   ========================================================================== */
/* .gs-footer-inner كان padding:52px 0 24px (حشوة أفقية = 0) فتلتصق المحتويات بالحافة وتُقصّ */
.gs-footer-inner { padding-inline: var(--gs-gap); }

@media (max-width: 560px) {
  .gs-footer-inner { padding-top: 40px; padding-bottom: 26px; }
  .gs-footer-grid { gap: 30px; padding-bottom: 24px; }
  /* توسيط كتلة الهوية + السوشيال */
  .gs-footer-brand { align-items: center; text-align: center; }
  .gs-footer-brand__tag { margin-inline: auto; }
  .gs-footer-social { justify-content: center; }
  /* توسيط الأعمدة وعناوينها والخط الذهبي */
  .gs-footer-col { align-items: center; text-align: center; gap: 12px; }
  .gs-footer-col__h { padding-bottom: 14px; }
  .gs-footer-col__h::after { inset-inline: 0; margin-inline: auto; }
  .gs-footer-col a { justify-content: center; }
  .gs-footer-col a:hover { transform: translateY(-2px); }
  /* الشريط السفلي: متمركز ومرتّب */
  .gs-footer-bottom { flex-direction: column; align-items: center; text-align: center; gap: 16px; padding-top: 22px; }
}

/* ==========================================================================
   8) ملاحظة الباقة الاحترافية على مستوى المنطقة (دليل الشركاء)
   ========================================================================== */
.gs-pro-note { display: flex; align-items: center; gap: 9px; background: linear-gradient(90deg, #F4E9C8, #FBF9F3); border: 1px solid #ecdcae; color: var(--gs-gold-2); font-weight: 700; font-size: 14px; line-height: 1.7; padding: 12px 16px; border-radius: 12px; margin: 0 0 18px; }
.gs-pro-note .gs-ico { color: var(--gs-gold-2); flex-shrink: 0; }

/* ===== Client requested refinements — July 2026 ===== */
.gs-brand__logo,
.gs-logo__img { width: auto; min-width: 88px; height: 88px; object-fit: contain; border-radius: 0; }
.gs-site-header .gs-brand { gap: 14px; }
.gs-site-header .gs-brand__name { font-size: clamp(22px, 2.1vw, 30px); }
.gs-site-header .gs-brand__tag { font-size: 13px; }

.gs-primary-nav__inner { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; }
.gs-services-geo-nav { display: inline-flex; align-items: center; gap: 8px; padding: 8px; background: #fff; border: 1px solid var(--gs-border); border-radius: 999px; box-shadow: 0 8px 24px rgba(9,30,22,.06); }
.gs-services-geo-nav__title { font-weight: 800; color: var(--gs-green); white-space: nowrap; padding-inline: 8px; }
.gs-services-geo-nav .gs-cascade { display: inline-flex; align-items: center; gap: 8px; }
.gs-services-geo-nav select,
.gs-cascade select,
.gs-select { min-height: 42px; border-radius: 12px; border: 1px solid var(--gs-border); padding: 0 12px; background: #fff; color: var(--gs-text); font-weight: 700; }
.gs-services-geo-nav .gs-btn { min-height: 40px; padding: 8px 16px; }

.gs-map-stat--views .gs-map-stat__ico,
.gs-info-chip--views .gs-info-chip__ico { color: var(--gs-gold); }

.gs-loc-govs--select { padding: 22px; border: 1px solid var(--gs-border); border-radius: var(--gs-radius-lg); background: #fff; box-shadow: var(--gs-shadow); }
.gs-gov-selectbox { display: flex; gap: 10px; align-items: center; margin-top: 14px; }
.gs-gov-selectbox select { flex: 1; min-height: 48px; border-radius: 14px; border: 1px solid var(--gs-border); padding: 0 14px; font-weight: 800; }

.gs-location-fixed-cta { position: fixed; inset-inline: 0; bottom: 18px; z-index: 50; width: min(520px, calc(100vw - 28px)); margin-inline: auto; display: flex; gap: 10px; justify-content: center; padding: 10px; border: 1px solid rgba(255,255,255,.45); border-radius: 22px; background: rgba(255,255,255,.9); box-shadow: 0 18px 55px rgba(9,30,22,.22); backdrop-filter: blur(16px); }
.gs-location-fixed-cta .gs-btn { flex: 1; justify-content: center; }

.gs-content-type-select-wrap { max-width: 520px; }
.gs-declarations-list { display: grid; gap: 8px; margin: 0 0 14px; padding: 0; list-style: none; color: var(--gs-muted); }
.gs-declarations-list li { padding: 10px 12px; border: 1px dashed var(--gs-border); border-radius: 12px; background: #fff; }
.gs-declarations-accept { padding: 14px; border-radius: 14px; background: var(--gs-green-soft); border: 1px solid rgba(30,122,77,.18); font-weight: 800; }
.gs-item-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.gs-btn--sm { padding: 7px 12px; min-height: 34px; border-radius: 999px; font-size: 13px; }

.gs-pass-wrap { position: relative; display: block; }
.gs-pass-wrap input { padding-inline-end: 48px !important; width: 100%; }
.gs-pass-toggle { position: absolute; inset-inline-end: 8px; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; border: 0; border-radius: 50%; background: var(--gs-green-soft); cursor: pointer; line-height: 1; }
.gs-pass-toggle.is-on { background: var(--gs-green); color: #fff; }

.gs-pay-methods { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.gs-pay-chip { min-width: 74px; min-height: 34px; padding: 7px 12px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; border: 1px solid var(--gs-border); background: #fff; color: #111827; box-shadow: 0 4px 12px rgba(9,30,22,.08); font-weight: 900; letter-spacing: .2px; }
.gs-pay-chip--mada b { color: #138f59; }
.gs-pay-chip--visa b { color: #1a3f92; }
.gs-pay-chip--mc b { color: #c43b2f; }
.gs-pay-chip--apple b { color: #111; }
.gs-pay-chip--stc b { color: #5b2bbf; }

.gs-home-category-block:nth-of-type(even) { background: linear-gradient(180deg, rgba(30,122,77,.04), rgba(255,255,255,0)); padding-block: 36px; border-radius: var(--gs-radius-lg); }
.gs-home-regions-hidden { display: none !important; }

@media (max-width: 900px) {
  .gs-brand__logo,
  .gs-logo__img { height: 68px; min-width: 68px; }
  .gs-primary-nav__inner,
  .gs-primary-nav .gs-container { display: block; }
  .gs-services-geo-nav { width: 100%; margin-top: 12px; border-radius: 18px; flex-direction: column; align-items: stretch; }
  .gs-services-geo-nav .gs-cascade { width: 100%; flex-direction: column; align-items: stretch; }
  .gs-gov-selectbox { flex-direction: column; align-items: stretch; }
  .gs-location-fixed-cta { bottom: 10px; width: calc(100vw - 18px); }
}
.gs-btn--xs { padding: 5px 10px; min-height: 30px; border-radius: 999px; font-size: 12px; }
.gs-declaration-box ul { display: grid; gap: 8px; margin: 0 0 14px; padding: 0; list-style: none; color: var(--gs-muted); }
.gs-declaration-box li { padding: 10px 12px; border: 1px dashed var(--gs-border); border-radius: 12px; background: #fff; }
.gs-check--single { padding: 14px; border-radius: 14px; background: var(--gs-green-soft); border: 1px solid rgba(30,122,77,.18); font-weight: 800; }


/* ===== V0.8.6: منسدلة دليل الخدمات بشكل أنيق بدل ظهور نموذج كبير تحت الشريط ===== */
.gs-services-dropdown { position: relative; flex: 0 0 auto; }
.gs-services-dropdown__trigger { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; padding: 9px 16px; border-radius: 999px; border: 1px solid rgba(30,122,77,.18); background: linear-gradient(135deg, #ffffff, #f7fbf8); color: var(--gs-green-dark); font-weight: 900; cursor: pointer; box-shadow: 0 10px 26px rgba(9,30,22,.08); transition: transform .18s var(--gs-ease), box-shadow .18s ease, border-color .18s ease, background .18s ease; }
.gs-services-dropdown__trigger:hover,
.gs-services-dropdown.is-open .gs-services-dropdown__trigger { transform: translateY(-1px); border-color: rgba(30,122,77,.36); box-shadow: 0 18px 38px rgba(9,30,22,.13); background: #fff; }
.gs-services-dropdown__ico { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: var(--gs-green-soft); color: var(--gs-green); }
.gs-services-dropdown__panel { position: absolute; top: calc(100% + 14px); inset-inline-end: 0; z-index: 80; width: min(430px, calc(100vw - 28px)); opacity: 0; visibility: hidden; transform: translateY(10px) scale(.98); transform-origin: top right; transition: opacity .18s ease, transform .18s var(--gs-ease), visibility .18s ease; }
.gs-services-dropdown.is-open .gs-services-dropdown__panel,
.gs-services-dropdown:focus-within .gs-services-dropdown__panel { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
.gs-services-dropdown__panel::before { content: ""; position: absolute; top: -8px; inset-inline-end: 34px; width: 16px; height: 16px; background: #fff; transform: rotate(45deg); border-inline-start: 1px solid rgba(30,122,77,.12); border-block-start: 1px solid rgba(30,122,77,.12); }
.gs-services-dropdown .gs-services-geo-nav { position: relative; display: block; padding: 18px; border-radius: 24px; border: 1px solid rgba(30,122,77,.14); background: rgba(255,255,255,.96); box-shadow: 0 24px 70px rgba(9,30,22,.22); backdrop-filter: blur(18px); }
.gs-services-dropdown__head { display: grid; gap: 4px; margin-bottom: 14px; }
.gs-services-dropdown__head strong { color: var(--gs-green-dark); font-size: 17px; }
.gs-services-dropdown__head small { color: var(--gs-muted); font-weight: 700; }
.gs-geo-selects--service-dropdown { display: grid; gap: 12px; margin-bottom: 14px; }
.gs-geo-selects--service-dropdown .gs-field { margin: 0; }
.gs-geo-selects--service-dropdown label { display: block; margin-bottom: 7px; color: var(--gs-text); font-weight: 900; font-size: 13px; }
.gs-geo-selects--service-dropdown select { width: 100%; min-height: 48px; border-radius: 15px; border: 1px solid var(--gs-border); background: #fff; padding: 0 14px; font-weight: 800; }
.gs-services-dropdown .gs-btn--block { width: 100%; justify-content: center; }

.gs-social-admin-form { display: grid; gap: 14px; }
.gs-social-admin-block { border: 1px solid var(--gs-border); border-radius: 18px; padding: 0; background: #fff; overflow: hidden; }
.gs-social-admin-block summary { cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 16px; background: linear-gradient(90deg, rgba(30,122,77,.08), rgba(200,162,75,.08)); color: var(--gs-green-dark); font-weight: 900; }
.gs-social-admin-block summary small { color: var(--gs-muted); font-weight: 800; }
.gs-social-admin-grid { padding: 16px; }
.gs-social-admin-grid .gs-field { margin: 0; }
.gs-preview-alert { margin: 18px auto 0; max-width: var(--gs-maxw); border: 1px solid rgba(200,162,75,.35); background: #fff8e5; color: #735411; border-radius: 16px; padding: 12px 16px; font-weight: 800; }

@media (max-width: 900px) {
  .gs-services-dropdown { width: 100%; margin-top: 10px; }
  .gs-services-dropdown__trigger { width: 100%; justify-content: space-between; border-radius: 16px; }
  .gs-services-dropdown__panel { position: static; width: 100%; margin-top: 10px; opacity: 1; visibility: visible; transform: none; display: none; }
  .gs-services-dropdown.is-open .gs-services-dropdown__panel { display: block; }
  .gs-services-dropdown__panel::before { display: none; }
}

/* ===== V0.8.8: باقات بمزايا + شعارات دفع + عاصمة المنطقة + إعجاب على الكروت ===== */

/* طرق الدفع — أيقونات Lucide خطية + اسم موحّد */
.gs-pay-logos { width: 100%; max-width: 270px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; align-items: center; }
.gs-pay-logo { width: auto; height: 38px; display: inline-flex; align-items: center; justify-content: center; padding: 6px 7px; }
.gs-pay-logo__image { display: block; width: auto; max-width: 100%; height: auto; max-height: 100%; object-fit: contain; }

/* نجوم Lucide بدل الرمز النصّي ★ (تُملأ باللون الحالي وتتبع حجم النص في التقييمات) */
.gs-ico--star { fill: currentColor; vertical-align: -0.14em; }
.gs-stars .gs-star .gs-ico--star,
.gs-star-input label .gs-ico--star { width: 1em; height: 1em; vertical-align: middle; }
.gs-star-input label { line-height: 0; }

/* ===== V0.9.2: هيدر ذكي + إحصاءات متوازنة + هواتف LTR + أزرار عائمة ===== */

/* الهيدر: يختفي عند النزول ويظهر عند الصعود */
.gs-site-header { transition: transform .32s var(--gs-ease, ease), box-shadow .3s ease; will-change: transform; }
.gs-site-header.gs-header-hidden { transform: translateY(-100%); }

/* شبكة الإحصاءات: توزيع متوازن يمنع تدلّي البطاقة الأخيرة */
.gs-statgrid { grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)); justify-content: center; }
@media (max-width: 560px) { .gs-statgrid { grid-template-columns: 1fr 1fr; } }

/* أرقام الهواتف: اتجاه لاتيني مع محاذاة لليمين */
.gs-phone, a[href^="tel:"] { direction: ltr; unicode-bidi: isolate; text-align: right; display: inline-block; }

/* أزرار عائمة: العودة لأعلى + دعم واتساب */
.gs-fabs { position: fixed; inset-inline-start: 16px; bottom: 16px; z-index: 65; display: flex; flex-direction: column-reverse; gap: 12px; }
.gs-fab { width: 52px; height: 52px; border-radius: 50%; border: 0; padding: 0; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 12px 30px rgba(9,30,22,.26); transition: transform .2s ease, opacity .25s ease, visibility .25s ease; text-decoration: none; }
.gs-fab:hover { transform: translateY(-3px); }
.gs-fab--wa { background: #25d366; color: #fff; }
.gs-fab--wa svg { fill: #fff; }
.gs-fab--top { background: var(--gs-green); color: #fff; opacity: 0; visibility: hidden; transform: translateY(12px); }
.gs-fab--top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
@media (max-width: 560px) { .gs-fabs { inset-inline-start: 12px; bottom: 12px; } .gs-fab { width: 48px; height: 48px; } }

/* بطاقات الباقات: نطاق جغرافي + قائمة مزايا */
.gs-pkg-card__scope { display: inline-flex; align-items: center; gap: 6px; margin: 6px 0 10px; padding: 4px 10px; border-radius: 999px; background: var(--gs-green-soft); color: var(--gs-green-dark); font-weight: 800; font-size: 12.5px; }
.gs-pkg-card__feat { display: grid; gap: 7px; }
.gs-pkg-card__perk { display: flex; align-items: flex-start; gap: 7px; color: var(--gs-text); font-weight: 700; font-size: 13.5px; line-height: 1.55; }
.gs-pkg-card__perk .gs-ico { color: var(--gs-green); flex-shrink: 0; margin-top: 2px; }

/* عاصمة المنطقة (المدينة الرئيسية) */
.gs-loc-capital { margin-bottom: 20px; }
.gs-capital-card { display: flex; flex-direction: column; gap: 8px; padding: 20px 22px; border-radius: var(--gs-radius-lg); border: 1px solid rgba(200,162,75,.35); background: linear-gradient(135deg, #fff, #fbf6ea); box-shadow: var(--gs-shadow); text-decoration: none; transition: transform .18s var(--gs-ease), box-shadow .18s ease; }
.gs-capital-card:hover { transform: translateY(-2px); box-shadow: 0 20px 48px rgba(9,30,22,.15); }
.gs-capital-card__badge { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; padding: 4px 12px; border-radius: 999px; background: var(--gs-gold); color: #3d2e08; font-weight: 900; font-size: 12.5px; }
.gs-capital-card__name { font-size: clamp(20px, 2.4vw, 26px); font-weight: 900; color: var(--gs-green-dark); }
.gs-capital-card__cta { display: inline-flex; align-items: center; gap: 6px; color: var(--gs-gold-2); font-weight: 800; }

/* مقدمو الخدمات داخل صفحة الموقع */
.gs-loc-partners { margin-top: 26px; }

/* رمز التحقق OTP */
.gs-otp-input { text-align: center; font-size: 26px; font-weight: 800; letter-spacing: 12px; padding-inline: 12px; direction: ltr; }
.gs-otp-input::placeholder { letter-spacing: 12px; color: #cfd6d1; }
.gs-otp-resend { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 14px; color: var(--gs-muted); font-weight: 700; font-size: 13.5px; }
.gs-linkbtn { background: none; border: 0; padding: 0; color: var(--gs-green); font-family: inherit; font-weight: 800; font-size: 13.5px; cursor: pointer; text-decoration: underline; }
.gs-linkbtn:hover { color: var(--gs-green-dark); }

/* زر الإعجاب على الكروت */
button.gs-card-likes { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border: 1px solid var(--gs-border); border-radius: 999px; background: #fff; color: var(--gs-muted); font-weight: 800; font-size: 12.5px; cursor: pointer; transition: color .15s ease, border-color .15s ease, background .15s ease, transform .12s ease; }
button.gs-card-likes:hover { color: var(--gs-green); border-color: rgba(30,122,77,.4); transform: translateY(-1px); }
button.gs-card-likes .gs-ico { color: currentColor; }
button.gs-card-likes.is-liked { color: #fff; background: var(--gs-green); border-color: var(--gs-green); cursor: default; }
button.gs-card-likes:disabled { opacity: 1; }

/* ===== V0.9.9 (round-3 batch1): lightbox + map embed + mobile fixes ===== */
.gs-lightbox { position: fixed; inset: 0; z-index: 200; display: none; align-items: center; justify-content: center; background: rgba(9,20,15,.93); padding: 24px; }
.gs-lightbox.is-open { display: flex; }
.gs-lightbox__fig { margin: 0; max-width: 92vw; max-height: 88vh; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.gs-lightbox__img { max-width: 92vw; max-height: 80vh; object-fit: contain; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,.5); }
.gs-lightbox__cap { color: #fff; font-weight: 700; font-size: 14px; text-align: center; }
.gs-lightbox__close { position: absolute; top: 16px; inset-inline-end: 18px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(255,255,255,.14); color: #fff; font-size: 26px; line-height: 1; cursor: pointer; }
.gs-lightbox__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 52px; height: 52px; border: 0; border-radius: 50%; background: rgba(255,255,255,.14); color: #fff; font-size: 30px; line-height: 1; cursor: pointer; }
.gs-lightbox__prev { inset-inline-start: 16px; }
.gs-lightbox__next { inset-inline-end: 16px; }
.gs-lightbox__nav:hover, .gs-lightbox__close:hover { background: rgba(255,255,255,.28); }
.gs-gallery-grid a.gs-glightbox { display: block; }

/* خريطة مضمّنة */
.gs-map-embed { aspect-ratio: 16/10; border-radius: var(--gs-radius-sm, 12px); overflow: hidden; border: 1px solid var(--gs-border); margin-bottom: 10px; }
.gs-map-embed iframe { width: 100%; height: 100%; border: 0; display: block; }

/* الحساب/النماذج: عمود واحد على الجوال (كان .gs-grid2 بلا نقطة توقّف) */
@media (max-width: 640px) { .gs-grid2 { grid-template-columns: 1fr; } }

/* إخفاء الأزرار العائمة عند فتح درج القائمة (تجنّب التراكب) */
body.gs-nav-open .gs-fabs { display: none; }

/* معاينة PDF داخل صفحة المحتوى */
.gs-pdf-embed { border: 1px solid var(--gs-border); border-radius: var(--gs-radius-sm, 12px); overflow: hidden; margin-bottom: 10px; background: #f4f4f0; }
.gs-pdf-embed embed { width: 100%; height: 520px; display: block; }
@media (max-width: 640px) { .gs-pdf-embed embed { height: 360px; } }

/* إصلاح رقائق المشاركة: فرض خلفية العلامة (كانت شفافة فتظهر الأيقونة البيضاء فارغة) */
.gs-utilbar .gs-share__btn.gs-social-chip { background: var(--brand, var(--gs-green)); color: #fff; border: 0; }
.gs-utilbar .gs-share__btn .gs-social-ico { fill: #fff; }
/* تباين رقائق التواصل الداكنة (X/TikTok) على فوتر داكن */
.gs-footer-social li a { border: 1px solid rgba(255,255,255,.20); }

/* ===== round-3 batch2: وسائط الشركاء (معرض/فيديو/صورة خدمة + «المزيد») ===== */
.gs-hidden-item { display: none !important; }
.gs-showmore { margin-top: 12px; }
.gs-video-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 14px; }
.gs-video-grid .gs-video { aspect-ratio: 16/9; }
.gs-service__img { display: block; margin-bottom: 8px; }
.gs-service__img img { width: 100%; height: 150px; object-fit: cover; border-radius: var(--gs-radius-sm, 10px); }
.gs-gallery-mini { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.gs-gallery-mini img { width: 54px; height: 54px; object-fit: cover; border-radius: 8px; border: 1px solid var(--gs-border); }
.gs-svc-row { display: grid; gap: 8px; padding: 12px; border: 1px solid var(--gs-border); border-radius: 12px; margin-bottom: 10px; }
.gs-svc-imgrow { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.gs-svc-imglabel { font-size: 13px; font-weight: 700; color: var(--gs-muted); display: inline-flex; align-items: center; gap: 8px; }
.gs-svc-thumb img { width: 48px; height: 48px; object-fit: cover; border-radius: 8px; }

/* ===== round-3 batch3: أقسام «أحدث المحتوى» أفقياً (7 بجانب بعض + تمرير) ===== */
.gs-row-scroll {
	display: flex !important;
	flex-wrap: nowrap;
	grid-template-columns: none !important;
	gap: 16px;
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 10px;
	scroll-snap-type: x proximity;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}
.gs-row-scroll > * {
	flex: 0 0 clamp(240px, 78vw, 280px);
	max-width: clamp(240px, 78vw, 280px);
	scroll-snap-align: start;
}
.gs-row-scroll::-webkit-scrollbar { height: 8px; }
.gs-row-scroll::-webkit-scrollbar-thumb { background: var(--gs-border, #d8d8d0); border-radius: 8px; }
.gs-row-scroll::-webkit-scrollbar-track { background: transparent; }
@media (min-width: 1024px) {
	.gs-row-scroll > * { flex-basis: 260px; max-width: 260px; }
}

/* ===== round-3 batch5: تصعيد المحتوى ===== */
.gs-esc-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.gs-esc-actions form { margin: 0; }