/* Shared, compact layout for the site and native visual editor. */
.wp-site-blocks{padding:0}.wp-site-blocks>*,.wp-block-template-part,.site-main>*,.site-footer>*,.hx-module{margin-block-start:0;margin-block-end:0}
.site-main{min-height:50vh;text-align:center}.section,.source-section,.about-page .section,.source-customers{padding:36px 0}
.page-banner{padding:28px 0;text-align:center;border-bottom:1px solid #e6edf3}
.page-banner h1,.page-banner .wp-block-query-title{font-size:32px;line-height:1.35;margin:0 0 8px}
.page-banner p{margin:0 auto;max-width:780px}.section__header{margin-bottom:22px;text-align:center}
.section__header h2{font-size:28px;line-height:1.4;margin:0 0 8px}.section__header p{margin:0}
.source-hero{height:460px;min-height:460px}.source-hero h1{font-size:clamp(30px,4vw,48px);line-height:1.25;margin-bottom:18px}
.source-hero p{font-size:18px;margin-bottom:22px}.hero__actions .button{min-height:46px;padding:10px 24px}
.hx-directions-section{padding:20px 0;background:#f4f7fa}.hx-directions{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hx-directions>div{padding:0 20px;border-left:2px solid #0879a8}.hx-directions h2{font-size:22px;margin:0 0 4px}.hx-directions p{margin:0;color:#5d6875}
.catalog-layout{gap:24px}.hx-catalog-main{min-width:0}.hx-catalog-main>.hx-module+.hx-module{margin-top:24px}
.catalog-layout>*,.site-footer__grid>*,.contact-layout>*,.hx-directions>*{margin-block:0}
.hx-module--categories{align-self:start;position:sticky;top:104px}.admin-bar .hx-module--categories{top:136px}
.hx-module--categories .product-sidebar{position:static}.product-sidebar{padding:18px}.product-sidebar h2{padding-bottom:12px;margin:0 0 10px}
.product-sidebar a{padding:10px 12px}.catalog-grid,.content-grid{gap:20px}
.content-card__body{padding:18px}.content-card__body h2{font-size:20px;line-height:1.5;margin:0 0 10px}
.content-card__body>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:8px 0;font-size:15px}
.content-card__more{margin-top:12px}.hx-compact-cta{margin:24px 0 0;padding:20px}.hx-compact-cta h2{margin:0 0 6px}
.section>.container>.wp-block-buttons{margin-top:24px}.hx-detail-title{padding:24px 0 0}.hx-detail-title h1{font-size:32px;margin:12px 0 0}
.hx-detail-body{padding-top:24px}.product-hero{margin-bottom:28px;gap:24px}.product-hero__media img{max-height:380px;object-fit:contain}
.product-hero__content h2{margin-top:0}.single-product .detail-section,.detail-section{margin:28px 0}
.single-product .entry-content{padding:0;border-radius:0;box-shadow:none}.entry-content h2{margin-top:28px;margin-bottom:12px}
.entry-content h3{margin-top:22px;margin-bottom:10px}.entry-content p{margin-top:0;margin-bottom:16px}
.hx-reading-layout>.container{max-width:1000px}.hx-detail-cover{max-width:760px;margin:22px 0}.hx-detail-cover img{max-height:400px;object-fit:contain;width:100%;border-radius:8px}
.about-hero{height:300px}.about-hero h1{font-size:38px}.about-intro{gap:28px}.about-page .section h2{margin-top:0}
.contact-layout{gap:24px;max-width:none}.contact-details-card{padding:22px;margin-bottom:20px}.company-location{margin-top:28px;max-width:none}
.site-footer{padding:32px 0 20px}.site-footer__grid{display:grid;gap:24px;font-size:15px}.site-footer h2{margin-bottom:14px}
.site-footer .contact-details-card{background:transparent;color:inherit;padding:0;box-shadow:none;border:0}.site-footer .wechat-panel{display:none}
.site-footer .contact-details-card h2{color:white}.site-footer .contact-details-card p{color:inherit}
.footer-products{margin-bottom:26px;padding-bottom:0}.footer-products img{height:110px}.footer-legal{margin-top:24px;padding-top:18px}
.hx-module--legal .footer-legal{display:flex;gap:18px;flex-wrap:wrap}.site-footer .primary-nav__list{gap:8px}
.has-contact-dock .site-main .container .container,.has-contact-dock .site-footer .container .container{width:100%;margin-inline:0}
.wp-site-blocks>.wp-block-template-part:first-child{position:sticky;top:0;z-index:20}.admin-bar .wp-site-blocks>.wp-block-template-part:first-child{top:32px}.hx-module--header .site-header{position:static}
/* Shared alignment also applies to dynamic previews and post content in the editor. */
.entry-content,.content-card__body,.product-hero__content,.detail-section,.hx-detail-title h1{text-align:center}
.content-card__more{justify-content:center}
.entry-content th,.entry-content td,.responsive-table th,.responsive-table td,.spec-list dt,.spec-list dd{text-align:center;vertical-align:middle}
.entry-content :where(ul,ol){list-style-position:inside;padding-inline-start:0}
.entry-content :where(li)>:where(ul,ol){padding-inline:16px}
.entry-content img,.entry-content figure,.hx-detail-cover{margin-inline:auto}
.catalog-cta{flex-direction:column;justify-content:center;text-align:center;gap:12px}
.site-main :where(.wp-block-buttons){justify-content:center}
.site-main :where(input,textarea,select){text-align:start}
@media(max-width:767px){
 .section,.source-section,.about-page .section,.source-customers{padding:24px 0}.page-banner{padding:20px 0}.page-banner h1{font-size:28px}
 .source-hero{height:400px;min-height:400px;padding:28px 0}.source-hero h1{font-size:30px;text-wrap:balance}.source-hero p{font-size:16px;line-height:1.7}
 .hero__actions{flex-direction:row;justify-content:center;gap:10px}.hero__actions .button{min-width:0;padding:10px 16px;font-size:15px}
 .hx-directions-section{padding:18px 0}.hx-directions{grid-template-columns:repeat(2,1fr);gap:18px}.hx-directions>div{padding:0 12px}
 .catalog-layout{gap:20px}.hx-module--categories,.admin-bar .hx-module--categories{position:static}.section__header h2{font-size:25px}
 .content-grid,.catalog-grid{gap:18px}.hx-compact-cta{padding:18px;margin-top:20px}.hx-detail-title h1{font-size:28px}
 .about-hero{height:230px;padding:24px}.about-hero h1{font-size:30px}.about-intro{gap:20px}
 .site-footer__grid{grid-template-columns:1fr;gap:22px}.contact-layout{grid-template-columns:1fr}
 .has-contact-dock .site-main .container,.has-contact-dock .site-footer>.container{width:calc(100% - 32px);margin-inline:16px}
 .has-contact-dock .site-footer .hx-module>.container{width:calc(100% - 32px);margin-inline:16px}
 .has-contact-dock{padding-bottom:68px}.contact-dock{top:auto;bottom:12px;right:12px;transform:none;flex-direction:row;width:auto;border-radius:32px;padding:4px 10px}
 .contact-dock__item{min-height:44px;width:64px;padding:4px}.contact-dock__item+.contact-dock__item{border-top:0;border-left:1px solid #e5e7eb}
 .contact-dock__item+.contact-dock__item{margin-top:0}.contact-dock__item+.contact-dock__item::before{display:none}
 .admin-bar .wp-site-blocks>.wp-block-template-part:first-child{top:46px}
}