/*
 * AYUR AESTHETICS — SERVICES TREATMENT DIRECTORY
 * Page: 2210
 *
 * Photographs, treatment names, descriptions and links
 * remain editable through Elementor.
 */

body.page-id-2210:not(.elementor-editor-active)
.ayur-main .service-image {
    --width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background-color: #f0ebe4 !important;
    background-position: center top !important;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    box-shadow: none !important;
    transition: transform .3s ease, box-shadow .3s ease;
}

/* Remove original coloured Elementor overlays */
body.page-id-2210:not(.elementor-editor-active)
.ayur-main .service-image::after,
body.page-id-2210:not(.elementor-editor-active)
.ayur-main .service-image > .elementor-background-overlay {
    display: none !important;
}

/* Reserve an actual photograph area above the text */
body.page-id-2210:not(.elementor-editor-active)
.ayur-main .service-image::before {
    content: "" !important;
    display: block !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3;
    flex: 0 0 auto !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    background: transparent !important;
    border: 0 !important;
}

/* Elementor icon-box content sits beneath photograph */
body.page-id-2210:not(.elementor-editor-active)
.ayur-main .service-image > .elementor-widget-icon-box {
    display: block !important;
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 22px 24px 7px !important;
    background: #f0ebe4 !important;
    box-shadow: none !important;
}

/* Remove green circular icon */
body.page-id-2210:not(.elementor-editor-active)
.ayur-main .service-image .elementor-icon-box-icon {
    display: none !important;
}

/* Remove internal Elementor spacing */
body.page-id-2210:not(.elementor-editor-active)
.ayur-main .service-image .elementor-icon-box-wrapper,
body.page-id-2210:not(.elementor-editor-active)
.ayur-main .service-image .elementor-icon-box-content {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

/* Elegant treatment headings */
body.page-id-2210:not(.elementor-editor-active)
.ayur-main .service-image .elementor-icon-box-title,
body.page-id-2210:not(.elementor-editor-active)
.ayur-main .service-image .elementor-icon-box-title a {
    display: block;
    color: #514940 !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: clamp(26px, 2.1vw, 34px) !important;
    font-weight: 400 !important;
    line-height: 1.12 !important;
    margin: 0 0 9px !important;
    text-decoration: none !important;
}

/* Treatment descriptions */
body.page-id-2210:not(.elementor-editor-active)
.ayur-main .service-image .elementor-icon-box-description {
    color: #655e56 !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    margin: 0 !important;
}

/* Understated treatment links */
body.page-id-2210:not(.elementor-editor-active)
.ayur-main .service-image > .elementor-widget-button {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px 24px 24px !important;
    background: #f0ebe4 !important;
    text-align: left !important;
}

body.page-id-2210:not(.elementor-editor-active)
.ayur-main .service-image .elementor-button {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !im
    box-shadow: none !important;
    color: #A45F53 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 0 !important;
    text-decoration: underline !important;
    text-underline-of
}



    color: inherit !important;
}

/* Even card 
body.page-id-2210:not(.elem
.ayur-main .service-image > .
    margin-top: auto !importa
}

/* Clean, evenly distributed treatm
body.page-id-2210:not(.elementor-editor-act
.ayur-main :is(
    .elementor-eleme
    .elementor-element-1e96
    .elementor-element-067e907,
    .elementor-element-b720b
    .elementor-element-799d2f
) {
    display: grid !imp
    grid-template-colu
    align-items: stretch 
    gap: 20px !important;
    width
    max-width: none !important;

    margin: 0 !important;
}

/* Three Ski
@media (min-width: 1200px) {
    body.page-id-2
    .ayur-main .elementor-element-1e96994 
        grid-template-columns: repeat(3, min
    }
}

/* Tablet: preserve rea
@media (min-width: 768px) and (max-width: 1199px) {
    
 

    }
}

/* Mobile: one card per row */
@media (m
    body.page-id-2210:not(.elementor-editor-act
    .ayur-main :is(
        .elem
        .elementor-element-1e96994,
        .el
        .elementor-element-b720bdd,
        .elementor-elem
    ) {
        grid-template
 

    body.page-id-2210:not(.elementor-editor-active)
  
        aspect-ratio: 5 / 3;
    }
}

/* Subtle
@media (hover: hover) {
    body.pa
    .ayur-main .service-ima
        transform: translateY(
        box-shadow: 0 16px 35px rg
    }
}

/* =====================================================
   AYUR SERVICES — FIX TREATMENT CARD GRID
   ===================================================== */

/* Treatment rows */
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: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 20px !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

/* Override Elementor's inherited card flex widths */
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 {
    --width: 100% !important;
    --flex-grow: 0 !important;
    --flex-shrink: 1 !important;

    grid-column: auto !important;
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
}

/* Skin: three equal cards on desktop */
@media (min-width: 1200px) {
    body.page-id-2210:not(.elementor-editor-active)
    .ayur-main .elementor-element-1e96994 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* Mobile: one card per row */
@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
    ) {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* =====================================================
   AYUR SERVICES — FINAL RESPONSIVE CARD GRID
   ===================================================== */

@media (min-width: 1025px) {

    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: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
        width: 100% !important;
        min-width: 0 !important;
        align-items: stretch !important;
    }

    body.page-id-2210:not(.elementor-editor-active)
    .ayur-main .elementor-element-1e96994 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.page-id-2210:not(.elementor-editor-active)
    .ayur-main .service-image {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        --width: 100% !important;
        flex: none !important;
    }
}

@media (max-width: 1024px) {

    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: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }
}

@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
    ) {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* AYUR Services — final typography refinements */

/* Larger editorial category headings */
@media (min-width: 1025px) {
    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 .elementor-heading-title {
        font-size: clamp(58px, 4.5vw, 78px) !important;
        line-height: 1.05 !important;
        letter-spacing: -0.025em;
    }
}

/* Slightly larger card titles */
body.page-id-2210:not(.elementor-editor-active)
.ayur-main .service-image .elementor-icon-box-title {
    font-size: clamp(29px, 2.1vw, 36px) !important;
    line-height: 1.1 !important;
}

/* Gentle lift, consistent with the homepage */
body.page-id-2210:not(.elementor-editor-active)
.ayur-main .service-image {
    transition: transform .35s ease, box-shadow .35s ease !important;
}

@media (hover: hover) {
    body.page-id-2210:not(.elementor-editor-active)
    .ayur-main .service-image:hover {
        transform: translateY(-6px);
        box-shadow: 0 18px 38px rgba(65, 53, 44, .10);
    }
}


/* ================================================
   AYUR SERVICES — CONSULTATION & DISCLAIMER
   ================================================ */

body.page-id-2210:not(.elementor-editor-active)
.ayur-services-consultation {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, .65fr);
    align-items: center;
    gap: 60px;
    width: 100%;
    padding: 100px max(7vw, calc((100vw - 1250px) / 2));
    background: #eee8e0;
    box-sizing: border-box;
}

body.page-id-2210 .ayur-services-consultation > div:first-child {
    max-width: 680px;
}

body.page-id-2210 .ayur-services-consultation h2 {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: clamp(46px, 5vw, 78px);
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: -.025em;
    color: #514940;
    margin: 18px 0 25px;
}

body.page-id-2210 .ayur-services-consultation p {
    max-width: 510px;
    font-size: 17px;
    line-height: 1.8;
    color: #655e56;
    margin: 0 0 32px;
}

body.page-id-2210 .ayur-services-consultation .ayur-services-cta {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding: 17px 25px;
    border: 1px solid #655e56;
    color: #514940;
    background: transparent;
    text-decoration: none;
    transition: background .25s ease, color .25s ease;
}

body.page-id-2210 .ayur-services-consultation .ayur-services-cta:hover {
    background: #514940;
    color: #fff;
}

/* Subtle botanical artwork */
body.page-id-2210 .ayur-services-consultation__art {
    min-height: 330px;
    background-image: url('../images/ayur-monstera.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .12;
}

/* Separate and contain the original Elementor disclaimer */
body.page-id-2210:not(.elementor-editor-active)
.ayur-main .elementor-element-0aca38d {
    background: #faf8f4 !important;
    padding: 55px 30px 65px !important;
}

body.page-id-2210:not(.elementor-editor-active)
.ayur-main .elementor-element-0aca38d > .e-con-inner {
    width: 100% !important;
    max-width: 1100px !important;
    margin-inline: auto !important;
}

body.page-id-2210:not(.elementor-editor-active)
.ayur-main .elementor-element-0aca38d .elementor-widget-text-editor {
    color: #777069;
    font-size: 13px;
    line-height: 1.8;
}

/* Mobile */
@media (max-width: 767px) {
    body.page-id-2210 .ayur-services-consultation {
        grid-template-columns: 1fr !important;
        gap: 15px;
        padding: 65px 25px !important;
    }

    body.page-id-2210 .ayur-services-consultation h2 {
        font-size: 48px;
    }

    body.page-id-2210 .ayur-services-consultation__art {
        min-height: 170px;
        opacity: .08;
    }
}


/* AYUR Services — shared reviews and consultation sections */
body.page-id-2210 .ayur-services-bottom-sections {
    width: 100%;
    margin: 0;
    padding: 0;
}

body.page-id-2210 .ayur-services-bottom-sections .ayur-reviews-section,
body.page-id-2210 .ayur-services-bottom-sections .ayur-consultation {
    width: 100%;
    max-width: none;
    margin: 0;
}

body.page-id-2210:not(.elementor-editor-active)
.ayur-main .ayur-services-consultation {
    display: none !important;
}

/* AYUR Services — refined category headings */
@media (min-width: 1025px) {
    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-heading-title {
        font-size: clamp(38px, 3vw, 48px) !important;
        line-height: 1.12 !important;
        letter-spacing: -0.025em !important;
    }
}

@media (max-width: 1024px) {
    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-heading-title {
        font-size: clamp(34px, 5vw, 44px) !important;
        line-height: 1.12 !important;
    }
}

/* AYUR Services — understated medical disclaimer */
body.page-id-2210:not(.elementor-editor-active)
.ayur-main .elementor-element-0aca38d {
    background: #faf8f4 !important;
    padding: 35px 30px 45px !important;
    margin: 0 !important;
}

body.page-id-2210:not(.elementor-editor-active)
.ayur-main .elementor-element-0aca38d > .e-con-inner {
    max-width: 1000px !important;
    margin: 0 auto !important;
}

body.page-id-2210:not(.elementor-editor-active)
.ayur-main .elementor-element-0aca38d p {
    color: #77716a !important;
    font-size: 12px !important;
    line-height: 1.75 !important;
}