.doctors-directory-page .doctors-directory-section { background: #faf8fc; padding: 54px 0 64px; }
.doctors-directory-page .doctors-directory-section > .container { width: 97%; max-width: none; }
.doctors-directory-page .section-heading { margin-bottom: 12px; }
.doctors-directory-page .section-title { font-size: clamp(26px,3vw,36px); }
.doctors-directory-page .section-lead { font-size: 15px; max-width: 620px; margin: 0 auto; }
.doctors-directory-page .doctor-filter-panel { position:relative;z-index:5;overflow:visible; background:linear-gradient(110deg,#fff,#fdf9ff); border: 1px solid #eadfeb; padding: 24px; border-radius: 18px; box-shadow: 0 8px 28px rgba(60,30,70,.045); margin-bottom: 24px; }
.doctors-directory-page .doctor-search-field{height:50px;background:#fff;border:1px solid #e5dce8;border-radius:11px!important;transition:border-color .2s,box-shadow .2s}
.doctors-directory-page .doctor-search-field .form-control{font-size:13px;background:transparent}
.doctors-directory-page .doctor-filter-submit{min-height:50px;border-radius:11px;box-shadow:0 5px 13px rgba(167,30,145,.13)}
.specialty-select{position:relative}
.specialty-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:50px;padding:12px 15px;background:#fff;border:1px solid #e5dce8;border-radius:11px;color:#5e4668;font-size:13px;text-align:left}
.specialty-select-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.specialty-select-trigger i{color:var(--clinic-primary);font-size:10px;transition:transform .2s}
.specialty-select-trigger[aria-expanded=true]{border-color:var(--clinic-primary);box-shadow:0 0 0 3px rgba(167,30,145,.07)}
.specialty-select-trigger[aria-expanded=true] i{transform:rotate(180deg)}
.specialty-select-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:20;padding:10px;background:#fff;border:1px solid #ead9ee;border-radius:13px;box-shadow:0 16px 40px rgba(67,28,83,.15)}
.specialty-select-panel[hidden],.specialty-select-option[hidden],.specialty-select-empty[hidden],#specialtyFilter[hidden]{display:none!important}
.specialty-select-search{width:100%;height:42px;padding:10px 12px;background:#faf5fc;border:1px solid #eadcf0;border-radius:8px;font-size:12px;color:#51395d;outline:none;margin-bottom:8px}
.specialty-select-search:focus{border-color:var(--clinic-primary);box-shadow:0 0 0 2px rgba(167,30,145,.06)}
.specialty-select-options{max-height:250px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dcbbe3 #fff}
.specialty-select-option{display:block;width:100%;padding:10px 12px;background:#fff;border:0;border-radius:7px;text-align:left;color:#70567c;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.specialty-select-option:hover,.specialty-select-option.is-focused{background:#faf2fc;color:var(--clinic-primary)}
.specialty-select-option[aria-selected=true]{background:#f3e5f6;color:var(--clinic-primary);font-weight:700}
.specialty-select-empty{margin:0;padding:15px 10px;color:#927c9d;font-size:12px}
.directory-filter-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
.directory-filter-icon { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 11px; color: var(--clinic-primary); background: #f9edf7; font-size: 19px; }
.directory-filter-heading h2 { font-size: 17px; font-weight: 700; margin: 0 0 4px; }
.directory-filter-heading p { font-size: 13px; color: #807487; margin: 0; }
.doctors-directory-page .doctor-filter-panel .form-label { font-size: 12px; margin-bottom: 7px; }
.doctors-directory-page .doctor-search-field, .doctors-directory-page .doctor-filter-panel .form-select { border-radius: 8px; border-color: #e5dce8; }
.doctors-directory-page .doctor-search-field:focus-within { border-color: var(--clinic-primary); box-shadow: 0 0 0 3px rgba(167,30,145,.08); }
.doctors-directory-page .doctor-filter-submit { border-radius: 8px; font-size: 13px; }
.doctors-directory-page .doctor-results-bar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; font-size: 13px; margin-bottom: 20px; }
.doctors-directory-page .doctor-results-bar strong { color: #44354d; }
.directory-result-note { display: inline-flex; align-items: center; gap: 8px; color: #8a7c91; font-size: 12px; }
.directory-result-note i { color: var(--clinic-primary); }
.directory-active-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 12px; color: #807487; margin: -4px 0 22px; }
.directory-filter-chip { padding: 5px 10px; border: 1px solid #ead6e7; border-radius: 6px; background: #fff; color: #80206f; overflow-wrap: anywhere; max-width: 100%; }
.doctors-directory-page .doctor-directory-card { display: flex; flex-direction: column; height:100%; background:#fff; overflow:hidden; border: 1px solid #e9e0ec; border-radius: 20px; box-shadow: 0 5px 22px rgba(60,30,70,.045); transition: transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.doctors-directory-page .doctor-directory-card > .row { flex: 1; }
.doctors-directory-page .doctor-directory-card:hover, .doctors-directory-page .doctor-directory-card:focus-within { transform: translateY(-4px); border-color: #c58bbb; box-shadow: 0 12px 30px rgba(128,32,111,.12); }
.doctors-directory-page .doctor-directory-photo { height: 250px; background: linear-gradient(160deg,#faf5fc,#efe2f3); border-bottom: 1px solid #eee5f0; isolation:isolate; }
.doctors-directory-page .doctor-photo-placeholder { position: absolute; inset: 0; min-height: 0; background: linear-gradient(135deg,#f5eff8,#ece4f0); color: #cbb4d0; font-size: 74px; }
.doctors-directory-page .doctor-directory-photo img { position: relative; z-index: 1; width:100%;height:100%;object-fit:cover;object-position:center top;padding:0; }
.doctors-directory-page .doctor-directory-card:hover .doctor-directory-photo img { transform: scale(1.035); }
.doctor-detail-line { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 18px; }
.doctor-detail-bullet { display: inline-flex; align-items: center; justify-content: center; width: 23px; height: 23px; flex: 0 0 23px; margin-top: 1px; border-radius: 8px; background: #f8edf7; color: var(--clinic-primary); font-size: 9px; }
.doctor-detail-line > div { min-width: 0; }
.doctor-detail-line h4 { font-size: 10px; font-weight: 700; line-height: 1.6; letter-spacing: .8px; text-transform: uppercase; color: #896c92; margin: 0 0 4px; }
.doctor-detail-line p { font-size: 12px; line-height: 1.75; color: #6c5d77; margin: 0; overflow-wrap: anywhere; }
.doctors-directory-page .doctor-profile-btn i { transition: transform .25s ease; }
.doctors-directory-page .doctor-directory-card:hover .doctor-profile-btn i { transform: translateX(3px); }
.doctors-directory-page .doctor-specialty-label { z-index: 2; left: 16px; bottom: 14px; background:rgba(255,255,255,.95);color:var(--clinic-primary); border: 1px solid #ead8ed; box-shadow: 0 3px 12px rgba(60,30,70,.06); border-radius: 8px; padding: 6px 10px; font-size: 11px; }
.doctors-directory-page .doctor-directory-content { display: flex; flex-direction: column; padding: 22px; }
.doctors-directory-page .doctor-directory-content h3 { font-size: 20px; font-weight:700; color:#43284e; line-height: 1.45; margin-bottom: 20px; padding-bottom:14px; border-bottom:1px solid #f2ebf5; }
.doctors-directory-page .doctor-directory-content h3 a { color: inherit; text-decoration: none; }
.doctors-directory-page .doctor-directory-content h3 a:hover { color: var(--clinic-primary); }
.doctors-directory-page .doctor-qualification { font-size: 13px; line-height: 1.6; font-weight: 600; margin-bottom: 13px; }
.doctors-directory-page .doctor-focus { font-size: 12px; line-height: 1.7; margin-bottom: 15px; }
.doctors-directory-page .doctor-service-tags { margin-bottom: 18px; gap: 6px; }
.doctors-directory-page .doctor-service-tags span { border-radius: 5px; background: #f7f2f9; padding: 5px 8px; font-size: 10px; }
.doctors-directory-page .doctor-directory-actions { margin-top: auto; padding-top: 17px; border-top: 1px solid #f0e9f2; display: grid; grid-template-columns: 1fr auto; gap: 9px; }
.doctors-directory-page .doctor-profile-btn, .doctors-directory-page .doctor-book-btn { border-radius: 10px; font-size: 12px; padding: 11px 14px; justify-content: center; }
.doctors-directory-page .doctor-profile-btn{background:#faf5fc;border-color:#ead8ef;color:var(--clinic-primary)}
.doctors-directory-page .doctor-profile-btn:hover{background:#f3e6f7;border-color:#d5afe0;color:var(--clinic-primary)}
.doctors-directory-page .doctor-book-btn{box-shadow:0 4px 10px rgba(167,30,145,.12)}
.doctors-directory-page .front-empty-state { background: #fff; border: 1px dashed #decde4; border-radius: 14px; padding: 50px 20px; }
.doctors-directory-page a:focus-visible, .doctors-directory-page button:focus-visible { outline: 3px solid #c08bb9; outline-offset: 3px; }
@media(max-width:767.98px) { .doctors-directory-page .doctors-directory-section { padding: 36px 0 44px; } .doctors-directory-page .doctor-filter-panel { padding: 18px; } .doctors-directory-page .doctor-directory-photo { height: 235px; } .doctors-directory-page .doctor-directory-content { padding: 20px; } .directory-filter-heading p { font-size: 12px; } }
@media(min-width:768px) { .doctors-directory-page .doctor-directory-photo { height: auto; min-height: 290px; border-bottom: 0; border-right: 1px solid #eee5f0; } .doctors-directory-page .doctor-directory-photo img { position: absolute; inset: 0; } .doctors-directory-page .doctor-specialty-label { left: 10px; right: 10px; max-width: calc(100% - 20px); font-size: 10px; padding: 7px; } .doctors-directory-page .doctor-directory-content { padding: 24px; } }
@media(min-width:768px) and (max-width:1100px){.doctors-directory-page .doctor-directory-content{padding:17px}.doctors-directory-page .doctor-directory-content h3{font-size:17px}.doctors-directory-page .doctor-directory-actions{grid-template-columns:1fr}.doctors-directory-page .doctor-directory-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce) { .doctors-directory-page .doctor-directory-card, .doctors-directory-page .doctor-profile-btn i, .doctors-directory-page .doctor-directory-photo img { transition: none; } .doctors-directory-page .doctor-directory-card:hover, .doctors-directory-page .doctor-directory-card:focus-within, .doctors-directory-page .doctor-directory-card:hover .doctor-directory-photo img, .doctors-directory-page .doctor-directory-card:hover .doctor-profile-btn i { transform: none; } }