/* V61 touch layouts. Product content and desktop presentation stay shared. */
.mobile-nav-section-toggle{display:none}
.mobile-table-hint{display:none}
@media(max-width:1100px){
 html{scroll-padding-top:calc(var(--mobile-header-height,65px) + 64px)}
 html body{overflow-x:clip!important}
 html body .site-header{position:sticky!important;top:0;z-index:100;overflow:visible}
 html body .site-header .brand{min-width:44px;min-height:44px}
 html body .site-header .menu-toggle,html body .site-header .header-actions .btn{min-height:44px;display:inline-flex!important;align-items:center;justify-content:center}
 html body .site-header .main-nav{position:absolute;left:0;right:0;top:100%;width:100%;flex-basis:auto;padding:8px 16px 16px!important;background:#fff;border-bottom:1px solid #d0dbe3;max-height:calc(100vh - var(--mobile-header-height,65px));max-height:calc(100dvh - var(--mobile-header-height,65px));overflow-y:auto;overscroll-behavior:contain}
 html body .site-header .main-nav.open{max-height:calc(100dvh - var(--mobile-header-height,65px));overflow-y:auto}
 html body .site-header .nav-item>a{min-height:48px;padding:10px 48px 10px 8px!important}
 html body .site-header .nav-dropdown>a::after{display:none}
 html body .site-header .dropdown-menu{min-width:0!important;width:100%;padding:0 0 8px 12px!important}
 html body .site-header .dropdown-menu a{display:flex;align-items:center;min-height:44px;padding:10px 12px!important;white-space:normal}
 html body .site-header .nav-dropdown[data-mobile-expanded=false] .dropdown-menu{display:none!important}
 html body .site-header .mobile-nav-section-toggle{display:flex;position:absolute;right:0;top:2px;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;background:transparent;border:0;color:#15364e;cursor:pointer}
 .mobile-nav-section-toggle svg{width:18px;height:18px;transition:transform .15s ease}
 .mobile-nav-section-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
 .mobile-nav-section-toggle:focus-visible{outline:2px solid #258bd5;outline-offset:-2px}
 html body.mobile-nav-open,html body.modal-open{overflow:hidden!important}
 html.mobile-nav-open,html.mobile-modal-open{overflow:hidden!important}
 .pd-subnav{top:var(--mobile-header-height,65px)!important}
 .pd-subnav .pd-shell{overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#63839a transparent}
 .pd-subnav a{min-height:48px;display:flex;align-items:center;padding:14px 12px}
 .pd-subnav-cta{min-height:44px}
 .pd-row-img,.pd-card-img,.pd-plate{grid-template-rows:minmax(0,1fr)}
 .pd-row-img img,.pd-card-img img,.pd-plate img{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
 .pd-feat-grid{grid-template-columns:minmax(0,1fr);gap:32px}
 .pd-feat-col,.pd-row-main,.pd-row-facts,.pd-card-body{min-width:0}
 .pd-feat-col dt,.pd-feat-col dd{overflow-wrap:break-word}
 .pg .filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pg .filter-panel label,.pg .filter-panel p{min-width:0;overflow-wrap:break-word}
 html body input:not([type=checkbox]):not([type=radio]):not([type=hidden]),html body select,html body textarea{min-width:0;max-width:100%;font-size:16px!important}
 .pg .filter-panel input,.pg .filter-panel select{width:100%;min-width:0}
 html body .quote-form input:not([type=hidden]),html body .quote-form select,html body .quote-form textarea{min-height:46px;box-sizing:border-box}
 html body .quote-modal,html body .evidence-modal,html body .drawing-viewer{padding:12px!important}
 html body .quote-panel,html body .evidence-dialog,html body .drawing-dialog{max-width:100%;max-height:calc(100vh - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto;overscroll-behavior:contain}
 html body .modal-close{min-width:44px;min-height:44px}
 html body .quote-panel>.modal-close,html body .evidence-dialog>.modal-close{position:sticky;float:right;top:0;right:auto;z-index:5;background:#fff;box-shadow:0 1px 6px rgba(9,24,38,.12)}
 html body .quote-panel>h2{padding-right:38px}
 .drawing-toolbar{display:flex;flex-wrap:wrap;gap:8px}
 .drawing-toolbar button{min-width:44px;min-height:44px}
 .text-button,.ap60-more,.filter-panel button,.pd-case-nav a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 .text-button,.ap60-more{padding-top:10px;padding-bottom:10px}
 .ap60-more{white-space:normal;text-align:left}
 .mobile-table-scroll{max-width:100%;min-width:0;overflow-x:auto!important;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#648398 #e2ebf1;-webkit-overflow-scrolling:touch}
 .mobile-table-scroll:focus-visible{outline:2px solid #2285c9;outline-offset:3px}
 .mobile-table-hint:not([hidden]){display:block;font-size:13px;line-height:1.5;color:#45647a;margin:10px 0 8px}
 .mobile-table-scroll.is-wide tbody tr>:first-child{position:sticky;left:0;z-index:1;background:#f0f5f8}
 .mobile-table-scroll.is-wide thead>tr:first-child>:first-child{position:sticky;left:0;z-index:2;background:#17344e;color:#fff}
 main section[id]{scroll-margin-top:calc(var(--mobile-header-height,65px) + 66px)}
}
@media(max-width:600px){
 .tr-hero::after{background:linear-gradient(0deg,var(--fx-scrim-home)),linear-gradient(90deg,rgba(9,24,38,.86),rgba(9,24,38,.72))}
 .pd h1,.pg h1{font-size:clamp(28px,8.2vw,36px);line-height:1.12;overflow-wrap:break-word;text-wrap:balance}
 .pd-hero-grid{grid-template-columns:minmax(0,1fr);gap:0}
 .pd-hero-copy{display:contents}
 .pd-hero-copy .pd-crumb{order:0;margin:0 0 24px}
 .pd-hero-copy .pd-kicker{order:1;margin:0 0 14px}
 .pd-hero-copy h1{order:2;margin:0 0 14px}
 .pd-hero-copy .pd-model{order:3;margin:0}
 .pd-hero-grid>.pd-hero-media{order:4;margin:24px 0 0;min-width:0}
 .pd-hero-copy .pd-lead{order:5;margin:24px 0 0}
 .pd-hero-copy .pd-case-nav{order:6;margin:24px 0 0}
 .pd-hero-copy .pd-facts{order:7;margin:28px 0 0}
 .pd-hero-copy .pd-actions{order:8;margin:28px 0 0}
 .pd-hero-grid>:not(.pd-hero-copy):not(.pd-hero-media){order:9;min-width:0;margin-top:28px}
 .pd-hero-grid>.pd-hero-copy:only-child{display:block}
 .pd-plate{padding:18px}
 .pd-thumbs{gap:10px}
 .pd-case-nav{gap:8px}
 .pd-case-nav a{min-height:46px;padding:10px 12px}
 .pg .filter-panel{grid-template-columns:minmax(0,1fr);padding:16px}
 html body .quote-form,html body .quote-form .v3p-rfq-grid{grid-template-columns:minmax(0,1fr)!important}
 .quote-form label{min-width:0}
 .pd-actions{display:flex;flex-wrap:wrap;gap:12px}
 .pd-actions>*{min-height:46px;max-width:100%}
 .pd-photo-request .pd-plate{height:auto;min-height:220px}
}
@media(max-width:900px){
 .as{--head:var(--mobile-header-height,65px)}
 .as-ready .as-stage{height:calc(100svh - var(--head));min-height:0}
 .as-rail{gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;padding:2px 0 6px;min-width:0;scrollbar-width:thin}
 .as-rail li{flex:0 0 auto}
 .as-rail button{display:flex;align-items:center;gap:8px;position:relative;min-width:88px;min-height:44px;padding:8px 10px;border:1px solid #547189;border-radius:2px}
 .as-rail b{display:block;font-size:13px}
 .as-rail span{display:block;font-size:13px;white-space:nowrap}
 .as-rail i{position:absolute;bottom:0;left:0;right:0;height:2px}
 .as-rail button[aria-current]{background:#244c68;border-color:#89bbdf}
 .as-ready .as-chapters{height:clamp(230px,32svh,290px);min-width:0}
 .as-ready .as-chap{overflow-y:auto;overscroll-behavior:contain;padding-right:6px}
 .as-chap dl{display:block}
 .as-chap dl div{grid-template-columns:minmax(0,110px) minmax(0,1fr)}
 .as-chap p{font-size:15px}
 .as-hint{bottom:310px}
}
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){
 .as-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:54px minmax(0,1fr);gap:12px}
 .as-rail{grid-column:1/-1}
 .as-ready .as-chapters{height:100%;min-height:0}
 .as-hint{display:none}
}
@media(prefers-reduced-motion:reduce){.mobile-nav-section-toggle svg{transition:none}}