:root {
  --green:       #16a67e;
  --green-dark:  #0e8a67;
  --green-light: #e8faf4;
  --green-mid:   #c3efe0;
  --dark:        #0d1b2a;
  --dark2:       #1e2d3d;
  --text:        #2c3e50;
  --muted:       #64748b;
  --white:       #ffffff;
  --off:         #f8fffe;
  --border:      #e2ede9;
  --shadow:      0 4px 24px rgba(22,166,126,.10);
  --shadow-lg:   0 12px 48px rgba(22,166,126,.15);
  --radius:      16px;
  --radius-sm:   8px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;color:var(--text);background:var(--white);overflow-x:hidden}
h1,h2,h3,h4,h5{font-family:'Outfit',sans-serif;line-height:1.2}
img{max-width:100%}

/* ── HEADER ── */
header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 2px 20px rgba(0,0,0,.07)}
.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 24px}
/* LOGO — adjust height here to resize */
.logo img{height:38px;cursor:pointer}
.logo-fallback{display:none;font-family:'Outfit',sans-serif;font-size:1.4rem;font-weight:800;color:var(--dark);cursor:pointer}
nav{display:flex;align-items:center;gap:4px}
nav a{text-decoration:none;color:var(--text);font-size:.92rem;font-weight:500;padding:8px 13px;border-radius:8px;transition:all .2s}
nav a:hover{background:var(--green-light);color:var(--green)}
nav a.active{color:var(--green);font-weight:600}
.nav-mediassist{border:1.5px solid var(--green)!important;color:var(--green)!important}
.nav-mediassist:hover{background:var(--green-light)!important}
.nav-cta{background:var(--green)!important;color:#fff!important;padding:9px 18px!important;border-radius:10px!important;font-weight:700!important}
.nav-cta:hover{background:var(--green-dark)!important;transform:translateY(-1px)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}
.hamburger span{width:24px;height:2px;background:var(--dark);transition:.3s;border-radius:2px}
.mobile-nav{display:none;background:#fff;padding:14px 24px;border-top:1px solid var(--border);flex-direction:column;gap:6px}
.mobile-nav a{display:block;text-decoration:none;color:var(--text);font-weight:500;padding:9px 0;border-bottom:1px solid var(--border);font-size:.93rem}
.mobile-nav a:last-child{border-bottom:none}

/* ── PAGE TRANSITIONS ── */
.page{display:none;animation:fadeIn .35s ease}
.page.active{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* ── HERO ── */
.hero{position:relative;overflow:hidden;color:var(--text);padding:84px 0 64px;min-height:580px;display:flex;align-items:center;background:linear-gradient(120deg,#eefaf6 0%,#ffffff 55%,#e3f7ef 100%)}
/* HERO BACKGROUND PHOTO — replace assets/images/hero-bg.jpg; sits at low opacity so text/form stay readable */
.hero-bg-photo{position:absolute;inset:0;background-image:url('../images/hero-bg.jpg');background-size:cover;background-position:center;opacity:.16;z-index:0}
.hero-inner{position:relative;z-index:3;max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 420px;gap:56px;align-items:center;width:100%}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--green-light);border:1px solid var(--green-mid);color:var(--green-dark);padding:6px 16px;border-radius:100px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:22px}
.hero-badge-dot{width:6px;height:6px;background:var(--green);border-radius:50%}
.hero h1{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:800;line-height:1.14;margin-bottom:18px;color:var(--dark)}
.hero h1 span{color:var(--green)}
.hero p{font-size:1.05rem;color:var(--muted);line-height:1.7;margin-bottom:26px}
.hero-checklist{list-style:none;margin-bottom:30px;display:flex;flex-direction:column;gap:11px}
.hero-checklist li{display:flex;align-items:center;gap:10px;font-size:.92rem;color:var(--text);font-weight:500}
.hero-check{width:20px;height:20px;background:var(--green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;flex-shrink:0;font-weight:700}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.btn-primary{background:var(--green);color:#fff;text-decoration:none;padding:13px 26px;border-radius:12px;font-weight:700;font-size:.93rem;border:none;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px;font-family:'DM Sans',sans-serif}
.btn-primary:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(22,166,126,.4)}
.btn-outline{background:#fff;color:var(--green-dark);text-decoration:none;padding:13px 26px;border-radius:12px;font-weight:600;font-size:.93rem;border:1.5px solid var(--green);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px;font-family:'DM Sans',sans-serif}
.btn-outline:hover{background:var(--green-light);transform:translateY(-2px)}

/* Hero Form */
.hero-form{background:#fff;border-radius:20px;padding:30px 28px;box-shadow:0 24px 64px rgba(13,27,42,.14);border:1px solid var(--border)}
.hero-form h3{font-size:1.22rem;color:var(--dark);margin-bottom:18px;font-weight:700}
.form-group{margin-bottom:13px}
.form-group label{display:block;font-size:.78rem;font-weight:700;color:var(--muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.05em}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:9px;font-family:'DM Sans',sans-serif;font-size:.92rem;color:var(--text);background:var(--off);transition:border .2s;outline:none}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--green);background:#fff}
.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748b' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-color:var(--off)}
.btn-full{width:100%;justify-content:center;padding:13px;font-size:.97rem;border-radius:11px}

/* ── TRUST BAR (running marquee) ── */
.trust-bar{background:var(--green);color:#fff;padding:18px 0}
.trust-marquee{overflow:hidden;width:100%}
.trust-track{display:flex;align-items:center;gap:56px;width:max-content;animation:trust-scroll 44s linear infinite}
.trust-marquee:hover .trust-track{animation-play-state:paused}
.trust-item{display:flex;align-items:center;gap:9px;font-weight:600;font-size:.88rem;white-space:nowrap;flex-shrink:0}
.trust-bullet{width:8px;height:8px;flex-shrink:0}
@keyframes trust-scroll{
  from{transform:translateX(0)}
  to{transform:translateX(-25%)}
}

/* ── SECTIONS ── */
.section{padding:76px 0}
.section-alt{background:var(--off)}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.section-label{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}
.section-label::before{content:'';width:18px;height:2px;background:var(--green);border-radius:2px}
.section-title{font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:800;color:var(--dark);margin-bottom:14px}
.section-title span{color:var(--green)}
.section-sub{color:var(--muted);font-size:1rem;line-height:1.7;max-width:560px}
.section-header{margin-bottom:0}

/* ── HOME ABOUT ── */
.home-about-grid{display:grid;grid-template-columns:1fr 440px;gap:56px;align-items:center}
.home-about-photo{border-radius:var(--radius);overflow:hidden;border:1.5px solid var(--border);box-shadow:var(--shadow-lg);aspect-ratio:4/5;background:linear-gradient(135deg,var(--green-light),var(--green-mid))}
.home-about-photo img{width:100%;height:100%;object-fit:cover;display:block}
.home-about-photo .placeholder-face{width:100%;height:100%;display:none;align-items:center;justify-content:center;font-size:4rem}

/* ── SPECIALITIES — 4 col × 2 row ── */
.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.spec-card{background:#fff;border-radius:var(--radius);padding:28px 20px;text-align:center;border:1.5px solid var(--border);transition:all .25s;cursor:pointer;display:block;text-decoration:none;color:inherit}
.spec-card:hover{border-color:var(--green);transform:translateY(-4px);box-shadow:var(--shadow)}
/* SPEC ICON: swap assets/icons/[name].svg to change icon */
.spec-icon-wrap{width:64px;height:64px;background:var(--green-light);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;transition:background .25s}
.spec-card:hover .spec-icon-wrap{background:var(--green-mid)}
.spec-icon-wrap img{width:36px;height:36px;object-fit:contain}
.spec-card h4{font-size:1rem;font-weight:800;color:var(--dark);line-height:1.35}

/* ── HOME TREATMENTS — 3 col × 2 row ── */
.home-treatments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.treatment-card{background:#fff;border-radius:var(--radius);overflow:hidden;border:1.5px solid var(--border);transition:all .25s;cursor:pointer}
.treatment-card:hover{border-color:var(--green);transform:translateY(-5px);box-shadow:var(--shadow-lg)}
/* TREATMENT CARD IMAGE — replace src in each card with assets/images/treatments/[name].jpg */
.tc-img{width:100%;height:160px;object-fit:cover;background:var(--green-light);display:block}
.tc-body{padding:20px}
.tc-tag{display:inline-block;background:var(--green-light);color:var(--green);font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:100px;margin-bottom:9px}
.treatment-card h3{font-size:1.05rem;font-weight:700;color:var(--dark);margin-bottom:7px}
.treatment-card p{font-size:.87rem;color:var(--muted);line-height:1.6;margin-bottom:13px}
.card-link{color:var(--green);font-weight:700;font-size:.85rem;text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:gap .2s}
.card-link:hover{gap:9px}

/* ── WHY CHOOSE ── */
.why-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px;margin-top:44px}
.why-card{background:#fff;border-radius:var(--radius);padding:28px;border:1.5px solid var(--border);display:flex;gap:18px;align-items:flex-start;transition:all .25s}
.why-card:hover{border-color:var(--green);box-shadow:var(--shadow)}
/* WHY ICON: swap assets/icons/why-[name].svg to change icon */
.why-icon{width:52px;height:52px;background:var(--green-light);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .25s}
.why-card:hover .why-icon{background:var(--green-mid)}
.why-icon img{width:28px;height:28px;object-fit:contain}
.why-card h4{font-size:1.05rem;font-weight:800;color:var(--dark);margin-bottom:7px}
.why-card p{font-size:.87rem;color:var(--muted);line-height:1.6}

/* ── JOURNEY ── */
.journey-steps{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:0;margin-top:64px}
.journey-step{flex:1 1 190px;max-width:230px;text-align:center;position:relative;display:flex;flex-direction:column}
.step-num{width:44px;height:44px;background:var(--green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Outfit',sans-serif;font-size:1rem;font-weight:800;margin:0 auto -22px;position:relative;z-index:2;box-shadow:0 8px 20px rgba(22,166,126,.35);flex-shrink:0}
.journey-card{flex:1;display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);padding:38px 18px 26px;transition:all .25s}
.journey-card:hover{border-color:var(--green);box-shadow:var(--shadow);transform:translateY(-4px)}
/* ICON: replace each assets/icons/journey-*.png (64×64 recommended) */
.journey-icon-wrap{width:64px;height:64px;background:var(--green-light);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:6px auto 18px;flex-shrink:0}
.journey-icon-wrap img{width:34px;height:34px;object-fit:contain}
.journey-icon-placeholder{display:none;width:100%;height:100%;align-items:center;justify-content:center;font-size:1.6rem}
.journey-step h4{font-size:.94rem;font-weight:800;color:var(--dark);margin-bottom:11px;line-height:1.3}
.journey-divider{width:26px;height:2px;background:var(--green-mid);margin:0 auto 12px;border-radius:2px;flex-shrink:0}
.journey-step p{font-size:.8rem;color:var(--muted);line-height:1.6}
.journey-arrow{flex:0 0 auto;display:flex;align-items:flex-start;padding-top:76px;color:var(--green-mid)}

/* ── TESTIMONIALS ── */
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.review-card{background:#fff;border-radius:var(--radius);padding:26px;border:1.5px solid var(--border);transition:all .25s}
.review-card:hover{border-color:var(--green);box-shadow:var(--shadow)}
.review-stars{color:#f59e0b;font-size:.95rem;margin-bottom:13px;letter-spacing:2px}
.review-card blockquote{font-size:.88rem;line-height:1.7;color:var(--text);font-style:italic;margin-bottom:16px}
.reviewer{display:flex;align-items:center;gap:11px}
.reviewer-avatar{width:38px;height:38px;background:var(--green-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}
.reviewer-name{font-weight:700;font-size:.87rem;color:var(--dark)}
.reviewer-role{font-size:.75rem;color:var(--muted)}

/* ── CTA ── */
.cta-section{background:linear-gradient(135deg,var(--dark) 0%,#1a3a5c 60%,#0f4d3a 100%);color:#fff;padding:76px 0;text-align:center;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(22,166,126,.25) 0%,transparent 70%);border-radius:50%;top:-100px;left:-100px}
.cta-section h2{font-size:2.2rem;font-weight:800;margin-bottom:14px}
.cta-section p{color:#94b8c8;font-size:1rem;margin-bottom:32px}
.cta-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.btn-white{background:#fff;color:var(--green);padding:13px 26px;border-radius:12px;font-weight:700;font-size:.93rem;text-decoration:none;transition:all .2s;display:inline-flex;align-items:center;gap:8px}
.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,255,255,.2)}
.btn-wa{background:#25d366;color:#fff;padding:13px 26px;border-radius:12px;font-weight:700;font-size:.93rem;text-decoration:none;transition:all .2s;display:inline-flex;align-items:center;gap:8px}
.btn-wa:hover{background:#1ebe57;transform:translateY(-2px)}

/* ── PAGE HERO ── */
.page-hero{background:linear-gradient(135deg,var(--green-light) 0%,#f0fff8 100%);padding:52px 0;border-bottom:1px solid var(--border)}
.page-hero h1{font-size:2.3rem;font-weight:800;color:var(--dark)}
.page-hero h1 span{color:var(--green)}
.page-hero p{color:var(--muted);margin-top:9px;font-size:1rem}

/* ── ABOUT ── */
.about-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-top:56px}
/* About circular photo mosaic */
.about-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.about-photo-circle{border-radius:50%;overflow:hidden;aspect-ratio:1;border:3px solid var(--green-light);box-shadow:var(--shadow);background:var(--green-light)}
/* ABOUT IMAGES: replace src in each .about-photo-circle img */
.about-photo-circle img{width:100%;height:100%;object-fit:cover;display:block}
.about-photo-circle .placeholder-face{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,var(--green-light),var(--green-mid))}
.about-text h2{font-size:1.9rem;font-weight:800;color:var(--dark);margin-bottom:14px}
.about-text h2 span{color:var(--green)}
.about-text p{color:var(--muted);line-height:1.8;margin-bottom:14px;font-size:.95rem}
.value-item{display:flex;gap:13px;align-items:flex-start;margin-bottom:14px}
.value-icon{width:34px;height:34px;background:var(--green-light);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.95rem}

/* Mission & Vision cards */
.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px}
.mv-card{border-radius:20px;padding:36px;color:#fff;position:relative;overflow:hidden}
.mv-card-green{background:linear-gradient(135deg,var(--green) 0%,var(--green-dark) 100%)}
.mv-card-dark{background:linear-gradient(135deg,var(--dark) 0%,var(--dark2) 100%)}
.mv-card::before{content:'';position:absolute;right:-30px;bottom:-40px;font-family:'Outfit',sans-serif;font-size:160px;font-weight:900;opacity:.07;line-height:1}
.mv-card-green::before{content:'✚'}
.mv-card-dark::before{content:'◈'}
.mv-icon{width:52px;height:52px;background:rgba(255,255,255,.15);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:18px}
.mv-card h3{font-size:1.3rem;font-weight:800;margin-bottom:6px}
.mv-card .mv-sub{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.65;margin-bottom:14px}
.mv-card p{font-size:.9rem;line-height:1.75;opacity:.9}

/* Doctors */
.doctors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;margin-top:44px}
.doctor-card{background:#fff;border-radius:var(--radius);overflow:hidden;border:1.5px solid var(--border);transition:all .25s;text-align:center}
.doctor-card:hover{border-color:var(--green);transform:translateY(-4px);box-shadow:var(--shadow)}
/* DOCTOR PHOTO — replace assets/images/doctors/[name].jpg */
.doctor-photo{width:100%;aspect-ratio:1;object-fit:cover;background:linear-gradient(135deg,var(--green-mid),var(--green-light));display:flex;align-items:center;justify-content:center}
.doctor-photo img{width:100%;height:100%;object-fit:cover}
.doctor-photo .dr-placeholder{font-size:3.5rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.doctor-info{padding:18px}
.doctor-info h3{font-size:.97rem;font-weight:700;color:var(--dark);margin-bottom:3px}
.dr-spec{font-size:.8rem;color:var(--green);font-weight:600;margin-bottom:7px}
.dr-qual{font-size:.77rem;color:var(--muted);margin-bottom:11px;line-height:1.4}
.dr-stats{display:flex;justify-content:center;gap:14px}
.dr-stat strong{display:block;font-size:.88rem;font-weight:700;color:var(--dark)}
.dr-stat span{font-size:.7rem;color:var(--muted)}
.dr-badge{display:flex;align-items:center;justify-content:center;gap:5px;background:var(--green-light);padding:5px 13px;border-radius:100px;margin-top:11px;font-size:.77rem;font-weight:700;color:var(--green)}

/* ── ALL TREATMENTS — 4 col grid ── */
.all-treatments-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.at-card{background:#fff;border-radius:var(--radius);overflow:hidden;border:1.5px solid var(--border);transition:all .25s;cursor:pointer;display:block;text-decoration:none;color:inherit}
.at-card:hover{border-color:var(--green);transform:translateY(-4px);box-shadow:var(--shadow-lg)}
/* TREATMENT IMAGE in all-treatments page: assets/images/treatments/[name].jpg */
.at-img-wrap{width:100%;height:140px;overflow:hidden;background:var(--green-light);position:relative}
.at-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.at-card:hover .at-img-wrap img{transform:scale(1.06)}
.at-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:linear-gradient(135deg,var(--green-light),var(--green-mid))}
.at-body{padding:16px}
.at-tag{font-size:.7rem;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.at-body h3{font-size:.97rem;font-weight:700;color:var(--dark);margin-bottom:6px}
.at-body p{font-size:.82rem;color:var(--muted);line-height:1.55;margin-bottom:10px}
.at-link{color:var(--green);font-weight:700;font-size:.82rem;display:inline-flex;align-items:center;gap:4px}

/* ── TREATMENT DETAIL ── */
.treatment-detail-hero{background:linear-gradient(135deg,var(--dark) 0%,#1a3a5c 100%);color:#fff;padding:56px 0}
.treatment-detail-hero h1{font-size:2.4rem;font-weight:800;margin-bottom:10px}
.treatment-detail-hero p{color:#94b8c8;font-size:1rem;line-height:1.7;max-width:580px}
.detail-grid{display:grid;grid-template-columns:1fr 370px;gap:36px;margin-top:44px;align-items:start}
/* Treatment detail image */
.detail-img-card{border-radius:var(--radius);overflow:hidden;border:1.5px solid var(--border);margin-bottom:20px;position:relative}
.detail-img-card img{width:100%;height:280px;object-fit:cover;display:block}
.detail-img-placeholder{width:100%;height:280px;background:linear-gradient(135deg,var(--green-light) 0%,var(--green-mid) 100%);display:none;align-items:center;justify-content:center;font-size:4rem}
.detail-img-tag{position:absolute;top:14px;left:14px;background:var(--green);color:#fff;font-size:.73rem;font-weight:700;padding:5px 12px;border-radius:100px;letter-spacing:.05em;text-transform:uppercase}
.info-card{background:#fff;border-radius:var(--radius);padding:30px;border:1.5px solid var(--border);margin-bottom:20px}
.info-card h3{font-size:1.1rem;font-weight:800;color:var(--dark);margin-bottom:14px;padding-bottom:11px;border-bottom:2px solid var(--green-light)}
.info-card p{font-size:.92rem;color:var(--muted);line-height:1.8}
.info-list{list-style:none}
.info-list li{padding:9px 0;border-bottom:1px solid var(--border);font-size:.9rem;color:var(--text);display:flex;gap:9px}
.info-list li:last-child{border-bottom:none}
.info-list li::before{content:'✓';color:var(--green);font-weight:700;flex-shrink:0}
.detail-form{background:#fff;border-radius:var(--radius);padding:28px;border:1.5px solid var(--border);box-shadow:var(--shadow);position:sticky;top:96px}
.detail-form h3{font-size:1.1rem;font-weight:800;color:var(--dark);margin-bottom:5px}
.detail-form p{font-size:.83rem;color:var(--muted);margin-bottom:18px}
.breadcrumb{font-size:.82rem;color:#94b8c8;margin-bottom:11px}
.breadcrumb span{cursor:pointer}
.breadcrumb span:hover{color:var(--green)}

/* ── CONTACT ── */
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:52px;margin-top:52px}
.contact-info h3{font-size:1.5rem;font-weight:800;color:var(--dark);margin-bottom:7px}
.contact-info>p{color:var(--muted);margin-bottom:28px}
.contact-item{display:flex;gap:15px;align-items:flex-start;margin-bottom:18px;padding:18px;background:var(--off);border-radius:var(--radius);border:1.5px solid var(--border)}
/* CONTACT ICONS — swap .ci-icon img src with assets/icons/contact-[type].svg */
.ci-icon{width:46px;height:46px;background:var(--green-light);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ci-icon img{width:26px;height:26px;object-fit:contain}
.contact-item h4{font-size:.8rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
.contact-item a,.contact-item .ci-text{color:var(--dark);text-decoration:none;font-weight:600;font-size:.93rem}
.social-btns{display:flex;gap:11px;margin-top:24px}
.social-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:10px;font-weight:700;font-size:.88rem;text-decoration:none;transition:all .2s}
/* Facebook & Instagram in green theme */
.social-btn-fb{background:var(--green);color:#fff}
.social-btn-fb:hover{background:var(--green-dark);transform:translateY(-1px)}
.social-btn-ig{background:var(--dark);color:#fff}
.social-btn-ig:hover{background:var(--dark2);transform:translateY(-1px)}
.social-btn img{width:18px;height:18px}
.contact-form-card{background:#fff;border-radius:var(--radius);padding:36px;border:1.5px solid var(--border);box-shadow:var(--shadow)}
.contact-form-card h3{font-size:1.3rem;font-weight:800;color:var(--dark);margin-bottom:6px}
.contact-form-card>p{color:var(--muted);font-size:.88rem;margin-bottom:24px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}

/* ── POLICY ── */
.policy-content{max-width:800px;margin:0 auto;padding:56px 24px}
.policy-content h1{font-size:2.1rem;font-weight:800;color:var(--dark);margin-bottom:7px}
.policy-content .last-updated{color:var(--muted);font-size:.86rem;margin-bottom:36px}
.policy-content h2{font-size:1.2rem;font-weight:700;color:var(--dark);margin:28px 0 10px}
.policy-content p,.policy-content li{color:var(--text);line-height:1.8;font-size:.93rem;margin-bottom:10px}
.policy-content ul{padding-left:18px}

/* ── FOOTER ── */
footer{background:var(--dark);color:#94b8c8;padding:60px 0 0}
.footer-grid{max-width:1200px;margin:0 auto;padding:0 24px 44px;display:grid;grid-template-columns:2fr 1fr 1fr 1.6fr;gap:44px}
.footer-logo{height:34px;margin-bottom:15px;filter:brightness(0) invert(1);opacity:.9}
footer .footer-desc{font-size:.88rem;line-height:1.7;margin-bottom:18px}
footer .footer-phone{font-size:.88rem;margin-bottom:16px}
footer .footer-phone a{color:#94b8c8;text-decoration:none}
.footer-socials{display:flex;gap:9px;margin-bottom:20px}
.footer-social{width:36px;height:36px;background:rgba(255,255,255,.08);border-radius:9px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#94b8c8;transition:all .2s}
.footer-social:hover{background:var(--green);color:#fff;transform:translateY(-2px)}
.footer-social svg{display:block}
.footer-mediassist{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1.5px solid rgba(22,166,126,.4);border-radius:9px;color:var(--green);text-decoration:none;font-size:.84rem;font-weight:600;transition:all .2s}
.footer-mediassist:hover{background:rgba(22,166,126,.1)}
footer h4{font-family:'Outfit',sans-serif;color:#fff;font-size:.92rem;font-weight:700;margin-bottom:18px}
footer ul{list-style:none}
footer ul li{margin-bottom:9px}
footer ul li a{color:#94b8c8;text-decoration:none;font-size:.88rem;transition:color .2s}
footer ul li a:hover{color:var(--green)}
.footer-contact-list{list-style:none}
.footer-contact-list li{display:flex;gap:9px;align-items:flex-start;font-size:.85rem;margin-bottom:10px}
.footer-contact-list li span:first-child{flex-shrink:0;margin-top:2px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding:18px 24px;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:.8rem}
.footer-bottom a{color:#94b8c8;text-decoration:none}
.footer-bottom a:hover{color:var(--green)}

/* ── TOAST ── */
.toast{position:fixed;bottom:100px;right:24px;z-index:9999;background:var(--green);color:#fff;padding:14px 22px;border-radius:13px;font-weight:600;font-size:.92rem;box-shadow:0 8px 32px rgba(22,166,126,.4);transform:translateY(80px);opacity:0;transition:all .4s;display:flex;align-items:center;gap:9px;pointer-events:none}
.toast.show{transform:translateY(0);opacity:1}

/* ── WHATSAPP FLOATING BUTTON ── */
.whatsapp-float{position:fixed;bottom:24px;right:24px;z-index:1500;width:58px;height:58px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.28);transition:transform .2s}
.whatsapp-float:hover{transform:scale(1.08)}
.whatsapp-float svg{width:30px;height:30px;position:relative;z-index:2}
.whatsapp-float::before{content:'';position:absolute;inset:0;border-radius:50%;background:#25d366;opacity:.55;animation:wa-ping 2s cubic-bezier(0,0,.2,1) infinite}
@keyframes wa-ping{
  0%{transform:scale(1);opacity:.55}
  100%{transform:scale(1.9);opacity:0}
}
@media(max-width:640px){
  .whatsapp-float{width:52px;height:52px;bottom:18px;right:18px}
  .whatsapp-float svg{width:26px;height:26px}
  .toast{bottom:88px;right:18px}
}

/* ── BOOKING MODAL (mobile only) ── */
.modal-overlay{position:fixed;inset:0;background:rgba(13,27,42,.6);z-index:2000;display:none;align-items:center;justify-content:center;padding:20px}
.modal-overlay.show{display:flex}
.modal-box{background:#fff;border-radius:20px;padding:28px;max-width:400px;width:100%;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 24px 64px rgba(0,0,0,.35)}
.modal-box h3{font-size:1.22rem;color:var(--dark);margin-bottom:18px;font-weight:700;padding-right:24px}
.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:var(--off);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.95rem;color:var(--muted);transition:all .2s}
.modal-close:hover{background:var(--green-light);color:var(--green)}

/* ── DOCTOR TYPES (icon grid, no individual profiles) ── */
.doc-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.doc-type-card{background:#fff;border-radius:var(--radius);padding:24px 20px;text-align:center;border:1.5px solid var(--border);transition:all .25s;text-decoration:none;display:flex;align-items:center;justify-content:center;min-height:76px}
.doc-type-card:hover{border-color:var(--green);transform:translateY(-4px);box-shadow:var(--shadow)}
.doc-type-card h4{font-size:1rem;font-weight:800;color:var(--dark);line-height:1.35}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .spec-grid{grid-template-columns:repeat(4,1fr)}
  .doc-type-grid{grid-template-columns:repeat(4,1fr)}
  .all-treatments-grid{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .mv-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
  .hero-inner{grid-template-columns:1fr}
  .hero-form{display:none}
  .about-intro-grid{grid-template-columns:1fr;gap:36px}
  .home-about-grid{grid-template-columns:1fr;gap:32px}
  .home-about-photo{aspect-ratio:16/9}
  .journey-steps{gap:28px 20px}
  .journey-arrow{display:none}
  .home-treatments-grid{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr}
  .detail-grid{grid-template-columns:1fr}
  .detail-sidebar{order:-1}
  .detail-form{position:relative;top:0}
  .form-row{grid-template-columns:1fr}
  .reviews-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  nav{display:none}
  .hamburger{display:flex}
  .hero{padding:48px 0 36px;min-height:auto}
  .section{padding:52px 0}
  .spec-grid{grid-template-columns:repeat(2,1fr)}
  .doc-type-grid{grid-template-columns:repeat(2,1fr)}
  .home-treatments-grid{grid-template-columns:1fr}
  .all-treatments-grid{grid-template-columns:1fr 1fr}
  .journey-step{flex-basis:100%;max-width:400px}
  .step-num{position:absolute;top:-12px;left:14px;width:32px;height:32px;font-size:.76rem;margin:0}
  .journey-card{flex-direction:row;align-items:flex-start;text-align:left;gap:14px;padding:22px 18px 18px}
  .journey-icon-wrap{margin:0}
  .journey-text{flex:1}
  .journey-divider{margin:0 0 8px}
  .footer-grid{grid-template-columns:1fr}
  .trust-track{gap:36px;animation-duration:34s}
  .trust-item{font-size:.8rem}
  .mv-grid{grid-template-columns:1fr}
  .reviews-grid{grid-template-columns:1fr}
  .about-photos{grid-template-columns:1fr 1fr}
  .doctors-grid{grid-template-columns:repeat(2,1fr)}
  .all-treatments-grid{grid-template-columns:repeat(2,1fr)}
}