/* Mobile corrections for the Piezo ESWT homepage draft */
@media only screen and (max-width: 767px) {
    body.page-id-2286,
    body.page-id-2286 #wrap_all {
        overflow-x: hidden;
    }

    /* Hero: desktop side decorations must not stack above the content. */
    body.page-id-2286 #piezo-hero .flex_column.av_one_fourth {
        display: none !important;
    }

    body.page-id-2286 #piezo-hero .flex_column.av_one_half {
        width: 100% !important;
        margin: 0 !important;
    }

    body.page-id-2286 #piezo-hero,
    body.page-id-2286 #piezo-hero .container,
    body.page-id-2286 #piezo-hero .content {
        height: auto !important;
        min-height: 0 !important;
    }

    body.page-id-2286 #piezo-hero .content {
        padding: 72px 24px 58px !important;
    }

    body.page-id-2286 #piezo-hero h1,
    body.page-id-2286 #piezo-hero .av-special-heading-tag {
        font-size: 34px !important;
        line-height: 1.08 !important;
        letter-spacing: -0.5px !important;
        overflow-wrap: anywhere;
    }

    body.page-id-2286 #piezo-hero p {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }

    body.page-id-2286 #piezo-hero .avia-buttonrow-wrap {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 12px !important;
    }

    body.page-id-2286 #piezo-hero .avia-button {
        width: 100% !important;
        max-width: 290px !important;
        margin: 0 !important;
    }

    /* Section introductions. */
    body.page-id-2286 #equipment .container,
    body.page-id-2286 #directions .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 28px !important;
        padding-right: 28px !important;
    }

    body.page-id-2286 #equipment .content,
    body.page-id-2286 #directions .content {
        padding-top: 62px !important;
        padding-bottom: 62px !important;
    }

    body.page-id-2286 #equipment h2,
    body.page-id-2286 #equipment .av-special-heading-tag {
        max-width: 100% !important;
        font-size: 34px !important;
        line-height: 1.1 !important;
        letter-spacing: -0.5px !important;
        overflow-wrap: anywhere;
    }

    body.page-id-2286 #directions h2,
    body.page-id-2286 #directions .av-special-heading-tag {
        max-width: 100% !important;
        font-size: 31px !important;
        line-height: 1.08 !important;
        letter-spacing: -0.4px !important;
        overflow-wrap: anywhere;
    }

    /* Product and clinical cards must grow with their content. */
    body.page-id-2286 #equipment .flex_column,
    body.page-id-2286 #directions .flex_column {
        min-height: 0 !important;
        height: auto !important;
        overflow: visible !important;
    }

    body.page-id-2286 #equipment .avia-image-container,
    body.page-id-2286 #equipment .avia-image-container-inner,
    body.page-id-2286 #equipment img {
        max-width: 100% !important;
        height: auto !important;
    }

    body.page-id-2286 #directions h3,
    body.page-id-2286 #directions h4,
    body.page-id-2286 #directions h5,
    body.page-id-2286 #directions .iconbox_content_title,
    body.page-id-2286 #directions .av-special-heading-tag {
        max-width: 100% !important;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    body.page-id-2286 #directions .iconlist_icon,
    body.page-id-2286 #directions .iconbox_icon {
        flex: 0 0 auto;
    }
}

@media only screen and (max-width: 420px) {
    body.page-id-2286 #directions h2,
    body.page-id-2286 #directions .av-special-heading-tag {
        font-size: 29px !important;
    }
}
/* PIEZO MOBILE PATCH 2: hero typography and intro height */
@media only screen and (max-width: 767px) {
    /* Возвращаем всем служебным подзаголовкам первого экрана мелкий размер. */
    body.page-id-2286 #piezo-hero .av-special-heading-tag {
        font-size: 12px !important;
        line-height: 1.35 !important;
        letter-spacing: 0 !important;
        overflow-wrap: normal !important;
    }

    /* Увеличенным остается только главный заголовок. */
    body.page-id-2286 #piezo-hero .piezo-hero-title,
    body.page-id-2286 #piezo-hero .piezo-hero-title .av-special-heading-tag,
    body.page-id-2286 #piezo-hero .av-special-heading-tag.piezo-hero-title {
        font-size: 34px !important;
        line-height: 1.08 !important;
        letter-spacing: -0.5px !important;
        overflow-wrap: anywhere !important;
    }

    body.page-id-2286 #equipment,
    body.page-id-2286 #equipment .container,
    body.page-id-2286 #equipment .content {
        height: auto !important;
        min-height: 0 !important;
    }

    body.page-id-2286 #equipment .content {
        padding-top: 54px !important;
        padding-bottom: 46px !important;
    }
}
/* END PIEZO MOBILE PATCH 2 */

/* PIEZO SERVICE MOBILE — preserved after native footer migration */
@media only screen and (max-width: 767px) {
    body.page-id-2286 #service .flex_column {
        width: 100% !important;
        margin: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: visible !important;
    }

    body.page-id-2286 #service .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 36px !important;
        padding-right: 36px !important;
    }

    body.page-id-2286 #service h2,
    body.page-id-2286 #service .av-special-heading-tag {
        max-width: 100% !important;
        font-size: 32px !important;
        line-height: 1.08 !important;
        letter-spacing: -.35px !important;
        overflow-wrap: anywhere !important;
    }
}
/* END PIEZO SERVICE MOBILE */