/* RICHTECH ONE — contemporary engineering showroom */
:root,body[data-section="valve"]{--paper:#f4f6f8;--surface:#fff;--surface-2:#eaf0f4;--ink:#122336;--ink-dim:#526171;--ink-faint:#607084;--line:#dbe2e8;--line-strong:#bbc8d2;--brand:#c84916;--brand-2:#ff9d62;--brand-deep:#102131;--accent-ink:#b64112;--grad:linear-gradient(110deg,#b94315,#cc4e19);--grad-text:linear-gradient(110deg,#ffad77,#ffd1b2);--glow:0 10px 25px -16px #b9431555;--radius:8px;--radius-lg:16px;--footer-bg:#102131;--focus:0 0 0 4px #c8491640;--shadow:0 4px 14px -10px #10213130;--shadow-lg:0 22px 60px -25px #10213145;color-scheme:light}
body[data-section="ev"]{--paper:#eef5f4;--surface:#fff;--surface-2:#e0eeeb;--ink:#102b30;--ink-dim:#456168;--ink-faint:#516e72;--line:#cddedb;--line-strong:#a8c6c0;--brand:#087366;--brand-2:#81f2d0;--brand-deep:#0c282d;--accent-ink:#076a5e;--grad:linear-gradient(110deg,#076a5e,#098373);--grad-text:linear-gradient(110deg,#83efcf,#c5fff1);--glow:0 10px 25px -16px #08736655;--focus:0 0 0 4px #08736640;color-scheme:light}
body{font-size:16px;line-height:1.65}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--brand);outline-offset:5px;box-shadow:none}button:disabled{cursor:not-allowed;opacity:.48}h1,h2,.ls-title{line-height:1.35;letter-spacing:-.025em}.wrap{max-width:1280px}section{padding:88px 0;scroll-margin-top:100px}.eyebrow{font-size:.8rem;letter-spacing:.16em}.section-head{padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:30px}.section-head h2{font-size:clamp(1.75rem,2.8vw,2.65rem)}.section-note{font-size:1rem}.site-header{background:#ffffffed;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.header-inner{min-height:82px}.brand-sub{font-size:.75rem}.brand-name b{color:#c84916}.brand{border:0;background:none;color:var(--ink);font:inherit;text-align:left;padding:0}.section-switch{border-radius:10px;padding:5px;background:#edf1f4}.section-switch-thumb{border-radius:6px;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);box-shadow:0 3px 6px #10213120}.section-switch-btn{border-radius:6px;min-height:42px;font-size:.9rem}.header-cart,.header-call,.header-line{min-width:44px;min-height:44px;border-radius:10px}.header-cart:hover{background:var(--surface-2)}
/* Shared interaction language: lift, press, sweep, confirm. */
.btn,.ls-cta{min-height:50px;border-radius:8px;font-size:1rem;font-weight:600;position:relative;overflow:hidden;isolation:isolate;transition:transform .2s,box-shadow .2s,background .2s}.btn-primary,.ls-cta{box-shadow:0 5px 0 -2px #09172525}.btn-primary::after,.ls-cta::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#ffffff28 50%,transparent 70%);transform:translateX(-120%);transition:transform .55s}.btn-primary:hover::after,.ls-cta:hover::after{transform:translateX(120%)}.btn:hover,.ls-cta:hover{transform:translateY(-2px);box-shadow:0 10px 20px -12px #10213170}.btn:active,.ls-cta:active,.header-cart:active,.option-chip:active{transform:translateY(1px) scale(.98)}.btn svg,.ls-cta svg,.product-cta svg,.ldc-go svg{transition:transform .25s}.btn:hover svg,.ls-cta:hover svg,.product-card:hover .product-cta svg,.ls-dock-card:hover .ldc-go svg{transform:translateX(4px)}.btn-glass{background:#ffffff09;color:#fff;border-color:#ffffff40}.btn-glass:hover{background:#ffffff18}.btn-ghost:hover{background:var(--surface-2)}.close-btn{width:44px;height:44px;border-radius:50%;transition:transform .25s,background .25s}.close-btn:hover{transform:rotate(90deg);background:var(--surface-2)}.press-wave{position:absolute;pointer-events:none;border-radius:50%;background:currentColor;opacity:0;z-index:4;width:20px;height:20px;animation:pressWave .55s ease-out forwards}@keyframes pressWave{0%{opacity:.15;transform:translate(-50%,-50%) scale(0)}100%{opacity:0;transform:translate(-50%,-50%) scale(18)}}
/* Two disciplines, one showroom. */
.landing-chooser{background:#102131}.landing-top{left:clamp(20px,5vw,76px);top:28px;transform:none;border:0;background:none;padding:0;gap:12px}.landing-logo{border-radius:8px;width:42px;height:42px}.landing-brand{font-size:1rem}.landing-brand b{color:#ffad77}.ls-slides{min-height:100dvh}.ls-slide-valve{background:#102131;color:#f5f8fc}.ls-slide-ev{background:#0c282d;color:#f4fff9}.ls-slide-valve::before{background:linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:12.5% 100%;opacity:.5;mask-image:none}.ls-inner{max-width:1370px;grid-template-columns:1.12fr .88fr;gap:64px;padding:140px 54px 240px;position:relative}.ls-copy{position:relative;z-index:2}.ls-eyebrow{font-size:.85rem;letter-spacing:.2em}.ls-slide-valve .ls-eyebrow{color:#ffad77}.ls-slide-ev .ls-eyebrow{color:#83efcf}.ls-title{font-size:clamp(2.4rem,4vw,4.2rem);max-width:17ch;margin:20px 0 22px;font-weight:600}.ls-sub{font-size:1.05rem;line-height:1.85;color:#c0cdd8;max-width:45ch}.ls-slide-ev .ls-sub{color:#b6d5d0}.ls-chips{gap:7px;margin:25px 0}.ls-chips span{border-radius:3px!important;font-size:.8rem;padding:5px 9px!important;background:transparent!important;border-color:#ffffff30!important;color:#d9e6ed}.ls-slide-valve .ls-cta{background:#f59a61;color:#142334;box-shadow:none}.ls-slide-ev .ls-cta{background:#83efcf;color:#0c282d;box-shadow:none}.ls-actions{align-items:center;gap:20px}.ls-meta{font-size:.8rem;color:#becfd5}.ls-meta b{color:#fff}.ls-mosaic{grid-template-columns:1.25fr 1fr;gap:12px;transform:rotate(-4deg)!important;padding:15px 0}.ls-tile{border-radius:8px;animation:none!important;margin:0!important;box-shadow:none;background:#fff;border:0;aspect-ratio:1}.ls-tile:first-child{grid-row:span 2;aspect-ratio:auto}.ls-tile:nth-child(n+4){display:none}.ls-tile img{object-fit:contain;background:#fff}.ls-visual{position:relative}.ls-visual::before{content:'01';position:absolute;right:0;top:-110px;font-family:'Chakra Petch',sans-serif;font-size:clamp(5rem,12vw,10rem);line-height:1;color:#ffffff08;font-weight:700;pointer-events:none}.ls-slide-ev .ls-visual::before{content:'02';color:#83efcf15}.ls-dock{position:absolute;bottom:0;padding:0 54px 30px;gap:15px}.ls-dock-label{border:0;background:none;font-size:.9rem;color:#b6c4d0;padding:0;backdrop-filter:none}.ls-dock-cards{max-width:1262px;border-radius:10px;padding:0;gap:0;background:#ffffff05;box-shadow:none;border:1px solid #ffffff25;backdrop-filter:none;overflow:hidden}.ls-dock-card{border-radius:0;border:0;min-height:104px;padding:22px 28px;color:#fff}.ls-dock-card+ .ls-dock-card{border-left:1px solid #ffffff25}.ls-dock-card:hover,.ls-dock-card.is-active{background:#ffffff0c;border-color:#ffffff25}.ldc-k{font-size:.75rem;letter-spacing:.15em}.ldc-t{font-size:1.1rem}.ldc-icon{border-radius:8px;background:transparent!important;border:1px solid #ffffff30}.ldc-go{border-radius:50%;width:42px;height:42px;padding:0;justify-content:center;font-size:0}.ldc-go svg{width:18px;height:18px}.ldc-progress{left:28px;right:28px;bottom:0;height:2px;background:transparent}.ls-dock-card[data-enter="valve"] .ldc-progress i{background:#ffad77}.ls-dock-card[data-enter="ev"] .ldc-progress i{background:#83efcf}.slideshow-toggle{position:absolute;right:30px;top:28px;z-index:10;background:#ffffff0b;border:1px solid #ffffff40;color:#fff;border-radius:8px;padding:10px 14px;font:inherit;font-size:.875rem;min-height:44px;cursor:pointer}.slideshow-toggle:hover{background:#ffffff20}.landing-chooser.is-paused .ldc-progress i{animation-play-state:paused}
.ev-power-panel{border-top:1px solid #83efcf60;border-bottom:1px solid #83efcf60;padding:26px 0;color:#f4fff9;position:relative}.ev-power-panel small{display:block;font-size:.8rem;letter-spacing:.12em;color:#9fccc3}.ev-power-value{font-family:'Chakra Petch',sans-serif;font-size:clamp(4rem,7.5vw,7rem);font-weight:600;line-height:1.3;letter-spacing:-.06em;color:#83efcf;white-space:nowrap}.ev-power-value span{font-size:.27em;letter-spacing:0;margin-left:8px}.ev-power-value i{font-style:normal;font-size:.6em;color:#3b7268;margin:0 .08em}.ev-power-specs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}.ev-power-specs b{display:block;font-size:1rem;font-weight:600}.ev-power-specs span{font-size:.875rem;color:#a5c5be}.ev-power-note{font-size:.875rem;color:#a5c5be;margin-top:24px}
/* Product pages: generous editorial hierarchy and numbered catalog. */
.hero-inner{max-width:1280px;padding:84px 24px 88px;gap:70px}.hero-valve .hero-bg{background:#102131}.hero-valve .hero-bg::after{background-size:100px 100px;opacity:.3}.hero h1,.hero .hero-title{font-size:clamp(2.1rem,3.7vw,3.6rem);font-weight:600;max-width:18ch;margin:20px 0 24px}.hero .eyebrow{color:#ffad77}.hero-lead{font-size:1.05rem;line-height:1.85;color:#bfccd8}.hero-stats{border:0;border-top:1px solid #ffffff25;border-radius:0;background:transparent;padding-top:20px;gap:20px}.hero-stat{background:none;padding:0}.hero-stat b{font-size:1.4rem}.hero-stat span{font-size:.875rem;color:#b5c5d2}.hero-ev{background:#0c282d;color:#f4fff9}.hero-ev .hero-bg{background:#0c282d}.hero-ev .hero-bg::after{display:none}.hero-ev .eyebrow{color:#83efcf}.hero-ev .hero-lead{color:#b6d5d0}.hero-ev .hero-stats{background:none;border-color:#ffffff25}.hero-ev .hero-stat{background:none}.hero-ev .hero-stat b{color:#eafff9}.hero-ev .hero-stat span{color:#a5c5be}.hero-ev .btn-primary{background:#83efcf;color:#0c282d}.collage{gap:10px;transform:rotate(-3deg);min-height:370px}.collage-tile{border-radius:8px;box-shadow:none;border:0}.collage-tile img{object-fit:contain}.collage-label{border-radius:3px;font-size:.75rem;letter-spacing:.02em}.spec-float{border-radius:4px;left:-10px;top:-23px;background:#ed9a67;color:#102131;border:0;box-shadow:0 15px 20px -14px #0006;transform:rotate(3deg)}.spec-float-k,.spec-float-v{color:#102131}.spec-float-k{font-size:.75rem}.spec-float-v{font-size:.875rem}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-card{border-radius:10px;box-shadow:none;overflow:hidden}.product-card::before{border:0;border-radius:0;background:#102131;color:#fff;font-size:.8rem;top:0;left:0;padding:8px 13px}.product-tag-dot{display:none}.product-photo{aspect-ratio:1.35;background:#fff}.product-photo img{object-fit:contain;padding:15px}.product-body{padding:24px;gap:12px}.product-name-en{font-size:1.18rem;line-height:1.5}.product-name-th,.product-desc{font-size:.95rem}.product-desc{-webkit-line-clamp:3;line-height:1.7}.spec-chip{border-radius:3px;font-size:.8rem;padding:4px 8px;background:var(--surface-2);color:var(--ink-dim)}.product-cta{font-size:.95rem;padding-top:18px;border-top:1px solid var(--line);margin-top:12px;display:flex;justify-content:space-between;align-items:center;color:var(--accent-ink)}.product-cta svg{border-radius:50%;width:32px;height:32px;padding:7px;background:var(--surface-2)}.product-card:hover,.product-card:focus-visible{border-color:var(--brand);box-shadow:0 18px 30px -24px #10213175}.product-card:hover .product-cta svg{background:var(--brand);color:#fff}.product-grid-feature{grid-template-columns:1fr 1fr;gap:28px}.product-visual{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:42px 30px 28px;min-height:240px;background:#0c282d;color:#eafff9;position:relative;border-bottom:1px solid #ffffff20}.product-visual .model-label{font-family:'Chakra Petch',sans-serif;letter-spacing:.15em;font-size:.875rem;color:#a5c5be}.product-visual strong{font-family:'Chakra Petch',sans-serif;font-size:clamp(2.7rem,4vw,4rem);font-weight:600;letter-spacing:-.04em;line-height:1.5}.product-visual strong small{font-size:.38em;color:#83efcf;letter-spacing:0}.product-visual .model-caption{font-size:.875rem;color:#b6d5d0}.product-visual.premium{background:#19413f}.model-price{font-size:1rem;margin-top:20px;padding-top:16px;border-top:1px solid #ffffff25;width:100%;color:#eafff9}.model-price b{font-size:1.4rem;font-family:'Chakra Petch',sans-serif;font-weight:600}.crosslink{border-radius:10px;box-shadow:none;padding:42px}.cl-title{font-size:clamp(1.5rem,2.6vw,2.4rem)}.crosslink-to-ev{background:#0c282d;border-color:#31534f;color:#fff}.crosslink-to-ev .cl-title{color:#eafff9}.crosslink-to-ev .cl-sub{color:#b6d5d0}.crosslink-to-ev .cl-eyebrow{color:#83efcf}.cl-pill{border-radius:6px}.video-frame,.review-card,.portfolio-item{border-radius:10px}.site-footer{padding:65px 0 30px}.footer-block h4{color:#c4d1db;font-size:.8rem}.footer-bottom{color:#a4b6c7}.floating-call,.floating-line{border-radius:10px;box-shadow:0 5px 20px #10213120}
/* Guided specification sheet. */
.modal-backdrop{visibility:hidden;background:#06152385;backdrop-filter:blur(12px);transition:opacity .2s,visibility .2s}.modal-backdrop.open{visibility:visible}.configurator{max-width:640px;border-radius:14px;border:0;max-height:90dvh;box-shadow:0 35px 100px #07152366;transform:translateY(22px) scale(.98);transition:transform .32s cubic-bezier(.2,.8,.2,1)}.configurator-head{padding:24px;background:var(--surface);gap:16px}.configurator-titles .en{font-size:1.15rem}.configurator-titles .th{font-size:.875rem}.configurator-body{padding:24px;scroll-behavior:auto}.configurator-foot{padding:18px 24px;background:var(--surface)}.progress-track{padding:20px 24px 0;gap:4px}.progress-seg{height:5px;border-radius:1px}.progress-seg.active i{opacity:1;animation:progressFill .3s ease-out}@keyframes progressFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}.step-label-row{padding:10px 24px 0}.step-label,.step-count{font-size:.8rem;color:var(--ink-dim)}.step-question{font-size:1.35rem}.step-hint{font-size:.95rem}.option-chip{border-radius:8px;min-height:60px;padding:16px;font-size:1rem;transition:background .18s,border-color .18s,transform .18s}.option-chip .sub{font-size:.9rem}.option-chip.selected{box-shadow:inset 4px 0 var(--brand);background:color-mix(in srgb,var(--brand) 6%,white)}.option-chip.selected .tick{animation:choiceConfirm .24s ease-out}@keyframes choiceConfirm{from{transform:scale(.3) rotate(-35deg)}to{transform:scale(1) rotate(0)}}.option-chip:hover{background:var(--surface-2)}.summary-ticket{border-radius:8px;background:var(--surface-2);padding:22px}.summary-row{font-size:1rem}.summary-row .v{overflow-wrap:anywhere;min-width:0}.summary-actions{gap:10px}.cart-item{border-radius:8px;padding:18px;background:var(--surface-2);border-color:transparent}.cart-item-spec{font-size:.875rem;overflow-wrap:anywhere}.cart-item-remove{min-width:40px;min-height:40px;border-radius:50%}.cart-item-remove:hover{background:#fff0ed;color:#a12c18}.cart-form input,.step-textarea{font-size:1rem;border-radius:8px;min-height:48px}.cart-form label{font-size:.95rem}.copied-msg,.added-msg{font-size:.875rem;height:auto;min-height:0;line-height:1.6;color:var(--accent-ink)}.copied-msg:empty,.added-msg:empty{display:none}.step-panel.active{animation:none}.ui-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,18px);z-index:310;background:#102131;color:#fff;border:1px solid #ffffff30;box-shadow:0 15px 50px #10213130;border-radius:10px;padding:14px 20px;font-size:.95rem;max-width:calc(100% - 32px);width:max-content;opacity:0;pointer-events:none;transition:opacity .22s,transform .22s}.ui-toast.is-visible{opacity:1;transform:translate(-50%,0)}.ui-toast::before{content:'✓';color:#83efcf;margin-right:10px}.btn.is-confirmed{background:#087366!important;color:#fff!important}.hero,.products-section{overflow-anchor:none}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.product-card:hover{transform:translateY(-6px)}.product-card:hover .product-photo img{transform:scale(1.04)}.ls-tile{transition:transform .3s}.ls-tile:hover{transform:translateY(-6px)}}
@media(max-width:1020px){.header-inner{gap:10px}.hero-inner{gap:36px}.ls-inner{gap:35px;padding-left:28px;padding-right:28px}.ls-dock{padding-left:28px;padding-right:28px}.ls-title{font-size:2.8rem}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-sub{display:none}.header-call .num{display:none}.product-grid-feature{grid-template-columns:1fr 1fr}}
@media(max-width:760px){section{padding:56px 0;scroll-margin-top:128px}.header-inner{min-height:72px;padding:10px 0}.header-actions{gap:6px}.header-call,.header-line{display:none}.brand-text{display:none}.brand-mark{width:36px;height:36px}.section-switch-btn{font-size:.875rem;padding:8px 12px}.landing-top{top:22px;left:20px}.landing-brand{font-size:.875rem}.landing-logo{width:32px;height:32px}.slideshow-toggle{top:18px;right:16px;font-size:.75rem;padding:8px 10px}.ls-inner{grid-template-columns:1fr;padding:96px 22px 40px;gap:35px;align-content:start;height:auto}.ls-title{font-size:clamp(2rem,7.2vw,3rem);max-width:19ch;margin:15px 0}.ls-sub{font-size:1rem}.ls-chips{display:none}.ls-copy{order:0}.ls-visual{order:1;max-width:370px;width:100%;margin:auto}.ls-mosaic{max-width:290px;height:210px;grid-template-rows:1fr 1fr;transform:rotate(-3deg)!important}.ls-tile{aspect-ratio:auto}.ls-visual::before{display:none}.ls-visual .ev-power-panel{padding:18px 0}.ev-power-value{font-size:4.5rem}.ev-power-specs{margin-top:6px;gap:12px}.ev-power-note{margin-top:14px;font-size:.8rem}.ls-slides{min-height:auto}.ls-dock{position:sticky;bottom:0;padding:12px 12px calc(12px + env(safe-area-inset-bottom));background:#102131f5;border-top:1px solid #ffffff20;backdrop-filter:blur(12px)}.ls-dock-label{font-size:.8rem}.ls-dock-cards{background:#192c3c}.ls-dock-card{min-height:76px;padding:12px 10px 14px;flex-direction:row;gap:10px;align-items:center}.ldc-k{font-size:.65rem;letter-spacing:.08em}.ldc-t{font-size:.875rem}.ldc-icon{display:none}.ldc-go{display:flex;width:30px;height:30px}.ldc-progress{left:10px;right:10px}.ls-actions{flex-wrap:wrap;gap:12px}.ls-cta{font-size:.95rem;padding:14px 18px}.hero-inner{padding:46px 22px 52px;gap:42px;grid-template-columns:1fr}.hero h1,.hero .hero-title{font-size:2.2rem}.hero-stats{gap:12px}.hero-stat b{font-size:1.1rem}.hero-stat span{font-size:.8rem}.hero-cta{gap:10px}.hero-cta .btn{font-size:.9rem}.collage{min-height:260px;max-width:460px;width:100%;margin:auto}.collage-label{font-size:.65rem}.spec-float-v{font-size:.8rem}.section-head{gap:10px;padding-bottom:20px}.section-note{font-size:.95rem}.product-grid{gap:14px}.product-body{padding:18px}.product-name-en{font-size:1rem}.product-name-th,.product-desc{font-size:.875rem}.product-cta{font-size:.875rem;gap:6px}.product-cta svg{flex-shrink:0}.product-grid-feature{grid-template-columns:1fr}.product-visual{min-height:205px;padding:38px 24px 24px}.crosslink{padding:26px;gap:26px}.cl-visual{order:1}.configurator{border-radius:18px 18px 0 0;max-height:92dvh}.configurator-head,.configurator-body{padding:20px}.configurator-foot{padding:16px 20px calc(16px + env(safe-area-inset-bottom))}.ui-toast{bottom:calc(20px + env(safe-area-inset-bottom))}}
@media(max-width:480px){.product-grid{grid-template-columns:1fr}.product-photo{aspect-ratio:1.65}.product-body{padding:22px}.product-name-en{font-size:1.15rem}.product-desc,.product-name-th{font-size:.95rem}.product-card::before{font-size:.75rem}.ls-meta{display:none}.hero-cta .btn{width:100%;justify-content:center}.header-actions{gap:5px}.section-switch-btn{padding:8px 10px}.header-cart{min-width:42px}.brand-name{font-size:.9rem}.ls-title{font-size:2.1rem}.configurator-titles .en{font-size:1rem}.configurator-titles .th{font-size:.8rem}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid.wide{grid-template-columns:1fr}.option-chip{padding:14px;font-size:.95rem}.hero-stat span{font-size:.8rem}.section-head h2{font-size:1.8rem}.floating-call .txt,.floating-line .txt{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.press-wave{display:none}.btn:hover,.ls-cta:hover,.product-card:hover,.close-btn:hover{transform:none}.ls-copy>*{opacity:1;transform:none}}
/* Finish small-screen navigation without losing access to either category. */
.products-section{scroll-margin-top:100px}.brand-text>.brand-name,.brand-text>.brand-sub{display:block}.product-grid-feature .product-desc{font-size:.95rem}.product-grid-feature .spec-chip{font-size:.8rem}.slideshow-toggle:disabled{opacity:.7}.section-switch-btn:active{filter:brightness(.9)}
@media(max-width:760px){.ls-inner{padding-bottom:195px}.ls-dock{position:fixed;left:0;right:0;bottom:0}.products-section{scroll-margin-top:100px}}