/* ============================================================
   clinicparvaz.ir — services.css — نسخهٔ ۵.۴
   ۵.۴:
     · گرهٔ مرحلهٔ ۸ — هم‌قوارهٔ بقیه: هالهٔ دوهلقه‌ای سبز
       حذف شد (فقط سایهٔ استاندارد مشابه مراحل ۱-۷)
     · CTA «مسیر شما همین‌جا شروع می‌شود» — با الگوی ستاره‌های
       ✦ زمینه (همان زبان بصری دکمهٔ رزرو سایدبار — نسخهٔ
       سفید کم‌رنگ روی سرمه‌ای) + ستارهٔ ✦ بزرگ محو گوشه
       (مثل hero سایت) — عناصر متنی روی لایهٔ ستاره‌ها
   دست‌نخورده از ۵.۳ (تأییدشده): نوار دائمی گرادیانی در هر
   دو نما (موبایل 39.5px · دسکتاپ 37.5px) · حلقهٔ بوردری
   دایره · آیکون فلکس‌وسط · اتصال CTA با گرادیان 2E7D64→294774
   ============================================================ */

#services{position:relative}
#services .sec-head{max-width:680px;margin:0 auto 36px;text-align:center}

/* — خط مرکزی: موبایل راست (27px) · دسکتاپ وسط — */
#services .j-list{position:relative;max-width:980px;margin:0 auto;padding:6px 0}
#services .j-list::before{
  content:'';position:absolute;top:0;bottom:0;right:27px;width:3px;border-radius:3px;
  background:linear-gradient(180deg,#29A8D8 0%,#1E88B8 30%,#2A5A8F 60%,#2E7D64 100%);
}
/* اتصال انتهای تایم‌لاین → باکس CTA — گرادیان 2E7D64 → 294774 */
#services .j-list::after{
  content:'';position:absolute;top:100%;right:27px;width:3px;height:30px;
  background:linear-gradient(180deg,#2E7D64,#294774);
  border-radius:0 0 3px 3px;
}
@media(min-width:860px){
  #services .j-list::before{right:50%;transform:translateX(50%)}
  #services .j-list::after{right:50%;margin-right:-1.5px;transform:none}
}

/* — هر مرحله — موبایل: card تا 76px از راست، node 0..56 — */
#services .j-step{position:relative;padding:0 0 28px;padding-right:76px}
#services .j-step:last-child{padding-bottom:6px}

/* — گره روی خط — حلقهٔ بوردری + گرادیان دوخطی — */
#services .j-node{
  position:absolute;right:0;top:0;
  width:56px;height:56px;
  border:5px solid #fff;
  border-radius:999px;
  background:linear-gradient(135deg,#29A8D8,#1E88B8);
  background-image:linear-gradient(135deg,#29A8D8,#1E88B8);
  background-clip:padding-box;
  color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 16px rgba(30,136,184,.30);
  transition:transform .25s ease,box-shadow .25s ease;
  z-index:2;
}
#services .j-node svg{width:23px;height:23px;position:relative;z-index:2}
#services .j-step:hover .j-node{
  transform:scale(1.1);
  box-shadow:0 10px 24px rgba(30,136,184,.42);
}

/* — نوار اتصال — ::after خود گره — پیش‌فرض: 39.5px (موبایل) — */
#services .j-node::after{
  content:'';position:absolute;top:50%;transform:translateY(-50%);
  right:100%;width:39.5px;height:3px;border-radius:3px 0 0 3px;
  background:#BFD6E8;
  transition:background .3s ease;
  z-index:3;
}
/* موبایل — نوار دائمی گرادیانی: رنگ مرحله → یخی کپسول */
@media(max-width:859px){
  #services .j-step:nth-child(1) .j-node::after{background:linear-gradient(to left,#42a0d2,#ebf5fb)}
  #services .j-step:nth-child(2) .j-node::after{background:linear-gradient(to left,#3a80ba,#ebf5fb)}
  #services .j-step:nth-child(3) .j-node::after{background:linear-gradient(to left,#2a6ba3,#ebf5fb)}
  #services .j-step:nth-child(4) .j-node::after{background:linear-gradient(to left,#275986,#ebf5fb)}
  #services .j-step:nth-child(5) .j-node::after{background:linear-gradient(to left,#296e71,#ebf5fb)}
  #services .j-step:nth-child(6) .j-node::after{background:linear-gradient(to left,#2b8661,#ebf5fb)}
  #services .j-step:nth-child(7) .j-node::after{background:linear-gradient(to left,#2ba668,#ebf5fb)}
  #services .j-step:nth-child(8) .j-node::after{background:linear-gradient(to left,#2ab37c,#ebf5fb)}
}

/* رنگ گره‌ها — پیشروی آبی → سبز — ۵.۴: مرحلهٔ ۸ هم‌قوارهٔ بقیه */
#services .j-step:nth-child(1) .j-node{background:linear-gradient(135deg,#29A8D8,#1E88B8);
  background-image:linear-gradient(135deg,#29A8D8,#1E88B8);background-clip:padding-box}
#services .j-step:nth-child(2) .j-node{background:linear-gradient(135deg,#1E88B8,#2A7DB8);
  background-image:linear-gradient(135deg,#1E88B8,#2A7DB8);background-clip:padding-box}
#services .j-step:nth-child(3) .j-node{background:linear-gradient(135deg,#2A7DB8,#2A5A8F);
  background-image:linear-gradient(135deg,#2A7DB8,#2A5A8F);background-clip:padding-box}
#services .j-step:nth-child(4) .j-node{background:linear-gradient(135deg,#2A5A8F,#245E7E);
  background-image:linear-gradient(135deg,#2A5A8F,#245E7E);background-clip:padding-box}
#services .j-step:nth-child(5) .j-node{background:linear-gradient(135deg,#245E7E,#2E7D64);
  background-image:linear-gradient(135deg,#245E7E,#2E7D64);background-clip:padding-box}
#services .j-step:nth-child(6) .j-node{background:linear-gradient(135deg,#2E7D64,#288F5E);
  background-image:linear-gradient(135deg,#2E7D64,#288F5E);background-clip:padding-box}
#services .j-step:nth-child(7) .j-node{background:linear-gradient(135deg,#288F5E,#2FBC72);
  background-image:linear-gradient(135deg,#288F5E,#2FBC72);background-clip:padding-box}
#services .j-step:nth-child(8) .j-node{
  background:linear-gradient(135deg,#34c98e,#1F9D6B);
  background-image:linear-gradient(135deg,#34c98e,#1F9D6B);background-clip:padding-box;
}

/* — کارت مرحله — */
#services .j-card{
  position:relative;overflow:hidden;
  background:linear-gradient(160deg,#fff 0%,#F6FAFD 100%);
  border:1.5px solid #DCE8F2;border-radius:18px;
  padding:15px 18px 14px;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
#services .j-card::before{
  content:'';position:absolute;top:0;right:0;bottom:0;width:4px;
  background:linear-gradient(180deg,#29A8D8,#1E88B8);opacity:.9;
}
#services .j-step:hover .j-card{
  transform:translateY(-3px);
  border-color:#7FB3E0;
  box-shadow:0 12px 26px rgba(30,58,95,.13);
}

/* — عدد ghost: بالا، سمتِ دور از خط — */
#services .j-ghost{
  position:absolute;top:-4px;left:10px;
  font-size:78px;font-weight:800;line-height:1;
  color:#1E3A5F;opacity:.055;
  pointer-events:none;user-select:none;
  font-variant-numeric:tabular-nums;
}
#services .j-step:nth-child(8) .j-ghost{color:#1F9D6B;opacity:.09}

/* — پیل شماره + عنوان + بج — */
#services .j-num{
  position:relative;display:inline-flex;align-items:center;
  background:#EBF5FB;color:#155E86;border-radius:999px;
  font-size:10.5px;font-weight:800;padding:2px 12px;margin-bottom:6px;
}
#services .j-card h3{
  color:#1E3A5F;font-size:15px;font-weight:800;margin:0 0 5px;line-height:1.7;position:relative;
}
#services .j-card p{
  color:#43556A;font-size:12.8px;line-height:1.95;margin:0;position:relative;
}
#services .j-tag{
  position:relative;display:inline-flex;align-items:center;gap:5px;margin-top:9px;
  background:#ECFDF5;color:#065F46;border-radius:999px;
  font-size:10.5px;font-weight:800;padding:2px 11px;
}
#services .j-tag.blue{background:#EBF5FB;color:#155E86}
#services .j-tag.amber{background:#FFF7E8;color:#8a6414}

/* ————— دسکتاپ: زیگزاگ — نوار دائمی تا مماس کپسول ————— */
@media(min-width:860px){
  #services .j-node::after{width:37.5px;z-index:3}

  #services .j-step{width:50%;padding-right:0;padding-left:0}

  #services .j-step:nth-child(odd){
    margin-right:auto;
    padding-right:46px;
  }
  #services .j-step:nth-child(odd) .j-node{right:-28px}
  #services .j-step:nth-child(odd) .j-card::before{right:0}
  #services .j-step:nth-child(odd) .j-ghost{left:10px}
  #services .j-step:nth-child(odd) .j-node::after{
    right:100%;width:37.5px;border-radius:3px 0 0 3px;
  }
  #services .j-step:nth-child(odd):nth-child(1) .j-node::after{background:linear-gradient(to left,#42a0d2,#ebf5fb)}
  #services .j-step:nth-child(odd):nth-child(3) .j-node::after{background:linear-gradient(to left,#2a6ba3,#ebf5fb)}
  #services .j-step:nth-child(odd):nth-child(5) .j-node::after{background:linear-gradient(to left,#296e71,#ebf5fb)}
  #services .j-step:nth-child(odd):nth-child(7) .j-node::after{background:linear-gradient(to left,#2ba668,#ebf5fb)}

  #services .j-step:nth-child(even){
    margin-left:auto;
    padding-left:46px;
  }
  #services .j-step:nth-child(even) .j-node{left:-28px;right:auto}
  #services .j-step:nth-child(even) .j-card::before{left:0;right:auto}
  #services .j-step:nth-child(even) .j-ghost{left:auto;right:10px}
  #services .j-step:nth-child(even) .j-node::after{
    right:auto;left:100%;width:37.5px;border-radius:0 3px 3px 0;
  }
  #services .j-step:nth-child(even):nth-child(2) .j-node::after{background:linear-gradient(to right,#3a80ba,#ebf5fb)}
  #services .j-step:nth-child(even):nth-child(4) .j-node::after{background:linear-gradient(to right,#275986,#ebf5fb)}
  #services .j-step:nth-child(even):nth-child(6) .j-node::after{background:linear-gradient(to right,#2b8661,#ebf5fb)}
  #services .j-step:nth-child(even):nth-child(8) .j-node::after{background:linear-gradient(to right,#2ab37c,#ebf5fb)}

  #services .j-step:nth-child(even) .j-num{
    display:flex;width:max-content;
    margin-right:auto;margin-left:0;
  }
}

/* — CTA پایانی — ۵.۴: ستاره‌های ✦ زمینه (زبان بصری سایدبار) — */
#services .j-cta{
  position:relative;overflow:hidden;
  max-width:980px;margin:30px auto 0;
  text-align:center;padding:22px 18px;
  background:linear-gradient(135deg,#1E3A5F 0%,#2A5A8F 100%);
  border-radius:18px;color:#fff;
  box-shadow:0 12px 30px rgba(30,58,95,.30);
  --ctastars:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cpath d='M22 14l1.4 3.2L27 19l-3.6 1.8L22 25l-1.4-3.2L17 19l3.6-1.8z' fill='%23FFFFFF' opacity='.09'/%3E%3Cpath d='M96 34l1 2.4 2.4 1.1-2.4 1.1-1 2.4-1-2.4-2.4-1.1 2.4-1.1z' fill='%23FFFFFF' opacity='.06'/%3E%3Cpath d='M48 74l1.6 3.8 3.8 1.8-3.8 1.8-1.6 3.8-1.6-3.8-3.8-1.8 3.8-1.8z' fill='%23FFFFFF' opacity='.07'/%3E%3C/svg%3E");
}
/* لایهٔ ستاره‌ها روی کل باکس */
#services .j-cta::before{
  content:'';position:absolute;inset:0;
  background-image:var(--ctastars);
  background-size:140px 140px;
  pointer-events:none;
}
/* ستارهٔ ✦ بزرگ محو گوشه — هم‌خانوادهٔ hero */
#services .j-cta::after{
  content:'✦';position:absolute;left:-14px;bottom:-44px;
  font-size:120px;color:rgba(255,255,255,.06);
  pointer-events:none;
}
#services .j-cta h3{position:relative;font-size:16.5px;font-weight:800;margin:0 0 6px}
#services .j-cta p{position:relative;color:rgba(255,255,255,.85);font-size:12.8px;margin:0 0 14px;line-height:1.9}
#services .j-cta a{
  position:relative;display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  color:#fff;font-size:14px;font-weight:800;
  padding:11px 30px;border-radius:999px;
  background:linear-gradient(135deg,#F59E0B,#fbbf24);
  box-shadow:0 8px 20px rgba(245,158,11,.4);
  transition:transform .25s ease,box-shadow .25s ease;
}
#services .j-cta a:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(245,158,11,.5)}
#services .j-cta .j-tel{position:relative;display:block;margin-top:11px;font-size:12px;color:rgba(255,255,255,.75)}
#services .j-cta .j-tel bdi{color:#7DD3FC;font-weight:800}

@media (prefers-reduced-motion: reduce){
  #services .j-step:hover .j-node,
  #services .j-step:hover .j-card,
  #services .j-cta a{transition:none;transform:none}
}