/*
 * v317 — align the homepage hero < > navigation with the movie button
 * and the "گفتگوهای اختصاصی" title on one horizontal visual line.
 */

/*
 * Desktop/tablet:
 * movie button height = 46px
 * arrow height = 38px
 * therefore arrows sit 4px higher at the bottom so both centers match.
 */
@media (min-width:821px){
  html body .hero .irf-hero-arrow-nav-v316{
    bottom:calc(clamp(92px,10vw,142px) + 4px) !important;
  }
}

/* Mobile keeps the same center line as the 38px movie button. */
@media (max-width:820px){
  html body .hero .irf-hero-arrow-nav-v316{
    bottom:24px !important;
  }
}