/* 3X-BOND — lớp chỉnh cho điện thoại (dưới 760px). Markup dùng style inline nên
   phải dùng !important. Chỉ nén những khối dài quá mức, không đổi thiết kế. */

/* Tên thương hiệu trong tiêu đề không bị ngắt thành "3X-" / "BOND" (mọi màn). */
h2 span[style*="color"]{white-space:nowrap}
#bang-mau h2 span{white-space:normal}  /* câu dài, phải được xuống dòng */

@media (max-width:760px){
  /* Video: mỗi video một ô hẹp để luôn lộ video kế bên, khách biết là vuốt được.
     Video ngang giữ nguyên khung hình (viền đen) thay vì bị cắt. */
  .x3-vid-grid{grid-auto-columns:62vw !important;grid-template-rows:380px !important}
  .x3-vid-wide{grid-column:auto !important}
  .x3-vid-wide video{object-fit:contain !important}

  /* Dòng sản phẩm trang chủ: 2 thẻ một hàng, giá và nút xếp dọc. */
  #san-pham [data-cards]{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}
  #san-pham [data-cards] > article > div{padding:12px !important;gap:6px !important}
  #san-pham [data-cards] h3{font-size:15px !important}
  #san-pham [data-cards] p{display:none !important}
  #san-pham [data-card-foot]{flex-direction:column !important;align-items:stretch !important;gap:8px !important}
  #san-pham [data-card-foot] strong{font-size:19px !important}
  #san-pham [data-card-foot] > a{min-height:40px !important;padding:0 10px !important;font-size:13.5px !important}
  #san-pham [data-hot] ~ [data-chip]{display:none !important}  /* thẻ hẹp: nhãn bán chạy đè nhãn dung tích */
  #san-pham [data-hot]{font-size:10.5px !important;padding:5px 12px 5px 9px !important;top:10px !important}

  /* Chọn vật liệu: 3 ô một hàng. */
  [data-matgrid]{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important}
  [data-matgrid] > *{min-height:0 !important;padding:10px 4px !important;gap:6px !important}
  [data-matgrid] img{width:48px !important;height:48px !important}
  [data-matgrid] span{font-size:12.5px !important;line-height:1.3 !important}

  /* Bảng màu: 4 màu một hàng. */
  [data-swgrid]{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:8px !important}
  [data-swgrid] button{padding:5px 5px 8px !important;gap:6px !important}
  [data-swgrid] span[style*="font-size:15px"]{font-size:11.5px !important}
  [data-swgrid] span[style*="white-space:nowrap"]{font-size:10px !important;padding:3px 6px !important;top:-14px !important}

  /* Ứng dụng theo ngành: ảnh thấp hơn. */
  [data-industry-photo]{height:140px !important}
}