/* SHOPSTYLE — отзывы и рейтинг с WB (inc/reviews.php): строка «★ 4,7 · 16 615 оценок», блок «Отзывы» под карточкой. */
.ss-rating { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; color: var(--ss-muted); text-decoration: none; white-space: nowrap; }
.ss-rating i { font-style: normal; color: #FF9F0A; }
.ss-rating b { font-weight: 600; color: var(--ss-text); }
.product-grid-item .ss-rating { flex-basis: 100%; margin-top: 2px; font-size: 12px; }

.ss-stars { display: inline-flex; gap: 1px; font-size: 14px; line-height: 1; }
.ss-stars i { font-style: normal; color: #D9D8DE; }
.ss-stars i.on { color: #FF9F0A; }

.ss-rev { margin: 30px 0 10px; }
.ss-rev h2 { margin: 0 0 12px; font-size: 30px; }
.ss-rev-sum { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin-bottom: 14px; padding: 14px 16px; border-radius: 16px; background: var(--ss-surface); }
.ss-rev-sum > b { font-size: 40px; font-weight: 700; line-height: 1; }
.ss-rev-sum > div { display: flex; flex-direction: column; gap: 4px; }
.ss-rev-sum > div .ss-stars { font-size: 18px; }
.ss-rev-sum > div span { font-size: 13px; color: var(--ss-muted); }
.ss-rev-size { flex-basis: 100%; margin: 6px 0 0; font-size: 13px; color: var(--ss-muted); }
.ss-rev-size b { color: var(--ss-save, #1FA35B); }
.ss-rev-list { display: grid; grid-auto-flow: column; grid-auto-columns: 82%; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding-bottom: 4px; }
.ss-rev-list::-webkit-scrollbar { display: none; }
.ss-rev-card { display: flex; flex-direction: column; gap: 6px; padding: 14px; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 1px var(--ss-line); scroll-snap-align: start; }
.ss-rev-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ss-rev-top time { font-size: 12px; color: var(--ss-muted); }
.ss-rev-name { margin: 0; font-size: 14px; font-weight: 600; }
.ss-rev-name span { font-weight: 400; color: var(--ss-muted); }
.ss-rev-text { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; margin: 0; font-size: 14px; line-height: 1.45; }
@media (min-width: 769px) { .ss-rev-list { grid-auto-flow: row; grid-template-columns: repeat(4, 1fr); overflow: visible; } .ss-rev h2 { font-size: 38px; } }