/* nhatdx-earth-bn */

.nxe-bn { display: none; }
@media (max-width: 849px) {
  /* Thanh đáy màu nâu đậm — cùng tông dải trên cùng và chân trang, điểm nhấn caramel */
  .nxe-bn { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990; display: grid;
            background: linear-gradient(180deg, #3A2A1F 0%, #2E2118 100%);
            border-top: 1px solid hsla(29,60%,49%,.45); border-radius: 18px 18px 0 0;
            padding: 6px 6px calc(6px + env(safe-area-inset-bottom, 0px));
            box-shadow: 0 -10px 28px rgba(46,33,24,.22); font-family: var(--nxe-sans, sans-serif); }
  .nxe-bn-i { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 52px;
              font-size: 11px; font-weight: 500; letter-spacing: .01em; color: hsl(33,45%,83%) !important; text-decoration: none !important;
              -webkit-tap-highlight-color: transparent; transition: transform .15s ease; }
  .nxe-bn-i:active { transform: scale(.94); }
  .nxe-bn-ic { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 30px; border-radius: 999px;
               color: hsl(34,52%,89%); transition: background-color .2s ease, color .2s ease; }
  .nxe-bn-ic svg { display: block; }
  .nxe-bn-tx { line-height: 1.1; white-space: nowrap; }
  /* Mục đang xem: viên caramel mờ sau biểu tượng + chữ caramel sáng */
  .nxe-bn-i.is-on .nxe-bn-ic { background: hsla(29,60%,49%,.28); color: hsl(28,82%,71%); }
  .nxe-bn-i.is-on { color: hsl(28,82%,71%) !important; font-weight: 700; }
  /* Gọi ngay: cùng hàng, cùng cỡ với các mục khác — chỉ nổi bật bằng nền caramel + vòng sáng lan nhẹ */
  .nxe-bn-i--call .nxe-bn-ic { position: relative; background: linear-gradient(145deg, hsl(29,64%,55%), hsl(28,66%,44%)); color: #FFF;
                               box-shadow: 0 3px 10px hsla(29,60%,49%,.5); }
  .nxe-bn-i--call .nxe-bn-ic::after { content: ""; position: absolute; inset: 0; border-radius: inherit;
                                      box-shadow: 0 0 0 0 hsla(29,64%,55%,.55); animation: nxeBnRing 2.4s ease-out infinite; pointer-events: none; }
  .nxe-bn-i--call { color: hsl(28,82%,71%) !important; font-weight: 600; }
  @keyframes nxeBnRing { 0% { box-shadow: 0 0 0 0 hsla(29,64%,55%,.55); } 70%, 100% { box-shadow: 0 0 0 8px hsla(29,64%,55%,0); } }
  /* Zalo: chữ Zalo trên nền trắng — cùng kiểu nút Zalo ở trang sản phẩm */
  .nxe-bn-zl { display: inline-flex; align-items: center; justify-content: center; height: 24px; padding: 0 10px; border-radius: 999px;
               background: #FFFFFF; color: #C97B32; font-size: 12px; font-weight: 800; letter-spacing: .01em; box-shadow: 0 2px 6px rgba(0,0,0,.18); }
  @media (prefers-reduced-motion: reduce) { .nxe-bn-i--call .nxe-bn-ic::after { animation: none; } }
  body.nx-earth { padding-bottom: calc(70px + 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: 84px !important; }
}