.szl-contact{width:1200px;max-width:calc(100% - 40px);margin:80px auto;display:grid;grid-template-columns:1fr 1fr;gap:80px}.szl-contact>div>span{color:#d9272e;font-weight:700}.szl-contact h2{font-size:38px;color:#17242b}.szl-contact p,.szl-contact dd{color:#5d6b70;line-height:1.75}.szl-contact dl{display:grid;grid-template-columns:95px 1fr;gap:12px 20px;margin-top:30px}.szl-contact dt{font-weight:700;color:#17242b}.szl-contact dd{margin:0}.szl-contact-form{background:#f4f6f6;padding:34px}.szl-contact-form label{display:block;font-size:13px;font-weight:700;margin-bottom:17px}.szl-contact-form input,.szl-contact-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #d5dcde;background:#fff;padding:12px;font:inherit;box-sizing:border-box}.szl-contact-form button{border:0;background:#d9272e;color:#fff;padding:14px 24px;font-weight:700;cursor:pointer}.szl-form-status{margin:14px 0 0!important}@media(max-width:900px){.szl-contact{grid-template-columns:1fr}}@media(max-width:560px){.szl-contact{max-width:calc(100% - 28px);margin:50px auto;gap:35px}.szl-contact h2{font-size:30px}.szl-contact-form{padding:24px}}

/* Isolate injected company details from the legacy template rem scale. */
#app .infoModule .contactText{width:auto!important;min-height:0!important;margin:0!important;padding:42px 38px 38px!important;border:0!important;border-top:5px solid #d9272e!important;background:#fff!important;color:#26373d!important;font-size:16px!important;line-height:1.6!important}
#app .infoModule .contactText .haoyu-contact-kicker{display:block!important;margin:0 0 12px!important;color:#d9272e!important;font-size:13px!important;line-height:20px!important;font-weight:700!important;letter-spacing:2px!important}
#app .infoModule .contactText h1{display:block!important;margin:0 0 18px!important;color:#17242b!important;font-size:36px!important;line-height:1.2!important}
#app .infoModule .contactText .haoyu-contact-intro{display:block!important;margin:0!important;color:#5d6b70!important;font-size:16px!important;line-height:1.75!important}
#app .infoModule .contactText .haoyu-contact-divider{display:block!important;width:46px!important;height:3px!important;margin:28px 0 24px!important;background:#d9272e!important}
#app .infoModule .contactText h2{display:block!important;margin:0 0 16px!important;color:#17242b!important;font-size:21px!important;line-height:1.35!important}
#app .infoModule .contactText .haoyu-contact-list{display:block!important;margin:0!important;color:#26373d!important}
#app .infoModule .contactText .haoyu-contact-list>div{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;gap:14px!important;padding:11px 0!important;border-bottom:1px solid #e3eaed!important}
#app .infoModule .contactText dt,#app .infoModule .contactText dd,#app .infoModule .contactText a{margin:0!important;font-size:15px!important;line-height:1.55!important}
#app .infoModule .contactText dt{color:#75858c!important;font-weight:600!important}#app .infoModule .contactText dd{color:#26373d!important;font-weight:500!important}#app .infoModule .contactText a{color:#d9272e!important}
@media(max-width:600px){#app .infoModule .contactText{padding:30px 24px!important}#app .infoModule .contactText h1{font-size:29px!important}#app .infoModule .contactText .haoyu-contact-list>div{grid-template-columns:74px minmax(0,1fr)!important}}

/* Footer: one clean four-column row at laptop widths. */
#app .indexFoot{display:grid!important;grid-template-columns:1fr!important;padding:38px clamp(32px,5vw,76px) 22px!important}
#app .indexFoot .footContact{display:none!important}
#app .indexFoot .footProduct{display:grid!important;grid-template-columns:.85fr 1.2fr 1.1fr .75fr 1.35fr!important;gap:clamp(28px,3.5vw,64px)!important;width:100%!important;padding:0!important;margin:0!important;align-items:start!important}
#app .indexFoot .haoyu-footer-logo-column{min-width:0!important}
#app .indexFoot .haoyu-footer-logo-column img{display:block!important;width:min(190px,100%)!important;height:92px!important;padding:10px!important;border-radius:7px!important;background:#fff!important;object-fit:contain!important;box-sizing:border-box!important}
#app .indexFoot .haoyu-footer-logo-column p{margin:12px 0 0!important;color:#c9d5d8!important;font-size:13px!important;line-height:1.45!important;letter-spacing:.04em!important}
#app .indexFoot .footProItem{min-width:0!important;width:auto!important;margin:0!important}
#app .indexFoot .footProItem>a,#app .indexFoot .footProItem>.footTit{display:block!important;margin:0 0 14px!important;color:#fff!important;font-size:17px!important;line-height:1.35!important;font-weight:700!important}
#app .indexFoot .footProItem .dropdown-menu{margin:0!important}
#app .indexFoot .footProItem .dropdown-menu p{margin:7px 0!important;font-size:14px!important;line-height:1.45!important}
#app .indexFoot .haoyu-footer-contact-column{color:#c9d5d8!important;font-size:14px!important;line-height:1.5!important}
#app .indexFoot .haoyu-footer-contact-column .haoyu-footer-company{margin-bottom:10px!important;color:#fff!important;font-size:14px!important;line-height:1.5!important;font-weight:600!important}
#app .indexFoot .haoyu-footer-contact-column .haoyu-footer-line{display:block!important;margin:6px 0!important;color:#c9d5d8!important;font-size:14px!important;line-height:1.45!important;overflow-wrap:anywhere!important}
#app .indexFoot .pageBot{grid-column:1!important;width:100%!important;margin:24px 0 0!important;padding:20px 0 0!important}
@media(max-width:1050px){#app .indexFoot .footProduct{grid-template-columns:1fr 1fr!important;gap:34px 56px!important}#app .indexFoot .haoyu-footer-logo-column{grid-column:1/-1!important}}
@media(max-width:640px){#app .indexFoot{padding:32px 24px 20px!important}#app .indexFoot .footProduct{grid-template-columns:1fr!important;gap:28px!important}#app .indexFoot .pageBot{display:block!important}#app .indexFoot .rigPrivacy{display:block!important;margin-top:14px!important}}

/* Current Contact route: desktop information card + enquiry form. */
#app .szl-page .szl-contact{width:min(1500px,calc(100% - 80px))!important;max-width:none!important;margin:72px auto 84px!important;display:grid!important;grid-template-columns:minmax(360px,.82fr) minmax(620px,1.75fr)!important;gap:clamp(48px,6vw,110px)!important;align-items:stretch!important;color:#27383e!important;font-size:16px!important;line-height:1.6!important}
#app .szl-page .szl-contact>div{padding:50px 46px!important;border-top:6px solid #d9272e!important;border-radius:10px!important;background:linear-gradient(145deg,#f6f9fa 0%,#fff 75%)!important;box-shadow:0 15px 42px rgba(23,36,43,.11)!important;box-sizing:border-box!important}
#app .szl-page .szl-contact>div>span{display:block!important;margin:0 0 16px!important;color:#d9272e!important;font-size:13px!important;line-height:20px!important;font-weight:800!important;letter-spacing:2px!important}
#app .szl-page .szl-contact h2{margin:0 0 22px!important;color:#17242b!important;font-size:clamp(34px,3vw,46px)!important;line-height:1.12!important;font-weight:700!important}
#app .szl-page .szl-contact>div>p{margin:0!important;color:#5d6b70!important;font-size:17px!important;line-height:1.75!important}
#app .szl-page .szl-contact dl{display:grid!important;grid-template-columns:105px minmax(0,1fr)!important;gap:0 18px!important;margin:34px 0 0!important}
#app .szl-page .szl-contact dt,#app .szl-page .szl-contact dd{padding:12px 0!important;border-bottom:1px solid #dfe7ea!important;font-size:15px!important;line-height:1.5!important}
#app .szl-page .szl-contact dt{color:#718188!important;font-weight:600!important}
#app .szl-page .szl-contact dd{margin:0!important;color:#26373d!important;font-weight:600!important;overflow-wrap:anywhere!important}
#app .szl-page .szl-contact dd a{color:#d9272e!important;font-size:15px!important;line-height:1.5!important}
#app .szl-page .szl-contact-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:22px 28px!important;padding:42px!important;border-radius:10px!important;background:#f4f6f6!important;box-shadow:0 12px 36px rgba(23,36,43,.08)!important;box-sizing:border-box!important}
#app .szl-page .szl-contact-form label{display:block!important;margin:0!important;color:#17242b!important;font-size:15px!important;line-height:1.45!important;font-weight:700!important}
#app .szl-page .szl-contact-form label:nth-of-type(5){grid-column:1/-1!important}
#app .szl-page .szl-contact-form input,#app .szl-page .szl-contact-form textarea{display:block!important;width:100%!important;margin:9px 0 0!important;padding:14px!important;border:1px solid #cfdadd!important;border-radius:5px!important;background:#fff!important;color:#26373d!important;font-size:16px!important;line-height:1.5!important;box-sizing:border-box!important}
#app .szl-page .szl-contact-form input{height:54px!important}
#app .szl-page .szl-contact-form textarea{min-height:170px!important;resize:vertical!important}
#app .szl-page .szl-contact-form button{grid-column:1/-1!important;width:100%!important;margin:2px 0 0!important;padding:16px 24px!important;border:0!important;border-radius:5px!important;background:#d9272e!important;color:#fff!important;font-size:14px!important;line-height:20px!important;font-weight:800!important;letter-spacing:1px!important}
#app .szl-page .szl-contact-form .szl-form-status{grid-column:1/-1!important;margin:0!important;font-size:14px!important;line-height:1.5!important}
@media(max-width:1050px){#app .szl-page .szl-contact{width:min(820px,calc(100% - 48px))!important;grid-template-columns:1fr!important;gap:38px!important}#app .szl-page .szl-contact>div{padding:42px 38px!important}}
@media(max-width:600px){#app .szl-page .szl-contact{width:calc(100% - 28px)!important;margin:38px auto 54px!important;gap:26px!important}#app .szl-page .szl-contact>div{padding:32px 24px!important}#app .szl-page .szl-contact h2{margin-bottom:18px!important;font-size:30px!important;line-height:1.18!important}#app .szl-page .szl-contact>div>p{font-size:15px!important;line-height:1.65!important}#app .szl-page .szl-contact dl{grid-template-columns:82px minmax(0,1fr)!important;margin-top:26px!important}#app .szl-page .szl-contact dt,#app .szl-page .szl-contact dd,#app .szl-page .szl-contact dd a{font-size:14px!important;line-height:1.5!important}#app .szl-page .szl-contact-form{grid-template-columns:1fr!important;gap:18px!important;padding:28px 24px!important}#app .szl-page .szl-contact-form label:nth-of-type(5),#app .szl-page .szl-contact-form button,#app .szl-page .szl-contact-form .szl-form-status{grid-column:1!important}#app .szl-page .szl-contact-form input{height:50px!important}#app .szl-page .szl-contact-form textarea{min-height:145px!important}}

/* Keep the footer columns together and place social media on its own full row. */
#app .indexFoot .footProduct{grid-column:1!important;grid-row:1!important}
#app .indexFoot .pageBot{grid-column:1!important;grid-row:2!important;display:block!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;border-top:1px solid rgba(255,255,255,.16)!important}
#app .indexFoot .pageBot .footLast{display:flex!important;width:100%!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important}
#app .indexFoot .pageBot .footLast>a,#app .indexFoot .pageBot .footLast>div{flex:0 0 auto!important}