/* Phone-only correction; keep desktop and Chinese heading alignment unchanged. */
@media (max-width: 767.98px) {
  .infr-home-hero .infr-hero-stage {
    /* Previously .38: reduce the extra phone transparency by 20 percentage points.
       The independent CMS photo-opacity and fade settings still apply. */
    filter: opacity(.58);
  }
  html[lang|="en"][data-infr-theme="light"] .infr-home-hero h1 {
    display: block;
    width: min(100%, 20ch);
    font-size: clamp(28px, 7.8vw, 32px);
    line-height: 1.2;
  }
  html[lang|="en"] .infr-home-hero h1 > span {
    display: block;
    text-align: left;
    text-align-last: left;
    word-break: normal;
    overflow-wrap: normal;
    text-wrap: balance;
  }
  html[lang|="en"] .infr-home-hero h1 > span + br + span { margin-top: .18em; }
  /* English labels must wrap inside the existing narrow statistics card. */
  html[lang|="en"] .infr-home-hero .mt-16.grid .text-center {
    flex: 1 1 0;
    min-width: 0;
  }
  html[lang|="en"] .infr-home-hero .mt-16.grid .text-sm {
    white-space: normal !important;
    line-height: 1.35;
  }
  /* Long English offer text must not widen the phone's whole page/Hero viewport. */
  html[lang|="en"] #hot-deals .infr-home-deal-layout { grid-template-columns: minmax(0, 1fr); }
  html[lang|="en"] #hot-deals .infr-home-deal-layout > :is(.infr-home-deal-left, .infr-home-deal-right) { min-width: 0; }
}
