/* noi-that.css — TRÍCH NGUYÊN VĂN từ Web/noi-that.html (2 thẻ <style> chứa .nt*).
   Sinh lại bằng scratchpad/trich-noi-that.js — ĐỪNG sửa tay ở đây, sửa xong
   chạy lại bộ trích là mất. Phần riêng của MH Travel để ở noi-that-mht.css. */


    .nt{--than:#23201d;--than2:#302b26;--vang:#b8933d;--vang2:#d4b978;--kem:#f7f4ee;
        --muc:#2a2620;--nhat:#7a726a;--ke:#e6dfd3}
    .nt-sec{padding:92px 0;background:#fff}
    .nt-sec.kem{background:var(--kem)}
    .nt-sec.than{background:var(--than);color:#f2ede4}
    .nt-in{max-width:1180px;margin:0 auto;padding:0 28px}
    .nt-eb{font-size:10.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--vang);
      font-weight:700;margin:0 0 16px}
    .nt-rule{width:56px;height:1px;background:var(--vang);margin:0 0 26px}
    .nt-c{text-align:center}.nt-c .nt-rule{margin-left:auto;margin-right:auto}
    .nt-h2{font-size:clamp(24px,3.4vw,36px);font-weight:300;line-height:1.28;letter-spacing:-.4px;
      color:var(--muc);margin:0 0 14px}
    .nt-sec.than .nt-h2{color:#fff}
    .nt-lead{font-size:16.5px;line-height:1.9;color:var(--nhat);margin:0;max-width:660px}
    .nt-sec.than .nt-lead{color:rgba(242,237,228,.78)}
    .nt-head{max-width:730px;margin:0 auto 54px}
    .nt-head.nt-c .nt-lead{margin:0 auto}
    .nt p{margin:0 0 18px}
    .nt strong{color:var(--muc);font-weight:600}
    .nt-sec.than strong{color:var(--vang2)}
    /* Chữ đậm trên các nền tối: quy tắc chung .nt strong dùng màu mực (#2a2620)
       nên chìm hẳn vào nền. Ghi đè cho hero và khối giá — cả hai đều nền tối. */
    .nt-hero strong,.nt-hero b,.nt-gia strong,.nt-gia .nt-lead b{color:#fff;font-weight:600}

    .nt a{color:var(--muc)}

    /* HERO */
    .nt-hero{position:relative;background:linear-gradient(150deg,#1a1714 0%,#23201d 48%,#332c24 100%);
      color:#fff;padding:104px 28px 96px;text-align:center;overflow:hidden}

    /* Ảnh nền hero — phối cảnh phòng khách, phủ lớp tối để chữ vẫn đọc rõ */
    .nt-hero{background-image:linear-gradient(150deg,rgba(20,17,14,.92) 0%,rgba(26,23,20,.86) 46%,rgba(48,40,28,.80) 100%),url("/uploads/noi-that/nt-banner.webp");
      background-size:cover;background-position:center 38%;background-repeat:no-repeat}
    @media(max-width:820px){.nt-hero{background-image:linear-gradient(150deg,rgba(20,17,14,.93) 0%,rgba(26,23,20,.88) 46%,rgba(48,40,28,.84) 100%),url("/uploads/noi-that/nt-banner-mb.webp");
      background-position:center 42%}}
    .nt-hero::before{content:"";position:absolute;inset:22px;border:1px solid rgba(184,147,61,.32);pointer-events:none}
    .nt-hero::after{content:"";position:absolute;left:50%;bottom:-180px;width:520px;height:520px;
      transform:translateX(-50%);border-radius:50%;
      background:radial-gradient(circle,rgba(184,147,61,.14),transparent 70%);pointer-events:none}
    .nt-hero-in{position:relative;z-index:1;max-width:820px;margin:0 auto}
    .nt-hero .nt-eb{color:var(--vang2)}
    .nt-hero h1{font-size:clamp(27px,4.4vw,45px);font-weight:200;letter-spacing:1.2px;line-height:1.26;
      margin:0 0 22px;color:#fff}
    .nt-hero .nt-rule{background:var(--vang2);margin:0 auto 26px}
    .nt-hero p{font-size:16.5px;line-height:1.9;color:rgba(255,255,255,.8);margin:0 auto;max_width:640px;max-width:640px}
    .nt-hero-nut{margin-top:34px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
    @media(max-width:640px){.nt-hero{padding:66px 20px 62px}.nt-hero::before{inset:12px}}

    /* nút */
    .nt-nut{display:inline-flex;align-items:center;gap:9px;padding:14px 28px;font-size:14.5px;
      font-weight:600;letter-spacing:.05em;text-decoration:none;border:1px solid transparent;transition:.22s;cursor:pointer}
    .nt-nut.chinh{background:var(--vang);color:#1c1813}
    .nt-nut.chinh:hover{background:#c9a556;color:#1c1813}
    .nt-nut.vien{background:transparent;color:#f2ede4;border-color:rgba(242,237,228,.34)}
    .nt-nut.vien:hover{border-color:var(--vang2);color:var(--vang2)}
    .nt-nut.vien-toi{background:transparent;color:var(--muc);border-color:var(--ke)}
    .nt-nut.vien-toi:hover{border-color:var(--vang);color:var(--vang)}

    /* 3 lựa chọn khi nhận nhà thô */
    .nt-3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--ke);border-left:1px solid var(--ke)}
    .nt-3>div{padding:34px 30px;border-right:1px solid var(--ke);border-bottom:1px solid var(--ke)}
    .nt-3 h3{font-size:17.5px;font-weight:600;color:var(--muc);margin:0 0 10px}
    .nt-3 p{font-size:15px;line-height:1.8;color:#5c554c;margin:0}
    .nt-3 .nt-nhan{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.14em;
      text-transform:uppercase;padding:4px 10px;margin-bottom:14px;border:1px solid}
    .nt-3 .nt-nhan.xam{color:#7a726a;border-color:#ddd6c9;background:#faf8f4}
    .nt-3 .nt-nhan.vang{color:#8a6a22;border-color:#e2cfa4;background:#fdf9f0}
    @media(max-width:900px){.nt-3{grid-template-columns:1fr}}

    /* bảng thông số gói */
    .nt-goi{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start}
    .nt-bang{width:100%;border-collapse:collapse;font-size:15.5px}
    .nt-bang th{text-align:left;padding:13px 0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;
      color:var(--vang);font-weight:700;border-bottom:1px solid var(--ke);width:44%}
    .nt-bang td{padding:13px 0;border-bottom:1px solid var(--ke);color:#4a443c;vertical-align:top}
    .nt-bang tr th{color:var(--nhat)}
    .nt-gia{background:var(--than);color:#f2ede4;padding:38px 34px;position:relative}
    .nt-gia::before{content:"";position:absolute;inset:10px;border:1px solid rgba(184,147,61,.3);pointer-events:none}
    .nt-gia-in{position:relative;z-index:1}
    .nt-gia .nt-eb{color:var(--vang2);margin-bottom:12px}
    .nt-gia b{display:block;font-size:clamp(30px,4vw,42px);font-weight:200;color:#fff;letter-spacing:-1px;
      line-height:1.1;margin-bottom:6px}
    .nt-gia small{display:block;font-size:13px;color:rgba(242,237,228,.66);line-height:1.75;margin-bottom:20px}
    .nt-gia ul{list-style:none;padding:0;margin:0 0 22px}
    .nt-gia li{position:relative;padding:0 0 10px 20px;font-size:14.5px;color:rgba(242,237,228,.86);line-height:1.7}
    .nt-gia li::before{content:"";position:absolute;left:0;top:10px;width:9px;height:1px;background:var(--vang2)}
    @media(max-width:900px){.nt-goi{grid-template-columns:1fr;gap:40px}}

    /* 6 nhóm hạng mục */
    .nt-nhom{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
    .nt-nhom>div{border:1px solid var(--ke);padding:30px 26px;background:#fff;position:relative;transition:.24s}
    .nt-nhom>div::before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:var(--vang);
      transform:scaleX(0);transform-origin:left;transition:.28s}
    .nt-nhom>div:hover::before{transform:scaleX(1)}
    .nt-nhom>div:hover{background:var(--kem)}
    .nt-nhom .nt-so{font-size:11px;letter-spacing:.3em;color:var(--vang);font-weight:700;margin-bottom:16px}
    .nt-nhom h3{font-size:18px;font-weight:500;color:var(--muc);margin:0 0 12px;line-height:1.4}
    .nt-ul{list-style:none;padding:0;margin:0}
    .nt-ul li{position:relative;padding:0 0 10px 20px;font-size:14.5px;line-height:1.75;color:#5c554c}
    .nt-ul li::before{content:"";position:absolute;left:0;top:10px;width:9px;height:1px;background:var(--vang)}
    @media(max-width:980px){.nt-nhom{grid-template-columns:1fr 1fr}}
    @media(max-width:660px){.nt-nhom{grid-template-columns:1fr}}

    /* làm cho nhà biển — mục nhấn */
    .nt-bien{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:44px;
      border-top:1px solid rgba(242,237,228,.16)}
    .nt-bien>div{padding:30px 26px;border-left:1px solid rgba(242,237,228,.16)}
    .nt-bien>div:first-child{border-left:0;padding-left:0}
    .nt-bien h4{font-size:16px;font-weight:600;color:var(--vang2);margin:0 0 10px;line-height:1.45}
    .nt-bien p{font-size:14.5px;line-height:1.8;color:rgba(242,237,228,.76);margin:0}
    @media(max-width:900px){.nt-bien{grid-template-columns:1fr}
      .nt-bien>div{border-left:0;border-top:1px solid rgba(242,237,228,.16);padding-left:0}
      .nt-bien>div:first-child{border-top:0}}

    /* thương hiệu vật liệu */
    .nt-th{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;
      background:var(--ke);border:1px solid var(--ke)}
    .nt-th>div{background:#fff;padding:22px 16px;text-align:center}
    .nt-th b{display:block;font-size:15.5px;font-weight:600;color:var(--muc);margin-bottom:5px}
    .nt-th span{font-size:12.5px;color:var(--nhat);line-height:1.55}

    /* tiến độ thanh toán */
    .nt-td{list-style:none;padding:0;margin:0}
    .nt-td>li{position:relative;padding:0 0 28px 44px;border-left:1px solid var(--ke);margin-left:9px}
    .nt-td>li:last-child{padding-bottom:0;border-left-color:transparent}
    .nt-td>li::before{content:"";position:absolute;left:-6px;top:5px;width:11px;height:11px;border-radius:50%;
      background:#fff;border:2px solid var(--vang)}
    .nt-td .nt-pt{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.14em;color:#8a6a22;
      background:#fdf9f0;border:1px solid #e2cfa4;padding:3px 9px;margin-bottom:8px}
    .nt-td h4{font-size:16.5px;font-weight:600;color:var(--muc);margin:0 0 6px}
    .nt-td p{font-size:15px;line-height:1.8;color:#5c554c;margin:0}




    /* Ba mục có đoạn dẫn đứng ngay trên một khối rộng hết khung (lưới ảnh, bảng,
       hai ô cam kết). Giới hạn 660px để lại mảng trống lớn bên phải, nhìn mất cân.
       Cho đoạn dẫn rộng bằng khối bên dưới, canh đều hai biên, giãn dòng rộng hơn
       để dòng dài vẫn dễ dõi. KHÔNG chia cột — chia cột làm câu đứt giữa chừng. */
    @media(min-width:1000px){
      #thu-vien .nt-lead,#da-ban-giao .nt-lead,#cam-ket .nt-lead{
        max-width:none;text-align:justify;text-justify:inter-word;
        font-size:17px;line-height:2.05;hyphens:none}
    }

    /* ── dải hai tab dưới hero ──
       Thanh nút để NỀN TỐI nối tiếp hero; nút đang chọn lấy nền sáng trùng màu
       khung nội dung bên dưới nên trông như một thẻ liền mạch — nhìn là biết bấm được. */
    .nt-tab{background:var(--kem)}
    .nt-tab-thanh{background:linear-gradient(180deg,#201d19,#2a2521)}
    .nt-tab-nav{max-width:1180px;margin:0 auto;padding:0 28px;display:flex;gap:10px;align-items:flex-end}
    .nt-tab-b{flex:1 1 0;border:0;background:rgba(255,255,255,.07);cursor:pointer;
      padding:18px 22px 16px;margin-top:14px;font-family:inherit;font-size:15.5px;font-weight:600;
      color:rgba(242,237,228,.72);text-align:left;line-height:1.45;position:relative;
      border-radius:5px 5px 0 0;transition:background .22s,color .22s,margin-top .22s}
    .nt-tab-b .n{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;
      font-weight:700;color:var(--vang2);margin-bottom:6px;opacity:.85}
    .nt-tab-b::after{content:›;position:absolute;right:20px;top:50%;transform:translateY(-30%);
      font-size:22px;line-height:1;color:var(--vang2);opacity:.5;transition:opacity .22s,transform .22s}
    .nt-tab-b:hover{background:rgba(255,255,255,.13);color:#fff}
    .nt-tab-b:hover::after{opacity:.85;transform:translateY(-30%) translateX(3px)}
    .nt-tab-b[aria-selected=true]{background:var(--kem);color:var(--muc);margin-top:0;
      padding-top:22px;box-shadow:0 -3px 0 var(--vang) inset}
    .nt-tab-b[aria-selected=true] .n{color:var(--vang);opacity:1}
    .nt-tab-b[aria-selected=true]::after{content:;display:none}
    .nt-tab-p{max-width:1180px;margin:0 auto;padding:44px 28px 52px}
    .nt-tab-p[hidden]{display:none}

    .nt-tab-luoi{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ke);
      border:1px solid var(--ke);margin:0 0 26px}
    .nt-tab-luoi>div{background:var(--kem);padding:20px 18px}
    .nt-tab-luoi b{display:block;font-size:23px;font-weight:300;color:var(--muc);
      letter-spacing:-.5px;line-height:1.2;margin-bottom:5px}
    .nt-tab-luoi b small{font-size:13px;font-weight:400;color:var(--nhat);letter-spacing:0}
    .nt-tab-luoi span{font-size:12.5px;line-height:1.65;color:var(--nhat);display:block}
    @media(max-width:900px){.nt-tab-luoi{grid-template-columns:1fr 1fr}}
    @media(max-width:520px){.nt-tab-luoi{grid-template-columns:1fr}}

    .nt-tab-2c{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:start}
    .nt-tab-2c p{font-size:15.5px;line-height:1.95;color:#5c554c;margin:0 0 14px}
    .nt-tab-2c p:last-child{margin-bottom:0}
    .nt-tab-2c b{color:var(--muc);font-weight:600}
    .nt-tab-ds{margin:0;font-size:14.5px}
    .nt-tab-ds dt{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--vang);
      font-weight:700;margin:0 0 6px}
    .nt-tab-ds dd{margin:0 0 18px;color:#5c554c;line-height:1.8}
    .nt-tab-ds dd:last-child{margin-bottom:0}
    .nt-tab-ds dd b{color:var(--muc);font-weight:600}
    @media(max-width:820px){.nt-tab-2c{grid-template-columns:1fr;gap:28px}}
    @media(max-width:640px){.nt-tab-nav{padding:0 14px}.nt-tab-b{padding:16px 10px 14px;font-size:13.5px}
      .nt-tab-b .n{font-size:9.5px;letter-spacing:.14em}.nt-tab-p{padding:32px 16px 38px}}

    /* ── hai căn đã bàn giao: bảng thông số + lưới ảnh thật ── */
    .nt-ct{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:34px 0 0}
    .nt-ct-o{border:1px solid var(--ke);background:#fff;padding:26px 26px 22px}
    .nt-ct-o .pk{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--vang);font-weight:700;margin:0 0 12px}
    .nt-ct-o h4{font-size:19px;font-weight:600;color:var(--muc);margin:0 0 16px;line-height:1.4}
    .nt-ct-o dl{display:grid;grid-template-columns:auto 1fr;gap:9px 16px;margin:0;font-size:14.5px}
    .nt-ct-o dt{color:var(--nhat)}
    .nt-ct-o dd{margin:0;color:var(--muc);font-weight:600;text-align:right}
    .nt-ct-o dd.nb{color:var(--vang);font-size:16px}
    @media(max-width:760px){.nt-ct{grid-template-columns:1fr;gap:14px}.nt-ct-o{padding:22px 20px 18px}}

    .nt-anh{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0 0}
    .nt-anh figure{margin:0;position:relative;overflow:hidden;background:var(--kem);cursor:zoom-in}
    .nt-anh img{width:100%;height:176px;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.3,1)}
    .nt-anh figure:hover img{transform:scale(1.06)}
    .nt-anh figure.to{grid-column:span 2;grid-row:span 2}
    .nt-anh figure.to img{height:364px}
    .nt-anh figcaption{position:absolute;left:0;right:0;bottom:0;padding:24px 12px 10px;color:#fff;font-size:12.5px;
      font-weight:600;background:linear-gradient(to top,rgba(20,17,14,.8),rgba(20,17,14,0))}
    @media(max-width:900px){.nt-anh{grid-template-columns:repeat(2,1fr);gap:9px}
      .nt-anh img{height:132px}.nt-anh figure.to{grid-column:span 2;grid-row:auto}.nt-anh figure.to img{height:210px}}

    /* ── ảnh minh hoạ & thư viện 3D ── */
    /* 3 khối ảnh này nằm giữa các section (ngoài .nt-in) nên phải tự có khung + lề */
    .nt-fig{max-width:1180px;margin:0 auto;padding:58px 28px;background:#fff}
    @media(max-width:700px){.nt-fig{padding:38px 18px}}
    .nt-fig img{width:100%;height:auto;display:block;border-radius:3px;background:var(--kem)}
    .nt-fig figcaption{font-size:13.5px;line-height:1.75;color:var(--nhat);padding-top:12px;
      border-top:1px solid var(--ke);margin-top:12px}
    .nt-fig figcaption b{color:var(--muc);font-weight:600}
    .nt-fig figcaption .ng{display:block;margin-top:5px;font-size:12px;opacity:.75}

    .nt-tv{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:34px 0 0}
    .nt-tv figure{margin:0;cursor:zoom-in;position:relative;overflow:hidden;border-radius:3px;background:var(--kem)}
    .nt-tv img{width:100%;height:210px;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.3,1)}
    .nt-tv figure:hover img{transform:scale(1.06)}
    .nt-tv figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 11px;color:#fff;
      font-size:13px;font-weight:600;letter-spacing:.02em;
      background:linear-gradient(to top,rgba(20,17,14,.82),rgba(20,17,14,0))}
    @media(max-width:900px){.nt-tv{grid-template-columns:repeat(2,1fr);gap:11px}.nt-tv img{height:168px}}
    @media(max-width:560px){.nt-tv{grid-template-columns:1fr 1fr;gap:9px}.nt-tv img{height:124px}
      .nt-tv figcaption{font-size:11.5px;padding:20px 9px 8px}}

    /* xem ảnh lớn */
    .nt-lb{position:fixed;inset:0;z-index:9500;background:rgba(16,14,12,.94);display:none;
      align-items:center;justify-content:center;padding:24px}
    .nt-lb.mo{display:flex}
    .nt-lb img{max-width:min(1180px,94vw);max-height:82vh;width:auto;height:auto;border-radius:3px}
    .nt-lb-ct{position:absolute;bottom:26px;left:0;right:0;text-align:center;color:#e8e0d2;font-size:14px;padding:0 20px}
    .nt-lb-x{position:absolute;top:18px;right:22px;width:44px;height:44px;border:0;border-radius:50%;
      background:rgba(255,255,255,.12);color:#fff;font-size:26px;line-height:1;cursor:pointer}
    .nt-lb-x:hover{background:rgba(255,255,255,.22)}
    .nt-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:0;
      border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:24px;cursor:pointer}
    .nt-lb-nav:hover{background:rgba(255,255,255,.22)}
    .nt-lb-p{left:20px}.nt-lb-n{right:20px}
    @media(max-width:560px){.nt-lb-nav{width:40px;height:40px;font-size:20px}.nt-lb-p{left:8px}.nt-lb-n{right:8px}}

    /* ── khối cam kết vận hành ── */
    .nt-ck{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:34px 0 0;border:1px solid rgba(212,185,120,.34)}
    .nt-ck>div{padding:32px 30px}
    .nt-ck-a{background:rgba(212,185,120,.07)}
    .nt-ck-b{border-left:1px solid rgba(212,185,120,.34)}
    .nt-ck h4{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--vang2);
      font-weight:700;margin:0 0 16px}
    .nt-ck .so{font-size:34px;font-weight:300;letter-spacing:-.5px;line-height:1.15;margin:0 0 10px;color:#fff}
    .nt-ck .so small{font-size:15px;font-weight:400;opacity:.72;letter-spacing:0}
    .nt-ck p{font-size:14.5px;line-height:1.85;color:rgba(242,237,228,.8);margin:0}
    .nt-ck .gach{text-decoration:line-through;opacity:.5;font-size:22px}
    @media(max-width:820px){.nt-ck{grid-template-columns:1fr}.nt-ck-b{border-left:0;border-top:1px solid rgba(212,185,120,.34)}
      .nt-ck>div{padding:26px 22px}.nt-ck .so{font-size:29px}}

    .nt-mocck{display:flex;flex-wrap:wrap;gap:0;margin:30px 0 0;border-top:1px solid rgba(212,185,120,.28)}
    .nt-mocck>div{flex:1 1 190px;padding:20px 22px 0;border-right:1px solid rgba(212,185,120,.16)}
    .nt-mocck>div:last-child{border-right:0}
    .nt-mocck b{display:block;font-size:19px;font-weight:400;color:var(--vang2);margin-bottom:5px}
    .nt-mocck span{font-size:13.5px;line-height:1.7;color:rgba(242,237,228,.72)}
    @media(max-width:620px){.nt-mocck>div{flex:1 1 100%;border-right:0;border-bottom:1px solid rgba(212,185,120,.16);padding-bottom:16px}}

    /* chỗ chèn ảnh */
    .nt-ph{border:1px dashed #ccc2ad;background:repeating-linear-gradient(135deg,#fbf9f5 0 12px,#f5f1e8 12px 24px);
      padding:34px 26px;margin:30px 0;text-align:center}
    .nt-ph-no{display:inline-block;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#fff;
      background:var(--vang);padding:4px 12px;margin-bottom:14px;font-weight:700}
    .nt-ph-t{font-size:16px;font-weight:600;color:var(--muc);margin-bottom:6px;line-height:1.55}
    .nt-ph-g{font-size:13.5px;color:var(--nhat);line-height:1.7;max-width:540px;margin:0 auto;font-style:italic}

    /* khối lưu ý */
    .nt-luu{border-left:2px solid var(--vang);background:var(--kem);padding:24px 26px;margin:30px 0;
      font-size:15.5px;line-height:1.88;color:#4a443c}
    .nt-luu p:last-child{margin:0}
    .nt-luu .nt-nh{display:block;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
      color:var(--vang);font-weight:700;margin-bottom:9px}

    /* FAQ */
    .nt-faq{max-width:840px;margin:0 auto}
    .nt-faq .faq-item{border-bottom:1px solid var(--ke);padding:22px 0}
    .nt-faq .faq-q{font-size:17px;font-weight:600;color:var(--muc);margin:0 0 10px;line-height:1.5}
    .nt-faq .faq-a p{font-size:15.5px;line-height:1.85;color:#5c554c;margin:0}
    

/* ── phần 2 ── */


    .nt-lien{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
    .nt-panel{background:#fff;border:1px solid var(--ke);padding:44px 40px}
    .nt-panel .nt-h2{font-size:clamp(22px,2.6vw,28px);margin-bottom:10px}
    .nt-panel>p.nt-lead{font-size:15.5px;margin-bottom:30px}
    #contactForm .nt-fg{margin-bottom:26px}
    #contactForm .nt-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
    #contactForm label{display:block;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
      color:var(--nhat);font-weight:700;margin-bottom:9px}
    #contactForm label .req{color:var(--vang)}
    #contactForm input,#contactForm select,#contactForm textarea{
      width:100%;border:0;border-bottom:1px solid var(--ke);background:transparent;padding:11px 2px;
      font-size:16px;color:var(--muc);font-family:inherit;border-radius:0;appearance:none;
      transition:border-color .2s,box-shadow .2s}
    #contactForm select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath fill='%237a726a' d='M5.5 7 0 1.4 1.4 0l4.1 4.2L9.6 0 11 1.4z'/%3E%3C/svg%3E");
      background-repeat:no-repeat;background-position:right 4px center;padding-right:26px;cursor:pointer}
    #contactForm textarea{min-height:104px;resize:vertical;line-height:1.7}
    #contactForm input::placeholder,#contactForm textarea::placeholder{color:#b0a898}
    #contactForm input:focus,#contactForm select:focus,#contactForm textarea:focus{
      outline:0;border-bottom-color:var(--vang);box-shadow:0 1px 0 0 var(--vang)}
    #contactForm .btn-submit{width:100%;margin-top:6px;padding:16px 24px;border:0;cursor:pointer;
      background:var(--than);color:#f2ede4;font-size:13.5px;font-weight:700;letter-spacing:.18em;
      text-transform:uppercase;font-family:inherit;transition:.22s}
    #contactForm .btn-submit:hover{background:var(--vang);color:#1c1813}
    #contactForm .btn-submit:disabled{opacity:.6;cursor:default}
    #contactForm .form-message{margin-top:16px;font-size:14.5px;line-height:1.7;display:none}
    #contactForm .form-message.error{display:block;color:#b0472f}
    #contactForm .form-message.success{display:block;color:#2c6b3f}
    .nt-riengtu{margin:18px 0 0;font-size:12.5px;color:var(--nhat);line-height:1.75}
    .nt-canh{background:var(--than);color:#f2ede4;padding:40px 36px;position:relative}
    .nt-canh::before{content:"";position:absolute;inset:10px;border:1px solid rgba(184,147,61,.3);pointer-events:none}
    .nt-canh-in{position:relative;z-index:1}
    .nt-canh h3{font-size:21px;font-weight:300;color:#fff;margin:0 0 16px;line-height:1.4}
    .nt-canh ol{list-style:none;counter-reset:b;padding:0;margin:0 0 26px}
    .nt-canh li{counter-increment:b;position:relative;padding:0 0 16px 34px;font-size:15px;
      line-height:1.75;color:rgba(242,237,228,.86)}
    .nt-canh li::before{content:counter(b,decimal-leading-zero);position:absolute;left:0;top:1px;
      font-size:12px;font-weight:700;color:var(--vang2);letter-spacing:.06em}
    .nt-canh li:last-child{padding-bottom:0}
    .nt-canh-lh{border-top:1px solid rgba(242,237,228,.16);margin-top:26px;padding-top:24px}
    .nt-canh-lh dt{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--vang2);
      font-weight:700;margin-bottom:8px}
    .nt-canh-lh dd{margin:0 0 16px;font-size:15.5px;color:#f2ede4}
    .nt-canh-lh dd:last-child{margin-bottom:0}
    .nt-canh-lh dd a{color:#f2ede4;text-decoration:none;border-bottom:1px solid rgba(242,237,228,.3)}
    .nt-canh-lh dd a:hover{color:var(--vang2);border-bottom-color:var(--vang2)}
    .nt-canh-lh dd.to{font-size:23px;font-weight:300;letter-spacing:-.3px}
    .nt-canh-lh dd.to a{border-bottom:0}
    @media(max-width:900px){
      .nt-lien{grid-template-columns:1fr;gap:40px}
      .nt-panel{padding:32px 22px}
      #contactForm .nt-row{grid-template-columns:1fr;gap:0}
      #contactForm .nt-row .nt-fg{margin-bottom:26px}
      .nt-canh{padding:32px 24px}
    }