/* =====================================================================
   VTMN — TRANG SẢN PHẨM: BỐ CỤC MỚI (28/09/2026) · chỉ nạp khi vtmn_spx_bat()
   Anh Vinh: "Màu sắc không thay đổi, chỉ ux ui lại" → KHÔNG thêm màu mới.
   Mọi giá trị dưới đây chép từ kiểu đang có trên site (đo thật 28/09):
     khung      : nền #fff, viền 1px #E8EBF0, bo 8px (= khung tab cũ, khung "Sản phẩm tương tự")
     tiêu đề    : #16233D 21px/700, vạch trái 4px #1C55DA bo 3px (= "Bảng quy cách có sẵn")
     tab/mục lục: viên 8px, viền #E5E5E5 chữ #000; đang chọn nền rgba(28,85,218,.08) viền+chữ #1C55DA (= tab cũ)
     nút phụ    : viên 999px, nền trắng, viền + chữ #1C55DA 13.5px/600 (= "Xem thêm … quy cách")
     ô nhập     : viền #E2E6EB bo 10px, chữ #16233D (= ô lọc quy cách)
   Thứ tự: máy tính trước → ≤849px → ≤549px (theo Flatsome).
   ===================================================================== */

/* ---------- 1) Cột ảnh: ảnh nhỏ NGAY DƯỚI ảnh lớn, "Chính sách sản phẩm" xuống dưới ---------- */
.vtmn-spx .product-gallery{display:flex;flex-direction:column}
.vtmn-spx .product-gallery > *{order:5}
.vtmn-spx .product-gallery > .product-images{order:1}
.vtmn-spx .product-gallery > .product-thumbnails{order:2;margin-top:10px}
.vtmn-spx .product-gallery > .vtmn-policy-product{order:3}

/* ---------- 2) Cột thông tin: xếp lại thứ tự (giữ nguyên từng hộp, từng màu) ---------- */
.vtmn-spx .product-info{display:flex;flex-direction:column}
.vtmn-spx .product-info > *{order:30}
.vtmn-spx .product-info > .woocommerce-breadcrumb,
.vtmn-spx .product-info > .breadcrumbs{order:1}
.vtmn-spx .product-info > .product-title{order:2}
.vtmn-spx .product-info > .price-wrapper{order:3}
.vtmn-spx .product-info > .product-short-description{order:4}
.vtmn-spx .product-info > .vtmn-spx-tra{order:5}
.vtmn-spx .product-info > .vtmn-quote-box{order:6}
.vtmn-spx .product-info > .gifts-offers{order:7}
.vtmn-spx .product-info > .product-notice{order:8}
.vtmn-spx .product-info .product-title{font-size:26px;line-height:1.25}

/* ô tra nhanh cỡ */
.vtmn-spx-tra{margin:0 0 16px;padding:14px;background:#fff;border:1px solid #E4E4E4;border-radius:8px}
.vtmn-spx-tra label{display:block;margin:0 0 8px;font-size:15px;font-weight:600;color:#16233D}
.vtmn-spx-tra label b{font-variant-numeric:tabular-nums}
.vtmn-spx-tra-hang{display:flex;gap:8px}
.vtmn-spx-tra input[type=search]{flex:1;min-width:0;height:42px;margin:0;padding:0 14px;border:1px solid #E2E6EB;border-radius:10px;background:#fff;color:#16233D;font-size:15px;box-shadow:none;font-feature-settings:"calt" 0}
.vtmn-spx-tra input[type=search]:focus{border-color:#1C55DA;outline:none}
.vtmn-spx-tra small{display:block;margin-top:8px;font-size:12.5px;color:#7b828d;line-height:1.5}

/* nút phụ dùng chung (= nút "Xem thêm … quy cách") */
.vtmn-spx-nut{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin:0;padding:9px 20px;background:#fff;border:1px solid #1C55DA;border-radius:999px;color:#1C55DA;font-size:13.5px;font-weight:600;line-height:1.2;text-transform:none;letter-spacing:normal;white-space:nowrap;cursor:pointer;box-shadow:none}
.vtmn-spx-nut:hover{background:#1C55DA;color:#fff}

/* ---------- 3) Thanh mục lục dính (kiểu = tab cũ) ---------- */
.vtmn-spx-nav{position:sticky;top:0;z-index:30;margin:0 0 20px;padding:10px 0;background:#fff;border-bottom:1px solid #E8EBF0}
.vtmn-spx-nav ul{display:flex;gap:8px;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}
.vtmn-spx-nav ul::-webkit-scrollbar{display:none}
.vtmn-spx-nav li{flex:none;margin:0;list-style:none}
.vtmn-spx-nav a{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #E5E5E5;border-radius:8px;color:#000;font-size:15px;line-height:1.3;white-space:nowrap}
.vtmn-spx-nav a:hover{border-color:#1C55DA;color:#1C55DA}
.vtmn-spx-nav a[aria-current="true"]{background:rgba(28,85,218,.08);border-color:#1C55DA;color:#1C55DA}
.vtmn-spx-nav .n{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:#F1F3F6;color:#7b828d;font-size:12px;font-variant-numeric:tabular-nums}
.vtmn-spx-nav a[aria-current="true"] .n{background:#fff;color:#1C55DA}
#vtmn-quycach,#vtmn-spx-thongso,#vtmn-spx-mota,#vtmn-faq,#vtmn-spx-lienquan{scroll-margin-top:84px}
.vtmn-spx-neo{display:block;height:0}

/* ---------- 4) Khung từng phần (= khung tab cũ) ---------- */
.vtmn-spx-khung{margin:0 0 20px;padding:20px;background:#fff;border:1px solid #E8EBF0;border-radius:8px}
.vtmn-spx-khung #vtmn-quycach{margin:0}
.vtmn-spx-de{position:relative;margin:0 0 14px;padding:0 0 0 14px;color:#16233D;font-size:21px;font-weight:700;line-height:1.3}
.vtmn-spx-de::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:3px;background:#1C55DA}

/* thông số + cách đo */
.vtmn-spx-ts{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:20px;align-items:start}
.vtmn-spx-ts-bang table{margin:0}
.vtmn-spx-do{padding:16px;background:#F7F9FF;border:1px solid #E4E4E4;border-radius:8px}
.vtmn-spx-do h3{margin:0 0 6px;font-size:16px;font-weight:700;color:#16233D}
.vtmn-spx-do p{margin:0;font-size:14px;color:#4a5468}
.vtmn-spx-hinh{display:block;width:100%;max-width:300px;height:auto;margin:12px auto;color:#1C55DA}
.vtmn-spx-hinh .p path,.vtmn-spx-hinh .p rect{fill:#fff;stroke:#7b828d;stroke-width:1.6}
.vtmn-spx-hinh .h path{fill:none;stroke:#7b828d;stroke-width:1.2;stroke-dasharray:4 4}
.vtmn-spx-hinh .e path{fill:none;stroke:#CFD4DC;stroke-width:1.2}
.vtmn-spx-hinh .d path{fill:none;stroke:#1C55DA;stroke-width:1.6}
.vtmn-spx-hinh .t text{font:600 16px Inter,system-ui,sans-serif;fill:#16233D}
.vtmn-spx-lk{font-size:14px;font-weight:600}

/* nhóm không có khối đo (khớp nối, O-ring, phụ kiện, phốt bơm) → bảng thông số chiếm hết bề ngang (SPN-C1) */
.vtmn-spx-ts--mot{grid-template-columns:minmax(0,1fr)}

/* mô tả thu gọn */
.vtmn-spx-mota{position:relative}
.vtmn-spx-mota.is-gon .vtmn-spx-mota-noi{max-height:720px;overflow:hidden}
.vtmn-spx-mota.is-gon::after{content:"";position:absolute;left:0;right:0;bottom:58px;height:140px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}
.vtmn-spx-mota-nut{margin:16px 0 0}
.vtmn-spx-mota .khi-mo,.vtmn-spx-mota:not(.is-gon) .khi-gon{display:none}
.vtmn-spx-mota:not(.is-gon) .khi-mo{display:inline}
/* bài ngắn: JS bỏ is-gon + thêm is-ngan → không lớp mờ, không nút (SPN-C2) */
.vtmn-spx-mota.is-ngan .vtmn-spx-mota-nut{display:none}
/* cột chữ dễ đọc ~90 ký tự/dòng, ảnh không cao quá màn hình (SPN-A5; azpos 838px) */
.vtmn-spx-mota-noi{max-width:860px}
.vtmn-spx-mota-noi img{max-width:100%;height:auto}
.vtmn-spx-mota-noi img.vtmn-spx-anh-cao{display:block;width:560px;max-width:100%;margin-left:auto;margin-right:auto}
.vtmn-spx-mota-noi > h2:first-child{margin-top:0}

/* tên ngắn trên mục lục chỉ dùng cho điện thoại (SPN-M6) */
.vtmn-spx-nav .ngan{display:none}

/* nút "Hỏi cỡ này": bỏ làm mờ .55 (chữ xanh mờ chỉ còn tương phản ~2,6:1), giữ nguyên màu (SPN-D4) */
.vtmn-spx #vtmn-quycach .vtmn-qc-hoi{opacity:1}

/* nhãn danh mục viết hoa ở "Sản phẩm tương tự": dòng 15,6px cắt mất dấu (PHỐT → PHÔT) (SPN-D5) */
.vtmn-spx .related .product-cat{line-height:1.6;height:auto}

/* ---------- 5) Hộp "Báo giá nhanh" (ẩn mặc định; chỉ hiện ở máy tính ≥1100px) ---------- */
.vtmn-spx-ben{display:none}

/* (SPN-D1 BỎ 30/09: tỉ lệ cột ảnh/thông tin 50:50 là anh Vinh chọn từ 10/08 — style.css mục 17.1. Không đổi.) */

/* =========================== MÁY TÍNH ≥1100px: phần dưới 2 cột (SPN-D2, D3) ===========================
   trái = mục lục dính + quy cách + thông số + mô tả + hỏi đáp · phải = hộp "Báo giá nhanh" dính.
   Mục lục dính trong .vtmn-spx-chinh nên hết Hỏi đáp là thôi dính. */
@media (min-width:1100px){
  .vtmn-spx-2cot{display:flex;align-items:flex-start;gap:28px}
  .vtmn-spx-chinh{flex:1 1 auto;min-width:0}
  .vtmn-spx-chinh .vtmn-faq{max-width:none;margin-left:0;margin-right:0}
  .vtmn-spx-ben{display:block;flex:0 0 340px;align-self:stretch}
  .vtmn-spx-ben-the{position:sticky;top:20px;padding:18px;background:#f7f9ff;border:1px solid var(--lineColor,#E8EBF0);border-radius:var(--main-border-radius,8px)}
  .vtmn-spx-ben-de{margin:0 0 12px;color:#16233D;font-size:16px;font-weight:700}
  .vtmn-spx-ben-sp{display:flex;align-items:center;gap:12px;margin:0 0 14px}
  .vtmn-spx-ben-sp img{flex:0 0 64px;width:64px;height:64px;object-fit:contain;background:#fff;border:1px solid #E8EBF0;border-radius:8px}
  .vtmn-spx-ben-sp .ten{margin:0 0 2px;color:#16233D;font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .vtmn-spx-ben-sp .gia{margin:0;color:var(--priceColor,#C24800);font-size:15px;font-weight:700}
  .vtmn-spx-ben .vtmn-spx-ben-nut .vtmn-quote-btn{flex:1 1 100%;justify-content:center}
  .vtmn-spx-ben .vtmn-spx-nut{width:100%;margin:10px 0 0;min-height:47px}
  .vtmn-spx-ben-gio{margin:10px 0 0;color:#6b7280;font-size:13px;text-align:center}
}

/* =========================== ĐIỆN THOẠI + TABLET ≤849px ===========================
   style.css (khối "A. BO CUC", ~dòng 3040) ĐÃ gộp 2 cột thành 1 thẻ ở ≤849px:
   .row.content-row = flex cột, .product-gallery = display:contents, xếp bằng order.
   Ta làm TIẾP theo đúng cơ chế đó: cho cả .product-info "tan" ra (display:contents) rồi
   đặt thứ tự cho MỌI hộp con — không đụng màu, không đụng PHP.
   Thứ tự (30/09, học azpos — ẢNH LÊN TRƯỚC): đường dẫn → ẢNH 1:1 → ảnh nhỏ → TÊN → giá → Gọi/Zalo
           → gạch đầu dòng → tra cỡ → Chính sách bán hàng → hàng có sẵn → Chính sách sản phẩm.
   Độ ưu tiên (0,4,0) để thắng luật cũ ".single-product .product-main …" (0,3,0). */
@media (max-width:849px){
  .vtmn-spx .product-main{padding-top:6px}                          /* SPN-M2: header → đường dẫn 36 → 22px */
  .vtmn-spx .product-main .row .product-info{display:contents}
  .vtmn-spx .product-main .row .product-info > *{order:30;width:100%}
  .vtmn-spx .product-main .row .woocommerce-breadcrumb{order:1}
  .vtmn-spx .product-main .row .product-images{order:2}
  .vtmn-spx .product-main .row .product-thumbnails{order:3;margin:8px 0 10px}
  .vtmn-spx .product-main .row .product-title{order:4}
  .vtmn-spx .product-main .row .price-wrapper{order:5}
  .vtmn-spx .product-main .row .vtmn-quote-box{order:6}
  .vtmn-spx .product-main .row .product-short-description{order:7}
  .vtmn-spx .product-main .row .vtmn-spx-tra{order:8}
  .vtmn-spx .product-main .row .gifts-offers{order:9}
  .vtmn-spx .product-main .row .product-notice{order:10}
  .vtmn-spx .product-main .row .vtmn-policy-product{order:11}
  /* SPN-A4: ảnh chính VUÔNG rộng hết thẻ (luật cũ "A1" ép cao 240px → ảnh chỉ 240×240 trong khung 328) */
  .vtmn-spx.single-product .product-images .woocommerce-product-gallery__wrapper img{height:auto;aspect-ratio:1/1;object-fit:contain}
  /* SPN-M1: dòng "Sản phẩm bán theo quy cách & số lượng…" trùng ý chữ "Liên hệ báo giá" ngay trên → bỏ để nút Gọi lên màn đầu */
  .vtmn-spx .vtmn-quote-box__head{display:none}
  /* SPN-M7: nút "lên đầu trang" đè lên nút "Hỏi cỡ này"; đã có thanh đáy + mục lục dính */
  .vtmn-spx #footer #top-link.back-to-top{display:none !important}
  .vtmn-spx-ts{grid-template-columns:1fr}
  /* SPN-M6: mục lục tên ngắn để thấy đủ các mục */
  .vtmn-spx-nav .dai{display:none}
  .vtmn-spx-nav .ngan{display:inline}
  /* SPN-M5: vùng bấm ≥44px */
  .vtmn-spx-nav a{min-height:44px}
  .vtmn-spx-nut{min-height:44px}
  .vtmn-spx-lk{display:inline-block;padding:12px 0}
  .vtmn-spx .related .vtmn-loop-quote{min-height:44px}
}
/* tablet dọc (550–849px): ảnh vuông rộng hết thẻ sẽ cao ~690px → giới hạn 400px (ảnh giữ tỉ lệ, căn giữa),
   để nút Gọi vẫn nằm trong màn đầu (768×1024). */
@media (min-width:550px) and (max-width:849px){
  .vtmn-spx.single-product .product-images .woocommerce-product-gallery__wrapper img{max-height:400px}
}
/* ======================= CỠ CHỮ ĐIỆN THOẠI + TABLET ≤849px (SPN-M8, 30/09 — anh Vinh: "font size trên mobile chưa tối ưu") =======================
   Trước: 12 cỡ chữ lộn xộn (gạch đầu dòng 14 mà mô tả 16; nút 13 / 13,5 / 15; tên SP 22 nhưng chữ "Liên hệ báo giá" 24;
   tiêu đề khối 18 / 19 / 20). Nay 5 bậc — KHÔNG đổi màu:
     13px chữ phụ (ghi chú, đếm, nhãn) · 15px NỘI DUNG + NÚT · 16px tiêu đề hộp nhỏ · 18px tiêu đề khối · 20px tên SP + giá.
   Tiền tố .vtmn-spx.single-product để thắng luật cũ trong style.css (tới (0,4,0)). */
@media (max-width:849px){
  /* 20px — tên sản phẩm + giá */
  .vtmn-spx.single-product .product-main .row .product-title{font-size:20px;line-height:1.3;font-weight:700;margin:0 0 6px}
  .vtmn-spx.single-product .product-info .price .vtmn-lienhe{font-size:20px}
  /* 18px — tiêu đề từng khối */
  .vtmn-spx .vtmn-spx-de,
  .vtmn-spx #vtmn-quycach .vtmn-qc-de,
  .vtmn-spx .vtmn-faq .vtmn-faq-de,
  .vtmn-spx.single-product .related .product-section-title{font-size:18px;line-height:1.3}
  .vtmn-spx .vtmn-spx-mota-noi h2{font-size:18px;line-height:1.35}
  /* 16px — tiêu đề hộp nhỏ */
  .vtmn-spx.single-product .product-info .gifts-offers .title,
  .vtmn-spx.single-product .vtmn-policy-product h2,
  .vtmn-spx .vtmn-spx-do h3,
  .vtmn-spx .vtmn-spx-mota-noi h3{font-size:16px;font-weight:700}
  /* 15px — nội dung */
  .vtmn-spx.single-product .product-short-description,
  .vtmn-spx.single-product .product-short-description li,
  .vtmn-spx.single-product .product-info .gifts-offers .content,
  .vtmn-spx.single-product .product-notice .notice-content,
  .vtmn-spx.single-product .vtmn-policy-product__content .item .info .title,
  .vtmn-spx .vtmn-spx-do p,
  .vtmn-spx .vtmn-spx-mota-noi,
  .vtmn-spx .vtmn-spx-mota-noi p,
  .vtmn-spx .vtmn-spx-mota-noi li,
  .vtmn-spx .vtmn-faq .vtmn-faq-q,
  .vtmn-spx .vtmn-faq .vtmn-faq-a,
  .vtmn-spx.single-product .vtmn-spec-table table td{font-size:15px;line-height:1.6}
  .vtmn-spx.single-product .vtmn-spec-table table th{font-size:13px;line-height:1.4}
  .vtmn-spx .vtmn-faq .vtmn-faq-q{line-height:1.45}
  /* 15px — nút */
  .vtmn-spx .vtmn-spx-nut,
  .vtmn-spx #vtmn-quycach .vtmn-qc-them,
  .vtmn-spx .vtmn-spx-lk{font-size:15px}
  .vtmn-spx #vtmn-quycach .vtmn-qc-hoi,
  .vtmn-spx.single-product .related .vtmn-loop-quote{font-size:14px}
  .vtmn-spx .vtmn-spx-tra label{font-size:15px}
  /* 13px — chữ phụ (trước 12–12,5px, dưới chuẩn) */
  .vtmn-spx .vtmn-quote-box__note,
  .vtmn-spx #vtmn-quycach .vtmn-qc-ghi,
  .vtmn-spx #vtmn-quycach .vtmn-qc-dem{font-size:13px}
}

/* ======================= ĐIỆN THOẠI ≤549px: LỀ 10px (SPN-M9, 30/09 — anh Vinh: "cho sát viền, rộng ra" → rồi "sát viền quá, cách viền mỗi bên 10px") =======================
   Trước: thẻ sản phẩm lùi 15px + đệm 16px → nội dung chỉ rộng 328/390px (84%); các khung dưới cũng lồng 2 lớp lề.
   Nay: các khối TRẮNG TRÀN VIỀN, cách nhau bằng 1 đường kẻ #E8EBF0 (màu viền sẵn có) — MỌI THỨ (ảnh, chữ, hộp, bảng) cách mép màn hình đúng 10px mỗi bên (370/390),
   ảnh chính cũng lùi 10px (không tràn mép). !important vì style.css mục A đặt padding/margin thẻ bằng !important. */
@media (max-width:549px){
  .vtmn-spx.single-product .product-main .row.content-row{margin:0 !important;padding:4px 10px 16px !important;border-radius:0}
  /* ảnh vuông rộng hết thẻ → gom lại màn đầu để nút Gọi vẫn nằm trên thanh đáy (G4):
     đường dẫn 45 → 35px, ảnh nhỏ 4 → 5 ô/hàng (67 → 53px), bớt đệm dưới giá + trong hộp báo giá */
  .vtmn-spx.single-product .product-info .breadcrumbs a{padding:9px 0}
  .vtmn-spx.single-product .product-main .row .product-thumbnails{margin:6px 0 8px}
  .vtmn-spx.single-product .product-main .product-thumbnails.small-columns-4 > .col{flex-basis:20%;max-width:20%;width:20%}
  .vtmn-spx.single-product .product-info .price-wrapper{padding-bottom:8px;margin-bottom:10px}
  .vtmn-spx.single-product .product-info .vtmn-quote-box{padding:12px}
  .vtmn-spx.single-product .product-footer > .container{padding-left:0;padding-right:0}
  .vtmn-spx .vtmn-spx-nav{margin:0;padding:8px 10px;border-top:1px solid #E8EBF0}
  .vtmn-spx .vtmn-spx-khung{margin:0;padding:20px 10px;border-width:1px 0 0;border-radius:0}
  .vtmn-spx .vtmn-spx-nav + .vtmn-spx-khung{border-top:0}   /* mục lục đã có kẻ dưới → khỏi kẻ đôi */
  .vtmn-spx .vtmn-spx-chinh > .vtmn-faq{margin:0;padding:20px 10px 8px;border-top:1px solid #E8EBF0}
  .vtmn-spx.single-product .product-footer .related.product-section{margin:0;padding:20px 10px;border-width:1px 0 0;border-radius:0}   /* (0,6,0): style.css có luật 4 lớp cho khối này */
  /* bảng thông số: nhãn TRÊN, giá trị DƯỚI (học azpos az-tskt) — cột nhãn hẹp 30% làm nhãn gãy 2 dòng ("KHẢ NĂNG / CHỊU ÁP") */
  .vtmn-spx.single-product .vtmn-spec-table table tr{display:block;padding:10px 0}
  .vtmn-spx.single-product .vtmn-spec-table table th,
  .vtmn-spx.single-product .vtmn-spec-table table td{display:block;width:auto;padding:0}
  .vtmn-spx.single-product .vtmn-spec-table table th{margin:0 0 2px}
  /* SPN-M4: ô tra cỡ gọn 1 hàng (ô nhập + nút), bỏ dòng gợi ý 12,5px */
  .vtmn-spx-tra{padding:12px}
  .vtmn-spx-tra small{display:none}
  .vtmn-spx-tra input[type=search]{height:44px}
  .vtmn-spx-tra-hang .vtmn-spx-nut{padding:9px 16px}
  .vtmn-spx-nav ul{padding-right:32px;mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent)}
  .vtmn-spx-nav a{padding:7px 12px;font-size:14px}
  .vtmn-spx-mota.is-gon .vtmn-spx-mota-noi{max-height:560px}
}

/* ---------- Bảng quy cách trên điện thoại (SPN-M3) — mỗi quy cách 1 thẻ gọn 2 hàng ----------
   trái: mã / cột chữ (nếu có) / các số, MỖI SỐ CÓ NHÃN NGẮN · phải: nút "Hỏi cỡ này" căn giữa dòng (dòng ~64px thay 92px)
   (data-ngan do vtmn-sp-moi.php lấy từ đúng tên cột của bảng đó: d / D / B / H / L…).
   Thay cách cũ (các số nối bằng × + chú thích cố định "trục d × lỗ D × dày B") vốn sai với bảng
   xếp D trước d, và làm tràn nút ra ngoài màn hình ở bảng có cột chữ (vd Phốt áp TCN).
   Giữ nguyên màu / viền / nút của vtmn-quycach.php. */
@media (max-width:600px){
  .vtmn-spx #vtmn-quycach table.vtmn-qc-bang tbody tr{position:relative;display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:4px;min-height:64px;padding:10px 118px 10px 12px;margin:0 0 6px;border-radius:8px}
  .vtmn-spx #vtmn-quycach table.vtmn-qc-bang tbody tr[hidden]{display:none}
  .vtmn-spx #vtmn-quycach table.vtmn-qc-bang tbody td{display:block;margin:0;padding:0;border:0;border-radius:0;background:none}
  .vtmn-spx #vtmn-quycach table.vtmn-qc-bang tbody td.ma{order:1;flex:1 1 100%;min-width:0;margin:0;padding:0;border:0;font-size:15px;white-space:normal;overflow-wrap:anywhere}
  .vtmn-spx #vtmn-quycach table.vtmn-qc-bang tbody td.c-hoi{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:auto;margin:0;padding:0}   /* nút bên phải, giữa dòng */
  .vtmn-spx #vtmn-quycach table.vtmn-qc-bang tbody td:not(.ma):not(.c-hoi){order:3;flex:1 1 100%;margin:0;padding:0;background:none;border-radius:0;font-size:15px;color:#4a5261;white-space:normal}
  .vtmn-spx #vtmn-quycach table.vtmn-qc-bang tbody td:not(.ma):not(.c-hoi)::before{content:none}
  .vtmn-spx #vtmn-quycach table.vtmn-qc-bang tbody td[data-ngan]:not(.ma):not(.c-hoi){order:4;flex:0 0 auto;font-size:15px;color:#16233d;font-variant-numeric:tabular-nums;white-space:nowrap}
  .vtmn-spx #vtmn-quycach table.vtmn-qc-bang tbody td[data-ngan]:not(.ma):not(.c-hoi)::before{content:attr(data-ngan);display:inline;margin:0 4px 0 0;font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;color:#7b828d}
  .vtmn-spx #vtmn-quycach .vtmn-qc-hoi{width:auto;min-height:44px;padding:8px 14px;white-space:nowrap}
  .vtmn-spx #vtmn-quycach .vtmn-qc-them{min-height:44px}
}