/* Current visible viewport, a centred product, and the eight agreed industries. */
.showroom{--industry-height:54px;--shelf-height:clamp(102px,16vh,148px);height:100vh;height:100dvh;min-height:0;max-height:none;background-size:cover;background-position:50% 50%}
@supports(height:100dvh){.showroom{--shelf-height:clamp(102px,16dvh,148px)}}
.site-header .brand,.catalogue-brand{mix-blend-mode:normal;filter:none;isolation:isolate}
.site-header .brand img,.catalogue-brand img,.footer-logo{display:block;filter:none;mix-blend-mode:normal;object-fit:contain;image-rendering:auto}
.site-header:not(.scrolled) .brand{width:clamp(220px,23vw,320px);min-width:0}
.site-header.scrolled{background:#f1f9ff;backdrop-filter:none;-webkit-backdrop-filter:none}
.headline{top:18%;left:20%;right:20%;text-align:center;padding:0}
.headline h1{font-size:clamp(28px,3.8vh,44px);font-size:clamp(28px,3.8dvh,44px);line-height:1.1}
.pump-stage{inset:29% 0 calc(var(--industry-height) + var(--shelf-height) + 80px) 0}
.stage-pump{left:50%;width:36%;height:100%;max-height:100%;bottom:0;transform-origin:50% 100%}
.stage-pump img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.stage-pump-reference img{max-width:332px;max-height:250px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);padding:6px;background:#eef9ffdd;border:1px solid #fff;border-radius:14px;object-position:center}
.category-rail{top:29%;height:39%;grid-template-rows:repeat(5,minmax(0,1fr))}
.shelf-arrow:disabled{opacity:.3;cursor:default}
.selection-name{left:20%;right:20%;bottom:calc(var(--industry-height) + var(--shelf-height) + 34px);text-align:center}
.range-shelf{left:15%;right:5%;height:var(--shelf-height);min-height:0;bottom:calc(var(--industry-height) + 12px)}
.hero-industries{position:absolute;inset:auto 0 0;z-index:16;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:stretch;min-height:var(--industry-height);padding:5px max(20px,4vw);background:#123b57f5;color:#fff;border-top:1px solid #ffffff70}
.hero-industries a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:4px 7px;text-align:center;text-decoration:none;font-size:11px;line-height:1.25;letter-spacing:.015em;border-radius:5px}
.hero-industries a:hover,.hero-industries a:focus-visible{background:#ffffff16;text-decoration:underline;text-underline-offset:4px}
.hero-industries a:focus-visible{outline:2px solid #fff;outline-offset:-3px}
@media(max-width:900px){
 .showroom{--industry-height:96px;--shelf-height:140px}
 .site-header:not(.scrolled) .brand{width:220px}
 .headline{top:18%;left:12%;right:12%}
 .hero-industries{grid-template-columns:repeat(4,minmax(0,1fr));padding:4px 16px}
 .hero-industries a{font-size:12px;padding:3px 6px}
 .pump-stage{inset:29% 0 calc(var(--industry-height) + var(--shelf-height) + 80px) 0}
 .stage-pump{width:45%;left:50%}
 .category-rail{top:30%;height:35%}
 .range-shelf{left:5%;right:5%}
}
@media(max-width:600px){
 .showroom{--industry-height:96px;--shelf-height:128px}
 .site-header:not(.scrolled){padding:12px 16px 0}
 .site-header:not(.scrolled) .brand{width:205px}
 .site-header:not(.scrolled) .contact-nav{top:84px;right:16px}
 .site-header.scrolled .brand{width:155px;max-width:155px;min-width:0}
 .headline{top:clamp(134px,17dvh,156px);left:6%;right:6%}
 .headline h1{font-size:clamp(24px,3.4dvh,30px);line-height:1.12}
 .pump-stage{inset:max(210px,29%) 0 calc(var(--industry-height) + var(--shelf-height) + 80px) 0}
 .stage-pump{width:72%;left:50%}
 .category-rail{top:31%;height:max(232px,31%);left:3%;width:18%;padding:5px 4px;border-radius:20px}
 .category-rail button{font-size:9px;gap:4px;padding:3px 1px;min-height:0}
 .category-rail button svg{width:20px;height:20px}
 .selection-name{left:23%;right:23%;bottom:calc(var(--industry-height) + var(--shelf-height) + 32px);gap:3px}
 .selection-name span:first-child{font-size:12px}
 .selection-name span:last-child{font-size:10px;line-height:1.25}
 .range-shelf{left:3%;right:3%;bottom:calc(var(--industry-height) + 16px);height:var(--shelf-height);padding:7px 3px 52px;border-radius:24px}
 .model-card{min-width:0;max-width:none;flex:0 0 calc((100% - 18px)/3);padding:1px 4px 4px;font-size:10px}
 .model-card img{max-height:48px;width:52px}
 .explore-button{height:42px;min-height:42px;bottom:6px;min-width:180px;font-size:12px}
 .hero-industries{padding:4px 9px}
 .hero-industries a{font-size:10px;padding:3px 4px}
}
@media(max-width:370px){.site-header:not(.scrolled) .brand{width:176px}.site-header.scrolled .brand{width:145px;max-width:145px}.hero-industries a{font-size:9px}}
@media(max-width:600px) and (min-height:650px) and (max-height:740px){
 .category-rail{top:192px;height:232px}
}
@media(max-width:600px) and (max-height:649px){
 .showroom{--shelf-height:98px}
 .site-header:not(.scrolled){padding:6px 12px 0;flex-wrap:nowrap;gap:5px}
 .site-header:not(.scrolled) .brand{width:145px;max-width:145px;margin-right:auto}
 .site-header:not(.scrolled) .contact-nav{position:static;padding:0;gap:0;margin-left:0;flex-shrink:0}
 .site-header:not(.scrolled) .contact-nav .contact-nav-action{width:34px;padding:7px;min-height:40px}
 .site-header:not(.scrolled) .contact-nav .contact-nav-action span{display:none}
 .headline{top:75px}
 .headline h1{font-size:21px}
 .pump-stage{top:135px;bottom:calc(var(--industry-height) + var(--shelf-height) + 60px)}
 .category-rail{top:130px;height:232px}
 .category-rail button svg{width:16px;height:16px}
 .category-rail button{font-size:8px;gap:2px}
 .selection-name{bottom:calc(var(--industry-height) + var(--shelf-height) + 25px)}
 .range-shelf{bottom:calc(var(--industry-height) + 10px)}
 .model-card img{max-height:30px;width:44px}
}
@media(min-width:601px) and (max-height:500px){
 .showroom{--industry-height:54px;--shelf-height:78px}
 .hero-industries{grid-template-columns:repeat(8,minmax(0,1fr));padding:5px 12px}
 .hero-industries a{font-size:9px}
 .headline{top:20%;left:24%;right:24%}
 .headline h1{font-size:21px}
 .pump-stage{top:34%;bottom:calc(var(--industry-height) + var(--shelf-height) + 49px)}
 .category-rail{top:25%;height:234px;width:12%;padding:5px 4px}
 .category-rail button{font-size:8px;gap:1px}
 .category-rail button svg{width:15px;height:15px}
 .selection-name{bottom:calc(var(--industry-height) + var(--shelf-height) + 18px)}
 .range-shelf{left:18%;bottom:calc(var(--industry-height) + 7px);padding:6px 10px}
 .model-card img{max-height:47px}
}

/* 3 November: approved showroom, three-line heading and separate Products page. */
.selection-name a{color:inherit;text-decoration:none;font-weight:600}.selection-name a:hover{text-decoration:underline;text-underline-offset:4px}.model-card a{color:inherit;text-decoration:none;display:block;min-height:20px}.model-card a:hover{text-decoration:underline}.model-card{cursor:pointer}.model-card:focus-visible{outline:3px solid #0755ee;outline-offset:2px}.products-gateway{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:45px;padding-bottom:45px}.products-gateway p{max-width:600px}.products-gateway>a{flex-shrink:0;text-decoration:none}.headline{top:17%}.headline h1{font-size:clamp(25px,3.5dvh,40px)}
@media(max-width:600px){.headline{top:clamp(129px,16dvh,150px)}.headline h1{font-size:clamp(22px,3.15dvh,28px)}.products-gateway{display:block;padding-top:30px;padding-bottom:30px}.products-gateway>a{margin-top:12px}.model-card a{font-size:12px}}
@media(max-width:600px) and (max-height:649px){.headline{top:74px}.headline h1{font-size:18px}.pump-stage{top:148px}.category-rail{top:143px;height:218px}}
@media(min-width:601px) and (max-height:500px){.headline{top:20%}.headline h1{font-size:18px}}

.model-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center}.model-card[aria-current="true"]{box-shadow:inset 0 -4px #064df5;border-color:#fff;background:rgba(255,255,255,.28)}

.stage-pump:focus-visible{outline:3px solid #0755ee;outline-offset:3px;border-radius:12px}

/* Belt previews and product links have separate native controls. */
.model-card{gap:0;padding-top:0;padding-bottom:0;justify-content:stretch;overflow:hidden}
.model-card .model-preview{display:flex;align-items:center;justify-content:center;flex:1 1 0;min-height:0;width:100%;background:transparent;border:0;padding:4px 8px 0;border-radius:10px;color:inherit;cursor:pointer;touch-action:pan-x pan-y}
.model-card .model-preview img{height:100%;max-height:100%;width:90px;object-fit:contain;pointer-events:none}
.model-card .model-series-link{display:flex;align-items:center;justify-content:center;flex:0 0 26px;min-height:26px;width:100%;font-size:inherit;padding:2px 5px 5px;text-decoration:none;position:relative;z-index:1}
.model-card .model-series-link:hover{text-decoration:underline;text-underline-offset:3px}
.model-preview:focus-visible,.model-series-link:focus-visible{outline:2px solid #0755ee;outline-offset:-3px;background:#ffffff40}
.selection-name a{pointer-events:auto}
@media(max-width:600px){.model-card .model-preview{padding:3px 4px 0}.model-card .model-series-link{flex-basis:23px;min-height:23px;padding-bottom:4px}.model-card .model-preview img{width:65px}}
@media(max-width:600px) and (max-height:649px){.model-card .model-series-link{flex-basis:18px;min-height:18px;padding:0 3px 3px}.model-card .model-preview{padding-top:2px}}

@media(max-width:600px){.showroom{background-image:url("assets/showroom-mobile.webp")}}