/* REAXTR Product Pages V4: original, responsive technical editorial design */
.brand img{width:235px}
.product-application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.product-application{position:relative;min-height:202px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden;background:#f9fbfb;border:1px solid #dce5e8;padding:29px 27px 27px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.product-application:before{content:"";position:absolute;left:0;top:0;height:3px;width:42px;background:#d7313f;transition:width .36s}
.product-application:after{content:"";position:absolute;width:132px;height:132px;right:-60px;top:-60px;border:1px solid #d8e2e5;border-radius:50%;box-shadow:0 0 0 23px #eff4f555,0 0 0 48px #eff4f522;pointer-events:none}
.product-application:hover{transform:translateY(-5px);border-color:#adc5cc;box-shadow:0 15px 40px #0b263011}
.product-application:hover:before{width:100%}
.product-application .app-symbol{font:600 11px/1 var(--mono);color:#acbdc3;letter-spacing:.2em;position:absolute;left:28px;top:24px}
.product-application h3{font-size:clamp(18px,1.55vw,23px);line-height:1.13;letter-spacing:-.055em;margin:0 0 12px;color:#0d2634;max-width:285px;z-index:1}
.product-application p{font-size:13px;color:#607581;line-height:1.58;margin:0;max-width:305px;z-index:1}
.product-technology{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 2% 8%,#164051 0%,transparent 40%),linear-gradient(125deg,#081b2b,#0b1a27 70%);color:#f8fbfc;padding:110px 0 116px}
.product-technology:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#b0e6ee08 1px,transparent 1px),linear-gradient(90deg,#b0e6ee08 1px,transparent 1px);background-size:44px 44px;pointer-events:none;z-index:-1}
.product-technology .rule-label{color:#70d7e0}
.product-technology .section-title{max-width:820px;margin:17px 0 17px}
.tech-intro{max-width:840px;color:#b1c9d2;font-size:16px;line-height:1.8;margin:0 0 43px}
.tech-interface{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:22px}
.tech-illustration{position:relative;min-height:625px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #426475;background:linear-gradient(135deg,#f9fbfb 0%,#e9f0f0 100%);overflow:hidden;padding:28px 22px}
.tech-illustration:after{content:"";position:absolute;width:180px;height:180px;right:-105px;top:-105px;border:1px solid #cbdcde;border-radius:50%;pointer-events:none}
.tech-diagram-tag{position:absolute;top:22px;left:24px;z-index:3;color:#496879;font:10px/1.4 var(--mono);letter-spacing:.11em;text-transform:uppercase}
.tech-diagram-tag:before{content:"";display:inline-block;width:7px;height:7px;background:#d7313f;border-radius:50%;margin-right:9px}
.tech-illustration img{display:block;position:relative;z-index:1;width:auto;height:auto;max-height:660px;max-width:100%;object-fit:contain;filter:contrast(1.04)}
.tech-illustration.tech-engineering-diagram{background:radial-gradient(circle at 60% 48%,#13354b,#081d2e 74%);border-color:#385369;padding:12px}
.tech-engineering-diagram .tech-diagram-tag{color:#9bdce4}
.tech-illustration svg{width:100%;height:auto;max-height:605px;overflow:visible;position:relative;z-index:1}
.tech-frame-caption{font:10px/1.6 var(--mono);text-align:center;letter-spacing:.06em;color:#63818b;margin:14px 0 0;max-width:540px;z-index:2}
.tech-engineering-diagram .tech-frame-caption{color:#96b6bf}
.tech-index{background:#10283a;border:1px solid #39586a;padding:26px 20px 23px}
.tech-index-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 17px;border-bottom:1px solid #315163;margin-bottom:16px}
.tech-index-head strong{font-size:17px;letter-spacing:-.04em}
.tech-index-head span{font:10px var(--mono);color:#71bccc;letter-spacing:.1em;white-space:nowrap}
.tech-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.tech-part{padding:11px 12px 11px 13px;min-height:72px;border:1px solid #2b495b;background:rgba(7,25,41,.52);position:relative}
.tech-part:before{content:"";width:2px;position:absolute;left:0;top:12px;bottom:12px;background:#cd3441}
.tech-part-line{display:flex;gap:9px;align-items:center;margin-bottom:5px}
.tech-part-line span{color:#78d3df;font:600 10px var(--mono);letter-spacing:.04em}
.tech-part-line b{font-size:12px;line-height:1.25;color:#f0f7fa;font-weight:720}
.tech-part p{color:#9dbac4;font-size:11px;line-height:1.46;margin:0}
.tech-figure-foot{color:#a7c2ca;font:11px/1.8 var(--mono);margin:23px 0 0;max-width:1020px}
.tech-ecosystem{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;margin-top:30px;background:#f4f8f8;color:#0d2a39;border:1px solid #c9dee3;overflow:hidden}
.tech-ecosystem-visual{min-height:350px;padding:27px;display:flex;align-items:center;justify-content:center;background:#fff}
.tech-ecosystem-visual img{max-height:320px;object-fit:contain}
.tech-ecosystem-copy{padding:40px 38px 38px 0;display:flex;flex-direction:column;justify-content:center}
.tech-ecosystem-copy .micro{color:#be3543}
.tech-ecosystem-copy h3{font-size:clamp(26px,3vw,42px);line-height:1.08;letter-spacing:-.06em;margin:15px 0}
.tech-ecosystem-copy p{font-size:14px;color:#5a717c;line-height:1.7;margin:0}
.tech-svg-outline{fill:#0d293c;stroke:#bbd8df;stroke-width:2.4;stroke-linejoin:round}
.tech-svg-steel{fill:#12374d;stroke:#9ac4d0;stroke-width:2.1}
.tech-svg-glass{fill:#082336e0;stroke:#d1e9ed;stroke-width:2.2}
.tech-svg-jacket{fill:#852b33;fill-opacity:.2;stroke:#e97a7d;stroke-width:2.8}
.tech-svg-liquid{fill:#4bb9d0;fill-opacity:.16;stroke:#73d9e4;stroke-width:1.6}
.tech-svg-liquid-heavy{fill:#d96a60;fill-opacity:.19;stroke:#ed8587;stroke-width:1.6}
.tech-svg-label{fill:#98c3cc;font:12px var(--mono);letter-spacing:.1em}
.tech-svg-heading{fill:#f3fafb;font:700 16px var(--sans)}
.tech-svg-vapor{fill:none;stroke:#5cdee7;stroke-width:3.7;stroke-linecap:round;stroke-dasharray:7 10;animation:techFlow 2.9s linear infinite}
.tech-svg-coolant{fill:none;stroke:#54a7e3;stroke-width:3.1;stroke-linecap:round;stroke-dasharray:9 10;animation:techFlow 3.6s linear infinite}
.tech-svg-feed{fill:none;stroke:#eabd68;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:8 8;animation:techFlow 3s linear infinite}
.tech-svg-heavy{fill:none;stroke:#eb7875;stroke-width:3.6;stroke-linecap:round;stroke-dasharray:8 8;animation:techFlow 3.4s linear infinite}
.tech-svg-connector{fill:none;stroke:#779cad;stroke-width:1.2;stroke-dasharray:4 5}
@keyframes techFlow{to{stroke-dashoffset:-84}}
.technical-legend{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:23px}
.technical-legend>span{display:inline-flex;align-items:center;gap:7px;color:#adc8cf;font:10px var(--mono);letter-spacing:.04em}
.technical-legend i{display:inline-block;width:15px;height:3px;background:#70dbe4}
.technical-legend i.feed{background:#eabd68}.technical-legend i.heavy{background:#e87978}.technical-legend i.coolant{background:#54a7e3}
.product-reference-gallery .gallery-panel{border:1px solid #d4e0e2}
.product-reference-gallery .gallery-panel img{max-height:88%}
/* Featured automatic gallery for thermal systems */
.inner-art.temp-hero-gallery{height:520px;min-width:0;display:block;position:relative;overflow:hidden;border-left:1px solid #345165}
.inner-art.temp-hero-gallery:before{display:none}
.temp-gallery-ambient{position:absolute;inset:9% 0 2%;border-radius:50%;background:radial-gradient(ellipse,#2b596533 0%,transparent 67%)}
.temp-slides{position:absolute;inset:17px 0 72px}
.temp-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;opacity:0;visibility:hidden;transform:translateX(14px) scale(.97);transition:opacity .7s ease,transform .7s ease,visibility .7s}
.temp-slide.active{opacity:1;visibility:visible;transform:translateX(0) scale(1)}
.temp-slide img{max-height:92%;max-width:94%;height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 17px 28px #0006)}
.temp-slide.pair img{max-width:50%;height:90%;object-fit:contain}
.temp-slide.group img{max-width:99%;height:auto;max-height:95%}
.temp-slide .slide-caption{position:absolute;left:19px;bottom:0;padding:9px 14px;background:#071b2ae8;border-left:2px solid #d7313f;color:#d1e8eb;font:10px var(--mono);letter-spacing:.05em}
.temp-gallery-controls{position:absolute;bottom:17px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:13px;z-index:3}
.temp-arrow{border:1px solid #547487;background:#0b2738;color:#d2eaf0;font-size:20px;line-height:1;width:38px;height:38px;display:grid;place-items:center;transition:background .2s}
.temp-arrow:hover{background:#194b61}
.temp-dots{display:flex;align-items:center;gap:7px}
.temp-dot{width:7px;height:7px;padding:0;border-radius:50%;border:0;background:#648391;transition:all .2s}
.temp-dot.active{width:26px;border-radius:8px;background:#ee4753}
.temp-slide-status{position:absolute;right:15px;top:15px;color:#9ac5cd;font:10px var(--mono);letter-spacing:.1em}
@media(max-width:1230px){.brand img{width:213px}.tech-interface{grid-template-columns:1fr 1fr;gap:15px}.tech-index{padding:21px 14px}.tech-part{padding:10px}.tech-part-line b{font-size:11px}}
@media(max-width:1050px){.tech-interface{grid-template-columns:1fr}.tech-illustration{min-height:0;padding:30px 25px}.tech-illustration img{max-height:630px}.tech-illustration svg{max-height:600px;max-width:760px}.tech-index{padding:28px}.tech-parts{grid-template-columns:repeat(3,minmax(0,1fr))}.tech-part-line b{font-size:12px}.tech-ecosystem{grid-template-columns:1fr 1fr}.inner-art.temp-hero-gallery{height:450px}}
@media(max-width:940px){.brand img{width:193px}.product-application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inner-art.temp-hero-gallery{border-left:0}}
@media(max-width:660px){.brand img{width:180px}.product-application-grid{grid-template-columns:1fr}.product-application{min-height:160px}.product-technology{padding:75px 0 80px}.tech-intro{font-size:14px;margin-bottom:25px}.tech-illustration{padding:21px 10px 13px}.tech-diagram-tag{top:12px;left:12px;font-size:8px}.tech-illustration img{max-height:500px}.tech-parts{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-index{padding:20px 12px}.tech-index-head strong{font-size:15px}.tech-index-head span{font-size:8px}.tech-part{padding:9px}.tech-part p{font-size:10px}.tech-part-line b{font-size:11px}.tech-ecosystem{grid-template-columns:1fr}.tech-ecosystem-copy{padding:0 24px 26px}.tech-ecosystem-visual{min-height:280px}.tech-ecosystem-visual img{max-height:250px}.tech-illustration svg{max-height:430px}.inner-art.temp-hero-gallery{height:370px;margin-top:22px}.temp-slides{inset:8px 0 67px}.temp-slide img{height:100%;max-height:100%}.temp-slide.pair img{height:84%}.temp-slide .slide-caption{font-size:8px;max-width:87%;bottom:3px}.temp-arrow{width:33px;height:33px}}
@media(max-width:430px){.brand img{width:161px}.tech-parts{grid-template-columns:1fr}.tech-illustration svg{max-height:330px}.tech-illustration img{max-height:390px}.tech-index-head{flex-wrap:wrap}.inner-art.temp-hero-gallery{height:335px}}
@media(prefers-reduced-motion:reduce){.tech-svg-vapor,.tech-svg-coolant,.tech-svg-feed,.tech-svg-heavy{animation:none}.temp-slide{transition:none}}
