.home-treatments {
    padding: 94px 0;
    background: radial-gradient(ellipse at top left, #eff9fc 0, transparent 45%), #f7fafc;
    scroll-margin-top: 30px;
}
.home-treatments-heading { max-width: 700px; margin: 0 auto 38px; text-align: center; }
.home-treatments-eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #238797; font-size: 11px; font-weight: 700; line-height: 1.5; letter-spacing: .14em; }
.home-treatments-eyebrow > span { width: 7px; height: 7px; border-radius: 50%; background: #48b8c5; box-shadow: 0 0 0 4px #e0f2f5; }
.home-treatments-heading h2 { margin: 15px 0 14px; color: #244563; font-size: clamp(31px, 3.3vw, 43px); line-height: 1.2; letter-spacing: -.035em; }
.home-treatments-heading > p { max-width: 630px; margin: 0 auto; color: #718394; font-size: 15px; line-height: 1.85; }
.home-treatments-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.home-treatment-card {
    --treatment-accent: #17746f;
    --treatment-start: #197e83;
    --treatment-end: #59d3b4;
    --treatment-soft: #eaf7f3;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 28px 27px 23px;
    overflow: hidden;
    border: 1px solid #e0e9ef;
    border-radius: 20px;
    background: #fff;
    color: #244563;
    text-decoration: none;
    box-shadow: 0 8px 26px #24456305;
    transition: transform .22s, box-shadow .22s, border-color .22s;
}
.home-treatment-card::before { position: absolute; top: 0; right: 0; left: 0; height: 3px; background: linear-gradient(110deg, var(--treatment-start), var(--treatment-end)); opacity: 0; content: ""; transition: opacity .22s; }
.home-treatment-card:hover { transform: translateY(-5px); border-color: color-mix(in srgb, var(--treatment-start) 25%, #e0e9ef); box-shadow: 0 16px 36px #24456310; }
.home-treatment-card:hover::before, .home-treatment-card:focus-visible::before { opacity: 1; }
.home-treatment-card:focus-visible, .home-treatments-footer > a:focus-visible { outline: 3px solid #238797; outline-offset: 5px; }
.home-treatment-violet { --treatment-accent: #6e4ca5; --treatment-start: #6c50ad; --treatment-end: #b899e7; --treatment-soft: #f3effb; }
.home-treatment-blue { --treatment-accent: #2b6598; --treatment-start: #306bb5; --treatment-end: #6ac4de; --treatment-soft: #edf5fc; }
.home-treatment-rose { --treatment-accent: #a14965; --treatment-start: #be5c7c; --treatment-end: #f2b590; --treatment-soft: #fcf0f2; }
.home-treatment-indigo { --treatment-accent: #535e9f; --treatment-start: #5265ab; --treatment-end: #a395d8; --treatment-soft: #f0f1fb; }
.home-treatment-aqua { --treatment-accent: #187c8c; --treatment-start: #1a809f; --treatment-end: #61cebd; --treatment-soft: #eaf8f8; }
.home-treatment-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.home-treatment-icon { position: relative; display: grid; width: 66px; height: 66px; place-items: center; flex-shrink: 0; border-radius: 19px; background: linear-gradient(135deg, var(--treatment-start) 5%, var(--treatment-end) 100%); box-shadow: 0 8px 18px color-mix(in srgb, var(--treatment-start) 18%, transparent), inset 0 1px 0 #ffffff55; color: #fff; font-size: 29px; }
.home-treatment-icon::after { position: absolute; inset: 5px; border: 1px solid #ffffff26; border-radius: 14px; content: ""; }
.home-treatment-number { color: #edf2f6; font: 700 36px/1 var(--heading-font, "Quicksand", sans-serif); letter-spacing: -.05em; }
.home-treatment-tag { align-self: start; max-width: 100%; margin-bottom: 11px; padding: 3px 10px; border-radius: 30px; background: var(--treatment-soft); color: var(--treatment-accent); font-size: 10px; font-weight: 500; line-height: 1.7; }
.home-treatment-card h3 { margin: 0 0 12px; color: #244563; font-size: 23px; line-height: 1.35; letter-spacing: -.025em; }
.home-treatment-card > p { margin: 0 0 24px; color: #738597; font-size: 13px; line-height: 1.85; }
.home-treatment-link { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: auto; padding-top: 16px; border-top: 1px solid #edf1f4; color: var(--treatment-accent); font-size: 12px; font-weight: 700; }
.home-treatment-link > span { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 50%; background: var(--treatment-soft); color: var(--treatment-accent); transition: transform .22s; }
.home-treatment-card:hover .home-treatment-link > span { transform: translateX(3px); }
.home-treatments-footer { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 27px; padding: 24px 29px; border: 1px solid #deebf0; border-radius: 17px; background: #edf6f9; }
.home-treatments-footer > div { display: flex; align-items: center; gap: 16px; }
.home-treatments-contact-icon { display: grid; width: 45px; height: 45px; place-items: center; flex-shrink: 0; border: 1px solid #d9eaf0; border-radius: 13px; background: #fff; color: #35869c; font-size: 22px; }
.home-treatments-footer p { margin: 0; color: #718799; font-size: 12px; line-height: 1.8; }
.home-treatments-footer p strong, .home-treatments-footer p > span { display: block; }
.home-treatments-footer p strong { color: #35576f; font-size: 14px; font-weight: 700; }
.home-treatments-footer > a { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 15px; flex-shrink: 0; padding: 10px 17px; border-radius: 9px; background: #274e6d; color: #fff; font-size: 12px; font-weight: 700; line-height: 1.6; }
.home-treatments-footer > a:hover { background: #1d6b80; color: #fff; }
@media (max-width: 1000px) {
    .home-treatments-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
    .home-treatments { padding: 70px 0; }
}
@media (max-width: 600px) {
    .home-treatments { padding: 52px 0; }
    .home-treatments-heading { margin-bottom: 27px; }
    .home-treatments-heading h2 { margin-top: 13px; font-size: 31px; }
    .home-treatments-heading > p { font-size: 14px; line-height: 1.8; }
    .home-treatments-grid { grid-template-columns: 1fr; gap: 16px; }
    .home-treatment-card { padding: 25px 24px 21px; border-radius: 17px; }
    .home-treatment-top { margin-bottom: 20px; }
    .home-treatment-card h3 { font-size: 23px; }
    .home-treatments-footer { flex-direction: column; align-items: stretch; gap: 20px; padding: 22px 20px; }
    .home-treatments-footer > div { align-items: start; gap: 12px; }
    .home-treatments-footer p strong { margin-bottom: 4px; font-size: 13px; }
    .home-treatments-footer > a { align-self: start; }
}
@media (prefers-reduced-motion: reduce) {
    .home-treatment-card, .home-treatment-card::before, .home-treatment-link > span { transition: none; }
}

/* Keep the first hero slide visible while the carousel script initializes. */
.banner-slider-v7:not(.slick-initialized) .banner-slide-v7:not(:first-child) { display: none; }
