/* Review Signal VIP di halaman produk (v4.63) */
.vr-judul{margin:0 0 6px}
.vr-sub{margin:0 0 18px;color:var(--tubuh-lembut,#5b6b7d)}
.vr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
.vr-kotak{background:var(--biru-tipis,#f6faff);border:1px solid var(--garis-lembut,#e2e8f0);border-radius:var(--r-sedang,14px);padding:14px 16px}
.vr-kotak span{display:block;font-size:.8rem;color:var(--tubuh-lembut,#5b6b7d)}
.vr-kotak b{display:block;margin-top:2px;font-size:1.35rem;color:var(--navy,#0a1f3d);font-variant-numeric:tabular-nums}
.vr-kotak b.naik{color:var(--hijau,#128a5a)} .vr-kotak b.turun{color:var(--merah,#d93a3f)}
.vr-kotak small{display:block;margin-top:2px;font-size:.76rem;color:var(--redup,#737a88)}
.vr-bar{display:flex;height:12px;border-radius:99px;overflow:hidden;background:var(--garis-lembut,#e2e8f0);margin:8px 0 6px}
.vr-bar i{display:block;min-width:2px}
.vr-bar .b-tp3{background:#0f7a50}.vr-bar .b-tp2{background:#2fa774}.vr-bar .b-tp1{background:#8fd3b0}.vr-bar .b-waktu{background:#b8c2cf}.vr-bar .b-sl{background:var(--merah,#d93a3f)}
.vr-legenda{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 18px;padding:0;list-style:none;font-size:.82rem;color:var(--tubuh-lembut,#5b6b7d)}
.vr-legenda li:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:currentColor}
.vr-legenda .b-tp3:before{background:#0f7a50}.vr-legenda .b-tp2:before{background:#2fa774}.vr-legenda .b-tp1:before{background:#8fd3b0}.vr-legenda .b-waktu:before{background:#b8c2cf}.vr-legenda .b-sl:before{background:var(--merah,#d93a3f)}
.vr-daftar{list-style:none;margin:0 0 8px;padding:0;border:1px solid var(--garis-lembut,#e2e8f0);border-radius:var(--r-sedang,14px);overflow:hidden}
.vr-daftar li{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--garis-lembut,#e2e8f0);font-size:.92rem}
.vr-daftar li:first-child{border-top:0}
.vr-daftar .pair{font-weight:700;color:var(--navy,#0a1f3d)}
.vr-daftar .arah{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--biru-kabut,#e6f0ff);color:var(--biru-tua,#155fd6)}
.vr-daftar .hasil{margin-left:auto;text-align:right}
.vr-daftar .naik{color:var(--hijau,#128a5a)}.vr-daftar .turun{color:var(--merah,#d93a3f)}.vr-daftar .netral{color:var(--tubuh-lembut,#5b6b7d)}
.vr-ulasan{display:grid;gap:12px;margin:0 0 18px}
.vr-kartu{border:1px solid var(--garis-lembut,#e2e8f0);border-radius:var(--r-sedang,14px);padding:14px 16px;background:#fff}
.vr-kartu .bintang{color:#e8a400;letter-spacing:2px;font-size:1rem}
.vr-kartu p{margin:6px 0 8px}
.vr-kartu footer{font-size:.84rem;color:var(--tubuh-lembut,#5b6b7d)}
.vr-rata{display:flex;align-items:baseline;gap:8px;margin:0 0 12px}
.vr-rata b{font-size:1.8rem;color:var(--navy,#0a1f3d)}
.vr-form{border:1px dashed var(--garis-tebal,#cfd3d9);border-radius:var(--r-sedang,14px);padding:16px;margin:0 0 8px}
.vr-form label{display:block;font-weight:600;margin:0 0 6px}
.vr-form textarea{width:100%;min-height:96px;padding:10px 12px;border:1px solid var(--garis-tebal,#cfd3d9);border-radius:10px;font:inherit;resize:vertical;box-sizing:border-box}
.vr-pilih{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px;margin:0 0 12px}
.vr-pilih input{position:absolute;opacity:0;pointer-events:none}
.vr-pilih label{font-size:1.7rem;line-height:1;margin:0;cursor:pointer;color:#c9d1db}
.vr-pilih input:checked ~ label,.vr-pilih label:hover,.vr-pilih label:hover ~ label{color:#e8a400}
.vr-pilih input:focus-visible + label{outline:2px solid var(--biru,#1f7cff);outline-offset:2px;border-radius:4px}
.vr-info{padding:12px 14px;border-radius:var(--r-sedang,14px);background:var(--biru-kabut,#e6f0ff);font-size:.92rem;margin:0 0 14px}
.vr-info.ok{background:var(--hijau-lembut,#e4f5ec)} .vr-info.gagal{background:var(--merah-lembut,#fdecec)}
@media (max-width:640px){.vr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vr-kotak b{font-size:1.15rem}}