.stats-strip{display:none}
.expertise-grid,.technology-grid,.treatment-grid,.hospital-grid,.testimonial-grid,.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.expertise-card,.tech-card,.treatment-card,.hospital-card,.testimonial-card,.blog-card{overflow:hidden;border:1px solid rgba(17,17,15,.1);background:#f9fcfa;box-shadow:none;transition:transform .2s ease}
.expertise-card:hover,.tech-card:hover,.treatment-card:hover,.hospital-card:hover,.testimonial-card:hover,.blog-card:hover{transform:translateY(-4px)}
.expertise-card{padding:30px}
.card-icon{width:44px;height:44px;display:grid;place-items:center;margin-bottom:18px;border-radius:50%;color:#fff;background:#203c35;font-size:12px;font-weight:800}
.expertise-card h3,.tech-card h3,.treatment-card h3,.hospital-card h3,.blog-card h3{margin:0 0 9px;color:#11110f;font-family:var(--heading-font);font-size:1.25rem;font-weight:500}
.expertise-card p,.tech-card p,.treatment-card p,.hospital-card p,.blog-card p{margin:0;color:#69756f;font-size:.9rem}
.tech-image {
    display: block;
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center;
    background: #e8efed;
}

.treatment-image,.hospital-image,.blog-image{width:100%;height:220px;object-fit:cover;background:#dfe9e5}
.tech-body,.treatment-body,.hospital-body,.blog-body{padding:25px}
.text-link{display:inline-flex;margin-top:15px;color:#243c34;font-size:.82rem;font-weight:800}
.home-cta{padding:75px 0;background:#203c35;color:#fff}
.home-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.home-cta h2{margin:0 0 8px;color:#fff;font-family:var(--heading-font);font-size:clamp(2rem,4vw,3.5rem);font-weight:400;line-height:1}
.home-cta p{margin:0;color:#d9e7e1}
.cta-kicker{margin-bottom:10px!important;color:#bdd1c9!important;font-size:10px!important;font-weight:800;letter-spacing:.16em}
.home-cta-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-light{background:#fff;color:#203c35}.btn-ghost{color:#fff;border-color:#9bb4aa;background:transparent}
.hospital-body small{display:block;margin-top:10px;color:#718079}
.home-gallery-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr;grid-auto-rows:220px;gap:14px}
.home-gallery-item{position:relative;overflow:hidden;background:#dfe9e5}.home-gallery-item:first-child{grid-row:span 2}
.home-gallery-item img{width:100%;height:100%;object-fit:cover;transition:.4s}.home-gallery-item:hover img{transform:scale(1.04)}
.home-gallery-item span{position:absolute;left:12px;right:12px;bottom:12px;padding:8px 10px;color:#fff;background:rgba(0,0,0,.58);font-size:.78rem}
.testimonial-card{padding:30px}.testimonial-stars{color:#203c35;letter-spacing:2px}.testimonial-text{margin:15px 0;color:#55635e}.testimonial-card strong{display:block;color:#11110f}.testimonial-card small{color:#7b8581}
.blog-category{display:block;margin-bottom:8px;color:#4c6a60;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:950px){.expertise-grid,.technology-grid,.treatment-grid,.hospital-grid,.testimonial-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.home-cta-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:650px){.expertise-grid,.technology-grid,.treatment-grid,.hospital-grid,.testimonial-grid,.blog-grid{grid-template-columns:1fr}.home-gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:170px}.home-gallery-item:first-child{grid-column:span 2;grid-row:span 1}}

@media(max-width:800px){
    .dr-practical-notes{
        padding:64px 0 70px;
    }
    .dr-practical-notes-heading{
        grid-template-columns:1fr;
        gap:22px;
        margin-bottom:34px;
    }
    .dr-practical-notes-grid{
        grid-template-columns:1fr;
    }
    .dr-practical-note,
    .dr-practical-note:not(:first-child){
        min-height:auto;
        padding:25px 0;
        border-right:0;
        border-bottom:1px solid rgba(17,17,15,.14);
    }
    .dr-practical-note:last-child{
        border-bottom:0;
    }
    .dr-practical-note-number{
        margin-bottom:24px;
    }
}


/* =========================================================
   DR. PRACTICAL NOTES — REFINED EDITORIAL SECTION
   ========================================================= */
.dr-practical-notes{
    position:relative;
    padding:112px 0 118px;
    background:#f7f5f1;
    border-top:1px solid rgba(17,17,15,.09);
    overflow:hidden;
}

.dr-practical-notes-layout{
    display:grid;
    grid-template-columns:minmax(220px,.78fr) minmax(0,1.22fr);
    column-gap:80px;
    align-items:start;
}

.dr-practical-notes-label{
    display:flex;
    align-items:center;
    gap:12px;
    padding-top:9px;
    color:#171717;
    font-size:11px;
    font-weight:800;
    letter-spacing:.18em;
    line-height:1.4;
}

.dr-practical-dash{
    width:25px;
    height:2px;
    flex:0 0 25px;
    background:#171717;
}

.dr-practical-notes-content{
    max-width:780px;
}

.dr-practical-overline{
    margin:0 0 22px;
    color:#8b7e70;
    font-size:10px;
    font-weight:800;
    letter-spacing:.15em;
}

.dr-practical-notes-content h2{
    max-width:760px;
    margin:0;
    color:#171717;
    font-family:var(--heading-font,Georgia,serif);
    font-size:clamp(48px,5vw,76px);
    font-weight:400;
    line-height:.99;
    letter-spacing:-.035em;
}

.dr-practical-notes-content h2 em{
    font-style:normal;
    color:#665d54;
}

.dr-practical-lead{
    max-width:620px;
    margin:34px 0 0;
    color:#45413c;
    font-size:15px;
    line-height:1.7;
}

.dr-practical-rule{
    width:100%;
    max-width:620px;
    height:1px;
    margin:42px 0 18px;
    background:rgba(17,17,15,.18);
}

.dr-practical-small{
    max-width:520px;
    margin:0;
    color:#777068;
    font-size:12px;
    line-height:1.65;
}

@media(max-width:900px){
    .dr-practical-notes{
        padding:82px 0 88px;
    }

    .dr-practical-notes-layout{
        grid-template-columns:1fr;
        row-gap:34px;
    }

    .dr-practical-notes-content{
        max-width:760px;
    }

    .dr-practical-notes-content h2{
        font-size:clamp(44px,7vw,64px);
    }
}

@media(max-width:600px){
    .dr-practical-notes{
        padding:64px 0 70px;
    }

    .dr-practical-notes-label{
        font-size:9px;
    }

    .dr-practical-overline{
        font-size:9px;
        margin-bottom:16px;
    }

    .dr-practical-notes-content h2{
        font-size:clamp(38px,10vw,52px);
        line-height:1.01;
    }

    .dr-practical-lead{
        margin-top:24px;
        font-size:14px;
    }

    .dr-practical-rule{
        margin-top:32px;
    }
}

/* =========================================================
   FINAL DR. PRACTICAL NOTES — TWO COLUMN EDITORIAL
   ========================================================= */
.dr-practical-notes{
    display:block !important;
    width:100% !important;
    padding:100px 0 110px !important;
    margin:0 !important;
    background:#f7f5f1 !important;
    border-top:1px solid rgba(20,20,18,.10) !important;
    overflow:hidden !important;
}

.dr-practical-notes-layout{
    display:grid !important;
    grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr) !important;
    gap:70px !important;
    align-items:start !important;
    width:100% !important;
}

.dr-practical-notes-label{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    padding-top:8px !important;
    color:#171717 !important;
    font-family:Arial,sans-serif !important;
    font-size:12px !important;
    font-weight:700 !important;
    letter-spacing:.16em !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
}

.dr-practical-dash{
    display:block !important;
    width:25px !important;
    height:2px !important;
    flex:0 0 25px !important;
    background:#171717 !important;
}

.dr-practical-notes-content{
    display:block !important;
    width:100% !important;
    max-width:760px !important;
    margin:0 !important;
}

.dr-practical-overline{
    display:block !important;
    margin:0 0 22px !important;
    color:#8b7e70 !important;
    font-family:Arial,sans-serif !important;
    font-size:10px !important;
    font-weight:700 !important;
    letter-spacing:.14em !important;
}

.dr-practical-notes-content h2{
    display:block !important;
    max-width:760px !important;
    margin:0 !important;
    color:#171717 !important;
    font-family:var(--heading-font,Georgia,"Times New Roman",serif) !important;
    font-size:clamp(44px,4.2vw,66px) !important;
    font-weight:400 !important;
    line-height:1.04 !important;
    letter-spacing:-.025em !important;
}

.dr-practical-notes-content h2 span{
    color:#171717 !important;
    font:inherit !important;
}

@media(max-width:900px){
    .dr-practical-notes{
        padding:75px 0 82px !important;
    }
    .dr-practical-notes-layout{
        grid-template-columns:1fr !important;
        gap:30px !important;
    }
    .dr-practical-notes-content h2{
        font-size:clamp(40px,7vw,56px) !important;
    }
}

@media(max-width:600px){
    .dr-practical-notes{
        padding:58px 0 65px !important;
    }
    .dr-practical-notes-label{
        font-size:9px !important;
    }
    .dr-practical-notes-content h2{
        font-size:clamp(34px,9.5vw,48px) !important;
    }
}

/* =========================================================
   MARQUEE -> PRACTICAL NOTES: FINAL SPACING & TYPE
   ========================================================= */
.available-treatments-marquee{
    margin:0 !important;
    border-top:1px solid rgba(17,17,15,.10) !important;
    border-bottom:1px solid rgba(17,17,15,.12) !important;
}

.dr-practical-notes{
    margin:0 !important;
    padding:72px 0 88px !important;
    border-top:0 !important;
}

.dr-practical-notes-layout{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 24px !important;
    box-sizing:border-box !important;
    grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr) !important;
    column-gap:64px !important;
}

.dr-practical-notes-label{
    padding-top:7px !important;
    margin:0 !important;
    font-size:11px !important;
    letter-spacing:.15em !important;
}

.dr-practical-notes-content{
    max-width:720px !important;
    margin:0 !important;
}

.dr-practical-overline{
    margin:0 0 18px !important;
    font-size:9px !important;
    letter-spacing:.14em !important;
}

.dr-practical-notes-content h2{
    max-width:720px !important;
    margin:0 !important;
    font-size:clamp(42px,3.7vw,58px) !important;
    line-height:1.03 !important;
    letter-spacing:-.026em !important;
}

/* Keep the second sentence visually lighter without making it tiny. */
.dr-practical-notes-content h2 span{
    color:#242320 !important;
    font-size:.93em !important;
}

@media(max-width:1100px){
    .dr-practical-notes{
        padding:64px 0 76px !important;
    }
    .dr-practical-notes-layout{
        grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr) !important;
        column-gap:48px !important;
    }
    .dr-practical-notes-content h2{
        font-size:clamp(40px,4.5vw,54px) !important;
    }
}

@media(max-width:900px){
    .dr-practical-notes-layout{
        grid-template-columns:1fr !important;
        row-gap:28px !important;
        padding:0 24px !important;
    }
    .dr-practical-notes-content h2{
        font-size:clamp(38px,7vw,52px) !important;
    }
}

@media(max-width:600px){
    .dr-practical-notes{
        padding:52px 0 62px !important;
    }
    .dr-practical-notes-layout{
        padding:0 18px !important;
    }
    .dr-practical-notes-content h2{
        font-size:clamp(34px,9.2vw,46px) !important;
    }
}

/* FINAL GRID ALIGNMENT
   Practical Notes starts on the exact same left grid line as the
   hero content / Book a Consultation button. */
.dr-practical-notes .dr-practical-notes-layout{
    width:min(calc(100% - 64px), var(--container-width)) !important;
    max-width:var(--container-width) !important;
    margin-inline:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
}

@media(max-width:600px){
    .dr-practical-notes .dr-practical-notes-layout{
        width:calc(100% - 36px) !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }
}

/* SLIGHT FONT SIZE INCREASE */
.dr-practical-notes-label{
    font-size:12px !important;
}

.dr-practical-overline{
    font-size:10px !important;
}

/* PRACTICAL NOTES — MAIN STATEMENT FONT REDUCED BY 2px */
.dr-practical-notes-content h2{
    font-size:clamp(40px,3.7vw,56px) !important;
}
@media(max-width:1100px){
    .dr-practical-notes-content h2{
        font-size:clamp(38px,4.5vw,52px) !important;
    }
}
@media(max-width:900px){
    .dr-practical-notes-content h2{
        font-size:clamp(36px,7vw,50px) !important;
    }
}
@media(max-width:600px){
    .dr-practical-notes-content h2{
        font-size:clamp(32px,9.2vw,44px) !important;
    }
}

.home-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.home-gallery-item {
    display: block;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dfe8e5;
    border-radius: 10px;
    text-decoration: none;
}

.home-gallery-image {
    position: relative;
    width: 100%;
    height: 270px;
    overflow: hidden;
    background: #e8efed;
}

.home-gallery-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.home-gallery-caption {
    height: 52px;
    display: flex;
    align-items: center;
    padding: 0 16px;
    color: #20332f;
    font-size: 13px;
    font-weight: 700;
}

@media (max-width: 900px) {
    .home-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .home-gallery-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   HOMEPAGE — MODERN TECHNOLOGY / TREATMENTS / HOSPITALS
   Actual classes used by public/index.php
   Desktop: maximum 3 cards per row
   ========================================================= */

/* Common section heading */
.home-section .section-heading {
    max-width: 900px;
    margin: 0 auto 42px;
    text-align: center;
}

.home-section .section-heading .kicker {
    margin: 0 0 12px;
}

.home-section .section-heading h2 {
    margin: 0 0 14px;
    font-family: var(--heading-font);
    font-size: clamp(40px, 5vw, 66px);
    font-weight: 400;
    line-height: 1.04;
    letter-spacing: -.035em;
}

.home-section .section-heading > p:last-child {
    max-width: 720px;
    margin: 0 auto;
    line-height: 1.7;
}

/* =========================================================
   ADVANCED TECHNOLOGY
   Actual markup: .technology-grid > .tech-card
   ========================================================= */

.technology-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px;
    align-items: stretch;
}

.tech-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dfe8e5;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(25, 55, 47, .07);
}

.tech-image {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
}

.tech-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 22px;
}

.tech-body h3 {
    margin: 0 0 10px;
    color: #172b27;
    font-family: var(--heading-font);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}

.tech-body p {
    margin: 0;
    color: #5f726c;
    font-size: 14px;
    line-height: 1.65;
}

/* =========================================================
   TREATMENTS
   Actual markup: .treatment-grid > .treatment-card
   ========================================================= */

.treatment-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px;
    align-items: stretch;
}

.treatment-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dfe8e5;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(25, 55, 47, .07);
}

.treatment-image {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
}

.treatment-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 22px;
}

.treatment-body h3 {
    margin: 0 0 10px;
    color: #172b27;
    font-family: var(--heading-font);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}

.treatment-body p {
    margin: 0;
    color: #5f726c;
    font-size: 14px;
    line-height: 1.65;
}

.treatment-body .text-link {
    align-self: flex-start;
    margin-top: auto;
    padding-top: 18px;
}

/* =========================================================
   HOSPITALS
   Actual markup: .hospital-grid > .hospital-card
   ========================================================= */

.home-hospitals .hospital-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px;
    align-items: stretch;
}

.hospital-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dfe8e5;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(25, 55, 47, .07);
}

.hospital-image-wrap {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #e9efed;
}

.hospital-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hospital-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 22px;
}

.hospital-body h3 {
    margin: 0 0 10px;
    color: #172b27;
    font-family: var(--heading-font);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}

.hospital-address {
    margin: 0 0 12px;
    color: #5f726c;
    font-size: 14px;
    line-height: 1.6;
}

.hospital-contact {
    display: block;
    margin-bottom: 10px;
    color: #365f54;
    font-size: 13px;
    text-decoration: none;
}

.hospital-map-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    padding-top: 12px;
    color: #173d35;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.hospital-map-link:hover,
.treatment-body .text-link:hover {
    text-decoration: underline;
}

/* Tablet */
@media (max-width: 950px) {
    .technology-grid,
    .treatment-grid,
    .home-hospitals .hospital-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Mobile */
@media (max-width: 650px) {
    .home-section .section-heading {
        margin-bottom: 32px;
    }

    .home-section .section-heading h2 {
        font-size: 42px;
    }

    .technology-grid,
    .treatment-grid,
    .home-hospitals .hospital-grid {
        grid-template-columns: 1fr !important;
        gap: 20px;
    }
}