/* Product directory opening, based on the v36 visual concept and genuine equipment photos. */
.catalog-hero{position:relative;isolation:isolate;overflow:hidden;min-height:605px;background:linear-gradient(110deg,#fcfeff 0%,#f0f7fc 52%,#d9e9f5 100%)}
.catalog-hero::before{content:"";position:absolute;z-index:-1;inset:0 0 0 42%;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);background:linear-gradient(115deg,#153e64b5,#0a274bb0),url('/assets/catalog-showroom-v36.webp') center/cover}
.catalog-hero-inner{position:relative;min-height:605px;display:flex;align-items:center}
.catalog-hero-copy{position:relative;z-index:4;width:43%;padding:65px 0 72px}
.catalog-hero h1{color:#112840;font-size:clamp(45px,4.2vw,62px);line-height:1.17;letter-spacing:-.055em;margin:0;max-width:580px}
.catalog-hero p{color:#4b6176;font-size:17px;line-height:1.75;max-width:450px;margin:25px 0 0}
.catalog-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:31px;margin-top:32px}
.catalog-browse{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-width:177px;min-height:52px;padding:10px 18px 10px 24px;background:#0e5dae;color:#fff;border-radius:27px;font-size:15px;font-weight:700;line-height:1.4;box-shadow:0 12px 24px #1d63a51d;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.catalog-browse span:last-child{font-size:21px;font-weight:400;transition:transform .25s ease}
.catalog-browse:hover,.catalog-browse:focus-visible{background:#074987;color:#fff;transform:translateY(-4px);box-shadow:0 18px 26px #0d4a8280}
.catalog-browse:hover span:last-child,.catalog-browse:focus-visible span:last-child{transform:translateX(4px)}
.catalog-compare{color:#0a4c8f;font-size:15px;font-weight:700;text-underline-offset:5px}
.catalog-compare:hover{text-decoration:underline;color:#073863}
.catalog-hero a:focus-visible{outline:3px solid #29ace8;outline-offset:4px}
.catalog-hero-stage{position:absolute;z-index:1;right:-20px;top:0;bottom:0;width:63%;pointer-events:none}
.catalog-hero-stage::before{content:"";position:absolute;left:4%;right:-10%;bottom:-30px;height:50%;background:radial-gradient(ellipse at center,#72a5c53b 0%,#14345600 67%);pointer-events:none}
.catalog-machine{position:absolute;display:block;pointer-events:auto;text-align:center;transition:transform .35s ease,filter .35s ease;filter:drop-shadow(0 18px 17px #001b3c6b)}
.catalog-machine::before{content:"";position:absolute;z-index:-1;left:5%;right:5%;bottom:7%;height:24%;border-radius:3px;background:linear-gradient(150deg,#284f74,#102e50 72%);transform:skewX(-8deg);box-shadow:0 14px 20px #00152e75,0 3px 0 #77b3e5a3 inset}
.catalog-machine img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center 28%;transition:transform .4s ease}
.catalog-machine span{position:absolute;z-index:2;left:50%;bottom:9%;transform:translateX(-50%);color:#fff;font-size:17px;font-weight:750;white-space:nowrap;text-shadow:0 2px 6px #00162c}
.catalog-machine:hover,.catalog-machine:focus-visible{transform:translateY(-9px);filter:drop-shadow(0 25px 23px #00142bba)}
.catalog-machine:hover img,.catalog-machine:focus-visible img{transform:scale(1.05)}
.catalog-machine-j36{z-index:1;left:13%;top:37px;width:82%;height:450px}
.catalog-machine-j36 img,.catalog-machine-j16 img{clip-path:polygon(0 0,100% 0,100% 84%,83% 84%,83% 100%,0 100%)}
.catalog-machine-j16 img{clip-path:polygon(0 0,100% 0,100% 78%,72% 78%,72% 100%,0 100%)}
.catalog-machine-j36::before{left:9%;right:8%;height:25%;bottom:5%}
.catalog-machine-j36 span{left:43%;bottom:8%;font-size:22px}
.catalog-machine-j16{z-index:2;left:-1%;bottom:12px;width:47%;height:270px}
.catalog-machine-slim{z-index:3;right:-3%;bottom:12px;width:49%;height:265px}
.catalog-section{scroll-margin-top:90px}
@media(max-width:1050px){
 .catalog-hero-copy{width:45%}.catalog-hero h1{font-size:clamp(39px,4.5vw,48px)}.catalog-hero p{font-size:15px;max-width:370px}.catalog-hero-stage{width:62%;right:-10px}.catalog-machine-j36{left:14%;width:81%}.catalog-machine-j16{width:45%}.catalog-machine-slim{width:48%}
}
@media(max-width:900px){
 .catalog-hero{min-height:0;background:linear-gradient(160deg,#fbfdff,#e9f3fb 55%,#cddfed)}
 .catalog-hero::before{inset:304px 0 0;clip-path:none;background:linear-gradient(120deg,#173f65b5,#092849b8),url('/assets/catalog-showroom-v36.webp') center/cover}
 .catalog-hero-inner{display:block;min-height:0;padding-top:53px}
 .catalog-hero-copy{width:100%;padding:0;max-width:500px}
 .catalog-hero h1{font-size:34px;line-height:1.27}
 .catalog-hero p{font-size:14px;line-height:1.68;max-width:345px;margin-top:15px}
 .catalog-hero-actions{gap:20px;margin-top:21px}
 .catalog-browse{min-height:44px;min-width:145px;font-size:13px;padding:8px 15px 8px 17px}
 .catalog-compare{font-size:13px}
 .catalog-hero-stage{position:relative;right:auto;top:auto;bottom:auto;width:100%;height:408px;margin-top:26px}
 .catalog-machine-j36{top:13px;left:8%;width:85%;height:273px}
 .catalog-machine-j36 span{left:50%;font-size:16px;bottom:31%}
 .catalog-machine-j36 img{clip-path:polygon(0 0,100% 0,100% 53%,82% 53%,82% 100%,0 100%)}
 .catalog-machine-j16{left:-4%;bottom:9px;width:49%;height:178px}
 .catalog-machine-slim{right:-5%;bottom:9px;width:52%;height:178px}
 .catalog-machine span{font-size:12px;bottom:5%}
 .catalog-machine::before{bottom:2%;height:29%}
 .catalog-machine-j36::before{bottom:2%;height:26%}
}
@media(min-width:761px) and (max-width:900px){
 .catalog-hero::before{inset:350px 0 0}
 .catalog-hero-inner{padding-top:60px}
 .catalog-hero-copy{max-width:630px}
 .catalog-hero h1{font-size:45px;max-width:580px}
 .catalog-hero p{font-size:16px;max-width:500px}
 .catalog-hero-stage{height:475px;margin-top:28px}
 .catalog-machine-j36{top:7px;left:10%;width:79%;height:345px}
 .catalog-machine-j16{left:2%;bottom:11px;width:42%;height:215px}
 .catalog-machine-slim{right:1%;bottom:11px;width:44%;height:215px}
 .catalog-machine-j36 span{bottom:23%}
}
@media(prefers-reduced-motion:reduce){
 .catalog-browse,.catalog-browse span:last-child,.catalog-machine,.catalog-machine img{transition:none!important}
 .catalog-browse:hover,.catalog-browse:focus-visible,.catalog-browse:hover span:last-child,.catalog-browse:focus-visible span:last-child,.catalog-machine:hover,.catalog-machine:focus-visible,.catalog-machine:hover img,.catalog-machine:focus-visible img{transform:none!important}
}
