/* ================================================
   REVIEWS - Mobile
   Extrait de css/reviews.css (lignes 433-456)
   ================================================ */

/* RESPONSIVE MOBILE */
@media (max-width: 768px) {
  .reviews-summary {
    flex-direction: column;
  }
  
  .reviews-breakdown {
    width: 100%;
  }
  
  .review-header {
    flex-direction: column;
    gap: 12px;
  }
  
  .review-rating {
    flex-direction: row;
    align-items: center;
    width: 100%;
  }
  
  .review-photos {
    grid-template-columns: repeat(3, 1fr);
  }
}