/*
 * v309 — دکمه فعال و قابل‌دیدن فیلم برای اسلایدر صفحه اصلی
 * دسکتاپ: دکمه بالاتر از لبه پایین قرار می‌گیرد.
 * این فایل نوع حرکت یا فید اسلایدر را تغییر نمی‌دهد.
 */
html body .hero{
  position:relative !important;
}

html body .hero .irf-hero-movie-action-v309{
  position:absolute !important;
  left:clamp(28px,6vw,104px) !important;
  right:auto !important;
  bottom:clamp(92px,10vw,142px) !important;
  z-index:2147481000 !important;
  display:flex !important;
  align-items:center !important;
  pointer-events:auto !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}

html body .hero .irf-hero-movie-action-v309[hidden]{
  display:none !important;
}

html body .hero .irf-hero-movie-button-v309{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  min-height:46px !important;
  padding:10px 19px !important;
  border:1px solid rgba(255,241,177,.95) !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#c99721,#f3d878) !important;
  color:#17130a !important;
  text-decoration:none !important;
  font-family:inherit !important;
  font-size:14px !important;
  font-weight:950 !important;
  line-height:1 !important;
  cursor:pointer !important;
  box-shadow:0 14px 34px rgba(0,0,0,.40) !important;
  pointer-events:auto !important;
  white-space:nowrap !important;
  isolation:isolate !important;
  touch-action:manipulation !important;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease !important;
}

html body .hero .irf-hero-movie-button-v309::before{
  content:'▶';
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  min-width:26px;
  border-radius:50%;
  background:#151515;
  color:#fff;
  font-size:10px;
  line-height:1;
  padding-left:2px;
  box-sizing:border-box;
}

html body .hero .irf-hero-movie-button-v309:hover,
html body .hero .irf-hero-movie-button-v309:focus-visible{
  transform:translateY(-2px) !important;
  filter:brightness(1.08) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.48) !important;
  outline:3px solid rgba(255,229,135,.28) !important;
  outline-offset:3px !important;
}

.irf-hero-video-modal-v309[hidden]{display:none !important;}
.irf-hero-video-modal-v309{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483600 !important;
  display:grid !important;
  place-items:center !important;
  padding:20px !important;
  direction:rtl !important;
}
.irf-hero-video-backdrop-v309{
  position:absolute !important;
  inset:0 !important;
  background:rgba(2,4,8,.90) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}
.irf-hero-video-dialog-v309{
  position:relative !important;
  width:min(1120px,96vw) !important;
  max-height:94vh !important;
  overflow:auto !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:20px !important;
  background:#080a0f !important;
  color:#fff !important;
  box-shadow:0 32px 100px rgba(0,0,0,.62) !important;
}
.irf-hero-video-head-v309{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  min-height:66px !important;
  padding:12px 16px !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}
.irf-hero-video-head-v309 h2{
  margin:0 !important;
  font-size:17px !important;
  line-height:1.8 !important;
}
.irf-hero-video-close-v309{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border:0 !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  font-size:27px !important;
  line-height:1 !important;
  cursor:pointer !important;
}
.irf-hero-video-frame-v309{
  position:relative !important;
  min-height:300px !important;
  background:#000 !important;
  display:grid !important;
  place-items:center !important;
}
.irf-hero-video-frame-v309 > video,
.irf-hero-video-frame-v309 > iframe{
  display:block !important;
  width:100% !important;
  border:0 !important;
  background:#000 !important;
}
.irf-hero-video-frame-v309 > video{max-height:78vh !important;}
.irf-hero-video-frame-v309 > iframe{height:min(72vh,720px) !important;}
.irf-hero-video-message-v309{
  padding:13px 16px !important;
  color:#fecaca !important;
  font-size:13px !important;
  line-height:1.9 !important;
}
body.irf-hero-video-open-v309{overflow:hidden !important;}

@media (max-width:820px){
  html body .hero .irf-hero-movie-action-v309{
    left:16px !important;
    right:auto !important;
    bottom:22px !important;
  }
  html body .hero .irf-hero-movie-button-v309{
    min-height:38px !important;
    padding:7px 13px !important;
    gap:7px !important;
    font-size:12px !important;
  }
  html body .hero .irf-hero-movie-button-v309::before{
    width:22px;
    height:22px;
    min-width:22px;
    font-size:8px;
  }
  .irf-hero-video-modal-v309{padding:8px !important;}
  .irf-hero-video-dialog-v309{width:100% !important;border-radius:14px !important;}
  .irf-hero-video-frame-v309{min-height:190px !important;}
}