/* Phones use document scrolling; desktop screen navigation remains unchanged. */
@media (max-width:900px), (hover:none) and (pointer:coarse) {
 html,html.scroll-home{height:auto!important;overflow-y:auto!important;scroll-snap-type:none!important}
 body.scroll-home-body,body.original-three-screen-page,body.qualification-page,body.special-detail-page{height:auto!important;min-height:0!important;overflow:visible!important;display:block!important}
 .scroll-home-body #main,.original-screens,.qualification-page #main,.qualification-screens,.special-detail-main,.special-detail-main>.wrap,.special-detail-grid,.special-detail-content{
  height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;scroll-snap-type:none!important;overscroll-behavior-y:auto!important;
 }
 .scroll-home-body #main>section,.original-screen,.qualification-screen{
  height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;scroll-snap-align:none!important;scroll-snap-stop:normal!important;overscroll-behavior-y:auto!important;
 }
 .scroll-home-body #main>section{padding-top:28px;padding-bottom:28px}
 .scroll-home-body footer{scroll-snap-align:none!important}
 .original-screen-content{margin:0 auto!important}
 .special-panel,.special-text-photo,.special-copy{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
 .special-detail-grid,.special-text-photo{grid-template-columns:1fr!important}
 .qualification-screen{padding:20px 0}
 .qualification-screen .cert-grid{grid-template-rows:auto!important}
 .qualification-screen .cert-card{height:auto!important}
 .qualification-screen .cert-image{flex:none!important;height:260px!important}
 /* Stable image frames while mobile browser chrome expands or collapses. */
 .service-visual{height:clamp(280px,65vw,460px)!important;min-height:0!important}
 .industry-photo{height:clamp(240px,60vw,450px)!important;min-height:0!important}
 .original-emission-card{height:auto!important;min-height:390px!important}
 .scroll-home-body #home .hero-slide,.industry-panel:not([hidden]) img,.cert-card.cert-enter{animation:none!important}
 .product-photo img,.product-photo:hover img,.cert-card,.cert-card:hover,
 #service .steps article:hover,.industry-tabs button:hover,
 .special-overview .special-links a:hover,.special-overview .special-links a:active{
  transform:none!important;transition:none!important;
 }
 .hero-carousel{touch-action:pan-y pinch-zoom}
 html,body{overscroll-behavior-y:none}
}
