/* RV Affiliate: hộp sản phẩm, nút mua, bảng so sánh, lựa chọn nhanh.
   Đọc token của theme nếu có (--accent, --line, --ink...), không có thì dùng giá trị dự phòng để chạy trên theme khác.
   Một màu nhấn: nút mua, giá, nhãn. Chữ trên nút đạt WCAG AA (#c9401f / #fbfbfc = 4,9:1).
   Bo góc: nút 6px, ảnh 8px, khối 12px, nhãn 999px. */
.rva-box{position:relative;display:grid;grid-template-columns:200px 1fr;gap:20px;border:1px solid var(--line,#dde2e8);border-radius:var(--r-surface,12px);padding:20px;margin:28px 0;background:var(--bg,#fbfbfc)}
.rva-box__media img{width:100%;height:auto;border-radius:var(--r-media,8px)}
.rva-box__title{margin:0 0 8px;font-size:1.15em;font-weight:700;line-height:1.3}
.rva-price{color:var(--accent,#c9401f);font-weight:600;margin-bottom:10px}
.rva-badge{position:absolute;top:-12px;left:16px;background:var(--accent,#c9401f);color:var(--on-accent,#fbfbfc);font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px}
.rva-proscons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.rva-pros,.rva-cons{margin:0;padding:0;list-style:none;font-size:.95em}
.rva-pros li:before{content:"✓ ";color:var(--ink,#161b24);font-weight:700}
.rva-cons li:before{content:"✗ ";color:var(--ink-2,#4b5563);font-weight:700}
.rva-btn{display:inline-flex;align-items:center;min-height:44px;background:var(--accent,#c9401f);color:var(--on-accent,#fbfbfc)!important;text-decoration:none!important;font-weight:600;padding:0 22px;border-radius:var(--r-control,6px);white-space:nowrap;transition:background-color .15s ease,transform .1s ease}
.rva-btn:hover{background:var(--accent-hover,#ad3518)}
.rva-btn:active{transform:translateY(1px)}
.rva-compare-wrap{overflow-x:auto;margin:24px 0}
.rva-compare{width:100%;border-collapse:collapse;font-size:.95em}
.rva-compare th,.rva-compare td{border:1px solid var(--line,#dde2e8);padding:10px;text-align:left;vertical-align:top}
.rva-compare thead th{background:var(--tint,#f0f2f5)}
.rva-compare .rva-na{color:var(--ink-2,#4b5563);font-style:italic}
.rva-compare .rva-btn{min-height:36px;padding:0 14px;font-size:.9em}
.rva-picks{margin:24px 0;border:1px solid var(--line,#dde2e8);border-radius:var(--r-surface,12px)}
.rva-picks .rva-picks__list{list-style:none;margin:0;padding:0}
.rva-picks .rva-pick{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:12px 16px;margin:0}
.rva-picks .rva-pick+.rva-pick{border-top:1px solid var(--line,#dde2e8)}
.rva-pick__media img{width:64px;height:64px;object-fit:cover;border-radius:var(--r-media,8px)}
.rva-pick__body{min-width:0}
.rva-pick__label{display:block;color:var(--accent,#c9401f);font-size:.85em;font-weight:700}
.rva-pick__name{display:block;font-weight:700;line-height:1.3}
.rva-pick__price{display:block;font-size:.88em;color:var(--ink-2,#4b5563)}
@media(max-width:640px){.rva-box{grid-template-columns:1fr}.rva-proscons{grid-template-columns:1fr}.rva-picks .rva-pick{grid-template-columns:56px 1fr;gap:4px 12px}.rva-pick__media{grid-row:span 2}.rva-pick__media img{width:56px;height:56px}.rva-pick .rva-btn{justify-self:start;min-height:40px;padding:0 18px}}
@media(prefers-reduced-motion:reduce){.rva-btn{transition:none}.rva-btn:active{transform:none}}