/* =============================================================
   PRODUCT pages — shared snippets used across multiple product
   page templates (cellular-packages, family-packages, sim-data,
   etc.). The plan card chrome itself lives in sections/tier-card.css.
   ============================================================= */

/* Section subline (cellular-packages — H2 paragraph under H1 heading).
   Specificity bumped so it overrides the global .section__heading h2 rule. */
.section__heading h2.section__heading-subline {
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: var(--color-text-heading);
    margin: 12px 0 0;
}

/* Cellular-packages desktop subline override — staging shows H2 subline at
   55/55 (as large as H1 sibling, weight 400). */
.page--cellular-packages .section__heading h2.section__heading-subline {
    font-size: 55px;
    line-height: 55px;
}

/* Cellular-packages hero supertitle line-height — staging desktop uses lh 1.5
   (84px) to add breathing room. Mobile keeps lh 1.0 via the existing
   .product-hero__headline-supertitle @max-768 rule. */
.page--cellular-packages .product-hero__headline-supertitle {
    line-height: 1.5;
}

@media (max-width: 1024px) {

    .page--cellular-packages .section__heading h1,
    .page--cellular-packages .section__heading h2:not(.section__heading-subline) {
        font-size: 35px;
        line-height: 1;
    }

    .page--cellular-packages .section__heading h2.section__heading-subline {
        font-size: 25px;
        line-height: 1;
        color: var(--color-text-heading);
    }

    .page--cellular-packages .form-band__content h2 {
        font-size: 23px;
        line-height: 23px;
    }
}