/* NGUYÊN VĂN từ design/lien-he.html (khối riêng trang) */
/* ===== riêng trang lien-he.html ===== */

.ct-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.ct-cards{display:grid;gap:16px}
.ct-card{display:flex;gap:18px;padding:24px 24px;border:1px solid var(--line);border-radius:14px;background:#fff}
.ct-card .ic{width:48px;height:48px;border-radius:12px;background:var(--tint);color:var(--navy);display:grid;place-items:center;flex-shrink:0}
.ct-card .ic svg{width:22px;height:22px}
.ct-card small{display:block;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:6px}
.ct-card b{display:block;font-size:1rem;line-height:1.45}
.ct-card a:hover{color:var(--blue)}
.ct-company{padding:26px 24px;border-radius:14px;background:var(--navy);color:#fff}
.ct-company small{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#7db8ec}
.ct-company b{display:block;font-size:1.08rem;margin-top:8px;line-height:1.4}
.ct-company .en{display:block;color:#b9cbe0;font-size:.86rem;margin-top:4px}
.form-box{padding:40px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.form-box .h3{margin-bottom:6px}
.form-box > p{color:var(--muted);font-size:.92rem;margin-bottom:26px}
.need{display:flex;flex-wrap:wrap;gap:10px}
.need label{position:relative;cursor:pointer}
.need input{position:absolute;opacity:0;pointer-events:none}
.need span{display:inline-flex;padding:10px 16px;border:1.5px solid var(--line);border-radius:999px;font-size:.84rem;font-weight:700;color:var(--muted);transition:all .2s;text-transform:none;letter-spacing:0}
.need input:checked + span{background:var(--navy);border-color:var(--navy);color:#fff}
.need input:focus-visible + span{box-shadow:0 0 0 3px rgba(20,86,168,.25)}
.map-tabs{display:flex;gap:10px;margin-bottom:18px}
.map-frame{border-radius:16px;overflow:hidden;border:1px solid var(--line);aspect-ratio:21/8;background:var(--bg-soft)}
.map-frame iframe{width:100%;height:100%;border:0;display:block}
.map-frame[hidden]{display:none}
@media(max-width:980px){.ct-grid{grid-template-columns:1fr}.map-frame{aspect-ratio:4/3}}
@media(max-width:640px){.form-box{padding:26px 20px}}