/* Mobile is a separate composition. All desktop styling lives in site.css. */
.mobile-quick-nav,.mobile-catalog-title,.mobile-catalog-intro,
.catalog-filter-list,.mobile-model-meta,.mobile-model-action,.mobile-card-title,
.mobile-order-details,.mobile-contact-lead,.mobile-contact-label{display:none}

@media(max-width:760px){
  html{scroll-padding-top:80px}
  body{padding-bottom:76px}
  .announcement{display:none}
  .site-header{height:64px;padding:0 18px;background:#fff}
  .site-header .brand-logo{width:158px}
  .menu-toggle{width:44px;height:44px;min-height:44px;min-width:44px;border:0;background:#f2f2ed}
  .main-nav{top:64px;max-height:calc(100vh - 140px);padding:8px 22px 20px;font-size:16px}
  .section-wrap,.inner-hero,.page-section{padding-left:18px;padding-right:18px}
  .mobile-quick-nav{position:fixed;z-index:40;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:#fff;border-top:1px solid #dbded8;box-shadow:0 -3px 16px rgba(29,35,32,.06);padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
  .mobile-quick-nav>a{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:12px;font-weight:700;line-height:1.3;flex:1;border-radius:4px;color:#454c4f}
  .mobile-quick-nav .mobile-quick-quote{flex:1.3;background:#e96525;color:#24292d}
  .mobile-quick-nav .mobile-quick-browse{background:#f1f2ed}
  .whatsapp-float{display:none}
  .site-footer{padding-bottom:32px}
  /* Catalog: browse first, procurement explanation after the range. */
  .catalog-page .inner-hero{padding-top:26px;padding-bottom:22px;border:0;background:#fff}
  .catalog-page .inner-hero .breadcrumbs,.catalog-page .inner-hero>.eyebrow,
  .catalog-page .inner-hero>.hero-actions,.catalog-page .desktop-catalog-title,
  .catalog-page .inner-hero>p:not(.mobile-catalog-intro){display:none}
  .catalog-page .mobile-catalog-title{display:block}
  .catalog-page .inner-hero h1{font-size:34px;line-height:1.14;letter-spacing:-.045em}
  .catalog-page .inner-hero .mobile-catalog-intro{display:block;max-width:370px;font-size:14px;line-height:1.65;color:#62686b;margin:12px 0 0}
  .catalog-page .machine-section{padding:0 0 30px;background:#f0f1eb}
  .catalog-page .machine-inner{padding:0 14px}
  .catalog-page .machine-inner>.section-index,.catalog-page .machine-heading{display:none}
  .catalog-filter-list{display:flex;gap:8px;overflow-x:auto;padding:16px 0 12px;-webkit-overflow-scrolling:touch}
  .catalog-filter-list>button{flex:0 0 auto;border:1px solid #d5d9cf;border-radius:22px;background:#fff;color:#62686b;min-height:42px;padding:9px 15px;font-size:12px;line-height:1.4;font-weight:600;cursor:pointer}
  .catalog-filter-list>button[aria-pressed=true]{background:#24292d;border-color:#24292d;color:#fff}
  .catalog-tools{display:flex;flex-wrap:wrap;gap:0;margin:0 0 14px;padding:0}
  .catalog-tools>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .catalog-tools input{width:100%;min-height:46px;padding:11px 14px;background:#fff;border:1px solid #d5d9cf;border-radius:6px;font-size:16px;line-height:1.4}
  .catalog-results{font-size:12px;color:#68706a;padding:10px 1px 0;margin:0;line-height:1.5}
  .catalog-page .model-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;align-items:stretch}
  .catalog-page .model-card{background:#fff;border:1px solid #dedfd7;border-radius:7px;box-shadow:none}
  .catalog-page .model-photo{height:155px;background:#e8ebe3}
  .catalog-page .model-photo img{object-fit:contain;background:#e8ebe3}
  .catalog-page .model-photo:after,.catalog-page .model-photo-cta,.catalog-page .model-index,.catalog-page .model-tag{display:none}
  .catalog-page .model-info{padding:13px 12px 12px}
  .catalog-page .model-info h3{font-size:16px;line-height:1.3;letter-spacing:-.025em;min-height:42px;margin:0 0 6px;color:#24292d}
  .catalog-page .desktop-card-title{display:none}
  .catalog-page .mobile-card-title{display:block}
  .catalog-page .mobile-model-meta{display:block;font-size:11px;line-height:1.6;min-height:36px;color:#62686b;margin:0 0 4px}
  .catalog-page .model-card-details{margin:0 0 auto}
  .catalog-page .model-card-details summary{min-height:40px;padding:8px 0;margin:0;font-size:11px;line-height:1.5;color:#62686b}
  .catalog-page .model-card-details summary>span{font-size:18px;color:#b44a1a}
  .catalog-page .model-card-details p{font-size:12px;line-height:1.8;margin:8px 0 14px}
  .catalog-page .model-card .model-link{display:flex;justify-content:center;min-height:44px;margin:10px 0 0;padding:10px 7px;background:#f6eee7;color:#a43f12;border:1px solid #efd5c3;border-radius:4px;font-size:11px;line-height:1.4}
  .catalog-page .model-link-label{display:none}
  .catalog-page .mobile-model-action{display:block}
  .catalog-page .model-card[data-has-details=true] .model-link--inquiry{display:none}
  .catalog-page .model-card[data-has-details=true] .model-link--details{background:#24292d;border-color:#24292d;color:#fff}
  .catalog-context{padding-top:26px;padding-bottom:10px}
  .catalog-context .answer-panel{padding:22px;background:#fff}
  .catalog-context .answer-panel h2{font-size:24px}
  .catalog-context .answer-panel p{font-size:14px;line-height:1.8}
  /* Home: compact headline, the machine, then one clear browsing action. */
  .home-page .h1-lead{display:none}
  .home-page .hero-copy{padding:27px 20px 24px;display:flex;align-items:stretch}
  .home-page .hero .eyebrow{font-size:9px;line-height:1.6;letter-spacing:.08em;margin-bottom:15px}
  .home-page .hero h1{font-size:42px;line-height:1.05;letter-spacing:-.045em;margin:0}
  .home-page .hero-copy>.hero-visual{margin:22px -20px 0;padding:0;display:block;background:#30363b}
  .home-page .hero-photo-frame{height:245px;min-height:0}
  .home-page .hero-photo-frame img{object-fit:cover;object-position:50% 62%}
  .home-page .hero-side-note,.home-page .hero-caption{display:none}
  .home-page .photo-label{bottom:15px;left:20px;font-size:8px;letter-spacing:.08em}
  .home-page .hero-lede{font-size:14px;line-height:1.75;margin:20px 0 18px;max-width:550px}
  .home-page .hero-actions{margin:0;display:flex;flex-direction:row;gap:0;align-items:center}
  .home-page .hero .hero-actions>.button{min-height:48px;width:100%;font-size:13px;margin:0}
  .home-page .hero-actions>.text-link,.home-page .hero-proof{display:none}
  .home-page .trust-strip{grid-template-columns:1fr 1fr;gap:18px 12px;padding:23px 20px}
  .home-page .trust-strip>p{display:none}
  .home-page .trust-item{font-size:11px;line-height:1.65}
  .home-page .home-products{padding-top:36px;padding-bottom:36px}
  .home-page .home-products .section-index{display:none}
  .home-page .home-products-head{display:block;margin:0 0 20px}
  .home-page .home-products-head .eyebrow{font-size:10px;margin:0 0 12px}
  .home-page .home-products-head h2{font-size:30px;line-height:1.18}
  .home-page .home-products-head>div:last-child{margin-top:16px}
  .home-page .home-products-head>div:last-child>p{font-size:13px;line-height:1.8;margin:0}
  .home-page .home-products-head .text-link{min-height:38px;font-size:12px}
  .home-page .home-model-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .home-page .home-product-card .home-product-image img{height:145px;object-fit:contain}
  .home-page .home-product-card .product-fuel{left:9px;top:9px;font-size:8px;padding:5px 7px;letter-spacing:.05em}
  .home-page .home-product-body{padding:15px 12px 0}
  .home-page .product-card-heading h3{font-size:20px;line-height:1.25}
  .home-page .product-card-arrow,.home-page .home-product-body>p{display:none}
  .home-page .home-card-specs{display:block;padding:12px 0 0;margin:12px 0 14px}
  .home-page .home-card-specs>div{padding:0}
  .home-page .home-card-specs>div+div{display:none}
  .home-page .home-card-specs dt{font-size:10px}
  .home-page .home-card-specs dd{font-size:23px;margin-top:4px}
  .home-page .home-product-card .product-card-foot{margin:0 -12px;padding:13px 12px;font-size:10px;line-height:1.6;min-height:54px;align-items:center}
  .home-page .home-product-source{font-size:11px;line-height:1.8;margin:15px 0 20px}
  .home-page .range-links{padding-top:18px}
  .home-page .intro,.home-page .applications{padding-top:36px;padding-bottom:36px}
  .home-page .intro h2,.home-page .applications h2,.home-page .faq-grid h2{font-size:30px;line-height:1.2}
  .home-page .feature-grid{display:flex;overflow-x:auto;gap:16px;padding:0 0 12px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .home-page .feature-card,.home-page .feature-card:not(:first-child){flex:0 0 84%;min-height:240px;border:0;border-bottom:1px solid #d9ddd3;padding:22px 20px 38px;background:#efefe9;scroll-snap-align:start}
  .home-page .feature-card:last-child{padding-bottom:38px}
  .home-page .feature-card h3{font-size:20px}
  .home-page .feature-card p{font-size:14px}
  .home-page .feature-card>b,.home-page .feature-card:last-child>b{bottom:15px}
  .home-page .proof-image{min-height:235px}
  .home-page .faq-section{padding-top:38px;padding-bottom:40px}
  /* Forms: required information first, optional commercial fields disclosed. */
  .inquiry-section{padding-top:38px;padding-bottom:42px}
  .inquiry-wrap{gap:24px}
  .inquiry-copy>.section-index,.inquiry-points{display:none}
  .inquiry-copy>.eyebrow{font-size:10px;margin:0 0 14px}
  .inquiry-copy h2{font-size:34px;line-height:1.15}
  .inquiry-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;margin:16px 0 0}
  .inquiry-form{padding:23px 18px;border-radius:7px}
  .inquiry-form .form-row{grid-template-columns:1fr;gap:0}
  .inquiry-form .form-heading{font-size:9px;margin-bottom:20px;padding-bottom:14px}
  .inquiry-form label{font-size:12px;font-weight:600;margin-bottom:15px;line-height:1.5}
  .inquiry-form input,.inquiry-form select,.inquiry-form textarea{min-height:48px;font-size:16px;padding:11px 12px;margin-top:6px;background:#f8f9f5;border-color:#d3d8ce;border-radius:4px}
  .inquiry-form textarea{height:90px;min-height:90px}
  .mobile-order-details{display:block;border:1px solid #dde0d7;border-radius:5px;margin:1px 0 17px;background:#fff}
  .mobile-order-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;font-size:13px;font-weight:600;line-height:1.5;padding:15px 13px;min-height:50px;cursor:pointer;color:#343b3e}
  .mobile-order-details>summary::-webkit-details-marker{display:none}
  .mobile-order-details>summary>span{font-size:10px;color:#62686b;font-weight:400;flex-shrink:0}
  .mobile-order-details-body{padding:4px 13px 0}
  .inquiry-form .form-submit{min-height:50px;font-size:14px;margin-top:1px;border-radius:4px}
  .inquiry-form .form-note{font-size:11px;line-height:1.8}
  .contact-options{font-size:13px;gap:12px}
  /* Contact removes the second desktop introduction before the actual form. */
  .contact-page .inner-hero{padding-top:25px;padding-bottom:23px;background:#fff;border:0}
  .contact-page .inner-hero .breadcrumbs,.contact-page .inner-hero>.eyebrow,
  .contact-page .inner-hero>p:not(.mobile-contact-lead){display:none}
  .contact-page .inner-hero h1{font-size:31px;line-height:1.18;letter-spacing:-.035em}
  .contact-page .inner-hero .mobile-contact-lead{display:block;font-size:14px;line-height:1.75;margin:14px 0 0}
  .contact-page .direct-contact{display:flex;flex-direction:row;gap:10px;margin-top:18px}
  .contact-page .direct-contact>a{flex:1;min-height:44px;justify-content:center;padding:10px 12px;border-color:#d8ddd3;background:#f7f8f3}
  .contact-page .desktop-contact-label{display:none}
  .contact-page .mobile-contact-label{display:block;font-size:12px}
  .contact-page .inquiry-copy{display:none}
  .contact-page .inquiry-section{padding-top:20px;background:#eff1ea}
  .contact-page .inquiry-form{border:1px solid #dde0d7}
  /* Model detail pages put the machine before the long purchasing copy. */
  .product-hero{padding-top:23px;padding-bottom:24px}
  .product-hero .breadcrumbs{font-size:10px;margin-bottom:15px}
  .product-hero-grid{display:block;margin-top:0}
  .product-hero h1{font-size:32px;line-height:1.2;margin:12px 0 0}
  .product-hero-grid>div>.product-main-photo{margin:20px -18px 14px}
  .product-main-photo img{height:255px;border-radius:0;object-fit:contain}
  .product-main-photo figcaption{font-size:11px;line-height:1.7;padding:10px 18px}
  .product-lead{font-size:14px;line-height:1.8}
  .product-key-facts{justify-content:space-between;gap:10px;padding:15px 0;margin:20px 0}
  .product-key-facts dt{font-size:10px}
  .product-key-facts dd{font-size:24px}
  .product-hero .hero-actions{display:none}
  .product-jump-nav{position:sticky;top:64px;z-index:15;display:flex;flex-wrap:nowrap;gap:20px;overflow-x:auto;background:#fff;padding:9px 18px;border-color:#dee1d8;-webkit-overflow-scrolling:touch}
  .product-jump-nav>a{flex:0 0 auto;min-height:36px;font-size:12px;white-space:nowrap}
  .product-detail section[id]{scroll-margin-top:132px}
  .product-spec-table{min-width:0;width:100%;table-layout:fixed;font-size:12px}
  .product-spec-table th,.product-spec-table td{padding:13px 11px;overflow-wrap:break-word;line-height:1.75}
  .product-photo-gallery{display:flex;overflow-x:auto;gap:16px;padding-bottom:12px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .product-photo-gallery>figure{flex:0 0 88%;scroll-snap-align:start}
  .product-photo-gallery img{height:235px}
  .product-photo-gallery figcaption{font-size:12px}
}
@media(min-width:561px) and (max-width:760px){.catalog-page .model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-page .model-photo{height:165px}.home-page .hero-photo-frame{height:320px}.home-page .home-product-card .home-product-image img{height:210px}}
@media(max-width:360px){.catalog-page .model-photo{height:130px}.catalog-page .model-info{padding:12px 10px 10px}.catalog-page .model-info h3{font-size:14px;min-height:38px}.catalog-page .mobile-model-meta{font-size:10px;min-height:34px}.catalog-page .model-card .model-link{font-size:10px}.catalog-filter-list>button{padding:8px 12px;font-size:11px}.home-page .hero h1{font-size:38px}.home-page .hero-photo-frame{height:220px}.home-page .product-card-heading h3{font-size:18px}.mobile-quick-nav{gap:5px;padding-left:10px;padding-right:10px}.mobile-quick-nav>a{font-size:11px}}
@media print{.mobile-quick-nav{display:none}}
.no-flex-gap .catalog-filter-list>button{margin-right:8px}
.no-flex-gap .mobile-quick-nav>a{margin-right:6px}
html:not(.js-ready) .catalog-filter-list{display:none}

/* Applications are a worksite chooser on phones, not four desktop cards stacked. */
@media(max-width:760px){
  .applications-hero{display:block;padding:25px 18px 24px}
  .applications-hero .breadcrumbs,.applications-hero-note{display:none}
  .applications-hero .eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:14px}
  .applications-hero h1{font-size:38px;line-height:1.1;letter-spacing:-.04em}
  .applications-hero-lead{font-size:14px;line-height:1.8;margin:17px 0 0;max-width:500px}
  .applications-browse{padding:22px 14px 30px;background:#eff1ea;border:0}
  .applications-section-heading{display:block;margin:0 0 18px}
  .applications-browse .applications-section-heading .eyebrow{display:none}
  .applications-section-heading h2{font-size:23px;line-height:1.3;letter-spacing:-.025em}
  .applications-browse .applications-section-heading>p{font-size:12px;line-height:1.7;max-width:none;margin:9px 0 0}
  .application-choices{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}
  .application-choice{min-height:72px;padding:12px;gap:9px;border-radius:6px;align-items:center}
  .application-choice strong{font-size:13px;line-height:1.4}
  .application-choice small{font-size:10px;line-height:1.6;margin-top:4px;color:#687167}
  .application-choice-arrow{font-size:14px}
  .applications-fit-note{font-size:11px;line-height:1.8;margin:14px 2px 18px}
  .applications-page .application-grid{grid-template-columns:1fr;gap:18px}
  .applications-page .application-card{border-radius:7px;scroll-margin-top:80px}
  .application-scene picture,.applications-page .application-scene img{height:210px}
  .application-scene figcaption{font-size:9px;padding:5px 8px;left:10px;bottom:10px}
  .applications-page .application-card-copy{padding:22px 18px 18px;min-height:0}
  .applications-page .application-scene-index{font-size:9px;margin-bottom:11px}
  .applications-page .application-card-copy h3{font-size:25px;line-height:1.25;margin:0 0 13px}
  .applications-page .application-card-copy>p:not(.application-scene-index){font-size:14px;line-height:1.85;margin-bottom:17px}
  .application-keychecks{gap:6px;margin-bottom:19px}
  .application-keychecks>li{font-size:10px;line-height:1.5;padding:5px 8px}
  .application-site-details>summary{min-height:50px;font-size:12px;line-height:1.7;padding:14px 0}
  .application-checks{grid-template-columns:1fr;gap:17px;padding-bottom:20px}
  .application-checks h4{font-size:12px}
  .application-checks p{font-size:13px;line-height:1.85}
  .applications-page .application-inquiry-link{font-size:13px;min-height:48px;padding:12px 15px}
  .application-next{padding:32px 18px;background:#f7f6f2;border:0}
  .application-next .applications-section-heading .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:13px}
  .application-next .applications-section-heading h2{font-size:27px;line-height:1.25}
  .application-next .text-link{font-size:12px;min-height:40px;margin-top:10px}
  .application-brief-steps{grid-template-columns:1fr;gap:20px;margin:21px 0 26px}
  .application-brief-steps>li{padding-top:18px;gap:13px}
  .application-brief-steps h3{font-size:18px;margin-bottom:8px}
  .application-brief-steps p{font-size:14px;line-height:1.85}
  .application-reference{margin-top:26px}
  .application-reference>summary{font-size:12px;line-height:1.7;padding:16px;gap:15px}
  .application-reference-body{padding:0 15px 18px}
  .application-reference .comparison-table{font-size:12px;min-width:750px}
  .applications-other-sites{font-size:11px;line-height:1.85;margin-top:19px}
  .applications-final{display:block;margin:0 14px 30px;padding:27px 21px;border-radius:6px}
  .applications-final .eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:13px}
  .applications-final h2{font-size:29px;line-height:1.22}
  .applications-final p:not(.eyebrow){font-size:13px;line-height:1.85}
  .applications-final .button{display:flex;width:100%;margin-top:22px;font-size:13px;min-height:48px}
}
html:not(.js-ready) .application-choices{display:none}