/*
 * Contact page layout, form shell and responsive styling.
 * Shared tokens and components are loaded before this file.
 */

.lg{--navy:#07111f;--navy2:#0d1b2d;--ink:#101828;--muted:#667085;--line:#e1e7f0;--soft:#f5f7fa;--yellow:#f5b700;--green:#16a05d;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55;position:relative;width:100%;max-width:none!important;min-width:0;margin:0!important}
.lg *{box-sizing:border-box}
.lg a{color:inherit;text-decoration:none!important}
.lg-wrap{width:var(--hl-site-width);margin:0 auto}
.lg-page-hero{position:relative;overflow:hidden;height:520px;min-height:520px;box-sizing:border-box;padding:120px 0 70px;color:#fff;background:linear-gradient(90deg,rgba(5,11,20,.96) 0%,rgba(5,11,20,.76) 40%,rgba(5,11,20,.2) 76%,rgba(5,11,20,.08)),url('https://hongli-mach.com/wp-content/uploads/2026/07/hongli-map.png') center/cover no-repeat}
.lg-kicker{color:var(--yellow);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:950;margin-bottom:14px}
.lg h1{font-size:clamp(38px,4.1vw,64px);line-height:1.04;margin:0 0 16px;color:#fff;text-shadow:0 16px 45px rgba(0,0,0,.45);max-width:690px}
.lg-page-hero p{font-size:16px;color:#dce6f3;max-width:650px;margin:0}
.lg-contact-section{padding:38px 0 64px;background:#fff}
.lg-contact-shell{display:grid;grid-template-columns:390px minmax(0,1fr);gap:28px;align-items:start}
.lg-help-card,.lg-form-card{border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 18px 50px rgba(16,24,40,.06)}
.lg-help-card{padding:30px 30px 22px}
.lg-card-title{margin:0 0 7px;color:#102033;font-size:25px;line-height:1.2;font-weight:950}
.lg-title-rule{display:block;width:42px;height:3px;background:var(--yellow);border-radius:99px;margin:0 0 18px}
.lg-help-card>p{margin:0 0 22px;color:#5b677a;font-size:14px;line-height:1.65}
.lg-contact-list{border-top:1px solid var(--line)}
.lg-contact-item{display:grid;grid-template-columns:58px minmax(0,1fr) 18px;gap:16px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.lg-contact-badge{width:58px;height:58px;border-radius:50%;display:grid!important;place-items:center;background:#fff8df;border:1px solid #efd99a;color:#9a7100;font-size:12px;font-weight:950;letter-spacing:.02em}
.lg-contact-item b{display:block;color:#111c2d;font-size:16px;margin-bottom:4px}
.lg-contact-item span{display:block;color:#5e6b7d;font-size:13px;line-height:1.45}
.lg-contact-arrow{color:#c99100;font-weight:950;font-size:20px}
.lg-form-card{padding:32px 34px 28px}
.lg-form-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}
.lg-form-head h2{margin:0;color:#102033;font-size:30px;line-height:1.12;font-weight:950}
.lg-form-head p{margin:8px 0 0;color:#667085;font-size:14px}
.lg-required-note{color:#6b7280;font-size:12px;white-space:nowrap}
.lg-required-note b{color:#d92d20}
.lg-rail{position:fixed;right:18px;top:42%;z-index:90;display:grid;gap:8px}
.lg-rail a{width:52px;height:52px;display:grid;place-items:center;border-radius:6px;background:var(--yellow);color:#07111f;font-size:13px;font-weight:950;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.lg-rail a:nth-child(2){background:var(--green);color:#fff}
.lg-rail a:nth-child(3){background:#07111f;color:#fff}
@media(max-width:1180px){.lg-wrap{width:min(100% - 40px,1180px)}}
@media(max-width:1180px){.lg-contact-shell{grid-template-columns:340px minmax(0,1fr)}}
@media(max-width:980px){.lg-page-hero{height:440px;min-height:440px;padding:70px 0 56px}}
@media(max-width:980px){.lg-contact-section{padding:28px 0 48px}}
@media(max-width:980px){.lg-contact-shell,.lg-footer-grid{grid-template-columns:1fr}}
@media(max-width:980px){.lg-form-head{display:block}}
@media(max-width:980px){.lg-required-note{display:block;margin-top:10px}}
@media(max-width:980px){.lg-rail{right:10px;top:auto;bottom:14px;grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.lg-rail a{width:48px;height:48px}}
@media(max-width:620px){.lg-wrap{width:min(100% - 24px,1180px)}}
@media(max-width:620px){.lg h1{font-size:34px}}
@media(max-width:620px){.lg-page-hero{height:440px;min-height:440px;padding:58px 0 50px;background-position:58% center}}
@media(max-width:620px){.lg-contact-shell{gap:18px}}
@media(max-width:620px){.lg-help-card,.lg-form-card{padding:24px 20px}}
@media(max-width:620px){.lg-rail{display:none}}
@media(max-width:767px){.lg .lg-page-hero{height:268px;min-height:268px;padding:38px 0 32px;background-position:62% center}}
@media(max-width:767px){.lg .lg-page-hero p{max-width:330px;font-size:14px;line-height:1.5}}
@media(max-width:767px){.lg .lg-contact-section{padding:18px 0 40px}}
@media(max-width:767px){.lg .lg-contact-shell{display:flex;flex-direction:column;gap:18px}}
@media(max-width:767px){.lg .lg-form-card{order:1}}
@media(max-width:767px){.lg .lg-help-card{order:2}}
body.page-id-102 #quote{scroll-margin-top:86px}
body.admin-bar.page-id-102 #quote{scroll-margin-top:118px}
@media(max-width:782px){body.admin-bar.page-id-102 #quote{scroll-margin-top:132px}}