/* ============================================================
   v8-lively.css — طبقة الحيوية (الإصدار 7.5.0)
   تحافظ على الهوية الفيروزية وتضيف: بطاقة علوية بتدرج فيروزي،
   أيقونات ملونة للاختصاصات والأقسام، وبنر ترويجي متحرك.
   تُحمَّل بعد v6.css وتتفوق عليها بالترتيب فقط (نفس التخصيص).
   ============================================================ */

/* ---------- 1) البطاقة العلوية: تدرج فيروزي حيوي ---------- */
.premium-hero,.iraq-hero{
  margin:14px clamp(10px,2vw,22px) 0;
  border-radius:28px;
  border:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% -10%,rgba(255,255,255,.22),transparent 42%),
    radial-gradient(circle at 6% 110%,rgba(34,211,238,.35),transparent 44%),
    linear-gradient(118deg,#065f54 0%,#0d9488 42%,#14b8a6 72%,#22d3ee 135%);
  box-shadow:0 22px 48px rgba(13,148,136,.32);
}
.premium-hero::before{
  opacity:.16;
  background-image:
    linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);
}
.premium-hero::after{
  border-color:rgba(255,255,255,.25);
  box-shadow:0 0 0 42px rgba(255,255,255,.05),0 0 0 84px rgba(255,255,255,.03);
}
.hero-badge{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.3);
  color:#f0fdfa;
  box-shadow:none;
  backdrop-filter:blur(8px);
}
.live-dot{background:#a7f3d0;box-shadow:0 0 0 5px rgba(167,243,208,.25);}
.hero-copy h1{color:#ffffff;}
.hero-copy h1 em{
  color:#fde68a;
  background:linear-gradient(90deg,#fde68a,#fca5a5);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.hero-copy > p{color:#d8f6f0;}
.hero-assurance > span{color:#ecfeff;}
.hero-assurance > span + span{border-inline-start-color:rgba(255,255,255,.28);}
.hero-assurance i{color:#a7f3d0;}
.hero-trust{color:#5b7a74;}

/* بطاقة البحث تبقى بيضاء فوق التدرج */
.hero-search-card{
  border-color:rgba(255,255,255,.55);
  box-shadow:0 30px 70px rgba(4,60,52,.35);
}

/* شريط الإحصاءات: زجاجي فوق حافة البطاقة */
.stats{
  border-color:#c3ece3;
  box-shadow:0 20px 50px rgba(13,148,136,.18);
}
.stat-n{
  background:linear-gradient(90deg,#0d9488,#0284c7);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  font-weight:900;
}

/* ---------- 2) أيقونات ملونة: الاختصاصات ---------- */
#fSpecs .spec-card .spec-icon,
#fServices .spec-card .spec-icon{
  color:#fff;
  font-size:1.35rem;
  display:flex;align-items:center;justify-content:center;
  transition:.22s;
}
#fSpecs .spec-card:hover .spec-icon{transform:scale(1.08) rotate(-4deg);}

#fSpecs .spec-card:nth-child(8n+1) .spec-icon{background:linear-gradient(135deg,#2dd4bf,#0d9488);box-shadow:0 7px 16px rgba(13,148,136,.35);}
#fSpecs .spec-card:nth-child(8n+2) .spec-icon{background:linear-gradient(135deg,#38bdf8,#2563eb);box-shadow:0 7px 16px rgba(37,99,235,.32);}
#fSpecs .spec-card:nth-child(8n+3) .spec-icon{background:linear-gradient(135deg,#f472b6,#db2777);box-shadow:0 7px 16px rgba(219,39,119,.32);}
#fSpecs .spec-card:nth-child(8n+4) .spec-icon{background:linear-gradient(135deg,#fbbf24,#ea580c);box-shadow:0 7px 16px rgba(234,88,12,.32);}
#fSpecs .spec-card:nth-child(8n+5) .spec-icon{background:linear-gradient(135deg,#34d399,#059669);box-shadow:0 7px 16px rgba(5,150,105,.32);}
#fSpecs .spec-card:nth-child(8n+6) .spec-icon{background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 7px 16px rgba(124,58,237,.32);}
#fSpecs .spec-card:nth-child(8n+7) .spec-icon{background:linear-gradient(135deg,#f87171,#dc2626);box-shadow:0 7px 16px rgba(220,38,38,.32);}
#fSpecs .spec-card:nth-child(8n+8) .spec-icon{background:linear-gradient(135deg,#22d3ee,#0284c7);box-shadow:0 7px 16px rgba(2,132,199,.32);}

/* أيقونات الخدمات المساندة بنفس الروح */
#fServices .spec-card:nth-child(6n+1) .spec-icon{background:linear-gradient(135deg,#2dd4bf,#0d9488);box-shadow:0 7px 16px rgba(13,148,136,.35);}
#fServices .spec-card:nth-child(6n+2) .spec-icon{background:linear-gradient(135deg,#fbbf24,#ea580c);box-shadow:0 7px 16px rgba(234,88,12,.32);}
#fServices .spec-card:nth-child(6n+3) .spec-icon{background:linear-gradient(135deg,#38bdf8,#2563eb);box-shadow:0 7px 16px rgba(37,99,235,.32);}
#fServices .spec-card:nth-child(6n+4) .spec-icon{background:linear-gradient(135deg,#f472b6,#db2777);box-shadow:0 7px 16px rgba(219,39,119,.32);}
#fServices .spec-card:nth-child(6n+5) .spec-icon{background:linear-gradient(135deg,#34d399,#059669);box-shadow:0 7px 16px rgba(5,150,105,.32);}
#fServices .spec-card:nth-child(6n+6) .spec-icon{background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 7px 16px rgba(124,58,237,.32);}

/* أيقونات "اختر وجهتك الصحية" */
#mainCategories .primary-card:nth-child(6n+1) .primary-icon{background:linear-gradient(135deg,#2dd4bf,#0d9488);color:#fff;box-shadow:0 8px 18px rgba(13,148,136,.35);}
#mainCategories .primary-card:nth-child(6n+2) .primary-icon{background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff;box-shadow:0 8px 18px rgba(37,99,235,.32);}
#mainCategories .primary-card:nth-child(6n+3) .primary-icon{background:linear-gradient(135deg,#fbbf24,#ea580c);color:#fff;box-shadow:0 8px 18px rgba(234,88,12,.32);}
#mainCategories .primary-card:nth-child(6n+4) .primary-icon{background:linear-gradient(135deg,#f472b6,#db2777);color:#fff;box-shadow:0 8px 18px rgba(219,39,119,.32);}
#mainCategories .primary-card:nth-child(6n+5) .primary-icon{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;box-shadow:0 8px 18px rgba(124,58,237,.32);}
#mainCategories .primary-card:nth-child(6n+6) .primary-icon{background:linear-gradient(135deg,#34d399,#059669);color:#fff;box-shadow:0 8px 18px rgba(5,150,105,.32);}

/* أيقونات المحافظات: تلوين متناوب خفيف */
.home-city-strip .home-city-chip:nth-child(5n+1) .home-city-icon{background:#e0f7f2;color:#0d9488;}
.home-city-strip .home-city-chip:nth-child(5n+2) .home-city-icon{background:#e3f1fe;color:#2563eb;}
.home-city-strip .home-city-chip:nth-child(5n+3) .home-city-icon{background:#fdeff6;color:#db2777;}
.home-city-strip .home-city-chip:nth-child(5n+4) .home-city-icon{background:#fef4e2;color:#d97706;}
.home-city-strip .home-city-chip:nth-child(5n+5) .home-city-icon{background:#f1edfd;color:#7c3aed;}

/* ---------- 3) البنر الترويجي المتحرك ---------- */
.lively-banner-sec{padding:0 clamp(10px,2vw,22px);margin:6px auto 0;width:min(1240px,100%);}
.lively-banner{
  position:relative;border-radius:22px;overflow:hidden;
  box-shadow:0 16px 38px rgba(6,95,84,.24);
}
.lb-track{display:flex;width:300%;animation:lbSlide 15s infinite;}
.lively-banner:hover .lb-track{animation-play-state:paused;}
@keyframes lbSlide{
  0%,28%   {transform:translateX(0)}
  33%,61%  {transform:translateX(33.3333%)}
  66%,94%  {transform:translateX(66.6666%)}
  100%     {transform:translateX(0)}
}
.lb-slide{
  width:33.3333%;min-height:128px;flex-shrink:0;
  display:block;padding:20px 22px 24px;position:relative;overflow:hidden;
  color:#fff;text-decoration:none;cursor:pointer;
}
.lb-slide::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 55% 130% at 88% 50%,rgba(255,255,255,.18),transparent 62%);
}
.lb-s1{background:linear-gradient(115deg,#065f54,#0d9488 55%,#22d3ee);}
.lb-s2{background:linear-gradient(115deg,#0c4a6e,#0284c7 55%,#2dd4bf);}
.lb-s3{background:linear-gradient(115deg,#92400e,#d97706 55%,#fbbf24);}
.lb-badge{
  position:relative;display:inline-block;font-size:.62rem;font-weight:800;
  background:rgba(255,255,255,.22);padding:3px 12px;border-radius:999px;
  font-family:"Alexandria",sans-serif;
}
.lb-slide h3{
  position:relative;margin:8px 0 0;font-family:"Alexandria",sans-serif;
  font-size:clamp(1.02rem,2vw,1.3rem);font-weight:900;line-height:1.45;color:#fff;
}
.lb-slide h3 mark{background:none;color:#fde047;}
.lb-slide p{
  position:relative;margin:3px 0 0;font-size:.72rem;color:rgba(255,255,255,.88);
  font-weight:600;
}
.lb-dots{
  position:absolute;bottom:9px;left:16px;display:flex;gap:5px;z-index:2;
}
.lb-dots i{width:6px;height:6px;border-radius:999px;background:rgba(255,255,255,.5);animation:lbDot 15s infinite;}
.lb-dots i:nth-child(2){animation-delay:-10s;}
.lb-dots i:nth-child(3){animation-delay:-5s;}
@keyframes lbDot{
  0%,28%{width:16px;background:#fff}
  33%,100%{width:6px;background:rgba(255,255,255,.5)}
}

/* احترام تفضيل تقليل الحركة */
@media (prefers-reduced-motion:reduce){
  .lb-track,.lb-dots i{animation:none;}
}

/* ---------- لمسات صغيرة ---------- */
.btn-srch{
  background:linear-gradient(120deg,#0c907a,#14b8a6 60%,#22d3ee)!important;
  box-shadow:0 10px 24px rgba(20,184,166,.35)!important;
}
.section-jump{transition:.2s;}
.section-jump:hover{transform:translateX(-3px);}

@media (max-width:760px){
  .premium-hero,.iraq-hero{margin:10px 10px 0;border-radius:22px;}
  .lively-banner-sec{padding:0 10px;}
  .lb-slide{min-height:118px;padding:16px 16px 22px;}
}

/* ---------- 4) تحسين الخط العربي (الإصدار 7.5.0) ----------
   خط Alexandria للعناوين بدل Cairo، وإلغاء تقارب الحروف السالب
   الذي يسبب تداخل الحروف العربية. */
h1,h2,h3,h4,.sec-title,.hero-copy h1,.doc-name,.brand-copy b{letter-spacing:0!important;}
.section-kicker{letter-spacing:0;}
.hero-copy h1{font-weight:800;}
.sec-title{font-weight:800;}
.lb-slide h3{font-weight:800;}
.stat-n{letter-spacing:0;}

/* ---------- 5) تبويب الفلوجة ضمن شريط المحافظات ---------- */
.home-city-strip .home-city-chip.home-city-chip--falluja{
  background:linear-gradient(135deg,#0b7d70,#14b8a6);
  border-color:transparent;
  box-shadow:0 10px 24px rgba(13,148,136,.30);
}
.home-city-strip .home-city-chip.home-city-chip--falluja:hover{border-color:transparent;}
.home-city-strip .home-city-chip.home-city-chip--falluja .home-city-name{color:#fff;}
.home-city-strip .home-city-chip.home-city-chip--falluja small{color:#ccfbf1;}
.home-city-strip .home-city-chip.home-city-chip--falluja .home-city-icon{background:rgba(255,255,255,.22);color:#fff;}

/* ---------- 6) هوامش أمان ضد تداخل النص والأيقونات ---------- */
.lb-slide{padding:18px 20px 36px;}
.lb-slide p{max-width:92%;}
.lb-dots{bottom:12px;}
.spec-card .spec-name,.spec-card .spec-cnt{overflow-wrap:anywhere;}
.home-city-chip small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}

/* ---------- 7) ضغط المسافات وإزالة الفراغات الطويلة ---------- */
.sec{padding-top:32px;padding-bottom:32px;}
.primary-section{padding-top:36px;}
.recommended-section{padding-top:36px;padding-bottom:36px;}
.lively-banner-sec{margin-top:14px;}
.hero-copy > p{margin-top:14px;}
.hero-assurance{margin-top:16px;}

/* إعلان الشريك: أصغر وأخف */
.partner-promo{padding-top:8px;padding-bottom:8px;}

/* وضوح وتباين أعلى */
.hero-copy > p{color:#eefcf9;font-weight:600;}
.spec-cnt{color:#44606f;font-weight:700;}
.home-city-chip small{color:#4c6a62;}

/* ---------- 8) الجوال: شبكة 3×2 بدل السحب الأفقي ---------- */
.specs-toggle{display:none;}
@media (max-width:760px){
  .premium-hero{padding:24px 13px 38px;}
  .hero-copy h1{font-size:1.72rem;line-height:1.4;}
  .hero-badge{margin-bottom:10px;}
  .hero-copy > p{font-size:.82rem;line-height:1.8;margin-top:10px;}
  .stats{margin-top:-16px;}
  .sec{padding-top:26px;padding-bottom:26px;}

  /* الاختصاصات: شبكة 3 أعمدة، صفّان عند الطي */
  .spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;overflow:visible;padding-bottom:0;}
  .spec-card{flex:none;width:auto;min-height:100px;padding:12px 6px;scroll-snap-align:none;}
  .spec-icon{width:40px;height:40px;border-radius:13px;}
  #fSpecs.collapsed .spec-card:nth-child(n+7){display:none;}

  .specs-toggle{
    display:flex;align-items:center;justify-content:center;gap:7px;
    margin:12px auto 0;padding:9px 22px;border-radius:999px;
    border:1.5px solid #b8e4da;background:#f2fbf8;color:#0d8975;
    font-family:"Alexandria",sans-serif;font-size:.78rem;font-weight:700;cursor:pointer;
  }
  .specs-toggle:active{transform:scale(.97);}

  /* المحافظات: شبكة 3×2 بدون سحب أفقي */
  .home-city-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;overflow:visible;padding:2px 1px 0;}
  .home-city-chip{flex:none;width:auto;min-height:86px;padding:10px 6px;border-radius:15px;scroll-snap-align:none;}
  .home-city-strip.collapsed .home-city-chip:nth-child(n+7){display:none;}

  /* الأزرار العائمة: أصغر وفوق شريط التنقل بلا تغطية للمحتوى */
  .ai-fab{width:44px;height:44px;font-size:1.1rem;bottom:82px;right:12px;opacity:.94;}
  .scroll-top{width:38px;height:38px;font-size:.92rem;bottom:84px;left:12px;opacity:.94;border-radius:10px;}
}

/* ---------- 9) إصلاح تداخل بطاقات "اختر وجهتك الصحية" ---------- */
.primary-card{grid-template-columns:auto 1fr auto;gap:14px;min-height:112px;}
.primary-icon{width:52px;height:52px;flex-shrink:0;}
.primary-icon svg{width:27px;height:27px;}
.primary-copy{min-width:0;}
.primary-copy strong{overflow-wrap:anywhere;}
@media (max-width:760px){
  .primary-card{grid-template-columns:auto 1fr;gap:11px;padding:14px;min-height:96px;}
  .primary-icon{width:46px;height:46px;border-radius:14px;}
  .primary-icon svg{width:24px;height:24px;}
}

/* ---------- 10) توضيح خانة البحث ---------- */
.hero-search-card .search-box{
  border:2px solid #14b8a6;
  box-shadow:0 10px 26px rgba(13,148,136,.16);
  border-radius:14px;
}
.hero-search-card .search-box:focus-within{
  border-color:#0d9488;
  box-shadow:0 0 0 4px rgba(20,184,166,.20);
}
.hero-search-card .s-input{font-size:16px;font-weight:600;color:#0f2d28;}
.hero-search-card .s-input::placeholder{color:#6c8781;font-weight:500;}
.search-leading{color:#0d9488;}

/* ---------- 11) بطاقات الخدمات الإعلانية (7.6.0) ---------- */
.service-promos-sec{padding-top:26px;padding-bottom:8px;}
.svc-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 18px;max-width:1240px;margin:0 auto;}
.svc-card{
  border:0;border-radius:20px;padding:18px 10px 15px;color:#fff;cursor:pointer;
  font-family:"Alexandria",sans-serif;text-align:center;position:relative;overflow:hidden;
  box-shadow:0 10px 26px rgba(6,95,84,.22);transition:.2s;
}
.svc-card::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 120% at 85% 0%,rgba(255,255,255,.20),transparent 60%);}
.svc-card:active{transform:scale(.96);}
.svc-ico{font-size:1.7rem;display:block;position:relative;}
.svc-card strong{display:block;font-size:.88rem;font-weight:800;margin-top:7px;position:relative;}
.svc-card small{display:block;font-size:.62rem;opacity:.92;margin-top:4px;font-weight:600;position:relative;}
@media (max-width:760px){.svc-strip{padding:0 12px;gap:8px;}.svc-card strong{font-size:.78rem;}}

/* نافذة الخدمة */
.svc-ov{position:fixed;inset:0;z-index:2500;background:rgba(4,32,28,.66);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;}
@media (min-width:761px){.svc-ov{align-items:center;}}
.svc-modal{width:min(520px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:24px 24px 0 0;}
@media (min-width:761px){.svc-modal{border-radius:24px;}}
.svc-modal-hd{position:relative;color:#fff;text-align:center;padding:22px 18px 18px;}
.svc-x{position:absolute;top:12px;inset-inline-start:12px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.22);color:#fff;font-size:1rem;cursor:pointer;}
.svc-ico-lg{font-size:2.2rem;}
.svc-modal-hd h3{font-family:"Alexandria",sans-serif;font-size:1.25rem;font-weight:800;margin-top:6px;}
.svc-modal-hd p{font-size:.75rem;opacity:.92;margin-top:3px;}
.svc-modal-bd{padding:16px;}
.svc-doc{display:flex;align-items:center;gap:12px;background:#f6fbf9;border:1.5px solid #d8efe9;border-radius:16px;padding:13px;margin-bottom:10px;}
.svc-doc-inf{flex:1;min-width:0;}
.svc-doc-inf strong{display:block;font-family:"Alexandria",sans-serif;font-size:.92rem;font-weight:800;color:#0f2d28;}
.svc-doc-inf small{display:block;font-size:.68rem;color:#5b7a74;margin-top:3px;line-height:1.6;}
.svc-disc{display:inline-block;background:#fef3c7;color:#92400e;font-size:.68rem;font-weight:800;border-radius:999px;padding:3px 11px;margin-top:7px;}
.svc-call{flex-shrink:0;background:linear-gradient(120deg,#0c907a,#2ab99d);color:#fff;text-decoration:none;font-size:.75rem;font-weight:800;border-radius:12px;padding:10px 14px;}
.svc-empty{text-align:center;padding:14px 8px;}
.svc-empty p{font-size:.8rem;color:#4c6a62;line-height:1.9;}
.svc-reg{margin-top:12px;border:0;border-radius:12px;background:linear-gradient(120deg,#0c907a,#2ab99d);color:#fff;font-family:inherit;font-size:.82rem;font-weight:800;padding:11px 26px;cursor:pointer;}

/* خصم المشاركة */
.svc-share{margin-top:14px;background:linear-gradient(160deg,#f0fdfa,#e7f8f4);border:1.5px dashed #14b8a6;border-radius:16px;padding:14px;text-align:center;}
.svc-share-t{font-size:.76rem;font-weight:800;color:#0b6357;line-height:1.8;}
.svc-bar{height:9px;background:#d3ede7;border-radius:999px;margin:11px 0 6px;overflow:hidden;}
.svc-bar i{display:block;height:100%;background:linear-gradient(90deg,#0d9488,#22d3ee);border-radius:999px;transition:width .4s;}
.svc-cnt{font-size:.68rem;font-weight:700;color:#48685f;}
.svc-share-btn{margin-top:10px;width:100%;border:0;border-radius:13px;background:linear-gradient(120deg,#0c907a,#2ab99d);color:#fff;font-family:inherit;font-size:.9rem;font-weight:800;padding:13px;cursor:pointer;box-shadow:0 8px 20px rgba(13,148,136,.28);}
.svc-hint{display:block;margin-top:7px;font-size:.62rem;color:#6b8a82;}
.svc-confirm{display:flex;align-items:flex-start;gap:9px;text-align:right;margin-top:11px;background:#fff;border:1.5px solid #c9e8e0;border-radius:12px;padding:11px;cursor:pointer;}
.svc-confirm input{width:19px;height:19px;accent-color:#0d9488;margin-top:1px;}
.svc-confirm span{font-size:.74rem;font-weight:700;color:#134e46;line-height:1.7;}
.svc-code{margin-top:11px;background:#0d9488;color:#fff;border-radius:14px;padding:13px;font-size:.74rem;font-weight:700;}
.svc-code b{display:block;font-size:1.35rem;font-family:"Alexandria",sans-serif;letter-spacing:2px;margin:6px 0;}
.svc-code span{display:block;font-size:.66rem;opacity:.92;}

/* ---------- 12) إبراز الفلوجة + قائمة المدن ---------- */
.specialties-section .sec-hd{flex-wrap:wrap;gap:10px;}
.specialties-section .section-kicker{
  font-size:.8rem;font-weight:800;color:#fff;letter-spacing:0;
  background:linear-gradient(120deg,#0c907a,#2ab99d);border-radius:999px;padding:6px 16px;
  box-shadow:0 6px 14px rgba(13,148,136,.25);
}
.specialties-section .section-kicker::before{display:none;}
.city-drop-wrap{display:flex;align-items:center;gap:9px;}
.city-current{display:none;}
.city-drop select{
  appearance:none;-webkit-appearance:none;border:1.5px solid #b8e4da;border-radius:999px;
  background:#f2fbf8;color:#0d8975;font-family:"Alexandria",sans-serif;font-size:.74rem;
  font-weight:700;padding:8px 18px;cursor:pointer;outline:none;
}
.city-drop select:focus{border-color:#0d9488;box-shadow:0 0 0 3px rgba(20,184,166,.18);}

/* ---------- 13) شريط العروض المدمج (بدل البطاقات الكبيرة) ---------- */
.service-promos-sec{padding-top:14px;padding-bottom:0;}
.svc-strip{display:none;}
.svc-ticker{
  display:flex;align-items:stretch;gap:0;width:min(680px,calc(100% - 24px));
  margin:0 auto;background:#fff;border:1.5px solid #cdeae2;border-radius:16px;
  overflow:hidden;box-shadow:0 8px 22px rgba(13,148,136,.10);
}
.svc-t-label{
  display:flex;align-items:center;padding:0 13px;flex-shrink:0;
  background:linear-gradient(160deg,#0c907a,#2ab99d);color:#fff;
  font-family:"Alexandria",sans-serif;font-size:.68rem;font-weight:800;
}
.svc-t-win{flex:1;height:60px;overflow:hidden;position:relative;}
.svc-t-track{display:flex;flex-direction:column;animation:svcRoll 15s infinite;}
.svc-ticker:hover .svc-t-track{animation-play-state:paused;}
@keyframes svcRoll{
  0%,28%{transform:translateY(0)}
  33%,61%{transform:translateY(-25%)}
  66%,94%{transform:translateY(-50%)}
  100%{transform:translateY(-75%)}
}
.svc-t-item{
  height:60px;flex-shrink:0;display:flex;align-items:center;gap:11px;
  padding:0 14px;border:0;background:transparent;cursor:pointer;
  font-family:inherit;text-align:right;width:100%;
}
.svc-t-ico{font-size:1.35rem;flex-shrink:0;}
.svc-t-txt{flex:1;min-width:0;}
.svc-t-txt strong{display:block;font-family:"Alexandria",sans-serif;font-size:.82rem;font-weight:800;color:#0f2d28;line-height:1.4;}
.svc-t-txt small{display:block;font-size:.64rem;color:#5b7a74;font-weight:600;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.svc-t-go{flex-shrink:0;font-style:normal;font-size:1.2rem;color:#0d9488;font-weight:800;}
@media (prefers-reduced-motion:reduce){.svc-t-track{animation:none;}}

/* ---------- 14) زر المساعد الذكي البارز ---------- */
.ai-fab{
  width:auto;height:auto;border-radius:999px;padding:12px 18px;
  display:flex;align-items:center;gap:9px;
  background:linear-gradient(120deg,#0c907a,#14b8a6 60%,#22d3ee);
  box-shadow:0 12px 30px rgba(13,148,136,.42);
  animation:aiPulseGlow 2.6s infinite;
}
.ai-fab-txt{
  font-family:"Alexandria",sans-serif;font-size:.8rem;font-weight:800;color:#fff;
  white-space:nowrap;
}
@keyframes aiPulseGlow{
  0%,100%{box-shadow:0 12px 30px rgba(13,148,136,.42),0 0 0 0 rgba(20,184,166,.45);}
  50%{box-shadow:0 12px 30px rgba(13,148,136,.42),0 0 0 12px rgba(20,184,166,0);}
}
@media (max-width:760px){
  .ai-fab{width:auto;height:auto;padding:11px 16px;bottom:82px;right:10px;font-size:1rem;opacity:1;}
  .ai-fab-txt{font-size:.72rem;}
}

/* ---------- 15) الموجة النابضة تحت زر البحث ---------- */
.search-wave{height:20px;margin:4px 4px 0;overflow:hidden;}
.search-wave svg{width:100%;height:100%;display:block;}
.search-wave path{
  stroke-dasharray:38 62;
  animation:waveRun 2.4s linear infinite;
  opacity:.9;
}
@keyframes waveRun{
  0%{stroke-dashoffset:100;opacity:.45;}
  50%{opacity:1;}
  100%{stroke-dashoffset:-100;opacity:.45;}
}
@media (prefers-reduced-motion:reduce){.search-wave path{animation:none;}}

/* ---------- 16) الإعلان العلوي الدوّار ---------- */
.partner-rotator{position:relative;padding:0!important;overflow:hidden;}
.pr-close{
  position:absolute;top:8px;inset-inline-start:8px;z-index:3;width:26px;height:26px;
  border:0;border-radius:50%;background:#fff;color:#5a7f77;font-size:.72rem;cursor:pointer;
  box-shadow:0 3px 9px rgba(10,60,50,.14);
}
.pr-win{height:72px;overflow:hidden;}
.pr-track{display:flex;flex-direction:column;animation:prRoll 15s infinite;}
.partner-rotator:hover .pr-track{animation-play-state:paused;}
@keyframes prRoll{
  0%,28%{transform:translateY(0)}
  33%,61%{transform:translateY(-25%)}
  66%,94%{transform:translateY(-50%)}
  100%{transform:translateY(-75%)}
}
.pr-slide{
  height:72px;flex-shrink:0;width:100%;display:flex;align-items:center;gap:11px;
  padding:0 44px 0 14px;border:0;background:transparent;cursor:pointer;
  font-family:inherit;text-align:right;position:relative;
}
.pr-disc{
  position:absolute;top:7px;left:12px;background:#fdf3d7;color:#8a6a1d;
  border:1px solid #ead9a8;border-radius:999px;padding:1.5px 9px;font-size:.56rem;font-weight:800;
}
.pr-ico{font-size:1.5rem;flex-shrink:0;}
.pr-txt{flex:1;min-width:0;}
.pr-txt small{display:block;font-size:.62rem;color:#5b7a74;font-weight:600;}
.pr-txt strong{display:block;font-family:"Alexandria",sans-serif;font-size:.8rem;font-weight:800;color:#0f2d28;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pr-cta{
  flex-shrink:0;background:linear-gradient(120deg,#0c907a,#2ab99d);color:#fff;
  border-radius:999px;padding:8px 15px;font-size:.68rem;font-weight:800;
  box-shadow:0 6px 14px rgba(13,148,136,.25);margin-left:2px;
}
@media (max-width:760px){.pr-cta{padding:7px 12px;font-size:.62rem;}.pr-txt strong{font-size:.72rem;}}
@media (prefers-reduced-motion:reduce){.pr-track{animation:none;}}

/* ورقة خيارات التواصل */
.pr-actions{display:flex;flex-direction:column;gap:9px;}
.pr-act{
  display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;
  border-radius:13px;padding:13px;font-size:.85rem;font-weight:800;font-family:inherit;
}
.pr-wa{background:#e9f9ef;color:#0c7a43;border:1.5px solid #bfe8cf;}
.pr-tel{background:#e8f4fd;color:#0a5da0;border:1.5px solid #bcdcf5;}
.pr-ig{background:#fdeef6;color:#b02468;border:1.5px solid #f3c7de;}

/* ---------- 17) نبضة البحث: أطول، موسطة، ملونة ---------- */
.search-wave{height:28px;width:82%;margin:8px auto 0;overflow:hidden;filter:drop-shadow(0 2px 6px rgba(13,148,136,.35));}
.search-wave path{stroke-dasharray:68 32;animation:waveRun 2.2s linear infinite;}

/* ---------- 18) وضع المحافظة داخل قسم الاختصاصات ---------- */
.spec-grid.city-mode{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;overflow:visible;}
@media (max-width:760px){.spec-grid.city-mode{grid-template-columns:1fr;gap:10px;}}
.city-back-chip{
  grid-column:1/-1;justify-self:start;border:1.5px solid #b8e4da;background:#f2fbf8;color:#0d8975;
  border-radius:999px;padding:9px 20px;font-family:"Alexandria",sans-serif;font-size:.76rem;font-weight:800;cursor:pointer;
}
.city-back-chip:active{transform:scale(.97);}
.city-more-btn{
  grid-column:1/-1;border:0;border-radius:13px;padding:12px;cursor:pointer;
  background:linear-gradient(120deg,#0c907a,#2ab99d);color:#fff;
  font-family:"Alexandria",sans-serif;font-size:.8rem;font-weight:800;
  box-shadow:0 8px 18px rgba(13,148,136,.25);
}

/* ---------- 19) الافتتاحية الفاخرة (7.8.0) ---------- */
html.sp-lock{overflow:hidden;}
#dlkSplash{
  position:fixed;inset:0;z-index:9000;display:flex;flex-direction:column;
  align-items:center;justify-content:center;overflow:hidden;
  background:
    radial-gradient(circle at 82% 12%,rgba(255,255,255,.14),transparent 40%),
    radial-gradient(circle at 12% 90%,rgba(34,211,238,.28),transparent 45%),
    linear-gradient(150deg,#032b26 0%,#065f54 40%,#0d9488 80%,#14b8a6 110%);
  transition:opacity .6s,transform .6s;
}
#dlkSplash.sp-out{opacity:0;transform:scale(1.06);pointer-events:none;}
.sp-orbs i{position:absolute;border-radius:50%;background:rgba(255,255,255,.07);animation:spFloat 6s ease-in-out infinite;}
.sp-orbs i:nth-child(1){width:220px;height:220px;top:-60px;right:-60px;}
.sp-orbs i:nth-child(2){width:150px;height:150px;bottom:16%;left:-50px;animation-delay:1.2s;background:rgba(34,211,238,.13);}
.sp-orbs i:nth-child(3){width:90px;height:90px;top:22%;left:14%;animation-delay:2.2s;}
@keyframes spFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
.sp-skip{
  position:absolute;top:22px;left:20px;z-index:2;border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.12);color:#fff;border-radius:999px;padding:7px 18px;
  font-family:"Alexandria",sans-serif;font-size:.74rem;font-weight:700;cursor:pointer;backdrop-filter:blur(6px);
}
.sp-center{text-align:center;position:relative;z-index:1;}
.sp-logo{position:relative;display:inline-block;animation:spPop .9s cubic-bezier(.2,1.4,.3,1) both;}
@keyframes spPop{0%{transform:scale(.3);opacity:0}100%{transform:scale(1);opacity:1}}
.sp-logo svg{filter:drop-shadow(0 16px 34px rgba(2,44,38,.5));}
.sp-ring{
  position:absolute;inset:-16px;border-radius:50%;border:2.5px solid rgba(255,255,255,.35);
  animation:spRing 2.2s ease-out infinite .6s;
}
@keyframes spRing{0%{transform:scale(.75);opacity:1}100%{transform:scale(1.5);opacity:0}}
.sp-ecg{stroke-dasharray:100;stroke-dashoffset:100;animation:spDraw 1.3s ease-out .45s forwards;}
@keyframes spDraw{to{stroke-dashoffset:0}}
.sp-dot{opacity:0;animation:spDotIn .4s ease-out 1.7s forwards;}
@keyframes spDotIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.sp-name{
  font-family:"Alexandria",sans-serif;color:#fff;font-size:2.15rem;font-weight:800;margin-top:18px;
  opacity:0;animation:spUp .7s ease-out .9s forwards;
}
.sp-name em{font-style:normal;background:linear-gradient(90deg,#fde68a,#fca5a5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.sp-tag{color:#c9f5ec;font-size:.86rem;font-weight:600;margin-top:8px;opacity:0;animation:spUp .7s ease-out 1.25s forwards;}
@keyframes spUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.sp-sponsor{
  position:absolute;bottom:64px;width:min(340px,calc(100% - 48px));text-align:center;cursor:pointer;
  background:linear-gradient(160deg,rgba(255,255,255,.15),rgba(255,255,255,.07));
  border:1.5px solid rgba(253,230,138,.55);border-radius:18px;padding:13px 16px;backdrop-filter:blur(10px);
  opacity:0;animation:spUp .8s ease-out 1.8s forwards;box-shadow:0 14px 34px rgba(2,44,38,.35);
}
.sp-sp-label{
  display:inline-block;background:linear-gradient(120deg,#f59e0b,#fbbf24);color:#3f2d04;
  border-radius:999px;padding:3px 14px;font-family:"Alexandria",sans-serif;font-size:.62rem;font-weight:800;
  margin-bottom:7px;box-shadow:0 4px 12px rgba(245,158,11,.4);
}
.sp-sponsor strong{display:block;color:#fff;font-family:"Alexandria",sans-serif;font-size:.9rem;font-weight:800;line-height:1.5;}
.sp-sponsor small{display:block;color:#d9f6f0;font-size:.66rem;margin-top:3px;font-weight:600;}
.sp-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(255,255,255,.15);}
.sp-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#fbbf24,#22d3ee);animation:spProg 8s linear forwards;}
@keyframes spProg{to{width:100%}}

/* شريحة الرجوع داخل شبكة الاختصاصات (وضع المدينة) */
.spec-grid .city-back-chip{grid-column:1/-1;}
@media (max-width:760px){
  .spec-grid:not(.city-mode) .city-back-chip{width:100%;}
}

/* ---------- 20) قائمة اقتراحات البحث الاحترافية (7.8.3) ---------- */
.suggest-box{
  right:0;left:0;top:calc(100% + 10px);
  border:1.5px solid #b8e4da;border-radius:18px;
  box-shadow:0 24px 56px rgba(6,80,68,.22);
  max-height:340px;padding-bottom:0;
}
.sg-item{
  padding:12px 14px;gap:11px;border-bottom:1px solid #eef5f2;
  align-items:center;
}
.sg-item:active{background:#f0fdfa;}
.sg-ic{
  width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  background:#e8f7f3;border-radius:11px;font-size:1.05rem;
}
.sg-item:nth-child(4n+2) .sg-ic{background:#e3f1fe;}
.sg-item:nth-child(4n+3) .sg-ic{background:#fdeff6;}
.sg-item:nth-child(4n+4) .sg-ic{background:#fef4e2;}
.sg-nm{font-family:"Alexandria",sans-serif;font-size:.84rem;font-weight:700;white-space:normal;line-height:1.5;overflow:visible;flex:1;}
.sg-sp{margin-inline-start:0;flex-shrink:0;background:#f2f7f5;border-radius:999px;padding:3px 10px;font-size:.62rem;font-weight:700;color:#4c6a62;max-width:38%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* زر تنفيذ البحث المثبت أسفل القائمة */
.sg-go{
  position:sticky;bottom:0;display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;border:0;cursor:pointer;padding:13px;
  background:linear-gradient(120deg,#0c907a,#2ab99d);color:#fff;
  font-family:"Alexandria",sans-serif;font-size:.85rem;font-weight:800;
  box-shadow:0 -6px 16px rgba(6,80,68,.12);
}
.sg-go b{background:rgba(255,255,255,.2);border-radius:8px;padding:1px 9px;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* وميض تمييز قسم النتائج بعد البحث */
@keyframes resultsFlash{
  0%{box-shadow:inset 0 0 0 3px rgba(20,184,166,.55);background:rgba(20,184,166,.06);}
  100%{box-shadow:inset 0 0 0 3px rgba(20,184,166,0);background:transparent;}
}
#resultsSec.results-flash{animation:resultsFlash 1.4s ease-out 1;border-radius:18px;}

/* ---------- 21) إشعار البحث الذكي ---------- */
.smart-notice{
  grid-column:1/-1;background:linear-gradient(160deg,#f0fdfa,#e9f8f4);
  border:1.5px solid #b8e4da;border-radius:16px;padding:14px 15px;margin-bottom:4px;
}
.sn-hd{font-family:"Alexandria",sans-serif;font-size:.85rem;font-weight:800;color:#0f2d28;line-height:1.7;}
.sn-why{margin-top:7px;font-size:.75rem;font-weight:700;color:#0b6357;line-height:1.8;background:#fff;border-radius:11px;padding:9px 12px;border:1px solid #d8efe8;}
.sn-cities{margin-top:9px;display:flex;flex-wrap:wrap;gap:7px;align-items:center;}
.sn-cities span{font-size:.7rem;font-weight:700;color:#4c6a62;}
.sn-cities button{
  border:0;border-radius:999px;padding:7px 15px;cursor:pointer;
  background:linear-gradient(120deg,#0c907a,#2ab99d);color:#fff;
  font-family:"Alexandria",sans-serif;font-size:.7rem;font-weight:800;
  box-shadow:0 5px 12px rgba(13,148,136,.25);
}

/* ---------- 22) توقيع المطور بالافتتاحية + نموذج التواصل ---------- */
.sp-dev{
  position:absolute;bottom:14px;width:calc(100% - 40px);max-width:420px;
  border:0;background:transparent;color:#bfeee6;cursor:pointer;
  font-family:"IBM Plex Sans Arabic",sans-serif;font-size:.64rem;font-weight:600;line-height:1.8;
  opacity:0;animation:spUp .7s ease-out 2.6s forwards;
}
.sp-dev b{color:#fde68a;font-weight:800;}
.dc-lb{display:block;font-size:.72rem;font-weight:700;margin:10px 0 4px;color:#134e46;}
.dc-in{width:100%;font-family:inherit;font-size:15px;border:1.5px solid #cde8e1;border-radius:11px;padding:11px;outline:none;background:#fafffe;}
.dc-in:focus{border-color:#0d9488;box-shadow:0 0 0 3px rgba(20,184,166,.14);}
.ok-note{margin-top:11px;background:#ecfdf5;border:1.5px solid #a7f3d0;color:#065f46;border-radius:11px;padding:11px;font-size:.76rem;font-weight:700;text-align:center;}