/* lien-he.css — Liên hệ (comp: canvas boards "17 · Liên hệ bản 2"). Form only, no chat app. */
.lh-hero__in{ display:grid; grid-template-columns:1fr 1.25fr; gap:72px; align-items:start; }
.lh-hero__copy{ display:flex; flex-direction:column; gap:18px; }
.lh-ways{ list-style:none; margin:12px 0 0; padding:0; border-bottom:1px solid var(--line); }
.lh-ways li{ display:flex; gap:14px; align-items:center; padding:16px 0; border-top:1px solid var(--line); }
.lh-ways li > span:last-child{ display:flex; flex-direction:column; gap:2px; font-size:13.5px; color:var(--text-muted); }
.lh-ways a, .lh-ways b{ font-size:17px; font-weight:600; color:var(--ink); }
.lh-ways a{ display:inline-flex; align-items:center; min-height:44px; margin:-9px 0; }
.lh-ph{ position:relative; margin-top:18px; }
.lh-ph > img{ width:100%; height:230px; object-fit:cover; object-position:center 30%; border-radius:var(--r-card); }
.lh-ph .pin{ left:16px; bottom:16px; }
.lh-form{ background:var(--white); border:1px solid var(--line); border-radius:var(--r-card); padding:36px; box-shadow:0 40px 80px -44px rgba(18,22,43,.45); scroll-margin-top:96px; }
.lh-form__h{ font-size:24px; font-weight:600; letter-spacing:-0.01em; margin-bottom:18px; }
.lh-form__grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.lh-form__wide{ grid-column:span 2; }
.field textarea{ border-radius:var(--r-control); border:1px solid var(--line-strong); padding:12px 14px; font-size:16px; font-weight:400; resize:vertical; min-height:96px; }
.field textarea:focus{ border-color:var(--indigo); outline:3px solid rgba(232,163,61,.85); outline-offset:1px; }
.lh-form .btn{ min-height:52px; font-size:16px; margin-top:4px; }
.lh-ok{ display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:10px; }
.lh-ok h3{ font-size:22px; font-weight:600; } .lh-ok p{ color:var(--text-dim); }
.dl-ok{ background:var(--ok-bg); color:var(--data-up); }
.lh-trust-wrap{ padding-bottom:var(--section); }
.lh-trust{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); border:1px solid var(--line); border-radius:var(--r-card); }
.lh-trust li{ padding:24px; display:flex; gap:12px; align-items:center; border-left:1px solid var(--line); }
.lh-trust li:first-child{ border-left:0; }
.lh-trust b{ font-size:16px; font-weight:600; }
@media (max-width:1023px){
  .lh-hero__in{ grid-template-columns:1fr; gap:20px; }
  .lh-hero__copy{ display:contents; }
  .lh-hero__copy > .eyebrow, .lh-hero__copy > .pg-h1, .lh-hero__copy > .lead{ order:-1; }
  .lh-ph, .lh-trust-wrap{ display:none; }
  .lh-form{ padding:22px; }
  .lh-form__grid{ grid-template-columns:1fr; } .lh-form__wide{ grid-column:auto; }
  .field textarea{ min-height:72px; }
  .lh-ways{ margin-top:0; order:2; } .lh-ways a, .lh-ways b{ font-size:15.5px; }
}
.lh-addr{ font-style:normal; font-size:17px; font-weight:600; color:var(--ink); line-height:1.4; }
@media (max-width:767px){ .lh-addr{ font-size:15.5px; } }