.doctors-page-section{padding-top:clamp(72px,7vw,104px);padding-bottom:clamp(78px,7vw,112px);background:linear-gradient(180deg,#fffdf8 0%,#f7fbf8 100%)}.doctors-intro{margin-top:0}.section-header.center{max-width:780px;margin:0 auto 34px;text-align:center}.doctors-page-section .section-subtitle{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:30px;padding:0 13px;margin:0 auto 12px;border-radius:var(--radius-pill);background:rgba(var(--color-primary-rgb),0.08);color:var(--color-primary);font-size:0.75rem;font-weight:800;letter-spacing:0.075em;text-transform:uppercase}.doctors-page-section .section-title{margin:0;color:var(--color-primary-dark);font-family:var(--font-heading);font-size:clamp(2.05rem,3.1vw,3.1rem);line-height:1.08;letter-spacing:-0.03em}.section-description{max-width:720px;margin:14px auto 0;color:var(--color-text-light);font-size:1rem;line-height:1.76}.doctor-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 38px}.doctor-filter .filter-btn{min-height:42px;padding:0 18px;border:1px solid rgba(var(--color-primary-rgb),0.16);border-radius:var(--radius-pill);background:#ffffff;color:var(--color-primary-dark);box-shadow:var(--shadow-xs);font-size:0.86rem;font-weight:800}.doctor-filter .filter-btn:hover,.doctor-filter .filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#ffffff;box-shadow:var(--shadow-sm)}.doctor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,2.4vw,32px);align-items:stretch}.doctor-card{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid rgba(15,47,36,0.08);border-radius:var(--radius-xl);background:#ffffff;box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.doctor-card:hover,.doctor-card:focus-within{border-color:rgba(var(--color-primary-rgb),0.16);box-shadow:var(--shadow-md)}@media (hover:hover) and (pointer:fine){.doctor-card:hover{transform:translateY(-5px)}}.doctor-image-wrap{position:relative;aspect-ratio:4 / 4.25;overflow:hidden;background:linear-gradient(135deg,#f5f1e8 0%,#eef4ef 100%)}.doctor-image-wrap a{position:relative;display:block;width:100%;height:100%}.doctor-image-wrap img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;transition:transform 0.42s ease}@media (hover:hover) and (pointer:fine){.doctor-card:hover .doctor-image-wrap img{transform:scale(1.035)}}.doctor-image-wrap::after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(180deg,rgba(10,24,18,0) 0%,rgba(10,24,18,0.16) 100%);pointer-events:none}.doctor-hover{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:rgba(15,47,36,0.42);opacity:0;transition:opacity var(--transition-base)}.doctor-hover span{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 17px;border-radius:var(--radius-pill);background:rgba(255,255,255,0.96);color:var(--color-primary-dark);box-shadow:0 10px 24px rgba(0,0,0,0.13);font-size:0.86rem;font-weight:800;transform:translateY(8px);transition:transform var(--transition-base)}.doctor-card:hover .doctor-hover,.doctor-card:focus-within .doctor-hover{opacity:1}.doctor-card:hover .doctor-hover span,.doctor-card:focus-within .doctor-hover span{transform:translateY(0)}.doctor-info{display:flex;flex:1;flex-direction:column;align-items:center;padding:23px 22px 25px;text-align:center;border-top:1px solid rgba(15,47,36,0.055)}.doctor-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;margin:0 0 12px;border-radius:var(--radius-pill);background:rgba(var(--color-primary-rgb),0.08);color:var(--color-primary);font-size:0.72rem;font-weight:800;letter-spacing:0.055em;text-transform:uppercase}.doctor-name,.doctor-name a{font-family:'Cormorant Garamond',serif !important;font-size:1.52rem;font-weight:600;line-height:1.18;letter-spacing:-0.025em}.doctor-name a{color:inherit}.doctor-name a:hover{color:var(--color-primary)}.doctor-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:7px 0 13px}.doctor-exp,.doctor-rating{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:var(--radius-pill);background:#f4faf4;border:1px solid rgba(var(--color-primary-rgb),0.08);color:var(--color-primary-dark);font-size:0.74rem;font-weight:800}.doctor-qualification,.doctor-designation{display:block;font-size:0.9rem;line-height:1.45}.doctor-qualification{margin-bottom:6px;color:var(--color-primary-dark);font-weight:800}.doctor-designation{margin-bottom:13px;color:var(--color-text-light);font-weight:650}.doctor-short{display:-webkit-box;margin:0 0 20px;overflow:hidden;color:var(--color-text-light);font-size:0.94rem;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:3}.doctor-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:auto}.doctor-actions .btn{min-height:42px;padding:0 18px;font-size:0.86rem}.doctor-actions .btn-light{background:#f8faf6;border-color:rgba(15,47,36,0.08);color:var(--color-primary-dark)}.doctor-actions .btn-light:hover{background:var(--color-primary);border-color:var(--color-primary);color:#ffffff}.doctor-empty-text{grid-column:1 / -1;padding:30px 24px;border-radius:var(--radius-lg);background:#ffffff;box-shadow:var(--shadow-sm);color:var(--color-text-light);text-align:center}@media (max-width:1100px){.doctor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.doctors-page-section{padding-top:58px;padding-bottom:72px}.section-header.center{margin-bottom:26px}.doctor-filter{margin-bottom:28px}.doctor-grid{grid-template-columns:1fr;justify-items:center;gap:22px}.doctor-card{width:100%;max-width:420px;border-radius:var(--radius-lg)}.doctor-info{padding:20px 18px 22px}.doctor-name{font-size:1.24rem}.doctor-actions{flex-direction:column;align-items:stretch;width:100%}.doctor-actions .btn{width:100%;max-width:260px;margin-inline:auto}}@media (hover:none),(pointer:coarse){.doctor-card:hover{transform:none;box-shadow:var(--shadow-sm)}.doctor-card:hover .doctor-image-wrap img{transform:none}.doctor-hover{display:none}}