/* Độ ưu tiên thấp (:where) để thẻ đã có hover riêng của trang vẫn giữ hiệu ứng riêng.
   Hiện dần khi cuộn + hover thẻ (khách 27/10 tối, nhóm 8) — đi cùng js/sanitec-reveal.js.
   Mặc định KHÔNG ẩn gì: chỉ phần tử được JS gắn .rv mới ẩn chờ hiện. */
.rv{opacity:0;transform:translateY(14px);transition:opacity .45s ease var(--rv-d,0ms),transform .45s ease var(--rv-d,0ms)}
.rv.rv-in{opacity:1;transform:none}
@media(hover:hover){
:where(.rv-card){transition:transform .25s ease,box-shadow .25s ease}
:where(.rv-card):hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(8,50,28,.14)}
}
@media(prefers-reduced-motion:reduce){
.rv{opacity:1!important;transform:none!important;transition:none!important}
.rv-card,.rv-card:hover{transform:none!important;transition:none!important}
}
/* Logo chạy ngang của khối Khách hàng/Đối tác trang chủ (khach-28-10; kiểu ở sanitec-home-b2b.css). Đặt ở đây vì file trang chủ chỉ chứa selector .b2b-page. */
@keyframes b2b-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}