/**
 * UNIMERCE Marketplace
 * Developer: Morris Robinson <morrisrobinson1688@aol.com>
 * Patch 289: responsive storefront header ratios and text-only auto height
 */
.page-hero.has-image,
.page-hero:not(.no-image) {
  aspect-ratio: 16 / 9 !important;
  min-height: 0 !important;
  display: grid;
  align-items: end;
}
.page-hero.has-image .container,
.page-hero:not(.no-image) .container {
  padding-top: clamp(3rem, 8vw, 6rem) !important;
  padding-bottom: clamp(2rem, 5vw, 4rem) !important;
}
.page-hero.no-image {
  aspect-ratio: auto !important;
  min-height: 0 !important;
  display: block;
  align-items: initial;
}
.page-hero.no-image .container {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.page-hero.no-image h1 {
  margin-top: .35rem;
  margin-bottom: .35rem;
}
.page-hero.no-image .hero-intro,
.page-hero.no-image p:last-child {
  margin-bottom: 0;
}
.um-public-profile-hero.has-image {
  aspect-ratio: 16 / 9;
  min-height: 0;
  display: grid;
  align-items: end;
  padding: 0;
}
.um-public-profile-hero.has-image > .container {
  padding-top: clamp(3rem, 8vw, 6rem);
  padding-bottom: clamp(2rem, 5vw, 3.25rem);
}
.um-public-profile-hero.no-image {
  aspect-ratio: auto;
  min-height: 0;
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (max-width: 991.98px) {
  .page-hero.has-image,
  .page-hero:not(.no-image) {
    aspect-ratio: 3 / 4 !important;
    min-height: 0 !important;
  }
  .page-hero.no-image {
    aspect-ratio: auto !important;
    min-height: 0 !important;
  }
  .page-hero.no-image .container {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .um-public-profile-hero.has-image {
    aspect-ratio: 3 / 4;
    min-height: 0;
  }
  .um-public-profile-hero.no-image {
    aspect-ratio: auto;
    min-height: 0;
    padding-top: 24px;
    padding-bottom: 24px;
  }
}