/* nhatdx-earth-bn */

.nxe-bn { display: none; }
@media (max-width: 849px) {
  /* Thanh đáy trắng phẳng, gọn: nền trắng sát đáy, viền mảnh màu cát; mục đang xem có vạch caramel phía trên */
  .nxe-bn { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990; display: grid;
            background: #FFFFFF; border-top: 1px solid #EDE3D6; box-shadow: 0 -4px 16px rgba(46,33,24,.06);
            padding: 2px 4px calc(2px + env(safe-area-inset-bottom, 0px)); font-family: var(--nxe-sans, sans-serif); }
  .nxe-bn-i { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 50px;
              font-size: 10.5px; font-weight: 500; letter-spacing: .01em; color: #857262 !important; text-decoration: none !important;
              -webkit-tap-highlight-color: transparent; transition: transform .15s ease; }
  .nxe-bn-i:active { transform: scale(.94); }
  .nxe-bn-i::before { content: ""; position: absolute; top: -2px; left: 30%; right: 30%; height: 3px; border-radius: 0 0 3px 3px; background: transparent; }
  .nxe-bn-ic { display: inline-flex; align-items: center; justify-content: center; height: 24px; color: #6E5A49; }
  .nxe-bn-ic svg { display: block; width: 21px; height: 21px; }
  .nxe-bn-tx { line-height: 1.1; white-space: nowrap; }
  /* Mục đang xem */
  .nxe-bn-i.is-on::before { background: #C97B32; }
  .nxe-bn-i.is-on, .nxe-bn-i.is-on .nxe-bn-ic { color: #804324 !important; }
  .nxe-bn-i.is-on { font-weight: 700; }
  /* Gọi ngay: viên caramel nhỏ — nổi bật vừa đủ, không nhấp nháy */
  .nxe-bn-i--call .nxe-bn-ic { width: 34px; height: 26px; border-radius: 999px; background: #C97B32; color: #FFF; }
  .nxe-bn-i--call .nxe-bn-ic svg { width: 17px; height: 17px; }
  .nxe-bn-i--call { color: #804324 !important; font-weight: 700; }
  /* Zalo: chữ Zalo xanh trên nền xanh nhạt — nhận ra ngay */
  .nxe-bn-zl { display: inline-flex; align-items: center; justify-content: center; height: 22px; padding: 0 8px; border-radius: 999px;
               background: #F9F4EE; color: #0068FF; font-size: 11px; font-weight: 800; letter-spacing: .01em; box-shadow: inset 0 0 0 1px #F0E5D6; }
  body.nx-earth { padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px)); }
  /* Thanh đáy đã có Gọi ngay + Zalo: ẩn cụm nút liên hệ nổi để không đè nhau */
  body.nx-earth #nxct { display: none !important; }
  body.nx-earth .back-to-top { bottom: 70px !important; }
}