.doctor-profile{animation:fadeInUp .5s ease calc(var(--index)*.1s) both;background:#fff;border-radius:16px;margin-bottom:24px;padding:24px;transition:all .3s;box-shadow:0 2px 8px #00000014}.doctor-profile:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.doctor-profile .profile-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}.doctor-profile .profile-header .profile-main{flex:1;gap:20px;display:flex}.doctor-profile .profile-header .profile-main .doctor-image{flex-shrink:0}.doctor-profile .profile-header .profile-main .doctor-image img{object-fit:cover;border:3px solid #f0f0f0;border-radius:50%;width:100px;height:100px}.doctor-profile .profile-header .profile-main .doctor-image .name-avatar{color:#fff;text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:36px;font-weight:600;display:flex}.doctor-profile .profile-header .profile-main .basic-details{flex:1}.doctor-profile .profile-header .profile-main .basic-details .doctor-name{margin-bottom:12px}.doctor-profile .profile-header .profile-main .basic-details .doctor-name h3{color:#1a365d;margin:0 0 4px;font-size:24px;font-weight:600}.doctor-profile .profile-header .profile-main .basic-details .doctor-name .specialty{color:#4299e1;margin:0;font-size:16px;font-weight:500}.doctor-profile .profile-header .profile-main .basic-details .info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.doctor-profile .profile-header .profile-main .basic-details .info-grid .info-item{flex-direction:column;gap:4px;display:flex}.doctor-profile .profile-header .profile-main .basic-details .info-grid .info-item .label{color:#718096;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.doctor-profile .profile-header .profile-main .basic-details .info-grid .info-item .value{color:#2d3748;font-size:14px;font-weight:500}.doctor-profile .profile-header .cta-section{flex-direction:column;gap:12px;min-width:180px;display:flex}.doctor-profile .profile-header .cta-section button{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.doctor-profile .profile-header .cta-section button.book-appointment{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.doctor-profile .profile-header .cta-section button.book-appointment:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.doctor-profile .profile-header .cta-section button.view-profile{color:#667eea;background:#fff;border:2px solid #667eea}.doctor-profile .profile-header .cta-section button.view-profile:hover{color:#fff;background:#667eea}.doctor-profile .extended-info .about-section{background:#f7fafc;border-radius:8px;margin-bottom:20px;padding:16px}.doctor-profile .extended-info .about-section h4{color:#2d3748;margin:0 0 8px;font-size:16px}.doctor-profile .extended-info .about-section p{color:#4a5568;margin:0;line-height:1.6}.doctor-profile .extended-info .reviews-section{background:#f7fafc;border-radius:12px;margin-top:20px;padding:20px}.doctor-profile .extended-info .reviews-section h4{color:#2d3748;margin:0 0 16px;font-size:18px;font-weight:600}.doctor-profile .extended-info .reviews-section .review-slider{flex-direction:column;gap:16px;max-height:400px;padding-right:8px;display:flex;overflow-y:auto}.doctor-profile .extended-info .reviews-section .review-slider::-webkit-scrollbar{width:6px}.doctor-profile .extended-info .reviews-section .review-slider::-webkit-scrollbar-track{background:#e2e8f0;border-radius:3px}.doctor-profile .extended-info .reviews-section .review-slider::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.doctor-profile .extended-info .reviews-section .review-slider::-webkit-scrollbar-thumb:hover{background:#a0aec0}.doctor-profile .extended-info .reviews-section .review-slider .review-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.doctor-profile .extended-info .reviews-section .review-slider .review-card .review-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.doctor-profile .extended-info .reviews-section .review-slider .review-card .review-header .rating{align-items:center;gap:8px;display:flex}.doctor-profile .extended-info .reviews-section .review-slider .review-card .review-header .rating .stars{color:#f59e0b;font-size:16px}.doctor-profile .extended-info .reviews-section .review-slider .review-card .review-header .rating .rating-text{color:#718096;font-size:14px}.doctor-profile .extended-info .reviews-section .review-slider .review-card .review-header .date{color:#a0aec0;font-size:12px}.doctor-profile .extended-info .reviews-section .review-slider .review-card .review-text{color:#4a5568;margin:0 0 12px;line-height:1.6}.doctor-profile .extended-info .reviews-section .review-slider .review-card .reviewer{color:#718096;font-size:14px;font-style:italic}.doctor-profile .extended-info .reviews-section .average-rating{background:#fff;border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:12px;font-weight:600;display:flex}.doctor-profile .extended-info .reviews-section .average-rating .stars{color:#f59e0b;font-size:18px}.doctor-profile .extended-info .reviews-section .average-rating .rating-text{color:#718096}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-overlay .modal-content{background:#fff;border-radius:16px;width:95%;max-width:900px;max-height:90vh;padding:24px;animation:.4s cubic-bezier(.34,1.56,.64,1) modalSlideIn;position:relative;overflow-y:auto;box-shadow:0 20px 50px #0000004d}@media (max-width:480px){.modal-overlay .modal-content{border-radius:12px;padding:16px}}.modal-overlay .modal-content .modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.modal-overlay .modal-content .modal-header h2{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.modal-overlay .modal-content .modal-header .close-button{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.modal-overlay .modal-content .modal-header .close-button:hover{color:#1e293b;background:#e2e8f0;transform:rotate(90deg)}.modal-overlay .modal-content .modal-header .close-button i{font-size:14px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.doctor-profile .profile-header{flex-direction:column}.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{grid-template-columns:1fr}.doctor-profile .profile-header .cta-section,.doctor-profile .profile-header .cta-section button{width:100%}}