/* 2026-08-15 상품상세 리뷰 섹션 — 실제 후기 데이터(rating/content/nick_name)만 사용.
   리뷰 실사진 그리드·세부속성(자극도/사이즈 등) 막대그래프는 데이터 모델에 해당 필드가
   없어(files/rxshop_reviews/reviews.json 스키마 확인) 구현하지 않음 — DESIGN_PROPOSAL.md 참고. */

.rxshop-reviews{margin:48px 0;padding-top:32px;border-top:1px solid #eceff2}
.rxshop-reviews-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.rxshop-reviews-head small{display:block;color:#fa140a;font-size:19px;font-weight:800;letter-spacing:.1em}
.rxshop-reviews-head h2{margin:4px 0 0;font-size:22px}
.rxshop-reviews-summary{display:flex;align-items:center;gap:6px;font-size:14px;color:#333}
.rxshop-reviews-summary strong{font-size:22px;color:#ef1d2f}
.rxshop-reviews-summary span{color:#ffb400}
.rxshop-reviews-summary em{color:#8b909a;font-style:normal;margin-left:4px}
.rxshop-reviews-empty{padding:36px;text-align:center;color:#8b909a;background:#fafbfc;border-radius:8px}
.rxshop-reviews-breakdown{display:flex;flex-direction:column;gap:6px;max-width:420px;margin-bottom:18px}
.rxshop-reviews-bar{display:grid;grid-template-columns:34px 1fr 30px;align-items:center;gap:10px;font-size:12px;color:#666}
.rxshop-reviews-bar__track{height:8px;border-radius:99px;background:#eceff2;overflow:hidden}
.rxshop-reviews-bar__track i{display:block;height:100%;background:#ffb400;border-radius:99px}
.rxshop-reviews-bar__count{text-align:right;color:#8b909a}
.rxshop-reviews-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.rxshop-reviews-filter a{display:inline-flex;align-items:center;height:32px;padding:0 14px;border:1px solid #dfe2e6;border-radius:999px;font-size:19px;color:#555;text-decoration:none}
.rxshop-reviews-filter a.is-active{border-color:#fa140a;color:#fa140a;background:#fff5f5;font-weight:700}
.rxshop-reviews-list{display:flex;flex-direction:column;gap:16px}
.rxshop-review-card{padding:16px 0;border-bottom:1px solid #f1f2f4}
.rxshop-review-card header{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.rxshop-review-stars{color:#ffb400;letter-spacing:1px}
.rxshop-review-nick{font-size:13px;font-weight:700;color:#222}
.rxshop-review-verified{font-size:10px;font-weight:800;color:#1677ff;border:1px solid #1677ff;border-radius:999px;padding:2px 8px}
.rxshop-review-content{margin:0 0 8px;font-size:13px;line-height:1.6;color:#333}
.rxshop-review-date{font-size:11px;color:#a5a9b0}

@media(max-width:900px){
    .rxshop-reviews-breakdown{max-width:none}
}