*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --brand-primary:       #3a7d00;
  --brand-primary-dark:  #2a5c00;
  --brand-primary-light: #52a800;
  --brand-accent:        #e8b800;
  --brand-accent-dark:   #b89200;
  --brand-heading:       #1e3d00;
  --brand-text:          #3a5a20;
  --brand-bg-light:      #f2f9ec;
  --brand-bg-card:       #edfae0;
  --brand-border:        #c5ddb0;
  --brand-border-hover:  #8ac860;

  --dark:                #1A1A1A;
  --mid:                 #3a4a3d;
  --light:               #F7FAFA;
  --white:               #FFFFFF;
  --font-display: 'Playfair Display', serif;
  --font-body:    'Inter', sans-serif;
}

html { scroll-behavior: smooth;
}

html, body {
  overflow-x: clip;
}

body {
  font-family: var(--font-body);
  background: var(--white);
  color: var(--dark);
  line-height: 1.6;
  overflow-x: hidden;
}

.hero {
  min-height: calc(100vh - 20px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding: 60px 5% 60px;
  margin-top: -30px;
  gap: 4rem;
  background: linear-gradient(
    135deg,
    var(--brand-bg-light) 0%,
    var(--brand-bg-card) 100%
  );
  position: relative;
  overflow: hidden;
}
.hero::before {
  content: '';
  position: absolute; top: -100px; right: -100px;
  width: 600px; height: 600px; border-radius: 50%;
  background: radial-gradient(circle, rgba(58,125,0,0.08) 0%, transparent 70%);
  pointer-events: none;
}
.hero-badge {
  display: inline-flex; align-items: center; gap: 0.5rem;
  background: var(--white); border: 1px solid var(--brand-border);
  border-radius: 50px; padding: 0.35rem 1rem;
  font-size: 0.78rem; font-weight: 600; color: var(--brand-primary);
  letter-spacing: 0.04em; text-transform: uppercase;
  margin-bottom: 1.5rem;
}
.hero-badge .dot { width: 7px; height: 7px; background: var(--brand-primary); border-radius: 50%; animation: pulse 2s infinite; }
@keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.4)} }

.hero h1 {
  font-family: var(--font-display);
  font-size: clamp(2.2rem, 4vw, 3.4rem);
  font-weight: 900; line-height: 1.15;
  color: var(--brand-heading); margin-bottom: 1.2rem;
}
.hero h1 em { font-style: normal; color: var(--brand-primary); }
.hero p {
  font-size: 1.05rem; color: var(--brand-text);
  max-width: 480px; margin-bottom: 2.2rem; line-height: 1.7;
}
.hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; }
.btn-primary {
  background: var(--brand-primary); color: var(--white);
  padding: 0.85rem 2rem; border-radius: 50px;
  font-weight: 600; font-size: 0.95rem;
  text-decoration: none; transition: all .2s;
  box-shadow: 0 4px 20px rgba(58,125,0,0.3);
}
.btn-primary:hover { background: var(--brand-primary-light); transform: translateY(-1px); }
.btn-outline {
  border: 2px solid var(--brand-primary); color: var(--brand-primary);
  padding: 0.82rem 2rem; border-radius: 50px;
  font-weight: 600; font-size: 0.95rem;
  text-decoration: none; transition: all .2s;
}
.btn-outline:hover { background: var(--brand-bg-light); }

.hero-trust { display: flex; gap: 1.5rem; margin-top: 2.5rem; flex-wrap: wrap; }
.trust-pill {
  display: flex; align-items: center; gap: 0.4rem;
  font-size: 0.8rem; font-weight: 500; color: var(--brand-text);
}
.trust-pill .icon { font-size: 1rem; }

.hero-visual {
  display: flex; flex-direction: column; gap: 1rem;
  position: relative;
}
.stat-card {
  background: var(--white);
  border-radius: 16px; padding: 1.4rem 1.6rem;
  box-shadow: 0 4px 24px rgba(58,125,0,0.10);
  border: 1px solid var(--brand-border);
  transition: transform .2s;
}
.stat-card:hover { transform: translateY(-3px); }
.stat-card .num {
  font-family: var(--font-display);
  font-size: 2.4rem; font-weight: 900; color: var(--brand-primary);
  line-height: 1;
}
.stat-card .label { font-size: 0.82rem; color: var(--brand-text); margin-top: 0.2rem; }
.stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.stat-card.accent { background: var(--brand-primary); border-color: var(--brand-primary); }
.stat-card.accent .num, .stat-card.accent .label { color: var(--white); }
.stat-card.accent .label { opacity: 0.85; }

.trust-bar {
  background: var(--dark); padding: 1.2rem 5%;
  display: flex; align-items: center; justify-content: center;
  gap: 3rem; flex-wrap: wrap;
}
.trust-bar-item { color: rgba(255,255,255,0.7); font-size: 0.82rem; font-weight: 500; text-align: center; }
.trust-bar-item strong { color: var(--white); font-size: 1.1rem; display: block; }

section { padding: 80px 5%; }
.section-eyebrow {
  font-size: 0.75rem; font-weight: 600; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--brand-primary); margin-bottom: 0.6rem;
}
.section-title {
  font-family: var(--font-display);
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  font-weight: 800; color: var(--brand-heading); line-height: 1.2;
  margin-bottom: 0.8rem;
}
.section-sub { font-size: 1rem; color: var(--brand-text); max-width: 560px; }
.section-header { margin-bottom: 3rem; }
.center { text-align: center; }
.center .section-sub { margin: 0 auto; }

.why-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem;
}
.why-card {
  background: var(--brand-bg-light); border: 1px solid var(--brand-border);
  border-radius: 14px; padding: 1.8rem 1.4rem;
  transition: all .2s;
}
.why-card:hover { border-color: var(--brand-border-hover); box-shadow: 0 4px 20px rgba(58,125,0,0.10); transform: translateY(-2px); }
.why-icon { font-size: 2rem; margin-bottom: 1rem; }
.why-card h3 { font-size: 1rem; font-weight: 700; color: var(--brand-heading); margin-bottom: 0.5rem; }
.why-card p { font-size: 0.85rem; color: var(--brand-text); line-height: 1.6; }

.how-bg { background: var(--brand-bg-light); }
.steps { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; position: relative; }
.steps::before {
  content: '';
  position: absolute; top: 36px; left: 10%; right: 10%; height: 2px;
  background: linear-gradient(90deg, var(--brand-primary) 0%, var(--brand-primary-light) 100%);
  z-index: 0;
}
.step { text-align: center; position: relative; z-index: 1; padding: 0 0.5rem; }
.step-num {
  width: 72px; height: 72px; border-radius: 50%;
  background: var(--brand-primary); color: var(--white);
  font-family: var(--font-display); font-size: 1.4rem; font-weight: 900;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 1.2rem; border: 4px solid var(--brand-bg-light);
  box-shadow: 0 4px 16px rgba(58,125,0,0.25);
}
.step h3 { font-size: 0.88rem; font-weight: 700; color: var(--brand-heading); line-height: 1.4; }

.spec-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem;
}
.spec-card {
  border: 1.5px solid var(--brand-border); border-radius: 14px;
  padding: 1.5rem; text-align: center;
  transition: all .2s; cursor: pointer; text-decoration: none;
  display: block;
}
.spec-card:hover { border-color: var(--brand-primary); background: var(--brand-bg-light); }
.spec-icon { font-size: 2rem; margin-bottom: 0.6rem; }
.spec-card h3 { font-size: 0.9rem; font-weight: 700; color: var(--brand-heading); margin-bottom: 0.3rem; }
.spec-card p { font-size: 0.78rem; color: var(--brand-text); }

.hospitals-bg { background: var(--dark); }
.hospitals-bg .section-title { color: var(--white); }
.hospitals-bg .section-eyebrow { color: var(--brand-primary-light); }
.hospitals-bg .section-sub { color: rgba(255,255,255,0.6); }
.hosp-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; }
.hosp-card {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 12px; padding: 1.2rem;
  text-align: center; transition: all .2s;
}
.hosp-card:hover { background: rgba(255,255,255,0.12); border-color: var(--brand-primary-light); }
.hosp-card h4 { font-size: 0.82rem; font-weight: 600; color: var(--white); margin-bottom: 0.3rem; line-height: 1.3; }
.hosp-card p { font-size: 0.72rem; color: rgba(255,255,255,0.5); }
.nabh-badge {
  display: inline-block; background: var(--brand-accent); color: var(--white);
  font-size: 0.6rem; font-weight: 700; letter-spacing: 0.08em;
  padding: 0.15rem 0.5rem; border-radius: 4px; margin-bottom: 0.5rem;
  text-transform: uppercase;
}

/* ---- Doctor panel ---- */
#doctors{
  --dr-radius:14px;
}
#doctors .dr-search-band{margin:32px auto 0;max-width:960px;background:var(--white);border:1px solid var(--brand-border);border-radius:var(--dr-radius);padding:18px 20px;box-shadow:0 10px 30px rgba(58,125,0,.10);text-align:left}
#doctors .dr-search-row{display:grid;grid-template-columns:1fr auto auto;gap:12px}
#doctors .dr-search-row input,#doctors .dr-search-row select{height:50px;border:1.5px solid var(--brand-border);border-radius:10px;padding:0 16px;font-size:15px;background:#fff;color:var(--dark);width:100%;font-family:inherit}
#doctors .dr-search-row input{padding-left:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%233a7d00' stroke-width='2.2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:15px center}
#doctors .dr-search-row select{min-width:190px;appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231A1A1A' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
#doctors .dr-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
#doctors .dr-chip{border:1.5px solid var(--brand-border);background:#fff;border-radius:999px;padding:6px 14px;font-size:13.5px;font-weight:600;color:var(--dark);font:inherit;cursor:pointer}
#doctors .dr-chip[aria-pressed="true"]{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}
#doctors .dr-chip:hover{border-color:var(--brand-primary)}
@media (max-width:760px){#doctors .dr-search-row{grid-template-columns:1fr}#doctors .dr-search-row select{min-width:0}}

#doctors .dr-results-head{display:flex;justify-content:space-between;align-items:center;padding:36px 0 18px;flex-wrap:wrap;gap:12px}
#doctors .dr-edit-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--brand-text);font-weight:600}
#dr-count{color:var(--brand-text);font-size:14px}
#doctors .dr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;padding-bottom:24px}
#doctors .dr-card{background:#fff;border:1px solid var(--brand-border);border-radius:var(--dr-radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(30,42,26,.05)}
#doctors .dr-card-top{background:var(--brand-bg-light);padding:22px 20px 0;display:flex;gap:16px;align-items:flex-end;position:relative}
#doctors .dr-card-top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-primary-light))}
#doctors .dr-card.dr-pediatric .dr-card-top::after{background:linear-gradient(90deg,var(--brand-accent),var(--brand-primary-light))}
#doctors .dr-photo{width:96px;height:96px;border-radius:50%;flex:none;position:relative;margin-bottom:-4px;background:#fff;border:4px solid #fff;box-shadow:0 4px 14px rgba(58,125,0,.18);overflow:hidden;display:grid;place-items:center}
#doctors .dr-photo img{width:100%;height:100%;object-fit:cover;display:block}
#doctors .dr-photo .dr-initials{width:100%;height:100%;display:grid;place-items:center;background:var(--brand-primary);color:#fff;font-weight:800;font-size:30px;letter-spacing:.02em}
#doctors .dr-photo-add{position:absolute;right:-2px;bottom:-2px;width:30px;height:30px;border-radius:50%;background:var(--brand-accent);border:2px solid #fff;display:none;place-items:center;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.15)}
#doctors .dr-photo-add svg{width:16px;height:16px;stroke:var(--dark);stroke-width:2.6;fill:none}
body.editing #doctors .dr-photo-add{display:grid}
body.editing #doctors .dr-photo{cursor:pointer}
#doctors .dr-photo input[type=file]{display:none}
#doctors .dr-exp{margin-left:auto;text-align:right;padding-bottom:14px;line-height:1}
#doctors .dr-exp b{display:block;font-size:26px;font-weight:800;color:var(--brand-primary-dark)}
#doctors .dr-exp small{color:var(--brand-text);font-size:12px;font-weight:600}
#doctors .dr-card-body{padding:16px 20px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
#doctors .dr-name{font-size:17.5px;font-weight:800;line-height:1.25;color:var(--brand-heading)}
#doctors .dr-role{font-size:13.5px;color:var(--brand-text)}
#doctors .dr-hosp{margin-top:8px;font-size:14px;font-weight:600;display:flex;gap:8px;align-items:flex-start;color:var(--dark)}
#doctors .dr-hosp svg,#doctors .dr-city svg{width:15px;height:15px;flex:none;margin-top:3px;stroke:var(--brand-primary);stroke-width:2;fill:none}
#doctors .dr-city{font-size:13.5px;color:var(--brand-text);display:flex;gap:8px;align-items:center}
#doctors .dr-tag{align-self:flex-start;margin-top:6px;font-size:12px;font-weight:700;color:var(--dark);background:var(--brand-accent);padding:3px 10px;border-radius:999px}
#doctors .dr-card-actions{display:flex;gap:10px;margin-top:auto;padding-top:14px}
#doctors .dr-btn{display:inline-block;flex:1;padding:10px 12px;border-radius:999px;font-weight:700;font-size:13.5px;text-decoration:none;border:2px solid transparent;text-align:center;transition:background .15s,color .15s}
#doctors .dr-btn-outline{border-color:var(--brand-primary);color:var(--brand-primary-dark);background:transparent;cursor:pointer;font-family:inherit}
#doctors .dr-btn-outline:hover{background:var(--brand-bg-light)}
#doctors .dr-btn-wa{background:#25D366;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px}
#doctors .dr-btn-wa:hover{background:#1DB954}
#doctors .dr-bio{display:none;padding:0 20px 18px;font-size:14px;color:var(--dark)}
#doctors .dr-bio p{border-top:1px dashed var(--brand-border);padding-top:14px}
#doctors .dr-bio .dr-note{margin-top:10px;font-size:12.5px;color:#8a6d00;background:#FFF8D6;padding:8px 10px;border-radius:8px}
#doctors .dr-card.dr-open .dr-bio{display:block}
#doctors .dr-empty{padding:48px 0;color:var(--brand-text);text-align:center;display:none}

.testimonials-bg { background: var(--brand-bg-light); }
.reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.review-card {
  background: var(--white); border-radius: 16px; padding: 2rem;
  border: 1px solid var(--brand-border);
  box-shadow: 0 2px 12px rgba(58,125,0,0.06);
}
.review-stars { color: var(--brand-accent-dark); font-size: 1rem; margin-bottom: 1rem; }
.review-text { font-size: 0.9rem; color: var(--brand-text); line-height: 1.7; margin-bottom: 1.2rem; font-style: italic; }
.review-author { display: flex; align-items: center; gap: 0.8rem; }
.review-avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--brand-primary); display: flex; align-items: center; justify-content: center; color: var(--white); font-weight: 700; font-size: 0.9rem; }
.review-author h5 { font-size: 0.88rem; font-weight: 700; color: var(--brand-heading); }
.review-author p { font-size: 0.75rem; color: var(--brand-text); }

.services-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.2rem; }
.service-card {
  padding: 1.5rem; border-radius: 14px;
  border: 1px solid var(--brand-border); background: var(--white);
  transition: all .2s;
}
.service-card:hover { border-color: var(--brand-primary-light); background: var(--brand-bg-light); }
.service-icon { font-size: 1.6rem; margin-bottom: 0.8rem; }
.service-card h4 { font-size: 0.92rem; font-weight: 700; color: var(--brand-heading); margin-bottom: 0.4rem; }
.service-card p { font-size: 0.8rem; color: var(--brand-text); line-height: 1.6; }

.faq-bg { background: var(--brand-bg-light); }
.faq-list { max-width: 800px; margin: 0 auto; }
.faq-item {
  border-bottom: 1px solid var(--brand-border); padding: 1.4rem 0;
  cursor: pointer;
}
.faq-q {
  font-size: 0.95rem; font-weight: 600; color: var(--brand-heading);
  display: flex; justify-content: space-between; align-items: center;
  gap: 1rem;
}
.faq-q .arrow { color: var(--brand-primary); font-size: 1.2rem; transition: transform .2s; flex-shrink: 0; }
.faq-item.open .arrow { transform: rotate(180deg); }
.faq-a {
  font-size: 0.88rem; color: var(--brand-text); line-height: 1.7;
  max-height: 0; overflow: hidden; transition: max-height .3s ease, padding .3s;
}
.faq-item.open .faq-a { max-height: 200px; padding-top: 0.8rem; }

.cta-final {
  background: linear-gradient(135deg, var(--brand-primary) 0%, var(--dark) 100%);
  padding: 80px 5%; text-align: center;
}
.cta-final h2 {
  font-family: var(--font-display);
  font-size: clamp(1.8rem, 3vw, 2.8rem); font-weight: 900;
  color: var(--white); margin-bottom: 1rem;
}
.cta-final p { color: rgba(255,255,255,0.75); font-size: 1rem; margin-bottom: 2rem; }
.cta-pills { display: flex; gap: 0.8rem; justify-content: center; flex-wrap: wrap; margin-bottom: 2.5rem; }
.cta-pill {
  background: rgba(255,255,255,0.12); color: var(--white);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 50px; padding: 0.4rem 1rem; font-size: 0.8rem; font-weight: 500;
}
.cta-btns { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
.btn-white {
  background: var(--white); color: var(--brand-primary);
  padding: 0.85rem 2rem; border-radius: 50px;
  font-weight: 700; font-size: 0.95rem;
  text-decoration: none; transition: all .2s;
}
.btn-white:hover { background: var(--brand-bg-light); }
.btn-ghost {
  border: 2px solid rgba(255,255,255,0.4); color: var(--white);
  padding: 0.82rem 2rem; border-radius: 50px;
  font-weight: 600; font-size: 0.95rem;
  text-decoration: none; transition: all .2s;
}
.btn-ghost:hover { background: rgba(255,255,255,0.1); }

footer {
  background: var(--dark); padding: 50px 5% 30px;
  border-top: 1px solid rgba(255,255,255,0.08);
}
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3rem; margin-bottom: 3rem; }
.footer-brand h3 {
  font-family: var(--font-display); font-size: 1.3rem; font-weight: 800;
  color: var(--white); margin-bottom: 0.3rem;
}
.footer-brand .unit { font-size: 0.72rem; color: var(--brand-primary-light); letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 1rem; }
.footer-brand p { font-size: 0.82rem; color: rgba(255,255,255,0.5); line-height: 1.7; }
.footer-address { margin-top: 1rem; font-size: 0.8rem; color: rgba(255,255,255,0.4); line-height: 1.8; }
footer h4 { font-size: 0.82rem; font-weight: 700; color: rgba(255,255,255,0.5); letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 1rem; }
footer ul { list-style: none; }
footer ul li { margin-bottom: 0.6rem; }
footer ul li a { font-size: 0.82rem; color: rgba(255,255,255,0.55); text-decoration: none; transition: color .2s; }
footer ul li a:hover { color: var(--brand-primary-light); }
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.08);
  padding-top: 1.5rem;
  display: flex; justify-content: space-between; align-items: center;
  flex-wrap: wrap; gap: 1rem;
}
.footer-bottom p { font-size: 0.78rem; color: rgba(255,255,255,0.35); }

@media (max-width: 1024px) {
  .why-grid, .spec-grid, .services-grid { grid-template-columns: repeat(2, 1fr); }
  .hosp-grid { grid-template-columns: repeat(3, 1fr); }
  .steps { grid-template-columns: repeat(3, 1fr); gap: 2rem; }
  .steps::before { display: none; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
  .hero { grid-template-columns: 1fr; padding-top: 100px; }
  .hero-visual { display: none; }
  .doctor-grid, .reviews-grid { grid-template-columns: 1fr; }
  .hosp-grid { grid-template-columns: repeat(2, 1fr); }
  .steps { grid-template-columns: 1fr 1fr; }
  nav .nav-links { display: none; }
  .footer-grid { grid-template-columns: 1fr; gap: 2rem; }
  .trust-bar { gap: 1.5rem; }
}
.wa-float{position:fixed;right:20px;bottom:20px;z-index:20;display:flex;align-items:center;gap:10px;background:#25D366;color:#fff;text-decoration:none;font-weight:700;font-size:14.5px;padding:12px 18px 12px 14px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.wa-float svg{width:24px;height:24px}
.wa-float:hover{background:#1DB954}
@media (max-width:560px){.wa-float span{display:none}.wa-float{padding:14px}}

/* =====================================================
   EXTRA SECTIONS (Turkey + Country Pricing)
   teal/navy palette converted to brand green
   ===================================================== */
:root{
  --navy:#1e3d00;
  --navy-deep:#122400;
  --teal:#3a7d00;
  --gold:#C89A4B;
  --cream:#F6F3EC;
  --paper:#FFFFFF;
  --ink:#1e3d00;
  --ink-soft:#5B6B72;
  --line:#E1DCCE;
}

/* ---- Turkey section ---- */
.cth-turkey{
  position:relative;
  background:var(--cream);
  padding:88px 24px;
  overflow:hidden;
}
.cth-turkey-wrap{
  max-width:1120px;
  margin:0 auto;
  position:relative;
  z-index:2;
}
.cth-eyebrow{
  display:flex; align-items:center; gap:12px;
  font-size:13px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--teal); font-weight:600; margin-bottom:22px;
}
.cth-eyebrow::before{content:""; width:34px; height:2px; background:var(--gold);}
.cth-grid{
  display:grid;
  grid-template-columns:1.15fr 0.85fr;
  gap:56px;
  align-items:start;
}
.cth-h1{
  font-family:'Fraunces',serif; font-weight:500;
  font-size:clamp(30px,3.8vw,44px); line-height:1.14;
  margin:0 0 20px; color:var(--navy-deep);
}
.cth-h1 em{font-style:italic; color:var(--teal);}
.cth-accredited-pill {
  display: inline-block;
  margin-top: 8px;
  background: #f4ecd8;
  color: #a8863f;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 20px;
}
.cth-regions-card {
  background: #16321f;
  border-radius: 16px;
  padding: 24px;
  color: #fff;
}

.cth-destinations-title,
.cth-regions-title {
  color: #d9a35f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.cth-regions-title {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,0.1);
}

.cth-destinations-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.cth-destination-pill {
  flex: 1;
  min-width: 160px;
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  padding: 12px 14px;
}

.cth-destination-pill .code {
  font-size: 12px;
  font-weight: 700;
  color: #9fb8a8;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 6px;
  padding: 2px 6px;
}

.cth-destination-text .dest-name {
  font-weight: 700;
  font-size: 14px;
  color: #fff;
}

.cth-destination-text .dest-hospital {
  font-size: 12px;
  color: #9fb8a8;
}

.cth-region-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.cth-region-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  font-size: 14px;
}

.cth-region-list li:last-child {
  border-bottom: none;
}

.cth-region-icon {
  font-size: 18px;
  width: 24px;
  text-align: center;
}

.cth-region-code {
  font-size: 11px;
  font-weight: 700;
  color: #9fb8a8;
  width: 40px;
}

.region-name {
  font-weight: 700;
  color: #fff;
}

.cth-region-list .sub {
  color: #9fb8a8;
  font-size: 12px;
  margin-left: 4px;
}
.cth-body-text{
  font-size:16px; line-height:1.7; color:var(--ink-soft);
  max-width:520px; margin:0 0 30px;
}
.cth-partner-row {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin: 20px 0;
}

.cth-partner-row .cth-partner-strip {
  flex: 1;
  min-width: 240px;
}
.cth-body-text strong{color:var(--navy-deep); font-weight:600;}
.cth-partner-strip{
  display:flex; align-items:center; gap:16px;
  background:var(--paper);
  border:1px solid var(--line);
  padding:18px 22px;
  max-width:520px;
  margin-bottom:34px;
   padding: 10px;
  gap: 16px;
  display: flex;
  align-items: center;
  border-radius: 14px;
}
.cth-partner-mark {
  width: 72px;
  height: 72px;
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 0;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  display: flex;
  align-items: center;
  justify-content: center;
}

.cth-partner-mark img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.cth-partner-text .label{
  font-size:11.5px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--ink-soft); font-weight:600; margin-bottom:3px;
}
.cth-partner-text .name{
  font-family:'Fraunces',serif; font-size:19px; color:var(--navy-deep); font-weight:500;
}
.cth-partner-text .loc{font-size:13px; color:var(--ink-soft); margin-top:2px;}
.cth-cta-row{display:flex; align-items:center; gap:20px; flex-wrap:wrap;}
.cth-cta{
  background:var(--teal); color:#fff; border:none; padding:15px 30px; border-radius:999px;
  font-weight:600; font-size:14.5px; cursor:pointer; display:inline-block; text-decoration:none;
  transition:background .2s ease, transform .2s ease;
}
.cth-cta:hover{background:#2a5c00; transform:translateY(-1px);}
.cth-cta-sub{font-size:13.5px; color:var(--ink-soft);}
.cth-regions-card{
  background:var(--navy-deep);
  border-radius:20px;
  padding:34px 30px;
  position:relative;
  overflow:hidden;
}
.cth-regions-card::before{
  content:"";
  position:absolute;
  right:-60px; top:-60px;
  width:200px; height:200px;
  border-radius:50%;
  border:1px solid rgba(200,154,75,.22);
}
.cth-regions-title{
  font-family:'Fraunces',serif;
  font-size:13px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--gold); font-weight:600; margin-bottom:22px;
  position:relative; z-index:1;
}
.cth-region-list{
  list-style:none; margin:0; padding:0;
  display:flex; flex-direction:column; gap:0;
  position:relative; z-index:1;
}
.cth-region-list li{
  display:flex; align-items:center; gap:14px;
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.09);
  color:#EFEDE6;
  font-size:15px;
  font-weight:500;
}
.cth-region-list li:last-child{border-bottom:none;}
.cth-region-flag{font-size:20px; width:28px; text-align:center;}
.cth-region-list li span.sub{
  display:block; font-size:12px; color:#9FB0B4; font-weight:400; margin-top:2px;
}
.cth-process{
  margin-top:64px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.cth-process-step{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:16px;
  padding:24px 22px;
}
.cth-process-step .step-icon{
  width:40px; height:40px; border-radius:10px;
  background:rgba(58,125,0,.09);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:16px;
}
.cth-process-step .step-icon svg{width:20px; height:20px; stroke:var(--teal); fill:none; stroke-width:1.7;}
.cth-process-step .step-title{
  font-family:'Fraunces',serif; font-size:16.5px; color:var(--navy-deep);
  font-weight:500; margin-bottom:6px;
}
.cth-process-step .step-desc{font-size:13.5px; line-height:1.55; color:var(--ink-soft);}
@media (max-width:900px){
  .cth-grid{grid-template-columns:1fr; gap:40px;}
  .cth-process{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:600px){
  .cth-turkey{padding:64px 16px;}
  .cth-process{grid-template-columns:1fr;}
  .cth-partner-strip{flex-wrap:wrap;}
}

/* ---- Savings hero banner ---- */
.tmtc-hero{
  position:relative;
  background:
    radial-gradient(1100px 500px at 85% -10%, rgba(200,154,75,.18), transparent 60%),
    linear-gradient(160deg, var(--navy-deep) 0%, var(--navy) 62%, #1f4400 100%);
  color:var(--cream);
  padding:88px 24px 96px;
  overflow:hidden;
}
.tmtc-hero::before{
  content:"";
  position:absolute;
  right:-120px;
  top:-120px;
  width:420px;
  height:420px;
  border-radius:50%;
  border:1px solid rgba(200,154,75,.25);
}
.tmtc-hero::after{
  content:"";
  position:absolute;
  right:-40px;
  top:60px;
  width:280px;
  height:280px;
  border-radius:50%;
  border:1px solid rgba(200,154,75,.18);
}
.tmtc-hero-wrap{
  max-width:1120px;
  margin:0 auto;
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  flex-wrap:wrap;
}
.tmtc-hero-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:600;
  color:var(--gold);
  background:rgba(200,154,75,.1);
  border:1px solid rgba(200,154,75,.3);
  padding:8px 16px;
  border-radius:999px;
  margin-bottom:26px;
}
.tmtc-hero-badge svg{width:14px;height:14px;stroke:var(--gold);fill:none;stroke-width:2;}
.tmtc-hero-left{max-width:600px;}
.tmtc-hero-h1{
  font-family:'Fraunces',serif;
  font-weight:500;
  font-size:clamp(38px,5.2vw,64px);
  line-height:1.05;
  margin:0 0 22px;
}
.tmtc-hero-h1 .big{
  display:block;
  color:var(--gold);
  font-style:italic;
  font-size:clamp(52px,7.5vw,88px);
  line-height:1;
  margin:6px 0;
}
.tmtc-hero-sub{
  font-size:16.5px;
  line-height:1.65;
  color:#C7D3D6;
  max-width:460px;
  margin:0 0 34px;
}
.tmtc-hero-cta{
  background:var(--gold);
  color:var(--navy-deep);
  border:none;
  padding:16px 32px;
  border-radius:999px;
  font-family:'Inter',sans-serif;
  font-weight:700;
  font-size:15px;
  cursor:pointer;
  display:inline-block;
  text-decoration:none;
  transition:transform .2s ease, background .2s ease;
}
.tmtc-hero-cta:hover{
  background:#DCAF63;
  transform:translateY(-1px);
}
.tmtc-hero-stats{
  display:flex;
  flex-direction:column;
  gap:22px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  padding:30px 34px;
  backdrop-filter:blur(6px);
  min-width:240px;
}
.tmtc-hero-stats .stat-row{display:flex; align-items:baseline; gap:10px;}
.tmtc-hero-stats .stat-row strong{
  font-family:'Fraunces',serif;
  font-size:26px;
  color:#fff;
}
.tmtc-hero-stats .stat-row span{
  font-size:12.5px;
  color:#AEBFC3;
  line-height:1.4;
}
.tmtc-hero-stats hr{border:none; border-top:1px solid rgba(255,255,255,.12); margin:0;}
@media (max-width:780px){
  .tmtc-hero{padding:64px 16px 76px;}
  .tmtc-hero-wrap{flex-direction:column; align-items:flex-start;}
  .tmtc-hero-stats{width:100%;}
}

/* ---- Country pricing / tab switcher ---- */
.tmtc-tabbar-wrap{
  background:var(--cream);
  padding:44px 24px 0;
}
.tmtc-tabbar{
  max-width:1120px;
  margin:0 auto;
  display:flex;
  gap:8px;
  border-bottom:1px solid var(--line);
  overflow-x:auto;
  scrollbar-width:none;
}
.tmtc-tabbar::-webkit-scrollbar{display:none;}
.tmtc-tab{
  appearance:none;
  background:none;
  border:none;
  font-family:'Inter',sans-serif;
  font-weight:600;
  font-size:14.5px;
  color:var(--ink-soft);
  padding:14px 22px;
  cursor:pointer;
  position:relative;
  display:flex;
  align-items:center;
  gap:9px;
  border-radius:10px 10px 0 0;
  flex-shrink:0;
  white-space:nowrap;
  transition:color .2s ease, background .2s ease;
}
.tmtc-tab .flag{font-size:16px;}
.tmtc-tab:hover{color:var(--navy-deep); background:rgba(58,125,0,.05);}
.tmtc-tab.active{color:var(--navy-deep);}
.tmtc-tab.active::after{
  content:"";
  position:absolute;
  left:12px; right:12px; bottom:-1px;
  height:3px;
  background:var(--teal);
  border-radius:3px 3px 0 0;
}
.tmtc-section{
  background:var(--cream);
  padding:48px 24px 88px;
}
.tmtc-wrap{max-width:1120px; margin:0 auto; color:var(--ink);}
.tmtc-eyebrow{
  display:flex; align-items:center; gap:12px;
  font-size:13px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--teal); font-weight:600; margin-bottom:22px;
}
.tmtc-eyebrow::before{content:""; width:34px; height:2px; background:var(--gold);}
.tmtc-header{
  display:flex; justify-content:space-between; align-items:flex-end;
  gap:40px; flex-wrap:wrap; margin-bottom:44px;
}
.tmtc-h1{
  font-family:'Fraunces',serif; font-weight:500;
  font-size:clamp(28px,3.8vw,42px); line-height:1.14;
  margin:0 0 14px; max-width:640px; color:var(--navy-deep);
}
.tmtc-h1 em{font-style:italic; color:var(--teal);}
.tmtc-sub{font-size:16px; line-height:1.6; color:var(--ink-soft); max-width:480px; margin:0;}
.tmtc-note-card{
  background:var(--navy-deep); color:var(--cream); border-radius:14px;
  padding:20px 24px; min-width:220px; flex-shrink:0;
}
.tmtc-note-card .num{
  font-family:'Fraunces',serif; font-size:30px; color:var(--gold);
  display:block; line-height:1; margin-bottom:6px;
}
.tmtc-note-card .label{font-size:13px; color:#B9C6C9; line-height:1.4;}
.tmtc-table-shell{
  background:var(--paper); border-radius:20px; overflow:hidden;
  box-shadow:0 24px 60px -32px rgba(30,61,0,.35); border:1px solid var(--line);
}
table.tmtc-table{width:100%; border-collapse:collapse;}
.tmtc-table thead th{
  text-align:left; font-size:12px; letter-spacing:.08em; text-transform:uppercase;
  font-weight:600; color:var(--ink-soft); padding:22px 22px 16px; border-bottom:1px solid var(--line);
}
.tmtc-table thead th.price-col{text-align:right;}
.tmtc-table thead th.tmtc-col{background:var(--navy-deep); color:var(--cream); position:relative;}
.tmtc-table thead th.tmtc-col .col-title{
  display:flex; align-items:center; justify-content:flex-end; gap:8px; color:var(--gold); font-size:12px;
}
.tmtc-table tbody td{padding:18px 22px; border-bottom:1px solid var(--line); font-size:15px; vertical-align:middle;}
.tmtc-table tbody tr:last-child td{border-bottom:none;}
.tmtc-table tbody tr:hover td{background:#FBFAF6;}
.treatment-cell{display:flex; align-items:center; gap:14px; font-weight:600; color:var(--navy-deep); font-size:15px;}
.treatment-icon{
  width:38px; height:38px; border-radius:10px; background:rgba(58,125,0,.09);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.treatment-icon svg{width:19px; height:19px; stroke:var(--teal); fill:none; stroke-width:1.7;}
.price-col{text-align:right; color:var(--ink-soft); font-variant-numeric:tabular-nums; white-space:nowrap;}
.tmtc-price-cell{
  background:rgba(200,154,75,.07); text-align:right; font-weight:700; color:var(--navy-deep);
  font-variant-numeric:tabular-nums; white-space:nowrap; position:relative;
}
.tmtc-price-cell .save{display:block; font-size:11px; font-weight:600; color:var(--teal); margin-top:2px;}
tbody td.tmtc-price-cell{border-left:1px solid rgba(200,154,75,.35); border-right:1px solid rgba(200,154,75,.35);}
.tmtc-footnotes{display:flex; flex-wrap:wrap; gap:10px 28px; margin-top:22px; padding:0 6px;}
.tmtc-footnotes span{font-size:12.5px; color:var(--ink-soft); position:relative; padding-left:14px;}
.tmtc-footnotes span::before{
  content:""; position:absolute; left:0; top:6px; width:5px; height:5px; border-radius:50%; background:var(--gold);
}
.tmtc-cta-row{margin-top:40px; display:flex; align-items:center; gap:22px; flex-wrap:wrap;}
.tmtc-cta{
  background:var(--teal); color:#fff; border:none; padding:15px 30px; border-radius:999px;
  font-weight:600; font-size:14.5px; cursor:pointer; display:inline-block; text-decoration:none;
  transition:background .2s ease, transform .2s ease;
}
.tmtc-cta:hover{background:#2a5c00; transform:translateY(-1px);}
.tmtc-cta-sub{font-size:13.5px; color:var(--ink-soft);}
.tmtc-panel{display:none;}
.tmtc-panel.active{display:block; animation:tmtcFadeIn .35s ease;}
@keyframes tmtcFadeIn{from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:translateY(0);}}

@media (max-width:780px){
  .tmtc-tabbar-wrap{padding:32px 16px 0;}
  .tmtc-section{padding:36px 16px 60px;}
  .tmtc-header{margin-bottom:28px;}
  table.tmtc-table thead{display:none;}
  table.tmtc-table, table.tmtc-table tbody, table.tmtc-table tr, table.tmtc-table td{display:block; width:100%;}
  .tmtc-table tbody tr{padding:18px 18px 16px; border-bottom:1px solid var(--line);}
  .tmtc-table tbody td{border:none; padding:3px 0; display:flex; justify-content:space-between; align-items:center;}
  .treatment-cell{margin-bottom:10px;}
  .tmtc-table tbody td.price-col::before{content:attr(data-label); color:var(--ink-soft); font-weight:500; font-size:13px;}
  .tmtc-table tbody td.tmtc-price-cell::before{content:attr(data-label); color:var(--teal); font-weight:600; font-size:13px;}
  .tmtc-price-cell{background:rgba(200,154,75,.1); border-radius:8px; padding:8px 10px !important; margin-top:6px; border:1px solid rgba(200,154,75,.35) !important;}
  .tmtc-price-cell .save{margin-top:0;}
}

/* =====================================================
   Cure to Heal — Hematologists Directory Page
   NAMESPACED STYLES (prefix: cthd-) so nothing here
   collides with the main site's styles.css classes
   (.hero, .grid, .card, .section, .steps, .chip, etc.)
   ===================================================== */

.cthd-page{
  --cthd-green:#5A9A2A;
  --cthd-green-deep:#3F7A1C;
  --cthd-green-leaf:#8DC63F;
  --cthd-green-tint:#EEF6E4;
  --cthd-yellow:#E9D64B;
  --cthd-yellow-deep:#C9B62E;
  --cthd-ink:#1E2A1A;
  --cthd-muted:#5E6B58;
  --cthd-line:#DDE5D6;
  --cthd-base:#FFFFFF;
  --cthd-radius:14px;
  --cthd-max:1160px;

  font-family:"Montserrat",system-ui,sans-serif;
  color:var(--cthd-ink);
  background:var(--cthd-base);
  line-height:1.55;
  font-size:15.5px;
}
.cthd-page *{box-sizing:border-box}
.cthd-page a{color:var(--cthd-green-deep)}
.cthd-page button{font:inherit;cursor:pointer}
.cthd-wrap{max-width:var(--cthd-max);margin:0 auto;padding:0 24px}
.cthd-serif{font-family:"Source Serif 4",Georgia,serif}

/* ---------- Buttons ---------- */
.cthd-btn{display:inline-block;padding:11px 20px;border-radius:999px;font-weight:700;font-size:14.5px;text-decoration:none;border:2px solid transparent;transition:background .15s,color .15s}
.cthd-btn-primary{background:var(--cthd-green);color:#fff}
.cthd-btn-primary:hover{background:var(--cthd-green-deep)}
.cthd-btn-outline{border-color:var(--cthd-green);color:var(--cthd-green-deep);background:transparent}
.cthd-btn-outline:hover{background:var(--cthd-green-tint)}
.cthd-btn:focus-visible,.cthd-page button:focus-visible,.cthd-page input:focus-visible,.cthd-page select:focus-visible{outline:3px solid var(--cthd-green-leaf);outline-offset:2px}

/* ---------- Hero ---------- */
.cthd-hero{
  margin-top:50px;
  background:linear-gradient(180deg,var(--cthd-green-tint) 0%,#fff 100%);
  padding:56px 0 40px;
  text-align:center;
}
.cthd-hero h1{font-size:clamp(30px,4.4vw,50px);line-height:1.1;font-weight:800;color:var(--cthd-green-deep);max-width:20ch;margin:0 auto}
.cthd-hero p.cthd-lead{margin:18px auto 0;font-size:17px;color:var(--cthd-muted);max-width:60ch}
.cthd-hero .cthd-tagline{display:inline-block;margin-top:6px;font-size:18px;color:var(--cthd-ink)}
.cthd-hero .cthd-tagline::after{content:"";display:block;margin:10px auto 0;width:64px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--cthd-yellow),var(--cthd-green-leaf))}

.cthd-search-band{margin:36px auto 0;max-width:960px;background:var(--cthd-base);border:1px solid var(--cthd-line);border-radius:var(--cthd-radius);padding:18px 20px;box-shadow:0 10px 30px rgba(63,122,28,.10);text-align:left}
.cthd-search-row{display:grid;grid-template-columns:1fr auto auto;gap:12px}
.cthd-search-row input,.cthd-search-row select{height:50px;border:1.5px solid var(--cthd-line);border-radius:10px;padding:0 16px;font-size:15px;background:#fff;color:var(--cthd-ink);width:100%;font-family:inherit}
.cthd-search-row input{padding-left:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235A9A2A' stroke-width='2.2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:15px center}
.cthd-search-row select{min-width:190px;appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231E2A1A' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.cthd-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.cthd-chip{border:1.5px solid var(--cthd-line);background:#fff;border-radius:999px;padding:6px 14px;font-size:13.5px;font-weight:600;color:var(--cthd-ink)}
.cthd-chip[aria-pressed="true"]{background:var(--cthd-green);border-color:var(--cthd-green);color:#fff}
.cthd-chip:hover{border-color:var(--cthd-green)}
@media (max-width:760px){.cthd-search-row{grid-template-columns:1fr}.cthd-search-row select{min-width:0}}

/* ---------- Doctor cards ---------- */
.cthd-results-head{display:flex;justify-content:space-between;align-items:center;padding:36px 0 18px;flex-wrap:wrap;gap:12px}
.cthd-results-head h2{font-size:24px;font-weight:800;color:var(--cthd-green-deep)}
.cthd-results-head span{color:var(--cthd-muted);font-size:14px}
.cthd-edit-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--cthd-muted);font-weight:600}
.cthd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;padding-bottom:24px}
.cthd-card{background:#fff;border:1px solid var(--cthd-line);border-radius:var(--cthd-radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(30,42,26,.05)}
.cthd-card-top{background:var(--cthd-green-tint);padding:22px 20px 0;display:flex;gap:16px;align-items:flex-end;position:relative}
.cthd-card-top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--cthd-green),var(--cthd-green-leaf))}
.cthd-card.cthd-pediatric .cthd-card-top::after{background:linear-gradient(90deg,var(--cthd-yellow),var(--cthd-green-leaf))}
.cthd-photo{width:96px;height:96px;border-radius:50%;flex:none;position:relative;margin-bottom:-4px;background:#fff;border:4px solid #fff;box-shadow:0 4px 14px rgba(63,122,28,.18);overflow:hidden;display:grid;place-items:center}
.cthd-photo img{width:100%;height:100%;object-fit:cover;display:block}
.cthd-photo .cthd-initials{width:100%;height:100%;display:grid;place-items:center;background:var(--cthd-green);color:#fff;font-weight:800;font-size:30px;letter-spacing:.02em}
.cthd-photo-add{position:absolute;right:-2px;bottom:-2px;width:30px;height:30px;border-radius:50%;background:var(--cthd-yellow);border:2px solid #fff;display:none;place-items:center;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.cthd-photo-add svg{width:16px;height:16px;stroke:var(--cthd-ink);stroke-width:2.6;fill:none}
.cthd-page.cthd-editing .cthd-photo-add{display:grid}
.cthd-page.cthd-editing .cthd-photo{cursor:pointer}
.cthd-photo input[type=file]{display:none}
.cthd-exp{margin-left:auto;text-align:right;padding-bottom:14px;line-height:1}
.cthd-exp b{display:block;font-size:26px;font-weight:800;color:var(--cthd-green-deep)}
.cthd-exp small{color:var(--cthd-muted);font-size:12px;font-weight:600}
.cthd-card-body{padding:16px 20px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.cthd-name{font-size:17.5px;font-weight:800;line-height:1.25}
.cthd-role{font-size:13.5px;color:var(--cthd-muted)}
.cthd-hosp{margin-top:8px;font-size:14px;font-weight:600;display:flex;gap:8px;align-items:flex-start}
.cthd-hosp svg,.cthd-city svg{width:15px;height:15px;flex:none;margin-top:3px;stroke:var(--cthd-green);stroke-width:2;fill:none}
.cthd-city{font-size:13.5px;color:var(--cthd-muted);display:flex;gap:8px;align-items:center}
.cthd-tag{align-self:flex-start;margin-top:6px;font-size:12px;font-weight:700;color:var(--cthd-ink);background:var(--cthd-yellow);padding:3px 10px;border-radius:999px}
.cthd-card-actions{display:flex;gap:10px;margin-top:auto;padding-top:14px}
.cthd-card-actions .cthd-btn{flex:1;text-align:center;padding:10px 12px;font-size:13.5px}
.cthd-bio{display:none;padding:0 20px 18px;font-size:14px;color:var(--cthd-ink)}
.cthd-bio p{border-top:1px dashed var(--cthd-line);padding-top:14px}
.cthd-bio .cthd-note{margin-top:10px;font-size:12.5px;color:#8a6d00;background:#FFF8D6;padding:8px 10px;border-radius:8px}
.cthd-card.cthd-open .cthd-bio{display:block}
.cthd-empty{padding:48px 0;color:var(--cthd-muted);text-align:center;display:none}

/* ---------- Sections ---------- */
.cthd-section{padding:64px 0}
.cthd-section h2{font-size:clamp(24px,3vw,32px);font-weight:800;color:var(--cthd-green-deep);text-align:center}
.cthd-section .cthd-sub{color:var(--cthd-muted);margin:10px auto 0;max-width:60ch;text-align:center}
.cthd-band{background:var(--cthd-green-tint)}
.cthd-cond-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
.cthd-cond{background:#fff;border-radius:12px;padding:18px 20px;border-left:5px solid var(--cthd-yellow)}
.cthd-cond strong{display:block;font-size:15.5px;color:var(--cthd-green-deep)}
.cthd-cond span{color:var(--cthd-muted);font-size:13.5px}
@media (max-width:760px){.cthd-cond-grid{grid-template-columns:1fr}}
.cthd-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:36px;counter-reset:cthdstep}
.cthd-step{background:#fff;border:1px solid var(--cthd-line);border-radius:12px;padding:22px 20px}
.cthd-step::before{counter-increment:cthdstep;content:counter(cthdstep);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--cthd-yellow);color:var(--cthd-ink);font-weight:800;margin-bottom:12px}
.cthd-step strong{display:block;font-size:16px;margin-bottom:6px;color:var(--cthd-green-deep)}
.cthd-step p{color:var(--cthd-muted);font-size:14px}
@media (max-width:760px){.cthd-steps{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.cthd-steps{grid-template-columns:1fr}}

/* ---------- Enquiry ---------- */
.cthd-enquire{background:var(--cthd-green-deep);color:#fff}
.cthd-enquire-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.cthd-enquire h2{color:#fff;text-align:left}
.cthd-enquire p{color:#DCEBCF;margin-top:14px;max-width:44ch}
.cthd-enquire img{height:150px;margin-bottom:18px;background:#fff;border-radius:16px;padding:10px}
.cthd-form{display:grid;gap:14px;background:#fff;color:var(--cthd-ink);padding:26px;border-radius:var(--cthd-radius)}
.cthd-form label{font-size:13px;font-weight:700;display:block;margin-bottom:6px}
.cthd-form input,.cthd-form select,.cthd-form textarea{width:100%;border:1.5px solid var(--cthd-line);border-radius:10px;padding:11px 14px;font:inherit;font-size:14.5px;background:#fff}
.cthd-form textarea{min-height:90px;resize:vertical}
.cthd-form .cthd-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cthd-form small{color:var(--cthd-muted);font-size:12.5px}
@media (max-width:860px){.cthd-enquire-grid{grid-template-columns:1fr;gap:32px}}
@media (max-width:480px){.cthd-form .cthd-two{grid-template-columns:1fr}}

/* ---------- WhatsApp ---------- */
.cthd-btn-wa{background:#25D366;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.cthd-btn-wa:hover{background:#1DB954}
.cthd-wa-float{position:fixed;right:20px;bottom:20px;z-index:20;display:flex;align-items:center;gap:10px;background:#25D366;color:#fff;text-decoration:none;font-weight:700;font-size:14.5px;padding:12px 18px 12px 14px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.cthd-wa-float svg{width:24px;height:24px}
.cthd-wa-float:hover{background:#1DB954}
@media (max-width:560px){.cthd-wa-float span{display:none}.cthd-wa-float{padding:14px}}
.cthd-wa-line{margin-top:16px;font-size:15px;color:#DCEBCF}
.cthd-wa-line a{color:#fff;font-weight:700;text-decoration:none}
.cthd-form .cthd-btn-wa{text-decoration:none}


/* ==========================================================================
   cure-to-heal-oncologists-india.php — page-specific styles
   Scoped to #cth-oncologists-page. Does NOT redeclare navbar/footer styles —
   those live in your existing global stylesheet.

   Notes / assumptions carried over from the HTML→PHP conversion:
   - .wrap and .serif are treated as shared/global utility classes (also used
     by your navbar) and are left unprefixed. If your global stylesheet
     already defines them, the two rules below are redundant and safe to
     delete; they're included so this page still works standalone if not.
   - .btn / .btn-primary / .btn-outline / .btn-wa are likewise treated as
     shared button classes and left unprefixed.
   - The "editor mode" toggle now targets a class on the page wrapper
     (#cth-oncologists-page.cth-onc-editing) instead of <body class="editing">,
     since toggling a class on <body> from one page's script would leak into
     the rest of the site. assets/script.php should be written to match:
     document.getElementById('cth-oncologists-page').classList.toggle('cth-onc-editing', checked)
   - Doctor "type" values (surgical / medical / radiation / pediatric / ortho
     / other) are expected to be rendered as cth-onc-<type> classes on
     .cth-onc-card, and the expanded/open state as .cth-onc-open, so that
     none of those generic words leak outside this page's namespace.
   ========================================================================== */

#cth-oncologists-page{
  --green:#5A9A2A;        /* logo wordmark green */
  --green-deep:#3F7A1C;
  --green-leaf:#8DC63F;   /* ribbon highlight */
  --green-tint:#EEF6E4;
  --yellow:#E9D64B;       /* hands */
  --yellow-deep:#C9B62E;
  --ink:#1E2A1A;
  --muted:#5E6B58;
  --line:#DDE5D6;
  --base:#FFFFFF;
  --radius:14px;
  --max:1160px;

  font-family:"Montserrat",system-ui,sans-serif;
  color:var(--ink);
  background:var(--base);
  line-height:1.55;
  font-size:15.5px;
}
#cth-oncologists-page, #cth-oncologists-page *{box-sizing:border-box}
#cth-oncologists-page a{color:var(--green-deep)}
#cth-oncologists-page button{font:inherit;cursor:pointer}
#cth-oncologists-page .serif{font-family:"Source Serif 4",Georgia,serif}

/* .wrap is assumed global — included here only as a safety net (see note above) */
#cth-oncologists-page .wrap{max-width:var(--max);margin:0 auto;padding:0 24px}

/* ---------- Hero ---------- */
.cth-onc-hero{background:linear-gradient(180deg,var(--green-tint) 0%,#fff 100%);padding:100px 0 40px;text-align:center}
.cth-onc-hero h1{font-size:clamp(30px,4.4vw,50px);line-height:1.1;font-weight:800;color:var(--green-deep);max-width:20ch;margin:0 auto}
.cth-onc-hero .cth-onc-lead{margin:18px auto 0;font-size:17px;color:var(--muted);max-width:60ch}
.cth-onc-hero .cth-onc-tagline{display:inline-block;margin-top:6px;font-size:18px;color:var(--ink)}
.cth-onc-hero .cth-onc-tagline::after{content:"";display:block;margin:10px auto 0;width:64px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--yellow),var(--green-leaf))}

.cth-onc-search-band{margin:36px auto 0;max-width:960px;background:var(--base);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:0 10px 30px rgba(63,122,28,.10);text-align:left}
.cth-onc-search-row{display:grid;grid-template-columns:1fr auto auto;gap:12px}
.cth-onc-search-row input,.cth-onc-search-row select{height:50px;border:1.5px solid var(--line);border-radius:10px;padding:0 16px;font-size:15px;background:#fff;color:var(--ink);width:100%;font-family:inherit}
.cth-onc-search-row input{padding-left:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235A9A2A' stroke-width='2.2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:15px center}
.cth-onc-search-row select{min-width:190px;appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231E2A1A' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.cth-onc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.cth-onc-chip{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;font-size:13.5px;font-weight:600;color:var(--ink)}
.cth-onc-chip[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:#fff}
.cth-onc-chip:hover{border-color:var(--green)}
@media (max-width:760px){.cth-onc-search-row{grid-template-columns:1fr}.cth-onc-search-row select{min-width:0}}

/* ---------- Cards ---------- */
.cth-onc-results-head{display:flex;justify-content:space-between;align-items:center;padding:36px 0 18px;flex-wrap:wrap;gap:12px}
.cth-onc-results-head h2{font-size:24px;font-weight:800;color:var(--green-deep)}
.cth-onc-results-head span{color:var(--muted);font-size:14px}
.cth-onc-edit-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);font-weight:600}
.cth-onc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;padding-bottom:24px}
.cth-onc-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(30,42,26,.05)}
.cth-onc-card-top{background:var(--green-tint);padding:22px 20px 0;display:flex;gap:16px;align-items:flex-end;position:relative}
.cth-onc-card-top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--green),var(--green-leaf))}
.cth-onc-card.cth-onc-pediatric .cth-onc-card-top::after,.cth-onc-card.cth-onc-ortho .cth-onc-card-top::after{background:linear-gradient(90deg,var(--yellow),var(--green-leaf))}
.cth-onc-photo{width:96px;height:96px;border-radius:50%;flex:none;position:relative;margin-bottom:-4px;background:#fff;border:4px solid #fff;box-shadow:0 4px 14px rgba(63,122,28,.18);overflow:hidden;display:grid;place-items:center}
.cth-onc-photo img{width:100%;height:100%;object-fit:cover;display:block}
.cth-onc-photo .cth-onc-initials{width:100%;height:100%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:800;font-size:30px;letter-spacing:.02em}
.cth-onc-photo-add{position:absolute;right:-2px;bottom:-2px;width:30px;height:30px;border-radius:50%;background:var(--yellow);border:2px solid #fff;display:none;place-items:center;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.cth-onc-photo-add svg{width:16px;height:16px;stroke:var(--ink);stroke-width:2.6;fill:none}
#cth-oncologists-page.cth-onc-editing .cth-onc-photo-add{display:grid}
#cth-oncologists-page.cth-onc-editing .cth-onc-photo{cursor:pointer}
.cth-onc-photo input[type=file]{display:none}
.cth-onc-exp{margin-left:auto;text-align:right;padding-bottom:14px;line-height:1}
.cth-onc-exp b{display:block;font-size:26px;font-weight:800;color:var(--green-deep)}
.cth-onc-exp small{color:var(--muted);font-size:12px;font-weight:600}
.cth-onc-card-body{padding:16px 20px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.cth-onc-name{font-size:17.5px;font-weight:800;line-height:1.25}
.cth-onc-role{font-size:13.5px;color:var(--muted)}
.cth-onc-hosp{margin-top:8px;font-size:14px;font-weight:600;display:flex;gap:8px;align-items:flex-start}
.cth-onc-hosp svg,.cth-onc-doc-city svg{width:15px;height:15px;flex:none;margin-top:3px;stroke:var(--green);stroke-width:2;fill:none}
.cth-onc-doc-city{font-size:13.5px;color:var(--muted);display:flex;gap:8px;align-items:center}
.cth-onc-tag{align-self:flex-start;margin-top:6px;font-size:12px;font-weight:700;color:var(--ink);background:var(--yellow);padding:3px 10px;border-radius:999px}
.cth-onc-card-actions{display:flex;gap:10px;margin-top:auto;padding-top:14px}
.cth-onc-card-actions .btn{flex:1;text-align:center;padding:10px 12px;font-size:13.5px}
.cth-onc-bio{display:none;padding:0 20px 18px;font-size:14px;color:var(--ink)}
.cth-onc-bio p{border-top:1px dashed var(--line);padding-top:14px}
.cth-onc-bio .cth-onc-note{margin-top:10px;font-size:12.5px;color:#8a6d00;background:#FFF8D6;padding:8px 10px;border-radius:8px}
.cth-onc-card.cth-onc-open .cth-onc-bio{display:block}
.cth-onc-empty{padding:48px 0;color:var(--muted);text-align:center;display:none}

/* ---------- Sections ---------- */
.cth-onc-section{padding:64px 0}
.cth-onc-section h2{font-size:clamp(24px,3vw,32px);font-weight:800;color:var(--green-deep);text-align:center}
.cth-onc-section .cth-onc-sub{color:var(--muted);margin:10px auto 0;max-width:60ch;text-align:center}
.cth-onc-band{background:var(--green-tint)}
.cth-onc-cond-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
.cth-onc-cond{background:#fff;border-radius:12px;padding:18px 20px;border-left:5px solid var(--yellow)}
.cth-onc-cond strong{display:block;font-size:15.5px;color:var(--green-deep)}
.cth-onc-cond span{color:var(--muted);font-size:13.5px}
@media (max-width:760px){.cth-onc-cond-grid{grid-template-columns:1fr}}
.cth-onc-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:36px;counter-reset:cth-onc-step}
.cth-onc-step{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 20px}
.cth-onc-step::before{counter-increment:cth-onc-step;content:counter(cth-onc-step);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--yellow);color:var(--ink);font-weight:800;margin-bottom:12px}
.cth-onc-step strong{display:block;font-size:16px;margin-bottom:6px;color:var(--green-deep)}
.cth-onc-step p{color:var(--muted);font-size:14px}
@media (max-width:760px){.cth-onc-steps{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.cth-onc-steps{grid-template-columns:1fr}}

/* ---------- Enquiry ---------- */
.cth-onc-enquire{background:var(--green-deep);color:#fff}
.cth-onc-enquire-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.cth-onc-enquire h2{color:#fff;text-align:left}
.cth-onc-enquire p{color:#DCEBCF;margin-top:14px;max-width:44ch}
.cth-onc-enquire img{height:150px;margin-bottom:18px;background:#fff;border-radius:16px;padding:10px}
.cth-onc-form{display:grid;gap:14px;background:#fff;color:var(--ink);padding:26px;border-radius:var(--radius)}
.cth-onc-form label{font-size:13px;font-weight:700;display:block;margin-bottom:6px}
.cth-onc-form input,.cth-onc-form select,.cth-onc-form textarea{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:11px 14px;font:inherit;font-size:14.5px;background:#fff}
.cth-onc-form textarea{min-height:90px;resize:vertical}
.cth-onc-form .cth-onc-form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cth-onc-form small{color:var(--muted);font-size:12.5px}
@media (max-width:860px){.cth-onc-enquire-grid{grid-template-columns:1fr;gap:32px}}
@media (max-width:480px){.cth-onc-form .cth-onc-form-two{grid-template-columns:1fr}}

/* ---------- WhatsApp (.btn-wa is assumed global/shared) ---------- */
.cth-onc-wa-float{position:fixed;right:20px;bottom:20px;z-index:20;display:flex;align-items:center;gap:10px;background:#25D366;color:#fff;text-decoration:none;font-weight:700;font-size:14.5px;padding:12px 18px 12px 14px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.cth-onc-wa-float svg{width:24px;height:24px}
.cth-onc-wa-float:hover{background:#1DB954}
@media (max-width:560px){.cth-onc-wa-float span{display:none}.cth-onc-wa-float{padding:14px}}
.cth-onc-wa-line{margin-top:16px;font-size:15px;color:#DCEBCF}
.cth-onc-wa-line a{color:#fff;font-weight:700;text-decoration:none}
.cth-onc-form .btn-wa{text-decoration:none}

/* ---------- Pagination ---------- */
.cth-onc-pager{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 0 32px}
.cth-onc-pager button{min-width:40px;height:40px;padding:0 12px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-weight:700;font-size:14px;color:var(--ink)}
.cth-onc-pager button:hover:not(:disabled){border-color:var(--green);color:var(--green-deep)}
.cth-onc-pager button[aria-current="page"]{background:var(--green);border-color:var(--green);color:#fff}
.cth-onc-pager button:disabled{opacity:.4;cursor:default}
.cth-onc-pager .cth-onc-nav-btn{padding:0 16px;background:var(--yellow);border-color:var(--yellow)}
.cth-onc-pager .cth-onc-nav-btn:hover:not(:disabled){background:var(--yellow-deep);border-color:var(--yellow-deep);color:var(--ink)}
.cth-onc-pager .cth-onc-dots{padding:0 4px;color:var(--muted)}
.cth-onc-pager-info{width:100%;text-align:center;font-size:13px;color:var(--muted);margin-top:4px}
/* Fix doctor pagination position */
#cth-oncologists-page .cth-onc-pager {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: 1;
    width: 100%;
    margin: 20px 0 0;
    clear: both;
}

/* Keep navbar above everything */
nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}