:root{--navy:#071b2a;--navy2:#112f40;--ink:#18303d;--muted:#697984;--orange:#f05b3b;--line:#dae4e9;--mist:#f2f6f7;--white:#fff;--container:1190px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif;letter-spacing:-.045em;line-height:1.13}h1{font-size:clamp(2.8rem,5.4vw,5.7rem);margin:.35em 0 .3em}h2{font-size:clamp(2rem,3vw,3.2rem);margin:.25em 0 .4em}h3{font-size:1.27rem}p{line-height:1.77;color:var(--muted)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(var(--container),calc(100% - 44px));margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--orange);font-size:.72rem;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:6px;font-size:.87rem;font-weight:800;border:1px solid transparent;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--orange);color:white}.btn-outline{border-color:#b9c9d3;color:inherit}.btn-outline:hover{background:#e9eff2}.btn-light{background:white;color:var(--navy)}.topbar{background:#071724;color:#adbdc6;font-size:.72rem}.topbar .container{display:flex;justify-content:space-between;gap:15px;padding:10px 0}.topbar a:hover{color:white}.header{position:sticky;top:0;z-index:30;background:white;box-shadow:0 1px 0 #e4eaed}.header-inner{height:83px;display:flex;align-items:center;gap:30px;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;flex:none}.logo-symbol{width:39px;height:44px;display:grid;place-items:center;border:3px solid var(--orange);clip-path:polygon(50% 0%,100% 20%,100% 80%,50% 100%,0 80%,0 20%);font-size:1.3rem;color:var(--orange);font-weight:900}.logo-text{font-weight:900;color:var(--navy);letter-spacing:-.06em;font-size:1.36rem;line-height:1}.logo-text small{display:block;font-size:.57rem;letter-spacing:.11em;color:#657b86;margin-top:5px}.nav{display:flex;align-items:center;gap:26px;font-size:.8rem;font-weight:800}.nav a{transition:color .2s}.nav a:hover,.nav a.active{color:var(--orange)}.nav-group{position:relative}.nav-group>button{border:0;background:none;color:inherit;font-weight:800;padding:16px 0}.dropdown{display:none;position:absolute;top:100%;left:-22px;background:white;box-shadow:0 18px 35px #0c293025;border:1px solid var(--line);border-radius:8px;min-width:265px;padding:12px;z-index:40}.dropdown a{display:block;padding:10px 12px;border-radius:4px;white-space:nowrap;font-size:.77rem}.dropdown a:hover{background:var(--mist)}.nav-group:hover .dropdown,.nav-group:focus-within .dropdown{display:block}.nav-cta{white-space:nowrap}.mobile-toggle{display:none;background:none;border:none;font-size:26px;color:var(--navy)}.hero{background:radial-gradient(circle at 72% 54%,#284759 0,transparent 37%),linear-gradient(115deg,#071b2a,#092334 77%);color:white;overflow:hidden;position:relative}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 97%,#ffffff0c 98%),linear-gradient(transparent 97%,#ffffff0c 98%);background-size:55px 55px;mask-image:linear-gradient(90deg,transparent,black);opacity:.6}.hero-grid{min-height:590px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;position:relative}.hero p{color:#b9c9d4;max-width:520px}.hero h1{max-width:650px}.hero .eyebrow{color:#ffa28d}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-visual{position:relative;min-height:410px;display:grid;place-items:center}.hero-visual img{width:115%;max-width:650px;filter:drop-shadow(0 24px 38px #0005);animation:float 6s ease-in-out infinite}.tech-ring{position:absolute;width:77%;aspect-ratio:1;border:1px solid #7ea2b744;border-radius:50%;animation:spin 32s linear infinite}.tech-ring:before,.tech-ring:after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:var(--orange);top:15%;left:15%;box-shadow:0 0 20px #fc714f}.tech-ring:after{top:80%;left:85%;background:#9bb9ca}.annotation{position:absolute;top:17%;right:0;border-left:2px solid var(--orange);padding-left:12px;font-size:.67rem;letter-spacing:.12em;color:#e6eff5;text-transform:uppercase}.annotation.bottom{top:auto;right:auto;bottom:14%;left:0}.hero-stats{display:flex;flex-wrap:wrap;gap:35px;margin-top:36px}.hero-stat strong{display:block;font:800 1.7rem Manrope;color:white}.hero-stat small{color:#8fa9b9;font-size:.71rem}.scroll-prompt{position:absolute;bottom:28px;left:0;color:#819cab;font-size:.65rem;letter-spacing:.18em}.section{padding:95px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-head p{max-width:440px}.pale{background:var(--mist)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.category-card{min-height:190px;background:#fff;border:1px solid #dbe4e9;padding:25px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.category-card:hover,.product-card:hover{transform:translateY(-5px);box-shadow:0 17px 35px #0a2d3a12}.category-card .number{font-size:.68rem;color:var(--orange);font-weight:800}.category-card h3{font-size:1.45rem;margin:21px 0 7px}.category-card p{font-size:.8rem;margin:0}.category-card .arrow{position:absolute;right:22px;bottom:22px;font-size:1.4rem;color:var(--orange)}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.feature-art{background:linear-gradient(135deg,#d6e1e7,#eff4f6);min-height:430px;position:relative;display:grid;place-items:center;overflow:hidden}.feature-art img{width:95%}.feature-art:before{content:'THERMAL ENGINEERING';position:absolute;left:20px;top:22px;font-size:.64rem;letter-spacing:.25em;color:#738895}.checks{list-style:none;padding:0;margin:30px 0}.checks li{padding:13px 0;border-bottom:1px solid var(--line);display:flex;gap:15px;font-size:.9rem;font-weight:700}.checks li:before{content:'✓';color:var(--orange);font-weight:900}.stats-dark{background:var(--navy);color:white;padding:46px 0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-grid strong{font-size:2.3rem;font-weight:800;display:block}.stat-grid small{font-size:.78rem;color:#a9bdc7}.range-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.range-card{border:1px solid var(--line);background:white;overflow:hidden;transition:transform .25s}.range-card:hover{transform:translateY(-4px)}.range-thumb{height:195px;display:grid;place-items:center;background:linear-gradient(145deg,#e8f0f4,#cbdde5)}.range-thumb img{width:93%;height:95%;object-fit:contain}.range-card .copy{padding:20px}.range-card .copy small{font-size:.66rem;letter-spacing:.12em;color:var(--orange);text-transform:uppercase;font-weight:800}.range-card h3{font-size:1.02rem;min-height:48px}.range-card .text-link{font-size:.77rem;color:var(--orange);font-weight:800}.cta-band{background:var(--orange);color:white;padding:60px 0}.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-band h2{margin:0}.cta-band p{color:#fff8}.page-hero{background:linear-gradient(120deg,#071b2a,#183d50);color:white;padding:88px 0 75px;overflow:hidden}.page-hero h1{font-size:clamp(2.5rem,4.3vw,4.5rem);max-width:810px}.page-hero p{color:#bdd0d9;max-width:690px}.breadcrumb{font-size:.75rem;color:#a7bdc8}.breadcrumb span{color:#fff}.footer{background:#061723;color:#b1c4ce;padding:72px 0 22px}.footer-columns{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:45px}.footer h4{color:white;font-size:.95rem;letter-spacing:0}.footer a{display:block;margin:11px 0;font-size:.79rem}.footer p{color:#a1b6c2;font-size:.8rem}.footer .logo-text{color:white}.copyright{border-top:1px solid #ffffff22;margin-top:48px;padding-top:22px;font-size:.72rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.catalog-layout{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:start}.filter-panel{border:1px solid var(--line);padding:22px;position:sticky;top:105px}.filter-panel h3{font-size:.9rem;margin:0 0 15px}.filter-panel label{display:block;padding:7px 0;color:#495d68;font-size:.83rem;cursor:pointer}.filter-panel input[type=checkbox]{accent-color:var(--orange);margin-right:8px}.filter-divider{border-top:1px solid var(--line);margin:20px 0}.catalog-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}.search-field{width:min(100%,350px);padding:12px 15px;border:1px solid #cbd8df;background:white;border-radius:5px}.select{padding:12px 16px;border:1px solid #cbd8df;background:white;border-radius:5px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card{border:1px solid var(--line);background:white;transition:transform .2s,box-shadow .2s}.product-image{height:195px;display:grid;place-items:center;background:radial-gradient(circle,#fff,#e8eff2)}.product-image img{width:94%;height:94%;object-fit:contain}.product-body{padding:18px}.product-body .chip{color:var(--orange);font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.product-body h3{font-size:.89rem;line-height:1.5;min-height:70px;letter-spacing:-.02em}.product-body p{font-size:.75rem;margin:7px 0 16px}.product-body .btn{width:100%;padding:10px}.pagination{display:flex;justify-content:center;gap:8px;margin:25px 0}.pagination button{border:1px solid var(--line);background:white;padding:8px 13px}.pagination button.current{background:var(--navy);color:white}.empty{padding:40px;background:var(--mist);grid-column:1/-1;text-align:center}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.detail-img{background:linear-gradient(140deg,#ebf2f5,#d4e1e7);min-height:380px;display:grid;place-items:center}.detail-img img{width:97%}.info-list{display:grid;gap:12px}.info-item{padding:20px;border:1px solid var(--line);border-left:3px solid var(--orange)}.info-item strong{display:block}.info-item p{margin:6px 0 0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select{padding:14px;width:100%;border:1px solid var(--line);border-radius:4px}.form-grid textarea{min-height:125px}.notice{background:#fff3ee;border-left:3px solid var(--orange);padding:15px;font-size:.8rem;color:#66564b}.download-card{border:1px solid var(--line);padding:25px;display:flex;justify-content:space-between;gap:20px;align-items:center}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}.mobile-only{display:none}.founder{padding:30px;border-left:4px solid var(--orange);background:var(--mist)}@keyframes float{50%{transform:translateY(-15px) rotate(1deg)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.nav{gap:14px}.nav-cta{display:none}.range-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.topbar{display:none}.header-inner{height:72px}.mobile-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:72px;background:white;flex-direction:column;align-items:stretch;gap:0;padding:14px 25px 24px;box-shadow:0 15px 25px #0002;max-height:calc(100vh - 75px);overflow:auto}.nav.open{display:flex}.nav>a,.nav-group>button{padding:14px 0;display:block;text-align:left}.nav-group{width:100%}.dropdown,.nav-group:hover .dropdown{display:block;position:static;box-shadow:none;border:0;padding:0 0 5px 12px}.dropdown a{white-space:normal}.hero-grid{grid-template-columns:1fr;gap:10px;padding:60px 0 50px}.hero-visual{min-height:310px}.hero-visual img{max-width:470px}.hero h1{font-size:3.2rem}.scroll-prompt{display:none}.split,.detail-layout,.contact-grid{grid-template-columns:1fr;gap:25px}.section{padding:65px 0}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.footer-columns{grid-template-columns:repeat(2,1fr)}.catalog-layout{grid-template-columns:1fr}.filter-panel{position:static}.stat-grid{grid-template-columns:repeat(2,1fr)}.cta-band .container{align-items:start;flex-direction:column}}@media(max-width:520px){.container{width:calc(100% - 32px)}.logo-text{font-size:1.12rem}.logo-symbol{width:33px;height:38px}.hero h1{font-size:2.65rem}.hero-stats{gap:24px}.hero-visual{min-height:250px}.annotation{display:none}.category-grid,.range-grid,.product-grid,.footer-columns,.form-grid{grid-template-columns:1fr}.section-head{display:block}.feature-art{min-height:280px}.form-grid .full{grid-column:auto}.page-hero{padding:65px 0}.stats-dark{padding:35px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* --- BRAND UPDATE V2: red, teal, black — */
:root{--navy:#101d24;--navy2:#123743;--ink:#1a2b32;--muted:#63727a;--orange:#cb1e2a;--line:#dae6e7;--mist:#f3f8f8;--teal:#18b8ba;--deepred:#9e1221;--container:1270px}
body{background:#fff;color:var(--ink)}::selection{background:#bdebea;color:#15272e}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.topbar{background:linear-gradient(102deg,#921826,#ca2430 49%,#0e868e 100%);color:#fff;font-weight:700;letter-spacing:.03em}.topbar a{color:#fff}
.header{box-shadow:0 3px 25px #09262b10;border-bottom:1px solid #dfe9e8}.header-inner{gap:18px;min-height:95px;height:auto;padding:9px 0}.logo{gap:11px;align-items:center;max-width:340px;min-width:0}.logo-mark{height:73px;width:74px;object-fit:contain;display:block;flex:none;box-shadow:0 3px 12px #0001;border-radius:2px}.brand-words{display:flex;flex-direction:column;min-width:0;color:#101316;line-height:1.17}.brand-words strong{font:800 clamp(1rem,1.3vw,1.36rem)/1.12 Manrope,Arial,sans-serif;letter-spacing:-.045em;white-space:nowrap}.brand-subline{font:800 .83rem/1.45 Manrope,Arial,sans-serif;letter-spacing:.06em;color:#1c2529}.brand-subline em{font-style:normal;color:var(--orange);margin-left:8px;font-size:.76rem}.brand-words small{font:italic 500 .72rem/1.3 'DM Sans',sans-serif;letter-spacing:0;color:#51636b;white-space:nowrap}.brand-words small b{color:var(--orange);font-weight:800}.footer .brand-words strong,.footer .brand-subline{color:white}.footer .brand-words small{color:#c5d7dc}.nav{gap:clamp(9px,1.12vw,18px);font-size:.76rem}.nav-group>button{font-size:inherit}.nav>a,.nav-group>button{white-space:nowrap}.nav-cta{padding:12px 15px;font-size:.76rem}.nav a:hover,.nav a.active{color:var(--deepred)}.dropdown{border-top:3px solid var(--teal)}.dropdown a:hover{background:#e7f5f5;color:#a91d27}
.btn{border-radius:7px}.btn-primary{background:linear-gradient(105deg,#a91325,#d92230);box-shadow:0 8px 20px #ae19262a}.btn-primary:hover{background:linear-gradient(105deg,#c6192b,#a00f24)}.btn-outline{border-color:#97b3b6}.eyebrow{color:var(--orange)}
.hero{background:radial-gradient(ellipse at 82% 39%,#16525b 0,transparent 38%),linear-gradient(112deg,#0f1c25 0%,#142832 59%,#153a40 100%)}.hero:before{background:linear-gradient(90deg,transparent 97%,#4fd0d30a 98%),linear-gradient(transparent 97%,#4fd0d30a 98%);background-size:49px 49px;opacity:.7}.hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,#bb1a2a 0%,#e83a39 36%,#17babc 100%)}.hero-grid{min-height:695px;grid-template-columns: .96fr 1.04fr;gap:15px}.hero h1{font-size:clamp(3.1rem,5.5vw,5.55rem);line-height:1.06;letter-spacing:-.056em}.brand-highlight{color:#ff5860;font-style:normal}.hero-outline{color:#7edfe2}.hero p{font-size:1.02rem;color:#c5d6d8}.hero .eyebrow{color:#75e2df}.hero-stats{border-top:1px solid #ffffff26;padding-top:24px;gap:45px}.hero-stat strong{font-size:2.05rem}.hero-stat small{color:#c0d3d5}.hero-visual{min-height:560px;isolation:isolate}.hero-visual img{animation:none}.hero-product-stage{width:100%;height:510px;position:relative;display:grid;place-items:center;transform-style:preserve-3d;will-change:transform;transition:transform .18s ease-out}.hero-radiator{width:117%!important;max-width:none!important;position:relative;z-index:3;filter:drop-shadow(0 36px 21px #0009) drop-shadow(0 0 23px #9bdfe027);animation:product-float 6s ease-in-out infinite!important;transform-origin:50% 50%}.stage-halo{position:absolute;inset:8% 9%;border:1px solid #66d1d438;border-radius:50%;box-shadow:0 0 85px #3fcbd418, inset 0 0 100px #59c6ca15;transform:rotate(-20deg)}.stage-halo:after{content:'';position:absolute;inset:11%;border:1px dashed #c7eaea2c;border-radius:50%;animation:spin 40s linear infinite}.hero-visual-orbit{position:absolute;border:1px solid #5fd5d731;border-radius:50%;aspect-ratio:1;width:83%;z-index:-1}.orbit-1{transform:rotateX(73deg) rotateZ(-22deg);box-shadow:0 0 55px #49ccce18}.orbit-2{width:67%;transform:rotateY(70deg) rotateZ(35deg);border-color:#fa6d7037}.product-scan{position:absolute;inset:6% 0;z-index:4;pointer-events:none;mix-blend-mode:screen;clip-path:inset(0 0 0 0)}.product-scan:after{content:'';position:absolute;height:2px;left:10%;right:10%;top:0;background:linear-gradient(90deg,transparent,#46fcf7aa,#fdfefe,transparent);box-shadow:0 0 30px 5px #11bdbb36;animation:scan 7s ease-in-out infinite alternate}.hero-tech-label{z-index:7;position:absolute;display:flex;gap:9px;align-items:start;letter-spacing:.07em;color:#edfafa;font-size:.68rem;line-height:1.5}.hero-tech-label b{font-size:.58rem;padding:5px 7px;border:1px solid #66bfc2;color:#9ce9e5}.hero-tech-label span{padding-left:10px;border-left:1px solid #6dcacc}.hero-tech-label small{color:#7cbec2;font-size:.57rem}.label-a{top:11%;right:0}.label-b{bottom:15%;left:-4%}.hero-product-caption{position:absolute;bottom:7%;right:5%;z-index:7;font-size:.57rem;color:#9aced0;letter-spacing:.16em}.live-dot{display:inline-block;width:7px;height:7px;background:#61d5d3;border-radius:50%;box-shadow:0 0 0 6px #61d5d318;vertical-align:middle;margin-right:6px;animation:pulse 2s infinite}
.pale{background:linear-gradient(160deg,#f6faf9,#e9f4f3)}.category-card{border-top:3px solid transparent;border-radius:8px;box-shadow:0 4px 20px #0a333a0b}.category-card:hover{border-top-color:#15baba}.category-card:before{content:'';position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg,var(--orange),var(--teal));transform:scaleX(0);transform-origin:left;transition:transform .3s}.category-card:hover:before{transform:scaleX(1)}.range-card{border-radius:10px;box-shadow:0 5px 20px #071c2410}.range-thumb{background:radial-gradient(ellipse at 50% 40%,#fff 0,#e7f3f3 55%,#d1e5e7 100%);position:relative;overflow:hidden}.range-thumb:before{content:'';position:absolute;width:80%;height:32%;border-radius:50%;background:#18262d12;filter:blur(15px);bottom:-18%;left:10%}.range-thumb img{position:relative;z-index:1;object-fit:contain;filter:drop-shadow(0 10px 9px #0003)}.feature-art{background:radial-gradient(circle at center,#ffffff,#d5e9e9)}.feature-art img{max-width:95%;height:auto;filter:drop-shadow(0 25px 12px #17313b35)}.stats-dark{background:linear-gradient(110deg,#15262c,#063d44)}.cta-band{background:linear-gradient(100deg,#aa1926 0%,#c92530 55%,#12878d 120%)}.footer{background:linear-gradient(128deg,#121e26,#082b32);border-top:4px solid #be1d2d}.footer .logo{max-width:350px}.footer .logo-mark{height:66px;width:67px}.footer .brand-words strong{font-size:1.13rem}.footer a:hover{color:#76ebea}.checks li:before{color:#13acae}.product-body .chip,.range-card .copy small,.range-card .text-link{color:#c31f2a}.filter-panel input[type=checkbox]{accent-color:var(--orange)}.pagination button.current{background:var(--orange)}
/* Rich photographic page banners */
.page-hero-photo{position:relative;isolation:isolate;overflow:hidden;min-height:360px;padding:72px 0 74px;background:#15363b;display:flex;align-items:center}.page-hero-photo:before{content:'';position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(13,24,30,.94),rgba(14,39,47,.75) 53%,rgba(11,47,51,.52)),var(--banner-photo);background-size:cover;background-position:center 52%;transform:scale(1.06);animation:banner-cinematic 15s ease-out both}.page-hero-photo:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#071c2490,transparent 52%),linear-gradient(90deg,transparent 0,rgba(17,193,188,.10));pointer-events:none}.page-hero-photo .container{position:relative;z-index:2;width:min(var(--container),calc(100% - 44px))}.page-hero-photo h1{font-size:clamp(2.5rem,4.1vw,4.8rem);max-width:800px;line-height:1.08;margin:14px 0 12px;text-shadow:0 3px 15px #0002}.page-hero-photo p{font-size:1.05rem;color:#d5e7e6;max-width:700px}.page-hero-photo .breadcrumb{color:#bad3d5}.page-hero-photo .breadcrumb a:hover{color:#70e8e3}.banner-kicker{display:inline-block;margin-top:30px;border-left:3px solid var(--teal);padding:4px 0 4px 11px;font-size:.66rem;color:#97e8e6;font-weight:800;letter-spacing:.18em}.page-hero-photo.has-banner-product h1,.page-hero-photo.has-banner-product p{max-width:670px}.banner-product{position:absolute;right:max(4vw,45px);top:-35px;width:min(40%,520px);height:calc(100% + 70px);object-fit:contain;opacity:.9;filter:drop-shadow(0 30px 20px #0009) saturate(.95);animation:banner-product-in 1.1s ease-out both;pointer-events:none;z-index:1}.page-hero-photo.has-banner-product:before{background-image:linear-gradient(90deg,rgba(13,24,30,.95),rgba(14,39,47,.87) 52%,rgba(11,43,49,.65)),var(--banner-photo)}
@keyframes product-float{0%,100%{transform:translateY(0) rotate(-.7deg) scale(1)}50%{transform:translateY(-15px) rotate(.7deg) scale(1.015)}}@keyframes scan{0%{top:8%;opacity:0}25%{opacity:1}100%{top:91%;opacity:.15}}@keyframes pulse{50%{box-shadow:0 0 0 12px #61d5d300}}@keyframes banner-cinematic{from{transform:scale(1.14)}to{transform:scale(1.03)}}@keyframes banner-product-in{from{transform:translateX(90px) rotate(5deg);opacity:0}to{transform:none;opacity:.95}}
@media(max-width:1380px){.header-inner{gap:12px}.nav{gap:10px}.logo-mark{width:61px;height:64px}.brand-words strong{font-size:1.07rem}.brand-words small{font-size:.63rem}.nav-cta{display:none}}
@media(max-width:1100px){.header-inner{height:82px}.nav{font-size:.74rem;gap:9px}.logo{gap:8px}.logo-mark{width:56px;height:59px}.brand-words strong{font-size:.95rem}.brand-words small{font-size:.59rem}.hero-grid{min-height:620px}.hero-visual{min-height:440px}.hero-product-stage{height:420px}}
@media(max-width:920px){.header-inner{min-height:75px}.mobile-toggle{display:block}.nav{display:none;top:100%;max-height:calc(100vh - 75px)}.nav.open{display:flex}.logo-mark{height:56px;width:57px}.brand-words strong{font-size:1.1rem}.brand-words small{font-size:.63rem}.banner-product{opacity:.48!important;right:-25px;width:49%}.page-hero-photo.has-banner-product .container{max-width:100%}}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr;min-height:auto;gap:5px}.hero-visual{min-height:370px}.hero-product-stage{height:355px}.hero-radiator{width:95%!important}.hero h1{max-width:750px}.hero-tech-label{font-size:.55rem}.page-hero-photo{min-height:320px}.page-hero-photo h1{max-width:90%}}
@media(max-width:520px){.header-inner{min-height:68px;padding:7px 0}.logo-mark{height:50px;width:52px}.brand-words strong{font-size:.86rem;white-space:normal}.brand-subline{font-size:.69rem}.brand-words small{font-size:.51rem;white-space:normal}.topbar{display:none}.hero-grid{padding:55px 0 20px}.hero h1{font-size:clamp(2.55rem,10vw,3.4rem)}.hero-visual{min-height:275px}.hero-product-stage{height:270px}.hero-radiator{width:117%!important}.hero-tech-label{display:none}.hero-product-caption{bottom:5%;font-size:.42rem}.hero-stats{gap:18px}.hero-stat strong{font-size:1.5rem}.hero-stat small{font-size:.6rem}.banner-product{width:70%;right:-85px;opacity:.25!important}.page-hero-photo{min-height:320px;padding:50px 0}.page-hero-photo .container{width:calc(100% - 32px)}.page-hero-photo h1{font-size:2.5rem;max-width:100%;position:relative;z-index:4}.page-hero-photo p{font-size:.9rem}.footer .brand-words strong{font-size:1rem}.footer .brand-words small{font-size:.62rem}.footer .logo-mark{width:60px;height:60px}}
@media(prefers-reduced-motion:reduce){.hero-radiator,.product-scan:after,.stage-halo:after,.live-dot,.page-hero-photo:before,.banner-product{animation:none!important}.hero-product-stage{transition:none!important}}


/* Revision V3: full original logo and homepage alternating radiator hero */
.logo-image{display:flex;align-items:center;flex:none;max-width:100%}
.logo-full{display:block;height:72px;width:auto;max-width:min(100%,340px)}
.logo-full-footer{height:76px;max-width:min(100%,360px)}
.header-inner{height:92px;gap:18px}
.hero-product-stage.slider-stage{width:100%;height:510px;position:relative;display:grid;place-items:center;transform-style:preserve-3d;will-change:transform;transition:transform .18s ease-out;overflow:visible}
.hero-radiator{animation:none!important}
.hero-radiator-slide{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateY(14px) scale(.97);transform-origin:50% 50%;height:auto;width:auto;max-width:112%;max-height:88%;object-fit:contain;opacity:0;pointer-events:none;filter:drop-shadow(0 36px 21px #0009) drop-shadow(0 0 23px #9bdfe027);transition:opacity .9s ease, transform .9s ease}
.hero-radiator-slide.is-visible{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1);animation:product-float 5.8s ease-in-out infinite!important}
.hero-radiator-slide:nth-of-type(3){max-width:104%;max-height:84%}
.page-hero-photo{background-color:#13343a}
.page-hero-photo:before{background-size:cover;background-position:center center}
.page-hero-photo:after{background:linear-gradient(0deg,#071c24b8,transparent 54%),linear-gradient(90deg,rgba(187,26,42,.14),rgba(22,174,177,.10) 75%,transparent)}
@media(max-width:1380px){.logo-full{height:66px;max-width:290px}.header-inner{gap:12px}}
@media(max-width:1100px){.header-inner{height:84px}.logo-full{height:62px;max-width:270px}.hero-product-stage.slider-stage{height:420px}}
@media(max-width:920px){.logo-full{height:58px;max-width:240px}}
@media(max-width:800px){.hero-product-stage.slider-stage{height:355px}.hero-radiator-slide{max-width:96%;max-height:92%}.hero-radiator-slide:nth-of-type(3){max-width:95%;max-height:84%}}
@media(max-width:520px){.header-inner{min-height:72px;padding:7px 0}.logo-full{height:46px;max-width:190px}.logo-full-footer{height:60px;max-width:240px}.hero-product-stage.slider-stage{height:285px}.hero-radiator-slide{max-width:112%;max-height:86%}.hero-radiator-slide:nth-of-type(3){max-width:108%;max-height:78%}}
@media(prefers-reduced-motion:reduce){.hero-radiator-slide{transition:none!important}.hero-radiator-slide.is-visible{animation:none!important}}

.hero-radiator-tall{max-width:82%;max-height:90%}.hero-radiator-wide{max-width:114%;max-height:78%}
@media(max-width:800px){.hero-radiator-tall{max-width:76%;max-height:90%}.hero-radiator-wide{max-width:98%;max-height:74%}}
@media(max-width:520px){.hero-radiator-tall{max-width:86%;max-height:88%}.hero-radiator-wide{max-width:116%;max-height:68%}}

/* VERSION 4: original supplied Dolphin logo, responsive two-row header and reliable photo carousel */
:root{--orange:#cf2634;--deepred:#9f1428;--teal:#17acb1}
.header{position:sticky;top:0;background:#fff;z-index:50;box-shadow:0 5px 22px rgba(4,22,29,.08);border-bottom:3px solid #c51f30}
.header-inner{height:auto!important;min-height:unset!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'brand cta' 'menu menu';column-gap:16px;row-gap:0;padding:12px 0 0!important;align-items:center}
.header .logo-original-lockup{grid-area:brand;display:flex;align-items:center;gap:16px;min-width:0;max-width:100%;text-decoration:none}
.original-emblem{display:block;flex-shrink:0;width:68px;height:76px;object-fit:contain;background:white}
.company-lockup{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.company-lockup strong{font-family:Manrope,'DM Sans',Arial,sans-serif;font-size:clamp(17px,1.75vw,24px);font-weight:850;color:#141a20;letter-spacing:-.045em;white-space:nowrap}
.company-region{font-size:11px;letter-spacing:.19em;font-weight:900;color:#bd1b2e;margin:4px 0 3px}
.company-lockup small{font-size:10px;font-weight:600;letter-spacing:.005em;color:#5b6971}
.header .nav-cta{grid-area:cta!important;display:inline-flex!important;border-radius:4px;padding:13px 20px;font-size:12px;letter-spacing:.025em;white-space:nowrap;justify-self:end}
.header .nav{grid-area:menu;position:relative;display:flex;align-items:center;justify-content:flex-start;gap:clamp(17px,2.4vw,36px);width:100%;min-height:53px;max-height:none;border-top:1px solid #e8eef0;margin-top:11px;padding:0 2px;font-size:12px;letter-spacing:.018em;font-weight:800}
.header .nav>a,.header .nav-group>button{height:52px;display:flex;align-items:center;white-space:nowrap}
.header .nav-group{height:52px;display:flex;align-items:center}
.header .nav-group>button{padding:0;background:transparent;border:0;color:#203844;font-weight:800}
.header .nav>a:hover,.header .nav-group>button:hover{color:#bf1e2e}
.header .nav .dropdown{top:calc(100% - 2px);border-top:3px solid #cd2832;z-index:70}
.mobile-toggle{grid-area:toggle}
.footer .logo-original-lockup{display:flex;gap:12px;align-items:center;max-width:365px!important}
.footer .original-emblem{width:60px;height:68px}
.footer .company-lockup strong{color:white;font-size:16px;white-space:normal}
.footer .company-region{font-size:9px;color:#fa6474}
.footer .company-lockup small{font-size:9px;color:#c3d2d7}
/* Purposeful photographic homepage instead of 3D transforms and synthetic renders */
.hero{background:radial-gradient(ellipse at 78% 35%,#24636b 0,transparent 44%),linear-gradient(115deg,#101b25 0%,#102b37 67%,#15363e 100%)}
.hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:625px;gap:clamp(25px,3vw,55px);padding:50px 0}
.hero h1{font-size:clamp(3.15rem,5.0vw,5.45rem)}
.hero-visual-photos{display:flex!important;align-items:center;justify-content:center;min-height:520px;overflow:visible;isolation:auto}
.radiator-showcase{position:relative;max-width:640px;width:100%;isolation:isolate}
.radiator-showcase:before{content:'';position:absolute;inset:-13px -13px 16px 14px;z-index:-1;border:1px solid rgba(104,215,215,.25);border-radius:22px;pointer-events:none}
.showcase-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:#bce7e4;text-align:right;margin-bottom:14px}
.radiator-stage{position:relative;aspect-ratio:1.38/1;background:#e9eaec;overflow:hidden;display:block;border-radius:18px;box-shadow:0 30px 70px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.45)}
.radiator-slide{position:absolute;inset:0;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s;display:flex;align-items:center;justify-content:center}
.radiator-slide.active{opacity:1;visibility:visible;transition:opacity .9s ease;z-index:2}
.radiator-float{display:flex;align-items:center;justify-content:center;width:100%;height:100%;will-change:transform}
.radiator-slide.active .radiator-float{animation:radiator-bob 5.2s ease-in-out infinite}
.supplied-radiator-photo{display:block;position:static!important;max-width:none!important;width:100%!important;height:100%!important;object-fit:contain;object-position:center;transform:none!important;animation:none!important;filter:none!important;opacity:1!important}
@keyframes radiator-bob{0%,100%{transform:translate3d(0,3px,0)}50%{transform:translate3d(0,-10px,0)}}
.showcase-info{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:17px 2px 4px;color:#efffff}
.showcase-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.showcase-indicator{color:#8ad5d6;font-weight:800;font-size:10px;letter-spacing:.16em}
.showcase-title{font-family:Manrope,Arial,sans-serif;font-size:17px;font-weight:800}
.showcase-subtitle{font-size:11px;color:#adcdd0;max-width:440px;line-height:1.5}
.showcase-controls{display:flex;gap:9px;align-self:center}
.showcase-dot{height:30px;width:36px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;padding:0}
.showcase-dot span{display:block;height:5px;width:28px;background:#5d7c87;border-radius:10px;transition:background .3s,transform .3s}
.showcase-dot.is-current span{background:#f4505e;transform:scaleX(1.2)}
.hero-tech-label,.hero-product-caption,.hero-visual-orbit{display:none!important}
/* Keep all subpage banners distinct and readable */
.page-hero-photo:before{background-image:linear-gradient(90deg,rgba(11,22,30,.88) 0%,rgba(10,27,34,.65) 48%,rgba(9,26,33,.18) 100%),var(--banner-photo)!important;background-position:center!important;background-size:cover!important}
.page-hero-photo.has-banner-product:before{background-image:linear-gradient(90deg,rgba(11,22,30,.88) 0%,rgba(10,27,34,.65) 48%,rgba(9,26,33,.18) 100%),var(--banner-photo)!important}
@media(max-width:1160px){.header .nav{gap:19px}.header .nav-cta{display:none!important}.header-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'brand toggle' 'menu menu'}}
@media(max-width:960px){
 .header-inner{grid-template-areas:'brand toggle';padding:8px 0!important;min-height:76px!important}
 .header .logo-original-lockup{gap:11px}.original-emblem{width:57px;height:62px}.company-lockup strong{font-size:20px}
 .mobile-toggle{display:block!important;grid-area:toggle;justify-self:end;position:relative;z-index:81}
 .header .nav{grid-area:unset;display:none;position:absolute;top:100%;left:0;right:0;width:100%;background:#fff;max-height:calc(100vh - 72px);overflow:auto;flex-direction:column;align-items:stretch;gap:0;padding:9px max(20px,calc((100vw - 1190px)/2)) 20px;box-shadow:0 20px 35px #0002;margin:0;border-top:2px solid #c42334}
 .header .nav.open{display:flex}
 .header .nav>a,.header .nav-group>button{height:auto;min-height:43px;padding:9px 0;text-align:left;width:100%;font-size:13px}
 .header .nav-group{height:auto;display:block;width:100%;border-bottom:1px solid #eef1f3}
 .header .nav .dropdown{position:static;display:none;box-shadow:none;border:0;border-left:2px solid #b92534;border-radius:0;padding:0 0 9px 12px;min-width:0}
 .header .nav-group.open .dropdown{display:block}
 .header .nav-group.open>button{color:#c82234}
 .hero-grid{grid-template-columns:minmax(0,1fr);gap:18px;min-height:0;padding:54px 0}
 .hero-visual-photos{min-height:unset}
 .radiator-showcase{max-width:700px;margin-inline:auto}
}
@media(max-width:560px){
 .header-inner{min-height:70px!important}
 .header .logo-original-lockup{gap:7px}
 .original-emblem{width:49px;height:56px}
 .company-lockup strong{font-size:clamp(13px,3.7vw,17px);white-space:normal}
 .company-region{font-size:9px;letter-spacing:.10em;margin:2px 0}
 .company-lockup small{font-size:8px;line-height:1.25}
 .hero-grid{padding:38px 0 44px}
 .hero-visual-photos{margin-top:15px}
 .radiator-showcase:before{display:none}
 .showcase-eyebrow{font-size:8px;margin-bottom:9px;text-align:left}
 .radiator-stage{border-radius:12px;aspect-ratio:1.25/1}
 .showcase-info{gap:10px;padding-top:13px}
 .showcase-title{font-size:14px}
 .showcase-subtitle{font-size:10px}
 .showcase-dot{width:27px}.showcase-dot span{width:20px}
 .footer .original-emblem{width:55px;height:61px}
 .footer .company-lockup strong{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.radiator-slide{transition:none!important}.radiator-slide.active .radiator-float{animation:none!important}}
@media(min-width:961px) and (max-width:1160px){.header-inner{grid-template-areas:'brand cta' 'menu menu'}.header .nav-cta{display:inline-flex!important}.header .nav{gap:19px}}


/* Version 5: original product cutouts with truly transparent backgrounds. */
.radiator-showcase:before{display:none!important}
.radiator-showcase .radiator-stage{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.radiator-showcase .supplied-radiator-photo{
  background:transparent!important;
  filter:drop-shadow(0 22px 18px rgba(0,0,0,.36))!important;
}


/* V6 targeted correction: every INNER PAGE hero has its own bright, visible product / industrial photo.
   Homepage and its radiator slider intentionally remain untouched. */
.page-hero-photo{position:relative;isolation:isolate;overflow:hidden;background-color:#15313d}
.page-hero-photo::before,.page-hero-photo::after{display:none!important}
.page-hero-photo > img.page-hero-visible-photo{
  display:block!important;position:absolute!important;inset:0!important;z-index:0!important;
  width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
  object-fit:cover!important;object-position:center!important;opacity:1!important;
  pointer-events:none!important;animation:banner-v6-in 10s ease-out both;
}
.page-hero-photo > .container{position:relative!important;z-index:3!important}
.page-hero-photo > .banner-product{display:none!important}
@keyframes banner-v6-in{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(max-width:740px){
 .page-hero-photo > img.page-hero-visible-photo{object-position:65% center!important}
 .page-hero-photo .container{background:linear-gradient(90deg,rgba(6,19,27,.16),transparent)}
}
@media(prefers-reduced-motion:reduce){.page-hero-photo > img.page-hero-visible-photo{animation:none!important}}


/* V7 — cinematic hero, photo banners, SEO/a11y helpers */
.skip-link{position:absolute;left:12px;top:-60px;z-index:200;background:#cb1f2b;color:#fff;padding:10px 16px;border-radius:4px;font-weight:800;font-size:.85rem}
.skip-link:focus{top:12px}
.range-thumb picture,.detail-img picture,.feature-art picture{display:contents}
.range-thumb img,.detail-img img,.feature-art img{object-fit:contain;filter:drop-shadow(0 18px 16px rgba(10,30,40,.22))}
.range-thumb img{height:170px!important;width:auto!important;max-width:90%;object-fit:contain}
.detail-img img,.feature-art img{width:auto!important;height:auto;max-width:84%;max-height:360px}
/* hero intro */
.hero:after{content:'';position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(closest-side,rgba(80,200,210,.16),transparent 70%) no-repeat;background-size:55% 60%;background-position:78% 40%;animation:hero-glow 14s ease-in-out infinite alternate}
/*glow*/.hero>.container{z-index:1}
@keyframes hero-glow{to{background-position:70% 58%}}
.hero-title .line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.hero-title .line>span{display:inline-block;animation:hero-line 1.15s cubic-bezier(.16,1,.3,1) both}
.hero-title .line:nth-child(2)>span{animation-delay:.16s}
@keyframes hero-line{from{transform:translateY(108%)}to{transform:none}}
.hero .hero-in{animation:hero-up .9s cubic-bezier(.16,1,.3,1) both}
.hero .eyebrow.hero-in{animation-delay:0s}.hero p.hero-in{animation-delay:.38s}.hero .hero-actions.hero-in{animation-delay:.5s}.hero .hero-stats.hero-in{animation-delay:.62s}
@keyframes hero-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.hero .radiator-showcase{animation:hero-stage 1.4s cubic-bezier(.16,1,.3,1) .2s both}
@keyframes hero-stage{from{opacity:0;transform:translateX(60px) scale(.94)}to{opacity:1;transform:none}}
/* slides with depth */
.hero .radiator-stage{perspective:1400px;perspective-origin:50% 45%}
.hero .radiator-slide{transform:translate3d(18%,0,-280px) rotateY(-24deg);filter:blur(6px);transition:opacity .9s ease,transform 1.3s cubic-bezier(.16,1,.3,1),filter .9s ease,visibility 0s linear 1.3s}
.hero .radiator-slide.active{transform:none;filter:none;transition:opacity 1s ease .18s,transform 1.45s cubic-bezier(.16,1,.3,1) .12s,filter 1s ease .18s}
.hero .radiator-slide.leaving{visibility:visible;opacity:0;transform:translate3d(-16%,0,-340px) rotateY(20deg);filter:blur(5px);transition:opacity .8s ease,transform 1.1s cubic-bezier(.6,0,.8,.3),filter .8s ease}
.hero .radiator-float{position:relative}
.hero .radiator-float picture{display:block;width:100%;height:100%}
.radiator-sweep{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.55) 49%,rgba(170,235,245,.3) 52%,transparent 60%) no-repeat;background-size:260% 100%;background-position:120% 0;mix-blend-mode:screen;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:.9}
.radiator-slide.active .radiator-sweep{animation:fin-sweep 4.8s ease-in-out 1.1s infinite}
@keyframes fin-sweep{0%{background-position:120% 0}45%,100%{background-position:-20% 0}}
.radiator-shadow{position:absolute;left:20%;right:20%;bottom:-3%;height:8%;background:radial-gradient(closest-side,rgba(0,0,0,.5),transparent);z-index:-1;animation:radiator-shadow 5.2s ease-in-out infinite}
@keyframes radiator-shadow{0%,100%{transform:scaleX(1);opacity:.9}50%{transform:scaleX(.86);opacity:.6}}
.showcase-copy{transition:opacity .35s ease,transform .35s ease}
.showcase-copy.swap{opacity:0;transform:translateY(8px)}
.showcase-dot span{position:relative;overflow:hidden}
.showcase-dot.is-current span{background:#5d7c87}
.showcase-dot span:after{content:'';position:absolute;inset:0;background:#f4505e;transform:scaleX(0);transform-origin:left;border-radius:inherit}
.showcase-dot.is-current span:after{animation:dot-progress 4.8s linear forwards}
@keyframes dot-progress{to{transform:scaleX(1)}}
/* subpage photo banners */
.page-banner-v7{min-height:clamp(330px,33vw,480px);display:flex;align-items:center;background-color:#08131b}
.page-banner-v7 > img.page-hero-visible-photo{object-position:70% center!important;animation:banner-v7-in 12s ease-out both}
@keyframes banner-v7-in{from{transform:scale(1.07)}to{transform:scale(1)}}
.page-banner-v7 .banner-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,12,18,.94) 0%,rgba(5,12,18,.8) 36%,rgba(5,12,18,.38) 68%,rgba(5,12,18,.12) 100%),linear-gradient(0deg,rgba(5,12,18,.65),transparent 45%)}
.page-banner-v7 > .container>*{animation:hero-up .9s cubic-bezier(.16,1,.3,1) both}
.page-banner-v7 > .container>*:nth-child(2){animation-delay:.08s}.page-banner-v7 > .container>*:nth-child(3){animation-delay:.16s}.page-banner-v7 > .container>*:nth-child(4){animation-delay:.26s}
.page-banner-v7 h1{color:#fff;text-wrap:balance}.page-banner-v7 p{color:#c9d8df}
@media(max-width:740px){.page-banner-v7 .banner-overlay{background:linear-gradient(90deg,rgba(5,12,18,.92),rgba(5,12,18,.7))}.page-banner-v7 .container{background:none!important}}
@media(prefers-reduced-motion:reduce){.hero *,.hero:after,.page-banner-v7 *{animation:none!important;transition:none!important}.hero .radiator-slide{transform:none;filter:none}.showcase-dot.is-current span{background:#f4505e}}

.product-image{overflow:hidden;display:grid;place-items:center}
.product-image img{width:auto!important;height:170px!important;max-width:88%;object-fit:contain;filter:drop-shadow(0 14px 12px rgba(10,30,40,.2))}
.dialog img,.quick-view img,[class*="modal"] img{height:auto!important;max-height:320px;object-fit:contain}

/* V8 product detail + enquiry modal */
.product-body h3 a:hover{color:#c31f2a}
.product-actions{display:grid;grid-template-columns:1fr auto;gap:8px}
.product-actions .btn{width:auto;padding:10px 14px}
a.product-image{display:grid}
.pd-crumbs{background:var(--mist);border-bottom:1px solid var(--line);padding:16px 0;font-size:.8rem;color:var(--muted)}
.pd-crumbs a{color:var(--ink);font-weight:700}.pd-crumbs a:hover{color:#c31f2a}
.pd-section{padding-top:44px}
.pd-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;align-items:start}
.pd-cats ul{list-style:none;margin:0;padding:0}
.pd-cats li a{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:.86rem;color:#495d68}
.pd-cats li a span{color:var(--muted)}
.pd-cats li a:hover,.pd-cats li a[aria-current]{color:#c31f2a;font-weight:700}
.pd-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.pd-media{margin:0;border:1px solid var(--line);height:380px;display:grid;place-items:center;background:radial-gradient(circle,#fff,#e8eff2)}
.pd-media img{width:auto;height:auto;max-width:86%;max-height:320px;object-fit:contain;filter:drop-shadow(0 18px 16px rgba(10,30,40,.22))}
.pd-info .chip{color:#c31f2a;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.pd-info h1{font-size:clamp(1.7rem,2.6vw,2.4rem);margin:.3em 0 .6em;text-wrap:balance}
.pd-keys{margin:0 0 26px;border-top:1px solid var(--line)}
.pd-keys div{display:grid;grid-template-columns:140px 1fr;padding:12px 0;border-bottom:1px solid var(--line)}
.pd-keys dt{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:800}
.pd-keys dd{margin:0;font-weight:800;color:var(--ink)}
.pd-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.pd-specs{margin-top:44px;border:1px solid var(--line);padding:26px 28px}
.pd-specs h2{font-size:1.35rem;margin:0 0 14px}
.spec-table{width:100%;border-collapse:collapse;font-size:.88rem}
.spec-table th,.spec-table td{text-align:left;padding:12px 14px;border-top:1px solid var(--line)}
.spec-table tr:nth-child(odd){background:var(--mist)}
.spec-table th{width:34%;font-weight:800;color:var(--ink)}
.spec-table td{color:#495d68}
.enquiry-dialog{border:0;border-radius:10px;padding:30px;max-width:620px;width:calc(100% - 28px);max-height:calc(100vh - 28px);overflow:auto;box-shadow:0 30px 80px #0006}
.enquiry-dialog::backdrop{background:rgba(5,15,22,.62)}
.enquiry-dialog h2{font-size:1.6rem;margin:.2em 0 .6em}
.enq-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px;line-height:1;color:var(--muted)}
.enq-close:hover{color:#c31f2a}
.enq-product{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);background:var(--mist);margin-bottom:20px}
.enq-product img{width:72px;height:72px;object-fit:contain;flex:none}
.enq-product strong{display:block;font-size:.92rem}
.enq-product small{font-size:.76rem;color:var(--muted)}
.enq-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.enq-form .full{grid-column:1/-1}
.enq-form label{display:flex;flex-direction:column;gap:6px;font-size:.76rem;font-weight:800;color:var(--ink)}
.enq-form input,.enq-form textarea{font-weight:400;padding:12px;border:1px solid var(--line);border-radius:4px;font-size:.9rem;width:100%}
.enq-form input:focus,.enq-form textarea:focus{outline:2px solid #c31f2a;outline-offset:1px;border-color:transparent}
.enq-error{color:#c31f2a;font-size:.8rem;margin:0;min-height:0}
.enq-error:empty{display:none}
.enq-note{color:var(--muted);font-size:.72rem}.enq-note a{text-decoration:underline}
@media(max-width:960px){.pd-layout{grid-template-columns:1fr}.pd-cats{order:2}.pd-top{grid-template-columns:1fr;gap:26px}.pd-media{height:300px}.pd-media img{max-height:250px}}
@media(max-width:560px){.enq-form{grid-template-columns:1fr}.enq-form .full{grid-column:auto}.enquiry-dialog{padding:22px}.pd-specs{padding:18px}.spec-table th,.spec-table td{padding:10px}}

.pd-crumbs .breadcrumb,.pd-crumbs .breadcrumb span{color:#4f6470}
.pd-crumbs .breadcrumb a{color:var(--ink)}
.pd-crumbs .breadcrumb a:hover{color:#c31f2a}

/* V9 header search + social */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.topbar .container>span:last-child{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.topbar-social,.social-links{display:inline-flex;gap:8px;align-items:center}
.topbar-social{margin-left:14px;padding-left:14px;border-left:1px solid rgba(255,255,255,.35)}
.topbar-social a,.social-links a{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.45);transition:background .2s,color .2s,border-color .2s}
.topbar-social a:hover{background:#fff;color:#c51f30!important;border-color:#fff}
.nav-social{display:none}
.header-inner{grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-areas:'brand search cta' 'menu menu menu'!important}
.header .nav{grid-column:1/-1}
.header-search{grid-area:search;position:relative;justify-self:end;width:min(100%,430px);display:flex;align-items:center;height:46px;background:#f3f6f7;border:1px solid #dbe4e8;border-radius:4px;transition:border-color .2s,background .2s,box-shadow .2s}
.header-search:focus-within{background:#fff;border-color:#c51f30;box-shadow:0 0 0 3px rgba(197,31,48,.12)}
.hs-icon{display:grid;place-items:center;width:42px;color:#6a7d87;flex:none}
.header-search input{flex:1;min-width:0;height:100%;border:0;background:transparent;font-size:.86rem;color:var(--ink);outline:none;padding:0 6px 0 0}
.header-search input::placeholder{color:#7d8e97}
.header-search input::-webkit-search-cancel-button{cursor:pointer}
.hs-submit{height:36px;margin-right:4px;padding:0 16px;border:0;border-radius:3px;background:#1a2f3b;color:#fff;font-weight:800;font-size:.74rem;letter-spacing:.04em;transition:background .2s}
.hs-submit:hover{background:#c51f30}
.header-search.is-loading .hs-icon svg{animation:hs-pulse .8s ease-in-out infinite alternate}
@keyframes hs-pulse{to{opacity:.3}}
.hs-results{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:95;background:#fff;border:1px solid #dbe4e8;border-top:3px solid #c51f30;box-shadow:0 22px 45px rgba(4,22,29,.18);max-height:420px;overflow:auto}
.hs-item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid #eef2f4}
.hs-item img{width:48px;height:48px;object-fit:contain;background:#f3f6f7}
.hs-item strong{display:block;font-size:.83rem;line-height:1.35;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hs-item small{font-size:.72rem;color:var(--muted)}
.hs-item:hover,.hs-item[aria-selected=true]{background:#fbf1f2}
.hs-item:hover strong,.hs-item[aria-selected=true] strong{color:#c51f30}
.hs-all{display:block;padding:12px 14px;font-size:.78rem;font-weight:800;color:#c51f30;background:#f8fafb}
.hs-all:hover{text-decoration:underline}
.hs-empty{padding:16px 14px;font-size:.82rem;color:var(--muted)}.hs-empty a{color:#c51f30;font-weight:800}
.search-toggle{display:none;grid-area:stoggle;width:44px;height:44px;border:1px solid #dbe4e8;border-radius:4px;background:#fff;color:#203844;place-items:center}
.search-toggle:hover,.header.search-open .search-toggle{color:#c51f30;border-color:#c51f30}
@media(max-width:1160px) and (min-width:961px){.header-search{width:min(100%,340px)}}
@media(max-width:960px){
 .header-inner{grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-areas:'brand stoggle toggle' 'search search search'!important;column-gap:8px!important}
 .search-toggle{display:grid}
 .header-search{display:none;width:100%;justify-self:stretch;margin:4px 0 10px}
 .header.search-open .header-search{display:flex}
 .header .nav-cta{display:none!important}
 .nav-social{display:flex;align-items:center;justify-content:space-between;padding:16px 0 4px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
 .nav-social .social-links a{width:38px;height:38px;border-color:#dbe4e8;color:#203844}
 .nav-social .social-links a:hover{color:#fff;background:#c51f30;border-color:#c51f30}
}
@media(max-width:560px){.hs-submit{display:none}.header-search{height:46px}.hs-results{max-height:60vh}}

.range-thumb.range-thumb-photo{display:block;overflow:hidden}
.range-thumb.range-thumb-photo img{width:100%!important;height:100%!important;max-width:none;max-height:none;object-fit:cover;filter:none;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.range-card:hover .range-thumb-photo img{transform:scale(1.05)}

.director-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:clamp(32px,5vw,70px);align-items:start;max-width:1040px}
.director-photo{margin:0;position:sticky;top:180px}
.director-photo img{display:block;width:100%;height:auto;aspect-ratio:256/300;object-fit:cover;border:1px solid var(--line);box-shadow:18px 18px 0 -1px #eaf1f3,18px 18px 0 0 #d6e2e7}
.director-photo figcaption{margin-top:30px;padding-left:14px;border-left:3px solid #c51f30;display:flex;flex-direction:column;gap:3px}
.director-photo figcaption strong{font-family:Manrope,Arial,sans-serif;font-size:1.05rem;color:var(--ink)}
.director-photo figcaption span{font-size:.8rem;color:var(--muted)}
.director-message h2{margin-top:.2em}
@media(max-width:760px){.director-layout{grid-template-columns:1fr}.director-photo{position:static;max-width:240px}}

.pagination{flex-wrap:wrap!important;gap:6px;justify-content:center;max-width:100%}
.pagination button:disabled{opacity:.4;cursor:default}
.pg-gap{align-self:center;padding:0 4px;color:var(--muted)}

.catalog-layout{grid-template-columns:240px minmax(0,1fr)}
.catalog-layout>*{min-width:0}
.catalog-controls{flex-wrap:wrap;gap:12px}
.catalog-controls .search-field{flex:1 1 220px;min-width:0;width:auto}
@media(max-width:960px){.catalog-layout{grid-template-columns:minmax(0,1fr)}}

/* PHP build */
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.filter-list{list-style:none;margin:0;padding:0}
.filter-opt{display:flex;align-items:center;gap:9px;padding:7px 0;color:#495d68;font-size:.83rem}
.filter-opt em{font-style:normal;color:var(--muted);margin-left:auto}
.filter-opt .box{width:15px;height:15px;border:1.5px solid #9fb0b9;border-radius:3px;flex:none;display:grid;place-items:center;transition:background .2s,border-color .2s}
.filter-opt:hover{color:#c31f2a}.filter-opt:hover .box{border-color:#c31f2a}
.filter-opt.is-on{color:#c31f2a;font-weight:800}.filter-opt.is-on .box{background:#c31f2a;border-color:#c31f2a}
.filter-opt.is-on .box:after{content:'';width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.pagination{display:flex;align-items:center}
.pagination a,.pagination span{min-width:40px;height:40px;padding:0 12px;display:inline-grid;place-items:center;border:1px solid var(--line);background:#fff;font-size:.82rem;font-weight:800;color:var(--ink)}
.pagination a:hover{border-color:#c31f2a;color:#c31f2a}
.pagination .current{background:#c31f2a;border-color:#c31f2a;color:#fff}
.pagination .is-disabled{opacity:.4}
.pagination .pg-gap{border:0;background:none;min-width:0;padding:0 2px}
.db-error{border:1px solid #f1c3c7;background:#fff5f6;color:#7a1a22;padding:18px;margin-bottom:18px}

/* product placeholder (no photo yet) */
.product-image img.is-placeholder,.pd-media.is-placeholder img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;filter:none!important;padding:0!important;transform:none}
.product-image:has(img.is-placeholder){padding:0!important;background:#e3edf1;overflow:hidden}
.pd-media.is-placeholder{padding:0!important;overflow:hidden;background:#e3edf1}
.product-card:hover .product-image img.is-placeholder{transform:scale(1.03)}

/* Rich product-page content */
.lead-p{font-size:1.08rem;color:var(--ink);font-weight:600;line-height:1.65}
.detail-layout h2{text-wrap:balance}
.detail-layout p{text-wrap:pretty}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.prose-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,56px)}
.prose-col{border-top:2px solid #13acae;padding-top:22px}
.prose-col p{margin:0;line-height:1.75;text-wrap:pretty}
.prose-num,.feature-num{display:block;font-size:.72rem;letter-spacing:.18em;font-weight:800;color:#c31f2a;margin-bottom:12px}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.feature-item{padding:28px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;transition:background .2s}
.feature-item:hover{background:#f4f8fa}
.feature-item h3{font-size:1.02rem;line-height:1.3;margin:0 0 10px}
.feature-item p{margin:0;font-size:.9rem;line-height:1.65;color:var(--muted);text-wrap:pretty}
.cta-band p+p{margin-top:8px}
@media(max-width:1024px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.prose-cols{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.feature-grid{grid-template-columns:minmax(0,1fr)}}

.prose-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:1201px){.feature-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.feature-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1200px) and (min-width:1025px){.feature-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}}

.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.brand-item{background:#fff;border:1px solid var(--line);border-top:3px solid #13acae;padding:22px 24px}
.brand-item strong{display:block;font-size:1.1rem;margin-bottom:6px;color:var(--ink)}
.brand-item p{margin:0;font-size:.9rem;line-height:1.6;color:var(--muted)}
.brand-note{margin:22px 0 0;font-size:.85rem;color:var(--muted);font-style:italic}
@media(max-width:900px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.brand-grid{grid-template-columns:minmax(0,1fr)}}

/* Why Dolphin panel: full-bleed core photo (image has its own background) */
.feature-art.feature-art-photo{display:block;padding:0;background:#e6eef1}
.feature-art.feature-art-photo img{display:block;width:100%!important;height:100%!important;min-height:280px;max-width:none;max-height:none;object-fit:cover;filter:none}
.feature-art.feature-art-photo:before{z-index:1}