/* ===================================================================
   Private Label page — mobile cleanup (Client_Updates item 7)
   Scoped to page 3652. The hero heading/subtext use fixed desktop
   px sizes (62px / 22px) that are oversized on phones and pushed the
   subtext out of the hero box. Shrink them at the mobile breakpoint.
   !important is required only because the hero markup carries inline
   font-size; this targets content text, not the SiteOrigin grid tools.
   =================================================================== */

/* Video player 50% larger (client): WordPress caps the [video] shortcode
   at the theme content width (650px); force it to 975px, centered.
   Scoped to the private-label video row. */
#pg-3652-6 .wp-video {
    width: 975px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}
#pg-3652-6 .wp-video video.wp-video-shortcode {
    width: 100% !important;
    height: auto !important;
}

@media (max-width: 780px) {
    /* Hero title (3-line) — 62px -> 34px */
    #pg-3652-0 h1 {
        font-size: 34px !important;
        line-height: 1.15 !important;
        margin-bottom: 14px !important;
    }
    /* Hero subtitle — 22px -> 15px so it fits inside the hero */
    #pg-3652-0 p {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }
}