/* ==========================================================================
   DẢI LOGO ĐỨNG YÊN — CHỈ CHẠY KHI KHÁCH BẬT        (22/09/2026)
   ==========================================================================

   🔴 CHỦ DỰ ÁN 22/09/2026, khi được trình bằng chứng rằng marquee vốn là thiết
   kế gốc của Hope UI Pro:

     *"Gỡ marquee cho dải logo đứng yên khi so. Tuy nhiên khi kéo vào trình soạn
       thì có thẻ để khách hàng có thể bật lên chọn chạy logo"*

   --------------------------------------------------------------------------
   VÌ SAO CÓ TỆP NÀY
   --------------------------------------------------------------------------
   Hope UI Pro khai trong `trang-ban-hang.css`:

       @keyframes translateinfinite { 100% { transform: translateX(-2160px) } }
       .client-list ul.client-mrquee li.highway-car {
         animation: translateinfinite 25s linear infinite;
       }

   Bốn khối mang nó, đều bóc thẳng từ trang landing của thư viện: `about-06` ·
   `index-11` · `saas-marketing-landing-page-03` · `software-landing-page-09`.

   Chạy vô tận sinh ra hai chuyện, cả hai đều thật:

   ① **Không so được với ảnh đã duyệt.** Bộ chụp ảnh không dừng animation (đo:
      không một dòng `animation-play-state` nào trong `chup-anh-thu-nho-section.mjs`),
      nên ảnh được chụp ở một thời điểm ngẫu nhiên của vòng trượt. Đo hai lần ra
      hai kết quả khác nhau — `saas-marketing-landing-page-03` từng báo lệch 195,
      cao nhất cả kho, trong khi hai bên CÙNG logo, CÙNG chữ, CÙNG màu.

   ② **Người dựng không sửa nổi.** Chữ chạy qua thì bấm vào cũng trượt mất.

   --------------------------------------------------------------------------
   🔴 KHÔNG SỬA `trang-ban-hang.css` — ĐÓ LÀ CSS CỦA THƯ VIỆN ĐÃ MUA
   --------------------------------------------------------------------------
   Luật «theme đã mua là NGUỒN THIẾT KẾ, giữ nguyên 100% markup và CSS» áp cho
   cả Hope UI Pro. Nên luật ở đây nằm TỆP RIÊNG, nạp SAU, và chỉ tắt đúng một
   thuộc tính — gỡ tệp này ra là mọi thứ về nguyên trạng thư viện.

   🔴 VÀ NÓ KHÔNG RẼ NHÁNH THEO «ĐANG Ở KHUNG VẼ HAY TRANG KHÁCH». `CLAUDE.md
   §0.10` cấm đúng điều đó: một hàm vẽ cho hai đầu, không bao giờ hai. Dải logo
   đứng yên ở MỌI nơi cho tới khi khách tự bật — khung vẽ, ảnh thu nhỏ và trang
   xuất bản nói cùng một điều.
   ========================================================================== */

/* Mặc định: đứng yên, đọc được tên từng logo. */
.client-list ul.client-mrquee li.highway-car {
  animation: none;
}

/* 🔴 Khách bật thì chạy — cờ đặt ở THẺ GỐC của khối, không đặt ở từng logo.
   Đặt ở từng logo thì bật một cái chạy một cái, và người dựng phải bấm mười
   lần cho một dải. */
[data-chay-logo="1"] .client-list ul.client-mrquee li.highway-car {
  animation: translateinfinite 25s linear infinite;
}

/* Người dùng khai «giảm chuyển động» thì tôn trọng, kể cả khi đã bật. Dải logo
   chạy ngang là đúng loại chuyển động gây khó chịu cho người nhạy cảm. */
@media (prefers-reduced-motion: reduce) {
  [data-chay-logo="1"] .client-list ul.client-mrquee li.highway-car {
    animation: none;
  }
}