/* U-Lai 1.8.5 responsive layer. Content and desktop composition stay unchanged. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
main,.products-page,.custom-page,.quality-page,.about-page-v154,.contact-page-v152{width:100%;max-width:100%;overflow-x:hidden}
img,video,svg,iframe{max-width:100%}
.site-main,.site-main>*,main>*,section,.wrap,.pp-container,.custom-wrap,.qp-container{min-width:0}
img{image-orientation:from-image}

@media (max-width:1100px){
  .pp-container,.custom-wrap,.qp-container{width:calc(100% - 36px);max-width:100%}
  .site-header .wrap{width:calc(100% - 28px)}
}

@media (max-width:1024px){
  .site-header .header-inner{position:relative!important;min-height:72px!important}
  .site-header .menu-toggle{display:flex!important;margin-left:auto!important;align-items:center!important}
  .site-header .main-nav{display:none!important;position:absolute!important;left:0!important;right:0!important;top:100%!important;z-index:9999!important;margin:0!important;padding:10px 20px 16px!important;background:#fff!important;border-top:1px solid #dbe4e9!important;box-shadow:0 14px 28px rgba(12,49,86,.16)!important;white-space:normal!important;flex-direction:column!important;align-items:stretch!important;gap:0!important}
  .site-header .main-nav.is-open{display:flex!important}
  .site-header .main-nav a{display:flex!important;align-items:center!important;min-height:48px!important;padding:10px 4px!important;border-bottom:1px solid #eef2f4!important;font-size:15px!important;line-height:1.3!important}
  .site-header .main-nav a:last-child{border-bottom:0!important}
  .header-actions{display:none}
  .site-header .brand img{width:82px}
  .about-design-v154,.contact-hero-v152,.custom-hero-reference,.industries-reference,
  .qp-hero-reference,.qp-commitment-reference,.qp-focus-reference,.qp-process-reference,
  .qp-range-reference,.pp-hero-reference,.factory-tour-v165,.home-why-choose-v166{width:100%;max-width:100%;overflow:hidden}
  .about-design-v154>img,.contact-hero-v152>img,.custom-hero-reference>img,.industries-reference>img,
  .qp-hero-reference>img,.qp-commitment-reference>img,.qp-focus-reference>img,.qp-process-reference>img,
  .qp-range-reference img,.pp-hero-reference>img,.factory-tour-v165>.factory-tour-layout-v165,
  .home-why-choose-v166 img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}
}

@media (max-width:700px){
  .wrap,.pp-container,.custom-wrap,.qp-container{width:calc(100% - 28px);max-width:100%}
  .section-title,.products-page h2,.custom-page h2,.quality-page h2{overflow-wrap:anywhere}
  .pp-hero-grid,.hero-layout,.qp-hero-grid,.detail-layout,.quality-custom-grid,.qp-doc-grid{grid-template-columns:minmax(0,1fr)}
  .pp-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .pp-product-grid article,.pp-product-grid article:nth-child(n+5){grid-column:auto;min-width:0;padding:10px}
  .pp-product-image{height:auto;aspect-ratio:1/1;overflow:hidden}
  .pp-product-image img{width:100%;height:100%;object-fit:contain}
  .pp-product-grid h3{font-size:16px;line-height:1.25}
  .pp-filters{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:5px}
  .industry-grid,.detail-grid,.qp-commit-grid,.qp-focus-grid,.qp-document-grid{grid-template-columns:minmax(0,1fr)}
  .format-grid,.qp-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .custom-process,.qp-process{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-metrics,.pp-metrics .pp-container,.qp-metrics .qp-container{grid-template-columns:repeat(2,minmax(0,1fr))}
  .detail-grid>div,.industry-grid article,.format-grid a,.qp-format-grid a{min-width:0}
  .footer-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .site-footer,.site-footer *{overflow-wrap:anywhere}
  .site-footer a,.site-footer p{word-break:break-word}
  .pp-product-grid article,.detail-grid>div,.industry-grid article,.format-grid a,.qp-format-grid a{max-width:100%;overflow:hidden}
  .pp-product-grid p,.pp-product-grid h3{overflow-wrap:anywhere}
  .custom-page img,.products-page img,.quality-page img,.about-page-v154 img,.contact-page-v152 img{max-width:100%;height:auto}
  video{width:100%;height:auto;object-fit:contain}
  .contact-v152-mobile-actions,.custom-hero-mobile-actions,.qp-hero-mobile-actions,.pp-hero-mobile-actions,.custom-cta-mobile-v156{max-width:100%}
}

@media (max-width:420px){
  .pp-product-grid{grid-template-columns:minmax(0,1fr)}
  .format-grid,.qp-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-metrics,.pp-metrics .pp-container,.qp-metrics .qp-container{grid-template-columns:minmax(0,1fr)}
}