/* retail-2026-va.css — VÁ: thuộc tính `hidden` bị luật display đè. 17/09/2026.
 *
 * LỖI ĐO ĐƯỢC, không phải đề phòng: sau khi dựng xong, chụp màn hình trang
 * catalogue thấy CẢ BA hộp xổ (Sole · Strap · Finish) mở sẵn chồng lên lưới
 * sản phẩm. Kiểm trong trình duyệt:
 *     bang.hidden               → true
 *     getComputedStyle(bang).display → "flex"
 *
 * NGUYÊN NHÂN: thuộc tính HTML `hidden` chỉ là `display:none` trong stylesheet
 * MẶC ĐỊNH của trình duyệt. Bất kỳ luật nào của tác giả cũng thắng nó, và
 * `.tgs-rt-xo__bang` có `display:flex` để xếp các dòng theo cột. Kết quả:
 * JS đặt `hidden = true` nhưng hộp vẫn hiện — hỏng trong im lặng, JS không
 * báo lỗi gì.
 *
 * Hai chỗ khác trong retail-2026.css đã tự phòng sẵn (`.tgs-rt-the[hidden]` và
 * `.tgs-rt-rong[hidden]` đều có `display:none`), nên chỉ sót đúng hộp xổ.
 * Ở đây quét bằng một luật chung cho cả `.tgs-rt` để lần sau thêm phần tử mới
 * có `display` mà dùng `hidden` thì không dính lại.
 *
 * `!important` là cần thiết: luật `display:flex` kia nằm cùng độ ưu tiên
 * (cùng một class) nhưng ở file nạp TRƯỚC, mà `[hidden]` trong chuỗi chọn
 * dưới đây cộng thêm một bậc thuộc tính nên thật ra đã thắng — vẫn để
 * `!important` để không phụ thuộc vào thứ tự nạp nếu sau này ai đó đổi deps.
 *
 * TÁCH FILE RIÊNG chứ không sửa retail-2026.css: edge cache giữ file tĩnh 7
 * ngày và bỏ qua `?ver=`, nên đổi nội dung mà giữ tên là khách nhận bản cũ.
 * Nạp SAU retail-2026.css (deps 'tgs-retail-2026' trong inc/pro-space.php).
 */

.tgs-rt [hidden] { display: none !important; }