/* components/reviews.css */
.reviews-section{
    margin:var(--space-8) 0;
}
.reviews-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
    gap:var(--space-4);
}
.review-card{
    background:var(--bg-card);
    border-radius:var(--radius-md);
    padding:var(--space-4);
    border:1px solid var(--border-color);
    transition:var(--transition-fast);
    box-shadow:var(--shadow-xs);
}
.review-card:hover{
    border-color:var(--color-primary);
    box-shadow:var(--shadow-md);
    transform:translateY(-3px);
}
.review-card .review-header{
    display:flex;
    align-items:center;
    gap:var(--space-3);
    margin-bottom:var(--space-2);
}
.review-card .review-avatar{
    width:44px;
    height:44px;
    border-radius:50%;
    background:var(--color-gray-100);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.2rem;
    color:var(--text-muted);
    overflow:hidden;
    flex-shrink:0;
}
.review-card .review-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.review-card .review-name{
    font-weight:var(--weight-bold);
    font-size:var(--text-sm);
    color:var(--text-body);
}
.review-card .review-rating{
    color:#fbbf24;
    font-size:var(--text-sm);
    letter-spacing:1px;
}
.review-card .review-text{
    font-size:var(--text-sm);
    color:var(--text-muted);
    line-height:var(--leading-relaxed);
    margin-bottom:var(--space-2);
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.review-card .review-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-top:var(--space-2);
    border-top:1px solid var(--border-color);
    font-size:var(--text-xs);
    color:var(--text-muted);
}
.review-card .review-shop{
    font-weight:var(--weight-medium);
    color:var(--color-primary);
}
.review-card .review-date{
    color:var(--text-muted);
}
.dark-mode .review-card{
    background:var(--bg-card);
    border-color:var(--border-color);
}
.dark-mode .review-card:hover{
    border-color:var(--color-primary);
}
.dark-mode .review-card .review-avatar{
    background:var(--border-color);
    color:var(--text-muted);
}
.dark-mode .review-card .review-name{
    color:var(--text-body);
}
.dark-mode .review-card .review-text{
    color:var(--text-muted);
}
.dark-mode .review-card .review-footer{
    border-color:var(--border-color);
}
.dark-mode .review-card .review-shop{
    color:var(--color-primary);
}
@media(max-width:700px){
    .reviews-grid{
        grid-template-columns:1fr;
    }
    .review-card{
        padding:var(--space-3);
    }
}