/* Site-wide reading and wrapping rules for EN/RU public pages. */
h1,
h2,
h3,
h4,
h5,
h6,
.page-title .lead-text {
    text-wrap: balance;
}

p,
li,
dd {
    text-wrap: pretty;
}

/* Section-title rows: on desktop the title column and the note column
   center against each other so the heading and the note read as one level
   line (the homepage treatment applied site-wide). */
@media (min-width: 768px) {
    .section-title {
        display: flex;
        align-items: center;
    }
}

a[href^="tel:"],
.pricing-table .text-color1 {
    white-space: nowrap;
}

@media (min-width: 992px) {
    .main-container > .page-title:not(.booking-result-page-title):not(.delegations-hero) {
        padding-top: 120px;
    }

    .main-container > .page-title:not(.booking-result-page-title):not(.delegations-hero) > .container {
        padding-bottom: 38px;
    }

    .main-container > .page-title:not(.booking-result-page-title):not(.delegations-hero) h1 {
        font-size: 52px;
        line-height: 66px;
    }
}

@media (max-width: 599px) {
    .page-title h1 {
        font-size: clamp(27px, 8.5vw, 32px);
        line-height: 1.3;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .grid.columns-xs-2.columns-sm-4 > .col {
        width: 50%;
    }
}

@media (min-width: 992px) and (max-width: 1219px) {
    .fleet .card h2 {
        font-size: 27px;
        line-height: 1.35;
    }
}

/* Heading levels follow document order (h1 -> h2), so some titles became h2
   where they used to be h3. Keep their previous visual rhythm. */
p.icon + h2 {
    margin-bottom: 9px;
}

p.icon + h2:last-child {
    margin-bottom: 0;
}

.card .card-content > h2.text-size-4 {
    font-weight: 400;
    margin-bottom: 15px;
}

.card .card-content > h2.text-size-4:first-child {
    margin-top: -4px;
}