/* Scoped overrides for the new Platforms mobile-banner view */
.mobile-banner-optimized.top-img-div {
  position: relative !important;
  width: 100% !important;
  margin-left: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 4700 / 817 !important;
}

#top-img-div.mobile-banner-optimized {
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 4700 / 817 !important;
}

.mobile-banner-optimized.top-img-div > .top-img-div {
  position: relative !important;
  margin-left: 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  background: transparent !important;
}

#top-img-div.mobile-banner-optimized > .top-img-div {
  height: auto !important;
  min-height: 0 !important;
}

.mobile-banner-optimized .banner-container {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  width: 100% !important;
  height: auto !important;
}

.mobile-banner-optimized .banner-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
}

@media (max-width: 992px) {
  .mobile-banner-optimized.top-img-div {
    display: block !important;
    align-items: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4700 / 817 !important;
  }

  #top-img-div.mobile-banner-optimized {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4700 / 817 !important;
  }

  .mobile-banner-optimized.top-img-div > .top-img-div {
    height: auto !important;
    min-height: 0 !important;
  }

  .mobile-banner-optimized .mobile-tab-dropdown {
    display: none !important;
  }

  .mobile-banner-optimized > div:first-child {
    background: transparent !important;
    padding: 0 !important;
  }
}

@media (max-width: 576px) {
  .mobile-banner-optimized.top-img-div {
    height: auto !important;
    min-height: 0 !important;
  }

  #top-img-div.mobile-banner-optimized {
    height: auto !important;
    min-height: 0 !important;
  }
}