/* Reviews page specific styles - keep minimal and leverage base.css */

.hero { padding: var(--space-12) 0; }
.hero-inner { display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--space-8); align-items: center; }
.hero-copy .hero-ctas { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-4); }
.hero-media { max-height: 420px; }
@media (max-width: 920px) { .hero-inner { grid-template-columns: 1fr; } .hero-media { order: -1; } }

.section { padding: var(--space-12) 0; }
.section-head { margin-bottom: var(--space-6); }
.cards-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); display: grid; }
@media (max-width: 920px) { .cards-3 { grid-template-columns: 1fr; } }

/* Rating system */
.rating-grid { grid-template-columns: 1.1fr 1fr; gap: var(--space-6); }
@media (max-width: 920px) { .rating-grid { grid-template-columns: 1fr; } }
.avg-stars { letter-spacing: 2px; color: var(--color-accent); font-size: var(--font-size-2xl); margin-bottom: var(--space-2); }
.rating-bullets { margin-top: var(--space-4); display: grid; gap: 8px; padding-left: 0; }
.dist-row { display: grid; grid-template-columns: 40px 1fr 48px; align-items: center; gap: var(--space-3); margin-bottom: 10px; }
.dist-bar { height: 10px; background: var(--gray-200); border-radius: var(--radius-full); position: relative; overflow: hidden; }
.dist-fill { position: absolute; left: 0; top: 0; bottom: 0; background: linear-gradient(90deg, var(--color-primary), color-mix(in srgb, var(--color-accent) 60%, var(--color-primary))); border-radius: var(--radius-full); }

/* Stars */
.stars { color: var(--color-accent); font-weight: 700; letter-spacing: 1px; }

/* Recent reviews */
.filter-controls { min-width: 240px; }
.recent-list { display: grid; gap: var(--space-4); padding: 0; }
.review-item .review-top { margin-bottom: var(--space-2); }
.review-item .review-bottom { margin-top: var(--space-2); }
.helpful-btn[disabled] { opacity: 0.6; cursor: not-allowed; }

/* Expert analysis */
.analysis-grid { display: grid; gap: var(--space-6); grid-template-columns: 1.2fr 1fr; }
@media (max-width: 920px) { .analysis-grid { grid-template-columns: 1fr; } }
.badges { display: flex; gap: 8px; margin: var(--space-3) 0; flex-wrap: wrap; }

/* Chips */
.chips { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; }
.chip { display: inline-flex; align-items: center; padding: 8px 12px; border: 1px solid var(--gray-300); border-radius: var(--radius-full); color: var(--color-text); background: var(--color-surface); font-weight: 600; }
.chip:hover { background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface)); text-decoration: none; }

/* Comparisons */
.compare-grid { display: grid; gap: var(--space-6); grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 920px) { .compare-grid { grid-template-columns: 1fr; } }
.compare-list { padding-left: 0; display: grid; gap: 6px; }

/* Top picks media spacing */
.top-picks-media { margin-bottom: var(--space-6); max-height: 360px; }

/* Tips */
.tips-grid { display: grid; gap: var(--space-6); grid-template-columns: 1fr 1fr; }
@media (max-width: 920px) { .tips-grid { grid-template-columns: 1fr; } }