:root{--navy:#001c3d;--navy2:#00305f;--orange:#ffae00;--line:#e5e9ef;--muted:#687588}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,Arial,sans-serif;color:#071b33;background:#fff;font-size:14px}.top{height:38px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 calc((100% - 1240px)/2);font-size:12px}header{height:70px;max-width:1240px;margin:auto;display:flex;align-items:center;gap:28px;padding:0 10px}.logo{display:flex;flex-direction:column;text-decoration:none;color:var(--navy);min-width:145px}.logo b{font-size:19px}.logo small{font-size:10px}.logo:before{content:'⚡';color:var(--orange);font-size:22px;float:right;position:absolute;transform:translateX(28px)}nav{display:flex;gap:23px;flex:1}nav a{font-weight:bold;font-size:13px;color:#12233a;text-decoration:none;white-space:nowrap}.active{color:#005bb0!important;border-bottom:2px solid var(--orange);padding-bottom:24px}.search{border:1px solid #dfe5ec;border-radius:8px;width:300px;padding:12px;color:#8a94a3}.cart,.hamb{border:0;background:white;font-size:20px}.hamb{display:none}.hero{min-height:340px;background:radial-gradient(circle at 54% 45%,#174467 0,#052b52 24%,#001932 65%,#001327 100%);position:relative;color:#fff;display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;padding:24px max(calc((100% - 1180px)/2),20px);overflow:hidden}.hero:after{content:'';position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(0deg,rgba(255,174,0,.18),transparent);clip-path:polygon(0 70%,10% 35%,20% 62%,30% 20%,40% 57%,52% 18%,64% 54%,74% 24%,85% 55%,100% 10%,100% 100%,0 100%)}.heroCopy{z-index:2}.heroCopy h1{font-size:42px;line-height:1.45;margin:0 0 14px}.heroCopy h1::first-line{color:#fff}.heroCopy p{font-size:16px;line-height:2}.badges{display:flex;gap:14px;font-size:11px}.batteryArt{height:290px;display:grid;place-items:end center;position:relative;z-index:2}.batteryArt:before{content:'🚙';font-size:190px;filter:grayscale(1) brightness(.65);position:absolute;top:5px}.battery{width:210px;height:126px;border:4px solid #1b242d;border-radius:6px;background:linear-gradient(#252c32 30%,#080b0e 30%);box-shadow:0 25px 35px #0009;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.battery i:before,.battery i:after{content:'';position:absolute;top:-14px;width:34px;height:13px;background:#333;border-radius:4px}.battery i:before{right:20px}.battery i:after{left:20px}.battery strong{font-size:27px}.battery small{color:var(--orange)}.finder{z-index:3;background:#fff;color:var(--navy);padding:18px;border-radius:10px;box-shadow:0 14px 35px #0005}.finder h2{font-size:18px;margin:0 0 12px}.finder select{width:100%;height:42px;border:1px solid var(--line);margin:3px 0;border-radius:5px;padding:0 10px;color:#667384}.finder button,.add,.install a,.login button,.settings button{width:100%;height:43px;border:0;border-radius:6px;background:var(--orange);font-weight:bold;margin-top:6px}.features{max-width:1120px;margin:14px auto;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:8px}.features div{display:grid;grid-template-columns:40px 1fr;grid-template-rows:1fr 1fr;padding:14px;border-left:1px solid var(--line);font-size:20px}.features b{font-size:14px}.features small{grid-column:2;font-size:11px;color:var(--muted)}.section{max-width:1120px;margin:18px auto}.section>h2,.titleRow h2{text-align:center;font-size:18px}.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.cats article{height:96px;background:#f7f9fb;border:1px solid var(--line);border-radius:8px;padding:12px;display:grid;grid-template-columns:1fr 90px;align-items:center}.cats span{grid-row:1/3;grid-column:2;font-size:45px;text-align:center}.cats small{color:var(--muted)}.titleRow{display:flex;align-items:center;justify-content:space-between}.titleRow a,.articles a{color:#0060ad}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product{border:1px solid var(--line);border-radius:8px;padding:10px;position:relative}.heart{position:absolute;left:10px;border:0;background:#fff;font-size:22px;color:#477}.productPic{height:120px;background-size:1380px auto;background-position:38% 55%;border-radius:7px}.product h3{font-size:13px;min-height:34px}.rating{color:#b27b00;font-size:11px}.product>b{display:block;margin:9px 0}.add{height:34px}.install{max-width:1120px;margin:14px auto;background:linear-gradient(90deg,#00457a,#00162d);color:#fff;border-radius:9px;padding:20px 30px;display:flex;align-items:center;justify-content:space-between}.install h2{font-size:24px;margin:0}.install a{width:auto;height:auto;color:#071b33;text-decoration:none;padding:13px 20px}.brands{max-width:1120px;margin:12px auto;display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.brands b{border:1px solid var(--line);border-radius:6px;padding:16px 5px;text-align:center;color:#244166}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.articles article{border:1px solid var(--line);border-radius:8px;padding:10px;display:grid;grid-template-columns:100px 1fr;gap:12px}.articlePic{background:#e7edf3;font-size:45px;display:grid;place-items:center;border-radius:6px}.articles h3{font-size:13px;margin:5px 0}.articles p{font-size:11px;color:var(--muted);line-height:1.8}footer{background:var(--navy);color:#fff;margin-top:28px;padding:28px max(calc((100% - 1120px)/2),20px);display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:35px}footer p{color:#c9d3df;line-height:2;font-size:12px}
@media(max-width:800px){body{font-size:12px}.top{height:38px;padding:0 15px}.top div:first-child{display:none}header{height:58px;padding:0 12px;justify-content:space-between}.hamb{display:block}.logo{min-width:120px}.logo b{font-size:15px}nav,.search{display:none}.hero{padding:12px;display:flex;flex-direction:column;min-height:405px;justify-content:flex-start}.heroCopy{text-align:center}.heroCopy h1{font-size:25px;margin:0}.heroCopy p,.badges{display:none}.batteryArt{height:125px;width:100%}.batteryArt:before{font-size:90px}.battery{transform:scale(.55);bottom:-14px}.finder{width:100%;padding:10px}.finder h2{text-align:center;font-size:13px}.finder select{height:32px}.finder button{height:37px}.features{grid-template-columns:repeat(4,1fr);margin:8px;border-radius:6px}.features div{display:flex;flex-direction:column;text-align:center;border-left:1px solid var(--line);padding:8px 2px;font-size:18px}.features small{display:none}.features b{font-size:9px}.section{margin:15px 10px}.cats{display:flex;overflow:auto}.cats article{min-width:72px;height:78px;display:flex;flex-direction:column;text-align:center;padding:5px}.cats span{font-size:30px}.cats small{display:none}.cats b{font-size:9px}.products{grid-template-columns:repeat(2,1fr);gap:8px}.productPic{height:85px;background-size:1000px}.product h3{font-size:10px}.install{margin:12px 0;border-radius:0;padding:17px;display:block;background:linear-gradient(90deg,#003b6d,#00162d)}.install h2{font-size:18px}.install a{display:inline-block;margin-top:8px}.brands{margin:10px;display:flex;overflow:auto}.brands b{min-width:90px}.articles{display:block}.articles article{margin-bottom:8px}.articles article:nth-child(n+3){display:none}footer{grid-template-columns:1fr 1fr;padding:20px;gap:15px}footer div:first-child{grid-column:1/3}.section>h2,.titleRow h2{font-size:15px}}


.productPic{background-image:url("/static/shop/reference.6a7dafc42abe.png")}.realPic{width:100%;height:120px;object-fit:contain;border-radius:7px}.page{max-width:1120px;margin:35px auto;min-height:65vh}.detail{display:grid;grid-template-columns:1fr 1fr;gap:45px;background:#fff;border:1px solid #e5e9ef;border-radius:12px;padding:30px}.detail>img,.detailPlaceholder{width:100%;height:360px;object-fit:contain;background:#f5f7fa;border-radius:10px}.detailPlaceholder{display:grid;place-items:center;font-size:120px}.primary{display:inline-block;background:#ffae00;color:#071b33;border:0;border-radius:7px;padding:13px 25px;text-decoration:none;font-weight:bold}.cartRow{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;background:#fff;border:1px solid #e5e9ef;border-radius:8px;padding:16px;margin:10px 0}.cartRow input{width:65px;padding:8px}.cartTotal{text-align:left}.empty,.success{max-width:600px;margin:70px auto;text-align:center;background:#fff;padding:40px;border-radius:12px}.checkout{display:grid;grid-template-columns:1.5fr 1fr;gap:25px}.checkout form,.checkout aside{background:#fff;border:1px solid #e5e9ef;padding:25px;border-radius:10px}.checkout label{display:block;margin:12px 0;font-weight:bold}.checkout input,.checkout textarea{display:block;width:100%;padding:11px;border:1px solid #dbe1e8;border-radius:6px;margin-top:5px}.success>div{font-size:70px;color:#168756}@media(max-width:800px){.page{margin:15px}.detail,.checkout{grid-template-columns:1fr}.detail>img,.detailPlaceholder{height:220px}.cartRow{grid-template-columns:1fr;gap:8px}}


:root{--navy:#001d3d;--orange:#ffad00;--line:#e4e8ee}.wrap{width:min(1120px,calc(100% - 32px));margin-inline:auto}.utility{height:36px;background:#00182f;color:#fff;font-size:11px}.utility .wrap{height:100%;display:flex;align-items:center;gap:28px}.utilLeft{margin-right:auto}.mainHeader{height:70px;max-width:none;padding:0;background:#fff}.headerIn{display:flex;align-items:center;height:100%;gap:22px}.brand{display:flex;flex-direction:column;min-width:155px;color:#081e38;text-decoration:none}.brand b{font-size:20px}.brand b:before{content:'⚡';color:var(--orange);font-size:25px}.brand small{font-size:9px;margin-right:31px}.mainHeader nav{display:flex;gap:23px;flex:1}.mainHeader nav a{font-size:12px;color:#15283f;text-decoration:none;font-weight:700;white-space:nowrap}.mainHeader nav .selected{color:#0862b3;border-bottom:2px solid var(--orange);padding-bottom:25px}.headerSearch{width:288px;border:1px solid #dfe4ea;border-radius:7px;padding:11px;color:#8993a0;font-size:11px;direction:rtl}.headerCart{position:relative;text-decoration:none;font-size:20px}.headerCart i{position:absolute;background:var(--orange);color:#111;border-radius:50%;font-size:9px;width:15px;height:15px;text-align:center;right:-6px;top:-6px;font-style:normal}.mobileMenu{display:none}.heroExact{height:340px;background:#001a35;color:#fff;overflow:hidden}.heroGrid{height:100%;display:grid;grid-template-columns:34% 35% 31%;align-items:center;position:relative}.heroGrid:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,20,42,.2),transparent 50%,rgba(0,20,42,.15));pointer-events:none}.heroText{z-index:2;padding-right:10px}.heroText h1{font-size:40px;line-height:1.45;margin:0 0 8px;font-weight:900;max-width:330px}.heroText h1:after{content:'';display:block;width:135px;height:6px;background:var(--orange);margin-top:-10px;opacity:.95}.heroText p{font-size:14px;line-height:2;max-width:290px}.heroPromises{display:flex;gap:20px;margin-top:18px}.heroPromises span{display:flex;align-items:center;gap:7px;font-size:20px;color:var(--orange)}.heroPromises small{color:#fff;font-size:9px;line-height:1.6}.heroPhoto{height:100%;background-image:url("/static/shop/reference.6a7dafc42abe.png");background-repeat:no-repeat;background-size:1456px 1086px;background-position:-374px -77px;position:relative;z-index:1}.batteryFinder{z-index:3;background:#fff;color:#0b203b;border-radius:10px;padding:17px 16px;box-shadow:0 9px 28px #0006}.batteryFinder h2{font-size:16px;margin:0 0 9px}.batteryFinder label{font-size:0;display:block}.batteryFinder select{width:100%;height:38px;margin:2px 0;border:1px solid #e2e6eb;background:#fff;border-radius:4px;padding:0 10px;color:#718093;font-family:inherit;font-size:11px}.batteryFinder button,.productCard form button{width:100%;border:0;background:var(--orange);height:40px;border-radius:5px;font-family:inherit;font-weight:700}.serviceStrip{height:70px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:7px;margin-top:11px;margin-bottom:14px}.serviceStrip>div{display:grid;grid-template-columns:40px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:10px 24px;border-left:1px solid var(--line)}.serviceStrip>div:last-child{border:0}.serviceStrip span{grid-row:1/3;color:var(--orange);font-size:24px}.serviceStrip b{font-size:12px}.serviceStrip small{font-size:9px;color:#667489}.homeSection{margin-top:12px}.homeSection h2,.reviews h2{font-size:17px;text-align:center;margin:9px 0}.categoryGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.categoryGrid article{height:86px;background:#fafbfc;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;padding:8px}.categoryGrid article>div:last-child{display:flex;flex-direction:column;gap:7px}.categoryGrid small{font-size:9px;color:#788494}.catPhoto{width:105px;height:70px;background:url("/static/shop/reference.6a7dafc42abe.png") no-repeat;background-size:1456px 1086px}.cat1{background-position:-858px -395px}.cat2{background-position:-717px -395px}.cat3{background-position:-579px -395px}.cat4{background-position:-438px -395px}.cat5{background-position:-292px -395px}.sectionHead{display:flex;align-items:center;justify-content:space-between}.sectionHead h2{margin-right:auto;margin-left:auto}.sectionHead a{font-size:10px;color:#0966b4}.productGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.productCard{border:1px solid var(--line);border-radius:7px;padding:9px;position:relative;background:#fff}.favorite{position:absolute;left:10px;top:9px;border:0;background:transparent;font-size:20px;color:#4b6985}.productImage{height:110px;display:block}.productImage img{width:100%;height:100%;object-fit:contain}.referenceBattery{display:block;width:100%;height:100%;background:url("/static/shop/reference.6a7dafc42abe.png") no-repeat;background-size:1456px 1086px}.battery1{background-position:-832px -493px}.battery2{background-position:-630px -493px}.battery3{background-position:-435px -493px}.battery4{background-position:-237px -493px}.productCard h3{font-size:11px;min-height:28px;margin:8px 0}.productCard h3 a{color:#10253d;text-decoration:none}.productMeta{display:flex;justify-content:space-between;font-size:9px;color:#a56c00}.productCard strong{display:block;margin:8px 0;font-size:12px}.productCard form button{height:31px;font-size:10px}.installExact{height:100px;background:#002043;color:#fff;border-radius:8px;display:grid;grid-template-columns:280px 1fr 230px;align-items:center;margin-top:12px;overflow:hidden}.installPhoto{height:100%;background:url("/static/shop/reference.6a7dafc42abe.png") no-repeat;background-size:1456px 1086px;background-position:-108px -652px}.installExact h2{font-size:22px;margin:0}.installExact p{margin:6px 0}.installChecks{font-size:9px;color:#d9e4ee}.installExact>a{background:var(--orange);color:#0d1d30;padding:12px 14px;border-radius:5px;text-decoration:none;font-weight:700;margin-left:28px;text-align:center}.brandRow{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:10px}.brandRow b{border:1px solid var(--line);padding:13px 4px;text-align:center;color:#27435f;border-radius:6px}.articleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.articleGrid article{display:grid;grid-template-columns:105px 1fr;gap:10px;border:1px solid var(--line);border-radius:7px;padding:8px}.articlePhoto{background:url("/static/shop/reference.6a7dafc42abe.png") no-repeat;background-size:1456px 1086px;border-radius:5px}.art1{background-position:-121px -818px}.art2{background-position:-351px -818px}.art3{background-position:-575px -818px}.articleGrid h3{font-size:11px;margin:3px 0}.articleGrid p{font-size:9px;color:#657185;line-height:1.7}.articleGrid a{font-size:9px;color:#0966b4}.reviews{margin-top:12px}.reviews>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.reviews article{border:1px solid var(--line);border-radius:7px;padding:13px}.reviews b{font-size:10px;color:#a77100}.reviews p{font-size:9px;color:#667489}.footerGrid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:30px}
@media(max-width:800px){.wrap{width:calc(100% - 20px)}.utility{height:36px}.utility .wrap{justify-content:center}.utility .wrap span:not(:first-child){display:none}.mainHeader{height:56px}.headerIn{justify-content:space-between}.mobileMenu{display:block;border:0;background:#fff;font-size:18px}.brand{min-width:auto}.brand b{font-size:14px}.brand small{margin-right:24px}.mainHeader nav,.headerSearch{display:none}.heroExact{height:345px}.heroGrid{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:118px 1fr}.heroText{position:absolute;top:12px;right:20px;z-index:4}.heroText h1{font-size:24px;max-width:240px}.heroText p,.heroPromises{display:none}.heroPhoto{grid-row:1;background-size:760px auto;background-position:-193px -40px;width:100%;height:138px}.batteryFinder{grid-row:2;margin:0 10px 10px;padding:9px;border-radius:8px}.batteryFinder h2{text-align:center;font-size:12px}.batteryFinder select{height:31px}.batteryFinder button{height:36px}.serviceStrip{width:100%;height:62px;border-radius:0;margin:0;grid-template-columns:repeat(4,1fr)}.serviceStrip>div{display:flex;flex-direction:column;text-align:center;padding:6px 1px}.serviceStrip span{font-size:18px}.serviceStrip b{font-size:8px}.serviceStrip small{display:none}.categoryGrid{display:flex;overflow:auto}.categoryGrid article{min-width:72px;height:78px;display:block;text-align:center;padding:3px}.catPhoto{width:65px;height:50px;background-size:1000px auto}.cat1{background-position:-588px -270px}.cat2{background-position:-491px -270px}.cat3{background-position:-397px -270px}.cat4{background-position:-301px -270px}.cat5{background-position:-200px -270px}.categoryGrid article>div:last-child{display:block}.categoryGrid small{display:none}.categoryGrid b{font-size:8px}.productGrid{grid-template-columns:repeat(2,1fr);gap:7px}.productCard{padding:7px}.productImage{height:80px}.referenceBattery{background-size:1000px auto}.battery1{background-position:-570px -338px}.battery2{background-position:-431px -338px}.battery3{background-position:-298px -338px}.battery4{background-position:-162px -338px}.installExact{width:100%;height:125px;border-radius:0;grid-template-columns:42% 1fr}.installPhoto{height:125px;background-size:1000px auto;background-position:-73px -448px}.installExact h2{font-size:15px}.installExact p{font-size:10px}.installChecks{display:none}.installExact>a{grid-column:2;margin:5px 0 0 8px;padding:9px;font-size:9px}.brandRow{display:flex;overflow:auto}.brandRow b{min-width:90px}.articleGrid{grid-template-columns:1fr}.articleGrid article:nth-child(n+3){display:none}.reviews>div{grid-template-columns:1fr}.reviews article:nth-child(n+2){display:none}.footerGrid{grid-template-columns:1fr 1fr}.footerGrid>div:first-child{grid-column:1/3}}



.heroGrid{grid-template-columns:32% 37% 31%}.heroText h1{font-size:36px;line-height:1.5;max-width:340px}.heroPhoto{background-position:-410px -78px}.batteryFinder{max-width:315px;justify-self:end;width:100%}.referenceBattery{background-image:url("/static/shop/battery-product.766a53bdff53.webp")!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}.catPhoto{background-position-y:-423px}.cat1{background-position-x:-972px}.cat2{background-position-x:-787px}.cat3{background-position-x:-608px}.cat4{background-position-x:-409px}.cat5{background-position-x:-225px}.installExact{direction:ltr;grid-template-columns:280px 1fr 230px}.installExact>div:not(.installPhoto){direction:rtl;padding:0 22px}.installExact>a{direction:rtl;margin:0 0 0 28px}.brandRow{direction:ltr}.brandRow b{direction:rtl}.productCard{overflow:hidden}.productCard h3,.productCard strong{white-space:normal}.productImage{overflow:hidden}.articlePhoto{background-color:#eef2f6}
@media(min-width:801px) and (max-width:1100px){.wrap{width:calc(100% - 48px)}.headerIn{gap:13px}.brand{min-width:135px}.brand b{font-size:17px}.mainHeader nav{gap:12px}.mainHeader nav a{font-size:10px}.headerSearch{width:220px;padding:9px;font-size:9px}.heroExact{height:320px}.heroGrid{grid-template-columns:34% 36% 30%}.heroText h1{font-size:29px;line-height:1.55}.heroText p{font-size:11px;max-width:260px}.heroPromises{gap:9px}.heroPhoto{background-size:1260px auto;background-position:-354px -67px}.batteryFinder{padding:13px 12px}.batteryFinder h2{font-size:14px}.batteryFinder select{height:35px}.serviceStrip>div{padding:8px 14px}.categoryGrid article{padding:5px}.catPhoto{width:80px}.productCard h3{font-size:10px}.installExact{grid-template-columns:235px 1fr 190px}.installExact h2{font-size:18px}.installExact>a{font-size:11px}.articleGrid article{grid-template-columns:85px 1fr}}
@media(max-width:800px){.referenceBattery{background-image:url("/static/shop/battery-product.766a53bdff53.webp")!important;background-size:contain!important;background-position:center!important}.installExact{direction:ltr}.installExact>div:not(.installPhoto){direction:rtl;padding:0 8px}.installExact>a{direction:rtl}.catPhoto{background-image:none!important;display:grid;place-items:center;font-size:32px}.cat1:before{content:'🚗'}.cat2:before{content:'🏍️'}.cat3:before{content:'🔋'}.cat4:before{content:'▰'}.cat5:before{content:'🚛'}}



@media(min-width:1101px){body{background:#f4f5f7}.utility,.mainHeader,.heroExact,footer{width:1120px;margin-left:auto;margin-right:auto}.utility .wrap,.mainHeader .wrap,.heroExact .wrap,footer .wrap{width:100%}.mainHeader{padding:0 18px}.heroExact{height:240px}.heroGrid{height:240px;grid-template-columns:28% 43% 29%}.heroText{padding:0 18px}.heroText h1{font-size:31px;line-height:1.45;margin-bottom:5px}.heroText p{font-size:11px;line-height:1.8;margin:5px 0}.heroPromises{margin-top:10px;gap:12px}.heroPromises span{font-size:17px}.heroPhoto{height:240px;background-size:1456px 1086px;background-position:-431px -84px}.batteryFinder{max-width:288px;padding:12px 13px;justify-self:center}.batteryFinder h2{font-size:14px;margin-bottom:6px}.batteryFinder select{height:31px;margin:1px 0}.batteryFinder button{height:35px}.serviceStrip{margin-top:10px}.homeSection,.installExact,.brandRow,.reviews{background:#fff}.installExact{grid-template-columns:280px 1fr 220px}main{width:1120px;margin-left:auto;margin-right:auto;background:#fff;padding-bottom:2px}.heroExact{width:1120px}.homeSection,.reviews{padding-left:0;padding-right:0}}
.referenceBattery{background-image:url("/static/shop/battery-product.766a53bdff53.webp?v=5")!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important}.catPhoto{background-image:none!important;display:grid!important;place-items:center!important;font-size:40px}.cat1:before{content:'🚗'}.cat2:before{content:'🏍️'}.cat3:before{content:'🔋'}.cat4:before{content:'▰'}.cat5:before{content:'🚛'}.categoryGrid article{overflow:hidden}.productCard{min-width:0}.productImage{background:#fff}.installPhoto{background-position:-108px -653px}
@media(min-width:801px) and (max-width:1100px){.heroExact{height:250px}.heroGrid{height:250px;grid-template-columns:29% 42% 29%}.heroPhoto{height:250px;background-size:1510px auto;background-position:-447px -88px}.heroText h1{font-size:27px}.batteryFinder{max-width:275px}.catPhoto{font-size:32px}}
@media(max-width:800px){body{background:#fff}.heroExact,.heroGrid{height:345px}.heroPhoto{height:138px}.catPhoto{font-size:31px}}



.heroPhoto{background-image:url("/static/shop/hero-car-battery-v2.8cd13ba0a7df.webp?v=6"),radial-gradient(circle at 55% 55%,#16466d 0,#062c51 38%,#001b37 76%)!important;background-repeat:no-repeat!important;background-size:contain,cover!important;background-position:center bottom,center!important}.heroGrid:after{display:none}.installExact{background:#002043!important;color:#fff!important}.installExact>div:not(.installPhoto){color:#fff!important}.installExact .installChecks{color:#d8e2ed!important}.installExact>a{color:#071b33!important}footer{display:block!important;padding:28px 30px!important}footer .footerGrid{width:100%!important;display:grid!important;grid-template-columns:2fr 1fr 1fr 1.35fr!important;gap:38px!important}footer .footerGrid>div{min-width:0!important}footer h3{font-size:14px!important;margin:0 0 8px!important}footer p{font-size:11px!important;line-height:2!important}.articleGrid{grid-template-columns:repeat(4,1fr)!important}.articleGrid article{grid-template-columns:85px 1fr!important}.reviews{padding-top:8px;padding-bottom:12px}
@media(min-width:1101px){.heroGrid{grid-template-columns:29% 42% 29%}.heroPhoto{height:240px}.installExact{height:100px!important}.articleGrid article{min-height:82px}}
@media(min-width:801px) and (max-width:1100px){.heroGrid{grid-template-columns:29% 42% 29%}.articleGrid{grid-template-columns:repeat(2,1fr)!important}footer .footerGrid{grid-template-columns:2fr 1fr 1fr 1.2fr!important}}
@media(max-width:800px){.heroPhoto{background-size:contain,cover!important}.installExact{background:#002043!important}.articleGrid{grid-template-columns:1fr!important}footer .footerGrid{grid-template-columns:1fr 1fr!important;gap:18px!important}}



@media(min-width:1101px){body{font-size:12px}.utility,.mainHeader,.heroExact,main,footer{width:1100px!important}.utility{height:33px!important}.mainHeader{height:50px!important;padding:0 26px!important}.headerIn{height:50px!important}.brand{min-width:165px}.brand b{font-size:18px}.brand small{font-size:8px}.mainHeader nav{gap:24px}.mainHeader nav a{font-size:11px}.mainHeader nav .selected{padding-bottom:17px}.headerSearch{width:300px;height:35px;padding:9px 12px}.heroExact,.heroGrid{height:235px!important}.heroGrid{grid-template-columns:288px 457px 355px!important}.batteryFinder{width:288px!important;max-width:288px!important;justify-self:start!important;margin:0!important;padding:12px 14px!important}.batteryFinder h2{font-size:15px!important}.batteryFinder select{height:29px!important}.batteryFinder button{height:33px!important}.heroPhoto{height:235px!important;background-size:115% auto,cover!important}.heroText{padding:0 18px!important}.heroText h1{font-size:31px!important;line-height:1.45!important;max-width:270px!important;white-space:normal!important}.heroText h1 span{display:block!important}.heroText h1 span:nth-child(2){white-space:nowrap}.heroText h1 em{font-style:normal;color:#ffad00}.heroText h1:after{display:none!important}.heroText p{font-size:11px!important;max-width:260px!important}.heroPromises{margin-top:10px!important;gap:12px!important}.serviceStrip{height:55px!important;margin-top:10px!important;margin-bottom:6px!important}.serviceStrip>div{padding:7px 25px!important}.serviceStrip span{font-size:21px!important}.homeSection{margin-top:5px!important}.homeSection h2,.reviews h2{font-size:16px!important;margin:5px 0!important}.categoryGrid{gap:10px!important}.categoryGrid article{height:86px!important}.catPhoto{width:108px!important;height:70px!important}.sectionHead{height:27px}.sectionHead h2{margin:0 auto!important}.productGrid{gap:12px!important}.productCard{height:150px!important;padding:7px!important}.productImage{height:60px!important}.productCard h3{font-size:10px!important;min-height:20px!important;margin:4px 0!important}.productMeta{font-size:8px!important}.productCard strong{font-size:10px!important;margin:3px 0!important}.productCard form button{height:25px!important;font-size:9px!important}.installExact{margin-top:8px!important}.brandRow{margin-top:8px!important}.articleGrid{gap:10px!important}.reviews{margin-top:8px!important}footer{margin-top:20px!important}}
.catPhoto{background-image:url("/static/shop/category-reference-v7.694794706b01.png")!important;background-repeat:no-repeat!important;background-size:1411px 649px!important;font-size:0!important}.catPhoto:before{display:none!important}.cat1{background-position:-922px -411px!important}.cat2{background-position:-745px -411px!important}.cat3{background-position:-566px -411px!important}.cat4{background-position:-383px -411px!important}.cat5{background-position:-174px -411px!important}
@media(max-width:800px){.catPhoto{background-size:900px auto!important}.cat1{background-position:-588px -262px!important}.cat2{background-position:-475px -262px!important}.cat3{background-position:-361px -262px!important}.cat4{background-position:-244px -262px!important}.cat5{background-position:-111px -262px!important}.heroText h1 span{display:block}.heroText h1 em{color:#ffad00;font-style:normal}}



@media(min-width:1101px){.brand{height:46px;background:url("/static/shop/category-reference-v7.694794706b01.png") -900px -41px/1411px 649px no-repeat!important}.brand>*{visibility:hidden!important}.heroPhoto{background:url("/static/shop/category-reference-v7.694794706b01.png") -354px -87px/1411px 649px no-repeat!important}.referenceBattery{background-image:url("/static/shop/category-reference-v7.694794706b01.png")!important;background-size:1411px 649px!important;background-repeat:no-repeat!important}.battery1{background-position:-887px -516px!important}.battery2{background-position:-694px -516px!important}.battery3{background-position:-501px -516px!important}.battery4{background-position:-309px -516px!important}}
@media(min-width:801px) and (max-width:1100px){.heroPhoto{background:url("/static/shop/category-reference-v7.694794706b01.png") -354px -87px/1411px 649px no-repeat!important}.referenceBattery{background-image:url("/static/shop/battery-product.766a53bdff53.webp?v=8")!important;background-size:contain!important;background-position:center!important}}



.utility{overflow:hidden}.utilityIn{box-sizing:border-box!important;padding:0 18px!important;max-width:100%!important}.utilityIn>span{white-space:nowrap}.supportLine{display:flex;align-items:center;gap:6px}.lineIcon,.serviceIcon,.cartSvg{display:inline-block;flex:0 0 auto;background-color:currentColor;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-size:contain}.lineIcon{width:14px;height:14px;color:#fff}.phoneIcon{-webkit-mask-image:url("/static/shop/icons/phone.e01d910aeb5e.svg");mask-image:url("/static/shop/icons/phone.e01d910aeb5e.svg")}.headsetIcon{-webkit-mask-image:url("/static/shop/icons/headset.15aaf456aa44.svg");mask-image:url("/static/shop/icons/headset.15aaf456aa44.svg")}.cartSvg{width:24px;height:24px;color:#f3a400;-webkit-mask-image:url("/static/shop/icons/cart.320a0bd59ffd.svg");mask-image:url("/static/shop/icons/cart.320a0bd59ffd.svg")}.headerCart{display:grid!important;place-items:center!important;width:30px;height:30px;font-size:0!important}.headerCart i{font-size:9px!important}.serviceIcon{width:27px!important;height:27px!important;color:#f3a400!important;grid-row:1/3!important}.shieldIcon{-webkit-mask-image:url("/static/shop/icons/shield.d8d148aafa32.svg");mask-image:url("/static/shop/icons/shield.d8d148aafa32.svg")}.truckIcon{-webkit-mask-image:url("/static/shop/icons/truck.ee07cde00287.svg");mask-image:url("/static/shop/icons/truck.ee07cde00287.svg")}.wrenchIcon{-webkit-mask-image:url("/static/shop/icons/wrench.7ff012610bbe.svg");mask-image:url("/static/shop/icons/wrench.7ff012610bbe.svg")}.qualityIcon{-webkit-mask-image:url("/static/shop/icons/quality.767d2e2905f1.svg");mask-image:url("/static/shop/icons/quality.767d2e2905f1.svg")}.heroPromises span{font-size:0!important;position:relative;padding-right:25px;min-height:28px}.heroPromises span:before{content:'';position:absolute;right:0;top:1px;width:22px;height:22px;background:#f3a400;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}.heroPromises span:nth-child(1):before{-webkit-mask-image:url("/static/shop/icons/shield.d8d148aafa32.svg");mask-image:url("/static/shop/icons/shield.d8d148aafa32.svg")}.heroPromises span:nth-child(2):before{-webkit-mask-image:url("/static/shop/icons/truck.ee07cde00287.svg");mask-image:url("/static/shop/icons/truck.ee07cde00287.svg")}.heroPromises span:nth-child(3):before{-webkit-mask-image:url("/static/shop/icons/quality.767d2e2905f1.svg");mask-image:url("/static/shop/icons/quality.767d2e2905f1.svg")}.heroPromises small{font-size:9px!important}.heroPhoto{position:relative;isolation:isolate;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%),linear-gradient(0deg,transparent 0,#000 10%,#000 96%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);filter:drop-shadow(0 12px 18px rgba(0,0,0,.38))}.installPhoto{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 78%,transparent 100%),linear-gradient(0deg,transparent 0,#000 12%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,#000 0,#000 78%,transparent 100%);filter:drop-shadow(12px 0 18px rgba(0,0,0,.4))}.productCard form button{font-size:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px}.productCard form button:before{content:'افزودن به سبد';font-size:9px}.productCard form button:after{content:'';width:14px;height:14px;background:#263d52;-webkit-mask:url("/static/shop/icons/cart.320a0bd59ffd.svg") center/contain no-repeat;mask:url("/static/shop/icons/cart.320a0bd59ffd.svg") center/contain no-repeat}
@media(min-width:1101px){.utilityIn{height:33px!important}.utilLeft{margin-right:auto!important;margin-left:0!important}.heroPhoto{margin-inline:-8px;padding-inline:8px}.installPhoto{margin-left:-16px;padding-left:16px}}
@media(max-width:800px){.utilityIn{padding:0 12px!important;justify-content:center!important}.supportLine{font-size:10px}.heroPhoto{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}.serviceIcon{width:21px!important;height:21px!important}}



@media(min-width:1101px){.heroText{transform:translateX(-30px);width:275px}.heroPromises{width:270px;gap:5px!important}.heroPromises span{width:86px;height:48px;padding:5px 28px 5px 4px!important;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:rgba(0,16,35,.32);display:flex;align-items:center}.heroPromises span:before{right:5px!important;top:12px!important}.productCard{height:138px!important}.productImage{height:52px!important}.productCard h3{min-height:18px!important}.installExact{width:970px!important;height:98px!important;grid-template-columns:410px 1fr 210px!important}.installPhoto{height:98px!important}.installCopy{padding:0 20px!important}.installCopy h2{font-size:21px!important}.installCopy p{font-size:10px!important;margin:4px 0 7px!important}.installExact>a{font-size:10px!important;padding:11px 10px!important;margin-left:16px!important}footer .footerGrid{grid-template-columns:2fr .8fr 1fr 1.3fr 1.35fr!important;gap:24px!important}.mapPreview{width:155px;height:65px}.copyright{margin-top:18px}}
.serviceIcon,.heroPromises span:before,.cartSvg{background-color:transparent!important;-webkit-mask-image:none!important;mask-image:none!important;background-image:url("/static/shop/reference.6a7dafc42abe.png")!important;background-size:1456px 1086px!important;background-repeat:no-repeat!important}.serviceStrip>div:nth-child(1) .serviceIcon{background-position:-987px -332px!important}.serviceStrip>div:nth-child(2) .serviceIcon{background-position:-755px -332px!important}.serviceStrip>div:nth-child(3) .serviceIcon{background-position:-523px -332px!important}.serviceStrip>div:nth-child(4) .serviceIcon{background-position:-297px -332px!important}.heroPromises span:nth-child(1):before{background-position:-856px -244px!important}.heroPromises span:nth-child(2):before{background-position:-932px -244px!important}.heroPromises span:nth-child(3):before{background-position:-1007px -244px!important}.cartSvg{background-position:-72px -47px!important}.installChecks{display:flex!important;gap:5px!important}.installBadge{height:25px;border:1px solid rgba(255,255,255,.18);border-radius:5px;background:rgba(0,15,33,.4);padding:5px 24px 5px 7px;position:relative;font-size:8px;white-space:nowrap}.installBadge:before{content:'';position:absolute;right:5px;top:4px;width:16px;height:16px;background:#f3a400;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}.installAdvice:before{-webkit-mask-image:url("/static/shop/icons/headset.15aaf456aa44.svg");mask-image:url("/static/shop/icons/headset.15aaf456aa44.svg")}.installTest:before{-webkit-mask-image:url("/static/shop/icons/wrench.7ff012610bbe.svg");mask-image:url("/static/shop/icons/wrench.7ff012610bbe.svg")}.installOriginal:before{-webkit-mask-image:url("/static/shop/icons/shield.d8d148aafa32.svg");mask-image:url("/static/shop/icons/shield.d8d148aafa32.svg")}.pinIcon{display:inline-block;width:15px;height:15px;vertical-align:middle;background:#172b40;-webkit-mask:url("/static/shop/icons/pin.e4300a232a46.svg") center/contain no-repeat;mask:url("/static/shop/icons/pin.e4300a232a46.svg") center/contain no-repeat}.footIcon{display:inline-block;width:14px;height:14px;margin-left:5px;vertical-align:middle;background:#f3a400;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}.phoneFoot{-webkit-mask-image:url("/static/shop/icons/phone.e01d910aeb5e.svg");mask-image:url("/static/shop/icons/phone.e01d910aeb5e.svg")}.mailFoot{-webkit-mask-image:url("/static/shop/icons/mail.37f72823b6dd.svg");mask-image:url("/static/shop/icons/mail.37f72823b6dd.svg")}.clockFoot{-webkit-mask-image:url("/static/shop/icons/clock.8a459761b954.svg");mask-image:url("/static/shop/icons/clock.8a459761b954.svg")}.mapPreview{background:url("/static/shop/reference.6a7dafc42abe.png") -109px -990px/1456px 1086px no-repeat;border:1px solid rgba(255,255,255,.22);border-radius:4px}.trustMarks{display:flex;gap:5px;margin-top:10px}.trustMarks span{border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:5px;font-size:7px;color:#dbe5ef}.copyright{border-top:1px solid rgba(255,255,255,.12);padding-top:10px;text-align:center;color:#8fa4ba;font-size:8px}
@media(max-width:800px){.heroText{transform:none}.heroPromises span{border:0;background:transparent}.installExact{width:100%!important}.installChecks{display:none!important}footer .footerGrid{grid-template-columns:1fr 1fr!important}.addressFoot{grid-column:1/3}.mapPreview{width:100%;height:75px}.aboutFoot{grid-column:1/3}}


.lineIcon{background-color:transparent!important;-webkit-mask-image:none!important;mask-image:none!important;background-image:url("/static/shop/reference.6a7dafc42abe.png")!important;background-size:1456px 1086px!important;background-repeat:no-repeat!important}.supportLine .headsetIcon{background-position:-999px -13px!important}.supportLine .phoneIcon{background-position:-849px -13px!important}.favorite{font-size:0!important;width:18px;height:18px;background:#476b8c!important;-webkit-mask:url("/static/shop/icons/heart.b5c400d21dae.svg") center/15px 15px no-repeat;mask:url("/static/shop/icons/heart.b5c400d21dae.svg") center/15px 15px no-repeat}.productCard form button:after{background-color:transparent!important;-webkit-mask-image:none!important;mask-image:none!important;background-image:url("/static/shop/reference.6a7dafc42abe.png")!important;background-size:760px auto!important;background-repeat:no-repeat!important;background-position:-128px -329px!important;width:15px!important;height:15px!important}



.lineIcon,.serviceIcon,.cartSvg,.heroPromises span:before{background-image:none!important;background-color:currentColor!important;background-position:center!important;background-size:contain!important;-webkit-mask-repeat:no-repeat!important;-webkit-mask-position:center!important;-webkit-mask-size:contain!important;mask-repeat:no-repeat!important;mask-position:center!important;mask-size:contain!important}.supportLine .headsetIcon,.serviceStrip>div:nth-child(4) .serviceIcon{-webkit-mask-image:url("/static/shop/icons/headset.15aaf456aa44.svg")!important;mask-image:url("/static/shop/icons/headset.15aaf456aa44.svg")!important}.supportLine .phoneIcon{-webkit-mask-image:url("/static/shop/icons/phone.e01d910aeb5e.svg")!important;mask-image:url("/static/shop/icons/phone.e01d910aeb5e.svg")!important}.cartSvg{-webkit-mask-image:url("/static/shop/icons/cart.320a0bd59ffd.svg")!important;mask-image:url("/static/shop/icons/cart.320a0bd59ffd.svg")!important;color:#f3a400!important}.serviceStrip>div:nth-child(1) .serviceIcon,.heroPromises span:nth-child(1):before{-webkit-mask-image:url("/static/shop/icons/shield.d8d148aafa32.svg")!important;mask-image:url("/static/shop/icons/shield.d8d148aafa32.svg")!important}.serviceStrip>div:nth-child(2) .serviceIcon,.heroPromises span:nth-child(2):before{-webkit-mask-image:url("/static/shop/icons/truck.ee07cde00287.svg")!important;mask-image:url("/static/shop/icons/truck.ee07cde00287.svg")!important}.serviceStrip>div:nth-child(3) .serviceIcon{-webkit-mask-image:url("/static/shop/icons/wrench.7ff012610bbe.svg")!important;mask-image:url("/static/shop/icons/wrench.7ff012610bbe.svg")!important}.heroPromises span:nth-child(3):before{-webkit-mask-image:url("/static/shop/icons/quality.767d2e2905f1.svg")!important;mask-image:url("/static/shop/icons/quality.767d2e2905f1.svg")!important}.serviceIcon,.heroPromises span:before{color:#f3a400!important}.referenceBattery{background-image:url("/static/shop/battery-product.766a53bdff53.webp?v=12")!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important}.battery1,.battery2,.battery3,.battery4{background-position:center!important}.productCard form button:after{background-image:none!important;background-color:#213b54!important;-webkit-mask:url("/static/shop/icons/cart.320a0bd59ffd.svg") center/contain no-repeat!important;mask:url("/static/shop/icons/cart.320a0bd59ffd.svg") center/contain no-repeat!important}.favorite{background:#476b8c!important;-webkit-mask:url("/static/shop/icons/heart.b5c400d21dae.svg") center/15px 15px no-repeat!important;mask:url("/static/shop/icons/heart.b5c400d21dae.svg") center/15px 15px no-repeat!important}
@media(min-width:1101px){.serviceStrip,.homeSection,.brandRow,.reviews{width:970px!important}.serviceStrip{grid-template-columns:repeat(4,1fr)!important}.serviceStrip>div{padding:7px 16px!important;grid-template-columns:34px 1fr!important}.serviceStrip b{font-size:11px!important;line-height:1.4}.serviceStrip small{font-size:8px!important;line-height:1.5}.serviceIcon{width:24px!important;height:24px!important}.categoryGrid{grid-template-columns:repeat(5,1fr)!important}.categoryGrid article{min-width:0!important}.productGrid{grid-template-columns:repeat(4,1fr)!important;gap:10px!important}.productCard{height:154px!important;padding:8px!important;display:flex!important;flex-direction:column!important}.productImage{height:62px!important;flex:0 0 62px!important}.productCard h3{height:22px!important;min-height:22px!important;margin:3px 0!important;overflow:hidden!important}.productMeta{height:13px!important}.productCard strong{height:17px!important;line-height:17px!important;margin:1px 0!important}.productCard form{margin-top:auto!important}.productCard form button{height:25px!important}.sectionHead{width:100%!important}.installExact{width:970px!important}.articleGrid{grid-template-columns:repeat(4,1fr)!important}.reviews>div{grid-template-columns:repeat(3,1fr)!important}.heroPromises span{box-sizing:border-box!important;overflow:hidden!important}.heroPromises small{line-height:1.45!important;text-align:center!important}.installChecks{align-items:center!important}.installBadge{box-sizing:border-box!important;display:flex!important;align-items:center!important}.installExact>a{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important}}
@media(max-width:800px){.serviceStrip,.homeSection,.brandRow,.reviews{width:100%!important}.referenceBattery{background-image:url("/static/shop/battery-product.766a53bdff53.webp?v=12")!important}.productCard{display:flex!important;flex-direction:column!important}.productCard form{margin-top:auto!important}.serviceIcon{color:#f3a400!important}}



@media(min-width:1101px){.heroExact{background-image:url("/static/shop/reference.6a7dafc42abe.png")!important;background-repeat:no-repeat!important;background-size:1456px 1086px!important;background-position:-42px -87px!important}.heroPhoto{background:none!important;filter:none!important;-webkit-mask-image:none!important;mask-image:none!important}.heroText{transform:none!important;margin-right:8px!important;padding:20px 18px 12px 25px!important;background:linear-gradient(90deg,rgba(0,24,50,.2),rgba(0,24,50,.94) 32%)!important}.heroPromises{width:270px!important;gap:0!important;margin-top:8px!important}.heroPromises span{width:90px!important;height:47px!important;border:0!important;border-radius:0!important;background:transparent!important;padding:4px 29px 4px 7px!important}.heroPromises span+span{border-right:1px solid rgba(255,255,255,.22)!important}.heroPromises span:before{right:7px!important;top:12px!important}.heroPromises small{text-align:center!important;line-height:1.55!important}.batteryFinder{box-shadow:0 8px 26px rgba(0,0,0,.3)!important}.categoryGrid article{display:grid!important;grid-template-columns:1fr 94px!important;grid-template-rows:1fr!important;align-items:center!important;padding:7px 10px!important}.categoryGrid .catPhoto{grid-column:2!important;width:94px!important;height:68px!important}.categoryGrid article>div:last-child{grid-column:1!important;grid-row:1!important;align-items:flex-start!important;text-align:right!important;gap:4px!important}.categoryGrid b{font-size:11px!important;line-height:1.5!important}.categoryGrid small{font-size:8px!important}.productCard{text-align:right!important}.productImage{display:grid!important;place-items:center!important}.referenceBattery{width:88%!important;margin:auto!important}.productCard h3{text-align:right!important;line-height:1.6!important}.productMeta{display:flex!important;align-items:center!important;justify-content:space-between!important}.productCard strong{text-align:right!important}.articleGrid article{height:82px!important;overflow:hidden!important}.articleGrid h3{height:28px!important;overflow:hidden!important}.articleGrid p{height:30px!important;overflow:hidden!important}.installExact{grid-template-columns:430px 1fr 205px!important}.installPhoto{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 60%,rgba(0,0,0,.75) 72%,transparent 100%)!important;mask-image:linear-gradient(90deg,#000 0,#000 60%,rgba(0,0,0,.75) 72%,transparent 100%)!important}.installCopy{padding-right:8px!important;padding-left:18px!important}.installAction{direction:rtl;display:grid;grid-template-columns:1fr;gap:4px;margin-left:12px}.installAction label{font-size:8px;color:#d9e5ef}.installAction input{width:100%;height:28px;border:1px solid rgba(255,255,255,.28);border-radius:5px;background:rgba(255,255,255,.08);color:#fff;padding:0 8px;font-family:inherit;font-size:8px}.installAction input::placeholder{color:#b9c7d5}.installAction a{height:30px;display:flex;align-items:center;justify-content:center;gap:5px;background:#ffad00;color:#071b33;text-decoration:none;border-radius:5px;font-weight:700;font-size:9px}}
@media(max-width:800px){.heroExact{background:linear-gradient(#001b38,#00284c)!important}.heroPhoto{background-image:url("/static/shop/hero-car-battery-v2.8cd13ba0a7df.webp?v=13")!important;background-position:center!important;background-size:contain!important}.installAction{display:grid;gap:4px;padding-left:8px}.installAction label{font-size:8px;color:#fff}.installAction input{width:100%;height:27px;border-radius:4px;border:1px solid #ffffff44;background:#ffffff13;color:#fff;padding:0 6px}.installAction a{background:#ffad00;color:#071b33;text-decoration:none;padding:8px;border-radius:4px;text-align:center}.articleGrid{grid-template-columns:1fr!important}}



@media(min-width:801px){.heroText{position:relative!important;background:linear-gradient(90deg,rgba(0,27,55,0) 0,#001b37 22%,#001b37 100%)!important;box-shadow:-22px 0 30px rgba(0,27,55,.6)!important}.heroText>*{position:relative;z-index:2}.productCard{height:162px!important;padding:8px 8px 10px!important;box-sizing:border-box!important}.productCard form{width:100%!important;padding:0 0 2px!important;box-sizing:border-box!important}.productCard form button{height:25px!important;margin:0!important;position:relative!important;bottom:auto!important}.productGrid{padding-bottom:4px!important}}
@media(max-width:800px){.heroText{background:transparent!important;box-shadow:none!important}.productCard{min-height:190px!important;padding-bottom:9px!important}.productCard form{margin-top:auto!important;padding-bottom:2px!important}.productCard form button{margin:0!important}}



@media(min-width:1101px){
  .heroText{
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
    background:#001b37!important;
    box-shadow:none!important;
  }
  .heroText h1{margin-right:auto!important;margin-left:auto!important}
  .heroText p{margin-right:auto!important;margin-left:auto!important;text-align:center!important}
  .heroPromises{width:290px!important;justify-content:center!important}
  .heroPromises span{flex:0 0 92px!important;width:92px!important}
  .heroPromises span:nth-child(2){flex-basis:106px!important;width:106px!important}
  .heroPromises small{white-space:nowrap!important}
  .heroText:before{
    content:"";
    position:absolute;
    z-index:1;
    top:0;
    bottom:0;
    left:-52px;
    width:52px;
    background:linear-gradient(90deg,rgba(0,27,55,0),#001b37);
    pointer-events:none;
  }
  .articleGrid{grid-template-columns:repeat(4,1fr)!important}
}

/* RAIS FINAL MEDIA AND CATALOG DISPLAY */
.pageMain {
  padding-top: 28px !important;
}

.pageContainer {
  width: min(1560px, calc(100% - 36px)) !important;
}

.catalogGrid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(320px, 380px)) !important;
  justify-content: start !important;
  gap: 26px !important;
}

.catalogGrid .productCard {
  min-height: 440px !important;
  padding: 18px !important;
  border-radius: 16px !important;
}

.catalogGrid .productImage {
  height: 240px !important;
  padding: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
}

.catalogGrid .productImage img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.catalogGrid .productCard h3 {
  font-size: 18px !important;
  line-height: 1.7 !important;
  min-height: 32px !important;
}

.catalogGrid .productMeta {
  font-size: 12px !important;
}

.catalogGrid .productCard strong {
  font-size: 18px !important;
}

.catalogGrid .btn,
.catalogGrid button {
  min-height: 42px !important;
  font-size: 14px !important;
}

.brandGrid {
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)) !important;
  gap: 24px !important;
}

.brandCard {
  min-height: 240px !important;
  padding: 24px !important;
}

.brandCard img {
  height: 155px !important;
  max-width: 420px !important;
  width: 100% !important;
  object-fit: contain !important;
}

.productShowcase .productImage {
  height: 170px !important;
}

.categoryCard.hasImage {
  background-image:
    linear-gradient(0deg, rgba(0, 18, 39, .42), rgba(0, 18, 39, .04) 56%, rgba(0, 18, 39, 0) 78%),
    var(--category-image) !important;
}

.categoryCard.hasImage:before {
  content: none !important;
  display: none !important;
}

@media (max-width: 768px) {
  .pageContainer {
    width: min(100% - 20px, 560px) !important;
  }

  .catalogGrid {
    grid-template-columns: 1fr !important;
  }

  .catalogGrid .productImage {
    height: 220px !important;
  }

  .brandCard img {
    height: 130px !important;
  }
}

/* RAIS FINAL ABSOLUTE OVERRIDE V17 - must stay at the very end */
.pageMain {
  padding: 22px 0 44px !important;
  background: #f6f8fb !important;
}

.pageContainer {
  width: min(1680px, calc(100% - 28px)) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

.pageHero,
.filterBar {
  width: min(1180px, 100%) !important;
  margin-inline: auto !important;
}

.catalogGrid {
  width: min(1320px, 100%) !important;
  margin: 30px auto 0 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(360px, 400px)) !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 30px !important;
}

.catalogGrid .productCard {
  width: 100% !important;
  max-width: 400px !important;
  min-height: 560px !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 16px !important;
  border-radius: 18px !important;
  background: #fff !important;
  overflow: hidden !important;
  box-shadow: 0 16px 34px rgba(0, 28, 58, .10) !important;
}

.catalogGrid .productImage {
  display: block !important;
  width: 100% !important;
  height: 360px !important;
  padding: 0 !important;
  margin: 0 0 14px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #fff !important;
}

.catalogGrid .productImage img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  transform-origin: center center !important;
}

.catalogGrid .productCard h3 {
  margin: 8px 0 8px !important;
  min-height: auto !important;
  font-size: 21px !important;
  line-height: 1.55 !important;
}

.catalogGrid .productCard h3 a {
  color: #061f3c !important;
  text-decoration: none !important;
}

.catalogGrid .productMeta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-top: auto !important;
  font-size: 13px !important;
}

.catalogGrid .productCard strong {
  margin: 12px 0 16px !important;
  font-size: 22px !important;
  line-height: 1.5 !important;
  color: #001f3f !important;
}

.catalogGrid .productCard form button,
.catalogGrid .productCard > button {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
}

.categoryShowcase .categoryGrid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(360px, 440px)) !important;
  justify-content: center !important;
  gap: 24px !important;
}

.categoryShowcase .categoryCard {
  width: min(100%, 440px) !important;
  aspect-ratio: 4 / 3 !important;
  background-color: #041f3e !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
}

.categoryShowcase .categoryCard.hasImage {
  background-image:
    linear-gradient(0deg, rgba(0, 18, 39, .62), rgba(0, 18, 39, .08) 62%),
    var(--category-image) !important;
  background-size: 100% 100%, contain !important;
  background-position: center center, center center !important;
}

.brandShowcase .brandGrid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(420px, 560px)) !important;
  justify-content: center !important;
  gap: 24px !important;
}

.brandShowcase .brandCard {
  min-height: 280px !important;
  padding: 24px !important;
}

.brandShowcase .brandCard img {
  width: 100% !important;
  max-width: 530px !important;
  height: 195px !important;
  object-fit: contain !important;
}

@media (max-width: 800px) {
  .pageContainer {
    width: calc(100% - 18px) !important;
  }

  .catalogGrid,
  .categoryShowcase .categoryGrid,
  .brandShowcase .brandGrid {
    grid-template-columns: 1fr !important;
  }

  .catalogGrid .productImage {
    height: 310px !important;
  }
}

/* RAIS PRODUCT CARDS V24 - isolated from old productCard/productImage rules */
.raisCatalogGrid {
  width: 100% !important;
  max-width: none !important;
  margin: 30px auto 0 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(250px, 290px)) !important;
  justify-content: center !important;
  align-items: start !important;
  gap: 28px !important;
}

.raisProductCard {
  width: 100% !important;
  max-width: 290px !important;
  margin: 0 !important;
  padding: 0 0 14px !important;
  border: 1px solid #dfe6ee !important;
  border-radius: 16px !important;
  background: #fff !important;
  overflow: hidden !important;
  box-shadow: 0 14px 30px rgba(0, 28, 58, .10) !important;
}

.raisProductPhoto {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  background: #fff !important;
  overflow: hidden !important;
  text-decoration: none !important;
}

.raisProductPhoto img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

.raisProductBody {
  padding: 0 16px !important;
}

.raisProductBody h3 {
  margin: 0 0 10px !important;
  min-height: 44px !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  font-weight: 800 !important;
}

.raisProductBody h3 a {
  color: #10253d !important;
  text-decoration: none !important;
}

.raisProductMeta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin: 0 0 10px !important;
  color: #a46b00 !important;
  font-size: 11px !important;
}

.raisProductBody strong {
  display: block !important;
  margin: 0 0 14px !important;
  color: #001f3f !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  font-weight: 900 !important;
}

.raisProductBody form {
  margin: 0 !important;
}

.raisProductBody button {
  width: 100% !important;
  height: 44px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #ffad00 !important;
  color: #10253d !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.raisProductBody button:before,
.raisProductBody button:after {
  content: none !important;
  display: none !important;
}

@media (max-width: 800px) {
  .raisCatalogGrid {
    grid-template-columns: minmax(250px, 310px) !important;
  }
}

/* RAIS PRODUCT DETAIL V25 - full square product image, no inline crop */
.raisDetailPhoto {
  width: min(100%, 620px) !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 auto 16px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  background: #fff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

.raisDetailPhoto img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

@media (max-width: 800px) {
  .raisDetailPhoto {
    width: 100% !important;
  }
}

/* RAIS FINAL CATEGORY FIT V16 - keep category artwork fully inside the card */
.categoryShowcase .categoryGrid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(340px, 420px)) !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 24px !important;
}

.categoryShowcase .categoryCard {
  width: min(100%, 420px) !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background-color: #041f3e !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
  box-shadow: 0 14px 34px rgba(0, 28, 58, .13) !important;
}

.categoryShowcase .categoryCard.hasImage {
  background-image:
    linear-gradient(0deg, rgba(0, 18, 39, .62) 0%, rgba(0, 18, 39, .22) 30%, rgba(0, 18, 39, 0) 68%),
    var(--category-image) !important;
  background-size: 100% 100%, contain !important;
  background-position: center center, center center !important;
}

.categoryShowcase .categoryCard.hasImage:before,
.categoryShowcase .categoryCard.hasImage:after {
  content: none !important;
  display: none !important;
}

.categoryShowcase .categoryCard span {
  position: absolute !important;
  right: 18px !important;
  bottom: 16px !important;
  z-index: 2 !important;
  max-width: calc(100% - 36px) !important;
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  line-height: 1.5 !important;
  text-shadow: 0 3px 12px rgba(0, 18, 39, .65) !important;
}

@media (max-width: 760px) {
  .categoryShowcase .categoryGrid {
    grid-template-columns: 1fr !important;
  }

  .categoryShowcase .categoryCard {
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
  }
}

/* RAIS FINAL VISUAL FIX V14 - large clear category, brand and product media */
main {
  overflow: visible !important;
}

.homeSection {
  margin-top: 28px !important;
}

.categoryShowcase .categoryInner,
.productShowcase .productInner,
.brandShowcase .brandInner {
  width: min(1580px, calc(100% - 64px)) !important;
  margin-inline: auto !important;
}

.categoryGrid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

.categoryCard {
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 14px 34px rgba(0, 28, 58, .13) !important;
}

.categoryCard.hasImage {
  background-color: #061f3c !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-image:
    linear-gradient(0deg, rgba(0, 18, 39, .74) 0%, rgba(0, 18, 39, .28) 28%, rgba(0, 18, 39, .04) 62%),
    var(--category-image) !important;
}

.categoryCard.hasImage:before,
.categoryCard.hasImage:after {
  content: none !important;
  display: none !important;
}

.categoryCard span {
  position: absolute !important;
  right: 20px !important;
  bottom: 18px !important;
  z-index: 2 !important;
  max-width: calc(100% - 40px) !important;
  padding: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 23px !important;
  font-weight: 950 !important;
  line-height: 1.55 !important;
  text-shadow: 0 3px 12px rgba(0, 18, 39, .55) !important;
}

.productShowcase .productGrid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(255px, 1fr)) !important;
  gap: 24px !important;
  overflow: visible !important;
}

.productShowcase .productCard {
  height: auto !important;
  min-height: 390px !important;
  padding: 16px !important;
  border-radius: 16px !important;
}

.productShowcase .productImage {
  height: 210px !important;
  border-radius: 14px !important;
  background: #fff !important;
}

.productShowcase .productImage img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.pageMain {
  background: #f6f8fb !important;
  padding: 26px 0 48px !important;
}

.pageContainer {
  width: min(1580px, calc(100% - 42px)) !important;
}

.catalogGrid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 340px)) !important;
  justify-content: start !important;
  gap: 28px !important;
  align-items: stretch !important;
  margin-top: 28px !important;
}

.catalogGrid .productCard {
  display: flex !important;
  flex-direction: column !important;
  min-height: 430px !important;
  height: auto !important;
  padding: 16px !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 34px rgba(0, 28, 58, .08) !important;
}

.catalogGrid .productImage {
  height: 255px !important;
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #fff !important;
}

.catalogGrid .productImage img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

.catalogGrid .productCard h3 {
  margin: 14px 0 8px !important;
  min-height: auto !important;
  font-size: 19px !important;
  line-height: 1.65 !important;
}

.catalogGrid .productCard h3 a {
  color: #061f3c !important;
}

.catalogGrid .productMeta {
  margin-top: auto !important;
  font-size: 13px !important;
  color: #8b6500 !important;
}

.catalogGrid .productCard strong {
  margin: 10px 0 14px !important;
  font-size: 20px !important;
  color: #001f3f !important;
}

.catalogGrid .productCard form button,
.catalogGrid .productCard > button {
  height: 46px !important;
  min-height: 46px !important;
  border-radius: 9px !important;
  font-size: 14px !important;
}

.brandGrid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

.brandCard {
  min-height: 250px !important;
  padding: 24px !important;
  border-radius: 16px !important;
}

.brandCard img {
  display: block !important;
  width: min(100%, 500px) !important;
  max-width: 500px !important;
  height: 165px !important;
  object-fit: contain !important;
  margin-inline: auto !important;
}

.brandCard .brandBrowse {
  margin-top: 18px !important;
}

.visualGrid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
}

.visualTile {
  min-height: 260px !important;
  padding: 22px !important;
}

.visualTile img {
  height: 165px !important;
  object-fit: contain !important;
}

@media (max-width: 900px) {
  .categoryShowcase .categoryInner,
  .productShowcase .productInner,
  .brandShowcase .brandInner,
  .pageContainer {
    width: min(100% - 24px, 620px) !important;
  }

  .categoryGrid,
  .catalogGrid,
  .productShowcase .productGrid,
  .brandGrid,
  .visualGrid {
    grid-template-columns: 1fr !important;
  }

  .categoryCard {
    aspect-ratio: 4 / 3 !important;
  }

  .catalogGrid .productImage,
  .productShowcase .productImage {
    height: 235px !important;
  }
}

/* RAIS FINAL VISUAL FIX V15 - make actual uploaded media visible, not just the boxes */
.categoryShowcase {
  padding-top: 10px !important;
}

.categoryShowcase .categoryGrid {
  justify-content: center !important;
}

.categoryShowcase .categoryCard {
  width: min(100%, 360px) !important;
  justify-self: center !important;
  aspect-ratio: 1 / 1 !important;
  background-size: cover !important;
  background-position: center !important;
}

.categoryShowcase .categoryCard.hasImage {
  background-image:
    linear-gradient(0deg, rgba(0, 18, 39, .68) 0%, rgba(0, 18, 39, .18) 34%, rgba(0, 18, 39, 0) 70%),
    var(--category-image) !important;
}

.categoryShowcase .categoryCard span {
  right: 18px !important;
  bottom: 16px !important;
  font-size: 22px !important;
}

.productShowcase .productSliderShell {
  overflow: visible !important;
}

.productShowcase .productGrid {
  justify-content: center !important;
}

.productShowcase .productGrid > p {
  grid-column: 1 / -1 !important;
  text-align: center !important;
  color: #64748b !important;
}

.productShowcase .productCard,
.catalogGrid .productCard {
  width: min(100%, 360px) !important;
}

.productShowcase .productImage,
.catalogGrid .productImage {
  height: 285px !important;
  background: #fff !important;
}

.productShowcase .productImage img,
.catalogGrid .productImage img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 42% !important;
  transform: scale(1.18) !important;
}

.catalogGrid .productCard {
  min-height: 0 !important;
  height: auto !important;
  padding: 14px !important;
}

.catalogGrid .productCard h3 {
  margin-top: 12px !important;
  font-size: 20px !important;
}

.catalogGrid .productMeta {
  margin-top: 6px !important;
}

.catalogGrid .productCard strong {
  font-size: 21px !important;
}

.brandShowcase .brandGrid {
  justify-content: center !important;
}

.brandShowcase .brandCard {
  width: min(100%, 520px) !important;
  justify-self: center !important;
  min-height: 270px !important;
}

.brandShowcase .brandCard img {
  height: 190px !important;
  max-width: 520px !important;
  transform: scale(1.08) !important;
}

.visualGrid .visualTile img {
  height: 185px !important;
  width: 100% !important;
  object-fit: cover !important;
  border-radius: 14px !important;
}

@media (min-width: 1000px) {
  .catalogGrid {
    grid-template-columns: repeat(auto-fill, minmax(340px, 360px)) !important;
  }

  .productShowcase .productGrid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 340px)) !important;
  }

  .brandShowcase .brandGrid {
    grid-template-columns: repeat(auto-fit, minmax(420px, 540px)) !important;
  }
}



@media(min-width:1101px){
  .heroText{align-items:flex-start!important;text-align:right!important;padding-right:30px!important;padding-left:12px!important}
  .heroText h1,.heroText p{width:100%!important;margin-right:0!important;margin-left:0!important;text-align:right!important}
  .heroPromises{width:290px!important;margin-right:14px!important;margin-left:0!important;align-self:flex-start!important}
  .articleGrid article{grid-template-columns:82px minmax(0,1fr)!important;align-items:center!important}
  .articlePhoto{width:82px!important;height:64px!important;min-width:0!important;align-self:center!important;background-repeat:no-repeat!important;overflow:hidden!important}
  .articleGrid article>div:last-child{min-width:0!important;overflow:hidden!important}
}

@media(max-width:800px){
  body{background:#eef1f5!important}
  .utility{height:34px!important}
  .utility .wrap{width:100%!important;padding:0 14px!important;box-sizing:border-box!important}
  .mainHeader{height:52px!important}
  .headerIn{width:100%!important;padding:0 14px!important;box-sizing:border-box!important}
  .brand{order:2!important;margin:auto!important}
  .mobileMenu{order:1!important;font-size:20px!important}
  .headerCart{order:3!important}

  .heroExact{height:342px!important;background:#001c39!important;overflow:hidden!important}
  .heroExact .heroGrid{position:relative!important;display:block!important;width:100%!important;height:342px!important}
  .heroText{position:absolute!important;z-index:4!important;top:18px!important;right:16px!important;width:180px!important;display:block!important;text-align:right!important;background:transparent!important}
  .heroText h1{font-size:22px!important;line-height:1.45!important;width:180px!important;max-width:180px!important;margin:0!important;text-align:right!important;text-shadow:0 2px 5px rgba(0,0,0,.35)!important}
  .heroText p,.heroText .heroPromises{display:none!important}
  .heroPhoto{position:absolute!important;z-index:2!important;top:0!important;right:0!important;left:0!important;width:100%!important;height:158px!important;display:block!important;background-image:url("/static/shop/hero-car-battery-v2.8cd13ba0a7df.webp?v=16"),linear-gradient(180deg,#001b36,#002a4e)!important;background-repeat:no-repeat!important;background-size:255px auto,cover!important;background-position:left -12px bottom -2px,center!important;filter:none!important;-webkit-mask-image:none!important;mask-image:none!important}
  .heroPhoto:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 42% 82%,rgba(18,83,126,.28),transparent 56%);pointer-events:none}
  .batteryFinder{position:absolute!important;z-index:8!important;top:139px!important;right:12px!important;left:12px!important;width:auto!important;max-width:none!important;height:193px!important;margin:0!important;padding:9px 10px!important;box-sizing:border-box!important;border-radius:8px!important;background:linear-gradient(180deg,#062a4d,#001a35)!important;color:#fff!important;box-shadow:0 4px 14px rgba(0,0,0,.42)!important}
  .batteryFinder h2{height:23px!important;line-height:23px!important;margin:0 0 4px!important;font-size:11px!important;text-align:center!important;color:#fff!important}
  .batteryFinder label{height:30px!important;margin:0 0 2px!important}
  .batteryFinder select{height:30px!important;margin:0!important;border-radius:4px!important;font-size:9px!important;background:#fff!important}
  .batteryFinder button{height:34px!important;margin-top:2px!important;font-size:10px!important}

  .serviceStrip{height:70px!important;margin:0!important;background:#fff!important;border-radius:0!important;border-top:1px solid #e2e7ed!important;border-bottom:1px solid #e2e7ed!important}
  .serviceStrip>div{height:70px!important;box-sizing:border-box!important;justify-content:center!important;gap:4px!important;padding:7px 2px!important}
  .serviceIcon{width:23px!important;height:23px!important}
  .serviceStrip b{font-size:8px!important;line-height:1.35!important}

  main{width:100%!important;background:#fff!important}
  .homeSection{padding:0 10px!important;box-sizing:border-box!important}
  .homeSection h2,.reviews h2{font-size:14px!important;margin:11px 0 8px!important}
  .categoryGrid{gap:6px!important;padding-bottom:3px!important;justify-content:space-between!important}
  .categoryGrid article{min-width:62px!important;width:62px!important;height:70px!important;border-radius:7px!important;padding:3px!important;box-sizing:border-box!important}
  .catPhoto{width:54px!important;height:43px!important;font-size:27px!important;margin:auto!important;background-size:900px auto!important}
  .categoryGrid b{font-size:7px!important;white-space:nowrap!important}
  .sectionHead{height:30px!important}
  .sectionHead h2{font-size:14px!important}
  .sectionHead a{font-size:8px!important}
  .productGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .productCard{min-height:191px!important;height:191px!important;padding:7px 7px 9px!important;border-radius:7px!important}
  .productImage{height:82px!important;flex:0 0 82px!important}
  .referenceBattery{width:92%!important}
  .productCard h3{height:31px!important;min-height:31px!important;font-size:9px!important;line-height:1.65!important;margin:3px 0!important}
  .productMeta{height:14px!important;font-size:7px!important}
  .productCard strong{height:18px!important;line-height:18px!important;font-size:9px!important;margin:1px 0!important}
  .productCard form{padding-bottom:0!important}
  .productCard form button{height:27px!important}

  .installExact{height:128px!important;margin-top:10px!important;display:grid!important;grid-template-columns:48% 52%!important;background:#002043!important}
  .installPhoto{height:128px!important;background-position:left center!important;background-size:auto 128px!important}
  .installCopy{padding:12px 9px!important;text-align:right!important}
  .installCopy h2{font-size:14px!important;line-height:1.5!important}
  .installCopy p{font-size:9px!important}
  .installAction{display:none!important}
  .brandRow{padding:0 10px 10px!important;gap:6px!important}
  .brandRow b{min-width:80px!important;padding:10px 3px!important;font-size:9px!important}
  .articleGrid article{grid-template-columns:78px minmax(0,1fr)!important}
  .articlePhoto{width:78px!important;height:62px!important;align-self:center!important}
}



.articleGrid article{box-sizing:border-box!important;overflow:hidden!important}
.articlePhoto{box-sizing:border-box!important;overflow:hidden!important;background-color:#eef2f6!important;background-repeat:no-repeat!important}
.articlePhoto img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:5px!important}
.art4{background-position:-799px -818px!important}
.articleGrid article>div:last-child{display:flex!important;min-width:0!important;height:100%!important;flex-direction:column!important;justify-content:center!important;overflow:hidden!important}
.articleGrid h3{width:100%!important;margin:0 0 3px!important;line-height:1.45!important;text-align:right!important;overflow:hidden!important}
.articleGrid p{width:100%!important;margin:0 0 2px!important;line-height:1.55!important;text-align:right!important;overflow:hidden!important}
.articleGrid a{display:block!important;margin-top:auto!important;white-space:nowrap!important}
@media(min-width:1101px){
  .heroPromises{margin-right:0!important;transform:translateX(12px)!important}
  .articleGrid article{height:88px!important;padding:7px!important;grid-template-columns:78px minmax(0,1fr)!important;gap:8px!important}
  .articlePhoto{width:78px!important;height:68px!important}
  .articleGrid h3{height:28px!important;font-size:10px!important}
  .articleGrid p{height:28px!important;font-size:8px!important}
}
@media(max-width:800px){
  .articleGrid article{height:86px!important;padding:7px!important;gap:8px!important}
  .articleGrid article>div:last-child{justify-content:flex-start!important}
}



@media(max-width:800px){
  .mainHeader{height:56px!important;background:#fff!important}
  .headerIn{height:56px!important;display:flex!important;direction:rtl!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;padding:0 16px!important}
  .brand{order:1!important;display:block!important;flex:0 0 166px!important;width:166px!important;height:46px!important;min-width:166px!important;margin:0 0 0 auto!important;background:url("/static/shop/category-reference-v7.694794706b01.png") -900px -41px/1411px 649px no-repeat!important}
  .brand>*{visibility:hidden!important}
  .headerCart{order:2!important;flex:0 0 28px!important;width:28px!important;height:32px!important;margin:0!important}
  .mobileMenu{order:3!important;flex:0 0 28px!important;width:28px!important;height:32px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;color:#10253d!important}

  .heroExact{height:380px!important;background:#001a35!important;overflow:hidden!important}
  .heroExact .heroGrid{position:relative!important;display:block!important;width:100%!important;max-width:none!important;height:380px!important;margin:0!important}
  .heroText{display:none!important}
  .heroPhoto{position:absolute!important;z-index:2!important;display:block!important;top:0!important;right:0!important;left:0!important;width:100%!important;height:190px!important;background-image:url("/static/shop/category-reference-v7.694794706b01.png")!important;background-repeat:no-repeat!important;background-size:588% auto!important;background-position:96.7% 27.4%!important;filter:none!important;-webkit-mask-image:none!important;mask-image:none!important}
  .heroPhoto:after{display:none!important}

  .batteryFinder{position:absolute!important;z-index:10!important;top:171px!important;right:12px!important;left:12px!important;width:calc(100% - 24px)!important;min-width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;height:199px!important;margin:0!important;padding:10px!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;background:linear-gradient(180deg,#063057,#001d3c)!important;color:#fff!important;box-shadow:0 5px 16px rgba(0,0,0,.42)!important}
  .batteryFinder h2{height:24px!important;line-height:24px!important;margin:0 0 5px!important;font-size:12px!important;text-align:center!important;color:#fff!important;white-space:nowrap!important}
  .batteryFinder label{display:block!important;width:100%!important;height:30px!important;margin:0 0 2px!important}
  .batteryFinder select{display:block!important;width:100%!important;height:30px!important;margin:0!important;padding:0 11px!important;border:1px solid #dce3ea!important;border-radius:5px!important;background:#fff!important;color:#6f7d8e!important;font-size:9px!important;box-sizing:border-box!important}
  .batteryFinder button{display:block!important;width:100%!important;height:35px!important;margin:3px 0 0!important;border-radius:5px!important;font-size:10px!important}
}

@media(max-width:360px){
  .headerIn{gap:8px!important;padding:0 10px!important}
  .brand{flex-basis:150px!important;width:150px!important;min-width:150px!important}
  .batteryFinder h2{font-size:11px!important}
}



@media(max-width:800px){
  .heroExact,.heroExact .heroGrid{height:420px!important}
  .heroPhoto{
    height:224px!important;
    background-image:url("/static/shop/hero-car-battery-v2.8cd13ba0a7df.webp?v=19"),url("/static/shop/category-reference-v7.694794706b01.png")!important;
    background-repeat:no-repeat,no-repeat!important;
    background-size:69% auto,588% auto!important;
    background-position:left -8px bottom -3px,96.7% 27.4%!important;
  }
  .batteryFinder{top:211px!important;height:199px!important}

  #products .sectionHead{position:relative!important;display:block!important;height:34px!important}
  #products .sectionHead h2{position:absolute!important;inset-inline:0!important;top:4px!important;width:100%!important;margin:0!important;text-align:center!important}
  #products .sectionHead>a{position:absolute!important;left:0!important;top:8px!important;z-index:2!important}
  #products .productGrid>.productCard:nth-child(n+3){display:none!important}

  .installExact{position:relative!important;display:block!important;width:100%!important;height:145px!important;margin:11px 0 0!important;border-radius:0!important;overflow:hidden!important;background:#001f40!important;direction:rtl!important}
  .installPhoto{position:absolute!important;z-index:1!important;inset:0!important;width:100%!important;height:145px!important;background-image:url("/static/shop/reference.6a7dafc42abe.png")!important;background-repeat:no-repeat!important;background-size:1000px auto!important;background-position:-73px -448px!important;filter:none!important;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 48%,rgba(0,0,0,.78) 61%,transparent 78%)!important;mask-image:linear-gradient(90deg,#000 0,#000 48%,rgba(0,0,0,.78) 61%,transparent 78%)!important}
  .installCopy{position:absolute!important;z-index:3!important;top:18px!important;right:14px!important;width:57%!important;padding:0!important;text-align:right!important;color:#fff!important}
  .installCopy h2{margin:0!important;font-size:16px!important;line-height:1.55!important;color:#fff!important}
  .installCopy p{margin:5px 0 0!important;font-size:10px!important;line-height:1.6!important;color:#fff!important}
  .installChecks{display:none!important}
  .installAction{position:absolute!important;z-index:4!important;display:block!important;right:14px!important;bottom:17px!important;width:132px!important;padding:0!important}
  .installAction label,.installAction input{display:none!important}
  .installAction a{display:flex!important;width:132px!important;height:36px!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0!important;border-radius:5px!important;background:#ffad00!important;color:#081c32!important;font-size:10px!important;font-weight:800!important;text-decoration:none!important;box-sizing:border-box!important}
}



@media(max-width:800px){
  .heroExact,.heroExact .heroGrid{height:430px!important}
  .heroText{position:absolute!important;z-index:6!important;display:block!important;top:21px!important;right:18px!important;width:195px!important;padding:0!important;background:transparent!important;box-shadow:none!important;text-align:right!important}
  .heroText h1{display:block!important;width:195px!important;max-width:195px!important;margin:0!important;font-size:23px!important;line-height:1.48!important;text-align:right!important;color:#fff!important;text-shadow:0 2px 5px rgba(0,0,0,.55)!important}
  .heroText p,.heroText .heroPromises{display:none!important}
  .heroPhoto{height:232px!important;background-image:url("/static/shop/hero-car-battery-v2.8cd13ba0a7df.webp?v=20"),url("/static/shop/mobile-city-v20.03b16051cd24.webp?v=20")!important;background-repeat:no-repeat,no-repeat!important;background-size:72% auto,cover!important;background-position:left -10px bottom -4px,center!important}
  .batteryFinder{top:221px!important;height:199px!important}

  .installExact{position:relative!important;isolation:isolate!important;display:block!important;width:100%!important;height:145px!important;min-height:145px!important;max-height:145px!important;margin:11px 0 0!important;padding:0!important;overflow:hidden!important;background:#001e3d!important;border-radius:0!important;box-sizing:border-box!important}
  .installPhoto{position:absolute!important;z-index:1!important;inset:0!important;width:100%!important;height:145px!important;background-image:url("/static/shop/mobile-mechanic-v20.ffb852a4a6bc.webp?v=20")!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important;filter:none!important;-webkit-mask-image:none!important;mask-image:none!important}
  .installExact:after{content:""!important;position:absolute!important;z-index:2!important;inset:0!important;background:linear-gradient(90deg,transparent 0,rgba(0,25,52,.12) 38%,rgba(0,25,52,.86) 66%,#001934 100%)!important;pointer-events:none!important}
  .installCopy{position:absolute!important;z-index:3!important;top:17px!important;right:14px!important;width:58%!important;height:auto!important;padding:0!important;color:#fff!important;text-align:right!important;overflow:visible!important}
  .installCopy h2{margin:0!important;font-size:16px!important;line-height:1.5!important;color:#fff!important;white-space:nowrap!important}
  .installCopy p{margin:4px 0 0!important;font-size:9px!important;line-height:1.6!important;color:#fff!important;white-space:nowrap!important}
  .installChecks{display:none!important}
  .installAction{position:absolute!important;z-index:4!important;display:block!important;right:14px!important;bottom:16px!important;width:132px!important;height:36px!important;padding:0!important;margin:0!important}
  .installAction label,.installAction input{display:none!important}
  .installAction a{display:flex!important;width:132px!important;height:36px!important;margin:0!important;padding:0!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-radius:5px!important;background:#ffad00!important;color:#081c32!important;font-size:10px!important;font-weight:800!important;text-decoration:none!important;box-sizing:border-box!important}
  .brandRow{position:relative!important;z-index:1!important;clear:both!important;margin-top:8px!important;background:#fff!important}
}



@media(max-width:800px){
  .heroText{top:22px!important;right:46px!important;width:178px!important}
  .heroText h1{width:178px!important;max-width:178px!important;font-size:20px!important;line-height:1.48!important;letter-spacing:0!important}
  .heroPhoto{background-size:62% auto,cover!important;background-position:left -5px bottom 13px,center!important}
  .heroPhoto:before{content:""!important;position:absolute!important;z-index:5!important;display:block!important;left:118px!important;bottom:5px!important;width:102px!important;height:92px!important;background:url("/static/shop/battery-product.766a53bdff53.webp?v=21") center/contain no-repeat!important;filter:drop-shadow(0 8px 8px rgba(0,0,0,.45))!important;pointer-events:none!important}
}
@media(max-width:360px){
  .heroText{right:35px!important;width:170px!important}
  .heroText h1{width:170px!important;max-width:170px!important;font-size:19px!important}
  .heroPhoto:before{left:104px!important;width:94px!important;height:86px!important}
}



@media(max-width:800px){
  .heroPhoto{height:232px!important;background-image:url("/static/shop/mobile-hero-composite-v22.7988ce47ad9b.webp?v=22")!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center center!important}
  .heroPhoto:before,.heroPhoto:after{display:none!important;content:none!important}
  .heroText{top:21px!important;right:42px!important;width:184px!important}
  .heroText h1{width:184px!important;max-width:184px!important;font-size:20px!important;line-height:1.5!important}
}
@media(max-width:360px){
  .heroText{right:34px!important;width:174px!important}
  .heroText h1{width:174px!important;max-width:174px!important;font-size:19px!important}
}



@media(max-width:800px){
  .heroText h1,.heroText h1 span,.heroText h1 em{border:0!important;border-bottom:0!important;box-shadow:none!important;text-decoration:none!important;background:none!important}
  .heroText h1:before,.heroText h1:after,.heroText h1 span:before,.heroText h1 span:after,.heroText h1 em:before,.heroText h1 em:after{content:none!important;display:none!important;width:0!important;height:0!important;background:none!important;border:0!important}
  .heroPhoto{background-image:url("/static/shop/mobile-hero-composite-v23.d7279014f593.webp?v=23")!important;filter:none!important}
}



@media(max-width:800px){
  .heroPhoto{background-image:url("/static/shop/mobile-hero-glossy-v24.b59629974a6e.webp?v=24")!important;background-size:cover!important;background-position:center center!important;image-rendering:auto!important}
}



@media(max-width:800px){
  .heroText{right:18px!important}
  .heroPhoto{
    background-size:118% auto!important;
    background-position:15% center!important;
  }
}

@media(max-width:360px){
  .heroText{right:14px!important}
  .heroPhoto{
    background-size:121% auto!important;
    background-position:12% center!important;
  }
}



.sectionHead{position:relative!important;display:block!important;height:30px!important}
.sectionHead h2{position:absolute!important;inset-inline:0!important;top:2px!important;width:100%!important;margin:0!important;text-align:center!important;pointer-events:none!important}
.sectionHead>a{position:absolute!important;left:0!important;top:7px!important;z-index:2!important}
@media(min-width:801px){
  .utility{font-size:12px!important}.mainHeader nav a{font-size:12px!important}.headerSearch{font-size:11px!important}
  .batteryFinder h2{font-size:16px!important}.batteryFinder select,.batteryFinder button{font-size:11px!important}
  .serviceStrip b{font-size:12px!important}.serviceStrip small{font-size:9.5px!important}
  .homeSection h2,.reviews h2,.sectionHead h2{font-size:17px!important}
  .categoryGrid b{font-size:12px!important}.categoryGrid small{font-size:9px!important}
  .productCard{height:164px!important}.productCard h3{height:25px!important;min-height:25px!important;font-size:11.5px!important;line-height:1.7!important}
  .productMeta{height:14px!important;font-size:9px!important}.productCard strong{height:18px!important;line-height:18px!important;font-size:11.5px!important}
  .productCard form button:before{font-size:10.5px!important}.installCopy p{font-size:10.5px!important}.installBadge{font-size:9px!important}
  .installAction label,.installAction input{font-size:9.5px!important}.installAction a{font-size:10.5px!important}
  .articleGrid h3{font-size:11px!important}.articleGrid p{font-size:9.5px!important}.articleGrid a{font-size:9.5px!important}
  .reviews b{font-size:11px!important}.reviews p{font-size:10px!important}footer p,footer a,footer li{font-size:10.5px!important}.copyright{font-size:9px!important}
}
@media(max-width:800px){
  #products .sectionHead h2{top:3px!important;font-size:15px!important}#products .sectionHead>a{top:8px!important;font-size:9px!important}
  .categoryGrid b{font-size:8px!important}.categoryGrid small{font-size:7px!important}
  .productCard h3{font-size:10px!important}.productMeta{font-size:8.5px!important}.productCard strong{font-size:10px!important}.productCard form button:before{font-size:9.5px!important}
  .articleGrid h3{font-size:10.5px!important}.articleGrid p,.articleGrid a{font-size:9px!important}.reviews b{font-size:10.5px!important}.reviews p{font-size:9.5px!important}
}



@media(min-width:801px){
  .utility{font-size:13px!important}
  .mainHeader nav a{font-size:13px!important}
  .headerSearch{font-size:12px!important}
  .batteryFinder h2{font-size:17px!important}
  .batteryFinder select,.batteryFinder button{font-size:12px!important}
  .heroText p{font-size:12.5px!important}
  .heroPromises small{font-size:10px!important}
  .serviceStrip b{font-size:13px!important}
  .serviceStrip small{font-size:10.5px!important}
  .homeSection h2,.reviews h2,.sectionHead h2{font-size:18px!important}
  .categoryGrid b{font-size:13px!important}
  .categoryGrid small{font-size:10px!important}
  .productCard{height:174px!important}
  .productCard h3{height:29px!important;min-height:29px!important;font-size:12.5px!important;line-height:1.7!important}
  .productMeta{height:15px!important;font-size:10px!important}
  .productCard strong{height:20px!important;line-height:20px!important;font-size:12.5px!important}
  .productCard form button:before{font-size:11.5px!important}
  .installCopy h2{font-size:23px!important}
  .installCopy p{font-size:11.5px!important}
  .installBadge{font-size:10px!important}
  .installAction label,.installAction input{font-size:10.5px!important}
  .installAction a{font-size:11.5px!important}
  .articleGrid article{height:94px!important}
  .articleGrid h3{font-size:12px!important;height:32px!important}
  .articleGrid p{font-size:10.5px!important;height:32px!important}
  .articleGrid a{font-size:10.5px!important}
  .reviews b{font-size:12px!important}
  .reviews p{font-size:11px!important}
  footer h3{font-size:15px!important}
  footer p,footer a,footer li{font-size:11.5px!important}
  .trustMarks span,.copyright{font-size:10px!important}
}

@media(max-width:800px){
  .utility{font-size:11px!important}
  .brand b{font-size:17px!important}
  .brand small{font-size:9px!important}
  .heroText{right:14px!important;width:218px!important}
  .heroText h1{width:218px!important;max-width:218px!important;font-size:25px!important;line-height:1.4!important;font-weight:800!important}
  .batteryFinder h2{font-size:14px!important}
  .batteryFinder select,.batteryFinder button{font-size:11px!important}
  .serviceStrip b{font-size:10px!important}
  .serviceStrip small{font-size:8px!important}
  .homeSection h2,.reviews h2,#products .sectionHead h2{font-size:16px!important}
  #products .sectionHead>a{font-size:9.5px!important}
  .categoryGrid b{font-size:9px!important}
  .categoryGrid small{font-size:7.5px!important}
  .productCard{min-height:201px!important;height:201px!important}
  .productCard h3{height:34px!important;min-height:34px!important;font-size:11.5px!important;line-height:1.65!important}
  .productMeta{font-size:9px!important}
  .productCard strong{font-size:11px!important}
  .productCard form button:before{font-size:10.5px!important}
  .installCopy h2{font-size:17px!important}
  .installCopy p{font-size:10px!important}
  .installAction a{font-size:11px!important}
  .articleGrid article{height:96px!important}
  .articleGrid h3{font-size:11.5px!important}
  .articleGrid p,.articleGrid a{font-size:10px!important}
  .reviews b{font-size:11.5px!important}
  .reviews p{font-size:10.5px!important}
}

@media(max-width:360px){
  .heroText{right:12px!important;width:205px!important}
  .heroText h1{width:205px!important;max-width:205px!important;font-size:23px!important}
}



@media (min-width:1101px){
  body{background:#fff!important;overflow-x:hidden!important}

  .utility,.mainHeader,.heroExact{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important
  }

  .utility .wrap,.headerIn,.heroGrid{
    width:min(1570px,calc(100% - 64px))!important;
    max-width:1570px!important;
    margin-left:auto!important;
    margin-right:auto!important
  }

  .utility{height:40px!important}
  .utilityIn{padding-inline:8px!important}

  .mainHeader{height:76px!important;padding:0!important}
  .headerIn{height:76px!important;gap:30px!important}
  .brand{min-width:205px!important}
  .brand b{font-size:20px!important}
  .brand small{font-size:9px!important}
  .mainHeader nav{justify-content:center!important;gap:28px!important}
  .mainHeader nav a{font-size:13px!important}
  .mainHeader nav .selected{padding-bottom:26px!important}
  .headerSearch{width:380px!important;flex:0 0 380px!important;height:44px!important;padding:12px 15px!important;font-size:12px!important}

  .heroExact{
    height:clamp(380px,25vw,480px)!important;
    background-color:#00172f!important;
    background-image:linear-gradient(90deg,rgba(0,15,34,.1),transparent 28%,transparent 72%,rgba(0,15,34,.1)),url("/static/shop/hero-panorama-v38.daad0a83771a.webp?v=56")!important;
    background-repeat:no-repeat,no-repeat!important;
    background-size:cover,cover!important;
    background-position:center,center 58%!important;
    overflow:hidden!important
  }

  .heroGrid{
    height:100%!important;
    grid-template-columns:minmax(340px,30%) minmax(500px,40%) minmax(340px,30%)!important;
    align-items:center!important
  }
  .heroGrid:after{display:none!important}
  .heroPhoto{height:100%!important;background:none!important;filter:none!important;-webkit-mask-image:none!important;mask-image:none!important}

  .heroText{
    width:100%!important;
    max-width:410px!important;
    justify-self:start!important;
    padding:0 30px 0 0!important;
    text-shadow:0 2px 8px rgba(0,0,0,.45)!important
  }
  .heroText h1{font-size:42px!important;line-height:1.45!important;max-width:390px!important}
  .heroText p{font-size:14px!important;line-height:2!important;max-width:370px!important}
  .heroPromises{gap:18px!important;margin-top:20px!important}
  .heroPromises small{font-size:10px!important}

  .batteryFinder{
    width:370px!important;
    max-width:370px!important;
    justify-self:end!important;
    margin:0 0 0 30px!important;
    padding:20px!important;
    border-radius:14px!important;
    box-shadow:0 16px 38px rgba(0,0,0,.38)!important
  }
  .batteryFinder h2{font-size:19px!important;margin-bottom:12px!important}
  .batteryFinder select{height:43px!important;margin:3px 0!important;font-size:13px!important;padding-inline:14px!important}
  .batteryFinder button{height:46px!important;font-size:13px!important;margin-top:5px!important}
}

@media (min-width:1101px) and (max-width:1279px){
  .utility .wrap,.headerIn,.heroGrid{width:calc(100% - 32px)!important}
  .headerIn{gap:14px!important}
  .brand{min-width:170px!important}
  .mainHeader nav{gap:15px!important}
  .mainHeader nav a{font-size:11px!important}
  .headerSearch{width:280px!important;flex-basis:280px!important}
  .heroGrid{grid-template-columns:320px minmax(360px,1fr) 320px!important}
  .batteryFinder{width:310px!important;max-width:310px!important;margin-left:10px!important;padding:14px!important}
  .heroText{padding-right:14px!important}
  .heroText h1{font-size:34px!important}
}



@media (min-width:1101px){
  .heroExact{
    position:relative!important;
    left:50%!important;
    right:50%!important;
    width:100vw!important;
    max-width:none!important;
    margin-left:-50vw!important;
    margin-right:-50vw!important
  }
}



@media (min-width:1101px){
  .heroText{
    background:transparent!important;
    box-shadow:none!important
  }
  .heroText:before{display:none!important;content:none!important}
}



@media (min-width:1101px){
  .heroText{
    justify-self:start!important;
    width:440px!important;
    max-width:440px!important;
    padding:30px 34px!important;
    background:linear-gradient(90deg,rgba(0,24,50,0) 0%,rgba(0,27,55,.72) 20%,rgba(0,27,55,.9) 50%,rgba(0,27,55,.72) 80%,rgba(0,24,50,0) 100%)!important;
    box-shadow:none!important;
    border-radius:36px!important;
    transform:translateX(80px)!important
  }
  .heroText:before{display:none!important;content:none!important}

  .headerSearch{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    width:500px!important;
    flex:0 0 500px!important;
    height:46px!important;
    padding:0 18px 0 66px!important;
    border:1px solid #dfe4ea!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#7d8999!important;
    font-size:0!important;
    overflow:hidden!important
  }
  .headerSearch:after{
    content:'جستجو در محصولات، برند یا مقاله...';
    font-family:inherit!important;
    font-size:13px!important;
    color:#7d8999!important;
    white-space:nowrap!important
  }
  .headerSearch:before{
    content:''!important;
    position:absolute!important;
    left:-1px!important;
    top:-1px!important;
    width:54px!important;
    height:46px!important;
    border-radius:9px 0 0 9px!important;
    background-color:#e43d61!important;
    background-image:url("/static/shop/icons/search.0f3ba9a7f8e2.svg?v=41")!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:23px 23px!important
  }
}

@media (min-width:1101px) and (max-width:1279px){
  .headerSearch{width:330px!important;flex-basis:330px!important}
  .heroText{width:360px!important;max-width:360px!important;padding:24px!important;transform:translateX(12px)!important}
}

@media (min-width:1280px) and (max-width:1499px){
  .headerSearch{width:380px!important;flex-basis:380px!important}
  .mainHeader nav{gap:18px!important}
  .heroText{width:390px!important;max-width:390px!important;padding:26px!important;transform:translateX(20px)!important}
}



@media (min-width:1101px){
  .heroText{
    background:linear-gradient(90deg,rgba(0,24,50,0) 0%,rgba(0,27,55,.82) 11%,#001b37 28%,#001b37 100%)!important;
    box-shadow:50vw 0 0 #001b37!important;
    border-radius:36px 0 0 36px!important
  }
  .heroPromises{transform:translateX(34px)!important}

  .headerSearch:before{background-color:#ffad00!important}

  .batteryFinder button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    font-size:0!important
  }
  .batteryFinder button:before{
    content:''!important;
    width:23px!important;
    height:23px!important;
    flex:0 0 23px!important;
    background-color:#071b33!important;
    -webkit-mask-image:url("/static/shop/icons/search.0f3ba9a7f8e2.svg?v=42")!important;
    -webkit-mask-repeat:no-repeat!important;
    -webkit-mask-position:center!important;
    -webkit-mask-size:contain!important;
    mask-image:url("/static/shop/icons/search.0f3ba9a7f8e2.svg?v=42")!important;
    mask-repeat:no-repeat!important;
    mask-position:center!important;
    mask-size:contain!important
  }
  .batteryFinder button:after{
    content:'پیدا کردن باتری مناسب'!important;
    font-family:inherit!important;
    font-size:13px!important;
    font-weight:700!important;
    color:#071b33!important
  }
}



@media (min-width:1101px){
  .heroText{
    position:relative!important;
    isolation:isolate!important;
    overflow:visible!important;
    box-shadow:none!important
  }

  .heroText:after{
    content:''!important;
    display:block!important;
    position:absolute!important;
    z-index:0!important;
    top:0!important;
    bottom:0!important;
    left:55%!important;
    right:-100vw!important;
    background:#001b37!important;
    pointer-events:none!important
  }

  .heroText>*{
    position:relative!important;
    z-index:2!important
  }
}



@media (min-width:1101px){
  .heroPromises{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
    max-width:none!important;
    gap:0!important;
    margin:20px 0 0!important;
    transform:none!important;
    align-items:stretch!important
  }

  .heroPromises span{
    box-sizing:border-box!important;
    display:flex!important;
    width:auto!important;
    min-width:0!important;
    height:58px!important;
    padding:29px 5px 4px!important;
    align-items:flex-start!important;
    justify-content:center!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    overflow:visible!important
  }

  .heroPromises span+span{
    border-right:1px solid rgba(255,255,255,.22)!important
  }

  .heroPromises span:before{
    right:50%!important;
    top:3px!important;
    width:23px!important;
    height:23px!important;
    transform:translateX(50%)!important
  }

  .heroPromises span:nth-child(1):before{
    -webkit-mask-image:url("/static/shop/icons/shield.d8d148aafa32.svg")!important;
    mask-image:url("/static/shop/icons/shield.d8d148aafa32.svg")!important
  }
  .heroPromises span:nth-child(2):before{
    -webkit-mask-image:url("/static/shop/icons/truck.ee07cde00287.svg")!important;
    mask-image:url("/static/shop/icons/truck.ee07cde00287.svg")!important
  }
  .heroPromises span:nth-child(3):before{
    -webkit-mask-image:url("/static/shop/icons/wrench.7ff012610bbe.svg")!important;
    mask-image:url("/static/shop/icons/wrench.7ff012610bbe.svg")!important
  }
  .heroPromises span:nth-child(4):before{
    -webkit-mask-image:url("/static/shop/icons/headset.15aaf456aa44.svg")!important;
    mask-image:url("/static/shop/icons/headset.15aaf456aa44.svg")!important
  }

  .heroPromises small{
    display:block!important;
    width:100%!important;
    color:#fff!important;
    font-size:8.5px!important;
    line-height:1.55!important;
    text-align:center!important;
    white-space:normal!important
  }

  .serviceStrip{display:none!important}
}



@media (min-width:1500px){
  .heroText{
    box-sizing:border-box!important;
    width:500px!important;
    max-width:500px!important;
    padding:36px 42px!important;
    transform:translateX(70px)!important
  }
  .heroText h1{
    max-width:430px!important;
    margin-bottom:12px!important;
    font-size:49px!important;
    line-height:1.42!important
  }
  .heroText p{
    max-width:420px!important;
    font-size:16px!important;
    line-height:2!important
  }
  .heroPromises{margin-top:24px!important}
  .heroPromises span{
    height:70px!important;
    padding-top:34px!important
  }
  .heroPromises span:before{
    top:3px!important;
    width:27px!important;
    height:27px!important
  }
  .heroPromises strong{
    display:block!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1.45!important
  }
  .heroPromises em{
    display:block!important;
    margin-top:2px!important;
    font-size:9.5px!important;
    font-style:normal!important;
    font-weight:700!important;
    line-height:1.45!important
  }
}

@media (min-width:1101px) and (max-width:1499px){
  .heroText h1{font-size:40px!important}
  .heroText p{font-size:14px!important}
  .heroPromises strong{display:block!important;font-size:10px!important;font-weight:900!important}
  .heroPromises em{display:block!important;font-size:8px!important;font-style:normal!important;font-weight:700!important}
}

@media (min-width:1101px){
  .categoryShowcase{
    position:relative!important;
    left:50%!important;
    right:50%!important;
    width:100vw!important;
    max-width:none!important;
    margin:18px -50vw 24px!important;
    padding:0!important
  }
  .categoryInner{
    width:min(1570px,calc(100% - 64px))!important;
    margin-inline:auto!important
  }
  .categoryShowcase h2{
    margin:0 0 16px!important;
    font-size:24px!important
  }
  .categoryGrid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important
  }
  .categoryCard{
    position:relative!important;
    display:block!important;
    aspect-ratio:1/1!important;
    min-width:0!important;
    height:auto!important;
    padding:0!important;
    overflow:hidden!important;
    border:2px solid transparent!important;
    border-radius:16px!important;
    background-image:linear-gradient(0deg,rgba(0,18,39,.92) 0%,rgba(0,18,39,.18) 42%,transparent 68%),url("/static/shop/category-cards-v45.e77323aed652.webp?v=56")!important;
    background-repeat:no-repeat!important;
    background-size:100% 100%,200% 200%!important;
    box-shadow:0 8px 24px rgba(0,25,55,.12)!important;
    text-decoration:none!important;
    transform:translateY(0)!important;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease!important
  }
  .categoryMotor{background-position:center,0 0!important}
  .categoryCar{background-position:center,100% 0!important}
  .categoryTruck{background-position:center,0 100%!important}
  .categoryUps{background-position:center,100% 100%!important}
  .categoryCard span{
    position:absolute!important;
    right:22px!important;
    bottom:20px!important;
    z-index:2!important;
    color:#fff!important;
    font-size:22px!important;
    font-weight:800!important;
    text-shadow:0 2px 8px rgba(0,0,0,.55)!important;
    transition:font-weight .22s ease,transform .22s ease,color .22s ease!important
  }
  .categoryCard:hover,
  .categoryCard:focus-visible{
    border-color:#ffad00!important;
    box-shadow:0 16px 34px rgba(0,24,52,.28)!important;
    filter:saturate(1.08) brightness(1.05)!important;
    transform:translateY(-5px)!important;
    outline:0!important
  }
  .categoryCard:hover span,
  .categoryCard:focus-visible span{
    color:#ffbd2e!important;
    font-weight:900!important;
    transform:translateY(-3px)!important
  }
}

@media (max-width:1100px){
  .categoryInner{width:100%}
  .categoryGrid{display:flex!important;gap:10px!important;overflow-x:auto!important;padding:0 10px 8px!important}
  .categoryCard{
    position:relative!important;
    display:block!important;
    flex:0 0 150px!important;
    width:150px!important;
    aspect-ratio:1/1!important;
    overflow:hidden!important;
    border-radius:12px!important;
    background-image:linear-gradient(0deg,rgba(0,18,39,.9),transparent 58%),url("/static/shop/category-cards-v45.e77323aed652.webp?v=56")!important;
    background-repeat:no-repeat!important;
    background-size:100% 100%,200% 200%!important;
    text-decoration:none!important
  }
  .categoryMotor{background-position:center,0 0!important}
  .categoryCar{background-position:center,100% 0!important}
  .categoryTruck{background-position:center,0 100%!important}
  .categoryUps{background-position:center,100% 100%!important}
  .categoryCard span{
    position:absolute!important;
    right:12px!important;
    bottom:11px!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:800!important
  }
}



@media (min-width:1101px){
  .brandShowcase{
    position:relative!important;
    left:50%!important;
    right:50%!important;
    width:100vw!important;
    max-width:none!important;
    margin:0 -50vw 28px!important;
    padding:0!important
  }
  .brandInner{
    width:min(1570px,calc(100% - 64px))!important;
    margin-inline:auto!important
  }
  .brandShowcase h2{
    margin:0 0 16px!important;
    color:#071b33!important;
    font-size:24px!important;
    text-align:center!important
  }
  .brandGrid{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:16px!important
  }
  .brandCard{
    position:relative!important;
    display:block!important;
    height:205px!important;
    min-width:0!important;
    overflow:hidden!important;
    border:2px solid transparent!important;
    border-radius:15px!important;
    text-decoration:none!important;
    box-shadow:0 8px 24px rgba(0,25,55,.12)!important;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important
  }
  .brandAzar{background:linear-gradient(145deg,#10141b 0%,#222832 58%,#b4141c 100%)!important}
  .brandVaya{background:linear-gradient(145deg,#072a3c 0%,#064d68 60%,#16a4b8 100%)!important}
  .brandSepahan{background:linear-gradient(145deg,#071c3f 0%,#123f76 62%,#c31c2b 100%)!important}
  .brandExon{background:linear-gradient(145deg,#111318 0%,#272b33 58%,#d28b00 100%)!important}
  .brandSaba{background:linear-gradient(145deg,#061f47 0%,#0a4e93 60%,#2690d4 100%)!important}
  .brandVisual{
    position:absolute!important;
    z-index:1!important;
    top:8px!important;
    right:14px!important;
    width:68%!important;
    height:150px!important;
    background:url("/static/shop/battery-product.766a53bdff53.webp?v=46") center/contain no-repeat!important;
    filter:drop-shadow(0 13px 13px rgba(0,0,0,.42))!important;
    transition:transform .25s ease!important
  }
  .brandCard:after{
    content:''!important;
    position:absolute!important;
    z-index:2!important;
    inset:auto 0 0!important;
    height:76px!important;
    background:linear-gradient(0deg,rgba(0,11,26,.94),rgba(0,11,26,.08))!important;
    pointer-events:none!important
  }
  .brandCard strong,
  .brandCard small{
    position:absolute!important;
    right:18px!important;
    z-index:3!important;
    color:#fff!important
  }
  .brandCard strong{
    bottom:29px!important;
    font-size:19px!important;
    font-weight:900!important
  }
  .brandCard small{
    bottom:13px!important;
    color:rgba(255,255,255,.72)!important;
    font-family:Arial,sans-serif!important;
    font-size:9px!important;
    font-weight:700!important;
    letter-spacing:.8px!important
  }
  .brandCard:hover,
  .brandCard:focus-visible{
    border-color:#ffad00!important;
    box-shadow:0 16px 34px rgba(0,24,52,.28)!important;
    transform:translateY(-5px)!important;
    outline:0!important
  }
  .brandCard:hover .brandVisual,
  .brandCard:focus-visible .brandVisual{transform:scale(1.06) translateY(-3px)!important}
}

@media (max-width:1100px){
  .brandShowcase{margin:14px 0 20px!important}
  .brandInner{width:100%!important}
  .brandShowcase h2{text-align:center!important}
  .brandGrid{display:flex!important;gap:10px!important;overflow-x:auto!important;padding:0 10px 8px!important}
  .brandCard{
    position:relative!important;
    display:block!important;
    flex:0 0 160px!important;
    height:125px!important;
    overflow:hidden!important;
    border-radius:11px!important;
    text-decoration:none!important
  }
  .brandAzar{background:linear-gradient(145deg,#10141b,#b4141c)!important}
  .brandVaya{background:linear-gradient(145deg,#072a3c,#16a4b8)!important}
  .brandSepahan{background:linear-gradient(145deg,#071c3f,#c31c2b)!important}
  .brandExon{background:linear-gradient(145deg,#111318,#d28b00)!important}
  .brandSaba{background:linear-gradient(145deg,#061f47,#2690d4)!important}
  .brandVisual{
    position:absolute!important;
    top:4px!important;
    right:8px!important;
    width:72%!important;
    height:88px!important;
    background:url("/static/shop/battery-product.766a53bdff53.webp?v=46") center/contain no-repeat!important
  }
  .brandCard strong{
    position:absolute!important;
    z-index:2!important;
    right:10px!important;
    bottom:17px!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:900!important
  }
  .brandCard small{
    position:absolute!important;
    z-index:2!important;
    right:10px!important;
    bottom:5px!important;
    color:rgba(255,255,255,.7)!important;
    font-family:Arial,sans-serif!important;
    font-size:7px!important
  }
}



@media (min-width:1101px){
  .productShowcase{
    position:relative!important;
    left:50%!important;
    right:50%!important;
    width:100vw!important;
    max-width:none!important;
    margin:10px -50vw 30px!important;
    padding:0!important
  }
  .productInner{
    width:min(1570px,calc(100% - 64px))!important;
    margin-inline:auto!important
  }
  .productShowcase .sectionHead{
    position:relative!important;
    width:100%!important;
    height:44px!important;
    justify-content:center!important
  }
  .productShowcase .sectionHead h2{
    margin:0!important;
    font-size:24px!important
  }
  .productShowcase .sectionHead a{
    position:absolute!important;
    left:0!important;
    font-size:12px!important
  }
  .productSliderShell{position:relative!important}
  .productShowcase .productGrid{
    display:flex!important;
    grid-template-columns:none!important;
    width:100%!important;
    gap:16px!important;
    padding:3px 4px 14px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    direction:rtl!important;
    scroll-behavior:smooth!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important
  }
  .productShowcase .productGrid::-webkit-scrollbar{display:none!important}
  .productShowcase .productCard{
    flex:0 0 285px!important;
    width:285px!important;
    height:265px!important;
    scroll-snap-align:start!important;
    padding:12px!important;
    border-radius:13px!important;
    box-shadow:0 7px 20px rgba(0,25,55,.08)!important
  }
  .productShowcase .productImage{
    flex:0 0 105px!important;
    height:105px!important
  }
  .productShowcase .productCard h3{
    height:auto!important;
    min-height:38px!important;
    font-size:13px!important;
    line-height:1.65!important
  }
  .productShowcase .productMeta{font-size:10px!important}
  .productShowcase .productCard strong{
    height:auto!important;
    margin:5px 0!important;
    font-size:12px!important
  }
  .productShowcase .productCard form button{height:34px!important}
  .sliderArrow{
    position:absolute!important;
    z-index:5!important;
    top:50%!important;
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    padding:0!important;
    border:1px solid #dce3ea!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#071b33!important;
    font-family:Arial,sans-serif!important;
    font-size:25px!important;
    line-height:1!important;
    box-shadow:0 7px 20px rgba(0,25,55,.17)!important;
    transform:translateY(-50%)!important;
    cursor:pointer!important;
    transition:background .2s ease,color .2s ease,border-color .2s ease!important
  }
  .sliderArrow:hover{border-color:#ffad00!important;background:#ffad00!important;color:#071b33!important}
  .productPrev{right:-20px!important}
  .productNext{left:-20px!important}

  .brandShowcase{margin-bottom:32px!important}
  .brandGrid{gap:16px!important}
  .brandCard{
    display:flex!important;
    height:170px!important;
    padding:18px!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:12px!important;
    border:1px solid #dfe5ec!important;
    background:#fff!important;
    box-shadow:0 7px 20px rgba(0,25,55,.08)!important
  }
  .brandCard:after{display:none!important;content:none!important}
  .brandCard img{
    display:block!important;
    width:100%!important;
    height:102px!important;
    object-fit:contain!important;
    filter:none!important;
    transition:transform .22s ease!important
  }
  .brandCard .brandBrowse{
    position:static!important;
    z-index:2!important;
    color:#526479!important;
    font-size:11px!important;
    font-weight:700!important;
    transition:color .2s ease!important
  }
  .brandCard:hover img,.brandCard:focus-visible img{transform:scale(1.055)!important}
  .brandCard:hover .brandBrowse,.brandCard:focus-visible .brandBrowse{color:#c98500!important}
}

@media (max-width:1100px){
  .productShowcase .productGrid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:9px!important;
    overflow-x:auto!important;
    padding:0 10px 10px!important;
    scroll-snap-type:x mandatory!important
  }
  .productShowcase .productCard{flex:0 0 175px!important;width:175px!important;scroll-snap-align:start!important}
  .sliderArrow{display:none!important}
  .brandCard{
    display:flex!important;
    padding:12px!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:7px!important;
    border:1px solid #dfe5ec!important;
    background:#fff!important
  }
  .brandCard img{display:block!important;width:100%!important;height:80px!important;object-fit:contain!important}
  .brandCard .brandBrowse{position:static!important;color:#526479!important;font-size:9px!important;font-weight:700!important}
  .brandVisual,.brandCard>strong,.brandCard>small{display:none!important}
}



@media (min-width:1101px){
  .categoryInner{
    width:min(1320px,calc(100% - 96px))!important
  }
  .categoryGrid{gap:16px!important}
  .categoryCard{border-radius:14px!important}
  .categoryCard span{
    right:18px!important;
    bottom:17px!important;
    font-size:20px!important
  }

  .brandCard,
  .brandCard:hover,
  .brandCard:focus-visible{
    border-color:#dfe5ec!important;
    background:#fff!important;
    box-shadow:0 7px 20px rgba(0,25,55,.08)!important;
    filter:none!important;
    transform:none!important;
    outline:0!important
  }
  .brandCard img,
  .brandCard:hover img,
  .brandCard:focus-visible img{transform:none!important}
  .brandCard .brandBrowse,
  .brandCard:hover .brandBrowse,
  .brandCard:focus-visible .brandBrowse{
    color:#10253d!important;
    font-size:12px!important;
    font-weight:900!important;
    transform:none!important
  }
  .brandBrowse:after{
    content:' ←'!important;
    color:#ffad00!important;
    font-size:16px!important;
    font-weight:900!important
  }

  .installShowcase,
  .articlesShowcase,
  .reviewsShowcase{
    position:relative!important;
    left:50%!important;
    right:50%!important;
    width:100vw!important;
    max-width:none!important;
    margin-left:-50vw!important;
    margin-right:-50vw!important;
    padding:0!important
  }
  .installShowcase{margin-top:20px!important;margin-bottom:20px!important}
  .installExact,
  .articlesInner,
  .reviewsShowcase .reviews{
    width:min(1570px,calc(100% - 64px))!important;
    max-width:1570px!important;
    margin-left:auto!important;
    margin-right:auto!important
  }
  .installExact{
    height:165px!important;
    grid-template-columns:minmax(500px,42%) minmax(420px,1fr) 285px!important;
    border-radius:13px!important;
    margin-top:0!important
  }
  .installPhoto{
    height:165px!important;
    background-image:url("/static/shop/install-faceless-v48.1ebd0e226fe9.png?v=48")!important;
    background-position:center 58%!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 72%,transparent 100%)!important;
    mask-image:linear-gradient(90deg,#000 0,#000 72%,transparent 100%)!important
  }
  .installCopy{padding:0 30px!important}
  .installCopy h2{font-size:28px!important}
  .installCopy p{font-size:12px!important}
  .installAction{margin-left:22px!important}
  .installAction label{font-size:10px!important}
  .installAction input{height:35px!important;font-size:10px!important}
  .installAction a{height:36px!important;font-size:11px!important}

  .articlesShowcase{margin-top:8px!important;margin-bottom:24px!important}
  .articlesInner{padding:0!important}
  .articlesInner h2{font-size:24px!important;margin:12px 0 16px!important}
  .articlesInner .articleGrid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important
  }
  .articlesInner .articleGrid article{
    grid-template-columns:130px 1fr!important;
    height:125px!important;
    padding:11px!important;
    border-radius:11px!important
  }
  .articlesInner .articleGrid h3{font-size:13px!important;height:auto!important}
  .articlesInner .articleGrid p{font-size:10px!important;height:40px!important}
  .articlesInner .articleGrid a{font-size:10px!important}

  .reviewsShowcase{margin-top:0!important;margin-bottom:28px!important}
  .reviewsShowcase .reviews{padding:0!important}
  .reviewsShowcase .reviews h2{font-size:24px!important;margin:10px 0 16px!important}
  .reviewsShowcase .reviews>div{gap:16px!important}
  .reviewsShowcase .reviews article{
    min-height:110px!important;
    padding:20px!important;
    border-radius:11px!important
  }
  .reviewsShowcase .reviews b{font-size:12px!important}
  .reviewsShowcase .reviews p{font-size:11px!important;line-height:2!important}
}

@media (max-width:1100px){
  .brandCard,
  .brandCard:hover,
  .brandCard:focus-visible{transform:none!important;filter:none!important}
  .brandCard .brandBrowse{color:#10253d!important;font-weight:900!important}
  .brandBrowse:after{content:' ←'!important;color:#ffad00!important;font-size:12px!important}
  .installShowcase,.articlesShowcase,.reviewsShowcase{width:100%!important;margin:0!important}
  .installExact,.articlesInner,.reviewsShowcase .reviews{width:100%!important}
  .installPhoto{background-image:url("/static/shop/install-faceless-v48.1ebd0e226fe9.png?v=48")!important;background-size:cover!important;background-position:center!important}
}



.installPhoto{
  background-image:url("/static/shop/install-faceless-bright-v49.79defa213ee0.png?v=49")!important;
  background-position:center 54%!important;
  background-size:cover!important;
  background-repeat:no-repeat!important
}



.installPhoto{
  background-image:url("/static/shop/install-faceless-yellow-gloves-v50.8fd2a0024798.webp?v=56")!important
}



@media (min-width:1101px){
  .categoryGrid{gap:30px!important}

  .brandCard .brandBrowse{
    color:#5f7082!important;
    font-weight:600!important;
    transition:color .2s ease,font-weight .2s ease!important
  }
  .brandCard .brandBrowse:after{
    color:#7d8a98!important;
    transition:color .2s ease!important
  }
  .brandCard:hover .brandBrowse,
  .brandCard:focus-visible .brandBrowse{
    color:#c98200!important;
    font-weight:900!important
  }
  .brandCard:hover .brandBrowse:after,
  .brandCard:focus-visible .brandBrowse:after{color:#ffad00!important}

  footer{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important
  }
  footer .footerGrid,
  footer .copyright{
    width:min(1570px,calc(100% - 64px))!important;
    max-width:1570px!important;
    margin-left:auto!important;
    margin-right:auto!important
  }
}

@media (max-width:1100px){
  .brandCard .brandBrowse{color:#526479!important;font-weight:700!important}
  .brandCard:hover .brandBrowse,
  .brandCard:focus-visible .brandBrowse{color:#c98200!important;font-weight:900!important}
}



.brandCard .brandBrowse{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  min-height:30px!important;
  margin:5px auto 0!important;
  padding:5px 13px!important;
  border:1px solid rgba(15,37,61,.12)!important;
  border-radius:9px!important;
  background:rgba(15,37,61,.07)!important;
  color:#243b50!important;
  font-weight:700!important;
  line-height:1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5)!important;
  transition:background .2s ease,border-color .2s ease,color .2s ease,font-weight .2s ease!important
}
.brandCard .brandBrowse:before{
  content:'«'!important;
  margin-left:6px!important;
  color:inherit!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:.7!important
}
.brandCard .brandBrowse:after{display:none!important;content:none!important}
.brandCard:hover .brandBrowse,
.brandCard:focus-visible .brandBrowse{
  background:rgba(255,173,0,.16)!important;
  border-color:rgba(255,173,0,.42)!important;
  color:#b87500!important;
  font-weight:900!important
}
.brandCard img[src*="exon-logo-user-v52"]{
  width:100%!important;
  height:92px!important;
  object-fit:contain!important
}

@media (max-width:1100px){
  .brandCard .brandBrowse{min-height:27px!important;padding:4px 10px!important;font-size:9px!important}
  .brandCard .brandBrowse:before{font-size:15px!important;margin-left:4px!important}
}



@media (min-width:1101px){
  .mainHeader nav{
    gap:10px!important;
    align-items:center!important
  }
  .mainHeader nav a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:34px!important;
    padding:7px 12px!important;
    border:1px solid rgba(15,40,66,.1)!important;
    border-radius:8px!important;
    background:rgba(15,40,66,.035)!important;
    color:#15283f!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1!important;
    transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease!important
  }
  .mainHeader nav a:hover,
  .mainHeader nav a:focus-visible{
    border-color:rgba(255,173,0,.34)!important;
    background:rgba(255,173,0,.09)!important;
    color:#9b6500!important;
    box-shadow:0 4px 12px rgba(0,29,61,.07)!important
  }
  .mainHeader nav .selected{
    padding:7px 12px!important;
    border:1px solid rgba(255,173,0,.42)!important;
    background:rgba(255,173,0,.11)!important;
    color:#0862b3!important;
    box-shadow:0 4px 12px rgba(0,29,61,.07)!important
  }
}

@media (min-width:801px) and (max-width:1100px){
  .mainHeader nav{gap:6px!important}
  .mainHeader nav a{
    padding:6px 7px!important;
    border:1px solid rgba(15,40,66,.1)!important;
    border-radius:7px!important;
    background:rgba(15,40,66,.035)!important;
    font-size:11px!important
  }
  .mainHeader nav .selected{padding:6px 7px!important;border-color:rgba(255,173,0,.4)!important;background:rgba(255,173,0,.1)!important}
}



@media (min-width:801px){
  .mainHeader nav{gap:22px!important}
  .mainHeader nav a,.mainHeader nav a:hover,.mainHeader nav a:focus-visible,.mainHeader nav .selected{
    min-height:auto!important;padding:8px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:14px!important
  }
  .mainHeader nav a:hover,.mainHeader nav a:focus-visible{color:#b87500!important}
  .mainHeader nav .selected{color:#0862b3!important;border-bottom:2px solid #ffad00!important}
}
.utility a{color:inherit;text-decoration:none}.utility a:hover{color:#ffbd32}
footer a{color:#d7e3ee;text-decoration:none}footer a:hover{color:#ffbd32}
.headerSearch{position:relative;padding:0!important;overflow:hidden}.headerSearch input{width:100%;height:100%;border:0;background:transparent;padding:0 48px 0 12px;font:inherit;color:#4b5c70;outline:0}.headerSearch button{position:absolute;right:0;top:0;width:42px;height:100%;border:0;background:#ffad00;color:#fff;font-size:18px;cursor:pointer}
.brand img{width:100%;max-width:180px;height:52px;object-fit:contain}
.heroExact.hasCustomHero{background-position:center;background-size:cover}
.heroExact.hasCustomHero .heroPhoto{background-image:none!important}
.installPhoto.hasCustomInstall{background-image:var(--install-image)!important}
.categoryCard.hasImage{background-position:center!important;background-size:cover!important}
.categoryCard.hasImage{background-image:linear-gradient(0deg,rgba(0,18,39,.9),rgba(0,18,39,.08) 68%),var(--category-image)!important;background-size:100% 100%,cover!important}
.categoryCard.hasImage:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,18,39,.84),rgba(0,18,39,.05) 72%)}
.categoryCard.hasImage span{z-index:2}

.pageMain{min-height:560px;background:#f6f8fb;padding:34px 0 60px}.pageContainer{width:min(1360px,calc(100% - 48px));margin:auto}.pageHero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);align-items:center;gap:36px;padding:42px 48px;border-radius:22px;background:linear-gradient(135deg,#001b39,#063a67);color:#fff;overflow:hidden;box-shadow:0 20px 45px rgba(0,28,58,.15)}.pageHero.noImage{grid-template-columns:1fr}.pageHero small{color:#ffbd32;font-size:13px;font-weight:800}.pageHero h1{font-size:34px;margin:8px 0 12px}.pageHero p{font-size:14px;line-height:2;color:#dce7f1}.pageHero img{width:100%;height:230px;object-fit:cover;border-radius:16px}.contentPanel{margin-top:24px;padding:34px;border:1px solid #e1e7ee;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(1,28,56,.06)}.contentPanel h2{font-size:24px;margin:0 0 16px}.contentBody{font-size:14px;line-height:2.3;color:#405268;white-space:pre-line}.filterBar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0;padding:14px;border:1px solid #e0e6ed;border-radius:14px;background:#fff}.filterBar input,.filterBar select,.siteForm input,.siteForm select,.siteForm textarea{height:44px;border:1px solid #dbe2ea;border-radius:9px;background:#fff;padding:0 13px;font-family:inherit;color:#35485d;outline:0}.filterBar input{min-width:280px;flex:1}.filterBar button,.primaryBtn{border:0;border-radius:9px;background:#ffad00;color:#10253d;padding:13px 22px;font-family:inherit;font-weight:900;cursor:pointer;text-decoration:none;display:inline-block}.catalogGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.catalogGrid .productCard{height:auto!important;min-height:330px!important;padding:15px!important}.catalogGrid .productImage{height:150px!important}.catalogGrid .productCard h3{font-size:14px!important;min-height:42px!important}.catalogGrid .productCard strong{font-size:14px!important}.visualGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:24px}.visualTile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;padding:24px;border:1px solid #dfe5ec;border-radius:16px;background:#fff;text-decoration:none;color:#10253d;box-shadow:0 9px 25px rgba(1,28,56,.07);transition:.2s}.visualTile:hover{transform:translateY(-4px);border-color:rgba(255,173,0,.55);box-shadow:0 15px 32px rgba(1,28,56,.12)}.visualTile img{width:100%;height:115px;object-fit:contain;border-radius:10px}.visualTile b{font-size:17px;margin-top:14px}.visualTile p{font-size:11px;color:#6e7d8d;text-align:center}.articleList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px}.articleCard{overflow:hidden;border:1px solid #dfe5ec;border-radius:16px;background:#fff;box-shadow:0 9px 25px rgba(1,28,56,.07)}.articleCard img,.articlePlaceholder{width:100%;height:190px;object-fit:cover;background:linear-gradient(135deg,#dce8f3,#f4f7fa);display:block}.articleCard div{padding:20px}.articleCard h2{font-size:17px;margin:0 0 10px}.articleCard p{font-size:12px;line-height:2;color:#667789}.articleCard a{font-weight:900;color:#0870bf;text-decoration:none}.twoColumn{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.siteForm{padding:28px;border:1px solid #dfe5ec;border-radius:16px;background:#fff}.siteForm p{display:flex;flex-direction:column;gap:7px;margin:0 0 15px}.siteForm label{font-weight:800;color:#20364d}.siteForm textarea{height:auto;padding:12px;resize:vertical}.siteForm .errorlist{color:#b3261e}.infoCard{padding:28px;border-radius:16px;background:#002043;color:#fff}.infoCard h2{font-size:24px}.infoCard p{line-height:2;color:#d7e3ee}.messages{margin:0 0 18px;padding:14px 18px;border-radius:10px;background:#e9f8ef;color:#17623a}.orderStatus{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:22px}.orderStatus span{padding:12px 6px;border-radius:8px;background:#edf1f5;text-align:center;font-size:11px}.orderStatus .current{background:#ffad00;color:#132942;font-weight:900}
@media(max-width:1100px){.catalogGrid,.visualGrid{grid-template-columns:repeat(2,1fr)}.articleList{grid-template-columns:repeat(2,1fr)}.pageHero{grid-template-columns:1fr}.pageHero img{height:190px}.twoColumn{grid-template-columns:1fr}}
@media(max-width:800px){.menuOpen .mainHeader{height:auto!important;min-height:56px;padding-bottom:12px!important}.menuOpen .headerIn{flex-wrap:wrap!important;height:auto!important}.menuOpen .mainHeader nav{display:flex!important;flex:0 0 100%!important;flex-direction:column!important;gap:4px!important;padding:8px 0!important}.menuOpen .mainHeader nav a{padding:9px 12px!important;border-bottom:1px solid #edf0f4!important}.pageMain{padding-top:16px}.pageContainer{width:calc(100% - 20px)}.pageHero{padding:25px 20px;border-radius:14px}.pageHero h1{font-size:25px}.contentPanel{padding:22px 17px}.catalogGrid,.visualGrid,.articleList{grid-template-columns:1fr}.filterBar input{min-width:100%}.orderStatus{grid-template-columns:1fr}.brand img{max-width:125px;height:44px}}



@font-face{
  font-family:'Vazirmatn UI FD';
  src:url("/static/shop/fonts/Vazirmatn-UI-FD-Regular.8ddad6311446.woff2?v=30") format('woff2');
  font-style:normal;
  font-weight:400;
  font-display:swap;
}

@font-face{
  font-family:'Vazirmatn UI FD';
  src:url("/static/shop/fonts/Vazirmatn-UI-FD-Medium.decd71d60c9e.woff2?v=30") format('woff2');
  font-style:normal;
  font-weight:500;
  font-display:swap;
}

@font-face{
  font-family:'Vazirmatn UI FD';
  src:url("/static/shop/fonts/Vazirmatn-UI-FD-SemiBold.cbffb1cc079f.woff2?v=30") format('woff2');
  font-style:normal;
  font-weight:600;
  font-display:swap;
}

@font-face{
  font-family:'Vazirmatn UI FD';
  src:url("/static/shop/fonts/Vazirmatn-UI-FD-Bold.c423b5a399c7.woff2?v=30") format('woff2');
  font-style:normal;
  font-weight:700 900;
  font-display:swap;
}

html,body,button,input,select,textarea{
  font-family:'Vazirmatn UI FD',Tahoma,Arial,sans-serif!important;
  font-synthesis:none;
}



.headerSearch:before,.headerSearch:after{content:none!important;display:none!important}
.headerSearch{position:relative!important;display:flex!important;align-items:center!important;padding:0!important;overflow:hidden!important;font-size:13px!important}
.headerSearch input{display:block!important;width:100%!important;height:100%!important;min-width:0!important;border:0!important;background:#fff!important;padding:0 16px 0 62px!important;font-family:inherit!important;font-size:13px!important;line-height:1.5!important;color:#4b5c70!important;outline:0!important}
.headerSearch input::placeholder{color:#7d8999!important;opacity:1!important}
.headerSearch button{position:absolute!important;left:0!important;right:auto!important;top:0!important;width:54px!important;height:100%!important;border:0!important;border-radius:8px 0 0 8px!important;background:#ffad00 url("/static/shop/icons/search.0f3ba9a7f8e2.svg?v=55") center/22px 22px no-repeat!important;font-size:0!important;line-height:0!important;cursor:pointer!important}

.batteryFinder label{display:block!important;width:100%!important;height:auto!important;margin:3px 0!important;font-size:0!important}
.batteryFinder select,.batteryFinder input{display:block!important;width:100%!important;height:43px!important;margin:0!important;border:1px solid #dce3ea!important;border-radius:5px!important;background-color:#fff!important;padding:0 14px!important;box-sizing:border-box!important;font-family:inherit!important;font-size:13px!important;line-height:normal!important;color:#6f7d8e!important;outline:0!important}
.batteryFinder select{cursor:pointer!important}
.batteryFinder select:focus,.batteryFinder input:focus{border-color:#ffad00!important;box-shadow:0 0 0 3px rgba(255,173,0,.16)!important}
.batteryFinder input::placeholder{color:#7d8999!important;opacity:1!important}


.batteryFinder select{height:35px!important}

@media(max-width:800px){
  .heroExact,.heroExact .heroGrid{height:464px!important}
  .batteryFinder{height:233px!important}
  .batteryFinder label{height:auto!important;margin:2px 0!important}
  .batteryFinder select,.batteryFinder input{height:30px!important;padding:0 11px!important;font-size:10px!important}
}

.brand:has(img) {
    background: none !important;
}

.brand:has(img) > * {
    visibility: visible !important;
}
/* هدر استاندارد و نمایش لوگو بدون تغییر نسبت */
@media (min-width: 1101px) {
    .mainHeader,
    .mainHeader .headerIn {
        height: 76px !important;
        min-height: 76px !important;
    }

    .mainHeader .brand.hasUploadedLogo {
        flex: 0 0 330px !important;
        width: 330px !important;
        min-width: 330px !important;
        height: 76px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        overflow: visible !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        right: auto !important;
        left: 40px !important;
    }

    .mainHeader .brand.hasUploadedLogo > * {
        visibility: visible !important;
    }

   .mainHeader .brand.hasUploadedLogo img {
    display: block !important;
    visibility: visible !important;

    width: 320px !important;
    height: auto !important;

    max-width: none !important;
    max-height: 68px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center !important;

    transform: none !important;
    image-rendering: auto !important;
}
}
.socialLinks{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.socialLinks a,.mapLink{display:inline-block;color:#f3a400;text-decoration:none;border:1px solid rgba(255,255,255,.18);border-radius:5px;padding:4px 7px;font-size:8px}.socialLinks a:hover,.mapLink:hover{background:#f3a400;color:#071b33}
.productGallery{display:flex;gap:8px;overflow-x:auto;margin-top:10px}.productGallery img{width:72px;height:58px;object-fit:contain;border:1px solid #e4e8ee;border-radius:6px;background:#fff}.productSpecs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:14px 0}.productSpecs span{padding:7px;border:1px solid #e4e8ee;border-radius:6px;background:#f8fafc;font-size:11px}
.stockNotice{padding:11px 13px;border-right:4px solid #ffad00;border-radius:7px;background:#fff8e7;color:#5b430d}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:28px auto}.pagination a,.pagination span{padding:9px 14px;border:1px solid #dce4eb;border-radius:8px;background:#fff;color:#12304f;text-decoration:none}.pagination a:hover{border-color:#ffad00}.productCard button:disabled{cursor:not-allowed;background:#e7ebef!important;color:#7b8794!important}.errorPage{max-width:720px;margin:60px auto;text-align:center}
.mainHeader nav .navDropdown {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}

.mainHeader nav .navDropLink {
  display: inline-flex !important;
  align-items: center !important;
}

.mainHeader nav .navDropLink::after {
  content: "⌄";
  font-size: 12px;
  margin-right: 6px;
  color: #ffad00;
}
/* FINAL HEADER DROPDOWN FIX */
.mainHeader {
  position: relative !important;
  z-index: 1000 !important;
  overflow: visible !important;
}

.mainHeader .headerIn {
  position: relative !important;
  overflow: visible !important;
}

.mainHeader nav {
  position: relative !important;
  z-index: 1002 !important;
  overflow: visible !important;
}

.mainHeader nav .navDropdown {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

.mainHeader nav .navDropLink {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  color: inherit !important;
  text-decoration: none !important;
}

.mainHeader nav .navDropLink::after {
  content: "⌄" !important;
  display: inline-block !important;
  font-size: 12px !important;
  color: #ffad00 !important;
  margin-right: 4px !important;
}

.mainHeader nav .navDropdownMenu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  left: auto !important;
  z-index: 9999 !important;
  display: block !important;
  min-width: 190px !important;
  max-width: 250px !important;
  height: auto !important;
  padding: 8px !important;
  margin: 0 !important;
  background: #ffffff !important;
  border: 1px solid #e5ebf2 !important;
  border-radius: 10px !important;
  box-shadow: 0 14px 32px rgba(0, 28, 58, 0.16) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(6px) !important;
  transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease !important;
}

.mainHeader nav .navDropdown:hover .navDropdownMenu,
.mainHeader nav .navDropdown:focus-within .navDropdownMenu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

.mainHeader nav .navDropdownMenu a,
.mainHeader nav .navDropdownMenu span {
  display: block !important;
  width: auto !important;
  min-height: auto !important;
  padding: 8px 10px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #10253d !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.8 !important;
  text-align: right !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

.mainHeader nav .navDropdownMenu a:hover,
.mainHeader nav .navDropdownMenu a:focus-visible {
  background: rgba(255, 173, 0, 0.11) !important;
  color: #9b6500 !important;
}

.mainHeader nav .navDropdownMenu span {
  color: #7b8795 !important;
}
/* FINAL HEADER SIZE FIX */
.mainHeader {
  height: 76px !important;
  min-height: 76px !important;
  max-height: 76px !important;
  overflow: visible !important;
  background: #fff !important;
}

.mainHeader .headerIn {
  height: 76px !important;
  min-height: 76px !important;
  max-height: 76px !important;
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
}

.mainHeader .brand,
.mainHeader .brand.hasUploadedLogo {
  flex: 0 0 330px !important;
  width: 330px !important;
  min-width: 330px !important;
  max-width: 330px !important;
  height: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: transparent !important;
}

.mainHeader .brand img,
.mainHeader .brand.hasUploadedLogo img {
  width: 320px !important;
  max-width: 320px !important;
  height: 68px !important;
  max-height: 68px !important;
  object-fit: contain !important;
  display: block !important;
}

.mainHeader nav {
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
  white-space: nowrap !important;
}

/* RAIS FINAL SAFE DROPDOWNS */
@media (min-width: 801px) {
  .mainHeader,
  .mainHeader .headerIn {
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    overflow: visible !important;
  }

  .mainHeader {
    background: #fff !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .mainHeader .headerIn {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
  }

  .mainHeader .brand,
  .mainHeader .brand.hasUploadedLogo {
    flex: 0 0 330px !important;
    width: 330px !important;
    min-width: 330px !important;
    max-width: 330px !important;
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: transparent !important;
    text-decoration: none !important;
  }

  .mainHeader .brand img,
  .mainHeader .brand.hasUploadedLogo img {
    display: block !important;
    width: 320px !important;
    max-width: 320px !important;
    height: auto !important;
    max-height: 68px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  .mainHeader nav {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 1002 !important;
    white-space: nowrap !important;
  }

  .mainHeader nav > a,
  .mainHeader nav .navDropLink {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: auto !important;
    padding: 8px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #15283f !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  .mainHeader nav > a:hover,
  .mainHeader nav .navDropLink:hover {
    color: #b87500 !important;
  }

  .mainHeader nav .selected {
    color: #0862b3 !important;
    border-bottom: 2px solid #ffad00 !important;
  }

  .mainHeader nav .navDropdown {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  .mainHeader nav .navDropLink::after {
    content: "⌄" !important;
    display: inline-block !important;
    margin-right: 6px !important;
    color: #ffad00 !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  .mainHeader nav .navDropdownMenu {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;
    z-index: 9999 !important;
    display: block !important;
    min-width: 190px !important;
    max-width: 260px !important;
    height: auto !important;
    padding: 8px !important;
    margin: 0 !important;
    border: 1px solid #e5ebf2 !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 14px 32px rgba(0, 28, 58, .16) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(6px) !important;
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease !important;
  }

  .mainHeader nav .navDropdown:hover .navDropdownMenu,
  .mainHeader nav .navDropdown:focus-within .navDropdownMenu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }

  .mainHeader nav .navDropdownMenu a,
  .mainHeader nav .navDropdownMenu span {
    display: block !important;
    width: auto !important;
    min-height: auto !important;
    padding: 8px 10px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #10253d !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;
    text-align: right !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  .mainHeader nav .navDropdownMenu a:hover,
  .mainHeader nav .navDropdownMenu a:focus-visible {
    background: rgba(255, 173, 0, .11) !important;
    color: #9b6500 !important;
  }

  .mainHeader nav .navDropdownMenu span {
    color: #7b8795 !important;
  }
}

/* RAIS FINAL ABSOLUTE OVERRIDE V23 - final block, do not add product/category rules after this */
.pageMain {
  padding: 22px 0 44px !important;
  background: #f6f8fb !important;
  width: 100% !important;
  max-width: none !important;
}

.pageContainer {
  width: min(1570px, calc(100% - 44px)) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

.pageHero,
.filterBar {
  width: 100% !important;
  max-width: none !important;
  margin-inline: auto !important;
}

.catalogGrid {
  width: 100% !important;
  max-width: none !important;
  margin: 30px auto 0 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 320px)) !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 30px !important;
}

.catalogGrid .productCard {
  width: 100% !important;
  max-width: 320px !important;
  min-height: auto !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 0 14px !important;
  border-radius: 18px !important;
  background: #fff !important;
  overflow: hidden !important;
  box-shadow: 0 16px 34px rgba(0, 28, 58, .10) !important;
}

.catalogGrid .productImage {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  margin: 0 0 16px !important;
  border-radius: 18px 18px 0 0 !important;
  overflow: hidden !important;
  background: #fff !important;
}

.catalogGrid .productImage img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  transform-origin: center center !important;
}

.catalogGrid .productCard h3 {
  margin: 0 18px 10px !important;
  min-height: auto !important;
  font-size: 21px !important;
  line-height: 1.55 !important;
}

.catalogGrid .productCard h3 a {
  color: #061f3c !important;
  text-decoration: none !important;
}

.catalogGrid .productMeta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 0 18px 10px !important;
  font-size: 13px !important;
}

.catalogGrid .productCard strong {
  margin: 0 18px 16px !important;
  font-size: 22px !important;
  line-height: 1.5 !important;
  color: #001f3f !important;
}

.catalogGrid .productCard form button,
.catalogGrid .productCard > button {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
}

.catalogGrid .productCard form {
  margin-top: auto !important;
  padding: 0 18px !important;
}

.catalogGrid .productCard form button:before,
.catalogGrid .productCard > button:before {
  content: none !important;
  display: none !important;
}

.catalogGrid .productCard form button:after,
.catalogGrid .productCard > button:after {
  content: '' !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  margin-right: 8px !important;
  background: #10253d !important;
  -webkit-mask: url("/static/shop/icons/cart.320a0bd59ffd.svg") center/contain no-repeat !important;
  mask: url("/static/shop/icons/cart.320a0bd59ffd.svg") center/contain no-repeat !important;
}

.categoryShowcase .categoryGrid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(360px, 440px)) !important;
  justify-content: center !important;
  gap: 24px !important;
}

.categoryShowcase .categoryCard {
  width: min(100%, 440px) !important;
  aspect-ratio: 4 / 3 !important;
  background-color: #041f3e !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
}

.categoryShowcase .categoryCard.hasImage {
  background-image:
    linear-gradient(0deg, rgba(0, 18, 39, .62), rgba(0, 18, 39, .08) 62%),
    var(--category-image) !important;
  background-size: 100% 100%, contain !important;
  background-position: center center, center center !important;
}

.brandShowcase .brandGrid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(420px, 560px)) !important;
  justify-content: center !important;
  gap: 24px !important;
}

.brandShowcase .brandCard {
  min-height: 280px !important;
  padding: 24px !important;
}

.brandShowcase .brandCard img {
  width: 100% !important;
  max-width: 530px !important;
  height: 195px !important;
  object-fit: contain !important;
}

@media (max-width: 800px) {
  .pageContainer {
    width: calc(100% - 18px) !important;
  }

  .catalogGrid,
  .categoryShowcase .categoryGrid,
  .brandShowcase .brandGrid {
    grid-template-columns: 1fr !important;
  }

  .catalogGrid .productImage {
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
  }
}

/* V26: desktop category/brand grids and separated product description */
@media (min-width: 1100px) {
 .categoryShowcase .categoryGrid {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;justify-content:stretch!important;overflow:visible!important;}
 .categoryShowcase .categoryCard {width:100%!important;min-width:0!important;aspect-ratio:4/3!important;border-radius:0!important;overflow:hidden!important;}
 .brandShowcase .brandGrid {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;justify-content:stretch!important;overflow:visible!important;}
 .brandShowcase .brandCard {width:100%!important;min-width:0!important;min-height:220px!important;padding:16px!important;box-sizing:border-box!important;}
 .brandShowcase .brandCard img {width:100%!important;max-width:440px!important;height:155px!important;object-fit:contain!important;}
}
@media (min-width: 700px) and (max-width:1099px) {
 .categoryShowcase .categoryGrid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
 .categoryShowcase .categoryCard {width:100%!important;min-width:0!important;border-radius:0!important;}
 .brandShowcase .brandGrid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
 .brandShowcase .brandCard {width:100%!important;min-width:0!important;}
}
.categoryShowcase .categoryCard,.categoryShowcase .categoryCard.hasImage {border-radius:0!important;}
.brandShowcase .brandCard:hover,.brandShowcase .brandCard:focus-visible {font-weight:inherit!important;}
.brandShowcase .brandCard:hover img,.brandShowcase .brandCard:focus-visible img {transform:none!important;filter:none!important;}
.brandShowcase .brandCard:hover .brandBrowse,.brandShowcase .brandCard:focus-visible .brandBrowse {font-weight:700!important;}
.raisMoreDescription {margin-top:24px!important;clear:both;}
.raisMoreDescription .contentBody {max-width:100%;overflow-wrap:anywhere;line-height:2.2;}

/* V28: category artwork is integrated in the actual image, never a CSS frame. */
.categoryShowcase .categoryCard.hasImage{background-color:#071b33!important;background-image:linear-gradient(0deg,rgba(0,18,39,.48),transparent 54%),var(--category-image)!important;background-size:100% 100%,100% 100%!important;background-position:center!important;border-radius:0!important;}
.categoryShowcase .categoryCard.hasImage::before{display:none!important;}
/* Three centered, image-proportioned brand cards, no hover typography/scale change. */
@media(min-width:1100px){.brandShowcase .brandGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,340px))!important;gap:18px!important;justify-content:center!important;}.brandShowcase .brandCard{width:100%!important;min-width:0!important;min-height:0!important;padding:10px 10px 12px!important;}.brandShowcase .brandCard img{width:100%!important;max-width:320px!important;height:auto!important;aspect-ratio: 2.12/1!important;object-fit:contain!important;}}
.brandShowcase .brandCard,.brandShowcase .brandCard:hover,.brandShowcase .brandCard:focus-visible,.brandShowcase .brandCard b,.brandShowcase .brandCard:hover b,.brandShowcase .brandCard .brandBrowse,.brandShowcase .brandCard:hover .brandBrowse,.brandShowcase .brandCard:focus-visible .brandBrowse{font-weight:400!important;text-shadow:none!important;transform:none!important;letter-spacing:normal!important;}
.brandShowcase .brandCard img,.brandShowcase .brandCard:hover img,.brandShowcase .brandCard:focus-visible img{transform:none!important;filter:none!important;}
.raisMoreDescription{display:block!important;width:100%!important;margin-top:24px!important;clear:both!important;}

/* V44: preserve rich-text paragraphs, headings and intentional line breaks. */
.raisMoreDescription .richTextBody{white-space:normal!important;font-size:15px!important;line-height:2.15!important;color:#31465d!important;}
.raisMoreDescription .richTextBody p{margin:0 0 18px!important;}
.raisMoreDescription .richTextBody h2,.raisMoreDescription .richTextBody h3,.raisMoreDescription .richTextBody h4{color:#061f3c!important;font-weight:900!important;line-height:1.7!important;margin:28px 0 12px!important;}
.raisMoreDescription .richTextBody h2{font-size:24px!important;}
.raisMoreDescription .richTextBody h3{font-size:20px!important;}
.raisMoreDescription .richTextBody h4{font-size:17px!important;}
.raisMoreDescription .richTextBody ul,.raisMoreDescription .richTextBody ol{margin:0 0 18px!important;padding-right:26px!important;}
.raisMoreDescription .richTextBody li{margin:0 0 8px!important;}
.raisMoreDescription .richTextBody a{color:#0870bf!important;text-decoration:underline!important;}

/* V44: never enlarge the product artwork beyond its useful desktop size. */
.raisDetailPhoto{width:min(100%,580px)!important;}

/* V29: category artwork fills the card; no separate frame or inset. */
.categoryShowcase .categoryCard.hasImage{background-size:100% 100%,100% 100%!important;background-position:center!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
.categoryShowcase .categoryCard.hasImage::before{display:none!important;}
/* V29: compact, fully visible brand cards. */
.brandShowcase .brandGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,310px))!important;gap:18px!important;justify-content:center!important;align-items:stretch!important;overflow:visible!important;}
.brandShowcase .brandCard,.brandShowcase .brandCard:hover,.brandShowcase .brandCard:focus-visible{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;box-sizing:border-box!important;padding:12px 12px 16px!important;font-weight:400!important;transform:none!important;}
.brandShowcase .brandCard img,.brandShowcase .brandCard:hover img,.brandShowcase .brandCard:focus-visible img{display:block!important;width:100%!important;max-width:286px!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;transform:none!important;filter:none!important;}
.brandShowcase .brandCard .brandBrowse,.brandShowcase .brandCard:hover .brandBrowse,.brandShowcase .brandCard:focus-visible .brandBrowse{display:inline-flex!important;position:static!important;flex:none!important;align-items:center!important;justify-content:center!important;min-height:30px!important;height:auto!important;margin:0!important;padding:5px 12px!important;font-weight:400!important;transform:none!important;visibility:visible!important;opacity:1!important;}
@media(max-width:760px){.brandShowcase .brandGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.brandShowcase .brandCard{padding:8px!important}.brandShowcase .brandCard img{max-width:100%!important}}
@media(max-width:440px){.brandShowcase .brandGrid{grid-template-columns:minmax(0,1fr)!important;max-width:310px!important;margin-inline:auto!important}}

/* V30: five evenly sized brand cards in one desktop row, using available site width. */
@media (min-width: 1100px) {
  .brandShowcase .brandInner { width: min(100% - 32px, 1600px) !important; max-width: 1600px !important; margin-inline: auto !important; }
  .brandShowcase .brandGrid { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; width: 100% !important; max-width: none !important; gap: 14px !important; justify-content: stretch !important; overflow: visible !important; }
  .brandShowcase .brandCard { width: 100% !important; max-width: none !important; min-width: 0 !important; padding: 10px 8px 12px !important; }
  .brandShowcase .brandCard img { width: 100% !important; max-width: none !important; height: auto !important; aspect-ratio: auto !important; object-fit: contain !important; }
}
@media (min-width: 761px) and (max-width: 1099px) {
  .brandShowcase .brandGrid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

/* V31: Keep all five brand cards unchanged on hover/focus. */
.brandShowcase .brandCard:is(:hover,:focus,:focus-visible),
.brandShowcase .brandCard:is(:hover,:focus,:focus-visible) *,
.brandShowcase .brandCard .brandBrowse,
.brandShowcase .brandCard:is(:hover,:focus,:focus-visible) .brandBrowse {
  font-weight:400!important; text-shadow:none!important; letter-spacing:normal!important;
  transform:none!important; filter:none!important; font-synthesis:none!important;
}
.brandShowcase .brandCard img,
.brandShowcase .brandCard:is(:hover,:focus,:focus-visible) img {
  transform:none!important; filter:none!important; scale:1!important;
}

/* V32: uniform five-brand artwork geometry and full-resolution lossless hero. */
@media(min-width:1100px){
 .brandShowcase .brandGrid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important}
}
.brandShowcase .brandCard,.brandShowcase .brandCard:hover,.brandShowcase .brandCard:focus-visible{align-items:center!important;justify-content:space-between!important;gap:10px!important;transform:none!important;filter:none!important}
.brandShowcase .brandCard img,.brandShowcase .brandCard:hover img,.brandShowcase .brandCard:focus-visible img{display:block!important;width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:1199/675!important;object-fit:contain!important;transform:none!important;filter:none!important}
.brandShowcase .brandCard .brandBrowse,.brandShowcase .brandCard:hover .brandBrowse,.brandShowcase .brandCard:focus-visible .brandBrowse{font-weight:400!important;transform:none!important;text-shadow:none!important}
.heroExact{background-image:linear-gradient(90deg,rgba(0,15,34,.1),transparent 28%,transparent 72%,rgba(0,15,34,.1)),url("/static/shop/hero-panorama-v38.4ad712a54afb.png?v=32")!important}

/* V38: keep the original hero layout, but let the admin panel replace only the hero background image. */
.heroExact.hasCustomHero{
  background-image:var(--hero-panel-image)!important;
  background-repeat:no-repeat!important;
  background-size:auto 100%!important;
  background-position:center center!important;
  background-color:#001b35!important;
}
.heroExact.hasCustomHero .heroPhoto,
.heroExact.hasCustomHero .heroPhoto:before,
.heroExact.hasCustomHero .heroPhoto:after{
  background:none!important;
  background-image:none!important;
  filter:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

/* V33: neutralize ALL visual hover/focus changes on brand cards, not just font weight. */
.brandShowcase .brandCard,
.brandShowcase .brandCard:hover,
.brandShowcase .brandCard:focus,
.brandShowcase .brandCard:focus-visible {
  transform:none!important; scale:1!important; filter:none!important;
  font-weight:400!important; text-shadow:none!important; letter-spacing:normal!important;
  border:1px solid #dfe5ec!important;
  box-shadow:0 7px 20px rgba(0,25,55,.08)!important;
  background:#fff!important;
  transition:none!important; animation:none!important;
}
.brandShowcase .brandCard::before,
.brandShowcase .brandCard:hover::before,
.brandShowcase .brandCard::after,
.brandShowcase .brandCard:hover::after {content:none!important;display:none!important;}
.brandShowcase .brandCard img,
.brandShowcase .brandCard:hover img,
.brandShowcase .brandCard:focus img,
.brandShowcase .brandCard:focus-visible img {
  transform:none!important;scale:1!important;filter:none!important;opacity:1!important;
  transition:none!important;animation:none!important;
}
.brandShowcase .brandCard .brandBrowse,
.brandShowcase .brandCard:hover .brandBrowse,
.brandShowcase .brandCard:focus .brandBrowse,
.brandShowcase .brandCard:focus-visible .brandBrowse {
  font-weight:400!important; font-synthesis:none!important; text-shadow:none!important;
  color:#243b50!important; background:rgba(15,37,61,.07)!important;
  border-color:rgba(15,37,61,.12)!important;
  transform:none!important;filter:none!important;transition:none!important;
}
.brandShowcase .brandCard .brandBrowse::before,
.brandShowcase .brandCard:hover .brandBrowse::before {color:#243b50!important; font-weight:400!important;}

/* V34: exact fixed brand art bounds; no hover/focus visual changes. */
.brandShowcase .brandCard,.brandShowcase .brandCard:hover,.brandShowcase .brandCard:focus-visible{font-weight:400!important;transform:none!important;filter:none!important;letter-spacing:normal!important;}
.brandShowcase .brandCard img,.brandShowcase .brandCard:hover img,.brandShowcase .brandCard:focus-visible img{width:100%!important;height:auto!important;aspect-ratio:1199/675!important;object-fit:contain!important;transform:none!important;filter:none!important;opacity:1!important;}
.brandShowcase .brandCard .brandBrowse,.brandShowcase .brandCard:hover .brandBrowse,.brandShowcase .brandCard:focus-visible .brandBrowse{font-weight:400!important;letter-spacing:normal!important;transform:none!important;text-shadow:none!important;}
@media(min-width:1100px){.brandShowcase .brandGrid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}}
+

/* V45: final responsive header, three-step finder and editable service features. */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

.serviceStrip {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  height: 96px !important;
  margin-top: 14px !important;
  margin-bottom: 22px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #e2e8ef !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(0, 29, 61, .06) !important;
}

.serviceStrip > div {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  align-items: center !important;
  column-gap: 12px !important;
  padding: 14px 22px !important;
  border-left: 1px solid #e5eaf0 !important;
}

.serviceStrip > div:last-child {
  border-left: 0 !important;
}

.serviceStrip .serviceIcon {
  grid-row: 1 / 3 !important;
  display: block !important;
  width: 42px !important;
  height: 42px !important;
  object-fit: contain !important;
}

.serviceStrip b {
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #062341 !important;
}

.serviceStrip small {
  display: block !important;
  font-size: 11px !important;
  line-height: 1.7 !important;
  color: #607287 !important;
}

@media (max-width: 800px) {
  html, body, main, .pageMain {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow-x: hidden !important;
  }

  .wrap {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
  }

  .utility {
    display: none !important;
  }

  .mainHeader,
  .mainHeader .headerIn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    box-sizing: border-box !important;
  }

  .mainHeader {
    position: relative !important;
    padding: 0 !important;
    background: #fff !important;
    border-bottom: 1px solid #e6ebf1 !important;
  }

  .mainHeader .headerIn {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) 42px !important;
    gap: 7px !important;
    align-items: center !important;
    padding: 0 8px !important;
    direction: ltr !important;
  }

  .mainHeader .mobileMenu {
    grid-column: 1 !important;
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #e5eaf0 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #082541 !important;
    font-size: 22px !important;
    line-height: 1 !important;
  }

  .mainHeader .brand,
  .mainHeader .brand.hasUploadedLogo {
    grid-column: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 225px !important;
    height: 56px !important;
    min-height: 0 !important;
    max-height: 56px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  .mainHeader .brand img,
  .mainHeader .brand.hasUploadedLogo img {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 220px !important;
    height: 52px !important;
    max-height: 52px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  .mainHeader .brand b {
    font-size: 14px !important;
    white-space: nowrap !important;
  }

  .mainHeader .headerCart {
    grid-column: 3 !important;
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
  }

  .mainHeader .headerSearch {
    display: none !important;
  }

  .mainHeader nav {
    display: none !important;
  }

  .menuOpen .mainHeader,
  .menuOpen .mainHeader .headerIn {
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    padding-bottom: 0 !important;
  }

  .menuOpen .mainHeader nav {
    position: absolute !important;
    z-index: 10000 !important;
    top: 64px !important;
    right: 8px !important;
    left: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: auto !important;
    max-height: calc(100vh - 78px) !important;
    padding: 8px !important;
    overflow: auto !important;
    direction: rtl !important;
    background: #fff !important;
    border: 1px solid #e2e8ef !important;
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0 14px 28px rgba(0, 26, 54, .18) !important;
  }

  .menuOpen .mainHeader nav > a,
  .menuOpen .mainHeader nav .navDropLink {
    width: 100% !important;
    min-height: 40px !important;
    padding: 9px 10px !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid #edf1f5 !important;
    font-size: 12px !important;
    text-align: right !important;
    justify-content: flex-start !important;
  }

  .menuOpen .mainHeader nav .navDropdown {
    display: block !important;
    width: 100% !important;
  }

  .menuOpen .mainHeader nav .navDropdownMenu {
    display: none !important;
  }

  .heroExact,
  .heroExact.hasCustomHero {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    background-color: #001b35 !important;
    background-repeat: no-repeat !important;
    background-size: auto 215px !important;
    background-position: center top !important;
    overflow: hidden !important;
  }

  .heroExact .heroGrid {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 215px auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 0 12px !important;
  }

  .heroGrid::after {
    height: 215px !important;
    bottom: auto !important;
  }

  .heroText {
    position: absolute !important;
    z-index: 4 !important;
    top: 14px !important;
    right: 14px !important;
    left: auto !important;
    width: min(55%, 205px) !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .heroText h1 {
    max-width: 100% !important;
    margin: 0 !important;
    font-size: 23px !important;
    line-height: 1.55 !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .5) !important;
  }

  .heroText h1::after,
  .heroText p,
  .heroPromises {
    display: none !important;
  }

  .heroPhoto {
    grid-row: 1 !important;
    width: 100% !important;
    height: 215px !important;
    min-height: 215px !important;
    background: none !important;
  }

  .batteryFinder {
    position: relative !important;
    z-index: 7 !important;
    grid-row: 2 !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    display: block !important;
    width: calc(100% - 24px) !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 10px 12px 0 !important;
    padding: 13px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(255, 255, 255, .13) !important;
    border-radius: 11px !important;
    background: linear-gradient(180deg, #07345d, #001d3c) !important;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .28) !important;
  }

  .batteryFinder h2 {
    height: auto !important;
    margin: 0 0 9px !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  .batteryFinder label {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 6px !important;
  }

  .batteryFinder select {
    width: 100% !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 11px !important;
    font-size: 11px !important;
  }

  .batteryFinder button {
    width: 100% !important;
    height: 40px !important;
    margin: 3px 0 0 !important;
    font-size: 11px !important;
  }

  .serviceStrip {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 112px !important;
    margin: 0 0 16px !important;
    border-width: 0 0 1px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .serviceStrip > div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 4px !important;
    min-width: 0 !important;
    min-height: 112px !important;
    padding: 9px 4px !important;
    text-align: center !important;
  }

  .serviceStrip .serviceIcon {
    flex: 0 0 auto !important;
    width: 31px !important;
    height: 31px !important;
    margin-bottom: 2px !important;
  }

  .serviceStrip b {
    font-size: 10.5px !important;
    line-height: 1.5 !important;
  }

  .serviceStrip small {
    display: block !important;
    max-width: 100% !important;
    font-size: 8.5px !important;
    line-height: 1.65 !important;
  }

  .pageMain {
    padding: 12px 0 32px !important;
  }

  .pageContainer {
    width: calc(100% - 18px) !important;
    min-width: 0 !important;
    max-width: calc(100% - 18px) !important;
    margin-inline: auto !important;
  }

  .pageHero,
  .contentPanel,
  .twoColumn,
  .siteForm,
  .infoCard,
  .filterBar,
  .catalogGrid,
  .raisCatalogGrid,
  .visualGrid,
  .articleList,
  .raisMoreDescription {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .pageHero {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
    padding: 22px 17px !important;
    border-radius: 13px !important;
  }

  .pageHero h1 {
    font-size: 23px !important;
    line-height: 1.55 !important;
  }

  .contentPanel {
    padding: 18px 14px !important;
    border-radius: 13px !important;
  }

  .twoColumn,
  .catalogGrid,
  .raisCatalogGrid,
  .visualGrid,
  .articleList {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .filterBar input,
  .filterBar select {
    width: 100% !important;
    min-width: 0 !important;
  }

  .raisDetailPhoto,
  .raisDetailPhoto img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  footer,
  footer .wrap {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .footerGrid {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 24px 16px !important;
  }

  .footerGrid > div:first-child {
    grid-column: auto !important;
  }
}
/* Home carousel uses the same photo and body geometry as the product catalog. */
.productShowcase .productGrid{display:flex!important;gap:22px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:15px 5px 30px!important;align-items:stretch!important;scrollbar-width:thin!important}
.productShowcase .productGrid .raisProductCard{flex:0 0 290px!important;width:290px!important;height:auto!important;scroll-snap-align:start!important;display:block!important;box-sizing:border-box!important}
.productShowcase .productGrid .raisProductPhoto{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;padding:0!important;flex:none!important;overflow:hidden!important}
.productShowcase .productGrid .raisProductPhoto img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;max-height:none!important}
.productShowcase .productGrid .raisProductBody{padding:0 16px 4px!important}
.productShowcase .productGrid .raisProductBody h3{height:auto!important;min-height:44px!important;font-size:15px!important}
.productShowcase .productGrid .raisProductBody strong{font-size:18px!important;margin:0 0 14px!important}
.productShowcase .productGrid .raisProductBody button{height:44px!important}
.buyerReview{border-bottom:1px solid #dfe6ee;padding:14px 0}.buyerReview p{margin:8px 0;white-space:pre-line}
@media(max-width:800px){.productShowcase .productGrid .raisProductCard{flex-basis:245px!important;width:245px!important}.productShowcase .productGrid>.raisProductCard:nth-child(n+3){display:block!important}}

.verifiedVehicles{display:flex;flex-wrap:wrap;gap:10px}.verifiedVehicles span{padding:8px 12px;border:1px solid #dce4eb;border-radius:8px;background:#f6f8fb;color:#12304f}

.utilityLogout{display:inline;margin:0}.utilityLogout button{padding:0;border:0;background:none;color:inherit;cursor:pointer;font:inherit}
.faqPanel .contentBody{white-space:normal;max-width:940px;margin:auto;color:#364b60;font-size:15px;line-height:2.1}
.faqPanel .contentBody h2{margin:38px 0 22px;padding-bottom:10px;border-bottom:2px solid #eef2f6;color:#09294a;font-size:23px;font-weight:900}
.faqPanel .contentBody h2:first-child{margin-top:0}
.faqPanel .contentBody h3{margin:22px 0 5px;color:#102f4d;font-size:17px;font-weight:900}
.faqPanel .contentBody p{margin:0 0 16px;padding:0 14px 16px;border-bottom:1px solid #f0f3f7}
.faqPanel .contentBody a{color:#075b9b;text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.faqPanel .contentBody h2{font-size:20px}.faqPanel .contentBody h3{font-size:16px}}
.articleGuide .contentBody{max-width:860px;margin:auto;white-space:normal;color:#34495e;font-size:16px;line-height:2.15}
.articleGuide .contentBody>p:first-child{background:#f2f7fb;border-right:4px solid #e9ab19;border-radius:8px;padding:17px 20px;color:#173450}
.articleGuide .contentBody h2{font-size:22px;color:#0b2b4b;font-weight:900;margin:37px 0 10px;line-height:1.7}
.articleGuide .contentBody p{margin:0 0 18px}.articleGuide .contentBody ul{padding-right:25px}.articleGuide .contentBody li{margin:6px 0}
.articleGuide .contentBody a{color:#0861a0;text-underline-offset:3px}.relatedGuides{margin-top:36px}.relatedGuides h2{font-size:23px;color:#0b2b4b}
@media(max-width:800px){.articleGuide .contentBody{font-size:15px}.articleGuide .contentBody h2{font-size:19px}}

/* Customer menu and homepage article cards */
.articlesInner .articleGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
.articlesInner .articleGrid .homeArticleCard{display:flex!important;flex-direction:column!important;height:auto!important;min-height:340px!important;grid-template-columns:none!important;gap:0!important;padding:10px!important;border:1px solid #e1e5ea!important;border-radius:12px!important;background:#fff!important;box-shadow:0 4px 12px rgba(0,22,49,.12)!important}
.articlesInner .articleGrid .homeArticleCard .articlePhoto{display:block!important;flex:none!important;width:100%!important;height:auto!important;aspect-ratio:1.75!important;overflow:hidden!important;border-radius:9px!important;background:#edf2f6!important;text-decoration:none!important;margin:0!important}
.articlesInner .articleGrid .homeArticleCard .articlePhoto img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:9px!important}
.articlesInner .articleGrid .homeArticleCard .articleImageFallback{display:grid;place-items:center;height:100%;color:#234661;font-weight:800}
.articlesInner .articleGrid .homeArticleCard .homeArticleContent{display:flex!important;flex:1!important;flex-direction:column!important;justify-content:space-between!important;width:100%!important;height:auto!important;min-height:95px!important;padding:12px 2px 0!important;overflow:visible!important}
.articlesInner .articleGrid .homeArticleCard h3{height:auto!important;min-height:48px!important;margin:0 0 8px!important;overflow:hidden!important;font-size:14px!important;line-height:1.7!important;text-align:right!important}
.articlesInner .articleGrid .homeArticleCard h3 a{display:inline!important;margin:0!important;color:#075798!important;text-decoration:none!important;white-space:normal!important;font-size:inherit!important;font-weight:800!important}
.articlesInner .articleGrid .homeArticleCard .homeArticleBottom{display:flex!important;width:100%!important;height:auto!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;overflow:visible!important}
.articlesInner .articleGrid .homeArticleCard .readArticle{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:8px 12px!important;border-radius:8px!important;background:#ffad00!important;color:#10253d!important;text-decoration:none!important;font-size:11px!important;font-weight:800!important}
.articlesInner .articleGrid .homeArticleCard time{color:#465364;font-size:11px;white-space:nowrap}
.articlesInner .articleGrid .homeArticleCard time:before{content:'◷';display:inline-block;margin-left:5px;color:#172c42;font-size:18px;vertical-align:middle}
.articlesInner .allArticlesLink{display:inline-block;margin-top:18px;color:#075798;font-size:13px;font-weight:800;text-decoration:none}
.mobileSupport{display:none}
@media(max-width:800px){
  .articlesInner .articleGrid{grid-template-columns:repeat(1,minmax(0,1fr))!important;gap:15px!important}
  .articlesInner .articleGrid .homeArticleCard{min-height:0!important}
  .menuOpen .mainHeader nav .customersDropdown .navDropdownMenu{position:static!important;display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;width:100%!important;min-width:0!important;max-width:none!important;padding:2px 14px!important;border:0!important;box-shadow:none!important;background:#f7f9fb!important}
  .menuOpen .mainHeader nav .customersDropdown .navDropdownMenu a{display:block!important;padding:8px 10px!important}
  .mobileSupport{display:block;position:fixed;right:16px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:12000;direction:rtl}
  .mobileSupport summary{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#00346c;color:#ffbc18;box-shadow:0 5px 20px rgba(0,25,55,.3);cursor:pointer;list-style:none}
  .mobileSupport summary::-webkit-details-marker{display:none}
  .mobileSupport summary svg{width:29px;height:29px}
  .mobileSupportPanel{position:absolute;right:0;bottom:68px;min-width:210px;padding:12px;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(0,25,55,.22);text-align:right}
  .mobileSupportPanel span{display:block;margin-bottom:9px;color:#193955;font-weight:800}
  .mobileSupportPanel a{display:block;padding:11px;border-radius:8px;background:#ffad00;color:#172e49;text-align:center;text-decoration:none;font-weight:800}
}
@media(min-width:801px) and (max-width:1100px){.articlesInner .articleGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Keep the single mobile product column centered inside the result area. */
@media(max-width:800px){
  .raisCatalogGrid{grid-template-columns:minmax(0,310px)!important;justify-content:center!important;justify-items:center!important;gap:20px!important}
  .raisCatalogGrid .raisProductCard{width:min(100%,290px)!important;max-width:290px!important;margin-inline:auto!important}
  .menuOpen .mainHeader nav .navDropdown .navDropdownMenu{position:static!important;display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;width:100%!important;min-width:0!important;max-width:none!important;padding:2px 14px!important;border:0!important;box-shadow:none!important;background:#f7f9fb!important}
  .menuOpen .mainHeader nav .navDropdown .navDropdownMenu a{display:block!important;padding:8px 10px!important}
}
/* Customer experience: separate styles from approved storefront cards. */
.accountHero{margin:20px 0 22px;padding:30px 38px;border-radius:18px;background:linear-gradient(115deg,#082e54,#001c39);color:white}.accountHero small{color:#ffba26;font-weight:800}.accountHero h1{margin:8px 0;font-size:30px}.accountHero p{margin:0;color:#e0eaf5;line-height:1.9}.accountLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.72fr);gap:20px;align-items:stretch;margin-bottom:32px}.accountCard,.accountAside{padding:28px!important;border:1px solid #dce5ef;border-radius:17px;background:#fff;box-shadow:0 10px 30px #001d3d0a}.accountCard h2,.accountAside h2{margin:0 0 12px;color:#052749}.accountCard p,.accountAside p{line-height:1.9}.accountCard label{display:block;font-weight:700;margin-bottom:6px;color:#173a55}.accountCard input{width:100%;height:44px;border:1px solid #cbd8e4;border-radius:8px;padding:8px 12px;font-family:inherit}.accountCard .errorlist{color:#a02522;font-size:12px}.accountCard .primaryBtn{display:inline-flex;justify-content:center;align-items:center;min-height:44px;border:0;margin:8px 0 0}.accountAside{background:#f0f6fc}.accountAside span,.accountMinor{display:block;margin-top:16px;color:#547086;font-size:13px}.accountFields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.captchaHint{padding:9px 12px;background:#f3f7fa;border-radius:7px}.captchaHint strong{letter-spacing:3px;color:#123d67}.demoCode{padding:14px;background:#fff0c9;color:#3b2b0d;border-radius:8px}.profileTabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.profileTabs a{padding:10px 14px;background:#fff;border:1px solid #dce5ed;border-radius:9px;color:#123956;text-decoration:none;font-weight:700}.profileSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.profileSummary div,.profileSection{background:#fff;border:1px solid #dce5ed;border-radius:14px;padding:20px}.profileSummary small,.profileSummary strong{display:block}.profileSummary strong{margin-top:8px;color:#092e53;font-size:22px}.profileSection{margin:18px 0;scroll-margin-top:20px}.profileSection h2{margin:0 0 18px;color:#092e53}.profileTitle{display:flex;align-items:center;justify-content:space-between}.profileItem{border-top:1px solid #e7edf3;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 0}.profileItem b,.profileItem small{display:block}.profileItem small{color:#61768a;margin-top:6px}.profileItem p{margin:4px 0}.profileEmpty{background:#f4f7fa;padding:18px;border-radius:9px}.profileReviewForm,.profileInfoForm{max-width:650px}.profileReviewForm label{display:block;margin:12px 0 5px}.profileReviewForm select,.profileReviewForm textarea{width:100%;border:1px solid #cdd9e5;border-radius:8px;padding:10px;font-family:inherit}.cartLayout{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:22px;margin-bottom:30px}.cartItems,.cartSummary{background:#fff;border:1px solid #dfe7ef;border-radius:16px;padding:22px;box-shadow:0 12px 28px #001d3d0b}.cartItems h2,.cartSummary h2{margin:0 0 20px;color:#0b3052}.cartItems h2 small{font-size:13px;color:#697e91}.cartProduct{display:grid;grid-template-columns:125px minmax(0,1fr) auto;gap:18px;border-top:1px solid #e6edf2;padding:20px 0;align-items:center}.cartProductImage{display:grid;place-items:center;width:120px;height:120px;border:1px solid #e6edf2;border-radius:11px}.cartProductImage img{max-width:100%;max-height:100%;object-fit:contain}.cartProductTitle{font-size:16px;font-weight:800;color:#0a3052;text-decoration:none}.cartProductDetails p,.cartProductDetails span{font-size:13px;color:#516b80}.cartProductDetails form{display:inline-flex;align-items:center;gap:6px;margin:10px 0 0 12px}.cartProductDetails input{width:58px;height:34px;border:1px solid #cdd9e5;border-radius:6px;padding:3px}.cartProductDetails button{background:#eff5fa;border:1px solid #d0deea;color:#0c3657;border-radius:6px;padding:7px 10px;font-family:inherit;cursor:pointer}.cartProductDetails .removeItem{color:#a42928;background:transparent;border:0}.cartProduct>strong{white-space:nowrap;color:#082d52}.cartSummary{position:sticky;top:18px}.cartSummary p{display:flex;justify-content:space-between;gap:10px;color:#476278}.cartSummary b{color:#153953}.cartGrand{border-top:1px solid #dfe7ee;margin-top:15px;padding-top:18px;display:flex;justify-content:space-between;font-weight:800;color:#092f53}.cartSummary .primaryBtn{display:block;margin:16px 0;text-align:center}.cartSummary>small{color:#657a8c}.continueShop{text-decoration:none;color:#12507b;font-weight:700}.emptyCart{text-align:center;padding:45px}.emptyCart .primaryBtn{display:inline-block;margin-top:8px}
@media(max-width:800px){.accountHero{padding:24px}.accountHero h1{font-size:25px}.accountLayout,.cartLayout{grid-template-columns:1fr}.accountFields{grid-template-columns:1fr;gap:0}.profileSummary{grid-template-columns:repeat(2,1fr)}.profileItem{display:block}.profileItem>strong{display:block;margin-top:8px}.cartProduct{grid-template-columns:85px minmax(0,1fr);gap:10px}.cartProductImage{width:82px;height:82px}.cartProduct>strong{grid-column:2}.cartSummary{position:static}}
/* Three actual service promises, with the installation line kept together. */
@media(min-width:1101px){.heroPromises{grid-template-columns:repeat(3,minmax(0,1fr))!important}.heroPromises span:nth-child(2) em{white-space:nowrap!important;font-size:clamp(7px,.52vw,9.5px)!important}}

/* Reuse the exact hero image in its own light lenses; the still frame is untouched. */
.heroExact.heroWithBlink{position:relative}
.heroExact.heroWithBlink::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--hero-panel-image) no-repeat center center;background-size:auto 100%;filter:brightness(.11);-webkit-mask-image:url("/static/shop/headlight-mask.2529207a3b49.svg");mask-image:url("/static/shop/headlight-mask.2529207a3b49.svg");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:auto 100%;mask-size:auto 100%;-webkit-mask-position:center center;mask-position:center center;opacity:0;animation:raisLampBlink 5s ease-in-out infinite}
@keyframes raisLampBlink{0%,76%,90%,100%{opacity:0}83%{opacity:.8}}
@media(max-width:800px){.heroExact.heroWithBlink::after{background-size:auto 215px;background-position:center top;-webkit-mask-size:auto 215px;mask-size:auto 215px;-webkit-mask-position:center top;mask-position:center top}}
@media(prefers-reduced-motion:reduce){.heroExact.heroWithBlink::after{animation:none}}