.doctor-list-container{min-width:80vw;max-width:1200px;min-height:80vh;margin:0 auto;padding:0 20px}.search-filter-container{z-index:100;background:linear-gradient(#fff,#f8fafc);margin-top:5rem;padding:32px 0;position:-webkit-sticky;position:sticky;top:3rem;box-shadow:0 4px 20px #0000000d}.search-filter-container .search-filter-section{max-width:1200px;margin:0 auto;padding:0 24px}.search-filter-container .search-filter-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#1a365d,#2563eb);-webkit-background-clip:text;background-clip:text;margin-bottom:28px;font-size:32px;font-weight:700}.search-filter-container .search-filter-section .header-with-button{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.search-filter-container .search-filter-section .header-with-button h1{margin-bottom:0}.search-filter-container .search-filter-section .header-with-button .view-all-treatments-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:10px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #3b82f64d}.search-filter-container .search-filter-section .header-with-button .view-all-treatments-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.search-filter-container .search-filter-section .header-with-button .view-all-treatments-btn:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f64d}.search-filter-container .search-filter-section .search-box{gap:16px;margin-bottom:20px;display:flex;position:relative}.search-filter-container .search-filter-section .search-box input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex:1;height:56px;padding:0 24px 0 56px;font-size:16px;transition:all .3s}.search-filter-container .search-filter-section .search-box input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a}.search-filter-container .search-filter-section .search-box input::placeholder{color:#94a3b8}.search-filter-container .search-filter-section .search-box .search-icon{color:#94a3b8;pointer-events:none;font-size:20px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.search-filter-container .search-filter-section .search-box .filter-toggle{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;align-items:center;gap:8px;height:56px;padding:0 28px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.search-filter-container .search-filter-section .search-box .filter-toggle:hover{background:#2563eb;transform:translateY(-1px)}.search-filter-container .search-filter-section .search-box .filter-toggle svg{font-size:18px}.search-filter-container .search-filter-section .filters-panel{border-top:2px solid #f1f5f9;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:24px;animation:.3s ease-out slideDown;display:grid}.search-filter-container .search-filter-section .filters-panel select{color:#475569;cursor:pointer;-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") right 16px center/18px no-repeat;border:2px solid #e2e8f0;border-radius:12px;height:52px;padding:0 48px 0 20px;font-size:15px;transition:all .3s}.search-filter-container .search-filter-section .filters-panel select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a}.search-filter-container .search-filter-section .filters-panel select:hover{background-color:#f8fafc;border-color:#94a3b8}.doctors-list{flex-direction:column;align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.doctors-list .doctor-profile{opacity:0;width:100%;max-width:1140px;animation:.5s ease-out forwards slideUp;animation-delay:calc(var(--index,0)*.2s);will-change:transform,opacity;background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 4px #0000001a}.doctors-list .doctor-profile .profile-header{justify-content:space-between;margin-bottom:2rem;display:flex}.doctors-list .doctor-profile .profile-header .profile-main{gap:2rem;display:flex}.doctors-list .doctor-profile .profile-header .profile-main .doctor-image{border-radius:12px;flex-shrink:0;width:150px;height:150px;overflow:hidden}.doctors-list .doctor-profile .profile-header .profile-main .doctor-image img{object-fit:cover;width:100%;height:100%}.doctors-list .doctor-profile .profile-header .profile-main .basic-details .doctor-name{margin-bottom:1.5rem}.doctors-list .doctor-profile .profile-header .profile-main .basic-details .doctor-name h3{color:#2d3748;margin-bottom:.5rem;font-size:1.8rem}.doctors-list .doctor-profile .profile-header .profile-main .basic-details .doctor-name .specialty{color:#4299e1;font-size:1.1rem}.doctors-list .doctor-profile .profile-header .profile-main .basic-details .info-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.doctors-list .doctor-profile .profile-header .profile-main .basic-details .info-grid .info-item .label{color:#718096;margin-bottom:.3rem;font-size:.9rem;display:block}.doctors-list .doctor-profile .profile-header .profile-main .basic-details .info-grid .info-item .value{color:#2d3748;font-weight:500}.doctors-list .doctor-profile .profile-header .cta-section{flex-direction:column;gap:1rem;display:flex}.doctors-list .doctor-profile .profile-header .cta-section button{cursor:pointer;border-radius:8px;padding:.8rem 2rem;font-weight:500;transition:all .3s}.doctors-list .doctor-profile .profile-header .cta-section button.book-appointment{color:#fff;background:#4299e1;border:none}.doctors-list .doctor-profile .profile-header .cta-section button.book-appointment:hover{background:#2b6cb0}.doctors-list .doctor-profile .profile-header .cta-section button.view-profile{color:#4299e1;background:0 0;border:1px solid #4299e1}.doctors-list .doctor-profile .profile-header .cta-section button.view-profile:hover{background:#ebf8ff}.doctors-list .doctor-profile .extended-info{border-top:1px solid #e2e8f0;padding-top:2rem}.doctors-list .doctor-profile .extended-info h4{color:#2d3748;margin-bottom:1rem;font-size:1.2rem}.doctors-list .doctor-profile .extended-info .about-section{margin-bottom:2rem}.doctors-list .doctor-profile .extended-info .about-section p{color:#4a5568;line-height:1.6}.doctors-list .doctor-profile .extended-info .reviews-section{margin-top:2rem;display:none}.doctors-list .doctor-profile .extended-info .reviews-section:has(.review-card){display:block}.doctors-list .doctor-profile .extended-info .reviews-section:has(.reviews-loading){display:block}.doctors-list .doctor-profile .extended-info .reviews-section h4{color:#2d3748;margin-bottom:1rem;font-size:1.2rem}.doctors-list .doctor-profile .extended-info .reviews-section .review-slider{scroll-behavior:smooth;gap:1rem;margin:0 -.5rem;padding:.5rem;display:flex;overflow-x:auto}.doctors-list .doctor-profile .extended-info .reviews-section .review-slider::-webkit-scrollbar{height:6px}.doctors-list .doctor-profile .extended-info .reviews-section .review-slider::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.doctors-list .doctor-profile .extended-info .reviews-section .review-slider::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.doctors-list .doctor-profile .extended-info .reviews-section .review-slider .review-card{background:#f7fafc;border-radius:8px;min-width:300px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.doctors-list .doctor-profile .extended-info .reviews-section .review-slider .review-card .review-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.doctors-list .doctor-profile .extended-info .reviews-section .review-slider .review-card .review-header .rating{align-items:center;gap:.5rem;display:flex}.doctors-list .doctor-profile .extended-info .reviews-section .review-slider .review-card .review-header .rating .stars{color:#ecc94b;letter-spacing:1px}.doctors-list .doctor-profile .extended-info .reviews-section .review-slider .review-card .review-header .rating .rating-text,.doctors-list .doctor-profile .extended-info .reviews-section .review-slider .review-card .review-header .date{color:#718096;font-size:.9rem}.doctors-list .doctor-profile .extended-info .reviews-section .review-slider .review-card .review-text{color:#4a5568;margin-bottom:1rem;line-height:1.5}.doctors-list .doctor-profile .extended-info .reviews-section .review-slider .review-card .reviewer{color:#2d3748;font-weight:500}.doctors-list .doctor-profile .extended-info .reviews-section .average-rating{color:#2d3748;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.doctors-list .doctor-profile .extended-info .reviews-section .average-rating .stars{color:#ecc94b;letter-spacing:1px}.doctors-list .doctor-profile .extended-info .reviews-section .average-rating .rating-text{color:#718096}.doctors-list .doctor-profile .extended-info .reviews-section .reviews-loading{flex-direction:column;align-items:center;gap:1rem;width:100%;padding:2rem;display:flex}.doctors-list .doctor-profile .extended-info .reviews-section .reviews-loading .loading-spinner{border:3px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}.doctors-list .doctor-profile .extended-info .reviews-section .no-reviews{text-align:center;color:#718096;width:100%;padding:2rem}.no-results{text-align:center;color:#4a5568;padding:3rem}.no-results p{color:#64748b;margin-bottom:1.5rem;font-size:1.1rem}.no-results button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #3b82f64d}.no-results button:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.no-results button:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f64d}.loading-container,.error-container,.no-doctors-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:600px;min-height:60vh;margin:7rem auto;padding:3rem;display:flex}.loading-container button,.error-container button,.no-doctors-container button{color:#fff;cursor:pointer;background:#4299e1;border:none;border-radius:6px;margin-top:1rem;padding:.8rem 1.5rem}.loading-container button:hover,.error-container button:hover,.no-doctors-container button:hover{background:#2b6cb0}.loading-spinner{border:4px solid #0000001a;border-top-color:#4299e1;border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.search-filter-container{margin-top:4rem;padding:20px 0}.search-filter-container .search-filter-section{padding:0 16px}.search-filter-container .search-filter-section h1{margin-bottom:20px;font-size:24px}.search-filter-container .search-filter-section .header-with-button{flex-direction:column;align-items:flex-start;gap:16px}.search-filter-container .search-filter-section .header-with-button .view-all-treatments-btn{justify-content:center;width:100%}.search-filter-container .search-filter-section .search-box{flex-direction:column;gap:12px}.search-filter-container .search-filter-section .search-box input{width:100%;height:48px;padding:0 16px 0 48px;font-size:15px}.search-filter-container .search-filter-section .search-box .search-icon{font-size:18px;left:16px}.search-filter-container .search-filter-section .search-box .filter-toggle{justify-content:center;width:100%;height:48px}.search-filter-container .search-filter-section .filters-panel{grid-template-columns:1fr;gap:12px;padding-top:16px}.search-filter-container .search-filter-section .filters-panel select{width:100%;height:48px}.doctor-profile{padding:1rem}.doctor-profile .profile-header{flex-direction:column;gap:1.5rem}.doctor-profile .profile-header .profile-main{text-align:center;flex-direction:column;align-items:center}.doctor-profile .profile-header .profile-main .basic-details .info-grid{text-align:center;grid-template-columns:1fr}.doctor-profile .profile-header .cta-section{flex-direction:row;justify-content:center}.doctor-list-container{padding:0 16px}}@media (max-width:480px){.search-filter-container .search-filter-section{padding:0 12px}.search-filter-container .search-filter-section h1{margin-bottom:16px;font-size:20px}.search-filter-container .search-filter-section .search-box{gap:10px;height:100px}.search-filter-container .search-filter-section .search-box input{height:44px;padding:0 12px 0 44px;font-size:14px}.search-filter-container .search-filter-section .search-box .search-icon{font-size:16px;top:24px;left:16px}.search-filter-container .search-filter-section .search-box .filter-toggle{height:44px;padding:0 20px;font-size:14px}.search-filter-container .search-filter-section .filters-panel{gap:10px}.search-filter-container .search-filter-section .filters-panel select{height:44px;font-size:14px}.doctor-list-container{padding:0 12px}}.doctor-image{border-radius:50%;width:120px;height:120px;overflow:hidden}.doctor-image .name-avatar{color:#fff;text-transform:uppercase;letter-spacing:-1px;text-shadow:1px 1px 2px #0000001a;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;font-weight:600;transition:all .3s;display:flex}.doctor-image .name-avatar:hover{transform:scale(1.05)}.doctor-image img{object-fit:cover;width:100%;height:100%}
