/* Responsive refinements shared by every public page. */
picture.banner-picture,picture.about-banner-picture{display:contents}
#hero picture{display:block;flex-shrink:0}
.privacy-content{max-width:900px}.privacy-content section{margin-top:36px}.privacy-content section h2{font-size:22px!important;margin-bottom:14px!important}.privacy-content p{line-height:2;overflow-wrap:anywhere}.privacy-content .privacy-contact{padding-top:30px;border-top:1px solid #e2e8f0}.privacy-contact a,.enquiry-consent a{color:#087e7d;text-decoration:underline;text-underline-offset:3px}
@media(min-width:768px) and (max-width:1399px){body:not(.locale-zh-cn):not(.locale-zh-tw) .mobile-navigation:not([hidden]){display:block}}
@media(min-width:768px) and (max-width:1200px){#site-header [data-main-nav]{display:none}#site-header .mobile-menu-toggle{display:block}#site-header .mobile-navigation:not([hidden]){display:block}}
@media(max-width:767px){
 html{scroll-padding-top:96px}
 #site-header>div{padding:0 16px;gap:10px;height:70px}
 #site-header>div>a{min-width:0;flex-shrink:1}
 #site-header .company-logo{width:clamp(112px,34vw,145px);max-height:42px}
 #site-header .mobile-menu-toggle{flex-shrink:0;min-width:42px;min-height:44px;margin:0 0 0 auto;padding:10px}
 #site-header .mobile-menu-toggle span{margin:4px auto}
 #site-header .header-actions{margin:0;gap:8px;min-width:0;max-width:45%}
 #site-header .language-trigger{min-height:44px;max-width:100%;padding:9px 10px;gap:7px}
 #site-header .language-trigger-label{display:block;max-width:95px;overflow:hidden;text-overflow:ellipsis}
 .site-topbar>div{padding:8px 16px;gap:12px;align-items:center}
 .site-topbar>div>div:last-child{max-width:60%;text-align:right;letter-spacing:0;line-height:1.5;font-size:9px;overflow-wrap:anywhere}
 .language-panel{top:calc(100% + 5px);right:8px;width:calc(100% - 16px);max-height:calc(100dvh - 125px);padding:20px 14px;scrollbar-gutter:stable}
 .language-option{min-height:60px}.language-close{min-width:44px;min-height:44px}
 .mobile-navigation{max-height:calc(100dvh - 125px);overflow:auto;padding:8px 20px}
 .mobile-navigation a{min-height:44px;line-height:1.6;overflow-wrap:anywhere}
 #hero picture{width:100%}
 #hero>.absolute img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
 #hero>.max-w-7xl{padding:28px 20px 32px}
 #hero h1,body:not(.locale-zh-cn):not(.locale-zh-tw) #hero h1{font-size:clamp(28px,7.4vw,38px);line-height:1.4;letter-spacing:-.02em;margin-bottom:20px}
 #hero>.max-w-7xl>.max-w-2xl>p{font-size:15px;line-height:1.9}
 #hero .max-w-2xl>.flex>a{min-height:46px;padding:12px 16px;white-space:normal;line-height:1.6}
 #hero h3{overflow-wrap:anywhere}
 #about h2,#quality h2{font-size:clamp(25px,6.5vw,32px);line-height:1.5}
 .secondary-product-card{grid-template-columns:1fr;min-height:0}
 .secondary-product-image{min-height:0;height:auto;aspect-ratio:16/9}
 .secondary-product-copy{padding:24px}
 .secondary-product-copy h3,body:not(.locale-zh-cn):not(.locale-zh-tw) .secondary-product-copy h3{font-size:22px;overflow-wrap:anywhere}
 .insights-heading{display:block}.inner-home-insights-link{display:inline-flex;margin-top:18px;min-height:44px;align-items:center}
 .insights-card-copy{padding:22px}.insights-card-copy h3{overflow-wrap:anywhere;line-height:1.65}
 .inner-wrap,.about-wrap{padding-left:20px;padding-right:20px}
 .inner-heading{display:block}.inner-heading>p{margin-top:18px}
 .inner-section{padding-top:44px;padding-bottom:44px}
 .inner-page main h2{font-size:27px;line-height:1.55}
 .inner-banner h1{font-size:32px;overflow-wrap:anywhere}
 .inner-banner-natural{height:340px}
 .inner-banner-natural>.banner-picture>img{width:100%;height:100%;object-fit:cover;mask-image:none;-webkit-mask-image:none}
 .inner-banner-natural>.inner-wrap{padding-top:72px;padding-bottom:28px}
 .inner-banner-copy{font-size:14px;line-height:1.8;overflow-wrap:anywhere}
 .inner-button,.inner-text-link{min-height:44px;white-space:normal;overflow-wrap:anywhere}
 .inner-cta>.inner-wrap{align-items:stretch;flex-direction:column}
 .inner-cta .inner-button{align-self:flex-start}
 .catalog-copy,.product-overview>div,.contact-layout>div{min-width:0}
 .catalog-copy h3,.product-overview h2{overflow-wrap:anywhere}
 .catalog-filters{gap:22px;scroll-padding-inline:20px}.catalog-filters button{min-height:48px}
 .enquiry-builder{padding:24px 20px}
 .enquiry-builder input,.enquiry-builder select,.enquiry-builder textarea{font-size:16px!important;min-height:46px}
 .enquiry-row{grid-template-columns:minmax(0,1fr);gap:0}
 .enquiry-builder .inner-button{width:100%;margin-top:8px}
 .enquiry-consent{line-height:1.9}
 .article-heading h1{font-size:27px;line-height:1.6;overflow-wrap:anywhere}
 .article-meta{display:flex;gap:8px 16px;flex-wrap:wrap}.article-meta span{margin-left:0}
 .article-body{font-size:16px;line-height:1.95}.article-body table{display:block;max-width:100%;overflow:auto}
 .success-actions,.error-actions{flex-direction:column;gap:14px}
 .about-section-nav>div{display:flex;overflow-x:auto;white-space:nowrap;gap:22px;scroll-padding:20px}
 .about-section-nav a{flex-shrink:0;min-height:44px;display:inline-flex;align-items:center}
 .about-banner h1{font-size:32px;line-height:1.5}.about-intro h2{font-size:28px;line-height:1.5}
 .about-gallery-caption{flex-wrap:wrap}.footer-company-contact{max-width:100%}
 footer .pt-6{align-items:flex-start;gap:12px}footer .space-x-4{display:flex;gap:10px 20px;flex-wrap:wrap}footer .space-x-4>a{margin:0;min-height:36px;display:inline-flex;align-items:center}
}
@media(max-width:359px){#site-header .language-trigger-label{display:none}#site-header .company-logo{width:112px}}

@media(max-width:767px){
 .hero-features{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-features>div{padding:20px 12px;border:0}
 .hero-features>div:nth-child(-n+2){border-bottom:1px solid #e2e8f0}
 .hero-features>div:nth-child(odd){border-right:1px solid #e2e8f0}
 .hero-features h3{font-size:16px;line-height:1.55}
 .hero-features p{font-size:12px;line-height:1.7}
 .hero-features .feature-icon{width:40px;height:40px}
 .about-gallery-dot,.about-gallery-pause{min-width:44px;min-height:44px}
}
@media(max-width:767px){
 body main h1,body main h2,body main h3,body main h4,body main p,body main a{overflow-wrap:anywhere;hyphens:auto}
 #portfolio .flex.items-center.text-xs{flex-wrap:wrap;gap:6px}
 #about .grid>div,#quality .grid>div{min-width:0}
}

body main h1,body main h2,body main h3,body main h4,body main p,body main a{overflow-wrap:anywhere;hyphens:auto}
@media(min-width:768px) and (max-width:1100px){.footer-main{flex-wrap:wrap}.footer-main>nav{flex-basis:45%}.footer-company-contact{max-width:45%}}