/* Mainstage S1 — Split with Coupon */

.mstg.v1 {
    --flx-gap: 3.8rem;
    padding: 1.11rem;

    &::before {
        background-color: var(--white);
    }
    /* -- Spacing overrides ---------------------------- */

    /* Below-logo gap lives in the header (see header-v1.css --hdr-below-logo). Top/bottom
       are balanced here so the content sits nearer the vertical center WITHOUT changing the
       mainstage height — each top+bottom total is preserved (213 desktop / 80 mobile);
       ~half the bottom padding was shifted to the top. */
    --mstg-tls-pd-v-tp:      90;
    --mstg-tls-pd-v-tp-mbl:  36;
    --mstg-tls-pd-v-bt:      123;
    --mstg-tls-pd-v-bt-mbl:  44;

    /* -- Background image — via mainstage tools ------- */

    --mstg-img-bg-o:   0.45;

    .inf {
        @media screen and (min-width: 1280px) {
            .two-thirds p {
                width: 70%;
            }
        }
    }

    /* -- Prevent right column from overflowing flex -- */

    .third {
        min-width: 0;
    }

    .inr {
        position: relative;
        z-index: 2;
        border-radius: 1.78rem;
        overflow: hidden;

        &::before {
            background-color: var(--background);
        }
    }
}