.wrapper .review-body .score-card { display: flex; flex-direction: column; gap: 24px; background: #ffffff; border-radius: 16px; padding: 26px; box-shadow: 0 8px 28px rgba(20, 40, 80, 0.07); }
.wrapper .review-body .score-overall { text-align: center; padding: 18px; background: linear-gradient(135deg, #123f7d, #2f86d6); border-radius: 14px; }
.wrapper .review-body .score-number { font-size: 52px; font-weight: 800; color: #ffffff; line-height: 1; }
.wrapper .review-body .score-max { font-size: 14px; color: #d8e7ff; margin-top: 6px; }
.wrapper .review-body .score-verdict { display: inline-block; margin-top: 12px; background: #ffffff; color: #15539e; font-size: 14px; font-weight: 800; padding: 5px 18px; border-radius: 999px; }
.wrapper .review-body .score-cta { display: block; margin-top: 16px; background: linear-gradient(135deg, #f4b62c, #e8a009); color: #2a1c00; font-size: 15px; font-weight: 800; text-align: center; padding: 13px 18px; border-radius: 10px; box-shadow: 0 10px 22px rgba(232, 160, 9, 0.32); transition: transform 0.2s ease, box-shadow 0.2s ease; }
.wrapper .review-body .score-cta:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(232, 160, 9, 0.45); }
.wrapper .review-body .score-legal { display: block; margin-top: 8px; font-size: 11px; color: #d8e7ff; }
.wrapper .review-body .score-bars { display: flex; flex-direction: column; gap: 14px; flex: 1 1 auto; }
.wrapper .review-body .score-row { display: flex; align-items: center; gap: 12px; }
.wrapper .review-body .score-label { flex: 0 0 42%; font-size: 14px; font-weight: 600; color: #333333; }
.wrapper .review-body .score-track { flex: 1 1 auto; height: 9px; border-radius: 999px; background: #eef1f5; overflow: hidden; }
.wrapper .review-body .score-fill { display: block; height: 100%; width: 0; border-radius: 999px; background: linear-gradient(90deg, #03a9f4, #15539e); transition: width 1s ease; }
.wrapper .review-body .score-value { flex: 0 0 36px; text-align: right; font-size: 14px; font-weight: 800; color: #15539e; }
@media (min-width: 768px) {
  .wrapper .review-body .score-card { flex-direction: row; align-items: center; }
  .wrapper .review-body .score-overall { flex: 0 0 220px; padding: 26px 18px; }
  .wrapper .review-body .score-label { flex-basis: 36%; font-size: 15px; }
}