/* Blue service-centre identity, compact typography and distinct navigation. */
.category-section{background:#f5f8fa}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.category-card{background:white;border:1px solid #dce5eb;border-radius:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.category-card:hover{border-color:#00854c;box-shadow:0 10px 28px #123b5510}.category-photo{height:200px;position:relative;background:#fff;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #edf1f3;padding:24px 36px 32px}.category-photo img{width:100%;height:148px;object-fit:contain}.category-number{position:absolute;top:14px;left:18px;font-size:13px;color:#00854c;font-weight:650}.category-representative{position:absolute;bottom:9px;right:18px;color:#637986;font-size:12px}.category-copy{padding:23px}.category-attribute{color:#00854c;font-size:13px}.category-copy h3{font-size:21px;font-weight:600;margin:7px 0 10px}.category-copy p{font-size:14px;line-height:1.8}.category-models{font-size:13px;color:#566e7e;line-height:1.8;margin-top:14px;min-height:47px}.category-action{border-top:1px solid #e0e8ed;padding-top:15px;margin-top:16px;color:#00854c;font-size:14px;font-weight:600;display:flex;justify-content:space-between;gap:8px}.category-action span{font-size:12px;color:#6b7e89;font-weight:400}.category-detail{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;margin-top:35px}.category-detail-photo img{width:100%;height:280px;object-fit:contain}.category-detail-photo p{text-align:center;margin-top:20px}.category-detail h2{font-size:25px}
@media(max-width:1000px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:600px){.category-grid{grid-template-columns:1fr}.category-photo{height:180px}.category-photo img{height:135px}.category-copy{padding:20px}.category-copy h3{font-size:20px}.category-models{min-height:0}.category-detail{grid-template-columns:1fr;gap:30px}}
.catalog-fold-controls{display:flex;flex-direction:column;align-items:center;gap:14px;padding:26px 0 0}.catalog-fold-controls span{font-size:14px;color:#5c7080}.catalog-fold-controls button{min-width:230px;justify-content:center;cursor:pointer}.family-directory .product[hidden],.catalog-fold-controls [hidden]{display:none!important}#products .filters{scroll-margin-top:150px}
:root{--ink:#15364e;--navy:#0b385a;--accent:#00854c;--green:#00ac57;--muted:#5c7080;--pale:#f4f8fa;--line:#dce5eb}
body{font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",-apple-system,BlinkMacSystemFont,sans-serif}
.topbar{background:#f2f6f9;color:#557082;font-size:12px;letter-spacing:0}
.topbar a{color:#164c71}.head{background:#fff;border-bottom:1px solid #dce5eb;box-shadow:0 3px 16px #0a355410}
.head .wrap{min-height:78px;gap:24px}.head nav{gap:6px;font-size:14px;font-weight:500}
.head nav a,.head nav a.active{padding:10px 13px;box-shadow:none;border-radius:5px;color:#294b61}
.head nav a:hover,.head nav a.active{background:#edf6f2;color:#007844}.head .contact-btn{background:#00854c;border-radius:5px;font-weight:600}
.hero{background:linear-gradient(112deg,#0b355a 0%,#075477 59%,#078c93 100%)}.hero h1{font-size:clamp(30px,3vw,42px);font-weight:650;line-height:1.42;letter-spacing:0;margin-bottom:18px}.hero h1 em{color:#fff;font-weight:550}
.hero .eyebrow{color:#82e4bc;font-size:12px;letter-spacing:.12em}.hero .lead{color:#d4e7f1;font-size:16px;line-height:1.9;max-width:520px}
.hero-grid{grid-template-columns:1fr 1fr;gap:56px;padding:48px 0 56px;min-height:425px}
.hero-video{background:#fff;border:12px solid #fff;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px #001d382b}
.hero-video video{display:block;object-fit:contain;border-radius:6px;background:#061d2d}
.hero-video span{position:static;display:block;padding:10px 3px 0;text-align:right;background:white;color:#00854c;font-size:14px;letter-spacing:0}
.hero .searchbox{border:0;box-shadow:none;border-radius:6px;padding:4px}.searchbox button{background:#008b4d;color:white;border-radius:4px}.hero .hot{color:#d4e7f1;font-size:13px}
.hero-poster{height:auto;aspect-ratio:16/9;border:10px solid white;border-radius:14px}.hero-poster img{object-fit:contain}
.hero-dots{position:static;transform:none;justify-content:center;padding:0 0 20px}.hero-dots button{width:28px;height:20px;border-radius:0;background:transparent;position:relative}.hero-dots button:after{content:"";position:absolute;inset:7px 8px;background:#a4c7d3;border-radius:6px}.hero-dots button.active{width:38px;border-radius:0;background:transparent}.hero-dots button.active:after{inset:7px 3px;background:white}
.quick-strip{background:#fff;border-bottom:1px solid #dce5eb;box-shadow:0 4px 15px #0b355a06}.quick{border:0;padding:24px 0;color:#163e5b}.quick a,.quick a:first-child{padding:4px 22px;gap:15px;border-right:1px solid #dce5eb}.quick a:last-child{border:0}.quick strong{font-size:16px;font-weight:600}.quick small{color:#6a7d8b;font-size:13px}.quick svg{color:#00854c;width:25px;height:25px}.quick a:hover strong{color:#00854c}
.section-title h2{font-size:28px;font-weight:600;letter-spacing:0}.section-title p{font-size:15px}.product h3{font-size:19px}.cta h2{font-size:25px}
@media(max-width:1100px){.hero-grid{gap:28px}.head .wrap{gap:14px}.head nav a,.head nav a.active{padding:9px 10px}.quick a,.quick a:first-child{padding:4px 12px}}
@media(max-width:760px){.head .wrap{min-height:66px}.head nav{top:66px;gap:8px;padding:14px 18px}.head nav a,.head nav a.active{padding:10px 12px}.hero-grid{display:block;padding:30px 0 24px;min-height:0}.hero h1{font-size:29px;line-height:1.48}.hero .lead{font-size:16px}.hero-video{margin-top:26px;border-width:8px;border-radius:12px}.hero-video span{font-size:13px;padding-top:8px}.hero-dots{padding-bottom:14px}.quick{gap:20px 0;padding:22px 0}.quick a,.quick a:first-child{padding:0 9px;border:0;gap:10px}.quick strong{font-size:15px}.quick small{font-size:12px}.quick svg{width:22px}.section-title h2{font-size:24px}}
/* Clean, text-based brand lockup: prevents the supplied logo bitmap's white halo. */
.brand{gap:16px}
.brand .schneider-wordmark{display:grid;gap:0;min-width:128px;color:#009b4e;font-family:Arial,sans-serif;font-style:normal;line-height:.88;letter-spacing:-1.2px;flex-shrink:0}
.brand .schneider-wordmark strong{color:inherit;font-size:27px;font-weight:700;letter-spacing:-1.45px}
.brand .schneider-wordmark small{font-size:16px;letter-spacing:3.9px;font-weight:500;text-align:right;margin-top:4px}
.corporate-site .brand .schneider-wordmark strong{color:#009b4e;font-size:27px;font-weight:700;letter-spacing:-1.45px}
.corporate-site .brand .schneider-wordmark small{color:#009b4e;font-size:16px;letter-spacing:3.9px;font-weight:500}
.brand b{font-size:30px;border-left:1px solid #cfdce1;padding-left:16px;letter-spacing:-.7px}
.brand span{display:grid;gap:2px;font-size:11px;line-height:1.35;white-space:nowrap}.brand strong{font-size:15px;letter-spacing:.16em}
.head .wrap{gap:16px}.head nav{gap:0}.head nav a{white-space:nowrap}
.hero-single .hero-panel{display:block}
@media(max-width:1200px) and (min-width:761px){.head .wrap{flex-wrap:wrap;gap:8px;padding:12px 0}.head nav{order:3;width:100%;justify-content:flex-end}.head .contact-btn{margin-left:auto}}
@media(max-width:760px){.head .wrap{flex-wrap:wrap;padding:10px 0;gap:10px;position:relative}.head .brand{width:100%;gap:10px}.brand .schneider-wordmark{min-width:104px}.brand .schneider-wordmark strong,.corporate-site .brand .schneider-wordmark strong{font-size:22px}.brand .schneider-wordmark small,.corporate-site .brand .schneider-wordmark small{font-size:13px;letter-spacing:3px}.head .brand b{font-size:26px;padding-left:10px}.head .brand span{display:block;font-size:10px}.head .brand strong{font-size:13px}.head .contact-btn{margin-left:0;padding:6px 12px}.head .menu-btn{margin-left:auto}.head nav{top:100%;z-index:25}.footer .brand{gap:8px;flex-wrap:wrap}.footer .brand b{font-size:26px}.footer .brand span{display:block}}