/* Existing Little Bloom logo, scoped to the four member-facing routes. */
#app .mall-page .mall-brand img {
  width: clamp(120px, 38vw, 148px);
  height: auto;
  aspect-ratio: 5 / 2;
  object-fit: contain;
  object-position: left center;
}

#app .password-page .brand-line,
#app .pay-password-page .brand-line {
  min-height: 54px;
}

#app .password-page .brand-line img,
#app .pay-password-page .brand-line img {
  display: block;
  width: 135px;
  height: 54px;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
}

#app .platform-page .brand-row {
  min-height: 60px;
}

#app .platform-page .brand-logo {
  display: block;
  width: 150px;
  height: 60px;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
}

/* The storefront's mobile .container.safari_only rule otherwise clips the
   profile below the first screen, including account settings and My Team. */
@media (max-width: 480px) {
  #app .container.safari_only.mall-page {
    min-height: 0 !important;
    height: calc(100dvh - 56px) !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}