*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;font:14px Arial,Helvetica,sans-serif;color:#202a3d;background:#fff}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button,a{cursor:pointer}button{border:0;background:none;color:inherit}a{text-decoration:none;color:inherit}img{max-width:100%}button:hover,a:hover{color:#e76a16}.wrap{max-width:1360px;margin:auto;padding:0 24px}.draft{background:#fff2db;color:#684719;padding:8px 24px;text-align:center;font-size:11px;letter-spacing:.6px;font-weight:700}.draft span{margin:0 18px;font-weight:400}.draft b{font-weight:400}.top{background:#f4f5f7;border-bottom:1px solid #e8eaee;color:#657082;font-size:11px}.top .wrap{display:flex;justify-content:space-between;align-items:center;height:33px}.top a,.top button{margin-left:24px;font-size:11px}.head{height:104px;display:flex;align-items:center;gap:32px}.logo{display:flex;gap:12px;align-items:center;color:#142b4c;flex-shrink:0}.logo>b{font-size:43px;letter-spacing:-4px;line-height:1}.logo>b span{color:#ef7519;letter-spacing:-5px}.logo>div{font-size:20px;letter-spacing:2px;font-weight:700;border-left:1px solid #d8dde5;padding-left:12px}.logo small{display:block;font-size:7px;letter-spacing:1px;margin-top:6px}#searchform{display:flex;border:2px solid #e5e8ed;border-radius:5px;flex:1;overflow:hidden;height:46px}#searchform input{border:0;background:#fafbfc;min-width:0;flex:1;padding:0 16px;font-size:13px}#searchform button{background:#ed701b;color:white;width:51px;font-size:30px}.account,.cartopen{display:flex;gap:12px;align-items:center;text-align:left;white-space:nowrap;font-size:10px;color:#858c98}.account>span,.cartopen>span{font-size:30px;color:#23354f;position:relative}.account strong,.cartopen strong{display:block;font-size:12px;color:#24344e;margin-top:5px}.cartopen i{position:absolute;right:-6px;top:-2px;font-size:10px;background:#ed701b;color:#fff;border-radius:12px;padding:2px 5px;font-style:normal}nav{background:#172d4c;color:#fff}nav>.wrap{display:flex;height:49px;align-items:center;gap:34px;font-size:12px}#allcats{background:#ed701b;height:49px;width:234px;margin-left:0;display:flex;justify-content:space-around;align-items:center;flex-shrink:0;color:#fff;font-size:12px}nav .dealer{margin-left:auto;background:#253c5a;border:1px solid #52617a;border-radius:4px;padding:9px 17px;color:#fff}.hero-layout{display:grid;grid-template-columns:234px 1fr;gap:18px;padding-top:18px}aside{border:1px solid #e2e6ed;border-radius:4px;overflow:hidden}aside h2{font-size:11px;letter-spacing:.8px;margin:0;padding:18px 16px;border-bottom:1px solid #e9ecf0}#catlinks button{display:flex;gap:12px;width:100%;text-align:left;align-items:center;padding:13px 16px;border-bottom:1px solid #f0f1f4;font-size:12px}#catlinks button span{font-size:18px;width:22px;color:#7b8ca2}#catlinks button b{font-weight:400;flex:1}#catlinks button i{font-style:normal;color:#a3aab5}.sidecontact{display:block;font-size:12px;background:#f4f6fa;padding:18px 16px;line-height:1.7}.sidecontact small{display:block;font-size:11px;color:#e56a17}.hero{height:346px;background:#e8edf4;position:relative;display:flex;overflow:hidden;border-radius:5px}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#e7edf6,#f2f5f9 62%,#e1e8f1)}.hero-copy{padding:37px 0 0 36px;z-index:1;width:57%;position:relative}.overline{font-size:10px;color:#3b628a;letter-spacing:1.6px;font-weight:700}.hero h1{font-size:36px;line-height:1.14;letter-spacing:-1.2px;margin:14px 0;color:#1b3556}.hero p{font-size:12px;line-height:1.8;color:#6e7d90;margin:0 0 20px}.primary{display:inline-flex;background:#e97020;color:#fff;padding:12px 18px;border-radius:4px;align-items:center;gap:18px;font-size:12px;font-weight:700}.primary:hover{background:#d85d12;color:#fff}.hero-bottom{display:flex;gap:22px;align-items:center;margin-top:24px;color:#46617f;font-size:12px;font-weight:700}.hero-bottom strong{font-size:25px;font-style:italic}.hero-image{position:relative;width:43%;display:flex;align-items:center;justify-content:center}.ring{position:absolute;border:1px solid #cbd6e5;width:310px;height:310px;border-radius:50%;box-shadow:0 0 0 32px #ffffff30,0 0 0 64px #ffffff20}.hero-image img{width:265px;height:235px;object-fit:contain;mix-blend-mode:multiply;position:relative;z-index:1}.hero-tag{position:absolute;bottom:31px;right:26px;border-left:3px solid #e97020;background:white;padding:10px 16px;font-size:12px;font-weight:700;box-shadow:0 5px 25px #2039540c;z-index:2}.hero-tag small{display:block;color:#7c8796;font-weight:400;font-size:10px;margin-top:5px}.quicktiles{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.quicktiles button{display:flex;position:relative;align-items:center;text-align:left;background:#f4f6f8;border:1px solid #e8ebf0;border-radius:4px;height:155px;padding:18px 22px;overflow:hidden}.quicktiles button:nth-child(2){background:#f4f2ed}.quicktiles small{font-size:9px;color:#8b96a5;letter-spacing:1px}.quicktiles h3{font-size:18px;line-height:1.3;margin:9px 0;color:#28394f}.quicktiles span{font-size:10px;color:#e46a1a;font-weight:700}.quicktiles img{width:44%;height:125px;object-fit:contain;mix-blend-mode:multiply;position:absolute;right:8px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e4e8ee;margin:22px 0 30px;padding:20px 0;border-radius:4px}.benefits>div{display:flex;align-items:center;gap:14px;padding:0 25px;border-right:1px solid #e4e8ee}.benefits>div:last-child{border:0}.benefits b{font-size:27px;color:#e97523;font-weight:400}.benefits span{font-size:12px;font-weight:700}.benefits small{display:block;font-weight:400;color:#8a939f;font-size:10px;margin-top:6px}.sectionhead{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px;gap:14px}.sectionhead h2{font-size:22px;letter-spacing:-.5px;margin:5px 0}.sectionhead>a{font-size:11px;color:#687a91}.sectionhead small{font-size:9px;letter-spacing:1.5px;color:#929ca9}.category-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.category-tiles button{border:1px solid #e6e9ef;border-radius:4px;padding:12px;background:linear-gradient(#fff,#f8f9fb);text-align:center}.category-tiles img{height:82px;width:110px;object-fit:contain;mix-blend-mode:multiply}.category-tiles h3{font-size:12px;margin:12px 0 5px}.category-tiles small{font-size:10px;color:#8b96a6}.products-section{padding:38px 0 32px}.tabs{display:flex;gap:20px;align-self:end;border-bottom:1px solid #e4e7ec}.tabs button{padding:10px 0;font-size:12px;color:#7f8998;border-bottom:2px solid transparent}.tabs button.active{border-color:#ed701b;color:#e56a17;font-weight:700}.filterbar{display:flex;align-items:center;gap:10px;background:#f6f7f9;padding:10px 12px;border-radius:3px;margin-bottom:17px;font-size:11px}.filterbar>span{flex:1;color:#7f8997}.filterbar select{padding:8px 9px;border:1px solid #e1e5eb;background:#fff;color:#536174;border-radius:3px;font-size:11px;max-width:200px}#clear{font-size:10px;color:#7b8797}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.product{border:1px solid #e4e8ed;border-radius:5px;background:#fff;position:relative;padding:14px;transition:box-shadow .2s}.product:hover{box-shadow:0 6px 25px #17335113;border-color:#bfcad6}.product .pic{width:100%;height:165px;display:flex;align-items:center;justify-content:center;position:relative}.pic img{width:100%;height:140px;object-fit:contain}.pic .placeholder{color:#c9d1dc;font-size:45px}.pic small{position:absolute;bottom:0;font-size:8px;color:#99a2ae}.brandname{display:block;font-size:9px;font-weight:700;letter-spacing:.5px;color:#8090a4;margin:12px 0 7px}.product h3{font-size:12px;line-height:1.6;height:58px;overflow:hidden;margin:0;font-weight:500}.product h3 button{text-align:left;padding:0}.code{font-size:9px;color:#a0a8b3;margin-top:9px}.price{font-size:21px;font-weight:700;letter-spacing:-.6px;color:#203956;margin:13px 0 4px}.price small{font-size:12px}.tax{font-size:9px;color:#8b96a4}.add{background:#fff5ed;border:1px solid #f5d9c1;color:#dc681a;width:100%;padding:10px;border-radius:4px;font-size:11px;font-weight:700;margin-top:14px}.add:hover{background:#ec721e;color:white}.tag{position:absolute;top:12px;left:12px;background:#eef3fa;color:#476991;font-size:8px;font-weight:700;padding:5px 7px;z-index:2}.more{display:block;margin:24px auto 0;border:1px solid #d7dfe9;border-radius:4px;padding:12px 28px;font-size:12px;color:#586a81}.solution{background:#1c3352;color:#fff;min-height:260px;display:flex;align-items:center;justify-content:space-between;padding:36px 45px;border-radius:5px;margin:10px 0 30px;overflow:hidden}.solution small{color:#b3c2d5;font-size:9px;letter-spacing:1.5px}.solution h2{font-size:28px;line-height:1.2;margin:14px 0}.solution p{font-size:12px;color:#aebed2;line-height:1.7}.solution a{color:#f6a061;font-size:12px;font-weight:700}.solution-parts{display:flex;gap:15px;width:45%;align-items:center}.solution-parts img{width:47%;max-height:150px;object-fit:contain;border-radius:5px;background:#fff;padding:10px}.brandrow{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e6e9ee;border-bottom:1px solid #e6e9ee;padding:25px 15px;margin:0 0 40px;gap:20px;color:#6e7e93}.brandrow>span{font-size:9px;line-height:1.5}.brandrow strong{font-size:19px}.brandrow strong:nth-child(3){font-size:30px;font-style:italic}footer{background:#f6f7f9;border-top:1px solid #e6e9ee}.footer{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:45px;padding-top:40px;padding-bottom:30px}.footer h3{font-size:12px;margin:0 0 15px}.footer p,.footer a:not(.logo),.footer button{font-size:11px;color:#8390a1;line-height:1.9;display:block;text-align:left;padding:0}.footer .logo{margin-bottom:16px}.copyright{border-top:1px solid #e0e5ec;display:flex;justify-content:space-between;padding-top:17px;padding-bottom:17px;font-size:10px;color:#8e99a8}dialog{border:0;border-radius:8px;padding:30px;max-width:760px;width:calc(100% - 32px);box-shadow:0 20px 100px #0e26332f;color:#25364b}dialog::backdrop{background:#11233d80}.x{position:absolute;top:8px;right:12px;font-size:26px;color:#8190a1}dialog h2{font-size:23px;margin-top:10px}dialog p{font-size:12px;line-height:1.8;color:#7b8796}.detail{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.detail img{height:260px;width:100%;object-fit:contain}.detail h2{font-size:20px;line-height:1.4}.detail .price{font-size:29px}.basketrow{display:flex;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid #e5e9f0;font-size:12px}.basketrow>div{flex:1}.basketrow small{display:block;color:#8b97a5;margin-top:5px}.basketrow input{width:55px;border:1px solid #dbe1e9;padding:7px}.basketrow button{font-size:23px;color:#9ba6b3}#basketsum{padding:20px 0;font-size:20px;font-weight:700}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#1d3655;color:#fff;padding:13px 22px;font-size:12px;border-radius:5px;z-index:9}.empty{grid-column:1/-1;padding:50px;text-align:center;color:#8390a1}[hidden]{display:none!important}
@media(min-width:1600px){.wrap{max-width:1460px}.hero{height:370px}.hero-copy{padding:42px 0 0 42px}.hero h1{font-size:40px}.quicktiles button{height:165px}.product .pic{height:180px}}
@media(max-width:1100px){.head{gap:20px}.account{display:none}.hero-layout{grid-template-columns:210px 1fr}#allcats{width:210px}nav>.wrap{gap:24px}.hero-copy{padding-left:25px}.hero h1{font-size:30px}.grid{grid-template-columns:repeat(4,1fr)}.hero-image img{width:210px}.benefits>div{padding:0 15px}.category-tiles{grid-template-columns:repeat(3,1fr)}.hero-tag{right:10px}}
@media(max-width:800px){.wrap{padding-left:16px;padding-right:16px}.draft b{display:none}.head{height:auto;padding-top:20px;padding-bottom:15px;flex-wrap:wrap;gap:16px}.logo>b{font-size:35px}.logo>div{font-size:17px}#searchform{order:3;flex-basis:100%;height:42px}.cartopen{margin-left:auto}nav>.wrap{overflow:auto;gap:23px;white-space:nowrap}nav .dealer{display:none}#allcats{width:auto;padding:0 15px;margin-left:-16px;gap:15px}.hero-layout{display:block}aside{display:none;margin-bottom:15px}aside.open{display:block}.hero{height:325px}.hero-copy{padding:27px 0 0 22px;width:62%}.hero h1{font-size:30px}.hero p{font-size:11px}.hero-image{width:38%}.hero-image img{width:180px}.hero-tag{font-size:10px;bottom:27px}.ring{width:210px;height:210px}.benefits{grid-template-columns:repeat(2,1fr);gap:20px}.benefits>div:nth-child(2){border:0}.grid{grid-template-columns:repeat(3,1fr)}.filterbar{flex-wrap:wrap}.filterbar>span{flex-basis:100%}.filterbar select{max-width:31%;flex:1}.sectionhead{align-items:start}.tabs{gap:10px}.tabs button{font-size:10px}.solution{padding:25px}.solution-parts{display:none}.brandrow{flex-wrap:wrap;justify-content:center}.footer{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:500px){.top .wrap>span{display:none}.top .wrap{justify-content:center}.top a,.top button{margin:0 10px}.draft{font-size:9px}.draft span{margin:0 7px}.hero{height:330px}.hero h1{font-size:27px}.hero p br{display:none}.hero-image img{width:130px}.hero-copy{width:65%}.hero-image{width:35%}.hero-tag{right:8px;bottom:45px;padding:8px}.hero-bottom{gap:13px;font-size:9px;margin-top:30px}.hero-bottom strong{font-size:20px}.quicktiles{gap:9px}.quicktiles button{height:140px;padding:14px}.quicktiles h3{font-size:15px}.quicktiles small{font-size:8px}.quicktiles img{width:40%;right:3px;height:80px;bottom:5px}.quicktiles span{font-size:9px}.benefits span{font-size:10px}.benefits small{font-size:9px}.benefits>div{gap:10px;padding:0 12px}.benefits b{font-size:23px}.category-tiles{gap:8px}.category-tiles img{height:65px}.category-tiles h3{font-size:10px}.category-tiles small{font-size:9px}.sectionhead h2{font-size:19px}.sectionhead{flex-wrap:wrap}.grid{grid-template-columns:repeat(2,1fr);gap:9px}.product{padding:10px}.product .pic{height:145px}.pic img{height:125px}.product h3{font-size:11px}.price{font-size:20px}.solution h2{font-size:24px}.brandrow strong{font-size:14px}.detail{display:block}.detail img{height:180px}.footer{gap:25px;font-size:10px}.footer .logo>div{font-size:12px}.footer .logo small{font-size:5px}}

/* Storefront sign typography */
.logo.sign-brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;background:#292f36;padding:12px 16px;border-radius:3px;white-space:nowrap;min-width:240px;line-height:1}.sign-name{font-size:29px;font-weight:900;letter-spacing:-1px;color:#fff;text-shadow:0 1px 0 #8392a1}.sign-subtitle{font-size:14px;font-weight:800;letter-spacing:.35px;color:#68bd57}.footer .sign-brand{display:inline-flex;min-width:215px}.footer .sign-name{font-size:25px}.footer .sign-subtitle{font-size:12px}@media(max-width:1100px){.logo.sign-brand{min-width:215px;padding:12px}.sign-name{font-size:26px}.sign-subtitle{font-size:12px}}@media(max-width:500px){.logo.sign-brand{min-width:188px;padding:10px 12px}.sign-name{font-size:23px}.sign-subtitle{font-size:10.8px}.cartopen{gap:7px}.cartopen strong{font-size:11px}.footer .sign-brand{min-width:0;padding:10px}.footer .sign-name{font-size:20px}.footer .sign-subtitle{font-size:9px}}