
/* =================================================================
   MEET OUR TEAM PAGE — MT-specific CSS
   ================================================================= */

/* ── HERO ───────────────────────────────────────────────────────── */
.mt-hero {
    position:relative;background:linear-gradient(160deg,#0A1628 0%,#0D2040 60%,#0A1F3A 100%);
    padding:80px 0 72px;overflow:hidden;
}
.mt-hero-glow {
    position:absolute;top:-80px;right:-80px;width:520px;height:520px;
    background:radial-gradient(circle,rgba(46,196,182,.18) 0%,transparent 70%);pointer-events:none;
}
.mt-hero-inner {
    display:grid;grid-template-columns:1fr 480px;gap:56px;align-items:center;
}
.mt-eyebrow {
    display:inline-flex;align-items:center;gap:7px;
    font-size:.78rem;font-weight:700;color:#2EC4B6;text-transform:uppercase;letter-spacing:.08em;
    margin-bottom:18px;
}
.mt-hero h1 {
    font-size:2.4rem;font-weight:800;color:#fff;line-height:1.2;margin-bottom:16px;
}
.mt-hero h1 em { display:block;font-style:normal;font-size:1.1rem;font-weight:500;color:#94A3B8;margin-top:8px; }
.mt-hero-sub { font-size:.95rem;color:#CBD5E1;line-height:1.75;margin-bottom:24px; }

.mt-hero-badges { display:flex;gap:20px;flex-wrap:wrap;margin-bottom:28px; }
.mt-badge-item {
    display:flex;align-items:center;gap:10px;
    background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
    border-radius:12px;padding:10px 14px;
}
.mt-badge-item strong { display:block;font-size:.95rem;font-weight:800;color:#fff;line-height:1; }
.mt-badge-item span { font-size:.75rem;color:#94A3B8; }

.mt-hero-ctas { display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px; }
.btn-mt-primary {
    background:linear-gradient(135deg,#2EC4B6,#1B9FE0);color:#fff;font-weight:700;
    padding:13px 24px;border-radius:12px;text-decoration:none;font-size:.93rem;
    transition:opacity .2s,transform .2s;
}
.btn-mt-primary:hover { opacity:.9;transform:translateY(-1px); }
.btn-mt-wa {
    display:flex;align-items:center;gap:8px;
    background:#25D366;color:#fff;font-weight:700;
    padding:13px 20px;border-radius:12px;text-decoration:none;font-size:.9rem;
    transition:opacity .2s,transform .2s;
}
.btn-mt-wa:hover { opacity:.9;transform:translateY(-1px); }
.btn-mt-phone {
    display:flex;align-items:center;gap:7px;
    background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
    color:#fff;font-weight:600;padding:13px 20px;border-radius:12px;text-decoration:none;font-size:.9rem;
    transition:background .2s;
}
.btn-mt-phone:hover { background:rgba(255,255,255,.15); }
.mt-hero-note { font-size:.8rem;color:#64748B; }

.mt-hero-img-wrap { position:relative; }
.mt-hero-img-wrap img {
    width:100%;height:440px;object-fit:cover;border-radius:20px;
    box-shadow:0 24px 64px rgba(0,0,0,.4);
}
.mt-float-badge {
    position:absolute;bottom:-16px;right:24px;
    background:linear-gradient(135deg,#2EC4B6,#1B6FD8);
    border-radius:16px;padding:14px 20px;text-align:center;
    box-shadow:0 8px 32px rgba(46,196,182,.4);color:#fff;
}
.mt-float-badge strong { display:block;font-size:2rem;font-weight:900;line-height:1; }
.mt-float-badge span { font-size:.78rem;font-weight:700;letter-spacing:.03em;line-height:1.3; }

/* ── TRUST STRIP ────────────────────────────────────────────────── */
.mt-trust-strip { background:#fff;border-bottom:1px solid #E5E7EB;padding:20px 0; }
.mt-trust-row {
    display:flex;gap:0;align-items:stretch;
    overflow-x:auto;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;
}
.mt-trust-row::-webkit-scrollbar { display:none; }
.mt-trust-item {
    display:flex;align-items:center;gap:12px;flex-shrink:0;
    padding:12px 28px;border-right:1px solid #E5E7EB;
}
.mt-trust-item:last-child { border-right:none; }
.mt-trust-item strong { display:block;font-size:.93rem;font-weight:700;color:#0A1628; }
.mt-trust-item span { font-size:.78rem;color:#6B7280; }

/* ── DOCTORS SECTION ────────────────────────────────────────────── */
.mt-doctors { padding:80px 0;background:#F8FAFF; }
.mt-section-header { text-align:center;margin-bottom:48px; }
.mt-eyebrow-sm {
    display:inline-block;font-size:.75rem;font-weight:700;color:#2EC4B6;
    text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;
}
.mt-section-header h2 { font-size:2rem;font-weight:800;color:#0A1628;margin-bottom:12px; }
.mt-section-header p { font-size:.93rem;color:#4B5563;max-width:580px;margin:0 auto;line-height:1.7; }

.mt-doctors-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:22px; }

.mt-doc-card {
    background:#fff;border:1px solid #E5E7EB;border-radius:20px;overflow:hidden;
    transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column;
}
.mt-doc-card:hover { transform:translateY(-4px);box-shadow:0 12px 40px rgba(10,22,40,.1);border-color:#A7F3D0; }
.mt-doc-featured { border-color:#2EC4B6;grid-column:span 2; }
.mt-doc-featured .mt-doc-img img { height:280px; }

.mt-doc-img { position:relative;overflow:hidden; }
.mt-doc-img img { width:100%;height:200px;object-fit:cover;object-position:top;display:block; }
.mt-doc-tag {
    position:absolute;top:12px;left:12px;
    font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;
    background:#0A1628;color:#2EC4B6;border-radius:20px;padding:4px 12px;
}
.mt-tag-teal { background:#2EC4B6 !important;color:#fff !important; }

/* Placeholder avatar for doctors without photos */
.mt-doc-placeholder {
    height:200px;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,var(--initials-color, #1B6FD8) 0%,color-mix(in srgb,var(--initials-color, #1B6FD8) 60%,#0A1628) 100%);
}
.mt-doc-initials { font-size:3.5rem;font-weight:900;color:rgba(255,255,255,.9);letter-spacing:-2px; }

.mt-doc-body { padding:20px;flex:1;display:flex;flex-direction:column;gap:8px; }
.mt-doc-spec { font-size:.72rem;font-weight:700;color:#2EC4B6;text-transform:uppercase;letter-spacing:.06em; }
.mt-doc-body h3 { font-size:.97rem;font-weight:800;color:#0A1628;margin:0;line-height:1.3; }
.mt-doc-role { font-size:.8rem;color:#6B7280;line-height:1.5; }

.mt-doc-points { list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:6px; }
.mt-doc-points li { display:flex;align-items:flex-start;gap:7px;font-size:.83rem;color:#374151;line-height:1.5; }
.mt-doc-points svg { flex-shrink:0;margin-top:2px; }

/* Expandable profile */
.mt-doc-expand { margin-top:6px; }
.mt-doc-expand summary {
    font-size:.82rem;font-weight:700;color:#1B6FD8;cursor:pointer;
    list-style:none;padding:6px 0;border-top:1px solid #F3F4F6;
    display:flex;align-items:center;gap:6px;
}
.mt-doc-expand summary::-webkit-details-marker { display:none; }
.mt-doc-expand summary::before { content:'▸';font-size:.75rem;transition:transform .2s; }
.mt-doc-expand[open] summary::before { transform:rotate(90deg); }
.mt-doc-full {
    font-size:.83rem;color:#374151;line-height:1.7;padding:10px 0 4px;
    display:flex;flex-direction:column;gap:6px;
}
.mt-doc-full p { margin:0; }
.mt-doc-full strong { color:#0A1628; }

.mt-doc-ctas {
    display:flex;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid #F3F4F6;
}
.mt-btn-book {
    flex:1;text-align:center;background:linear-gradient(135deg,#0A1628,#1B6FD8);
    color:#fff;font-size:.8rem;font-weight:700;padding:9px 14px;border-radius:10px;
    text-decoration:none;transition:opacity .2s;
}
.mt-btn-book:hover { opacity:.85; }
.mt-btn-service {
    font-size:.78rem;font-weight:600;color:#1B6FD8;text-decoration:none;
    padding:9px 12px;border:1px solid #BFDBFE;border-radius:10px;white-space:nowrap;
    transition:background .2s;
}
.mt-btn-service:hover { background:#EFF6FF; }
.mt-btn-call {
    font-size:.78rem;font-weight:600;color:#374151;text-decoration:none;
    padding:9px 12px;border:1px solid #E5E7EB;border-radius:10px;
    transition:background .2s;
}
.mt-btn-call:hover { background:#F9FAFB; }

/* ── WHY TRUST ──────────────────────────────────────────────────── */
.mt-why { padding:80px 0;background:#fff; }
.mt-why-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:48px; }
.mt-why-card {
    background:#F9FAFB;border:1px solid #E5E7EB;border-radius:18px;padding:28px 22px;
    transition:transform .2s,box-shadow .2s,border-color .2s;
}
.mt-why-card:hover { transform:translateY(-3px);box-shadow:0 8px 28px rgba(46,196,182,.1);border-color:#A7F3D0; }
.mt-why-icon {
    width:52px;height:52px;border-radius:14px;
    background:linear-gradient(135deg,#0A1628,#1B6FD8);
    display:flex;align-items:center;justify-content:center;
    color:#2EC4B6;margin-bottom:16px;
}
.mt-why-card h3 { font-size:.95rem;font-weight:700;color:#0A1628;margin-bottom:8px; }
.mt-why-card p { font-size:.85rem;color:#4B5563;line-height:1.7;margin:0; }

/* Proof numbers */
.mt-proof-row {
    display:grid;grid-template-columns:repeat(6,1fr);gap:16px;
    background:linear-gradient(135deg,#0A1628,#0D2040);border-radius:20px;padding:28px 24px;
}
.mt-proof-item { text-align:center; }
.mt-proof-item strong { display:block;font-size:1.6rem;font-weight:900;color:#2EC4B6; }
.mt-proof-item span { font-size:.76rem;color:#94A3B8;line-height:1.4; }

/* ── SPECIALTIES ────────────────────────────────────────────────── */
.mt-specialties { padding:80px 0;background:#F8FAFF; }
.mt-spec-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:14px; }
.mt-spec-card {
    display:flex;align-items:center;gap:14px;
    background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:18px 16px;
    text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;
}
.mt-spec-card:hover { transform:translateY(-3px);box-shadow:0 8px 24px rgba(46,196,182,.12);border-color:#A7F3D0; }
.mt-spec-icon {
    flex-shrink:0;width:46px;height:46px;border-radius:12px;
    display:flex;align-items:center;justify-content:center;
}
.mt-spec-card > div { flex:1; }
.mt-spec-card strong { display:block;font-size:.88rem;font-weight:700;color:#0A1628; }
.mt-spec-card span { font-size:.78rem;color:#6B7280; }
.mt-spec-arrow { flex-shrink:0; }

/* ── LOCATION ───────────────────────────────────────────────────── */
.mt-location { padding:80px 0;background:#fff; }
.mt-location-inner { display:grid;grid-template-columns:1fr 420px;gap:40px;align-items:start; }
.mt-loc-detail { display:flex;gap:14px;align-items:flex-start;margin-bottom:20px; }
.mt-loc-detail > svg { flex-shrink:0;margin-top:3px; }
.mt-loc-detail strong { display:block;font-size:.93rem;font-weight:700;color:#0A1628;margin-bottom:3px; }
.mt-loc-detail p { font-size:.85rem;color:#4B5563;margin:0;line-height:1.6; }
.mt-areas-label { font-size:.83rem;font-weight:700;color:#374151;margin-bottom:10px; }
.mt-area-chips { display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px; }
.mt-area-chips span {
    font-size:.78rem;font-weight:600;color:#1E40AF;
    background:#EFF6FF;border:1px solid #BFDBFE;border-radius:20px;padding:4px 12px;
}
.mt-map-link {
    display:inline-flex;align-items:center;gap:8px;
    font-size:.87rem;font-weight:700;color:#1B6FD8;text-decoration:none;
    border:1px solid #BFDBFE;border-radius:10px;padding:10px 16px;
    transition:background .2s;
}
.mt-map-link:hover { background:#EFF6FF; }

/* ── FAQ ────────────────────────────────────────────────────────── */
.mt-faq { padding:80px 0;background:#F8FAFF; }
.mt-faq-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px; }

/* ── FINAL CTA ──────────────────────────────────────────────────── */
.mt-cta {
    position:relative;background:linear-gradient(160deg,#0A1628,#0D2040);
    padding:80px 0;overflow:hidden;
}
.mt-cta-glow {
    position:absolute;top:-100px;left:50%;transform:translateX(-50%);
    width:600px;height:400px;
    background:radial-gradient(circle,rgba(46,196,182,.15) 0%,transparent 70%);pointer-events:none;
}
.mt-cta-inner { text-align:center;position:relative; }
.mt-cta-inner h2 { font-size:2rem;font-weight:800;color:#fff;margin-bottom:16px; }
.mt-cta-inner > p { font-size:.95rem;color:#CBD5E1;line-height:1.75;max-width:620px;margin:0 auto 32px; }
.mt-cta-btns { display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-bottom:20px; }
.btn-mt-cta-primary {
    display:flex;align-items:center;gap:8px;
    background:linear-gradient(135deg,#2EC4B6,#1B9FE0);color:#fff;font-weight:700;
    padding:14px 28px;border-radius:12px;text-decoration:none;font-size:.95rem;
    transition:opacity .2s,transform .2s;
}
.btn-mt-cta-primary:hover { opacity:.9;transform:translateY(-1px); }
.btn-mt-cta-wa {
    display:flex;align-items:center;gap:8px;
    background:#25D366;color:#fff;font-weight:700;
    padding:14px 24px;border-radius:12px;text-decoration:none;font-size:.95rem;
    transition:opacity .2s,transform .2s;
}
.btn-mt-cta-wa:hover { opacity:.9;transform:translateY(-1px); }
.btn-mt-cta-phone {
    display:flex;align-items:center;gap:8px;
    background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);
    color:#fff;font-weight:600;padding:14px 24px;border-radius:12px;text-decoration:none;font-size:.95rem;
    transition:background .2s;
}
.btn-mt-cta-phone:hover { background:rgba(255,255,255,.2); }
.mt-cta-note { font-size:.83rem;color:#64748B; }

/* ── MOBILE STICKY BAR ──────────────────────────────────────────── */
.mt-sticky-bar {
    display:none;
    position:fixed;bottom:0;left:0;right:0;z-index:999;
    background:#fff;border-top:1px solid #E5E7EB;
    box-shadow:0 -4px 20px rgba(0,0,0,.12);
    padding:10px 16px;
    grid-template-columns:1fr 1fr 1fr;
    gap:8px;
}
.mt-sticky-btn {
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    border-radius:12px;padding:10px 6px;font-size:.75rem;font-weight:700;text-decoration:none;
    transition:opacity .2s;
}
.mt-sticky-btn:hover { opacity:.85; }
.mt-sticky-call { background:#EFF6FF;color:#1E40AF; }
.mt-sticky-wa { background:#25D366;color:#fff; }
.mt-sticky-book { background:linear-gradient(135deg,#0A1628,#1B6FD8);color:#fff; }

/* ── MT RESPONSIVE ──────────────────────────────────────────────── */
@media(max-width:1200px){
    .mt-hero-inner { grid-template-columns:1fr 380px;gap:40px; }
    .mt-doctors-grid { grid-template-columns:repeat(3,1fr); }
    .mt-doc-featured { grid-column:span 3; }
    .mt-spec-grid { grid-template-columns:repeat(2,1fr); }
    .mt-proof-row { grid-template-columns:repeat(3,1fr); }
}
@media(max-width:1024px){
    .mt-doctors-grid { grid-template-columns:repeat(2,1fr); }
    .mt-doc-featured { grid-column:span 2; }
    .mt-why-grid { grid-template-columns:repeat(2,1fr); }
    .mt-location-inner { grid-template-columns:1fr; }
    .mt-location-map { order:-1; }
    .mt-faq-grid { grid-template-columns:1fr; }
}
@media(max-width:768px){
    .mt-hero { padding:56px 0 80px; }
    .mt-hero-inner { grid-template-columns:1fr; }
    .mt-hero h1 { font-size:1.8rem; }
    .mt-hero-img-wrap { display:none; }
    .mt-float-badge { display:none; }
    .mt-doctors { padding:56px 0; }
    .mt-doctors-grid { grid-template-columns:1fr; }
    .mt-doc-featured { grid-column:span 1; }
    .mt-doc-featured .mt-doc-img img { height:200px; }
    .mt-doc-placeholder { height:160px; }
    .mt-doc-initials { font-size:2.8rem; }
    .mt-why { padding:56px 0; }
    .mt-why-grid { grid-template-columns:1fr; }
    .mt-proof-row { grid-template-columns:repeat(2,1fr);gap:12px; }
    .mt-specialties,.mt-location,.mt-faq { padding:56px 0; }
    .mt-spec-grid { grid-template-columns:1fr; }
    .mt-cta { padding:56px 0 80px; }
    .mt-cta-inner h2 { font-size:1.6rem; }
    .mt-sticky-bar { display:grid; }
    body { padding-bottom:80px; }
}
@media(max-width:480px){
    .mt-hero-badges { gap:10px; }
    .mt-badge-item { padding:8px 12px; }
    .mt-hero-ctas { flex-direction:column; }
    .btn-mt-primary,.btn-mt-wa,.btn-mt-phone { text-align:center;justify-content:center; }
    .mt-proof-row { grid-template-columns:repeat(2,1fr); }
    .mt-cta-btns { flex-direction:column; }
    .btn-mt-cta-primary,.btn-mt-cta-wa,.btn-mt-cta-phone { justify-content:center; }
}
