/* ============================================================
   TRANG BẢNG GIÁ VASTA — /bang-gia/ (25/08/2026)
   Nhãn cảnh báo phải NỔI HẲN: khách tuyệt đối không được hiểu
   nhầm giá niêm yết của hãng là giá bán của Bymehome.
   ============================================================ */
.bmh .bg-canh{
  border:1px solid var(--ink); padding:18px 20px;
  margin:0 0 40px; font-size:15px; line-height:1.7; max-width:78ch;
}
/* nhịp: hero -> khối cảnh báo sát nhau, rồi mới thở ra bảng đầu tiên */
.bmh .td-gia-canh{ padding-top:4px; }
.bmh .bg-canh b{ font-weight:500; }

.bmh .bg-cuon{ overflow-x:auto; }
.bmh .bg-bang{
  width:100%; border-collapse:collapse; font-size:15px; min-width:640px;
}
.bmh .bg-bang th{
  text-align:left; font:400 10px/1.5 var(--font-head); letter-spacing:.16em;
  text-transform:uppercase; color:var(--muted);
  padding:10px 12px; border-bottom:1px solid var(--ink);
}
.bmh .bg-bang td{
  padding:13px 12px; border-bottom:1px solid rgba(38,38,38,.14); vertical-align:top;
}
.bmh .bg-bang tbody tr:last-child td{ border-bottom:0; }
.bmh .bg-gia{ font-weight:500; white-space:nowrap; }

.bmh .bg-ghi{ padding-left:1.1em; }
.bmh .bg-ghi li{ margin-bottom:6px; }

.bmh .bg-chot{ background:var(--bone); }

@media(max-width:767.98px){
  .bmh .bg-canh{ padding:14px 15px; font-size:14px; }
  .bmh .bg-bang{ font-size:14px; }
  .bmh .bg-bang td{ padding:11px 10px; }
}
.bmh .td-dau-gia{ padding-bottom:22px; }

/* ===== ĐIỆN THOẠI: BẢNG -> THẺ (25/08) =====
   Bảng 5 cột không vừa màn dọc; cột ĐƠN GIÁ — thứ khách vào tìm — bị đẩy
   ra ngoài, phải vuốt ngang mới thấy. Trên mobile mỗi dòng thành một thẻ,
   GIÁ đứng đầu và to nhất, thông số xếp dưới. */
@media(max-width:767.98px){
  .bmh .bg-cuon{ overflow:visible; }
  .bmh .bg-bang{ min-width:0; display:block; }
  .bmh .bg-bang thead{ display:none; }
  .bmh .bg-bang tbody,
  .bmh .bg-bang tr,
  .bmh .bg-bang td{ display:block; width:auto; }
  .bmh .bg-bang tr{
    border:1px solid rgba(38,38,38,.18); padding:14px 15px; margin-bottom:10px;
  }
  .bmh .bg-bang td{ border:0; padding:3px 0; font-size:14px; }
  .bmh .bg-bang td::before{
    content:attr(data-nhan) " · "; color:var(--muted);
    font:400 10px/1.5 var(--font-head); letter-spacing:.12em; text-transform:uppercase;
  }
  /* GIÁ len dau the, to va dam */
  .bmh .bg-bang td.bg-gia{
    order:-1; font-size:19px; font-weight:500; padding:0 0 8px;
    margin-bottom:8px; border-bottom:1px solid rgba(38,38,38,.14);
  }
  /* nhãn ĐƠN GIÁ đứng riêng một dòng -> bỏ dấu "·" nối phía sau */
  .bmh .bg-bang td.bg-gia::before{ content:attr(data-nhan); display:block; font-size:10px; margin-bottom:2px; }
  .bmh .bg-bang td.bg-gia i{ font-style:normal; font-size:14px; font-weight:400; }
  .bmh .bg-bang tr{ display:flex; flex-direction:column; }
}