/* AYUR Services — editorial layout, page 2210 */

body.page-id-2210:not(.elementor-editor-active) .ayur-main {
    background: #faf8f4;
}

/* Hero */
body.page-id-2210 .ayur-services-hero {
    display: grid;
    grid-template-columns: 48% 52%;
    min-height: 560px;
    background: #f0ebe4;
}

body.page-id-2210 .ayur-services-hero__copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 75px clamp(30px, 6vw, 110px);
}

body.page-id-2210 .ayur-services-eyebrow {
    color: #A45F53;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .18em;
}

body.page-id-2210 .ayur-services-hero h1 {
    color: #514940;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(56px, 6vw, 90px);
    font-weight: 400;
    line-height: 1;
    margin: 20px 0;
}

body.page-id-2210 .ayur-services-hero p {
    color: #655e56;
    max-width: 410px;
    line-height: 1.75;
    margin-bottom: 25px;
}

body.page-id-2210 .ayur-services-cta {
    display: inline-flex;
    gap: 22px;
    padding: 15px 25px;
    border: 1px solid #655e56;
    color: #514940;
    text-decoration: none;
}

body.page-id-2210 .ayur-services-hero__visual {
    min-height: 450px;
    background: linear-gradient(135deg, #e8ded3, #b7a899);
}

/* Category navigation */
body.page-id-2210 .ayur-services-nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 22px;
    background: #faf8f4;
}

body.page-id-2210 .ayur-services-nav a {
    padding: 8px 22px;
    color: #514940;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 22px;
    text-decoration: none;
}

/* Remove original title banner */
body.page-id-2210:not(.elementor-editor-active)
.ayur-main > .elementor > .elementor-element-aa9a762 {
    display: none !important;
}

/* Remove Elementor's constrained outer layout */
body.page-id-2210:not(.elementor-editor-active)
.ayur-main .elementor-element-e161641 {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    --content-width: 100%;
}

body.page-id-2210:not(.elementor-editor-active)
.ayur-main .elementor-element-e161641 > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    gap: 0 !important;
}

/* Each treatment category */
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(220px, 30%) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 45px !important;
    width: 100% !important;
    max-width: none !important;
    padding: 75px max(5vw, calc((100vw - 1350px) / 2)) !important;
    margin: 0 !important;
    background: #faf8f4;
    --width: 100%;
    scroll-margin-top: 100px;
}

body.page-id-2210:not(.elementor-editor-active)
.ayur-main :is(
    .elementor-element-02bcc3a,
    .elementor-element-62488ff
) {
    background: #d2c8be !important;
}

/* Heading on left */
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;
    max-width: none !important;
    margin: 0 !important;
}

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 h2 {
    color: #514940 !important;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(44px, 4vw, 68px) !important;
    font-weight: 400;
    line-height: 1.04;
    text-align: left;
}

/* AYUR SERVICES — CATEGORY CARD POSITIONING */

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: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

/* Preserve the approved lifestyle hero */
body.page-id-2210 .ayur-services-hero__visual {
    background-image: url('../images/services-lifestyle.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

body.page-id-2210 .ayur-services-hero__visual-label {
    display: none !important;
}