/* Touch layouts share the same content and language routes as desktop. */
.product-submenu-toggle,.mobile-nav-link{display:none}
@media(max-width:950px){
  .header .nav-wrap{position:relative}
  .header #main-nav{top:100%;inset-inline:calc((100vw - 100%)/-2);padding:12px max(18px,calc((100vw - 100%)/2));max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}
  .header #main-nav>a,.header .nav-product-group>a{min-height:48px;display:flex;align-items:center;font-size:16px;white-space:normal;line-height:1.5}
  .header .nav-product-group{display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center}
  .header .product-submenu-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);background:white;color:var(--blue);margin-inline-start:4px}
  .product-submenu-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .2s}
  .product-submenu-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
  .header .nav-product-group .product-menu{display:none;grid-column:1/-1;position:static;padding:12px 16px;margin-bottom:12px}
  .header .nav-product-group.submenu-open .product-menu{display:grid;grid-template-columns:1fr;gap:16px}
  .header .product-menu a{font-size:15px;min-height:44px;display:flex;align-items:center;line-height:1.6;padding-block:9px}
  .header .product-menu .product-menu-heading{font-size:16px}
  .header #main-nav>.mobile-nav-link{display:flex}
  #menu-toggle{min-width:44px;min-height:44px;padding:10px}
  .header-actions select{min-height:44px}
  .hero-evidence,.detail-grid>*,.split>*,.faq-layout>*,.inquiry-layout>*,.admin-layout>*,.form-row>*,.footer-grid>*{min-width:0}
  .page-heading h1,.card-body h3,.article-card h3,.scene-story-copy h3,.prose h2,.home-v5-banner h1{overflow-wrap:anywhere;hyphens:auto}
  .checklist-download{grid-template-columns:1fr;gap:20px}
  .checklist-download .button{justify-self:start}
}
@media(max-width:650px){
  .nav-wrap{gap:8px;min-height:72px}
  .brand{min-width:0;gap:8px}
  .brand small{max-width:170px;font-size:9px;line-height:1.4}
  .header-actions select{width:82px;max-width:82px;font-size:13px}
  .home-v5-banner .banner-content{padding-block:34px}
  .home-v5-banner .banner-content h1{font-size:clamp(27px,7.5vw,34px);line-height:1.4;letter-spacing:-.02em}
  html[lang=ar] .home-v5-banner .banner-content h1{letter-spacing:0;line-height:1.6}
  .home-v5-banner .banner-content>p{font-size:16px;line-height:1.85}
  .home-v5-banner .actions{width:100%;gap:10px}
  .home-v5-banner .actions .button{font-size:14px;min-height:48px;padding:12px 18px}
  .home-v5-banner .hero-evidence{grid-template-columns:1fr;width:100%;gap:12px}
  .hero-proof{min-height:94px;padding:14px}
  .hero-proof>img,.hero-duo-thumb{flex-shrink:0}
  .hero-proof strong{font-size:23px}
  .hero-proof span{font-size:14px;line-height:1.6}
  .hero-proof small{font-size:12px;line-height:1.6}
  .scene-story-copy p,.home-v4-about-copy p,.split p,.reading p,.prose p,.faq-layout details p{font-size:16px;line-height:1.85}
  .scene-story-main .scene-story-copy{padding:24px}
  .scene-story-main h3{font-size:25px}
  .further-applications{gap:8px 20px;align-items:stretch}
  .further-applications a{display:flex;align-items:center;min-height:44px;font-size:16px;line-height:1.6;overflow-wrap:anywhere}
  .further-applications>span{margin-bottom:4px}
  .filters{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:26px}
  .filter{min-height:48px;padding:11px 10px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
  .catalogue-shortcuts a{display:inline-flex;align-items:center;min-height:44px;font-size:15px}
  .card-body h3{font-size:20px;line-height:1.5}
  .card-body p{font-size:15px;line-height:1.75;min-height:0}
  .card-body small,.card-link{font-size:13px}
  .card-body{padding:19px}
  .detail-grid dl>div,.temperature-reference dl>div{gap:9px;font-size:15px}
  dd{overflow-wrap:anywhere}
  .detail-photo.small-source{padding:20px}
  input,textarea,form select,.search-label input{font-size:16px;min-height:48px}
  textarea{min-height:150px}
  fieldset{min-inline-size:0}
  .inquiry-form .actions{display:grid;grid-template-columns:1fr;width:100%}
  .inquiry-form .actions .button{width:100%;font-size:16px}
  .consent{min-height:44px;padding-block:6px;font-size:14px;line-height:1.7}
  .consent input{min-height:20px;width:20px;height:20px;padding:0}
  details summary{min-height:44px;font-size:16px;line-height:1.7;overflow-wrap:anywhere}
  .document-zoom{width:44px;height:44px}
  .sheet-frame.certificate-open{width:calc(100% - 32px);max-width:290px;height:340px}
  .certificate-card-copy{padding:22px}
  .certificate-card-copy p{font-size:15px;line-height:1.85}
  .document-viewer{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);padding:14px}
  .document-viewer-bar{position:sticky;top:-14px;z-index:2;background:white;padding-block:12px;gap:12px;align-items:flex-start}
  .document-viewer-bar h2{font-size:18px;overflow-wrap:anywhere;min-width:0}
  .document-viewer-bar button{min-height:44px;padding:8px 12px}
  .report-excerpt{padding:8px;margin-inline:0}
  .temperature-reference{padding:22px}
  .temperature-reference dt{min-width:0}
  .footer-grid p,.footer-grid a{font-size:14px;line-height:1.8;overflow-wrap:anywhere}
  .footer-grid a{min-height:44px;display:flex;align-items:center;margin-bottom:0;padding-block:8px}
  .footer-grid h3{font-size:17px}
  .footer-bottom{font-size:12px;line-height:1.8}
  .button,.text-link,.document a{overflow-wrap:anywhere}
  .text-link{display:inline-flex;align-items:center;min-height:44px;line-height:1.7}
}
@media(max-width:480px){
  .brand small{display:none}
  .brand b{font-size:18px;letter-spacing:.03em}
  .brand svg{width:26px;height:26px}
  .brand{gap:7px}
  .header-actions select{width:78px;max-width:78px;font-size:12px}
  .product-grid{grid-template-columns:minmax(0,1fr);gap:22px}
  .product-img{height:auto;aspect-ratio:1.45}
  .page-heading h1{font-size:28px;line-height:1.45}
  .process{grid-template-columns:1fr;gap:23px}
  .detail-grid dl>div{grid-template-columns:minmax(0,1fr)}
  .home-v5-banner .actions{display:grid;grid-template-columns:1fr 1fr}
  .home-v5-banner .actions .button{padding-inline:10px;font-size:13px;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){.product-submenu-toggle svg{transition:none}}

@media(max-width:950px){.about-supply-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.about-sample-photo{height:250px}.about-supply-grid{grid-template-columns:1fr;gap:22px}.about-supply-grid h3{font-size:17px}}