/* =====================================================================
   NOMA MOBILE — LIÊN HỆ (scope .noma-m). Port từ thiết kế "NOMA Liên Hệ Mobile".
   ===================================================================== */
.noma-m .lhwrap{ background:#F7F8FA; padding-bottom:8px; }

/* Banner đầu trang */
.noma-m .lhbanner{ position:relative; width:100%; aspect-ratio:16/9; background:#E9EAEE center/cover no-repeat; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.noma-m .lhbanner .lhbph{ font-family:ui-monospace,monospace; font-size:12px; color:#9a9aa3; }

/* Tiêu đề */
.noma-m .lhhead{ padding:26px 22px 0; text-align:center; }
.noma-m .lhhead h1{ font-size:23px; font-weight:800; letter-spacing:-.02em; line-height:1.28; color:#111114; }
.noma-m .lhhead h1 span{ color:#1C6EF2; }

/* Thẻ thông tin */
.noma-m .lhinfo{ padding:18px 18px 8px; display:flex; flex-direction:column; gap:12px; }
.noma-m .lhcard{ background:#fff; border:1px solid #ECECEF; border-radius:16px; padding:16px 18px; box-shadow:0 4px 18px rgba(17,17,20,.05); display:flex; align-items:center; gap:14px; text-decoration:none; }
.noma-m .lhcard .lhic{ flex:0 0 40px; width:40px; height:40px; border-radius:11px; background:#EAF1FE; display:flex; align-items:center; justify-content:center; color:#1C6EF2; }
.noma-m .lhcard .lhic svg{ width:21px; height:21px; }
.noma-m .lhcard .lhtx{ flex:1; min-width:0; }
.noma-m .lhcard .lhk{ font-size:10.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#9a9aa3; }
.noma-m .lhcard .lhv{ font-size:13.5px; font-weight:600; color:#1F1F24; margin-top:4px; line-height:1.5; }
.noma-m .lhcard .lhv b{ font-weight:800; color:#111114; }
.noma-m .lhcard .lhv.lhbig{ font-size:15px; font-weight:700; color:#111114; letter-spacing:-.01em; }

/* Form */
.noma-m .lhformwrap{ padding:24px 18px 8px; }
.noma-m .lhform{ background:#fff; border:1px solid #EEEEF1; border-radius:24px; padding:26px 22px; box-shadow:0 6px 28px rgba(17,17,20,.06); }
.noma-m .lhform h2{ font-size:22px; font-weight:800; letter-spacing:-.02em; color:#111114; }
.noma-m .lhform > p{ font-size:13.5px; line-height:1.55; color:#5B5B66; margin-top:8px; }
.noma-m .lhf{ margin-top:22px; display:flex; flex-direction:column; gap:13px; }
.noma-m .lhf label{ display:flex; flex-direction:column; gap:7px; }
.noma-m .lhf .lhlb{ font-size:12.5px; font-weight:700; color:#3A3A42; }
.noma-m .lhf input,
.noma-m .lhf .lhsel{ background:#F7F8FA; border:1.5px solid #E6E7EB; border-radius:12px; padding:13px 14px; color:#111114; font-family:inherit; font-size:14.5px; transition:border-color .15s, box-shadow .15s; width:100%; box-sizing:border-box; }
.noma-m .lhf input:focus,
.noma-m .lhf .lhsel:focus{ outline:none; border-color:#1C6EF2; box-shadow:0 0 0 3px rgba(28,110,242,.12); }
.noma-m .lhf .lhsel{ appearance:none; -webkit-appearance:none; padding-right:38px; cursor:pointer; color:#5B5B66;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B5B66' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat:no-repeat; background-position:right 14px center; background-size:18px; }
.noma-m .lhf .lhbtn{ margin-top:4px; background:#111114; color:#fff; border:none; border-radius:9999px; padding:15px; font-family:inherit; font-weight:700; font-size:14.5px; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; transition:background .15s; }
.noma-m .lhf .lhbtn:active{ background:#1C6EF2; }
.noma-m .lhf .lhbtn svg{ width:16px; height:16px; }
.noma-m .lhok{ display:flex; align-items:center; gap:8px; font-size:13px; color:#127a3e; font-weight:700; background:#E7F7EE; border:1px solid #BFE9D0; border-radius:11px; padding:11px 14px; margin-top:18px; }
.noma-m .lhok svg{ width:16px; height:16px; flex:0 0 auto; }