/* ============================================================
   clinicparvaz.ir — why.css — نسخهٔ ۲.۰
   سکشن «چرا فنی پرواز؟» — شش کارت ویژگی کلیک‌پذیر
   مکمل why.js (استایل اصلی کارت‌ها inline از JS)
   ============================================================ */

#why.why-sec .why-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:22px;
}
@media(max-width:900px){
  #why.why-sec .why-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  #why.why-sec .why-grid{grid-template-columns:1fr}
}

/* مسیر بیمار — سه گام (حفظ از v1) */
#why.why-sec .why-path{
  display:flex;align-items:stretch;gap:0;margin:22px 0 6px;
}
#why.why-sec .why-step{
  flex:1;text-align:center;position:relative;padding:0 6px;
}
#why.why-sec .why-step + .why-step::before{
  content:'';position:absolute;top:17px;right:-14px;width:28px;height:2px;
  background:linear-gradient(90deg,#C9D6E4,#7FB3E0);
}
#why.why-sec .why-dot{
  width:34px;height:34px;border-radius:50%;margin:0 auto 6px;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:800;color:#fff;
  background:linear-gradient(135deg,#2A5A8F,#1E3A5F);
  box-shadow:0 4px 11px rgba(30,58,95,.25);
}
#why.why-sec .why-step small{color:#5c7185;font-size:11.5px;font-weight:700}
@media(max-width:520px){
  #why.why-sec .why-dot{width:28px;height:28px;font-size:12px}
  #why.why-sec .why-step small{font-size:10px}
}

/* هایلایت کوتاه هنگام پرش از سایدبار */
#why.why-sec.flash{
  animation:whyFlash 1.6s ease 1;
}
@keyframes whyFlash{
  0%{box-shadow:0 0 0 0 rgba(41,168,216,0)}
  25%{box-shadow:0 0 0 6px rgba(41,168,216,.18)}
  100%{box-shadow:0 0 0 0 rgba(41,168,216,0)}
}