@charset "utf-8";

/* =========================================================================
   배송후기 - 메인 노출용 4×3 그리드 위젯
   ========================================================================= */
.review_wr{padding:90px 0;background:var(--white)}
.review_head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:30px}
.review_head h2{font-size:26px;font-weight:800;color:var(--navy)}

.review_grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:22px;
    list-style:none;
}
.review_card{display:block}
.review_thumb{
    display:block;position:relative;aspect-ratio:1/1;
    border-radius:var(--radius-md);overflow:hidden;
    background:var(--cream);margin-bottom:10px;
}
.review_thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.review_card:hover .review_thumb img{transform:scale(1.06)}
.review_thumb{box-shadow:0 6px 16px rgba(20,25,40,.06)}

.review_info{display:flex;flex-direction:column;gap:4px}
.review_subject{
    font-size:14px;font-weight:600;color:var(--text);
    display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.review_card:hover .review_subject{color:var(--navy);text-decoration:underline}
.review_subject .new_icon{display:inline-block;margin-left:4px;background:var(--gold);color:#fff;font-size:9px;font-weight:800;border-radius:3px;padding:1px 4px;vertical-align:middle}
.review_meta{font-size:12px;color:var(--text-soft)}

.review_empty{
    grid-column:1 / -1;text-align:center;padding:60px 0;color:#999;font-size:14px;
}

@media (max-width:1080px){
    .review_grid{grid-template-columns:repeat(3, 1fr)}
    .review_grid li:nth-child(n+10){display:none}
}
@media (max-width:760px){
    .review_grid{grid-template-columns:repeat(2, 1fr)}
    .review_grid li:nth-child(n+7){display:none}
    .review_wr{padding:60px 0}
}