/* ══════════════════════════════════════════════════════════════
   OUR-DOCTORS.CSS
   ══════════════════════════════════════════════════════════════ */

/* FILTER TABS */
.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:36px}
.filter-tab{padding:8px 20px;border-radius:20px;border:1.5px solid #E4E0D8;font-size:13px;font-weight:500;cursor:pointer;color:#6B6B6B;background:#fff;transition:all .15s;font-family:'DM Sans',sans-serif}
.filter-tab.active,.filter-tab:hover{background:#E67817;border-color:#E67817;color:#fff}

/* DOCTORS GRID */
.doctors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.doctor-card{background:#fff;border:1px solid #E4E0D8;border-radius:18px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.doctor-card:hover{box-shadow:0 10px 40px rgba(0,0,0,.12);transform:translateY(-4px)}
.doctor-photo{background:linear-gradient(160deg,#1A3D2B 0%,#2D6A4F 100%);height:260px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;position:relative}
.doctor-photo img{width:100%;height:100%;object-fit:cover;object-position:top center}
.doctor-photo-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:rgba(255,255,255,.45);font-size:12px}
.doctor-specialty-badge{position:absolute;top:14px;left:14px;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);color:#fff;font-size:10px;font-weight:600;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}
.doctor-body{padding:22px}
.doctor-name{font-family:'Playfair Display',serif;font-size:20px;font-weight:600;color:#1A1A1A;margin-bottom:4px}
.doctor-role{font-size:12px;color:#E67817;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.doctor-qual{font-size:12px;color:#6B6B6B;margin-bottom:14px;line-height:1.5}
.doctor-exp-badge{display:inline-flex;align-items:center;gap:5px;background:#F0FAF3;border:1px solid #B7E4C7;border-radius:20px;padding:4px 10px;font-size:11px;color:#2D6A4F;font-weight:600;margin-bottom:14px}
.doctor-bio{font-size:13px;color:#6B6B6B;line-height:1.65;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.doctor-languages{font-size:11px;color:#9B9B9B;margin-bottom:16px}
.doctor-ctas{display:flex;gap:8px}
.doctor-ctas .btn{flex:1;justify-content:center;font-size:12px;padding:9px 12px}

/* WHY SECTION */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.why-card{text-align:center;padding:28px 20px;background:#fff;border:1px solid #E4E0D8;border-radius:14px}
.why-icon{width:56px;height:56px;background:#FEF3E8;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 14px}
.why-title{font-size:14px;font-weight:600;color:#1A1A1A;margin-bottom:6px;font-family:'DM Sans',sans-serif}
.why-desc{font-size:12px;color:#6B6B6B;line-height:1.6}

/* RESPONSIVE */
@media(max-width:900px){.doctors-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.doctors-grid,.why-grid{grid-template-columns:1fr}}