/* Dental clinic — clean white + aqua, Poppins */
:root {
  --cd-bg: #f4fafb; --cd-aqua: #00a8a8; --cd-deep: #007a7a;
  --cd-ink: #1a2e32; --cd-muted: #5a7278; --cd-white: #fff;
}
body.clinic-dental {
  font-family: "Poppins", "Vazirmatn", Tahoma, sans-serif;
  background: var(--cd-bg); color: var(--cd-ink);
}
.cd-nav {
  background: var(--cd-white); border-bottom: 1px solid #dce8ea;
  position: sticky; top: 0; z-index: 20;
}
.cd-nav .inner {
  display: flex; justify-content: space-between; align-items: center;
  width: min(1060px, 92%); margin: 0 auto; padding: 1rem 0;
}
.cd-nav .logo { font-weight: 700; font-size: 1.25rem; color: var(--cd-aqua); }
.cd-nav a { margin-right: 1rem; font-size: .88rem; font-weight: 500; color: var(--cd-muted); }
.cd-nav a:hover { color: var(--cd-aqua); }
.cd-nav .book-btn {
  background: var(--cd-aqua); color: #fff !important; padding: .5rem 1.1rem;
  border-radius: 999px; font-weight: 600;
}
.cd-hero {
  width: min(1060px, 92%); margin: 2.5rem auto;
  display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; align-items: center;
}
@media (max-width: 800px) { .cd-hero { grid-template-columns: 1fr; } }
.cd-hero .badge {
  display: inline-block; background: #e0f7f7; color: var(--cd-deep);
  padding: .25rem .7rem; border-radius: 999px; font-size: .75rem; font-weight: 600; margin-bottom: .85rem;
}
.cd-hero h1 { font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 700; line-height: 1.3; margin-bottom: .85rem; }
.cd-hero p { color: var(--cd-muted); margin-bottom: 1.5rem; }
.cd-hero .cta {
  display: inline-block; background: var(--cd-aqua); color: #fff;
  padding: .75rem 1.5rem; border-radius: 10px; font-weight: 600;
}
.cd-hero img { width: 100%; border-radius: 16px; aspect-ratio: 4/3; object-fit: cover; box-shadow: 0 16px 40px rgba(0,168,168,.15); }
.cd-stats {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;
  width: min(1060px, 92%); margin: 0 auto 3rem;
}
@media (max-width: 600px) { .cd-stats { grid-template-columns: 1fr; } }
.cd-stat {
  background: var(--cd-white); border-radius: 14px; padding: 1.35rem; text-align: center;
  border: 1px solid #dce8ea;
}
.cd-stat strong { display: block; font-size: 1.8rem; color: var(--cd-aqua); margin-bottom: .25rem; }
.cd-stat span { color: var(--cd-muted); font-size: .85rem; }
.cd-sec { width: min(1060px, 92%); margin: 0 auto 3.5rem; }
.cd-sec h2 { font-size: 1.55rem; font-weight: 700; text-align: center; margin-bottom: .4rem; }
.cd-sec .lead { text-align: center; color: var(--cd-muted); margin-bottom: 1.75rem; }
.cd-services {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem;
}
@media (max-width: 700px) { .cd-services { grid-template-columns: 1fr; } }
.cd-svc {
  background: var(--cd-white); border-radius: 14px; padding: 1.4rem 1.5rem;
  border: 1px solid #dce8ea; display: flex; gap: 1rem; align-items: flex-start;
}
.cd-svc .icon {
  width: 44px; height: 44px; border-radius: 12px; background: #e0f7f7;
  color: var(--cd-aqua); display: grid; place-items: center; font-size: 1.2rem; flex-shrink: 0;
}
.cd-svc h3 { font-size: 1.05rem; font-weight: 600; margin-bottom: .25rem; }
.cd-svc p { color: var(--cd-muted); font-size: .88rem; }
.cd-doctors {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.15rem;
}
@media (max-width: 750px) { .cd-doctors { grid-template-columns: 1fr; } }
.cd-doc {
  background: var(--cd-white); border-radius: 14px; overflow: hidden; border: 1px solid #dce8ea; text-align: center;
}
.cd-doc img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.cd-doc .info { padding: 1rem; }
.cd-doc h3 { font-size: 1rem; font-weight: 600; }
.cd-doc p { color: var(--cd-muted); font-size: .82rem; }
.cd-cta {
  background: linear-gradient(135deg, var(--cd-aqua), var(--cd-deep));
  color: #fff; border-radius: 18px; padding: 2.5rem; text-align: center;
}
.cd-cta h2 { font-size: 1.5rem; margin-bottom: .5rem; }
.cd-cta a {
  display: inline-block; margin-top: 1rem; background: #fff; color: var(--cd-deep);
  padding: .7rem 1.5rem; border-radius: 999px; font-weight: 700;
}
.cd-foot { text-align: center; padding: 2rem; color: var(--cd-muted); font-size: .85rem; }
.cd-foot a { color: var(--cd-aqua); font-weight: 600; }