/* Keep Framex / Elementor layout and animations. Only typography, content and catalogue refinements. */
body.hh-native{margin:0;background:#fff;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#181818;--e-global-typography-primary-font-family:"Microsoft YaHei",sans-serif;--e-global-typography-secondary-font-family:"Microsoft YaHei",sans-serif;--e-global-typography-text-font-family:"Microsoft YaHei",sans-serif;--e-global-typography-accent-font-family:"Microsoft YaHei",sans-serif}
.hh-native .elementor-heading-title,.hh-native .elementor-icon-list-text,.hh-native .elementskit-btn,.hh-native .elementskit-menu-container a,.hh-native .elementor-counter-title,.hh-native .elementor-counter-number-wrapper,.hh-native .elementskit-infobox .elementskit-info-box-title,.hh-native .ekit-wid-con .elementskit-accordion .elementskit-card-header .ekit-accordion-title{font-family:inherit!important;font-weight:600!important}.hh-native .elementor-widget-text-editor{font-family:inherit;font-weight:400;line-height:1.9}.hh-native .elementor-widget-text-editor p{margin-bottom:15px}.hh-native .elementskit-menu-container a{white-space:nowrap}.hh-native .elementor-widget-heading .elementor-heading-title{word-break:normal;overflow-wrap:anywhere}.hh-native .hh-native-logo{display:flex;align-items:center;gap:12px;color:#fff;white-space:nowrap}.hh-native-logo img{width:54px;height:54px;object-fit:contain}.hh-native-logo span{font-size:29px;font-weight:600;line-height:1.2;letter-spacing:.12em}.hh-native-logo small{display:block;font-size:9px;letter-spacing:.18em;font-weight:400;margin-top:5px}.hh-native .hh-native-header{position:relative;z-index:60;width:100%}.hh-native .hh-native-header .header-version-1{left:0;right:0;width:100%}.hh-native.hh-native-custom .hh-native-header{height:100px;background:#181818}.hh-native.hh-native-custom .hh-native-header .header-version-1{position:relative}.hh-native .hh-native-header.is-scrolled{position:fixed;top:0;left:0;right:0;width:100%;height:100px;background:#181818;box-shadow:0 3px 22px #18181814}.hh-native .hh-native-header.is-scrolled .header-version-1{position:relative}.hh-native.hh-native-custom.hh-native-scrolled #main{padding-top:100px}.hh-native .hh-native-footer .elementor-element-ee7c182 img{width:76px;max-height:76px;object-fit:contain}.hh-native-address strong{font-size:16px;line-height:1.8;font-weight:600;display:block}.hh-native-address p{font-size:14px;line-height:2;margin:15px 0 0}.hh-native-contact{text-align:center;padding:15px}.hh-contact-qr{width:175px;height:175px;object-fit:contain;margin:0 auto 18px}.hh-qr-placeholder{display:grid;align-content:center;margin:15px auto;width:175px;height:175px;border:1px dashed #999;color:#777;background:#f8f7ef;font-size:15px;line-height:2.4}.hh-qr-placeholder small{font-size:12px}.hh-native-contact p{font-size:14px}.hh-footer-products{list-style:none;margin:0;padding:0;line-height:2.6}.hh-footer-products li a{color:inherit;font-size:15px}.hh-native .hh-equipment-banner{background-size:cover;background-position:center}.hh-native .hh-application-image img{width:100%;height:650px;object-fit:cover;border-radius:20px}.hh-native .elementor-element-e452f90 .elementskit-image-box img{aspect-ratio:1.25;object-fit:cover}.hh-native .hero{position:relative}.hh-native .hero .elementor-background-slideshow{border-radius:0}.hh-native .hero::before{z-index:1;pointer-events:none}.hh-native .hero>.e-con-inner{position:relative;z-index:2}.hh-native .hero .elementor-heading-title{line-height:1.4!important}.hh-native .hero .elementor-widget-heading:not(.section-title) .elementor-heading-title{font-weight:600!important}.hh-native .elementor-element-23c1efd .elementor-heading-title,.hh-native .elementor-element-a266d14 .elementor-heading-title{font-size:60px}.hh-native .hh-floating-root{height:0;min-height:0;margin:0;padding:0}.hh-native.lb-open{overflow:hidden}
/* The requested catalogue and gallery are extensions, matched to original Framex colours and curves. */
.hh-native .hh-app{--ink:#181818;--green:#181818;--body:#686863;--muted:#85847d;--cream:#f6f5ed;--line:#e5e4d9;font-family:inherit}.hh-native .hh-app .button-dark{background:#edc701;color:#181818;border-radius:50px;font-weight:600}.hh-native .hh-app .button-dark:hover{background:#181818;color:white}.hh-native .hh-app .sp-card{border-radius:20px;overflow:hidden;background:#fff}.hh-native .hh-app .card-picture{border-radius:20px}.hh-native .hh-app .card-bottom b{color:#181818}.hh-native .hh-app .sp-filter[aria-pressed=true]{background:#edc701;border-color:#edc701;color:#181818}.hh-native .hh-app .sp-filter[aria-pressed=true]>span:last-child{color:#45443b}.hh-native .hh-app .sp-filter{border-radius:8px}.hh-native .hh-app .variant[aria-pressed=true]{border-color:#ad9429;background:#f8f4d8;color:#3b3829}.hh-native .hh-app .variant-price{color:#181818}.hh-native .hh-app .texture-carousel{border-radius:20px;overflow:hidden;background:#f6f5ed}.hh-native .hh-app .texture-view{background:#f0eee5}.hh-native .hh-app .product-stage{border-radius:20px}.hh-native .hh-app .product-tabs{top:100px;background:#fff;border-color:#e8e7de}.hh-native .hh-featured .sp-copy{padding:20px 12px}.hh-native .hh-featured .sp-card{background:transparent}.hh-native .hh-featured h3,.hh-native .hh-featured a,.hh-native .hh-featured .card-bottom b{color:#fff}.hh-native .hh-featured .sp-copy small,.hh-native .hh-featured .card-bottom{color:#c6c4b8}.hh-native .hh-featured .card-bottom{border-color:#ffffff30}.hh-native .hh-featured .card-arrow{color:#181818}.hh-native .hh-app .page-hero{padding-top:60px}.hh-native .hh-app .page-hero h2{font-size:36px}.hh-native .hh-app .page-hero .eyebrow{display:none}.hh-native .hh-app .sp-copy h3{line-height:1.5}.hh-native .hh-app .floating-tools{z-index:100}.hh-native .hh-app .care-section{background:#f6f5ed}
@media(max-width:1024px){.hh-native-logo img{width:47px;height:47px}.hh-native-logo span{font-size:26px}.hh-native .hh-application-image img{height:480px}}
@media(max-width:767px){.hh-native .hh-native-header.is-scrolled,.hh-native.hh-native-custom .hh-native-header{height:80px}.hh-native.hh-native-custom.hh-native-scrolled #main{padding-top:80px}.hh-native .hh-app .product-tabs{top:80px}.hh-native-logo img{width:43px;height:43px}.hh-native-logo span{font-size:24px}.hh-native-logo small{font-size:8px}.hh-native .hh-native-logo{gap:9px}.hh-native .hh-application-image img{height:340px}.hh-native .elementor-element-23c1efd .elementor-heading-title,.hh-native .elementor-element-a266d14 .elementor-heading-title{font-size:37px}.hh-native .hh-app .page-hero h2{font-size:27px}.hh-native .hh-app .page-hero{padding-top:35px}.hh-native .hh-featured .sp-copy{padding:14px 2px}.hh-native .hh-featured .sp-copy h3{font-size:15px}.hh-native .hh-featured .card-bottom{font-size:10px}.hh-native .hh-featured .card-bottom b{font-size:19px}}
.hh-native-slide-controls{display:flex;gap:14px;margin-top:10px}.hh-native-slide-controls button{border:0;border-bottom:2px solid #ffffff55;padding:7px 12px;background:transparent;color:#ddd;font:500 13px inherit;line-height:1.5;border-radius:0}.hh-native-slide-controls button[aria-pressed=true]{color:#edc701;border-color:#edc701}.hh-native .hh-offline-slides{position:absolute;inset:0;overflow:hidden}.hh-native .hh-offline-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1s}.hh-native .hh-offline-slide.active{opacity:1;animation:hh-offline-pan 7s linear both}@keyframes hh-offline-pan{from{transform:scale(1.07)}to{transform:scale(1)}}html[data-hh-offline] .elementor-invisible{visibility:visible!important}html[data-hh-offline] .elementor-counter-number{opacity:1}html[data-hh-offline] .elementor-element{--e-p-transform-translateY:0}
@media(max-width:1024px){html[data-hh-offline] .elementskit-menu-container.active{left:0!important;opacity:1!important;visibility:visible!important;transform:translateX(0)!important;max-width:100%;background:#fff;z-index:1000}html[data-hh-offline] .elementskit-menu-container.active a{color:#181818!important}html[data-hh-offline] .elementskit-menu-container.active .elementskit-menu-close{display:block}}
.hh-native .hh-native-header.is-scrolled,.hh-native.hh-native-custom .hh-native-header{height:var(--hh-nav-height,100px)}.hh-native.hh-native-custom.hh-native-scrolled #main{padding-top:var(--hh-nav-height,100px)}.hh-native .hh-app .product-tabs{top:var(--hh-nav-height,100px)}.hh-native .hh-app .variant,.hh-native .hh-app .pd-thumbs>button{border-radius:8px}.hh-native .hh-app #product-details,.hh-native .hh-app #product-specs,.hh-native .hh-app #product-care{scroll-margin-top:calc(var(--hh-nav-height,100px) + 85px)}

/* Reliable photos: preserve rounded images without SVG masks or white reveal layers. */
.hh-native .elementor-widget-image,.hh-native .elementor-widget-image img,.hh-native .elementskit-box-header,.hh-native .elementskit-box-header img{-webkit-mask-image:none!important;mask-image:none!important}
.hh-native .at-image-animation::before,.hh-native .at-image-animation::after,.hh-native .image-anime::after{display:none!important}
.hh-native .elementor-widget-image img{visibility:visible!important;opacity:1!important;border-radius:20px}
.hh-native .premium-quality-item .elementskit-box-header{display:block!important;width:100%!important;height:260px;overflow:hidden;border-radius:20px}
.hh-native .premium-quality-item .elementskit-box-header img{display:block!important;width:100%!important;max-width:100%!important;height:260px!important;object-fit:cover;border-radius:20px}
.hh-native .elementor-element-cf20132{background:#f6f4ee!important;padding-top:80px!important;padding-bottom:80px!important}
.hh-native .our-work-image img{width:100%;height:520px;object-fit:cover}
/* Three category photos remain visible, without hover wipe covers. */
.hh-native .service-item .elementskit-infobox{isolation:isolate;overflow:hidden;background:transparent!important}
.hh-native .service-item .elementskit-infobox::before{display:none!important}
.hh-native .service-item .elementskit-infobox .image-hover{opacity:1!important;visibility:visible!important;transform:none!important;z-index:-2!important}
.hh-native .service-item .elementskit-infobox .image-hover img{opacity:1!important;visibility:visible!important;transform:none!important;object-fit:cover!important}
.hh-native .service-item .elementskit-infobox::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.72));z-index:-1;pointer-events:none}
.hh-native .service-item .elementskit-infobox .elementskit-info-box-title,.hh-native .service-item .elementskit-infobox p,.hh-native .service-item .elementskit-infobox .elementskit-btn{color:#fff!important}
.hh-native .service-item .elementskit-infobox .box-footer{border-color:#ffffff55!important}
.hh-native .hh-featured .sp-card{background:transparent!important}.hh-native .hh-featured .sp-copy h3 a{color:#fff!important}
.hh-native .hh-featured .card-bottom{justify-content:flex-end}.hh-native #shd-products-page .card-bottom{justify-content:flex-end}
.hh-native .hh-native-footer .hh-footer-products a,.hh-native .hh-native-footer .hh-native-address,.hh-native .hh-native-footer .hh-native-address p{color:#d8d5cc!important}
.hh-native .hh-native-footer .hh-native-address strong{color:#fff!important}.hh-native .hh-native-footer li::marker{color:transparent}.hh-native .hh-native-footer .elementor-widget-text-editor p{color:#d8d5cc!important}
.hh-native [data-hh-faq-ready] .elementskit-card-body{display:block!important}.hh-native [data-hh-faq-ready] .collapse[hidden]{display:none!important}.hh-native [data-hh-faq-ready] .collapse:not([hidden]){display:block!important;height:auto!important;visibility:visible!important}
.hh-native .hh-contact-band>.e-con-inner{flex-direction:row;align-items:center;gap:50px}.hh-native .hh-contact-band .elementor-heading-title,.hh-native .hh-contact-band p{text-align:left!important}.hh-native .hh-contact-band-photo img{width:100%;height:400px!important;object-fit:cover;border-radius:20px}
@media(max-width:767px){.hh-native .our-work-image img{height:340px}.hh-native .elementor-element-cf20132{padding-top:45px!important;padding-bottom:45px!important}.hh-native .hh-contact-band>.e-con-inner{flex-direction:column;gap:25px}.hh-native .hh-contact-band-photo img{height:300px!important}.hh-native .premium-quality-item{width:100%!important}}
.hh-native .premium-quality-item .elementskit-info-image-box .elementskit-box-header,.hh-native .premium-quality-item .elementskit-info-image-box .elementskit-box-header img{border-radius:20px!important}
.hh-native #huanhai-contact-band,.hh-native #huanhai-equipment,.hh-native #huanhai-series,.hh-native #huanhai-texture{scroll-margin-top:var(--hh-nav-height,100px)}
.hh-native .elementor-widget-elementskit-accordion{visibility:visible!important;opacity:1!important}
