/*
 * Localized-only overrides (loaded on the ru/uk/tr/pt/ar copies, not on EN).
 * Translated strings are longer than the English originals and overflow some of
 * the pixel-fixed blocks; these rules shrink/relax those blocks so the text
 * fits without overlapping neighbours. EN keeps its exact original sizing.
 *
 * iPhone 11 / iOS Safari 13+ safe (font/line-height/wrapping only).
 */

/* ── Hero headline ───────────────────────────────────────────────────────────
   The H1 and the body sit at fixed `top:` (196 / 464). Translated subtitles are
   longer than EN and wrap to an extra line, pushing the H1 down onto the body.
   Shrinking the two subtitle lines (and widening them to the full H1 width)
   keeps each on one line so the block height matches EN again. Desktop only —
   the ≤768px hero has its own smaller, flowing type. */
@media (min-width: 769px) {
    .hero__subtitle-line--white,
    .hero__subtitle-line--gradient {
        font-size: 52px;
        line-height: 56px;
        width: 911px;
    }

    /* Body (lead + desc) sits at top:464, the CTA button at top:660. The longer
       translated description wraps to an extra line and slides under the button;
       trim the type so the body fits the 196px slot. */
    .hero__lead {
        font-size: 30px;
        line-height: 34px;
    }

    .hero__desc {
        font-size: 22px;
        line-height: 29px;
    }

    /* Integration heading: the 72px "One Integration." / "Infinite Monetization
       Paths." lines wrap in longer languages and crowd the subtitle + card.
       Shrink them so each stays on one line within the heading slot. */
    .integration__title-blue,
    .integration__title-main {
        font-size: 56px;
        line-height: 58px;
    }

    .integration__subtitle {
        font-size: 28px;
        line-height: 34px;
    }
}

/* ── Comparison desktop table ────────────────────────────────────────────────
   Cells sit at fixed `top:` 110px apart inside a 78px box, vertically centred —
   so overflow spreads symmetrically and stays inside the ~108px row window as
   long as the text is small enough. Reduce the type to keep that true for the
   longer translations. (The ≤750px mobile table flows and needs no change.) */
.comparison__table-feature-label,
.comparison__table-solo-header,
.comparison__table-symphony-name {
    font-size: 24px;
    letter-spacing: -1px;
    white-space: normal;
    line-height: 1.1;
}

.comparison__table-row-label {
    font-size: 21px;
    letter-spacing: -0.4px;
    line-height: 1.15;
    height: auto;
    white-space: normal;
    padding-right: 14px;
}

.comparison__table-solo-cell,
.comparison__table-symphony-cell {
    font-size: 19px;
    line-height: 25px;
    letter-spacing: -0.3px;
}

/* These two are nowrap in EN; let them wrap when translated. */
.comparison__solo-partners,
.comparison__table-solo-header {
    white-space: normal;
}