:root{--ink:#172c2b;--muted:#586660;--paper:#f6f5ef;--white:#fff;--line:#d9ddd4;--gold:#d9aa53;--soft:#e9ede5;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ac7519;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(40px,4.8vw,66px);font-weight:600;margin-bottom:24px}h2{font-size:clamp(28px,3.1vw,42px);font-weight:500;margin-bottom:22px}h3{font-size:23px;font-weight:600;margin-bottom:14px}p{margin-bottom:18px}main{min-height:60vh}.skip-link{position:fixed;top:-80px;left:16px;background:var(--ink);color:white;padding:12px;z-index:100}.skip-link:focus{top:12px}.header{background:rgba(246,245,239,.98);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.header-inner{max-width:var(--max);margin:auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:15px;letter-spacing:.07em;line-height:1.2;white-space:nowrap}.brand b{font-weight:500}.brand small{display:block;font-size:8px;letter-spacing:.13em;margin-top:7px}.brand-mark{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--gold);font-size:26px;font-weight:700}.brand-mark span{font-size:16px}.site-nav{display:flex;align-items:center;gap:27px}.nav-link{text-decoration:none;font-size:14px;white-space:nowrap}.nav-link:hover,.nav-link.active{box-shadow:0 2px 0 var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--ink);color:#fff;text-decoration:none;padding:15px 23px;border:1px solid var(--ink);font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;min-height:48px;transition:background .15s}.button:hover{background:#2d4641}.button.outline{background:transparent;color:var(--ink)}.button.outline:hover{background:var(--soft)}.button.light{background:var(--gold);border-color:var(--gold);color:var(--ink)}.nav-quote{padding:12px 17px}.menu-toggle{display:none}.hero{max-width:var(--max);padding:76px 32px 70px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:center}.eyebrow{font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-bottom:24px;display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#aa7c2d;flex-shrink:0}.hero h1{font-size:clamp(42px,4.6vw,65px);letter-spacing:-.045em}.hero h1 span{color:#687b6b}.lead{font-size:19px;color:var(--muted);line-height:1.65;max-width:680px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:30px}.hero-foot{font-size:9px;font-weight:600;letter-spacing:.09em;margin-top:45px;color:var(--muted)}.hero-panel{background:var(--ink);color:var(--paper);border-top:4px solid var(--gold);position:relative}.panel-top,.panel-bottom{padding:20px 25px;font-size:10px;letter-spacing:.09em;display:flex;justify-content:space-between;border-bottom:1px solid #45544a}.panel-top span:last-child{font-size:24px;line-height:1}.panel-flow{padding:0 25px}.panel-flow>div{padding:24px 0;border-bottom:1px solid #45544a}.panel-flow>div:last-child{border-bottom:0}.panel-flow span{color:var(--gold);font-size:10px;letter-spacing:.08em}.panel-flow h2{font-size:26px;margin:10px 0}.panel-flow p{font-size:13px;color:#ccd4c8;margin:0}.panel-bottom{border-top:1px solid #45544a;border-bottom:0;color:#ccd4c8;letter-spacing:0}.scope-strip{display:flex;justify-content:space-between;gap:16px;max-width:1176px;margin:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;font-size:10px;font-weight:700;letter-spacing:.14em}.section{max-width:var(--max);margin:auto;padding:74px 32px}.section.compact{padding-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:30px}.section-heading h2{margin:0}.section-heading .eyebrow{margin-bottom:14px}.section-heading>p{max-width:300px;color:var(--muted);font-size:14px;margin:0}.section-title{margin-bottom:32px}.section-copy{max-width:660px;color:var(--muted)}.grid{display:grid;gap:18px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.category-card,.product-card,.simple-card{padding:32px;background:var(--white);border:1px solid var(--line);min-width:0}.category-card{display:flex;flex-direction:column;text-decoration:none;transition:background .15s,border-color .15s}.category-card:hover{border-color:#829386;background:#f0f3eb}.card-index{font-size:10px;color:#718171;letter-spacing:.15em;display:block;margin-bottom:35px}.category-card h2{font-size:29px}.category-card p,.product-card p,.simple-card p{font-size:15px;color:var(--muted)}.category-card .text-link{margin-top:auto;padding-top:16px}.product-card h3 a{text-decoration:none}.product-card h3 a:hover{text-decoration:underline}.product-card{display:flex;flex-direction:column}.product-card .text-link{margin-top:auto}.text-link{font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.text-link:hover{text-decoration:underline}.feature-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:var(--soft);max-width:1176px;margin:20px auto;padding:55px 45px}.process-list>div{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid #c9d1c4}.process-list>div:first-child{padding-top:0}.process-list>div:last-child{border-bottom:0;padding-bottom:0}.process-list>div>span{font-size:12px;color:#6c7b65}.process-list h3{font-size:21px;margin-bottom:9px}.process-list p{font-size:14px;color:var(--muted);margin:0}.support{background:var(--ink);color:var(--paper);max-width:1176px;padding:50px 45px;margin:20px auto}.support .eyebrow{color:var(--gold)}.support .grid{margin-top:40px;gap:45px}.support p{color:#d4dcd0}.support h3{font-size:20px}.vessel-note{display:flex;gap:50px;align-items:center;justify-content:space-between}.vessel-note>div{max-width:700px}.vessel-note h2{font-size:29px}.vessel-note p{color:var(--muted)}.vessel-note>.text-link{flex-shrink:0}.cta{max-width:1176px;margin:30px auto 80px;background:#e7e4d6;padding:50px 45px;display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid #d0c8b3}.cta p:not(.eyebrow){max-width:580px;color:var(--muted);margin-bottom:0}.cta .button{flex-shrink:0}.cta h2{margin-bottom:16px}.footer{background:var(--ink);color:var(--paper);padding:55px max(24px,calc((100% - 1176px)/2)) 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px}.footer-brand{font-size:23px;text-decoration:none;letter-spacing:-.03em}.footer p{font-size:13px;margin:12px 0}.footer .muted{color:#b2bfb2}.footer h2{font-size:12px;letter-spacing:.05em;margin:0 0 18px;font-weight:700}.footer-grid>div>a:not(.footer-brand){display:block;font-size:13px;color:#d1d9ca;text-decoration:none;margin:8px 0}.footer a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #45544a;margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;gap:24px;font-size:11px;color:#bac5b6}.breadcrumbs{max-width:var(--max);margin:auto;padding:28px 32px 0;display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--muted)}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.page-intro{max-width:var(--max);padding:62px 32px 36px;margin:auto}.page-intro h1{max-width:870px}.page-intro .lead{max-width:780px}.topic-list{border-top:1px solid var(--line);margin-top:30px}.topic-list>div{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.topic-list h3{margin:0;font-size:22px}.notice{max-width:1112px;margin:20px auto;padding:25px;background:#efe8d9;border-left:3px solid #a57731;font-size:14px;color:#454d43}.notice strong{display:block}.notice p{margin:10px 0 0}.product-hero{max-width:var(--max);padding:55px 32px 65px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center}.product-hero h1{font-size:clamp(36px,4.5vw,59px)}.media-placeholder{min-height:320px;border:1px dashed #aab5a5;background:repeating-linear-gradient(135deg,#e9ece3,#e9ece3 1px,#f1f2eb 1px,#f1f2eb 18px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:10px}.media-symbol{font-size:43px;color:#74826b}.media-placeholder strong{font-size:15px}.media-placeholder>span:last-child{font-size:11px;color:var(--muted)}.product-layout{max-width:var(--max);margin:auto;padding:0 32px 20px;display:grid;grid-template-columns:230px 1fr;gap:65px}.product-aside{align-self:start;position:sticky;top:125px;border-top:1px solid var(--line);padding-top:25px}.product-aside a{display:block;font-size:13px;margin:14px 0;text-decoration:none}.product-aside a:hover{text-decoration:underline}.product-content section{border-top:1px solid var(--line);padding:35px 0}.product-content h2{font-size:30px}.muted{font-size:13px;color:var(--muted)}.clean-list{padding:0;list-style:none}.clean-list li{padding:12px 0 12px 22px;border-bottom:1px solid var(--line);position:relative}.clean-list li:before{content:'↗';position:absolute;left:0;color:#7c896f}.clean-list li:last-child{border-bottom:0}table{width:100%;border-collapse:collapse;margin:25px 0;font-size:14px}caption{text-align:left;color:var(--muted);font-size:12px;margin-bottom:14px}th,td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:top}thead{background:var(--soft)}tbody th{width:30%;font-weight:600}details{border-bottom:1px solid var(--line);padding:20px 0}summary{font-size:17px;font-weight:600;cursor:pointer;line-height:1.5}details p{margin:17px 0 0;color:var(--muted);font-size:15px}.quote-layout{max-width:var(--max);margin:auto;padding:15px 32px 80px;display:grid;grid-template-columns:1fr 1.7fr;gap:70px}.quote-aside h2{font-size:31px}.quote-aside .notice{margin-top:35px}.quote-aside>p:not(.eyebrow){color:var(--muted)}.steps{padding-left:22px;font-size:14px}.steps li{padding:8px 0}.form-status-note{font-size:11px;letter-spacing:.1em;display:flex;gap:9px;align-items:center;margin-bottom:20px;color:#73531d}form{padding:32px;border:1px solid var(--line);background:white}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:23px;font-weight:600;margin-bottom:25px;letter-spacing:-.03em}.form-heading{font-size:23px;margin:38px 0 25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:600}.required{color:#8a551c}input,select,textarea{width:100%;padding:12px;border:1px solid #adb7a6;background:#fafbf7;color:var(--ink);border-radius:0;font-size:15px;min-height:48px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#687260;opacity:1}small{color:var(--muted)}.field small{font-size:11px}.form-privacy{font-size:12px;color:var(--muted);margin:28px 0}.form-result{display:none}.form-result.is-visible{display:block;padding:18px;border-left:3px solid #a57731;background:#efe8d9;font-size:14px;margin:25px 0 0}.reading{max-width:850px;padding-top:10px}.reading h2{font-size:26px;margin-top:30px}.reading p{color:var(--muted)}
@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:90px}}
@media(max-width:1100px){.site-nav{gap:18px}.header-inner{padding-left:24px;padding-right:24px}.hero{gap:36px}.hero h1{font-size:48px}.three{gap:14px}.category-card,.product-card,.simple-card{padding:25px}.scope-strip{margin:0 32px}.feature-section,.support,.cta{margin-left:32px;margin-right:32px}.feature-section{gap:40px}.vessel-note{gap:25px}.vessel-note>.text-link{flex-shrink:1}.product-layout{gap:35px;grid-template-columns:200px 1fr}.quote-layout{gap:35px}}
@media(max-width:900px){.menu-toggle{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 14px;font-size:13px;min-height:44px}.header-inner{padding-top:16px;padding-bottom:16px;flex-wrap:wrap;gap:16px}.site-nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--line);padding-top:12px}.site-nav.is-open{display:flex}.nav-link{padding:14px 0}.nav-link.active{box-shadow:none;text-decoration:underline}.nav-quote{margin:12px 0 5px}.hero{grid-template-columns:1fr;padding-top:48px;gap:40px}.hero h1{font-size:clamp(40px,7vw,60px)}.hero-panel{max-width:none}.panel-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.panel-flow>div{border-bottom:0;padding:22px 0}.panel-flow h2{font-size:22px}.hero-foot{margin-top:30px}.three{grid-template-columns:repeat(2,1fr)}.feature-section{grid-template-columns:1fr;gap:35px}.support .grid{gap:25px}.cta{flex-direction:column;align-items:flex-start}.product-hero{gap:30px;grid-template-columns:1fr}.media-placeholder{min-height:240px}.product-layout{grid-template-columns:1fr;gap:20px}.product-aside{position:static;display:flex;flex-wrap:wrap;gap:10px 22px}.product-aside .eyebrow{width:100%;margin-bottom:0}.product-aside a{margin:4px 0}.quote-layout{grid-template-columns:1fr}.quote-aside .notice{margin:20px 0}.footer-grid{gap:25px}.page-intro{padding-top:45px}}
@media(max-width:600px){.header-inner{padding:15px 20px}.brand{font-size:12px;gap:9px}.brand small{font-size:7px}.brand-mark{width:33px;height:33px;font-size:23px}.hero,.section,.page-intro,.product-hero{padding-left:20px;padding-right:20px}.hero{padding-top:40px;padding-bottom:40px}.hero h1{font-size:39px}.lead{font-size:17px}.actions{gap:12px}.actions .button{width:100%}.hero-foot{font-size:8px;line-height:1.7}.panel-flow{display:block;padding:0 22px}.panel-flow>div{border-bottom:1px solid #45544a}.panel-flow h2{font-size:24px}.scope-strip{margin:0 20px;display:grid;grid-template-columns:1fr 1fr;font-size:8px;gap:16px}.section{padding-top:45px;padding-bottom:45px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px}.three,.two{grid-template-columns:1fr}.category-card,.product-card,.simple-card{padding:25px}.card-index{margin-bottom:24px}.feature-section,.support,.cta{margin-left:20px;margin-right:20px;padding:30px 25px}.support .grid{margin-top:25px;gap:20px}.vessel-note{align-items:flex-start;flex-direction:column}.cta{margin-bottom:45px}.footer{padding:40px 20px 22px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px;margin-top:30px}.breadcrumbs{padding:22px 20px 0;font-size:10px}.notice{margin-left:20px;margin-right:20px;padding:20px}.product-hero{padding-top:35px;padding-bottom:35px}.product-hero h1{font-size:38px}.product-layout{padding-left:20px;padding-right:20px}.product-content h2{font-size:26px}th,td{padding:12px 10px;font-size:13px;overflow-wrap:anywhere}tbody th{width:35%}.quote-layout{padding:10px 20px 45px;gap:25px}.quote-aside .notice{margin-left:0;margin-right:0}form{padding:22px}.form-grid{grid-template-columns:1fr;gap:20px}.form-grid .full{grid-column:auto}.form-heading{margin-top:30px}input,select,textarea{font-size:16px}form .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Bilingual navigation; keep the locale links visible outside the mobile menu. */
.header-tools{display:flex;align-items:center;gap:12px;order:3}.site-nav{order:2}.language-switch{display:flex;gap:7px;align-items:center;font-size:12px;white-space:nowrap}.language-switch a{text-decoration:none;padding:9px 2px;min-height:40px;display:inline-flex;align-items:center}.language-switch a[aria-current]{font-weight:700;text-decoration:underline;text-underline-offset:5px}.language-switch span{color:var(--muted)}html[lang="zh-Hans"] body{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}html[lang="zh-Hans"] h1,html[lang="zh-Hans"] h2,html[lang="zh-Hans"] h3{letter-spacing:0;line-height:1.3}html[lang="zh-Hans"] .eyebrow{letter-spacing:.07em}html[lang="zh-Hans"] .hero-foot{font-size:11px}html[lang="zh-Hans"] .hero h1{font-size:clamp(40px,4.6vw,64px)}
@media(min-width:901px){.header-inner{gap:18px}.site-nav{gap:20px}.brand{font-size:13px}.brand small{font-size:7px}.brand-mark{width:36px;height:36px}.nav-quote{padding:12px}.nav-link{font-size:13px}}
@media(max-width:1050px) and (min-width:901px){.site-nav{gap:13px}.header-inner{gap:12px;padding-left:20px;padding-right:20px}.brand{font-size:11px}.brand small{font-size:6px}}
@media(max-width:900px){.header-tools{order:2;margin-left:auto}.site-nav{order:3}.menu-toggle{padding:9px 11px}.language-switch a{padding:9px 0}html[lang="zh-Hans"] .hero h1{font-size:48px}}
@media(max-width:600px){.header-inner{gap:10px}.header-tools{gap:10px}.brand{font-size:10px;letter-spacing:.03em}.brand small{font-size:6px;letter-spacing:0}.brand-mark{width:29px;height:29px;font-size:20px}.brand-mark span{font-size:13px}.menu-toggle{font-size:12px;padding:8px}.menu-toggle span{display:none}.language-switch{font-size:11px;gap:4px}html[lang="zh-Hans"] .hero h1{font-size:38px}html[lang="zh-Hans"] .product-hero h1{font-size:34px}}
@media(max-width:360px){.brand small{display:none}.brand{gap:6px}.header-inner{padding-left:15px;padding-right:15px}.header-tools{gap:7px}}

/* User-supplied logo: keep original colours and aspect ratio. */
.brand-logo{display:block;width:59px;height:auto;flex-shrink:0}
@media(max-width:600px){.brand-logo{width:46px}.brand{gap:8px}}
@media(max-width:360px){.brand-logo{width:40px}.brand{gap:6px}}

/* Equal-width, centred heating directions on both homepages. */
.scope-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;font-size:16px;letter-spacing:.06em}
.scope-strip>a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:90px;padding:22px 16px;line-height:1.5}
html[lang="zh-Hans"] .scope-strip{font-size:20px;letter-spacing:.06em}
@media(max-width:900px){.scope-strip{font-size:13px}.scope-strip>a{padding:20px 10px;min-height:82px}html[lang="zh-Hans"] .scope-strip{font-size:18px}}
@media(max-width:600px){.scope-strip{grid-template-columns:repeat(2,minmax(0,1fr));font-size:12px}.scope-strip>a{min-height:68px;padding:18px 10px}html[lang="zh-Hans"] .scope-strip{font-size:18px}}

/* Local workshop background preview: photo is decorative, text stays readable. */
.workshop-background{background-image:linear-gradient(90deg,rgba(246,245,239,.78) 0%,rgba(246,245,239,.60) 48%,rgba(246,245,239,.18) 100%),url('/assets/images/backgrounds/workshop-light-v1.png');background-size:cover;background-position:center 58%;background-repeat:no-repeat}
.workshop-home{border-bottom:1px solid var(--line)}
.workshop-intro{background-image:linear-gradient(90deg,rgba(246,245,239,.90) 0%,rgba(246,245,239,.78) 50%,rgba(246,245,239,.50) 100%),url('/assets/images/backgrounds/workshop-light-v1.png');padding-bottom:48px;margin-top:25px;border-bottom:1px solid var(--line)}
@media(max-width:900px){.workshop-home{background-image:linear-gradient(90deg,rgba(246,245,239,.82),rgba(246,245,239,.55)),url('/assets/images/backgrounds/workshop-light-v1.png');background-position:65% center}}
@media(max-width:600px){.workshop-intro{margin-top:18px;padding-bottom:36px;background-position:60% center}}

/* Homepage product families: clear hierarchy and quiet industrial colours. */
.home-product-card{padding:30px;min-height:370px;border:1px solid #d3ded1;border-radius:14px;background:#e9efe7;box-shadow:0 5px 16px rgba(23,44,43,.025);transition:transform .18s,border-color .18s,box-shadow .18s;position:relative}
.home-product-card:hover{transform:translateY(-4px);border-color:#8eaa91;box-shadow:0 12px 26px rgba(23,44,43,.08);background:#e9efe7}
.home-product-card-1,.home-product-card-1:hover{background:linear-gradient(110deg,rgba(233,239,231,.97) 0%,rgba(233,239,231,.91) 42%,rgba(233,239,231,.60) 100%),url('/assets/images/products/industrial-electric-heaters/heater-card-background.png') right center/cover no-repeat #e9efe7}
.home-product-card-2,.home-product-card-2:hover{background:linear-gradient(140deg,#edf2f3,#e3ebee);border-color:#d2dfe2}
.home-product-card-3,.home-product-card-3:hover{background:linear-gradient(140deg,#f3efe6,#eae5da);border-color:#dfd8c9}
.home-product-card .card-topline{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:32px}
.home-product-card .card-index{margin:0;font-size:12px;letter-spacing:.08em;color:#50684f}
.home-product-card .card-label{font-size:10px;letter-spacing:.10em;color:#50635b;font-weight:600}
.home-product-card h3{font-size:26px;line-height:1.25;letter-spacing:-.03em;margin-bottom:16px;max-width:260px;font-weight:600}
.home-product-card p{font-size:14px;line-height:1.85;color:#41584e;margin-bottom:20px;max-width:29ch}
.home-product-card .card-topics{font-size:11px;line-height:1.6;color:#52685d;letter-spacing:.02em;margin-bottom:24px;display:block}
.home-product-card .card-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:18px;border-top:1px solid rgba(23,44,43,.14);font-size:13px;font-weight:600}
.home-product-card .card-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1px solid rgba(23,44,43,.22);font-size:18px;background:rgba(255,255,255,.35)}
html[lang="zh-Hans"] .home-product-card h3{font-size:25px;line-height:1.35;letter-spacing:.02em}
html[lang="zh-Hans"] .home-product-card .card-label{font-size:11px;letter-spacing:.08em}
html[lang="zh-Hans"] .home-product-card p{max-width:19em;font-size:15px;line-height:1.95}
html[lang="zh-Hans"] .home-product-card .card-topics{font-size:12px}
@media(max-width:1100px){.home-product-card{padding:25px}.home-product-card h3{font-size:24px}.home-product-card .card-label{font-size:9px}}
@media(max-width:600px){.home-product-card{min-height:330px;padding:26px}.home-product-card .card-topline{margin-bottom:25px}.home-product-card h3{font-size:25px}.home-product-card p{max-width:32ch}.home-product-card .card-topics{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.home-product-card{transition:none}.home-product-card:hover{transform:none}}

/* Keep the product image above the CTA divider, without distorting the equipment. */
.home-product-card-1,.home-product-card-1:hover{background:linear-gradient(145deg,#edf3ee,#e2ece8)}
:is(.heater-card-visual,.element-card-visual,.system-card-visual){position:relative;isolation:isolate;flex:1;min-height:0;padding-bottom:24px}
:is(.heater-card-visual,.element-card-visual,.system-card-visual)::before{content:"";position:absolute;inset:0 0 18px;background:url('/assets/images/products/industrial-electric-heaters/heater-card-background.png') right bottom/contain no-repeat;opacity:.25;z-index:-1;pointer-events:none}
:is(.heater-card-visual,.element-card-visual,.system-card-visual)::after{content:"";position:absolute;inset:0 0 18px;background-image:linear-gradient(rgba(68,127,121,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(68,127,121,.10) 1px,transparent 1px),radial-gradient(ellipse at 85% 70%,rgba(99,194,192,.18),transparent 65%);background-size:24px 24px,24px 24px,100% 100%;mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.65));z-index:-1;pointer-events:none;border-radius:8px}
:is(.heater-card-visual,.element-card-visual,.system-card-visual) .card-topics{margin-bottom:0}
.home-product-card-1 .card-cta{margin-top:0;background:transparent}

/* Transparent heating elements match the contained technical treatment. */
.element-card-visual::before{background-image:url('/assets/images/products/electric-heating-elements/heating-elements-cutout.png');opacity:.23}
.home-product-card-2 .card-cta{margin-top:0}

/* Custom system photo stays proportional and above the card divider. */
.system-card-visual::before{inset:12px 4px 26px 16px;background-image:url('/assets/images/products/custom-heating-systems/heating-systems-pair-cutout.png');background-position:center center;background-size:contain;opacity:.23}
.home-product-card-3 .card-cta{margin-top:0}

/* Fixed direction tiles: one shared resting colour, separators and one hover highlight. */
.scope-strip>a{display:flex;align-items:center;justify-content:center;position:relative;text-align:center;min-height:90px;padding:22px 16px;text-decoration:none;color:var(--ink);background:#f6f5ef;transform:none;transition:background-color .15s ease,color .15s ease}
.scope-strip>a+a::before{content:"";position:absolute;left:0;top:24%;bottom:24%;width:1px;background:#cfd7cd;pointer-events:none}
.scope-strip>a::after{content:"";position:absolute;bottom:16px;left:calc(50% - 25px);width:50px;height:3px;background:var(--gold);opacity:0;transform:none;transition:opacity .15s ease}
@media(hover:hover){.scope-strip>a:hover{background:#e9ede5;color:#315d52;transform:none}.scope-strip>a:hover::after{opacity:1}}
.scope-strip>a:focus-visible{background:#e9ede5;color:#315d52;outline-offset:-4px;transform:none}
.scope-strip>a:focus-visible::after{opacity:1}
.scope-strip>a:active{background:#e9ede5;color:#315d52;transform:none}
@media(max-width:600px){.scope-strip>a{min-height:68px;padding:18px 10px}.scope-strip>a::after{bottom:10px}.scope-strip>a:nth-child(3)::before{content:none}.scope-strip>a:nth-child(n+3){border-top:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){.scope-strip>a,.scope-strip>a::after{transition:none}}

/* Confirmed thermal oil product image: retain aspect ratio and full equipment. */
.thermal-oil-photo-card{border-radius:12px;background:linear-gradient(145deg,#f3f6ef,#e8efeb)}
.product-card-media{display:flex;align-items:center;justify-content:center;min-height:165px;padding:10px 0 18px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.product-card-media img{display:block;width:100%;height:150px;object-fit:contain}
.thermal-oil-photo-card .card-index{margin-bottom:20px}
.product-photo{margin:0;min-width:0;padding:24px;background:linear-gradient(145deg,#f1f5ee,#e6eeeb);border:1px solid #d1ddcf;border-radius:14px}
.product-photo img{display:block;width:100%;height:280px;object-fit:contain}
.product-photo figcaption{text-align:center;font-size:12px;color:var(--muted);margin-top:20px}
@media(max-width:600px){.product-photo{padding:20px}.product-photo img{height:210px}}

/* Prevent product photos from imposing their intrinsic width on the hero grid. */
.product-hero{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.product-hero>div,.product-hero>figure{min-width:0;max-width:100%}
.product-photo{width:100%;overflow:hidden}
.product-photo img{max-width:100%}
@media(max-width:900px){.product-hero{grid-template-columns:minmax(0,1fr)}}

/* Oil product cards: readable text alongside a bounded, complete equipment photo. */
.oil-card-inline{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:20px;padding:26px;min-height:280px}
.oil-card-copy{min-width:0;display:flex;flex-direction:column;height:100%}
.oil-card-copy h3{font-size:23px;line-height:1.35;overflow-wrap:normal}
.oil-card-copy p{font-size:14px;line-height:1.8}
.oil-card-copy .text-link{margin-top:auto;padding-top:12px}
.oil-card-image{display:flex;align-items:center;justify-content:center}
@media(max-width:1100px){.oil-card-inline{grid-template-columns:minmax(0,1fr)}.oil-card-image{grid-row:1}.oil-card-copy .card-index{margin-bottom:14px}}
@media(max-width:600px){.oil-card-inline{padding:25px;gap:18px}.oil-card-copy h3{font-size:24px}}

/* Thermal oil category card: product photo is a subdued decorative background. */
.thermal-oil-background-card{position:relative;isolation:isolate;overflow:hidden;min-height:270px;border-radius:12px;background:linear-gradient(145deg,#f0f4ed,#e5eeea)}
.thermal-oil-background-card::before{content:none}
.oil-card-background-content{display:flex;flex-direction:column;flex:1;min-width:0}
.thermal-oil-background-card .card-index{margin-bottom:28px}
.thermal-oil-background-card h3{line-height:1.35}
.thermal-oil-background-card p{line-height:1.85;color:#41584e}
.thermal-oil-background-card .text-link{margin-top:auto;padding-top:22px}

/* Product directory industrial heater card: approved text-left/image-right layout. */
.industrial-category-layout,.industrial-category-layout:hover{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:20px;padding:30px;min-height:340px;border:1px solid #d2dfd3;border-radius:16px;background:linear-gradient(135deg,#eff4ed,#e1ece8);box-shadow:0 8px 25px rgba(23,44,43,.035)}
.industrial-category-copy{min-width:0}
.industrial-category-layout .card-index{font-size:10px;margin-bottom:24px;color:#607766;letter-spacing:.08em}
.industrial-category-layout h2{font-size:25px;font-weight:600;line-height:1.4;margin-bottom:16px;letter-spacing:.01em}
.industrial-category-layout p{font-size:14px;line-height:1.85;margin-bottom:18px;color:#41564b}
.industrial-category-topics{display:block;font-size:11px;color:#637568;margin-bottom:24px;line-height:1.8}
.industrial-category-cta{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;border-top:1px solid #c3d2c5;padding-top:15px}
.industrial-category-cta span{font-size:22px}
.industrial-category-media{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;min-height:240px;background-image:linear-gradient(rgba(53,126,115,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(53,126,115,.06) 1px,transparent 1px);background-size:24px 24px;border-radius:10px}
.industrial-category-media img{display:block;width:100%;max-width:100%;height:230px;object-fit:contain}
@media(max-width:600px){.industrial-category-layout,.industrial-category-layout:hover{grid-template-columns:minmax(0,1fr);padding:25px}.industrial-category-media{min-height:200px}.industrial-category-media img{height:200px}}

/* Product directory elements: transparent equipment as a quiet technical background. */
.electric-elements-directory,.electric-elements-directory:hover{display:flex;position:relative;isolation:isolate;overflow:hidden;min-height:340px;padding:30px;border-radius:16px;border:1px solid #d2dfe2;background:linear-gradient(135deg,#eef4f5,#e1ecee);box-shadow:0 8px 25px rgba(23,44,43,.035)}
.electric-elements-copy{display:flex;flex-direction:column;position:relative;z-index:1;width:53%;min-width:0;flex:1;max-width:53%}
.electric-elements-directory .card-index{font-size:10px;margin-bottom:24px;color:#607766;letter-spacing:.08em}
.electric-elements-directory h2{font-size:25px;font-weight:600;line-height:1.4;margin-bottom:16px;letter-spacing:.01em}
.electric-elements-directory p{font-size:14px;line-height:1.85;margin-bottom:18px;color:#41564b}
.electric-elements-directory .industrial-category-cta{margin-top:auto}
.electric-elements-art{position:absolute;right:20px;top:30px;bottom:30px;width:50%;background-image:url('/assets/images/products/electric-heating-elements/flanged-tubular-bundle-cutout.png');background-position:center;background-size:contain;background-repeat:no-repeat;opacity:.35;pointer-events:none}
.electric-elements-art::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(53,126,115,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(53,126,115,.09) 1px,transparent 1px);background-size:24px 24px;border-radius:10px;z-index:-1}
@media(max-width:600px){.electric-elements-directory,.electric-elements-directory:hover{padding:25px;min-height:340px}.electric-elements-copy{width:68%;max-width:68%}.electric-elements-art{right:10px;width:55%;opacity:.22}}

/* Flanged immersion cards: proportionally faded heating element photograph. */
.flanged-background-card{overflow:hidden}
.flanged-background-card p{color:#41584e;line-height:1.85}
.flanged-background-card .text-link{margin-top:auto;padding-top:22px}

/* Circulation heater card: subdued original product photo over the soft colour. */
.circulation-background-card{overflow:hidden}
.circulation-background-card p{color:#41584e;line-height:1.85}
.circulation-background-card .text-link{margin-top:auto;padding-top:22px}

/* Coordinate the visual scale of the three real-product backgrounds. */
.balanced-product-background{position:relative;isolation:isolate;overflow:hidden;min-height:300px;background:#edf3ef;border:1px solid #d3dfd6;border-radius:12px}
.balanced-product-art{position:absolute;inset:28px 20px 78px;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.20;pointer-events:none}
.circulation-background-card .balanced-product-art{background-size:119% auto;background-position:left 40%;mix-blend-mode:multiply}
.balanced-product-copy{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;min-width:0}
.balanced-product-background .card-index{margin-bottom:28px}
.balanced-product-background .text-link{margin-top:auto;border-top:1px solid rgba(23,44,43,.13);padding-top:16px}
.balanced-product-background p{color:#41584e;line-height:1.85}
@media(max-width:600px){.balanced-product-background{min-height:300px}.balanced-product-art{inset:24px 18px 76px}}

/* Duct heater image matches the balanced core-product card backgrounds. */
.duct-air-background-card .balanced-product-art{mix-blend-mode:multiply;opacity:.22}

/* Water heater photography: consistent card treatment, undistorted detail image. */
.water-background-card .balanced-product-art{opacity:.22}
.water-product-photo{display:flex;flex-direction:column;justify-content:center;min-height:320px}
@media(max-width:600px){.water-product-photo{min-height:260px}}

/* Tubular element card background retains the full loop and terminal hardware. */
.tubular-background-card .balanced-product-art{opacity:.24;background-size:contain;background-position:center}

/* Decorative custom-solution concept, not a real equipment/project photograph. */
.custom-solution-background-card .balanced-product-art{inset:18px 18px 78px;opacity:.48;background-size:cover;background-position:right center;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 25%,#000 66%),linear-gradient(180deg,transparent 0%,#000 16%,#000 82%,transparent 100%);mask-composite:intersect;border-radius:10px}
@media(max-width:600px){.custom-solution-background-card .balanced-product-art{inset:24px 18px 76px;background-position:right center}}

/* Approved artwork on the product directory: contain preserves both devices. */
.product-directory-banner{position:relative;isolation:isolate;min-height:360px;margin-top:25px;padding-top:48px;padding-bottom:48px;background:#f6f5ef;border-bottom:1px solid var(--line)}
.product-directory-banner::before{content:"";position:absolute;inset:12px 20px;background:url('/assets/images/backgrounds/custom-heating-concept-v1.png') right center/contain no-repeat;opacity:.48;z-index:-1;pointer-events:none}
.product-directory-banner h1{max-width:60%;font-size:clamp(36px,4vw,52px)}
.product-directory-banner .lead{max-width:58%;font-size:17px}
.system-concept-card,.system-concept-card:hover{position:relative;isolation:isolate;overflow:hidden;background:#f3f0e8;min-height:320px}
.system-concept-card::before{content:"";position:absolute;inset:16px 16px 34px;background:url('/assets/images/backgrounds/custom-heating-concept-v1.png') right center/contain no-repeat;opacity:.36;z-index:-1;pointer-events:none}
.system-concept-card h2{max-width:80%}
.system-concept-card p{max-width:78%;color:#41584e}
@media(max-width:900px){.product-directory-banner{min-height:380px}.product-directory-banner h1{max-width:70%}.product-directory-banner .lead{max-width:66%}.product-directory-banner::before{opacity:.34}.system-concept-card p{max-width:100%}}
@media(max-width:600px){.product-directory-banner{min-height:0;margin-top:18px;padding-top:35px;padding-bottom:190px}.product-directory-banner h1,.product-directory-banner .lead{max-width:100%}.product-directory-banner h1{font-size:36px}.product-directory-banner::before{inset:auto 16px 12px;height:170px;background-position:right bottom;opacity:.60}.system-concept-card{min-height:310px}.system-concept-card::before{opacity:.30}.system-concept-card h2{max-width:100%}}

/* Pressure vessel montage: full artwork contained within the category card. */
.vessel-concept-card,.vessel-concept-card:hover{position:relative;isolation:isolate;overflow:hidden;background:#f3f2ea;min-height:320px}
.vessel-concept-card::before{content:"";position:absolute;inset:16px 16px 34px;background:url('/assets/images/backgrounds/pressure-vessel-montage-v1.png') right center/contain no-repeat;opacity:.34;z-index:-1;pointer-events:none}
.vessel-concept-card h2{max-width:80%}
.vessel-concept-card p{max-width:78%;color:#41584e}
@media(max-width:900px){.vessel-concept-card p{max-width:100%}}
@media(max-width:600px){.vessel-concept-card{min-height:310px}.vessel-concept-card::before{opacity:.28}.vessel-concept-card h2{max-width:100%}}

/* Consistent, compact product-directory and family heading backgrounds. */
.product-directory-banner{min-height:280px;margin-top:20px;padding-top:32px;padding-bottom:32px}
.product-directory-banner .eyebrow{margin-bottom:18px}
.product-directory-banner h1{margin-bottom:20px}
.product-directory-banner::before{inset:10px 20px;background-size:contain;opacity:.44}
.compact-element-banner{min-height:220px;padding-top:24px;padding-bottom:24px}
.compact-element-banner h1{font-size:clamp(34px,3.7vw,46px);margin-bottom:16px}
.compact-element-banner .eyebrow{margin-bottom:14px}
.compact-element-banner .lead{font-size:16px;max-width:62%}
@media(max-width:900px){.product-directory-banner{min-height:280px}.product-directory-banner::before{opacity:.32}.compact-element-banner{min-height:220px}}
@media(max-width:600px){.product-directory-banner{min-height:0;margin-top:18px;padding-top:28px;padding-bottom:160px}.product-directory-banner::before{inset:auto 16px 10px;height:140px;background-size:contain;opacity:.56}.compact-element-banner{padding-top:24px;padding-bottom:130px}.compact-element-banner::before{height:110px}.compact-element-banner h1{font-size:34px}.compact-element-banner .lead{max-width:100%}}

/* Vessel family header shares the industrial heater header dimensions. */
.vessel-family-banner::before{background-image:url('/assets/images/backgrounds/pressure-vessel-montage-v1.png');background-size:contain;background-position:right center;opacity:.43}
@media(max-width:600px){.vessel-family-banner::before{background-position:right bottom;opacity:.60}}

/* Original AI-generated abstract artwork; no factory or capability claim. */
.about-brand-background{margin-top:20px;min-height:300px;padding-top:42px;padding-bottom:42px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(246,245,239,.12),rgba(246,245,239,.04)),url('/assets/images/backgrounds/about-thermal-network-v1.png') right center/cover no-repeat #f6f5ef}
.about-brand-background .lead{max-width:760px}
@media(max-width:900px){.about-brand-background{background-image:linear-gradient(90deg,rgba(246,245,239,.65),rgba(246,245,239,.25)),url('/assets/images/backgrounds/about-thermal-network-v1.png')}}
@media(max-width:600px){.about-brand-background{margin-top:18px;min-height:0;padding-top:32px;padding-bottom:32px;background-image:linear-gradient(90deg,rgba(246,245,239,.86),rgba(246,245,239,.62)),url('/assets/images/backgrounds/about-thermal-network-v1.png')}}

/* Larger navigation with real contact channels, balanced desktop/mobile layout. */
.header-inner{max-width:1480px;justify-content:flex-start;gap:22px}
.header .brand{order:1;flex-shrink:0}
.header .site-nav{order:2;margin-left:6px;gap:20px}
.header .header-tools{order:4;margin-left:auto;flex-shrink:0}
.header .nav-link{font-size:18px;font-weight:600;position:relative;padding:10px 0;transition:color .18s,transform .18s;box-shadow:none}
.header .nav-link::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .18s}
.header .nav-link.active::after,.header .nav-link:focus-visible::after{transform:scaleX(1)}
@media(hover:hover){.header .nav-link:hover{transform:translateY(-3px);color:#397363;box-shadow:none}.header .nav-link:hover::after{transform:scaleX(1)}}
.header-contact-channels{order:3;display:flex;align-items:center;gap:7px;flex-shrink:0}
.contact-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:40px;text-decoration:none;transition:transform .18s,background-color .18s;border-radius:8px;color:#23584d}
.contact-icon svg{width:25px;height:25px;display:block}
.contact-icon.whatsapp{color:#138c3f}.contact-icon.wechat{color:#248c48}
.header-phone-number{font-size:14px;font-weight:600;white-space:nowrap;text-decoration:none;margin-left:5px;letter-spacing:.01em}
@media(hover:hover){.contact-icon:hover{background:#e2ece3;transform:translateY(-3px)}.header-phone-number:hover{text-decoration:underline}}
.wechat-note{margin-top:20px;font-size:14px;color:var(--muted)}
@media(min-width:1001px){.header .site-nav{display:flex}.header .menu-toggle{display:none}.header-inner{flex-wrap:nowrap}.header .nav-quote{font-size:14px;white-space:nowrap}}
@media(max-width:1000px){.header-inner{flex-wrap:wrap;padding:16px 24px;gap:12px 20px}.header .header-tools{order:2;margin-left:auto}.header .menu-toggle{display:flex}.header-contact-channels{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:8px}.header .site-nav{order:4;display:none;flex-direction:column;align-items:stretch;width:100%;margin-left:0;gap:0;border-top:1px solid var(--line);padding-top:12px}.header .site-nav.is-open{display:flex}.header .nav-link{font-size:18px;padding:14px 0}.header .nav-quote{margin:12px 0 5px}}
@media(max-width:600px){.header-inner{padding:14px 16px;gap:8px}.header-contact-channels{gap:8px;padding-top:6px}.header-phone-number{font-size:13px}.contact-icon{width:32px;height:38px}.contact-icon svg{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.header .nav-link,.header .nav-link::after,.contact-icon{transition:none}.header .nav-link:hover,.contact-icon:hover{transform:none}}

/* Coordinated approved About / Contact artwork, replacing earlier backgrounds. */
.about-brand-background{--page-art:url('/assets/images/backgrounds/about-heating-background-v2.png')}
.contact-brand-background{--page-art:url('/assets/images/backgrounds/contact-enquiry-background-v1.png')}
.about-brand-background,.contact-brand-background{margin-top:20px;min-height:300px;padding-top:42px;padding-bottom:42px;border-bottom:1px solid var(--line);background-image:linear-gradient(90deg,rgba(246,245,239,.12),rgba(246,245,239,.04)),var(--page-art);background-position:right center;background-size:cover;background-repeat:no-repeat;background-color:#f6f5ef}
.about-brand-background .lead,.contact-brand-background .lead{max-width:760px}
@media(max-width:900px){.about-brand-background,.contact-brand-background{background-image:linear-gradient(90deg,rgba(246,245,239,.65),rgba(246,245,239,.25)),var(--page-art)}}
@media(max-width:600px){.about-brand-background,.contact-brand-background{margin-top:18px;min-height:0;padding-top:32px;padding-bottom:32px;background-image:linear-gradient(90deg,rgba(246,245,239,.86),rgba(246,245,239,.62)),var(--page-art)}}

/* Vacuum furnace: subdued card image and uncropped main product photo. */
.vacuum-photo-card{position:relative;isolation:isolate;background:linear-gradient(135deg,#edf3f2,#e6edeb);min-height:320px;border-radius:12px;overflow:hidden}
.vacuum-card-art{position:absolute;inset:18px 12px 45px;background:url('/assets/images/products/vacuum-furnaces/vacuum-furnace-main-clean.png') right center/contain no-repeat;opacity:.19;z-index:-1;pointer-events:none}
.vacuum-card-copy{display:flex;flex-direction:column;height:100%}
.vacuum-main-photo{margin:0;padding:22px;background:#edf1ed;border:1px solid var(--line);border-radius:12px}
.vacuum-main-photo img{display:block;width:100%;height:auto;max-height:500px;object-fit:contain}
.vacuum-main-photo figcaption{font-size:11px;color:var(--muted);text-align:center;margin-top:12px}

/* Approved wider home scope: responsive titles without changing other page headings. */
.hero:has(.expanded-thermal-scope){gap:40px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.expanded-thermal-scope{min-width:0}
html[lang="zh-Hans"] .hero-copy.expanded-thermal-scope h1{font-size:44px;line-height:1.45;letter-spacing:0}
html[lang="en"] .hero-copy.expanded-thermal-scope h1{font-size:42px;line-height:1.2}
.expanded-thermal-scope .lead{font-size:18px;line-height:1.9}
@media(max-width:900px){.hero:has(.expanded-thermal-scope){grid-template-columns:minmax(0,1fr)}html[lang="zh-Hans"] .hero-copy.expanded-thermal-scope h1{font-size:36px}html[lang="en"] .hero-copy.expanded-thermal-scope h1{font-size:38px}}
@media(max-width:600px){html[lang="zh-Hans"] .hero-copy.expanded-thermal-scope h1{font-size:28px}html[lang="en"] .hero-copy.expanded-thermal-scope h1{font-size:32px}}

/* Electric oven photo: preserve the full cabinet proportions. */
.oven-photo-card{position:relative;isolation:isolate;background:linear-gradient(135deg,#f1f3eb,#e7ede5);min-height:320px;border-radius:12px;overflow:hidden}
.oven-card-art{position:absolute;inset:18px 12px 45px;background:url('/assets/images/products/electric-ovens/electric-oven-main.png') right center/contain no-repeat;opacity:.18;z-index:-1;pointer-events:none}

/* Approved header mockup: regular navigation, retained hover animation, inline search. */
.header .brand b,.header .nav-link{font-weight:400}
.header .header-phone-number{font-weight:700}
@media(min-width:1001px){.header .site-nav{margin-left:50px;gap:18px}.header-inner{gap:18px}}
.search-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:40px;margin-left:9px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;padding:8px;transition:background .18s,transform .18s}
.search-toggle svg{width:23px;height:23px}
.search-toggle:hover,.search-toggle[aria-expanded="true"]{background:#e2ece3}
@media(hover:hover){.search-toggle:hover{transform:translateY(-2px)}}
.search-toggle[hidden],.site-search[hidden]{display:none!important}
.site-search{position:absolute;top:100%;right:max(20px,calc((100vw - 1440px)/2));width:650px;max-width:calc(100vw - 32px);padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:0 12px 28px rgba(23,44,43,.13);z-index:20}
.site-search form{display:flex;align-items:center;gap:8px;padding:0;background:none;border:0}
.site-search input{flex:1;min-width:0;font-size:15px;min-height:44px;background:#fff}
.site-search form button{flex-shrink:0;padding:10px 16px;min-height:44px;border:0;background:var(--ink);color:white;cursor:pointer;font-weight:400}
.site-search form .search-close{background:transparent;color:var(--ink);font-size:25px;padding:4px 9px}
#search-status{font-size:12px;color:var(--muted);margin:12px 0 0}
.search-results{list-style:none;padding:0;margin:8px 0 0;max-height:min(50vh,380px);overflow-y:auto;overscroll-behavior:contain}
.search-results li{border-top:1px solid var(--line)}
.search-results a{display:block;padding:14px 8px;text-decoration:none}
.search-results a:hover,.search-results a:focus-visible{background:#e9ede5}
.search-result-title{display:flex;justify-content:space-between;gap:12px;font-size:16px;color:var(--ink)}
.search-result-language{font-size:11px;color:var(--muted);white-space:nowrap}
.search-result-snippet{display:block;font-size:13px;line-height:1.65;margin-top:7px;color:var(--muted);overflow-wrap:anywhere}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:600px){.header-contact-channels{gap:6px}.search-toggle{width:32px;height:38px;padding:6px;margin-left:4px}.site-search{right:16px;padding:12px}.site-search form{gap:5px}.site-search form button{padding:10px}.site-search input{font-size:16px}.site-search form .search-close{padding:4px 7px}}
@media(prefers-reduced-motion:reduce){.search-toggle{transition:none}.search-toggle:hover{transform:none}}

/* Match approved single-row desktop header; collapse only on small screens. */
@media(min-width:1001px){
.header-inner{max-width:1600px;padding:20px 24px;gap:clamp(8px,1vw,18px);flex-wrap:nowrap}
.header .brand{font-size:clamp(10px,.9vw,13px);gap:8px}.header .brand small{font-size:7px}.header .brand-logo{width:clamp(40px,4.2vw,59px)}
.header .site-nav{margin-left:clamp(18px,calc((100vw - 1000px)*.08),50px);gap:clamp(10px,1.2vw,18px);flex-shrink:0;display:flex;width:auto;border-top:0;padding-top:0;flex-direction:row}
.header .nav-link{font-size:clamp(14px,1.25vw,18px);padding:10px 0}
.header .nav-quote{font-size:clamp(12px,1vw,14px);padding:12px;min-height:44px;margin:0}
.header-contact-channels{width:auto;border-top:0;padding:0;gap:5px;order:3}
.contact-icon{width:clamp(28px,2.5vw,36px);height:36px}.contact-icon svg{width:22px;height:22px}
.header-phone-number{font-size:clamp(12px,1vw,14px);margin-left:2px}
.search-toggle{width:32px;height:36px;margin-left:5px;padding:6px}
.header .header-tools{order:4;margin-left:auto;gap:8px}.header .menu-toggle{display:none}
}
.site-search{width:480px;padding:12px;border-radius:8px;right:max(16px,calc((100vw - 1552px)/2));box-shadow:0 8px 22px rgba(23,44,43,.10)}
.site-search input{font-size:13px;min-height:38px;padding:8px 10px}.site-search form button{min-height:38px;padding:8px 14px;font-size:13px}.site-search form .search-close{font-size:21px}
#search-status{font-size:11px;margin-top:10px}.search-results{max-height:min(45vh,300px)}
.search-results a{padding:12px 8px}.search-result-title{font-size:14px}.search-result-snippet{font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px}
@media(max-width:600px){.site-search{right:16px}.site-search input{font-size:16px}}

/* Circulation process: visible introduction and native accessible disclosure. */
.process-flow h2{line-height:1.4;letter-spacing:0;font-size:clamp(24px,2.5vw,34px)}
.process-composition{margin:24px 0;padding:20px 24px;border-left:3px solid var(--gold);background:var(--soft);color:var(--muted);overflow-wrap:anywhere}
.process-composition p{margin:0;line-height:1.9}
.process-flow>.process-composition{margin-bottom:6px}
.process-expand{border:0;padding:0;margin:0}
.process-expand>summary{display:flex;align-items:center;justify-content:center;gap:10px;width:fit-content;max-width:100%;min-height:44px;margin:0 auto;padding:10px 16px;cursor:pointer;list-style:none;font-weight:600;color:var(--ink);border-radius:6px;transition:color .2s ease}
.process-expand>summary::-webkit-details-marker{display:none}
.process-expand>summary::after{content:none}
.process-expand>summary:hover,.process-expand>summary:focus-visible{background:transparent;color:#315d52}
.process-expand>summary:hover .process-chevron,.process-expand>summary:focus-visible .process-chevron{transform:translateY(3px)}
.process-expand[open]>summary:hover .process-chevron,.process-expand[open]>summary:focus-visible .process-chevron{transform:translateY(-3px)}
.process-hide{display:none}.process-expand[open] .process-show{display:none}.process-expand[open] .process-hide{display:inline}
.process-chevron{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease}.process-chevron svg{display:block;transition:transform .2s ease}.process-expand[open] .process-chevron svg{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){.process-expand>summary,.process-chevron,.process-chevron svg{transition:none}.process-expand>summary:hover .process-chevron,.process-expand>summary:focus-visible .process-chevron{transform:none}}
.process-full{padding:12px 0 24px;line-height:1.85;overflow-wrap:anywhere}
.process-full h3{font-size:23px;line-height:1.5;letter-spacing:0;margin:30px 0 16px}.process-full h4{font-size:18px;margin:22px 0 12px}
.process-full ol,.process-full ul{padding-left:25px;margin:0 0 22px}.process-full li{padding-left:4px;margin:10px 0}.process-full li ul{margin:8px 0}
.process-key,.process-route{background:var(--soft);padding:18px 20px}.process-route{line-height:2}
@media(max-width:600px){.process-composition{padding:16px}.process-full h3{font-size:21px}.process-key,.process-route{padding:16px}}

/* Desktop input occupies the gap between the magnifier and language switch. */
.header-search-slot[hidden]{display:none!important}
@media(min-width:1001px){
.header-search-slot{order:4;flex:1 1 250px;min-width:60px;max-width:300px;align-self:center}
.header .header-tools{order:5;margin-left:0}
.header-search-slot form{display:flex;padding:0;margin:0;border:0;background:transparent}
.header-search-slot input{width:100%;min-width:0;min-height:36px;height:36px;padding:7px 10px;font-size:12px;background:rgba(255,255,255,.45);border:1px solid #bccbc3;border-radius:5px}
.header-search-slot form button{display:none}
.header-search-slot input:focus{background:white;border-color:#649989;outline:2px solid rgba(100,153,137,.25);outline-offset:1px}
}
@media(min-width:1001px) and (max-width:1150px){
.header-inner{padding:18px 16px;gap:8px}.header .brand{font-size:10px;gap:6px}.header .brand-logo{width:36px}.header .brand small{font-size:6px}
.header .site-nav{margin-left:12px;gap:8px}.header .nav-link{font-size:14px}.header .nav-quote{font-size:11px;padding:10px 8px;min-height:40px}
.header-contact-channels{gap:4px}.contact-icon{width:24px}.contact-icon svg{width:20px;height:20px}.header-phone-number{font-size:11px;margin-left:0}
.search-toggle{width:26px;margin-left:2px;padding:4px}.header-search-slot{min-width:48px}.header-search-slot input{padding:7px 5px}.header .header-tools{gap:4px}.language-switch{font-size:11px;gap:4px}
}

/* Compact process sections with a short animated disclosure underline. */
.product-content section.process-flow{border-top:0;padding:22px 0 12px}
.product-content .process-flow+section{border-top:0;padding-top:22px}
.process-expand>summary{position:relative;padding:8px 16px 15px}
.process-expand>summary::after{content:"";position:absolute;left:50%;bottom:4px;width:48px;height:2px;background:var(--gold);transform:translateX(-50%) scaleX(.55);transform-origin:center;transition:transform .24s ease,background .24s ease}
.process-expand>summary:hover::after,.process-expand>summary:focus-visible::after{transform:translateX(-50%) scaleX(1);background:#315d52}
@media(prefers-reduced-motion:reduce){.process-expand>summary::after{transition:none}}

.material-table-scroll{max-width:100%;overflow-x:auto;margin:18px 0 24px}.material-table-scroll table{min-width:650px;margin:0}.material-table-scroll tbody th{width:auto}.material-table-scroll:focus-visible{outline:3px solid var(--gold);outline-offset:3px}

.product-content:has(.material-table-scroll){min-width:0}

/* Real flanged-heater photo: show the complete group without cropping. */
.flanged-product-photo{margin:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#eef1eb;display:flex;align-items:center;justify-content:center}
.flanged-product-photo img{display:block;width:100%;height:auto;object-fit:contain;border-radius:6px}

.airflow-priority-row{background:var(--soft)}.airflow-priority-row th,.airflow-priority-row td{font-weight:600}.airflow-priority-row th{border-left:3px solid var(--gold)}

.airflow-priority-row{background:var(--soft)}.airflow-priority-row th,.airflow-priority-row td{font-weight:600}.airflow-priority-row th{border-left:3px solid var(--gold)}

.airflow-priority-row{background:var(--soft)}.airflow-priority-row th,.airflow-priority-row td{font-weight:600}.airflow-priority-row th{border-left:3px solid var(--gold)}

.airflow-priority-row{background:var(--soft)}.airflow-priority-row th,.airflow-priority-row td{font-weight:600}.airflow-priority-row th{border-left:3px solid var(--gold)}

.company-information h2{line-height:1.35;letter-spacing:0}.company-details{margin:28px 0 0;max-width:850px}.company-details>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;padding:15px 0;border-bottom:1px solid #45544a}.company-details>div:last-child{border-bottom:0}.company-details dt{color:#ccd4c8;font-weight:600}.company-details dd{margin:0;overflow-wrap:anywhere}.company-details a{color:inherit}@media(max-width:600px){.company-details>div{grid-template-columns:1fr;gap:6px}.company-information h2{font-size:28px}}

/* Confirmed enquiry mailbox; the preview form still has no delivery service. */
.enquiry-email{margin:18px 0}.enquiry-email-link{display:inline-block;font-size:clamp(17px,1.7vw,23px);font-weight:600;color:#245b4c;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:5px;line-height:1.6}
.quote-email-destination{border-top:1px solid var(--line);padding-top:24px;margin-top:28px}.quote-email-destination h3{font-size:19px;letter-spacing:0;margin-bottom:12px}.quote-email-destination p:not(.enquiry-email){font-size:13px;color:var(--muted);line-height:1.8}