/* About mobile first screen — Figma screenshot only. Desktop is untouched. */
@media (max-width: 760px) {
    body.about-page-body {
        width: 100% !important;
        overflow-x: hidden !important;
        background: #FFFFFF !important;
    }

    body.about-page-body .about-page {
        width: 100% !important;
        max-width: none !important;
        overflow: hidden !important;
        background: #FFFFFF !important;
    }

    body.about-page-body .blog-header {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: #FFFFFF !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

    body.about-page-body .blog-header__inner {
        width: 100% !important;
        max-width: none !important;
        min-height: 68px !important;
        height: 68px !important;
        margin: 0 !important;
        padding: 16px 16px 0 !important;
        display: block !important;
        box-sizing: border-box !important;
        background: #FFFFFF !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

    body.about-page-body .blog-header__nav {
        position: relative !important;
        width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 0 !important;
        box-sizing: border-box !important;
        background: #FFFFFF !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

    body.about-page-body .blog-header__logo {
        width: 198px !important;
        height: 16px !important;
        min-height: 16px !important;
        flex: 0 0 198px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        text-decoration: none !important;
    }

    body.about-page-body .blog-header__logo img {
        display: block !important;
        width: 198px !important;
        height: 16px !important;
        object-fit: contain !important;
    }

    body.about-page-body .blog-header__menu,
    body.about-page-body .blog-header__actions,
    body.about-page-body .blog-header__phone,
    body.about-page-body .blog-header__link,
    body.about-page-body .blog-header__lang,
    body.about-page-body .blog-breadcrumbs {
        display: none !important;
    }

    body.about-page-body .blog-header__burger[data-mobile-menu-open] {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        width: 40px !important;
        height: 6px !important;
        min-height: 6px !important;
        flex: 0 0 40px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: space-between !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        transform: none !important;
        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    body.about-page-body .blog-header__burger[data-mobile-menu-open] span {
        width: 40px !important;
        height: 1.2px !important;
        flex: 0 0 1.2px !important;
        display: block !important;
        background: #1F1F1F !important;
        border-radius: 0 !important;
    }

    body.about-page-body .about-hero {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: #FFFFFF !important;
        color: #1F1F1F !important;
    }

    body.about-page-body .about-hero__inner {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 40px 16px 0 !important;
        box-sizing: border-box !important;
    }

    body.about-page-body .about-hero__title {
        display: block !important;
        width: 100% !important;
        max-width: 361px !important;
        min-height: 108px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #1F1F1F !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 36px !important;
        font-weight: 700 !important;
        line-height: 36px !important;
        letter-spacing: 0 !important;
        text-align: left !important;
        text-transform: uppercase !important;
        white-space: normal !important;
        overflow: visible !important;
    }

    body.about-page-body .about-hero__title-line,
    body.about-page-body .about-hero__title-line--left,
    body.about-page-body .about-hero__title-line--right {
        display: inline !important;
        width: auto !important;
        text-align: left !important;
        white-space: normal !important;
    }

    body.about-page-body .about-hero__bottom {
        width: 100% !important;
        min-height: 0 !important;
        margin: 16px 0 0 !important;
        padding: 0 !important;
        display: block !important;
        box-sizing: border-box !important;
    }

    body.about-page-body .about-hero__subtitle {
        width: 100% !important;
        max-width: 361px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #1F1F1F !important;
        font-family: 'Manrope', Arial, Helvetica, sans-serif !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 22px !important;
        letter-spacing: 0 !important;
        white-space: normal !important;
    }

    body.about-page-body .about-hero__cta {
        width: calc(100% + 32px) !important;
        max-width: none !important;
        height: 66px !important;
        min-height: 66px !important;
        flex: 0 0 auto !important;
        margin: 40px -16px 0 !important;
        padding: 24px 20px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        box-sizing: border-box !important;
        color: #FFFFFF !important;
        background: #1F1F1F !important;
        border: 0 !important;
        border-radius: 0 !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 18px !important;
        letter-spacing: 0.02em !important;
        text-align: center !important;
        text-decoration: none !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    body.about-page-body .about-hero__cta img {
        width: 10.8px !important;
        height: 10px !important;
        flex: 0 0 10.8px !important;
        display: block !important;
        object-fit: contain !important;
    }
}