/* Small WordPress adaptations. Visual design comes from the original stylesheets. */
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#product-enquiry{clear:both;scroll-margin-top:24px}
.hvac-original-form input:not([type=hidden]):not([type=radio]):not([type=checkbox]),.hvac-original-form textarea,.hvac-original-form select{max-width:100%;box-sizing:border-box}
.hvac-original-form p{margin-bottom:15px}
.hvac-original-form label{display:inline-block;margin-bottom:5px}
.hvac-original-form [hidden]{display:none!important}
.hvac-original-share [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){[data-move-y]{opacity:1!important;transform:none!important;transition:none!important}}
.flash{clear:both;width:100%;overflow:hidden;position:relative}
/* Keep intrinsic SEO dimensions without forcing images into stretched boxes. */
.product_img img{width:auto;height:auto;object-fit:contain}
.flash img,.showpic_flash img,#pic-page a img{height:auto}
#originalpic img{max-width:100%;height:auto}
#piclist img,#spec-list img,#spec-n1>img{object-fit:contain}
.bigimg{height:auto}
#spec-list ul{width:max-content;padding:0;margin:0}
#spec-list li.hover img{border-color:#ff6600}
.thumbpic{max-width:100%;display:flex}
.thumbpic #piclist{flex:1;min-width:0}
.thumbpic a.bntprev,.thumbpic a.bntnext{flex-shrink:0}
#aPrev,#aNext{background:none}
.product_group,.point{overflow-wrap:anywhere}
/* Fit the editable member link inside the original navigation bar. */
@media(min-width:1021px){
 #nav_ul_big{display:flex}
 #nav_ul_big>li{float:none;flex:1;min-width:0}
 #nav_ul_big>li:first-child{flex:0 0 85px}
 #nav_ul_big>li>a{padding:0 10px;white-space:nowrap}
}
@media(min-width:768px){
 #navbar>.navbar-nav{display:flex;width:100%}
 #navbar>.navbar-nav>li{float:none;flex:1;min-width:0}
 #navbar>.navbar-nav>li>a{min-width:0;padding-left:8px;padding-right:8px;white-space:nowrap}
}
/* Anchor each original contact card to its own toolbar button. */
#cmsFloatPanel{display:block}
#cmsFloatPanel .ctrolPanel.hvac-contact-ready{height:auto;background-image:none}
#cmsFloatPanel .hvac-contact-popup,#cmsFloatPanel .hvac-contact-popup *{box-sizing:border-box}
#cmsFloatPanel .servicePanel{width:128px;height:auto}
#cmsFloatPanel .messagePanel{width:270px;height:auto}
#cmsFloatPanel .qrcodePanel{width:200px;height:auto}
#cmsFloatPanel .servicePanel .servicePanel-inner,#cmsFloatPanel .messagePanel .messagePanel-inner,#cmsFloatPanel .qrcodePanel .qrcodePanel-inner{width:100%}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel,#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel,#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel{position:relative;width:100%}
#cmsFloatPanel .hvac-contact-popup{max-width:calc(100vw - 82px);max-height:calc(100vh - 16px);overflow:auto;filter:drop-shadow(0 2px 6px #0002)}
#cmsFloatPanel .hvac-contact-popup .arrowPanel{display:none}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-bd img{display:block;max-width:100%;height:auto;margin:auto}
@media(max-width:1020px){#cmsFloatPanel .ctrolPanel{top:auto;bottom:16px;right:8px}}