/* Both layouts use the content that the original desktop stylesheet displayed. */
[data-content="legacy-mobile"],
#bm {
    display: none !important;
}

#bp { display: flex; }
#bp > a { flex: 1; min-width: 0; }
img { max-width: 100%; height: auto; }

@media (max-width: 770px) {
    .containerWrapper { min-width: 0; }
    .fullContainer .containerInner { min-width: 0; }
    .containerInner { padding-inline: 12px !important; }
    .fullContainer .innerContent {
        float: none !important;
        width: 100%;
    }
    .de2pxLetterSpacing { letter-spacing: .3px; }
    .elHeadline { overflow-wrap: break-word; }
    #row--70818 { padding-block: 12px !important; }
    #row-115 { margin-top: 24px !important; }
    #text1 { font-size: clamp(25px, 6.5vw, 36px) !important; line-height: 1.3; }
    #text2 { font-size: clamp(34px, 8.5vw, 50px) !important; line-height: 1.15; }
    #text2 b.mobilex { font-size: inherit; }
    #text3, #text3 > b { font-size: clamp(19px, 5vw, 28px) !important; line-height: 1.6; }
    #text4 { font-size: 18px; line-height: 1.5; }
    .text3333 { color: inherit; }
    #row-116 { width: 100% !important; }
    #row-126 { margin-top: 28px !important; }
    /* Hide the entire video column, retaining its adjacent desktop text. */
    #col-left-121-124-170-177 { display: none !important; }
    #col-right-153-172-134-141 { margin-top: 0 !important; }
    #text6 { font-size: 18px !important; line-height: 1.6; }
    #text8, #text10, #text12, #text14 { line-height: 1.6; }
    .elButton {
        font-size: 25px !important;
        line-height: 1.3;
        min-height: 48px;
        padding: 14px 16px !important;
    }
    .ea-buttonElevate:hover { transform: none; }
    #bp {
        display: flex !important;
        flex-direction: column;
        width: 100%;
        padding: 24px 20px 0;
        gap: 16px;
    }
    #bp > a { width: 100%; max-width: 480px; }
    #bp .bimg { display: block; padding: 0; }
    #section--75607-165 { margin-top: 28px !important; }
    #tmp_subheadline-28907-172-157-153-100-123 > div { text-align: center !important; }
    #row-157-118, #row-102-184 { padding-block: 8px !important; }
    #row-157-118 > .innerContent, #row-102-184 > .innerContent {
        margin-top: 0 !important;
        padding-block: 16px !important;
    }
    #section--73186-112 h2 {
        min-height: 0 !important;
        max-height: none !important;
        font-size: 16px !important;
        line-height: 1.6;
        text-align: center !important;
    }
    #row-128-109 { margin-top: 20px !important; }
    #row-111 { margin-top: 24px !important; }
    #row-144 { padding-bottom: max(24px, env(safe-area-inset-bottom)) !important; }
}