/* Page styles for the long-form article pages, moved out of each page's
   head. Every rule is scoped to that page's own class prefix. */

/* ---- /about ---- */
/* =========================================
   ABOUT REVIVA PAGE
========================================= */

.aboutreviva-content {
    background: #f8f6f2;
    color: #4c4641;
    padding: 85px 0 100px;
    font-family: inherit;
}

.aboutreviva-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


/* =========================================
   INTRO
========================================= */

.aboutreviva-intro {
    padding-bottom: 10px;
}

.aboutreviva-intro h1 {
    max-width: 1050px;
    margin: 0 0 35px;
    color: #342820;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(36px, 4.8vw, 58px);
    font-weight: 400;
    line-height: 1.16;
}

.aboutreviva-intro-text {
    max-width: 1050px;
}

.aboutreviva-intro-text p,
.aboutreviva-section p {
    margin: 0 0 22px;
    color: #625b55;
    font-size: 17px;
    line-height: 1.85;
}

.aboutreviva-section strong,
.aboutreviva-intro strong {
    color: inherit;
    font-weight: 600;
}


/* =========================================
   GENERAL SECTION
========================================= */

.aboutreviva-section {
    margin-top: 82px;
}

.aboutreviva-section h2 {
    margin: 0 0 28px;
    color: #342820;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 4vw, 50px);
    font-weight: 400;
    line-height: 1.16;
}

.aboutreviva-section h3 {
    margin: 38px 0 24px;
    color: #342820;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 400;
    line-height: 1.3;
}


/* =========================================
   DOCTOR SECTION
========================================= */

.aboutreviva-doctor {
    display: grid;
    grid-template-columns: 390px 1fr;
    gap: 55px;
    align-items: start;
    margin-top: 40px;
}

.aboutreviva-doctor-image {
    position: relative;
    background: #eee8df;
    border: 1px solid #e4dbd0;
    overflow: hidden;
}

.aboutreviva-doctor-image::after {
    content: "";
    position: absolute;
    inset: 15px;
    border: 1px solid rgba(177, 132, 60, 0.3);
    pointer-events: none;
}

.aboutreviva-doctor-image img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}

.aboutreviva-doctor-content p {
    margin-bottom: 22px;
}


/* =========================================
   ACHIEVEMENTS
========================================= */

.aboutreviva-achievements {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 35px 0 35px;
}

.aboutreviva-achievement-card {
    min-height: 180px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #e8e0d6;
    transition: 0.25s ease;
}

.aboutreviva-achievement-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 30px rgba(52, 40, 32, 0.08);
}

.aboutreviva-achievement-card span {
    color: #b1843c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
}

.aboutreviva-achievement-card strong {
    color: #342820;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.4;
}


/* =========================================
   EDUCATION
========================================= */

.aboutreviva-education {
    display: grid;
    gap: 16px;
    margin: 35px 0 40px;
}

.aboutreviva-education-card {
    display: grid;
    grid-template-columns: 65px 1fr;
    gap: 25px;
    align-items: start;
    padding: 28px 30px;
    background: #fff;
    border: 1px solid #e8e0d6;
    transition: 0.25s ease;
}

.aboutreviva-education-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 26px rgba(52, 40, 32, 0.07);
}

.aboutreviva-education-number {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #b1843c;
    border-radius: 50%;
    color: #8d6828;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
}

.aboutreviva-education-card h4 {
    margin: 0 0 10px;
    color: #342820;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.4;
}

.aboutreviva-education-card p {
    margin: 0;
}


/* =========================================
   APPROACH
========================================= */

.aboutreviva-approach {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin: 35px 0 40px;
}

.aboutreviva-approach-card {
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 20px;
    align-items: start;
    padding: 27px;
    background: #fff;
    border: 1px solid #e8e0d6;
    transition: 0.25s ease;
}

.aboutreviva-approach-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 13px 28px rgba(52, 40, 32, 0.07);
}

.aboutreviva-approach-number {
    color: #b1843c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
    padding-top: 2px;
}

.aboutreviva-approach-card p {
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
}


/* =========================================
   WHY CHOOSE
========================================= */

.aboutreviva-trust {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin: 35px 0 40px;
}

.aboutreviva-trust-card {
    display: flex;
    align-items: center;
    gap: 20px;
    min-height: 95px;
    padding: 25px 28px;
    background: #fff;
    border: 1px solid #e8e0d6;
    transition: 0.25s ease;
}

.aboutreviva-trust-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(52, 40, 32, 0.07);
}

.aboutreviva-trust-card:last-child {
    grid-column: 1 / -1;
}

.aboutreviva-trust-card span {
    flex: 0 0 auto;
    color: #b1843c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
}

.aboutreviva-trust-card strong {
    color: #342820;
    font-size: 16px;
    line-height: 1.6;
}


/* =========================================
   DARK COMMITMENT SECTION
========================================= */

.aboutreviva-dark {
    position: relative;
    padding: 60px;
    background: #342820;
    overflow: hidden;
}

.aboutreviva-dark::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    right: -110px;
    bottom: -160px;
    border: 1px solid rgba(201, 156, 74, 0.3);
    border-radius: 50%;
}

.aboutreviva-dark h2 {
    position: relative;
    z-index: 1;
    color: #fff;
}

.aboutreviva-dark p {
    position: relative;
    z-index: 1;
    color: #d9d1c8;
}

.aboutreviva-dark strong {
    color: #d9d1c8;
}


/* =========================================
   FINAL CTA
========================================= */

.aboutreviva-final-cta {
    position: relative;
    margin: 35px 0 40px;
    padding: 48px 30px;
    background: #342820;
    border: 1px solid #4a3a30;
    text-align: center;
    overflow: hidden;
}

.aboutreviva-final-cta::before,
.aboutreviva-final-cta::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(201, 156, 74, 0.3);
    border-radius: 50%;
}

.aboutreviva-final-cta::before {
    width: 180px;
    height: 180px;
    left: -100px;
    top: -100px;
}

.aboutreviva-final-cta::after {
    width: 160px;
    height: 160px;
    right: -90px;
    bottom: -95px;
}

.aboutreviva-final-cta-content {
    position: relative;
    z-index: 1;
}

.aboutreviva-final-cta-content h3 {
    margin: 0 0 22px;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 400;
}

.aboutreviva-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 25px;
    background: #c99c4a;
    color: #342820 !important;
    border: 0 !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    transition: 0.25s ease;
}

.aboutreviva-cta-button:hover {
    background: #d8ad5d;
    color: #342820 !important;
    transform: translateY(-2px);
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 900px) {

    .aboutreviva-content {
        padding: 60px 0 75px;
    }

    .aboutreviva-section {
        margin-top: 65px;
    }

    .aboutreviva-doctor {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .aboutreviva-doctor-image {
        max-width: 500px;
    }

    .aboutreviva-achievements {
        grid-template-columns: 1fr;
    }

    .aboutreviva-approach {
        grid-template-columns: 1fr;
    }

    .aboutreviva-trust {
        grid-template-columns: 1fr;
    }

    .aboutreviva-trust-card:last-child {
        grid-column: auto;
    }

    .aboutreviva-dark {
        padding: 45px 35px;
    }
}


@media (max-width: 600px) {

    .aboutreviva-container {
        width: min(100% - 30px, 1180px);
    }

    .aboutreviva-content {
        padding: 45px 0 60px;
    }

    .aboutreviva-section {
        margin-top: 55px;
    }

    .aboutreviva-intro h1 {
        font-size: 35px;
    }

    .aboutreviva-section h2 {
        font-size: 34px;
        margin-bottom: 22px;
    }

    .aboutreviva-section p,
    .aboutreviva-intro-text p {
        font-size: 16px;
        line-height: 1.75;
    }

    .aboutreviva-doctor {
        margin-top: 28px;
        gap: 28px;
    }

    .aboutreviva-doctor-image {
        width: 100%;
    }

    .aboutreviva-achievement-card {
        min-height: 150px;
        padding: 25px;
    }

    .aboutreviva-achievement-card strong {
        font-size: 20px;
    }

    .aboutreviva-education-card {
        grid-template-columns: 1fr;
        gap: 17px;
        padding: 24px;
    }

    .aboutreviva-education-card h4 {
        font-size: 20px;
    }

    .aboutreviva-approach-card {
        grid-template-columns: 45px 1fr;
        padding: 23px;
        gap: 15px;
    }

    .aboutreviva-trust-card {
        padding: 22px;
    }

    .aboutreviva-dark {
        padding: 38px 25px;
    }

    .aboutreviva-final-cta {
        padding: 40px 20px;
    }

    .aboutreviva-final-cta-content h3 {
        font-size: 29px;
    }
}

/* ---- /acne-scars ---- */
/* =========================================
   ACNE SCAR CONTENT
   Scoped with acnescar- prefix
========================================= */

.acnescar-content {
    background: #f8f6f2;
    color: #4c4641;
    padding: 85px 0 100px;
    font-family: inherit;
}

.acnescar-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


/* -----------------------------------------
   COMMON
----------------------------------------- */

.acnescar-section {
    margin-top: 85px;
}

.acnescar-label {
    display: block;
    margin-bottom: 18px;
    color: #97702b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.acnescar-section h2,
.acnescar-final h2 {
    margin: 0 0 28px;
    color: #342820;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 400;
    line-height: 1.15;
}

.acnescar-content p {
    margin: 0 0 22px;
    color: #625b55;
    font-size: 17px;
    line-height: 1.85;
}

.acnescar-content a {
    color: #8d6828;
    text-decoration: none;
    border-bottom: 1px solid rgba(141, 104, 40, 0.35);
    transition: 0.3s ease;
}

.acnescar-content a:hover {
    color: #b48635;
    border-color: #b48635;
}


/* -----------------------------------------
   INTRO
----------------------------------------- */

.acnescar-intro {
    max-width: 1050px;
}

.acnescar-intro p {
    color: #4c4641;
    font-size: 21px;
    line-height: 1.75;
}


/* -----------------------------------------
   LISTS
----------------------------------------- */

.acnescar-simple-list {
    margin: 25px 0 30px;
    padding: 0;
    list-style: none;
}

.acnescar-simple-list li {
    position: relative;
    margin-bottom: 13px;
    padding-left: 25px;
    color: #625b55;
    font-size: 16px;
    line-height: 1.7;
}

.acnescar-simple-list li::before {
    content: "•";
    position: absolute;
    left: 3px;
    top: 0;
    color: #a0782d;
    font-size: 20px;
}


/* -----------------------------------------
   TYPES
----------------------------------------- */

.acnescar-types {
    margin-top: 40px;
}

.acnescar-type-card {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 25px;
    padding: 35px 0;
    border-top: 1px solid #ded5ca;
}

.acnescar-type-card:last-child {
    border-bottom: 1px solid #ded5ca;
}

.acnescar-number {
    color: #a0782d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
}

.acnescar-type-card h3 {
    margin: 0 0 16px;
    color: #382d26;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;
    font-weight: 400;
}

.acnescar-type-card ul {
    margin-top: 18px;
}


/* -----------------------------------------
   BENEFITS
----------------------------------------- */

.acnescar-benefit-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 40px 0 30px;
}

.acnescar-benefit-card {
    padding: 30px;
    background: #fff;
    border: 1px solid #e8e0d6;
    border-radius: 4px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.acnescar-benefit-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(57, 43, 32, 0.08);
}

.acnescar-benefit-card > span {
    display: block;
    margin-bottom: 17px;
    color: #a0782d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
}

.acnescar-benefit-card p {
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
}


/* -----------------------------------------
   TREATMENTS
----------------------------------------- */

.acnescar-treatment-list {
    margin-top: 40px;
}

.acnescar-treatment-card {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 25px;
    padding: 35px 0;
    border-top: 1px solid #ded5ca;
}

.acnescar-treatment-card:last-child {
    border-bottom: 1px solid #ded5ca;
}

.acnescar-treatment-number {
    color: #a0782d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
}

.acnescar-treatment-card h3 {
    margin: 0 0 17px;
    color: #382d26;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;
    font-weight: 400;
}

.acnescar-treatment-card p {
    font-size: 16px;
}


/* -----------------------------------------
   BOOK NOTE
----------------------------------------- */

.acnescar-book-note {
    display: inline-block;
    margin-top: 25px;
    padding: 15px 20px;
    background: #eee9e2;
    color: #625b55;
    font-size: 15px;
}

.acnescar-book-note a {
    font-weight: 600;
}


/* -----------------------------------------
   SKIN REACTIONS
----------------------------------------- */

.acnescar-reactions {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    margin: 40px 0 30px;
}

.acnescar-reaction {
    padding: 25px 15px;
    text-align: center;
    background: #fff;
    border: 1px solid #e5ddd4;
    border-radius: 4px;
}

.acnescar-reaction span {
    display: block;
    margin-bottom: 12px;
    color: #a0782d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
}

.acnescar-reaction strong {
    color: #493a30;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
}


/* -----------------------------------------
   COMBINATIONS
----------------------------------------- */

.acnescar-combinations {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin: 35px 0;
}

.acnescar-combination {
    padding: 25px;
    background: #fff;
    border: 1px solid #e5ddd4;
}

.acnescar-combination span {
    display: block;
    margin-bottom: 12px;
    color: #a0782d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
}

.acnescar-combination strong {
    color: #493a30;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    font-weight: 500;
}


/* -----------------------------------------
   TREATMENT COURSE
----------------------------------------- */

.acnescar-course {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 40px;
}

.acnescar-course-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 25px;
    background: #fff;
    border: 1px solid #e5ddd4;
}

.acnescar-course-item span {
    color: #a0782d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
}

.acnescar-course-item strong {
    color: #493a30;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
}


/* -----------------------------------------
   FINAL
----------------------------------------- */

.acnescar-final {
    position: relative;
    overflow: hidden;
    margin-top: 90px;
    padding: 65px;
    text-align: center;
    background: #342820;
    border-radius: 3px;
}

.acnescar-final::after {
    content: "";
    position: absolute;
    width: 330px;
    height: 330px;
    right: -140px;
    top: -140px;
    border: 1px solid rgba(196, 153, 71, 0.25);
    border-radius: 50%;
}

.acnescar-final::before {
    content: "";
    position: absolute;
    width: 230px;
    height: 230px;
    left: -120px;
    bottom: -120px;
    border: 1px solid rgba(196, 153, 71, 0.18);
    border-radius: 50%;
}

.acnescar-final .acnescar-label {
    color: #c99c4a;
}

.acnescar-final h2 {
    position: relative;
    z-index: 1;
    color: #fff;
}

.acnescar-final p {
    position: relative;
    z-index: 1;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    color: #d9d1c8;
}

.acnescar-final a {
    color: #d5ad61;
}


/* -----------------------------------------
   TABLET
----------------------------------------- */

@media (max-width: 900px) {

    .acnescar-content {
        padding: 65px 0 80px;
    }

    .acnescar-benefit-grid {
        grid-template-columns: 1fr;
    }

    .acnescar-reactions {
        grid-template-columns: repeat(3, 1fr);
    }

    .acnescar-combinations {
        grid-template-columns: 1fr;
    }

}


/* -----------------------------------------
   MOBILE
----------------------------------------- */

@media (max-width: 600px) {

    .acnescar-container {
        width: min(100% - 30px, 1180px);
    }

    .acnescar-content {
        padding: 50px 0 60px;
    }

    .acnescar-section {
        margin-top: 60px;
    }

    .acnescar-label {
        margin-bottom: 14px;
        font-size: 10px;
        letter-spacing: 3px;
    }

    .acnescar-section h2,
    .acnescar-final h2 {
        font-size: 32px;
        line-height: 1.2;
    }

    .acnescar-content p {
        font-size: 15px;
        line-height: 1.75;
    }

    .acnescar-intro p {
        font-size: 18px;
    }

    .acnescar-type-card,
    .acnescar-treatment-card {
        grid-template-columns: 45px 1fr;
        gap: 15px;
        padding: 28px 0;
    }

    .acnescar-type-card h3,
    .acnescar-treatment-card h3 {
        font-size: 22px;
    }

    .acnescar-benefit-card {
        padding: 25px;
    }

    .acnescar-reactions {
        grid-template-columns: repeat(2, 1fr);
    }

    .acnescar-reaction {
        padding: 20px 12px;
    }

    .acnescar-course {
        grid-template-columns: 1fr;
    }

    .acnescar-final {
        margin-top: 60px;
        padding: 40px 22px;
    }

}


/* -----------------------------------------
   SMALL MOBILE
----------------------------------------- */

@media (max-width: 420px) {

    .acnescar-reactions {
        grid-template-columns: 1fr;
    }

}

/* ---- /acne-treatment ---- */
/* =========================================
   ACNE TREATMENT CONTENT
   Scoped with acne- prefix
========================================= */

.acne-content {
    background: #f8f6f2;
    color: #4c4641;
    padding: 85px 0 100px;
    font-family: inherit;
}

.acne-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


/* -----------------------------------------
   COMMON
----------------------------------------- */

.acne-section {
    margin-top: 85px;
}

.acne-label {
    display: block;
    margin-bottom: 18px;
    color: #97702b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.acne-section h2,
.acne-final-cta h2 {
    margin: 0 0 28px;
    color: #342820;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 400;
    line-height: 1.15;
}

.acne-content p {
    margin: 0 0 22px;
    color: #625b55;
    font-size: 17px;
    line-height: 1.85;
}

.acne-content a {
    color: #8d6828;
    text-decoration: none;
    border-bottom: 1px solid rgba(141, 104, 40, 0.35);
    transition: 0.3s ease;
}

.acne-content a:hover {
    color: #b48635;
    border-color: #b48635;
}


/* -----------------------------------------
   INTRO
----------------------------------------- */

.acne-intro {
    max-width: 1050px;
}

.acne-intro p {
    color: #4c4641;
    font-size: 21px;
    line-height: 1.75;
}


/* -----------------------------------------
   ACNE TYPES
----------------------------------------- */

.acne-type-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 35px;
}

.acne-type-card {
    position: relative;
    min-height: 165px;
    padding: 28px;
    background: #fff;
    border: 1px solid #e7dfd5;
    border-radius: 4px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.acne-type-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(57, 43, 32, 0.08);
}

.acne-type-card span {
    display: block;
    margin-bottom: 20px;
    color: #a0782d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
}

.acne-type-card h3 {
    margin: 0 0 8px;
    color: #382d26;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.3;
}

.acne-type-card p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}


/* -----------------------------------------
   NOTE
----------------------------------------- */

.acne-note {
    margin-top: 35px;
    padding: 30px 35px;
    background: #eee9e2;
    border-left: 3px solid #a0782d;
}

.acne-note p:last-child {
    margin-bottom: 0;
}


/* -----------------------------------------
   CAUSES
----------------------------------------- */

.acne-causes {
    margin-top: 40px;
    border-top: 1px solid #ddd4c9;
}

.acne-cause-item {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 25px;
    padding: 27px 5px;
    border-bottom: 1px solid #ddd4c9;
}

.acne-cause-item > span {
    color: #a0782d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
}

.acne-cause-item h3 {
    margin: 0 0 7px;
    color: #382d26;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
    font-weight: 400;
}

.acne-cause-item p {
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
}


/* -----------------------------------------
   BENEFITS
----------------------------------------- */

.acne-benefits-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 40px;
}

.acne-benefit-card {
    padding: 30px;
    background: #fff;
    border: 1px solid #e8e0d6;
    border-radius: 4px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.acne-benefit-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(57, 43, 32, 0.08);
}

.acne-benefit-number {
    margin-bottom: 20px;
    color: #a0782d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
}

.acne-benefit-card h3 {
    margin: 0 0 12px;
    color: #382d26;
    font-size: 19px;
    font-weight: 600;
}

.acne-benefit-card p {
    margin: 0;
    font-size: 15px;
    line-height: 1.75;
}


/* -----------------------------------------
   TREATMENT OPTIONS
----------------------------------------- */

.acne-treatment-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
    margin-top: 40px;
}

.acne-treatment-card {
    padding: 35px;
    background: #fff;
    border: 1px solid #e6ddd2;
    border-top: 3px solid #aa7c2c;
}

.acne-treatment-top {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 25px;
}

.acne-treatment-top > span {
    color: #a0782d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 19px;
}

.acne-treatment-top h3 {
    margin: 0;
    color: #382d26;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;
    font-weight: 400;
}

.acne-treatment-card p {
    font-size: 15px;
    line-height: 1.75;
}


/* -----------------------------------------
   SUB OPTIONS
----------------------------------------- */

.acne-sub-options {
    margin-top: 25px;
}

.acne-sub-option {
    margin-top: 15px;
    padding: 17px 18px;
    background: #f7f4ef;
    border-left: 2px solid #b1873c;
}

.acne-sub-option strong {
    display: block;
    margin-bottom: 7px;
    color: #493a30;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    font-weight: 500;
}

.acne-sub-option p {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
}


/* -----------------------------------------
   MEDIFACIAL LIST
----------------------------------------- */

.acne-medifacial-list {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 22px;
}

.acne-medifacial-list span {
    padding: 9px 13px;
    color: #6a5a4d;
    background: #f4efe8;
    border: 1px solid #e4dace;
    border-radius: 30px;
    font-size: 13px;
}


/* -----------------------------------------
   DOCTOR NOTE
----------------------------------------- */

.acne-doctor-note {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-top: 25px;
    padding: 30px;
    background: #eee9e2;
    border-left: 3px solid #a0782d;
}

.acne-doctor-note-icon {
    flex: 0 0 auto;
    color: #a0782d;
    font-size: 22px;
}

.acne-doctor-note p {
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
}


/* -----------------------------------------
   WHY CHOOSE
----------------------------------------- */

.acne-why-list {
    margin-top: 40px;
}

.acne-why-item {
    display: grid;
    grid-template-columns: 75px 1fr;
    gap: 25px;
    padding: 35px 0;
    border-top: 1px solid #ded5ca;
}

.acne-why-item:last-child {
    border-bottom: 1px solid #ded5ca;
}

.acne-why-item > span {
    color: #a0782d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 28px;
}

.acne-why-item h3 {
    margin: 0 0 13px;
    color: #382d26;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    font-weight: 400;
}

.acne-why-item p {
    margin-bottom: 0;
}


/* -----------------------------------------
   FINAL CTA
----------------------------------------- */

.acne-final-cta {
    position: relative;
    overflow: hidden;
    margin-top: 90px;
    padding: 65px;
    text-align: center;
    background: #342820;
    border-radius: 3px;
}

.acne-final-cta::after {
    content: "";
    position: absolute;
    width: 330px;
    height: 330px;
    right: -140px;
    top: -140px;
    border: 1px solid rgba(196, 153, 71, 0.25);
    border-radius: 50%;
}

.acne-final-cta::before {
    content: "";
    position: absolute;
    width: 230px;
    height: 230px;
    left: -120px;
    bottom: -120px;
    border: 1px solid rgba(196, 153, 71, 0.18);
    border-radius: 50%;
}

.acne-final-cta .acne-label {
    color: #c99c4a;
}

.acne-final-cta h2 {
    color: #fff;
}

.acne-final-cta p {
    position: relative;
    z-index: 1;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    color: #d9d1c8;
}

.acne-cta {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 15px;
    margin-top: 15px;
    padding: 15px 28px;
    background: #b48635;
    color: #fff !important;
    border: none !important;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s ease;
}

.acne-cta:hover {
    background: #8e672a;
    color: #fff !important;
    transform: translateY(-2px);
}

.acne-cta span {
    font-size: 20px;
    transition: transform 0.3s ease;
}

.acne-cta:hover span {
    transform: translateX(4px);
}


/* -----------------------------------------
   TABLET
----------------------------------------- */

@media (max-width: 900px) {

    .acne-content {
        padding: 65px 0 80px;
    }

    .acne-type-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .acne-benefits-grid {
        grid-template-columns: 1fr;
    }

    .acne-treatment-grid {
        grid-template-columns: 1fr;
    }

}


/* -----------------------------------------
   MOBILE
----------------------------------------- */

@media (max-width: 600px) {

    .acne-container {
        width: min(100% - 30px, 1180px);
    }

    .acne-content {
        padding: 50px 0 60px;
    }

    .acne-section {
        margin-top: 60px;
    }

    .acne-label {
        margin-bottom: 14px;
        font-size: 10px;
        letter-spacing: 3px;
    }

    .acne-section h2,
    .acne-final-cta h2 {
        font-size: 32px;
        line-height: 1.2;
    }

    .acne-content p {
        font-size: 15px;
        line-height: 1.75;
    }

    .acne-intro p {
        font-size: 18px;
    }

    .acne-type-grid {
        grid-template-columns: 1fr;
    }

    .acne-type-card {
        min-height: auto;
        padding: 24px;
    }

    .acne-note {
        padding: 24px;
    }

    .acne-cause-item {
        grid-template-columns: 45px 1fr;
        gap: 15px;
        padding: 24px 0;
    }

    .acne-cause-item h3 {
        font-size: 19px;
    }

    .acne-benefit-card {
        padding: 25px;
    }

    .acne-treatment-card {
        padding: 25px;
    }

    .acne-treatment-top h3 {
        font-size: 23px;
    }

    .acne-doctor-note {
        padding: 24px;
    }

    .acne-why-item {
        grid-template-columns: 45px 1fr;
        gap: 15px;
        padding: 28px 0;
    }

    .acne-why-item > span {
        font-size: 22px;
    }

    .acne-why-item h3 {
        font-size: 21px;
    }

    .acne-final-cta {
        margin-top: 60px;
        padding: 40px 22px;
    }

}

/* ---- /hifu-treatment-in-noida ---- */
.hifu-content {
    background: #f8f6f2;
    color: #4c4641;
    padding: 85px 0 100px;
    font-family: inherit;
}

.hifu-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


/* =========================================
   INTRO
========================================= */

.hifu-intro {
    max-width: 1080px;
}

.hifu-intro p,
.hifu-section p {
    margin: 0 0 22px;
    color: #625b55;
    font-size: 17px;
    line-height: 1.85;
}

.hifu-intro a,
.hifu-section a {
    color: #8d6828;
    text-decoration: none;
    border-bottom: 1px solid rgba(141, 104, 40, 0.35);
}

.hifu-intro a:hover,
.hifu-section a:hover {
    color: #342820;
}

.hifu-section strong {
    color: #4c4641;
    font-weight: 600;
}


/* =========================================
   SECTIONS
========================================= */

.hifu-section {
    margin-top: 82px;
}

.hifu-section h2 {
    margin: 0 0 28px;
    color: #342820;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 4vw, 50px);
    font-weight: 400;
    line-height: 1.16;
}

.hifu-section h3 {
    margin: 38px 0 24px;
    color: #342820;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 400;
    line-height: 1.3;
}


/* =========================================
   BENEFIT CARDS
========================================= */

.hifu-benefits {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin: 35px 0 40px;
}

.hifu-benefit-card {
    display: flex;
    align-items: flex-start;
    gap: 22px;
    min-height: 120px;
    padding: 27px 30px;
    background: #fff;
    border: 1px solid #e8e0d6;
    transition: 0.25s ease;
}

.hifu-benefit-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(52, 40, 32, 0.08);
}

.hifu-benefit-card span {
    flex: 0 0 auto;
    color: #b1843c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
}

.hifu-benefit-card p {
    margin: 0;
    color: #342820;
    font-size: 16px;
    line-height: 1.65;
}


/* =========================================
   LIST CARD
========================================= */

.hifu-list-card {
    margin: 35px 0 40px;
    padding: 30px 35px;
    background: #fff;
    border: 1px solid #e8e0d6;
}

.hifu-list-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.hifu-list-card li {
    position: relative;
    padding: 13px 0 13px 28px;
    color: #514a45;
    font-size: 16px;
    line-height: 1.65;
    border-bottom: 1px solid #eee7df;
}

.hifu-list-card li:last-child {
    border-bottom: 0;
}

.hifu-list-card li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 23px;
    width: 7px;
    height: 7px;
    background: #b88a3c;
    border-radius: 50%;
}


/* =========================================
   PROCESS
========================================= */

.hifu-process {
    display: grid;
    gap: 18px;
    margin: 35px 0 40px;
}

.hifu-process-card {
    display: grid;
    grid-template-columns: 65px 1fr;
    gap: 25px;
    align-items: start;
    padding: 28px 30px;
    background: #fff;
    border: 1px solid #e8e0d6;
    transition: 0.25s ease;
}

.hifu-process-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(52, 40, 32, 0.07);
}

.hifu-process-number {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #b1843c;
    border-radius: 50%;
    color: #8d6828;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
}

.hifu-process-card h4 {
    margin: 0 0 10px;
    color: #342820;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 23px;
    font-weight: 400;
    line-height: 1.4;
}

.hifu-process-card p {
    margin: 0;
}


/* =========================================
   TREATMENT AREAS
========================================= */

.hifu-area-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin: 35px 0 40px;
}

.hifu-area-card {
    display: flex;
    align-items: center;
    gap: 20px;
    min-height: 95px;
    padding: 25px 28px;
    background: #fff;
    border: 1px solid #e8e0d6;
    transition: 0.25s ease;
}

.hifu-area-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 13px 28px rgba(52, 40, 32, 0.07);
}

.hifu-area-card span {
    color: #b1843c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
}

.hifu-area-card p {
    margin: 0;
    color: #342820;
    font-size: 16px;
}


/* =========================================
   COMPARISON
========================================= */

.hifu-comparison {
    display: grid;
    gap: 16px;
    margin: 35px 0 40px;
}

.hifu-comparison-card {
    display: flex;
    align-items: flex-start;
    gap: 22px;
    padding: 25px 28px;
    background: #fff;
    border: 1px solid #e8e0d6;
    transition: 0.25s ease;
}

.hifu-comparison-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(52, 40, 32, 0.07);
}

.hifu-comparison-card span {
    color: #b1843c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
}

.hifu-comparison-card p {
    margin: 0;
    color: #342820;
    font-size: 16px;
}


/* =========================================
   DARK FINAL THOUGHTS
========================================= */

.hifu-dark {
    position: relative;
    padding: 60px;
    background: #342820;
    overflow: hidden;
}

.hifu-dark::after {
    content: "";
    position: absolute;
    width: 270px;
    height: 270px;
    right: -110px;
    bottom: -155px;
    border: 1px solid rgba(201, 156, 74, 0.3);
    border-radius: 50%;
}

.hifu-dark h2 {
    position: relative;
    z-index: 1;
    color: #fff;
}

.hifu-dark p {
    position: relative;
    z-index: 1;
    color: #d9d1c8;
}

.hifu-dark strong {
    color: #d9d1c8;
}


/* =========================================
   CONSULTATION CTA
========================================= */

.hifu-consultation-cta {
    position: relative;
    margin: 35px 0 40px;
    padding: 50px 30px;
    background: #342820;
    border: 1px solid #4a3a30;
    text-align: center;
    overflow: hidden;
}

.hifu-consultation-cta::before,
.hifu-consultation-cta::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(201, 156, 74, 0.3);
    border-radius: 50%;
}

.hifu-consultation-cta::before {
    width: 190px;
    height: 190px;
    left: -100px;
    top: -105px;
}

.hifu-consultation-cta::after {
    width: 170px;
    height: 170px;
    right: -90px;
    bottom: -100px;
}

.hifu-cta-content {
    position: relative;
    z-index: 1;
    max-width: 720px;
    margin: 0 auto;
}

.hifu-cta-content h3 {
    margin: 0 0 15px;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 400;
}

.hifu-cta-content p {
    max-width: 650px;
    margin: 0 auto 25px;
    color: #d9d1c8;
    font-size: 15px;
}

.hifu-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 25px;
    background: #c99c4a;
    color: #342820 !important;
    border: 0 !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    transition: 0.25s ease;
}

.hifu-cta-button:hover {
    background: #d8ad5d;
    color: #342820 !important;
    transform: translateY(-2px);
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 900px) {

    .hifu-content {
        padding: 60px 0 75px;
    }

    .hifu-section {
        margin-top: 65px;
    }

    .hifu-benefits,
    .hifu-area-grid {
        grid-template-columns: 1fr;
    }

    .hifu-dark {
        padding: 45px 35px;
    }
}


@media (max-width: 600px) {

    .hifu-container {
        width: min(100% - 30px, 1180px);
    }

    .hifu-content {
        padding: 45px 0 60px;
    }

    .hifu-section {
        margin-top: 55px;
    }

    .hifu-section h2 {
        font-size: 34px;
        margin-bottom: 22px;
    }

    .hifu-section p,
    .hifu-intro p {
        font-size: 16px;
        line-height: 1.75;
    }

    .hifu-benefit-card {
        padding: 23px;
        gap: 17px;
    }

    .hifu-list-card {
        padding: 22px 24px;
    }

    .hifu-process-card {
        grid-template-columns: 1fr;
        gap: 17px;
        padding: 24px;
    }

    .hifu-process-card h4 {
        font-size: 21px;
    }

    .hifu-area-card {
        padding: 22px;
    }

    .hifu-comparison-card {
        padding: 22px;
    }

    .hifu-dark {
        padding: 38px 25px;
    }

    .hifu-consultation-cta {
        padding: 40px 20px;
    }

    .hifu-cta-content h3 {
        font-size: 29px;
    }

    .hifu-cta-content p {
        font-size: 14px;
    }
}

/* ---- / ---- */
.dermatologist-content {
    background: #f8f6f2;
    color: #4c4641;
    padding: 85px 0 100px;
    font-family: inherit;
}

.dermatologist-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


/* HERO */

.dermatologist-hero {
    position: relative;
    padding: 55px;
    margin-bottom: 80px;
    background: #342820;
    overflow: hidden;
}

.dermatologist-hero::before,
.dermatologist-hero::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(201, 156, 74, 0.35);
    border-radius: 50%;
}

.dermatologist-hero::before {
    width: 210px;
    height: 210px;
    right: -70px;
    top: -100px;
}

.dermatologist-hero::after {
    width: 140px;
    height: 140px;
    left: -60px;
    bottom: -90px;
}

.dermatologist-hero h1 {
    position: relative;
    z-index: 1;
    max-width: 900px;
    margin: 0;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(38px, 5vw, 62px);
    font-weight: 400;
    line-height: 1.12;
}


/* GENERAL SECTIONS */

.dermatologist-section {
    margin-top: 82px;
}

.dermatologist-section:first-of-type {
    margin-top: 0;
}

.dermatologist-section h2 {
    margin: 0 0 28px;
    color: #342820;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 4vw, 50px);
    font-weight: 400;
    line-height: 1.16;
}

.dermatologist-section h3 {
    margin: 38px 0 24px;
    color: #342820;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 400;
    line-height: 1.3;
}

.dermatologist-section p {
    margin: 0 0 22px;
    color: #625b55;
    font-size: 17px;
    line-height: 1.85;
}

.dermatologist-section strong {
    color: #342820;
    font-weight: 600;
}

.dermatologist-section a {
    color: #8d6828;
    text-decoration: none;
    border-bottom: 1px solid rgba(141, 104, 40, 0.35);
    transition: 0.25s ease;
}

.dermatologist-section a:hover {
    color: #342820;
}


/* LIST CARD */

.dermatologist-list-card {
    margin: 35px 0;
    padding: 30px 35px;
    background: #fff;
    border: 1px solid #e8e0d6;
}

.dermatologist-list-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.dermatologist-list-card li {
    position: relative;
    padding: 13px 0 13px 28px;
    color: #514a45;
    font-size: 16px;
    line-height: 1.6;
    border-bottom: 1px solid #eee7df;
}

.dermatologist-list-card li:last-child {
    border-bottom: 0;
}

.dermatologist-list-card li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 23px;
    width: 7px;
    height: 7px;
    background: #b88a3c;
    border-radius: 50%;
}


/* SERVICES */

.dermatologist-services {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin: 35px 0 38px;
}

.dermatologist-service-card {
    display: flex;
    align-items: center;
    gap: 22px;
    min-height: 105px;
    padding: 24px 28px;
    background: #fff;
    border: 1px solid #e8e0d6;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.dermatologist-service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(52, 40, 32, 0.08);
}

.dermatologist-service-card span {
    flex: 0 0 auto;
    color: #b1843c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
}

.dermatologist-service-card p {
    margin: 0;
    color: #342820;
    font-size: 16px;
    line-height: 1.5;
}


/* WHY CHOOSE */

.dermatologist-reasons {
    display: grid;
    gap: 18px;
    margin: 35px 0 40px;
}

.dermatologist-reason {
    display: grid;
    grid-template-columns: 68px 1fr;
    gap: 25px;
    align-items: start;
    padding: 30px;
    background: #fff;
    border: 1px solid #e8e0d6;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.dermatologist-reason:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(52, 40, 32, 0.07);
}

.dermatologist-number {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #b1843c;
    color: #8d6828;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
    border-radius: 50%;
}

.dermatologist-reason h3 {
    margin: 2px 0 12px;
    color: #342820;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    font-weight: 400;
}

.dermatologist-reason p {
    margin: 0;
}


/* DARK CONTENT SECTION */

.dermatologist-dark {
    position: relative;
    padding: 60px;
    background: #342820;
    overflow: hidden;
}

.dermatologist-dark::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    right: -100px;
    bottom: -150px;
    border: 1px solid rgba(201, 156, 74, 0.3);
    border-radius: 50%;
}

.dermatologist-dark h2 {
    position: relative;
    z-index: 1;
    color: #fff;
}

.dermatologist-dark p {
    position: relative;
    z-index: 1;
    color: #d9d1c8;
}

.dermatologist-dark strong {
    color: #d7ad64;
}


/* =========================================
   BOOK CONSULTATION CTA
   SAME WEBSITE COLOR FORMAT
========================================= */

.dermatologist-consultation-cta {
    position: relative;
    margin: 35px 0 40px;
    padding: 55px 30px;
    background: #342820;
    border: 1px solid #4a3a30;
    text-align: center;
    overflow: hidden;
}

.dermatologist-consultation-cta::before,
.dermatologist-consultation-cta::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(201, 156, 74, 0.3);
    border-radius: 50%;
}

.dermatologist-consultation-cta::before {
    width: 190px;
    height: 190px;
    left: -100px;
    top: -105px;
}

.dermatologist-consultation-cta::after {
    width: 170px;
    height: 170px;
    right: -90px;
    bottom: -100px;
}

.dermatologist-cta-content {
    position: relative;
    z-index: 1;
    max-width: 720px;
    margin: 0 auto;
}

.dermatologist-cta-content h3 {
    margin: 0 0 12px;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 400;
    line-height: 1.2;
}

.dermatologist-cta-content p {
    max-width: 620px;
    margin: 0 auto 25px;
    color: #d9d1c8;
    font-size: 15px;
    line-height: 1.7;
}

.dermatologist-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 23px;
    background: #c99c4a;
    color: #342820 !important;
    border: 0 !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    transition: 0.25s ease;
}

.dermatologist-cta-button:hover {
    background: #d8ad5d;
    color: #342820 !important;
    transform: translateY(-2px);
}


/* FINAL CTA */

.dermatologist-final {
    position: relative;
    margin-top: 80px;
    padding: 55px 60px;
    background: #342820;
    overflow: hidden;
}

.dermatologist-final::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -70px;
    top: -90px;
    border: 1px solid rgba(201, 156, 74, 0.35);
    border-radius: 50%;
}

.dermatologist-final h3 {
    position: relative;
    z-index: 1;
    margin: 0 0 25px;
    color: #c99c4a;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.dermatologist-final p {
    position: relative;
    z-index: 1;
    max-width: 950px;
    margin: 0;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(22px, 3vw, 31px);
    line-height: 1.5;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 900px) {

    .dermatologist-content {
        padding: 60px 0 75px;
    }

    .dermatologist-section {
        margin-top: 65px;
    }

    .dermatologist-hero {
        padding: 45px 35px 50px;
        margin-bottom: 60px;
    }

    .dermatologist-services {
        grid-template-columns: 1fr;
    }

    .dermatologist-dark {
        padding: 45px 35px;
    }

    .dermatologist-final {
        padding: 45px 35px;
    }
}


@media (max-width: 600px) {

    .dermatologist-container {
        width: min(100% - 30px, 1180px);
    }

    .dermatologist-content {
        padding: 45px 0 60px;
    }

    .dermatologist-hero {
        padding: 38px 25px 42px;
        margin-bottom: 50px;
    }

    .dermatologist-section {
        margin-top: 55px;
    }

    .dermatologist-section h2 {
        margin-bottom: 22px;
        font-size: 34px;
    }

    .dermatologist-section p {
        font-size: 16px;
        line-height: 1.75;
    }

    .dermatologist-list-card {
        padding: 22px 24px;
    }

    .dermatologist-service-card {
        padding: 22px;
        gap: 17px;
    }

    .dermatologist-reason {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 24px;
    }

    .dermatologist-reason h3 {
        font-size: 23px;
    }

    .dermatologist-number {
        width: 50px;
        height: 50px;
        font-size: 19px;
    }

    .dermatologist-dark {
        padding: 38px 25px;
    }

    .dermatologist-consultation-cta {
        padding: 42px 22px;
    }

    .dermatologist-cta-content h3 {
        font-size: 29px;
    }

    .dermatologist-cta-content p {
        font-size: 14px;
    }

    .dermatologist-final {
        margin-top: 55px;
        padding: 38px 25px;
    }

    .dermatologist-final p {
        font-size: 23px;
    }
}

/* ---- /hydra-facial ---- */
/* =========================================
   HYDRAFACIAL CONTENT
   Scoped with hydrafacial- prefix
========================================= */

.hydrafacial-content {
    background: #f8f6f2;
    color: #4c4641;
    padding: 85px 0 100px;
    font-family: inherit;
}

.hydrafacial-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


/* -----------------------------------------
   COMMON
----------------------------------------- */

.hydrafacial-section {
    margin-top: 85px;
}

.hydrafacial-label {
    display: block;
    margin-bottom: 18px;
    color: #97702b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.hydrafacial-section h2,
.hydrafacial-final h2 {
    margin: 0 0 28px;
    color: #342820;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 400;
    line-height: 1.15;
}

.hydrafacial-content p {
    margin: 0 0 22px;
    color: #625b55;
    font-size: 17px;
    line-height: 1.85;
}

.hydrafacial-content a {
    color: #8d6828;
    text-decoration: none;
    border-bottom: 1px solid rgba(141, 104, 40, 0.35);
    transition: 0.3s ease;
}

.hydrafacial-content a:hover {
    color: #b48635;
    border-color: #b48635;
}


/* -----------------------------------------
   INTRO
----------------------------------------- */

.hydrafacial-intro {
    max-width: 1050px;
}

.hydrafacial-intro p {
    color: #4c4641;
    font-size: 21px;
    line-height: 1.75;
}


/* -----------------------------------------
   BENEFITS
----------------------------------------- */

.hydrafacial-benefits {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 40px 0 30px;
}

.hydrafacial-benefit-card {
    padding: 30px;
    background: #fff;
    border: 1px solid #e8e0d6;
    border-radius: 4px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hydrafacial-benefit-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(57, 43, 32, 0.08);
}

.hydrafacial-benefit-card span {
    display: block;
    margin-bottom: 18px;
    color: #a0782d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
}

.hydrafacial-benefit-card p {
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
}


/* -----------------------------------------
   CONCERNS
----------------------------------------- */

.hydrafacial-concerns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin: 35px 0;
}

.hydrafacial-concern {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 25px;
    background: #fff;
    border: 1px solid #e5ddd4;
}

.hydrafacial-concern span {
    color: #a0782d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
}

.hydrafacial-concern p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
}


/* -----------------------------------------
   PROCEDURE
----------------------------------------- */

.hydrafacial-procedure {
    margin-top: 40px;
}

.hydrafacial-step {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 25px;
    padding: 30px 0;
    border-top: 1px solid #ded5ca;
}

.hydrafacial-step:last-child {
    border-bottom: 1px solid #ded5ca;
}

.hydrafacial-step-number {
    color: #a0782d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
}

.hydrafacial-step h3 {
    margin: 0 0 10px;
    color: #382d26;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    font-weight: 400;
}

.hydrafacial-step p {
    margin: 0;
    font-size: 15px;
}


/* -----------------------------------------
   WHY CHOOSE
----------------------------------------- */

.hydrafacial-why {
    margin: 40px 0 30px;
    border-top: 1px solid #ded5ca;
}

.hydrafacial-why-item {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 25px;
    padding: 25px 5px;
    border-bottom: 1px solid #ded5ca;
}

.hydrafacial-why-item span {
    color: #a0782d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
}

.hydrafacial-why-item p {
    margin: 0;
    font-size: 15px;
}


/* -----------------------------------------
   AFTERCARE
----------------------------------------- */

.hydrafacial-aftercare {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin: 35px 0 30px;
}

.hydrafacial-aftercare-item {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 22px 25px;
    background: #fff;
    border: 1px solid #e5ddd4;
}

.hydrafacial-aftercare-item span {
    color: #a0782d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
}

.hydrafacial-aftercare-item p {
    margin: 0;
    font-size: 15px;
}


/* -----------------------------------------
   FINAL
----------------------------------------- */

.hydrafacial-final {
    position: relative;
    overflow: hidden;
    margin-top: 90px;
    padding: 65px;
    text-align: center;
    background: #342820;
    border-radius: 3px;
}

.hydrafacial-final::after {
    content: "";
    position: absolute;
    width: 330px;
    height: 330px;
    right: -140px;
    top: -140px;
    border: 1px solid rgba(196, 153, 71, 0.25);
    border-radius: 50%;
}

.hydrafacial-final::before {
    content: "";
    position: absolute;
    width: 230px;
    height: 230px;
    left: -120px;
    bottom: -120px;
    border: 1px solid rgba(196, 153, 71, 0.18);
    border-radius: 50%;
}

.hydrafacial-final .hydrafacial-label {
    color: #c99c4a;
}

.hydrafacial-final h2 {
    position: relative;
    z-index: 1;
    color: #fff;
}

.hydrafacial-final p {
    position: relative;
    z-index: 1;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    color: #d9d1c8;
}

.hydrafacial-final a {
    color: #d5ad61;
}


/* -----------------------------------------
   TABLET
----------------------------------------- */

@media (max-width: 900px) {

    .hydrafacial-content {
        padding: 65px 0 80px;
    }

    .hydrafacial-benefits {
        grid-template-columns: 1fr;
    }

    .hydrafacial-concerns {
        grid-template-columns: repeat(2, 1fr);
    }

    .hydrafacial-aftercare {
        grid-template-columns: 1fr;
    }

}


/* -----------------------------------------
   MOBILE
----------------------------------------- */

@media (max-width: 600px) {

    .hydrafacial-container {
        width: min(100% - 30px, 1180px);
    }

    .hydrafacial-content {
        padding: 50px 0 60px;
    }

    .hydrafacial-section {
        margin-top: 60px;
    }

    .hydrafacial-label {
        margin-bottom: 14px;
        font-size: 10px;
        letter-spacing: 3px;
    }

    .hydrafacial-section h2,
    .hydrafacial-final h2 {
        font-size: 32px;
        line-height: 1.2;
    }

    .hydrafacial-content p {
        font-size: 15px;
        line-height: 1.75;
    }

    .hydrafacial-intro p {
        font-size: 18px;
    }

    .hydrafacial-benefit-card {
        padding: 25px;
    }

    .hydrafacial-concerns {
        grid-template-columns: 1fr;
    }

    .hydrafacial-step {
        grid-template-columns: 45px 1fr;
        gap: 15px;
        padding: 28px 0;
    }

    .hydrafacial-step h3 {
        font-size: 21px;
    }

    .hydrafacial-why-item {
        grid-template-columns: 45px 1fr;
        gap: 15px;
    }

    .hydrafacial-final {
        margin-top: 60px;
        padding: 40px 22px;
    }

}

/* ---- /laser-hair-reduction ---- */
/* =========================================
   LASER HAIR REDUCTION CONTENT
   Scoped with lhr- prefix
========================================= */

.lhr-content {
    background: #f8f6f2;
    color: #4c4641;
    padding: 85px 0 100px;
    font-family: inherit;
}

.lhr-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


/* -----------------------------------------
   COMMON
----------------------------------------- */

.lhr-section {
    margin-top: 85px;
}

.lhr-label {
    display: block;
    margin-bottom: 18px;
    color: #97702b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.lhr-section h2,
.lhr-highlight h2,
.lhr-connect h2 {
    margin: 0 0 28px;
    color: #342820;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 400;
    line-height: 1.15;
}

.lhr-content p {
    margin: 0 0 22px;
    color: #625b55;
    font-size: 17px;
    line-height: 1.85;
}

.lhr-content a {
    color: #8d6828;
    text-decoration: none;
    border-bottom: 1px solid rgba(141, 104, 40, 0.35);
    transition: 0.3s ease;
}

.lhr-content a:hover {
    color: #b48635;
    border-color: #b48635;
}


/* -----------------------------------------
   INTRO
----------------------------------------- */

.lhr-intro {
    max-width: 1050px;
}

.lhr-intro p:first-child {
    color: #4c4641;
    font-size: 21px;
    line-height: 1.75;
}


/* -----------------------------------------
   BENEFITS
----------------------------------------- */

.lhr-benefits-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 40px;
}

.lhr-benefit-card {
    display: flex;
    gap: 22px;
    padding: 30px;
    background: #fff;
    border: 1px solid #e8e0d6;
    border-radius: 4px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.lhr-benefit-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(57, 43, 32, 0.08);
}

.lhr-number {
    flex: 0 0 auto;
    color: #a67b2f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
    line-height: 1;
}

.lhr-benefit-card h3 {
    margin: 0 0 12px;
    color: #382d26;
    font-size: 19px;
    font-weight: 600;
}

.lhr-benefit-card p {
    margin: 0;
    font-size: 15px;
    line-height: 1.75;
}


/* -----------------------------------------
   READ MORE
----------------------------------------- */

.lhr-read-more {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
    padding-bottom: 5px;
    font-size: 15px;
    font-weight: 600;
}

.lhr-read-more span {
    font-size: 20px;
    transition: transform 0.3s ease;
}

.lhr-read-more:hover span {
    transform: translateX(5px);
}


/* -----------------------------------------
   SESSIONS
----------------------------------------- */

.lhr-session-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    margin: 35px 0 30px;
}

.lhr-session-card {
    padding: 25px 18px;
    text-align: center;
    background: #fff;
    border: 1px solid #e6ddd2;
    border-radius: 4px;
}

.lhr-session-card span {
    display: block;
    margin-bottom: 10px;
    color: #756d66;
    font-size: 14px;
}

.lhr-session-card strong {
    display: block;
    color: #936b27;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
    font-weight: 500;
}


/* -----------------------------------------
   PRE / POST CARE
----------------------------------------- */

.lhr-care-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    margin-top: 40px;
}

.lhr-care-box {
    padding: 35px;
    background: #fff;
    border: 1px solid #e5ddd4;
    border-top: 3px solid #aa7c2c;
}

.lhr-care-heading {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}

.lhr-care-heading span {
    color: #a0782d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
}

.lhr-care-heading h3 {
    margin: 0;
    color: #382d26;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;
    font-weight: 400;
}

.lhr-care-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.lhr-care-box li {
    position: relative;
    margin-bottom: 15px;
    padding-left: 23px;
    color: #625b55;
    font-size: 15px;
    line-height: 1.7;
}

.lhr-care-box li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: #a0782d;
    font-size: 19px;
}


/* -----------------------------------------
   WHY CHOOSE
----------------------------------------- */

.lhr-why-list {
    margin-top: 40px;
}

.lhr-why-item {
    display: grid;
    grid-template-columns: 75px 1fr;
    gap: 25px;
    padding: 35px 0;
    border-top: 1px solid #ded5ca;
}

.lhr-why-item:last-child {
    border-bottom: 1px solid #ded5ca;
}

.lhr-why-number {
    color: #a0782d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 28px;
}

.lhr-why-item h3 {
    margin: 0 0 15px;
    color: #382d26;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    font-weight: 400;
}

.lhr-why-item p:last-child {
    margin-bottom: 0;
}


/* -----------------------------------------
   TRUSTED HIGHLIGHT
----------------------------------------- */

.lhr-highlight {
    position: relative;
    overflow: hidden;
    margin-top: 90px;
    padding: 65px;
    background: #342820;
    border-radius: 3px;
}

.lhr-highlight::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    right: -120px;
    top: -120px;
    border: 1px solid rgba(196, 153, 71, 0.25);
    border-radius: 50%;
}

.lhr-highlight .lhr-label {
    color: #c99c4a;
}

.lhr-highlight h2 {
    max-width: 750px;
    color: #fff;
}

.lhr-highlight p {
    max-width: 850px;
    color: #d9d1c8;
}


/* -----------------------------------------
   PRICE TABLE
----------------------------------------- */

.lhr-price-table {
    max-width: 850px;
    margin-top: 35px;
    border-top: 1px solid #dcd3c8;
}

.lhr-price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding: 20px 5px;
    border-bottom: 1px solid #dcd3c8;
}

.lhr-price-row span {
    color: #5d554e;
    font-size: 16px;
}

.lhr-price-row strong {
    color: #916b2c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 19px;
    font-weight: 500;
}


/* -----------------------------------------
   CONNECT
----------------------------------------- */

.lhr-connect {
    margin-top: 90px;
    padding: 60px;
    text-align: center;
    background: #eee9e2;
    border: 1px solid #e1d9d0;
}

.lhr-connect .lhr-label {
    margin-bottom: 15px;
}

.lhr-connect h2 {
    margin-bottom: 20px;
}

.lhr-connect p {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.lhr-cta {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    margin-top: 15px;
    padding: 15px 28px;
    background: #b48635;
    color: #fff !important;
    border: none !important;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    transition: 0.3s ease;
}

.lhr-cta:hover {
    background: #8e672a;
    color: #fff !important;
    transform: translateY(-2px);
}

.lhr-cta span {
    font-size: 20px;
}


/* -----------------------------------------
   TABLET
----------------------------------------- */

@media (max-width: 900px) {

    .lhr-content {
        padding: 65px 0 80px;
    }

    .lhr-benefits-grid {
        grid-template-columns: 1fr;
    }

    .lhr-session-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .lhr-care-grid {
        grid-template-columns: 1fr;
    }

}


/* -----------------------------------------
   MOBILE
----------------------------------------- */

@media (max-width: 600px) {

    .lhr-container {
        width: min(100% - 30px, 1180px);
    }

    .lhr-content {
        padding: 50px 0 60px;
    }

    .lhr-section {
        margin-top: 60px;
    }

    .lhr-label {
        margin-bottom: 14px;
        font-size: 10px;
        letter-spacing: 3px;
    }

    .lhr-section h2,
    .lhr-highlight h2,
    .lhr-connect h2 {
        font-size: 32px;
        line-height: 1.2;
    }

    .lhr-content p {
        font-size: 15px;
        line-height: 1.75;
    }

    .lhr-intro p:first-child {
        font-size: 18px;
    }

    .lhr-benefit-card {
        padding: 24px;
        gap: 15px;
    }

    .lhr-benefit-card h3 {
        font-size: 17px;
    }

    .lhr-session-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .lhr-session-card {
        padding: 20px 12px;
    }

    .lhr-session-card strong {
        font-size: 18px;
    }

    .lhr-care-box {
        padding: 25px;
    }

    .lhr-why-item {
        grid-template-columns: 45px 1fr;
        gap: 15px;
        padding: 28px 0;
    }

    .lhr-why-number {
        font-size: 22px;
    }

    .lhr-why-item h3 {
        font-size: 21px;
    }

    .lhr-highlight {
        margin-top: 60px;
        padding: 35px 25px;
    }

    .lhr-price-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
        padding: 17px 0;
    }

    .lhr-price-row strong {
        font-size: 17px;
    }

    .lhr-connect {
        margin-top: 60px;
        padding: 40px 22px;
    }

}

/* ---- /pigmentation-treatment ---- */
/* =========================================
   PIGMENTATION CONTENT
   Scoped with pigmentation- prefix
========================================= */

.pigmentation-content {
    background: #f8f6f2;
    color: #4c4641;
    padding: 85px 0 100px;
    font-family: inherit;
}

.pigmentation-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


/* -----------------------------------------
   COMMON
----------------------------------------- */

.pigmentation-section {
    margin-top: 85px;
}

.pigmentation-label {
    display: block;
    margin-bottom: 18px;
    color: #97702b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.pigmentation-section h2 {
    margin: 0 0 28px;
    color: #342820;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 400;
    line-height: 1.15;
}

.pigmentation-content p {
    margin: 0 0 22px;
    color: #625b55;
    font-size: 17px;
    line-height: 1.85;
}

.pigmentation-content a {
    color: #8d6828;
    text-decoration: none;
    border-bottom: 1px solid rgba(141, 104, 40, 0.35);
    transition: 0.3s ease;
}

.pigmentation-content a:hover {
    color: #b48635;
    border-color: #b48635;
}


/* -----------------------------------------
   INTRO
----------------------------------------- */

.pigmentation-intro {
    max-width: 1050px;
}

.pigmentation-intro > p {
    color: #4c4641;
    font-size: 21px;
    line-height: 1.75;
}


/* -----------------------------------------
   LISTS
----------------------------------------- */

.pigmentation-content ul {
    margin: 25px 0 25px;
    padding: 0;
    list-style: none;
}

.pigmentation-content ul li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 25px;
    color: #625b55;
    font-size: 15px;
    line-height: 1.7;
}

.pigmentation-content ul li::before {
    content: "•";
    position: absolute;
    left: 3px;
    top: 0;
    color: #a0782d;
    font-size: 20px;
}


/* -----------------------------------------
   TYPES OF PIGMENTATION
----------------------------------------- */

.pigmentation-types {
    margin-top: 40px;
}

.pigmentation-type-card {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 25px;
    padding: 35px 0;
    border-top: 1px solid #ded5ca;
}

.pigmentation-type-card:last-child {
    border-bottom: 1px solid #ded5ca;
}

.pigmentation-type-number {
    color: #a0782d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
}

.pigmentation-type-card h3 {
    margin: 0 0 16px;
    color: #382d26;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;
    font-weight: 400;
}

.pigmentation-type-card p {
    font-size: 16px;
}

.pigmentation-type-card ul {
    margin-top: 15px;
}


/* -----------------------------------------
   NOTE
----------------------------------------- */

.pigmentation-note {
    margin-top: 35px;
    padding: 30px 35px;
    background: #eee9e2;
    border-left: 3px solid #a0782d;
}

.pigmentation-note p:last-child {
    margin-bottom: 0;
}


/* -----------------------------------------
   BENEFITS
----------------------------------------- */

.pigmentation-benefits {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 40px;
}

.pigmentation-benefit-card {
    padding: 30px;
    background: #fff;
    border: 1px solid #e8e0d6;
    border-radius: 4px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.pigmentation-benefit-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(57, 43, 32, 0.08);
}

.pigmentation-benefit-card > span {
    display: block;
    margin-bottom: 18px;
    color: #a0782d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
}

.pigmentation-benefit-card p {
    margin: 0;
    font-size: 15px;
    line-height: 1.75;
}


/* -----------------------------------------
   OPTIONS
----------------------------------------- */

.pigmentation-options {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    margin: 35px 0 35px;
}

.pigmentation-option {
    padding: 25px 15px;
    text-align: center;
    background: #fff;
    border: 1px solid #e5ddd4;
    border-radius: 4px;
}

.pigmentation-option span {
    display: block;
    margin-bottom: 10px;
    color: #a0782d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
}

.pigmentation-option strong {
    color: #493a30;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    font-weight: 500;
}


/* -----------------------------------------
   TABLET
----------------------------------------- */

@media (max-width: 900px) {

    .pigmentation-content {
        padding: 65px 0 80px;
    }

    .pigmentation-benefits {
        grid-template-columns: 1fr;
    }

    .pigmentation-options {
        grid-template-columns: repeat(3, 1fr);
    }

}


/* -----------------------------------------
   MOBILE
----------------------------------------- */

@media (max-width: 600px) {

    .pigmentation-container {
        width: min(100% - 30px, 1180px);
    }

    .pigmentation-content {
        padding: 50px 0 60px;
    }

    .pigmentation-section {
        margin-top: 60px;
    }

    .pigmentation-label {
        margin-bottom: 14px;
        font-size: 10px;
        letter-spacing: 3px;
    }

    .pigmentation-section h2 {
        font-size: 32px;
        line-height: 1.2;
    }

    .pigmentation-content p {
        font-size: 15px;
        line-height: 1.75;
    }

    .pigmentation-intro > p {
        font-size: 18px;
    }

    .pigmentation-type-card {
        grid-template-columns: 45px 1fr;
        gap: 15px;
        padding: 28px 0;
    }

    .pigmentation-type-card h3 {
        font-size: 22px;
    }

    .pigmentation-note {
        padding: 24px;
    }

    .pigmentation-benefit-card {
        padding: 25px;
    }

    .pigmentation-options {
        grid-template-columns: repeat(2, 1fr);
    }

    .pigmentation-option {
        padding: 20px 10px;
    }

    .pigmentation-option strong {
        font-size: 15px;
    }

}


/* -----------------------------------------
   SMALL MOBILE
----------------------------------------- */

@media (max-width: 420px) {

    .pigmentation-options {
        grid-template-columns: 1fr;
    }

}