/* Stack the nested Elite / Media header on phones; keep pricing and desktop layout intact. */
@media (max-width: 599px) {
  #app div:has(> .beup-intro-summary-v2) > div:has(> .beup-plan-intro-title):has(> div[style*="inline-flex"]) {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
  }
  #app div:has(> .beup-intro-summary-v2) > div:has(> .beup-plan-intro-title):has(> div[style*="inline-flex"]) > .beup-plan-intro-title {
    min-width: 0;
    max-width: calc(100% - 48px);
    justify-content: center;
    text-align: center;
  }
  #app div:has(> .beup-intro-summary-v2) > div:has(> .beup-plan-intro-title):has(> div[style*="inline-flex"]) > div[style*="inline-flex"] {
    max-width: 100%;
    box-sizing: border-box;
    padding-inline: 16px !important;
    white-space: normal !important;
    justify-content: center;
    text-align: center;
  }
}