/* UMAX logo spectrum: #4faad6 > #477dbc > #4155a3, extended with tints and shades. */
:root{--logo-light:#4faad6;--logo-mid:#477dbc;--logo-deep:#4155a3;--logo-gradient:linear-gradient(120deg,#4faad6,#477dbc 52%,#4155a3)}
[data-family=residential],body[data-product-family=residential]{--family-accent:#3977ac;--family-wash:#e9f5fd;--family-rgb:233 245 253;--family-tone:#193755;--family-secondary:#496b87;--family-bg:linear-gradient(125deg,#edf8ff,#cce7f7);--family-soft:#f0f8fe;--family-line:#a6cce4}
[data-family=commercial],body[data-product-family=commercial]{--family-accent:#436faf;--family-wash:#436faf;--family-rgb:67 111 175;--family-tone:#fff;--family-secondary:#edf5ff;--family-bg:linear-gradient(125deg,#477dbc,#436faf);--family-soft:#edf3fb;--family-line:#a6c9ec}
[data-family=cold],body[data-product-family=cold]{--family-accent:#4155a3;--family-wash:#4155a3;--family-rgb:65 85 163;--family-tone:#fff;--family-secondary:#edf2ff;--family-bg:linear-gradient(125deg,#477dbc,#4155a3);--family-soft:#f0f2fb;--family-line:#b4c3ef}
[data-family=power],body[data-product-family=power]{--family-accent:#293d7c;--family-wash:#293d7c;--family-rgb:41 61 124;--family-tone:#fff;--family-secondary:#e9efff;--family-bg:linear-gradient(125deg,#4155a3,#293d7c);--family-soft:#eff1f9;--family-line:#b4c5ef}
/* Four linked chapters: preserve the homepage structure while giving the range a clear progression. */
.home-compact #products{padding-bottom:50px;background:linear-gradient(180deg,#fff,#f0f7fc)}
.home-compact .range-grid{display:grid;grid-template-columns:1fr;gap:0;border-radius:4px 4px 64px 4px;overflow:hidden;background:#edf8ff}
.home-compact .range-item{display:grid;grid-template-columns:49% 51%;min-height:310px;background:var(--family-bg);color:var(--family-tone);position:relative;isolation:isolate}
.home-compact .range-media{border-radius:0;background:transparent;min-height:310px;height:100%}
.home-compact .range-media>a{height:100%}
.home-compact .range-media img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;min-height:310px}
.home-compact .range-media:after{display:none}
.home-compact .range-body{position:relative;padding:30px 38px 31px 36px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.home-compact .range-body:after{content:'';position:absolute;right:24px;top:26px;width:68px;height:68px;background:var(--family-tone);opacity:.045;mask:url('assets/umax-logo-symbol.svg') center/contain no-repeat;pointer-events:none}
.home-compact .range-label{font-size:10px;line-height:1.8;letter-spacing:1.1px;color:var(--family-secondary);margin-bottom:15px;display:block}
.home-compact .range-label:after{display:none}
.home-compact .range-body h3{color:var(--family-tone);font-size:29px;line-height:1.3;letter-spacing:-.6px;max-width:440px;margin:0 0 15px}
.home-compact .range-body p:not(.range-label){color:var(--family-secondary);font-size:16px;line-height:1.85;margin-bottom:20px;max-width:470px}
.home-compact .range-body .series-links{gap:24px;flex-wrap:wrap}
.home-compact .range-body .text-link{color:var(--family-tone);border-color:color-mix(in srgb,var(--family-tone) 38%,transparent);font-size:13px;gap:20px;padding-bottom:7px}
.home-compact .range-body .text-link:hover{border-color:var(--family-tone)}
.home-compact .range-media .media-tag{color:#fff;background:#213858bf;backdrop-filter:blur(8px);font-size:9px;letter-spacing:1.1px;padding:8px 12px;left:20px;top:20px;bottom:auto}
.home-compact .hero-links a:nth-child(1){--chapter:#a8def6}.home-compact .hero-links a:nth-child(2){--chapter:#7fafe4}.home-compact .hero-links a:nth-child(3){--chapter:#8299df}.home-compact .hero-links a:nth-child(4){--chapter:#b1bdec}
.home-compact .hero-links a{border-top:2px solid var(--chapter)}
.home-compact .hero-links a>span{color:var(--chapter)}
/* Shared hero composition, distinct category atmosphere. The scene stays clear on the right. */
body[data-product-family] .immersive-hero{background:var(--family-wash);color:var(--family-tone)}
body[data-product-family] .immersive-hero:before{background:linear-gradient(90deg,rgb(var(--family-rgb)) 0%,rgb(var(--family-rgb) / .98) 23%,rgb(var(--family-rgb) / .91) 30%,rgb(var(--family-rgb) / .65) 38%,rgb(var(--family-rgb) / .14) 49%,transparent 59%)}
body[data-product-family] .immersive-hero h1,body[data-product-family] .immersive-hero h1 span{color:var(--family-tone)}
body[data-product-family] .immersive-hero .series-scene-copy>p:not(.eyebrow){color:var(--family-secondary)}
body[data-product-family] .immersive-hero .eyebrow,body[data-product-family] .immersive-hero .breadcrumb{color:var(--family-secondary)}
body[data-product-family] .immersive-hero .eyebrow:before{background:var(--family-line)}
body[data-product-family] .immersive-hero .text-link{color:var(--family-tone);border-color:color-mix(in srgb,var(--family-tone) 35%,transparent)}
body[data-product-family=commercial] .immersive-hero .button.blue{background:#fff;color:#345c96}
body[data-product-family=residential] .immersive-hero .button.blue{background:linear-gradient(120deg,#477dbc,#4155a3)}
body[data-product-family] .unified-configuration{background:linear-gradient(100deg,var(--family-soft),#fff 72%)}
body[data-product-family] .unified-configuration .config-row button[aria-pressed=true]{background:var(--family-accent);border-color:var(--family-accent);color:#fff}
body[data-product-family] main>.section.soft{background:linear-gradient(125deg,var(--family-soft),#fff)}
body[data-product-family] .sub-cta{background:linear-gradient(120deg,var(--family-accent),#293d7c)}
body[data-product-family] .product-nav{border-top-color:color-mix(in srgb,var(--family-accent) 30%,#fff)}
/* The same spectrum continues through cold storage and containerised/mobile power. */
body[data-product-family=cold] .cold-content{--forest:#4155a3;--dark:#293d7c;--lime:#bfd9f6;--paper:#f0f2fb}
body[data-product-family=cold] .cold-content .hero{background:#4155a3;color:#fff}
body[data-product-family=cold] .cold-content .hero:before{background:linear-gradient(90deg,#4155a3 0%,#4155a3fa 23%,#4155a3e8 30%,#4155a3a6 40%,#4155a326 54%,transparent 66%)}
body[data-product-family=cold] .cold-content .hero h1{color:#fff}
body[data-product-family=cold] .cold-content .hero p:not(.eyebrow),body[data-product-family=cold] .cold-content .hero .eyebrow,body[data-product-family=cold] .cold-content .hero-bottom{color:#eef3ff}
body[data-product-family=cold] .cold-content .hero .btn.primary{background:#fff;color:#4155a3}
body[data-product-family=cold] .cold-content .hero .btn.outline{color:#fff;border-color:#c9d7ef99;background:#4155a31a}
body[data-product-family=cold] .cold-content .metrics{background:linear-gradient(110deg,#eff2fc,#fff)}
body[data-product-family=cold] .cold-content .temperature-section,body[data-product-family=cold] .cold-content .enquiry{background:linear-gradient(120deg,#477dbc,#4155a3)}
body[data-product-family=power] .series-scene{background:#293d7c;color:#fff;min-height:710px}
body[data-product-family=power] .series-scene:before{background:linear-gradient(90deg,#293d7c 0%,#293d7cfa 23%,#293d7ce8 30%,#293d7ca6 40%,#293d7c26 54%,transparent 66%)}
body[data-product-family=power] .series-scene h1,body[data-product-family=power] .series-scene h1 span,body[data-product-family=power] .series-scene-copy>p:not(.eyebrow),body[data-product-family=power] .series-scene .eyebrow,body[data-product-family=power] .series-scene .breadcrumb{color:#f3f6ff}
body[data-product-family=power] .series-scene .button.blue{background:#fff;color:#293d7c}
body[data-product-family=power] .series-scene .text-link{color:#fff;border-color:#b9ccec88}
body[data-product-family=power] .series-scene .config-row button{background:#ffffff12;border-color:#a4b8db77;color:#fff}
body[data-product-family=power] .series-scene .config-row button[aria-pressed=true]{background:#fff;border-color:#fff;color:#293d7c}
body[data-product-family=power] .series-stats{background:linear-gradient(110deg,#eff1f9,#fff)}
@media(max-width:1100px){
 .home-compact .range-body{padding:28px}.home-compact .range-body h3{font-size:26px}.home-compact .range-body p:not(.range-label){font-size:15px}.home-compact .range-body .series-links{gap:18px}
}
@media(max-width:900px){
 body[data-product-family] .immersive-hero .precision-media:after{background:linear-gradient(180deg,var(--family-wash),transparent 24%)}
 body[data-product-family] .immersive-hero .series-scene-shell{background:var(--family-wash)}
 .home-compact .range-item{grid-template-columns:46% 54%}.home-compact .range-body{padding:26px}.home-compact .range-body h3{font-size:24px}
}
@media(max-width:640px){
 .home-compact .range-grid{border-radius:3px 3px 44px 3px}.home-compact .range-item{grid-template-columns:1fr;min-height:0}.home-compact .range-media{min-height:0;height:auto;aspect-ratio:1.8}.home-compact .range-media img{min-height:0;height:100%}.home-compact .range-body{padding:26px 24px 30px}.home-compact .range-body h3{font-size:26px}.home-compact .range-body p:not(.range-label){font-size:16px}.home-compact .range-label{font-size:9px}.home-compact .range-body .text-link{font-size:13px}.home-compact .range-media .media-tag{left:15px;top:15px}
 body[data-product-family=cold] .cold-content .hero:before{background:linear-gradient(180deg,#4155a3 0%,#4155a3 40%,#4155a3ed 49%,#4155a347 64%,transparent 76%)}
 body[data-product-family=power] .series-scene:before{background:linear-gradient(180deg,#293d7c 0%,#293d7cf8 36%,#293d7ce0 55%,#293d7c70 70%,transparent 92%)}
 body[data-product-family=power] .series-scene .config-row button{font-size:13px}
}
body[data-product-family=cold] .cold-content .temperature-section{color:#fff}
body[data-product-family=cold] .cold-content .temperature-section p,body[data-product-family=cold] .cold-content .temp-value span{color:#edf3ff}
body[data-product-family=cold] .cold-content .enquiry .eyebrow,body[data-product-family=cold] .cold-content .enquiry .body-copy,body[data-product-family=cold] .cold-content .contact-links small{color:#edf3ff}