.elementor-12590 .elementor-element.elementor-element-8f6282d{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12590 .elementor-element.elementor-element-08cf433{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for container, class: .elementor-element-8f6282d *//* ــ فول‌اسکرین ویدیو دسکتاپ ــ */
#heroBgDesktop{
  position: relative;
  overflow: hidden;
}

#heroBgDesktop .elementor-background-video-container{
  position: fixed;
  inset: 0;
  height: 100vh;
  overflow: hidden;
  z-index: -1;
}

#heroBgDesktop .elementor-background-video-embed,
#heroBgDesktop .elementor-background-video-hosted,
#heroBgDesktop .elementor-background-video-embed video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ــ دکمه صدا فقط برای دسکتاپ ــ */
.sound-btn{
  display: flex; align-items: center; justify-content: center;
  line-height: 1; border-radius: 50%; cursor: pointer;
}

#heroBgDesktop .sound-btn-desktop{
  position: fixed; top: 30px; left: 30px; z-index: 9999;
  width: 45px; height: 45px; font-size: 44px;
  border: 2px solid #000; background: #fff !important; color: #000 !important;
  transition: background .2s ease, color .2s ease;
}
#heroBgDesktop .sound-btn-desktop:hover{
  background: #000 !important; color: #fff !important;
}

/* (اگه قبلاً گذاشتی هم خوبه) جلوگیری از اسکرول افقی کلی */
html, body{ overflow-x: hidden; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08cf433 *//* ــ فول‌اسکرین واقعی موبایل + بدون اسکرول ــ */
#heroBgMobile{
  position: fixed; inset: 0;
  width: 100vw; height: 100dvh;  /* dvh برای حذف گپ نوار آدرس */
  overflow: hidden; background: #000;
}

#heroBgMobile .elementor-background-video-container{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  overflow: hidden; z-index: 0;
}

#heroBgMobile .elementor-background-video-embed,
#heroBgMobile .elementor-background-video-hosted,
#heroBgMobile .elementor-background-video-embed video{
  width: 100%; height: 100%;
  object-fit: cover;          /* اگر بریدن نمی‌خوای: contain */
  object-position: center; background: #000;
}

/* ــ دکمه صدا فقط برای موبایل ــ (بالا-وسط) */
.sound-btn{
  display:flex; align-items:center; justify-content:center;
  line-height:1; border-radius:50%; cursor:pointer;
  -webkit-tap-highlight-color: transparent;
}

#heroBgMobile .sound-btn-mobile{
  position: fixed;
  top: calc(16px + env(safe-area-inset-top));
  left: 10%; transform: translateX(-50%);
  z-index: 9999;

  width: 44px; height: 44px; font-size: 24px;
  border: 1.5px solid #fff; background: rgba(0,0,0,.55); color:#fff;
  backdrop-filter: blur(6px);
  transition: transform .15s ease, background .15s ease, color .15s ease;
}
#heroBgMobile .sound-btn-mobile:active{
  transform: translateX(-50%) scale(.96);
}
#heroBgMobile .sound-btn-mobile[aria-pressed="true"]{
  background:#fff; color:#000; border-color:#000;
}/* End custom CSS */