/* Legal pages v24 — exact About-page hero component with page-specific content. */

body.legal-about-hero-page .about-v4-hero__trust > div {
    justify-content: center;
    grid-template-columns: 38px minmax(0, 148px);
}

body.legal-about-hero-page.privacy-page .about-v4-hero__media img {
    object-position: center center;
}

body.legal-about-hero-page.terms-page .about-v4-hero__media img {
    object-position: center center;
}

@media (max-width: 767px) {
    body.legal-about-hero-page.privacy-page .about-v4-hero__media img {
        object-position: 70% center;
    }

    body.legal-about-hero-page.terms-page .about-v4-hero__media img {
        object-position: 58% center;
    }

    body.legal-about-hero-page .about-v4-hero__trust {
        display: grid;
        overflow: visible;
        margin: 0 22px 22px;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    body.legal-about-hero-page .about-v4-hero__trust > div,
    body.legal-about-hero-page .about-v4-hero__trust > div + div {
        position: relative;
        display: flex;
        min-width: 0;
        min-height: 98px;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        gap: 10px;
        padding: 13px;
        border: 1px solid rgba(111, 105, 95, .12);
        border-radius: 15px;
        background: linear-gradient(145deg, #fff 0%, #fbfaf6 100%);
        box-shadow: 0 10px 24px rgba(66, 59, 48, .065), inset 0 1px 0 rgba(255, 255, 255, .9);
    }

    body.legal-about-hero-page .about-v4-hero__trust > div::after {
        position: absolute;
        top: 14px;
        right: 13px;
        width: 24px;
        height: 2px;
        border-radius: 2px;
        background: linear-gradient(90deg, #fdae02, rgba(253, 174, 2, .18));
        content: "";
    }

    body.legal-about-hero-page .about-v4-hero__trust > div:first-child {
        min-height: 64px;
        align-items: center;
        flex-direction: row;
        grid-column: 1 / -1;
        padding: 11px 14px;
        background: linear-gradient(110deg, #fff8e7 0%, #fff 72%);
    }

    body.legal-about-hero-page .about-v4-hero__trust > div:first-child::after {
        top: 50%;
        width: 34px;
        transform: translateY(-50%);
    }

    body.legal-about-hero-page .about-v4-hero__trust > div:first-child i {
        color: #2e2a23;
        border-color: rgba(253, 174, 2, .32);
        background: #fdae02;
        box-shadow: 0 7px 16px rgba(253, 174, 2, .2);
    }

    body.legal-about-hero-page .about-v4-hero__trust > div:not(:first-child) i {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    body.legal-about-hero-page .about-v4-hero__trust span {
        display: flex;
        min-width: 0;
        align-items: flex-start;
        flex-direction: column;
        text-align: left;
    }

    body.legal-about-hero-page .about-v4-hero__trust strong {
        font-size: 11px;
        line-height: 1.25;
    }

    body.legal-about-hero-page .about-v4-hero__trust small {
        max-width: 108px;
        font-size: 8.5px;
        line-height: 1.35;
    }
}

@media (max-width: 390px) {
    body.legal-about-hero-page .about-v4-hero__trust {
        margin-right: 18px;
        margin-left: 18px;
        gap: 8px;
    }

    body.legal-about-hero-page .about-v4-hero__trust > div,
    body.legal-about-hero-page .about-v4-hero__trust > div + div {
        min-height: 94px;
        padding: 12px;
    }

    body.legal-about-hero-page .about-v4-hero__trust > div:first-child {
        min-height: 62px;
        padding: 10px 12px;
    }

    body.legal-about-hero-page .about-v4-hero__trust > div::after {
        right: 11px;
        width: 20px;
    }

    body.legal-about-hero-page .about-v4-hero__trust > div:first-child::after {
        width: 27px;
    }

    body.legal-about-hero-page .about-v4-hero__trust small {
        max-width: 100px;
        font-size: 8px;
    }
}