/* AYUR Services — mobile layout corrections */
@media (max-width: 767px) {

    /* Hero: stack text above image */
    body.page-id-2210 .ayur-services-hero {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        min-height: 0 !important;
    }

    body.page-id-2210 .ayur-services-hero__copy {
        padding: 45px 24px !important;
        min-width: 0 !important;
    }

    body.page-id-2210 .ayur-services-hero h1 {
        font-size: clamp(42px, 11vw, 58px) !important;
        line-height: 1.05 !important;
    }

    body.page-id-2210 .ayur-services-hero p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    body.page-id-2210 .ayur-services-hero__visual {
        min-height: 320px !important;
        background-position: center !important;
    }

    /* Treatment categories: one full-width column */
    body.page-id-2210:not(.elementor-editor-active)
    .ayur-main :is(
        .elementor-element-e66e817,
        .elementor-element-02bcc3a,
        .elementor-element-e8c6a6e,
        .elementor-element-62488ff,
        .elementor-element-946f6a8
    ) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 25px !important;
        padding: 55px 20px !important;
        min-width: 0 !important;
    }

    /* Category headings above cards */
    body.page-id-2210:not(.elementor-editor-active)
    .ayur-main :is(
        .elementor-element-e66e817,
        .elementor-element-02bcc3a,
        .elementor-element-e8c6a6e,
        .elementor-element-62488ff,
        .elementor-element-946f6a8
    ) > .elementor-widget-heading {
        grid-column: 1 !important;
        width: 100% !important;
    }

    /* Treatment card containers */
    body.page-id-2210:not(.elementor-editor-active)
    .ayur-main :is(
        .elementor-element-2e0f317,
        .elementor-element-1e96994,
        .elementor-element-067e907,
        .elementor-element-b720bdd,
        .elementor-element-799d2f7
    ) {
        grid-column: 1 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        gap: 22px !important;
    }

    /* Individual cards */
    body.page-id-2210 .ayur-main .service-image {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.page-id-2210 .ayur-services-nav {
        padding: 20px 12px !important;
        gap: 8px !important;
    }

    body.page-id-2210 .ayur-services-nav a {
        font-size: 20px !important;
        padding: 8px 12px !important;
    }
}

/* AYUR Services — mobile treatment card correction */
@media (max-width: 767px) {

    body.page-id-2210:not(.elementor-editor-active)
    .ayur-main :is(
        .elementor-element-2e0f317,
        .elementor-element-1e96994,
        .elementor-element-067e907,
        .elementor-element-b720bdd,
        .elementor-element-799d2f7
    ) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-auto-flow: row !important;
        gap: 24px !important;
    }

    body.page-id-2210:not(.elementor-editor-active)
    .ayur-main :is(
        .elementor-element-2e0f317,
        .elementor-element-1e96994,
        .elementor-element-067e907,
        .elementor-element-b720bdd,
        .elementor-element-799d2f7
    ) > .service-image {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        --width: 100% !important;
        flex: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    body.page-id-2210 .ayur-main .service-image h2,
    body.page-id-2210 .ayur-main .service-image h3 {
        font-size: clamp(30px, 8vw, 40px) !important;
        line-height: 1.15 !important;
        overflow-wrap: anywhere;
    }

    body.page-id-2210 .ayur-main .service-image p,
    body.page-id-2210 .ayur-main .service-image li {
        font-size: 16px !important;
        line-height: 1.6 !important;
        overflow-wrap: anywhere;
    }
}