/* Line clamp utility for text truncation */
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 60px;
}

/* Doctor photo card - square aspect ratio */
.doctor-photo-card {
    width: 277px;
    height: 277px;
}

@media (min-width: 768px) {
    .doctor-photo-card {
        width: 390px !important;
        height: 390px !important;
    }
}