.treatments-cards .treatments-card {
    border: var(--lpm-card-border-width, 1px) solid var(--lpm-card-border-color, #eee) !important;
    background: var(--lpm-card-bg, #fff);
    padding-top: var(--lpm-card-padding-top, 0);
    padding-right: var(--lpm-card-padding-right, 0);
    padding-bottom: var(--lpm-card-padding-bottom, 0);
    padding-left: var(--lpm-card-padding-left, 0);
}

.treatments-cards {
    border: none;
}

/* Layout wrappers */
.treatments-cards { display: block; }

/* Card inner two-column layout */
.treatments-cards .treatments-card__inner { display: flex !important; gap: var(--lpm-column-gap, 16px); align-items: center; }
.treatments-card__media { 
    flex: 0 0 var(--lpm-image-width, 40%); 
    position: relative; 
}

.treatments-cards--grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.treatments-cards--list {
    display: flex;
    flex-direction: column;
}

.treatments-cards {
    gap: var(--lpm-card-spacing, 20px);
}

.treatments-cards--grid .treatments-card__inner {
    flex-direction: column;
}

.treatments-card__media::before {
    content: '';
    position: absolute;
    top: var(--lpm-image-bg-offset-y, 10px);
    left: var(--lpm-image-bg-offset-x, -24px);
    right: calc(var(--lpm-image-bg-offset-x, -24px) * -1);
    bottom: calc(var(--lpm-image-bg-offset-y, 10px) * -1);
    background-color: var(--lpm-image-bg-color, #f4f2ec);
    z-index: 1;
    border-radius: inherit;
}

.treatments-card__media img { 
    max-width: 100%;
    height: 300px;
    display: block;
    position: relative;
    z-index: 1;
    object-fit: cover;
    width: 100%;
}

.treatments-card__body { 
    flex: 1 1 auto; 
    background-color: var(--lpm-content-bg-color, transparent);
    padding-top: var(--lpm-content-padding-top, 0);
    padding-right: var(--lpm-content-padding-right, 0);
    padding-bottom: var(--lpm-content-padding-bottom, 0);
    padding-left: var(--lpm-content-padding-left, 0);
    margin-top: var(--lpm-content-margin-top, 0);
    margin-right: var(--lpm-content-margin-right, 0);
    margin-bottom: var(--lpm-content-margin-bottom, 0);
    margin-left: var(--lpm-content-margin-left, 0);
}

.treatments-card__title { 
    margin: 0 0 var(--lpm-title-spacing, 10px) 0; 
    font-family: var(--lpm-title-font-family, inherit) !important;
    font-size: var(--lpm-title-font-size, inherit) !important; 
    font-weight: var(--lpm-title-font-weight, 600) !important;
    font-style: var(--lpm-title-font-style, normal) !important;
    line-height: var(--lpm-title-line-height, 1.3) !important;
    color: var(--lpm-title-color, #222) !important; 
    text-align: var(--lpm-title-text-align, left) !important;
    display: flex;
    align-items: center;
    gap: 12px;
}
.treatments-card__content { 
    margin-bottom: 10px; 
    font-family: var(--lpm-content-font-family, inherit) !important;
    font-size: var(--lpm-content-font-size, inherit) !important; 
    font-weight: var(--lpm-content-font-weight, normal) !important;
    font-style: var(--lpm-content-font-style, normal) !important;
    line-height: var(--lpm-content-line-height, 1.6) !important;
    color: var(--lpm-content-color, #333) !important; 
    text-align: var(--lpm-content-text-align, left) !important;
}
.treatments-card__content p { 
    margin-bottom: 16px; 
}

.treatments-card__buttons { 
    margin-top: 12px; 
    display: flex; 
    gap: 10px; 
    justify-content: var(--lpm-buttons-justify, flex-start); 
    align-items: center;
}

.treatments-card__cta { 
    display: inline-block; 
    text-decoration: none; 
    border-radius: 0px; 
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    background: none;
    box-shadow: none;
}
.treatments-card__cta--1 {
    margin-top: var(--lpm-button1-margin-top, 0);
    margin-right: var(--lpm-button1-margin-right, 0);
    margin-bottom: var(--lpm-button1-margin-bottom, 0);
    margin-left: var(--lpm-button1-margin-left, 0);
    padding-top: var(--lpm-button1-padding-top, 0);
    padding-right: var(--lpm-button1-padding-right, 0);
    padding-bottom: var(--lpm-button1-padding-bottom, 0);
    padding-left: var(--lpm-button1-padding-left, 0);
    background: var(--lpm-button1-bg, inherit) !important;
    color: var(--lpm-button1-color, inherit) !important;
    font-family: var(--lpm-button1-font-family, inherit) !important;
    font-size: var(--lpm-button1-font-size, inherit) !important;
    font-weight: var(--lpm-button1-font-weight, inherit) !important;
    font-style: var(--lpm-button1-font-style, normal) !important;
    line-height: var(--lpm-button1-line-height, 1.4) !important;
}
.treatments-card__cta--1:hover { 
    background: var(--lpm-button1-bg-hover, var(--lpm-button1-bg, transparent)); 
    color: var(--lpm-button1-color-hover, var(--lpm-button1-color, inherit));
}
.treatments-card__cta--2 {
    margin-top: var(--lpm-button2-margin-top, 0);
    margin-right: var(--lpm-button2-margin-right, 0);
    margin-bottom: var(--lpm-button2-margin-bottom, 0);
    margin-left: var(--lpm-button2-margin-left, 0);
    padding-top: var(--lpm-button2-padding-top, 0);
    padding-right: var(--lpm-button2-padding-right, 0);
    padding-bottom: var(--lpm-button2-padding-bottom, 0);
    padding-left: var(--lpm-button2-padding-left, 0);
    background: var(--lpm-button2-bg, inherit) !important;
    color: var(--lpm-button2-color, inherit) !important;
    font-family: var(--lpm-button2-font-family, inherit) !important;
    font-size: var(--lpm-button2-font-size, inherit) !important;
    font-weight: var(--lpm-button2-font-weight, inherit) !important;
    font-style: var(--lpm-button2-font-style, normal) !important;
    line-height: var(--lpm-button2-line-height, 1.4) !important;
}
.treatments-card__cta--2:hover { 
    background: var(--lpm-button2-bg-hover, var(--lpm-button2-bg, transparent)); 
    color: var(--lpm-button2-color-hover, var(--lpm-button2-color, inherit));
}

/* Responsive */
@media screen and (max-width: 1201px) {
    .treatments-cards {
        gap: var(--lpm-card-spacing_large, 20px);
    }

    .treatments-cards .treatments-card {
        background: var(--lpm-card-bg_large, var(--lpm-card-bg, #fff));
        padding-top: var(--lpm-card-padding-top_large, 0);
        padding-right: var(--lpm-card-padding-right_large, 0);
        padding-bottom: var(--lpm-card-padding-bottom_large, 0);
        padding-left: var(--lpm-card-padding-left_large, 0);
    }

    .treatments-cards .treatments-card__inner {
        gap: var(--lpm-column-gap_large, 16px);
    }

    .treatments-card__media::before {
        top: var(--lpm-image-bg-offset-y_large, 10px);
        left: var(--lpm-image-bg-offset-x_large, -24px);
        right: calc(var(--lpm-image-bg-offset-x_large, -24px) * -1);
        bottom: calc(var(--lpm-image-bg-offset-y_large, 10px) * -1);
    }

    /* .treatments-card__media img {
        width: var(--lpm-image-custom-width_large, auto);
        height: var(--lpm-image-custom-height_large, auto);
    } */

    .treatments-card__title { 
        font-size: var(--lpm-title-font-size_large, inherit) !important;
        text-align: var(--lpm-title-text-align_large, left) !important;
        margin-bottom: var(--lpm-title-spacing_large, 10px);
    }

    .treatments-card__content { 
        font-size: var(--lpm-content-font-size_large, inherit) !important;
        text-align: var(--lpm-content-text-align_large, left) !important;
    }

    .treatments-card__body {
        background-color: var(--lpm-content-bg-color_large, var(--lpm-content-bg-color, transparent));
        padding-top: var(--lpm-content-padding-top_large, 0);
        padding-right: var(--lpm-content-padding-right_large, 0);
        padding-bottom: var(--lpm-content-padding-bottom_large, 0);
        padding-left: var(--lpm-content-padding-left_large, 0);
        margin-top: var(--lpm-content-margin-top_large, 0);
        margin-right: var(--lpm-content-margin-right_large, 0);
        margin-bottom: var(--lpm-content-margin-bottom_large, 0);
        margin-left: var(--lpm-content-margin-left_large, 0);
    }

    .treatments-card__buttons {
        justify-content: var(--lpm-buttons-justify_large, flex-start);
    }

    .treatments-card__cta--1 {
        font-size: var(--lpm-button1-font-size_large, inherit) !important;
        margin-top: var(--lpm-button1-margin-top_large, 0);
        margin-right: var(--lpm-button1-margin-right_large, 0);
        margin-bottom: var(--lpm-button1-margin-bottom_large, 0);
        margin-left: var(--lpm-button1-margin-left_large, 0);
        padding-top: var(--lpm-button1-padding-top_large, 0);
        padding-right: var(--lpm-button1-padding-right_large, 0);
        padding-bottom: var(--lpm-button1-padding-bottom_large, 0);
        padding-left: var(--lpm-button1-padding-left_large, 0);
    }

    .treatments-card__cta--2 {
        font-size: var(--lpm-button2-font-size_large, inherit) !important;
        margin-top: var(--lpm-button2-margin-top_large, 0);
        margin-right: var(--lpm-button2-margin-right_large, 0);
        margin-bottom: var(--lpm-button2-margin-bottom_large, 0);
        margin-left: var(--lpm-button2-margin-left_large, 0);
        padding-top: var(--lpm-button2-padding-top_large, 0);
        padding-right: var(--lpm-button2-padding-right_large, 0);
        padding-bottom: var(--lpm-button2-padding-bottom_large, 0);
        padding-left: var(--lpm-button2-padding-left_large, 0);
    }
}

@media screen and (max-width: 801px) {
    .treatments-cards {
        gap: var(--lpm-card-spacing_medium, 20px);
    }

    .treatments-cards .treatments-card {
        background: var(--lpm-card-bg_medium, var(--lpm-card-bg, #fff));
        padding-top: var(--lpm-card-padding-top_medium, 0);
        padding-right: var(--lpm-card-padding-right_medium, 0);
        padding-bottom: var(--lpm-card-padding-bottom_medium, 0);
        padding-left: var(--lpm-card-padding-left_medium, 0);
    }

    .treatments-cards .treatments-card__inner {
        gap: var(--lpm-column-gap_medium, 16px);
    }

    .treatments-card__media::before {
        top: var(--lpm-image-bg-offset-y_medium, 10px);
        left: var(--lpm-image-bg-offset-x_medium, -24px);
        right: calc(var(--lpm-image-bg-offset-x_medium, -24px) * -1);
        bottom: calc(var(--lpm-image-bg-offset-y_medium, 10px) * -1);
    }

    /* .treatments-card__media img {
        width: var(--lpm-image-custom-width_medium, auto);
        height: var(--lpm-image-custom-height_medium, auto);
    } */

    .treatments-card__title { 
        font-size: var(--lpm-title-font-size_medium, inherit) !important;
        text-align: var(--lpm-title-text-align_medium, left) !important;
        margin-bottom: var(--lpm-title-spacing_medium, 10px);
    }

    .treatments-card__content { 
        font-size: var(--lpm-content-font-size_medium, inherit) !important;
        text-align: var(--lpm-content-text-align_medium, left) !important;
    }

    .treatments-card__body {
        background-color: var(--lpm-content-bg-color_medium, var(--lpm-content-bg-color, transparent));
        padding-top: var(--lpm-content-padding-top_medium, 0);
        padding-right: var(--lpm-content-padding-right_medium, 0);
        padding-bottom: var(--lpm-content-padding-bottom_medium, 0);
        padding-left: var(--lpm-content-padding-left_medium, 0);
        margin-top: var(--lpm-content-margin-top_medium, 0);
        margin-right: var(--lpm-content-margin-right_medium, 0);
        margin-bottom: var(--lpm-content-margin-bottom_medium, 0);
        margin-left: var(--lpm-content-margin-left_medium, 0);
    }

    .treatments-card__buttons {
        justify-content: var(--lpm-buttons-justify_medium, flex-start);
    }

    .treatments-card__cta--1 {
        font-size: var(--lpm-button1-font-size_medium, inherit) !important;
        margin-top: var(--lpm-button1-margin-top_medium, 0);
        margin-right: var(--lpm-button1-margin-right_medium, 0);
        margin-bottom: var(--lpm-button1-margin-bottom_medium, 0);
        margin-left: var(--lpm-button1-margin-left_medium, 0);
        padding-top: var(--lpm-button1-padding-top_medium, 0);
        padding-right: var(--lpm-button1-padding-right_medium, 0);
        padding-bottom: var(--lpm-button1-padding-bottom_medium, 0);
        padding-left: var(--lpm-button1-padding-left_medium, 0);
    }

    .treatments-card__cta--2 {
        font-size: var(--lpm-button2-font-size_medium, inherit) !important;
        margin-top: var(--lpm-button2-margin-top_medium, 0);
        margin-right: var(--lpm-button2-margin-right_medium, 0);
        margin-bottom: var(--lpm-button2-margin-bottom_medium, 0);
        margin-left: var(--lpm-button2-margin-left_medium, 0);
        padding-top: var(--lpm-button2-padding-top_medium, 0);
        padding-right: var(--lpm-button2-padding-right_medium, 0);
        padding-bottom: var(--lpm-button2-padding-bottom_medium, 0);
        padding-left: var(--lpm-button2-padding-left_medium, 0);
    }
}

@media screen and (max-width: 600px) { 
    .treatments-cards {
        gap: var(--lpm-card-spacing_small, 20px);
    }

    .treatments-cards .treatments-card {
        background: var(--lpm-card-bg_small, var(--lpm-card-bg, #fff));
        padding-top: var(--lpm-card-padding-top_small, 0);
        padding-right: var(--lpm-card-padding-right_small, 0);
        padding-bottom: var(--lpm-card-padding-bottom_small, 0);
        padding-left: var(--lpm-card-padding-left_small, 0);
    }

    .treatments-cards .treatments-card__inner {
        gap: var(--lpm-column-gap_small, 16px);
    }

    .treatments-cards--img-right .treatments-card__inner {
        flex-direction: column-reverse;
    }

    .treatments-card__media::before {
        top: var(--lpm-image-bg-offset-y_small, 10px);
        left: var(--lpm-image-bg-offset-x_small, -24px);
        right: calc(var(--lpm-image-bg-offset-x_small, -24px) * -1);
        bottom: calc(var(--lpm-image-bg-offset-y_small, 10px) * -1);
    }

    /* .treatments-card__media img {
        width: var(--lpm-image-custom-width_small, auto);
        height: var(--lpm-image-custom-height_small, auto);
    } */

    .treatments-card__title { 
        font-size: var(--lpm-title-font-size_small, inherit) !important;
        text-align: var(--lpm-title-text-align_small, left) !important;
        margin-bottom: var(--lpm-title-spacing_small, 10px);
    }

    .treatments-card__content { 
        font-size: var(--lpm-content-font-size_small, inherit) !important;
        text-align: var(--lpm-content-text-align_small, left) !important;
    }

    .treatments-card__body {
        background-color: var(--lpm-content-bg-color_small, var(--lpm-content-bg-color, transparent));
        padding-top: var(--lpm-content-padding-top_small, 0);
        padding-right: var(--lpm-content-padding-right_small, 0);
        padding-bottom: var(--lpm-content-padding-bottom_small, 0);
        padding-left: var(--lpm-content-padding-left_small, 0);
        margin-top: var(--lpm-content-margin-top_small, 0);
        margin-right: var(--lpm-content-margin-right_small, 0);
        margin-bottom: var(--lpm-content-margin-bottom_small, 0);
        margin-left: var(--lpm-content-margin-left_small, 0);
        width: 100%;
    }

    .treatments-card__buttons {
        justify-content: var(--lpm-buttons-justify_small, flex-start);
    }

    .treatments-card__cta--1 {
        font-size: var(--lpm-button1-font-size_small, inherit) !important;
        margin-top: var(--lpm-button1-margin-top_small, 0);
        margin-right: var(--lpm-button1-margin-right_small, 0);
        margin-bottom: var(--lpm-button1-margin-bottom_small, 0);
        margin-left: var(--lpm-button1-margin-left_small, 0);
        padding-top: var(--lpm-button1-padding-top_small, 0);
        padding-right: var(--lpm-button1-padding-right_small, 0);
        padding-bottom: var(--lpm-button1-padding-bottom_small, 0);
        padding-left: var(--lpm-button1-padding-left_small, 0);
    }

    .treatments-card__cta--2 {
        font-size: var(--lpm-button2-font-size_small, inherit) !important;
        margin-top: var(--lpm-button2-margin-top_small, 0);
        margin-right: var(--lpm-button2-margin-right_small, 0);
        margin-bottom: var(--lpm-button2-margin-bottom_small, 0);
        margin-left: var(--lpm-button2-margin-left_small, 0);
        padding-top: var(--lpm-button2-padding-top_small, 0);
        padding-right: var(--lpm-button2-padding-right_small, 0);
        padding-bottom: var(--lpm-button2-padding-bottom_small, 0);
        padding-left: var(--lpm-button2-padding-left_small, 0);
    }

    .treatments-card__inner { flex-direction: column; }
    .treatments-card__media { width: 100%; flex-basis: auto; }
    /* Mobile order control: default content then image; allow image first */
    .treatments-cards--mob-image_first .treatments-card__inner { display: flex; flex-direction: column; }
    .treatments-cards--mob-image_first .treatments-card__media { order: -1; }
}