/* 후기 css 시작 */
.doctor_view_review_list{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 19.6rem;
    width:100%;
    
}


.doctor_view_review_list_loop{
    display: flex;
    width: 100%;
    padding: 4rem 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12rem;
    box-sizing: border-box;
    padding: 0 4rem;
}

.doctor_view_review_list_loop_top{
    display: flex;
    /*height: 15px;*/
    width: 100%;
    /* padding: 0 4rem; */
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.doctor_view_review_list_loop_top_star{
    display: flex;
    height: 12rem;
    align-items: center;
    gap: 4rem;
}

.doctor_view_review_list_loop_top_star > span {
    color: #787878;
    text-align: center;
    font-family: Pretendard;
    font-size: 11rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.doctor_view_review_list_loop_top_date{
    display: flex;
    align-items: center;
    gap: 4rem;
}

.doctor_view_review_list_loop_top_date > span {
    color: #787878;
    text-align: center;
    font-family: Pretendard;
    font-size: 10rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.doctor_view_review_list_loop_top_date > span.info_view_date {
    
    font-size: 10.2rem;
    font-weight: 400;
}

.doctor_view_review_list_loop_content{
    display: flex;
    /* height: 165px; */
    flex-direction: column;
    align-items: flex-start;
    gap: 12rem;
    align-self: stretch;
}
/* 전체 컨테이너 */
.doctor_view_review_list_loop_content_photo {
    display: flex;
    align-items: center;
    gap: 8rem;
}
/* 각 이미지 박스 */
.doctor_view_review_list_loop_content_photo_view {
    width: 78.2rem;
    height: 78.2rem;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

/* 이미지 */
.doctor_view_review_list_loop_content_photo_view > img {
    width: 100%;
    height: 100%;
    background: #BDBDBD;
    object-fit: cover;
}

/* 전/후 라벨 */
.doctor_view_review_list_loop_content_photo_txt {
    display: flex;
    width: 16rem;
    height: 16rem;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    border-radius: 0 4rem 0 6.3rem;
    background: rgba(0, 0, 0, 0.6);
}

/* 텍스트 */
.doctor_view_review_list_loop_content_photo_txt > span {
    color: #FFF;
    font-family: Pretendard;
    font-size: 8rem;
    font-weight: 500;
}

/* 후 라벨 스타일 */
.photo_after {
    background: #0153F3;
}

/* 🔥 전 / 후 그룹 분리 */
.photo_after_start {
    margin-left: auto;
}

/* 🔥 핵심: "후" 라벨이 있는 카드만 블러 */
.doctor_view_review_list_loop_content_photo_view:has(.photo_after) > img {
    filter: blur(7.55px);
    transform: scale(1.05);
}

/* 🔥 어두운 오버레이 */
.doctor_view_review_list_loop_content_photo_view:has(.photo_after)::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.2);
}

.doctor_view_review_list_loop_content_text{
    display: flex;
    /* height: 50px; */
    flex-direction: column;
    align-items: flex-start;
    gap: 12rem;
    flex-shrink: 0;
    align-self: stretch;
}

.doctor_view_review_list_loop_content_text > span {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 🔥 3줄 */
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;

    color: #454545;
    font-family: Pretendard;
    font-size: 11rem;
    font-weight: 400;
    line-height: 13.3rem;
}

.doctor_view_review_list_loop_event{
    display: flex;
    /* height: 80px; */
    width:100%;
    padding: 8rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 6.3rem;
    border: 1px solid var(--_2, #DAE6FF);
    background: var(--_4, #EFF4FF);
    box-sizing: border-box;
}

.doctor_view_review_list_loop_event_info{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 6.3rem;
}

.doctor_view_review_list_loop_event_info_left{
    display: flex;
    /* width: 385px;
    height: 60px; */
    align-items: center;
    flex: 1;        /* 🔥 핵심 */
    min-width: 0;   /* 🔥 필수 */
    gap: 8rem;
}

.doctor_view_review_list_loop_event_info_left_img{
    display: flex;
    width: 47rem;
    height: 47rem;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    flex-shrink: 0; /* 🔥 이미지 줄어들지 않게 */
}

.doctor_view_review_list_loop_event_info_left_img > img{
    
    width: 47rem;
    height: 47rem;
    
}

.doctor_view_review_list_loop_event_info_left_content{
    display: flex;
    /* width: 315px;
    height: 60px; */
    flex: 1;        /* 🔥 핵심 (width:100%보다 중요) */
    min-width: 0;   /* 🔥 필수 */
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4rem;
    
}

.doctor_view_review_list_loop_event_info_left_cont_top{
    display: flex;
    /* width: 315px;
    height: 18px; */
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    flex-shrink: 0;
    width: 100%; /* 🔥 추가 */
}

.doctor_view_review_list_loop_event_info_left_cont_top > span {
    display: block;     /* 🔥 추가 */
    width: 100%;        /* 🔥 추가 */
    overflow: hidden;
    color: #454545;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Pretendard;
    font-size: 12.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 17.2rem; /* 137.5% */
}

.doctor_view_review_list_loop_event_info_left_cont_bottom{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4rem;
    align-self: stretch;
}

.doctor_view_review_list_loop_event_info_left_cont_bottom > span{
    overflow: hidden;
    color: #454545;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Pretendard;
    font-size: 14.1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 17.2rem; /* 122.222% */
    letter-spacing: -0.9px;
}

.doctor_view_review_list_loop_event_info_right{
    display: flex;
    padding: 4.7rem 4rem;
    justify-content: center;
    align-items: center;
    gap: 8rem;
    flex-shrink: 0; /* 🔥 밀리지 않게 */
}