/* nxft-css */

.nxft{--nxft-accent:#C67930;
  background:linear-gradient(180deg,#3E2D20,#291E15);
  color:#E1DAD2;font:15px/1.6 var(--nx-font, Tahoma, Verdana, sans-serif);
  /* Chân trang của theme vốn có khoảng hở phía trên. Gỡ nó ra mà không bù lại thì khối
     nội dung cuối trang (thanh trượt bài viết) đè chồng lên dải cam kết. */
  position:relative;z-index:2;clear:both;margin-top:40px}
.nxft a{color:inherit;text-decoration:none}

/* --- hàng logo đối tác: nền trắng của trang, ngay trên chân trang --- */
.nxft-partners{background:#fff;position:relative;z-index:2;clear:both;margin-top:40px}
.nxft-partners .pls-footer-slider-wrapper{background:#fff;border-bottom:0}
.nxft-partners .pls-container{max-width:1400px;padding:0 30px}
.nxft.nxft--after-partners{margin-top:0}
.nxft .nxft-in{max-width:1400px;margin:0 auto;padding:0 30px;box-sizing:border-box}

/* --- dải cam kết --- */
.nxft-promo{border-bottom:1px solid rgba(255,255,255,.1)}
.nxft-promo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
/* Đệm chỉ ở trên dưới. Có đệm trái thì ô đầu tiên thụt vào so với cột bên dưới, nhìn lệch hẳn. */
.nxft-promo-i{display:flex;gap:12px;align-items:center;padding:22px 0}
.nxft-ic{width:40px;height:40px;border-radius:10px;flex:0 0 auto;
  background:rgba(255,255,255,.08);color:var(--nxft-accent);
  display:flex;align-items:center;justify-content:center}
.nxft-promo-i strong{display:block;color:#fff;font-size:13.8px;line-height:1.35}
.nxft-promo-i span span{font-size:12.4px;color:#B4A697}

/* --- bốn cột --- */
.nxft-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:34px;padding:40px 0 10px}
.nxft h4{margin:0 0 16px;font-size:14px;font-weight:800;letter-spacing:.8px;
  text-transform:uppercase;color:#fff}
.nxft h4::after{content:"";display:block;width:28px;height:3px;border-radius:2px;
  background:var(--nxft-accent);margin-top:8px}
.nxft ul{list-style:none;margin:0;padding:0}
.nxft li{margin-bottom:9px}
.nxft li a{font-size:14.3px;color:#D0C6BC;display:inline-block;
  transition:color .15s,padding-left .15s}
.nxft li a:hover{color:#fff;padding-left:4px}

.nxft-hint{margin:0;padding:10px 12px;border:1px dashed rgba(255,255,255,.26);border-radius:8px;
  font-size:12.6px;color:#C0B2A3;line-height:1.5}
.nxft-logo{display:block;width:100%;max-width:var(--nxft-lw,200px);height:auto;margin:0 0 12px}
@media (max-width:849px){.nxft-logo{max-width:var(--nxft-lwm,var(--nxft-lw,200px))}}
.nxft-name{color:#fff;font-size:20px;font-weight:800;margin-bottom:6px}
.nxft-slogan{font-size:11.6px;letter-spacing:.5px;color:#B8A693;margin-bottom:16px}
.nxft-info{display:flex;gap:9px;align-items:flex-start;margin:0 0 7px;font-size:14px;color:#D0C6BC}
.nxft-info svg{flex:0 0 auto;margin-top:4px;color:#928373}
.nxft-info a:hover{color:#fff}
.nxft-info .nxft-lb{color:#F1EDE8;font-weight:600}
.nxft-legal{margin:14px 0 0;font-size:12.3px;line-height:1.7;color:#9D8F81}

.nxft-soc{display:flex;gap:9px;margin-top:16px;flex-wrap:wrap}
.nxft-soc a{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;
  justify-content:center;border:1px solid rgba(255,255,255,.18);color:#E1DAD2;transition:all .18s}
.nxft-soc a:hover{background:var(--nxft-accent);border-color:var(--nxft-accent);color:#fff;transform:translateY(-2px)}

/* --- ô nhận tư vấn --- */
.nxft-lead{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  border-radius:12px;padding:16px}
.nxft-lead p{margin:0 0 11px;font-size:13.3px;color:#C7BAAC}

/* Biểu mẫu vốn là thẻ trắng có bóng đổ, dựng cho nền sáng. Đặt nguyên vào chân trang tối
   thì thành một khối trắng to đùng. Bỏ lớp vỏ của nó, giữ lại phần ruột. */
.nxft-lead .nxlf,.nxft-lead .nxlf-body{background:transparent!important;border:0!important;
  box-shadow:none!important;padding:0!important;margin:0!important;max-width:none!important;border-radius:0!important}
.nxft-lead .nxlf-head,.nxft-lead .nxlf-title,.nxft-lead .nxlf-note{display:none!important}
/* Ẩn cả ô chứa (kèm nhãn nổi "Nội dung cần tư vấn"), không để nhãn trôi đè lên nút Gửi */
.nxft-lead .nxlf-field:has(.nxlf-note){display:none!important}
.nxft-lead .nxlf-field{margin:0 0 12px!important}

/* Biểu mẫu dùng NHÃN NỔI: nhãn nằm đè lên ô rồi trượt lên nhỏ lại khi gõ. Kiểu đó cần
   khoảng đệm phía trên để chỗ cho nhãn. Bản trước ép height 40px và padding 0 nên nhãn
   và chữ đang gõ chồng lên nhau — phải giữ đúng khoảng đệm mà nhãn nổi cần. */
.nxft-lead .nxlf-field input,.nxft-lead .nxlf-field textarea{
  width:100%!important;box-sizing:border-box!important;
  height:auto!important;min-height:52px!important;
  padding:22px 13px 7px!important;
  font-size:14px!important;font-family:inherit!important;line-height:1.4!important;
  border-radius:9px!important;border:1.5px solid rgba(255,255,255,.2)!important;
  background:rgba(0,0,0,.26)!important;color:#fff!important;box-shadow:none!important}
.nxft-lead .nxlf-field textarea{min-height:86px!important;padding-top:24px!important;resize:vertical}
/* Ô trống: chữ gợi ý (placeholder) nằm giữa ô; gõ chữ vào thì đẩy xuống nhường chỗ cho nhãn nhỏ phía trên */
.nxft-lead .nxlf-field input:placeholder-shown{padding-top:15px!important;padding-bottom:15px!important}
.nxft-lead .nxlf-field input{transition:padding .15s ease,border-color .15s ease}

/* Lúc chọn ô, biểu mẫu gốc đổi nền sang TRẮNG. Nền trắng cộng chữ trắng của chân trang
   là mất hút chữ đang gõ — phải ghi đè cả trạng thái này, không chỉ trạng thái thường. */
.nxft-lead .nxlf-field input:focus,.nxft-lead .nxlf-field textarea:focus{
  background:rgba(0,0,0,.36)!important;color:#fff!important;
  border-color:var(--nxft-accent,#C67930)!important;outline:none!important}

/* Tự điền của trình duyệt cũng hay ép nền trắng chữ đen */
.nxft-lead .nxlf-field input:-webkit-autofill{
  -webkit-text-fill-color:#fff!important;caret-color:#fff;
  -webkit-box-shadow:0 0 0 1000px #433225 inset!important}

.nxft-lead .nxlf-field label{color:#C0B2A3!important;font-size:14px!important}
.nxft-lead .nxlf-field input:focus+label,
.nxft-lead .nxlf-field textarea:focus+label{color:#EFE4D5!important}
.nxft-lead .nxlf-field label span{color:#E4D5C3!important}
.nxft-lead ::placeholder{color:#A49585!important;opacity:1}

.nxft-lead .nxlf-submit,.nxft-lead button[type=submit]{
  width:100%!important;height:44px!important;min-height:44px!important;margin:4px 0 0!important;
  border:0!important;border-radius:9px!important;cursor:pointer;
  background:var(--nxft-accent)!important;color:#fff!important;
  font-size:14px!important;font-weight:700!important;letter-spacing:.3px;
  text-transform:uppercase;box-shadow:none!important}
.nxft-lead .nxlf-submit:hover,.nxft-lead button[type=submit]:hover{filter:brightness(1.08)}
.nxft-lead .nxlf-msg{font-size:12.8px!important;margin-top:8px!important}
.nxft-lead input[type=text],.nxft-lead input[type=tel],.nxft-lead input[type=email],
.nxft-lead textarea{background:rgba(0,0,0,.22)!important;border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;box-shadow:none!important}
.nxft-lead ::placeholder{color:#9D8F81!important}

.nxft-fan{margin-top:14px;max-width:280px}
.nxft-fan iframe{display:block;max-width:100%;border-radius:8px;background:#fff}

/* --- dải dưới cùng --- */
.nxft-bot{border-top:1px solid rgba(255,255,255,.1);margin-top:30px;background:rgba(0,0,0,.18)}
.nxft-bot-in{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;
  min-height:76px;padding-top:20px;padding-bottom:20px;font-size:13.5px;color:#C0B2A3}
.nxft-bot a:hover{color:#fff}
.nxft-badges{display:flex;flex-wrap:wrap;gap:9px}
.nxft-badge{display:inline-flex;align-items:center;height:32px;padding:0 13px;border-radius:6px;
  background:rgba(255,255,255,.09);font-size:11.5px;letter-spacing:.5px;color:#D0C5B9}

/* Cụm giữa khi dán HTML: logo thanh toán, huy hiệu ảnh, mã nhúng bên thứ ba */
.nxft-pay{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}
.nxft-pay img{display:block;height:30px;width:auto;border-radius:5px;background:#fff;padding:3px 6px;
  box-sizing:content-box;transition:transform .15s}
.nxft-pay a:hover img{transform:translateY(-2px)}
.nxft-pay iframe{display:block;max-width:100%;border:0}

@media (max-width:980px){
  .nxft-cols{grid-template-columns:1fr 1fr;gap:28px}
  .nxft-promo-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .nxft .nxft-in{padding:0 20px}
  .nxft-cols{grid-template-columns:1fr}
  .nxft-promo-grid{grid-template-columns:1fr}
  .nxft-bot-in{flex-direction:column;align-items:flex-start}
}