/* V489 — حذف واقعی فاصله‌های ظاهری Hero
   اسلایدهای فعال فعلی: 1600×540
   نسبت واقعی: 1600/540
   ظرف اسلایدر با همین نسبت ساخته می‌شود تا object-fit:contain
   هیچ نوار خالی بالا یا پایین تصویر ایجاد نکند. */

/* بیمه مستقیم به اسلایدر متصل شود */
body:not(.admin-page) .hero > .insurance-ribbon-section.insurance-kaj-style{
  margin:7px 12px 0!important;
}

/* خود stage هیچ فاصله خارجی/داخلی نداشته باشد */
body:not(.admin-page) .hero > .slider-stage{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}

/* مهم‌ترین اصلاح:
   حذف تمام heightهای ثابت قدیمی و استفاده از نسبت واقعی تصویر */
body:not(.admin-page) .hero > .slider-stage > .slides{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:1600 / 540!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:0!important;
  line-height:0!important;
}

/* تصویر کل ظرف را دقیقاً پر می‌کند؛ چون نسبت ظرف با تصویر یکی است،
   contain دیگر هیچ Letterbox بالا/پایین تولید نمی‌کند. */
body:not(.admin-page) .hero > .slider-stage > .slides > img.slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
}

/* کادر بخش‌ها مستقیماً به انتهای تصویر بچسبد */
body:not(.admin-page) .hero > .dept-ribbon{
  margin:-1px -1px 0!important;
  top:auto!important;
  bottom:auto!important;
}

/* فضای اضافه بعد از Hero نیز حداقل بماند */
body:not(.admin-page) .hero{
  margin-bottom:4px!important;
}

body:not(.admin-page) .hero + .container[data-page-component="round_menu"]{
  margin-top:0!important;
  padding-top:0!important;
}

body:not(.admin-page) .hero + .container[data-page-component="round_menu"] .menu-orbs{
  margin-top:6px!important;
}

@media(max-width:760px){
  body:not(.admin-page) .hero > .insurance-ribbon-section.insurance-kaj-style{
    margin:5px 7px 0!important;
  }

  body:not(.admin-page) .hero > .slider-stage > .slides{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1600 / 540!important;
  }

  body:not(.admin-page) .hero > .dept-ribbon{
    margin:-1px -1px 0!important;
    top:auto!important;
    bottom:auto!important;
  }

  body:not(.admin-page) .hero{
    margin-bottom:3px!important;
  }

  body:not(.admin-page) .hero + .container[data-page-component="round_menu"] .menu-orbs{
    margin-top:5px!important;
  }
}