/* 3X-BOND — lớp chỉnh cho màn từ 1000px trở lên. Thiết kế gốc dựng cho khung
   1400px, màn 1440×900; nay khung nội dung khoá 1120px (--x3-content) nên mọi
   màn lớn dùng chung bố cục chuẩn laptop 1120px: chữ gọn, section không cao quá
   một màn hình. Markup dùng style inline nên phải dùng !important. */
@media (min-width:1000px){

  /* Header: gọn lại để menu đủ chỗ, không phải rơi xuống nút ☰. */
  body > div[style*="sticky"] > div > div[style*="max-width:var(--x3-container)"]{padding-top:8px !important;padding-bottom:8px !important}
  body > div[style*="sticky"] a > img[alt="3X-BOND"]{height:36px !important}
  [data-nav-desk]{gap:18px !important}
  [data-nav-desk] a{font-size:15px !important}
  [data-cta]{display:none !important}

  /* Khoảng đệm và cỡ chữ chung của các section. */
  main section > div[style*="max-width:var(--x3-container)"],
  body > section > div[style*="max-width:var(--x3-container)"],
  section > div[style*="max-width:var(--x3-container)"]{padding-top:60px !important;padding-bottom:60px !important}
  section h2{font-size:clamp(24px,2.5vw,30px) !important;line-height:1.15 !important}
  section div[data-reveal][style*="text-align:center"]{margin-bottom:32px !important}
  section p{max-width:none}

  /* Hero */
  #hero h1{font-size:clamp(30px,3.2vw,40px) !important}

  /* Ảnh thi công: 6 cột, 2 hàng. */
  #thi-cong .x3-tc-grid{grid-template-columns:repeat(6,1fr) !important;grid-auto-rows:clamp(130px,12.5vw,180px) !important}


  /* Dòng sản phẩm trang chủ: 4 thẻ một hàng, ảnh thấp hơn. */
  #san-pham [data-cards]{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:20px !important}
  #san-pham [data-cards] > article > a{aspect-ratio:16/11 !important}
  #san-pham [data-cards] > article > div{padding:14px 16px 16px !important;gap:6px !important}
  #san-pham [data-cards] h3{font-size:16.5px !important}
  #san-pham [data-cards] p{font-size:13.5px !important}
  #san-pham [data-card-foot]{gap:8px !important}
  #san-pham [data-card-foot] > a{padding:0 12px !important;font-size:13.5px !important;min-height:40px !important}
  #san-pham [data-card-foot] strong{font-size:19px !important}

  /* Chọn keo theo vật liệu: 6 ô một hàng, bỏ bảng gợi ý trùng nội dung. */
  #chon-keo [data-matgrid]{grid-template-columns:repeat(6,minmax(0,1fr)) !important}
  #chon-keo [data-result] ~ div, #chon-keo [data-result] ~ p{display:none !important}
  #chon-keo [data-result]{margin-top:24px !important}
  #chon-keo [data-result-img]{height:140px !important;width:70px !important}

  /* Bảng màu: 7 màu một hàng, chai minh hoạ nhỏ lại. */
  #bang-mau div[style*="minmax(min(300px"]{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) !important;gap:24px !important}
  #bang-mau [data-swgrid]{grid-template-columns:repeat(7,minmax(0,1fr)) !important;gap:12px !important}
  #bang-mau [data-swgrid] span[style*="font-size:15px"]{font-size:12.5px !important}
  #bang-mau [data-swgrid] button{padding:6px 6px 9px !important;gap:7px !important}
  #bang-mau div[style*="min-height:clamp(320"]{min-height:0 !important}
  #bang-mau [data-float-bottle]{max-height:280px !important}
  #bang-mau div[style*="width:min(84%,360px)"]{width:min(84%,260px) !important}
  #bang-mau div[style*="margin-top:clamp(24px,3vw,40px)"]{margin-top:30px !important}
  #bang-mau div[style*="flex-wrap:wrap;align-items:stretch"]{margin-top:16px !important}

  /* Ứng dụng theo ngành: card thấp hơn. */
  #ung-dung [data-industry-card]{min-height:180px !important;height:auto !important}
  #ung-dung [data-indgrid]{gap:22px !important}

  /* Vì sao chọn: ô ưu điểm gọn, ảnh nhỏ lại. */
  #vi-sao [data-benefit]{padding:18px 14px !important}
  #vi-sao [data-benefit] img{width:38px !important;height:38px !important}
  #vi-sao [data-worker-frame]{width:min(100%,360px) !important}
  #vi-sao p[data-reveal]{margin-bottom:24px !important}

  /* Đại lý: form 2 cột, bỏ 2 ô liên hệ dưới form (đã có nút nổi gọi/Zalo). */
  #dai-ly p[data-reveal]{margin-bottom:28px !important}
  #dai-ly ul[style*="margin:clamp(28px"]{margin-top:26px !important}
  #lien-he form{display:grid !important;grid-template-columns:1fr 1fr;gap:16px 18px !important}
  #lien-he form > div:has(textarea), #lien-he form > button, #lien-he form > p{grid-column:1 / -1}
  #lien-he textarea{min-height:0 !important;height:64px !important}
  #lien-he > div:nth-child(2){display:none !important}

  /* Lượt 2: cắt nốt phần dư để mỗi section vừa khung 630px. */
  #chon-keo [data-matgrid] > *{min-height:0 !important;padding:16px 10px !important;gap:10px !important}
  #chon-keo [data-matgrid] img{width:56px !important;height:56px !important}
  #chon-keo [data-matgrid] span{font-size:14px !important}
  #ung-dung [data-industry-card]{min-height:168px !important}
  #ung-dung div[data-reveal][style*="text-align:center"]{margin-bottom:28px !important}
  #vi-sao [data-worker-frame]{width:min(100%,320px) !important}
  #lien-he form > *{min-width:0}
  #lien-he input, #lien-he select, #lien-he textarea{width:100% !important;box-sizing:border-box !important;padding-top:11px !important;padding-bottom:11px !important}
  #dai-ly [data-tierrow]{zoom:.82}
  #dai-ly ul[style*="margin:clamp(28px"]{display:flex !important;flex-wrap:wrap !important;gap:8px 22px !important}
  #dai-ly h2[data-reveal] + div{margin-top:12px !important;margin-bottom:12px !important}

  #vi-sao div[style*="minmax(min(168px"]{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px !important}
  #ung-dung [data-industry-panel]{padding-top:20px !important;padding-bottom:20px !important}
  #ung-dung [data-industry-panel] > *{margin-top:0 !important}
  #ung-dung div[data-reveal][style*="text-align:center"] p{margin-top:6px !important}
  
  /* Trang con: tiêu đề chính không quá 38px. */
  h1{font-size:clamp(28px,3.2vw,38px) !important;line-height:1.12 !important}

  /* Lưới ảnh (trang chủ + giới thiệu): hàng thấp hơn; lưới kho 13 ảnh xếp 8 cột
     để lấp đúng 2 hàng. */
  .x3-tc-grid{grid-auto-rows:clamp(120px,12vw,160px) !important;gap:14px !important}
  #kho-hang .x3-tc-grid{grid-template-columns:repeat(8,1fr) !important}
  #thi-cong .x3-tc-grid{grid-auto-rows:clamp(120px,12vw,165px) !important}

  /* Danh sách sản phẩm (trang Sản phẩm, trang dòng sản phẩm): 4 card một hàng. */
  section[aria-labelledby] > [data-cards], main > div > [data-cards]{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px !important}
  [data-cards] > article > a[style*="aspect-ratio:4/3"]{aspect-ratio:16/11 !important}
  [data-cards] > article > div[style*="padding:18px 20px 20px"]{padding:14px 16px 16px !important;gap:6px !important}

  /* Giới thiệu */
  section[aria-labelledby="cong-trinh"] .x3-tc-grid{grid-template-columns:repeat(5,1fr) !important;grid-auto-rows:170px !important}
  section[aria-labelledby="cong-trinh"] .x3-tc-big{grid-column:auto !important;grid-row:auto !important}
  section[aria-labelledby="cong-trinh"] > div{padding:26px 30px !important}
  #kho-hang ~ p, #kho-hang + div + p{margin-bottom:14px !important}
  #kho-hang ~ .x3-tc-grid{grid-auto-rows:112px !important}
  section[aria-labelledby="dong-sp"] article > img{aspect-ratio:2/1 !important}
  /* Đại lý: bảng và form gọn hơn. */
  section[aria-labelledby="chiet-khau"] td, section[aria-labelledby="chiet-khau"] th{padding-top:9px !important;padding-bottom:9px !important}
  main input, main select{padding-top:12px !important;padding-bottom:12px !important;min-height:0 !important}
  main textarea{height:70px !important;min-height:0 !important}
  #dang-ky form > div[style*="flex-direction:column;gap:14px"]{display:grid !important;grid-template-columns:1fr 1fr;gap:16px 18px !important}
  #dang-ky form [data-two]{display:contents !important}
  #dang-ky form label:has(textarea), #dang-ky form button, #dang-ky form p, #dang-ky form > div > div:not([data-two]){grid-column:1 / -1}
}