/* Alex_bes — відгуки й оцінки (09.10.2026): js/reviews.js (картка товару, p/<id>/) і js/admin-reviews.js (admin.html#reviews). Без емодзі, лише SVG. */
.rvs{position:relative;display:inline-flex;vertical-align:middle;line-height:0;flex:none}
.rvs__row{display:inline-flex;gap:2px;white-space:nowrap}
.rvs svg{fill:#ffd700;flex:none}
.rvs__bg svg{fill:rgba(255,255,255,.16)}
.rvs__fg{position:absolute;inset:0 auto 0 0;overflow:hidden}

/* рейтинг біля назви / ціни */
.rvb-wrap{margin:2px 0 0}
.rvb{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--text2)!important;text-decoration:none!important;padding:3px 0}
.rvb b{color:var(--text);font-weight:750}
.rvb span{color:var(--muted);border-bottom:1px dashed rgba(255,255,255,.22)}
.rvb:hover span{color:var(--text2)}
.pp__price + .rvb-wrap{margin:6px 0 2px}

/* секція */
.rv{margin:22px 0 6px;padding:18px 16px;border-radius:var(--radius,18px);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);scroll-margin-top:96px}
.pp__box.rv{margin-top:26px}
.rv__ttl{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:19px}
.rv__ttl span{font-size:12.5px;font-weight:700;color:var(--muted);padding:2px 9px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line2,rgba(255,255,255,.16))}
.rv__empty{margin:0 0 14px;color:var(--text2);font-size:14.5px}
.rv__sum{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin:0 0 14px;padding:14px;border-radius:14px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line)}
.rv__avg{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:96px}
.rv__avg b{font-size:34px;line-height:1;font-weight:800;color:var(--text);letter-spacing:.01em}
.rv__avg span{font-size:12.5px;color:var(--muted)}
.rv__dist{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.rv__dist li{display:grid;grid-template-columns:10px 12px 1fr 22px;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.rv__dist svg{fill:#ffd700}
.rv__dist i{display:block;height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.rv__dist i b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#f2c900,#ffe14d)}
.rv__dist em{font-style:normal;text-align:right}
.rv__list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:10px}
.rv__it{padding:12px 14px;border-radius:14px;background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line)}
.rv__ih{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 6px}
.rv__nm{color:var(--text);font-weight:700;font-size:14.5px}
.rv__dt{margin-left:auto;font-size:12px;color:var(--muted)}
.rv__tx{margin:0;font-size:14.5px;line-height:1.6;color:var(--text2);overflow-wrap:anywhere}
.rv__more{margin:0 0 12px}
.rv__open svg,.rvf .btn svg{flex:none}

/* форма */
.rvf{display:grid;gap:12px;padding:14px;border-radius:14px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line)}
.rvf__h{margin:0;font-weight:750;color:var(--text);font-size:15.5px}
.rvf__stars{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rvf__row{display:flex;gap:2px}
.rvf__st{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:0;border-radius:12px;background:transparent;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.rvf__st svg{fill:transparent;stroke:rgba(255,255,255,.38);stroke-width:1.5;stroke-linejoin:round;transition:transform .15s ease,fill .15s ease,stroke .15s ease}
.rvf__st.on svg{fill:#ffd700;stroke:#ffd700}
.rvf__st:active svg{transform:scale(.88)}
.rvf__st:focus-visible{outline:2px solid rgba(255,215,0,.7);outline-offset:1px}
@media (hover:hover){.rvf__row:hover .rvf__st svg{stroke:rgba(255,215,0,.75)}}
.rvf__word{font-size:13.5px;font-weight:650;color:var(--text2)}
.rvf__f{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--muted);position:relative}
.rvf__f input,.rvf__f textarea{width:100%;border-radius:12px;border:1px solid var(--line2,rgba(255,255,255,.16));background:var(--bg2);color:var(--text);padding:11px 12px;font:inherit;font-size:15px;outline:none;resize:vertical}
.rvf__f textarea{min-height:104px;line-height:1.5}
.rvf__f input:focus,.rvf__f textarea:focus{border-color:rgba(255,215,0,.6);box-shadow:0 0 0 3px rgba(255,215,0,.12)}
.rvf__cnt{align-self:flex-end;font-size:11.5px;color:var(--muted)}
.rvf__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.rvf__msg{margin:0;font-size:13.5px;color:#ffb4a8}
.rvf__msg.ok{color:#9be3b4}
.rvf__note{margin:0;font-size:12px;color:var(--muted);text-align:center}
.rvf--done{display:flex;align-items:center;gap:12px;grid-template-columns:none;color:#9be3b4}
.rvf--done div{display:flex;flex-direction:column;gap:2px}
.rvf--done b{color:var(--text)}
.rvf--done span{color:var(--text2);font-size:13.5px}
@media (max-width:380px){.rvf__st{width:40px;height:40px}.rvf__st svg{width:30px;height:30px}.rv__sum{grid-template-columns:1fr}}