/* ── DOCTOR HERO ── */
    .doc-hero { display: grid; grid-template-columns: 360px 1fr; min-height: 460px; }
    .doc-hero-img-col { position: relative; overflow: hidden; background: var(--navy); }
    .doc-hero-img-col img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; }
    .hero-img-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(13,31,51,.75) 0%, transparent 50%); }
    .doc-hero-badge { position: absolute; top: 20px; left: 20px; background: rgba(255,255,255,.93); border-radius: 7px; padding: 8px 12px; backdrop-filter: blur(4px); }
    .dhb-label { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #6b7a8d; margin-bottom: 1px; }
    .dhb-value { font-size: 13px; font-weight: 500; color: var(--navy); }
    .doc-hero-years { position: absolute; bottom: 20px; left: 20px; background: rgba(255,255,255,.95); border-radius: 7px; padding: 10px 14px; }
    .dhy-num { font-size: 24px; font-weight: 600; color: var(--navy); line-height: 1; }
    .dhy-label { font-size: 12px; color: var(--muted); margin-top: 3px; }

    /* hero info col */
    .doc-hero-info { padding: 44px 44px 44px 52px; display: flex; flex-direction: column; justify-content: center; background: #fff; }
    .doc-eyebrow { font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--blue-m); font-weight: 500; margin-bottom: 10px; }
    .doc-name { font-size: clamp(26px, 4vw, 36px); font-weight: 500; color: var(--navy); letter-spacing: -.8px; line-height: 1.1; margin-bottom: 7px; }
    .doc-title-line { font-size: 16px; color: var(--muted); margin-bottom: 22px; }
    .cred-chip { font-size: 13px; color: var(--navy); background: #f0f4f8; border: 0.5px solid #dde3ea; border-radius: 5px; padding: 5px 12px; display: inline-block; }
    .spec-tag { font-size: 13px; color: var(--blue-m); background: var(--blue-l); border: 0.5px solid var(--blue-b); border-radius: 5px; padding: 5px 12px; display: inline-block; }
    .dstat { background: var(--gray); border-radius: 8px; padding: 15px 16px; }
    .dstat-num { font-size: 22px; font-weight: 600; color: var(--navy); line-height: 1; }
    .dstat-label { font-size: 12px; color: var(--muted); margin-top: 4px; }
    .btn-ghost { background: transparent; color: var(--navy); padding: 12px 18px; border-radius: 20px; font-size: 15px; border: 1.5px solid #c5cdd8; transition: border-color var(--tr); }
    .btn-ghost:hover { border-color: var(--navy); }

    /* ── IN-PAGE TABS ── */
    .page-tabs { background: #fff; border-bottom: 0.5px solid var(--border); position: sticky; top: 0; z-index: 90; overflow-x: auto; scrollbar-width: none; white-space: nowrap; }
    .page-tabs::-webkit-scrollbar { display: none; }
    .ptab { font-size: 14px; color: var(--muted); padding: 15px 22px; border-bottom: 2px solid transparent; cursor: pointer; white-space: nowrap; background: none; border-top: none; border-left: none; border-right: none; font-family: var(--font); transition: color var(--tr), border-color var(--tr); display: inline-block; }
    .ptab:hover { color: var(--navy); }
    .ptab.active { color: var(--navy); font-weight: 500; border-bottom-color: var(--navy); }

    /* ── CONTENT SECTIONS ── */
    .sec-eyebrow { font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--blue-m); font-weight: 500; margin-bottom: 9px; display: block; }
    .sec-h2 { font-size: 23px; font-weight: 500; color: var(--navy); letter-spacing: -.3px; margin-bottom: 14px; line-height: 1.25; }
    .content-divider { height: 0.5px; background: var(--border); margin: 36px 0; border: none; }

    /* ── HIGHLIGHTS GRID ── */
    .highlight-item { display: flex; align-items: flex-start; gap: 11px; padding: 13px 15px; border: 0.5px solid var(--border); border-radius: 10px; }
    .hi-check { width: 20px; height: 20px; border-radius: 50%; background: var(--navy); flex-shrink: 0; margin-top: 1px; display: flex; align-items: center; justify-content: center; }
    .hi-check-inner { width: 7px; height: 5px; border-left: 1.5px solid #fff; border-bottom: 1.5px solid #fff; transform: rotate(-45deg) translateY(-1px); }
    .hi-text { font-size: 14px; color: var(--navy); line-height: 1.45; }

    /* ── EDUCATION TIMELINE ── */
    .edu-timeline { position: relative; padding-left: 0; }
    .edu-timeline::before { content: ''; position: absolute; left: 15px; top: 8px; bottom: 8px; width: 1px; background: var(--border); }
    .edu-item { display: grid; grid-template-columns: 32px 1fr; gap: 16px; align-items: flex-start; padding-bottom: 24px; position: relative; }
    .edu-dot { width: 12px; height: 12px; border-radius: 50%; background: var(--navy); border: 2px solid #fff; box-shadow: 0 0 0 1px var(--navy); margin-top: 4px; flex-shrink: 0; position: relative; z-index: 1; margin-left: 10px; }
    .edu-dot-blue { background: var(--blue); box-shadow: 0 0 0 1px var(--blue); }
    .edu-year { font-size: 12px; font-weight: 500; color: var(--blue-m); letter-spacing: .5px; margin-bottom: 2px; }
    .edu-degree { font-size: 15px; font-weight: 500; color: var(--navy); margin-bottom: 3px; }
    .edu-inst { font-size: 13px; color: var(--muted); }

    /* ── CLINICAL FOCUS CARDS ── */
    .clinical-card { display: flex; align-items: center; gap: 11px; border: 0.5px solid var(--border); border-radius: 10px; padding: 13px 15px; transition: border-color var(--tr), background var(--tr); }
    .clinical-card:hover { border-color: var(--blue-b); background: var(--blue-l); }
    .cc-pip { width: 7px; height: 7px; border-radius: 50%; background: var(--blue); flex-shrink: 0; }
    .cc-text { font-size: 14px; color: var(--navy); }
    .cc-arrow { font-size: 13px; color: var(--blue-m); margin-left: auto; }

    /* ── APPROACH STEPS ── */
    .approach-step { background: #fff; padding: 20px 22px; display: grid; grid-template-columns: 36px 1fr; gap: 16px; }
    .approach-step + .approach-step { border-top: 0.5px solid var(--border); }
    .step-num { width: 34px; height: 34px; border-radius: 50%; background: var(--navy); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 500; flex-shrink: 0; }
    .step-title { font-size: 15px; font-weight: 500; color: var(--navy); margin-bottom: 4px; }
    .step-body { font-size: 13px; color: var(--muted); line-height: 1.55; }

    /* ── IMAGE BREAK ── */
    .img-break { border-radius: 12px; overflow: hidden; height: 185px; position: relative; margin-bottom: 28px; }
    .img-break img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .img-break-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(13,31,51,.55) 0%, transparent 55%); display: flex; align-items: flex-end; padding: 16px; }
    .img-break-caption { font-size: 13px; color: rgba(255,255,255,.85); font-style: italic; }

    /* ── TESTIMONIALS ── */
    .testi-card { border: 0.5px solid var(--border); border-radius: 12px; overflow: hidden; height: 100%; }
    .testi-img { height: 90px; overflow: hidden; position: relative; }
    .testi-img img { width: 100%; height: 100%; object-fit: cover; }
    .testi-img-ov { position: absolute; inset: 0; background: linear-gradient(to top, rgba(13,31,51,.45) 0%, transparent 60%); }
    .testi-body { padding: 15px; }
    .testi-verified { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; color: var(--blue-m); background: var(--blue-l); border-radius: 4px; padding: 2px 7px; margin-bottom: 9px; }
    .testi-stars { display: flex; gap: 2px; margin-bottom: 9px; }
    .star { width: 11px; height: 11px; background: var(--gold); clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
    .testi-q { font-size: 14px; color: var(--muted); line-height: 1.65; font-style: italic; margin-bottom: 13px; }
    .testi-av { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 500; color: #fff; flex-shrink: 0; }
    .testi-name { font-size: 13px; font-weight: 500; color: var(--navy); }
    .testi-role { font-size: 12px; color: var(--muted); }

    /* ── FAQ ── */
    .faq-item { border: 0.5px solid var(--border); border-radius: 10px; overflow: hidden; margin-bottom: 9px; }
    .faq-q { padding: 15px 18px; font-size: 15px; font-weight: 500; color: var(--navy); cursor: pointer; display: flex; justify-content: space-between; align-items: center; background: none; border: none; width: 100%; text-align: left; font-family: var(--font); }
    .faq-toggle { font-size: 20px; color: var(--muted); line-height: 1; flex-shrink: 0; }
    .faq-a { padding: 0 18px 15px; font-size: 14px; color: var(--muted); line-height: 1.65; display: none; }
    .faq-a.open { display: block; }

    /* ── RELATED DOCTORS ── */
    .rdoc-card { display: flex; align-items: center; gap: 14px; border: 0.5px solid var(--border); border-radius: 10px; padding: 14px 16px; transition: border-color var(--tr); }
    .rdoc-card:hover { border-color: var(--blue-b); }
    .rdoc-av { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
    .rdoc-av img { width: 100%; height: 100%; object-fit: cover; }
    .rdoc-name { font-size: 14px; font-weight: 500; color: var(--navy); margin-bottom: 2px; }
    .rdoc-cred { font-size: 12px; color: var(--muted); margin-bottom: 5px; }
    .rdoc-tag { font-size: 12px; color: var(--blue-m); background: var(--blue-l); border: 0.5px solid var(--blue-b); border-radius: 4px; padding: 2px 8px; display: inline-block; }
    .rdoc-arrow { margin-left: auto; font-size: 15px; color: var(--muted); flex-shrink: 0; }

    /* ── SIDEBAR ── */
    .sidebar-sticky { position: sticky; top: 70px; }
    .sidebar-card { border: 0.5px solid var(--border); border-radius: 12px; padding: 20px; margin-bottom: 14px; background: #fff; }
    .scard-title { font-size: 14px; font-weight: 500; color: var(--navy); margin-bottom: 14px; }
    .scard-input { width: 100%; padding: 10px 13px; border: 0.5px solid var(--border); border-radius: 7px; font-size: 14px; font-family: var(--font); color: var(--navy); margin-bottom: 9px; background: #fff; outline: none; transition: border-color var(--tr); }
    .scard-input:focus { border-color: var(--blue); }
    .scard-btn { width: 100%; background: var(--navy); color: #fff; padding: 12px; border-radius: 7px; border: none; font-size: 14px; font-weight: 500; transition: opacity var(--tr); }
    .scard-btn:hover { opacity: .88; }
    .scard-note { font-size: 12px; color: var(--muted); text-align: center; margin-top: 9px; }
    .scard-phone { display: flex; align-items: center; gap: 9px; padding: 11px 13px; background: var(--gray); border-radius: 8px; margin-top: 9px; }
    .scard-phone-num { font-size: 14px; font-weight: 500; color: var(--navy); }
    .scard-phone-label { font-size: 12px; color: var(--muted); }
    .availability-row { display: flex; align-items: center; justify-content: space-between; padding: 9px 0; border-bottom: 0.5px solid var(--border); }
    .availability-row:last-child { border-bottom: none; }
    .av-day { font-size: 13px; color: var(--muted); }
    .av-time { font-size: 13px; font-weight: 500; color: var(--navy); }
    .av-badge { font-size: 11px; color: var(--blue-m); background: var(--blue-l); border-radius: 4px; padding: 2px 7px; }
    .location-item { display: flex; align-items: flex-start; gap: 10px; padding: 11px 13px; border: 0.5px solid var(--border); border-radius: 8px; margin-bottom: 9px; }
    .loc-pip { width: 7px; height: 7px; border-radius: 50%; background: var(--blue); flex-shrink: 0; margin-top: 5px; }
    .loc-name { font-size: 14px; font-weight: 500; color: var(--navy); margin-bottom: 2px; }
    .loc-address { font-size: 12px; color: var(--muted); }
    .sb-green { background: var(--blue-l) !important; border-color: var(--blue-b) !important; }


    /* ── APPROACH BLOCK ── */
    .approach-block { border: 0.5px solid var(--border); border-radius: 12px; overflow: hidden; margin-bottom: 28px; }

    /* ── RESPONSIVE HERO ── */
    @media (max-width: 991.98px) {
      .doc-hero { grid-template-columns: 1fr; }
      .doc-hero-img-col { height: 320px; }
      .doc-hero-info { padding: 28px 24px; }
    }
    @media (max-width: 767.98px) {
      .doc-hero-info { padding: 24px 16px; }
    }