/* Joshua Batteries Why Us 2026 – scoped redesign, keeping shared navigation/footer */
body.wy-body{overflow-x:hidden}
.wy-main{background:#fff;color:#153658;overflow:hidden}
.wy-main *{box-sizing:border-box}
.wy-main h1,.wy-main h2,.wy-main h3,.wy-main p{margin-top:0}
.wy-main .wy-container{max-width:1280px;width:calc(100% - 48px);margin-inline:auto}
.wy-main .wy-kicker{font-weight:900;color:#087c47;font-size:12px;letter-spacing:.17em;text-transform:uppercase;margin:0 0 15px}
.wy-main .wy-icon{display:inline-block;flex-shrink:0;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wy-defs{position:absolute;overflow:hidden;pointer-events:none}
.wy-main a{text-decoration:none}
.wy-hero{background:linear-gradient(118deg,#f2f9fe 0%,#f6fbf9 51%,#eaf5fc 100%);border-bottom:1px solid #deebf2;padding:62px 0 67px}
.wy-hero-grid{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:44px;align-items:center}
.wy-breadcrumb{display:flex;align-items:center;gap:10px;color:#5c7993;font-size:13px;margin-bottom:30px}.wy-breadcrumb a{color:#137f51;font-weight:800}.wy-breadcrumb span[aria-hidden]{color:#a6bac8}
.wy-hero h1{color:#0b3059;line-height:1.08;letter-spacing:-.05em;font-size:clamp(43px,4.15vw,64px);font-weight:900;max-width:590px;margin:0 0 24px}
.wy-hero h1 span,.wy-section-heading h2 span,.wy-advice h2 span,.wy-faq-grid h2 span,.wy-location h2 span{color:#087d46}
.wy-hero-lead{font-size:18px;line-height:1.74;color:#4e6d89;max-width:575px;margin-bottom:24px}
.wy-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.wy-btn{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:49px;padding:14px 18px;border-radius:11px;font-size:15px;font-weight:900;line-height:1.3;transition:transform .2s ease,box-shadow .2s ease}
.wy-btn:hover,.wy-btn:focus-visible{transform:translateY(-2px);box-shadow:0 11px 22px #09486921}
.wy-btn .wy-icon{width:19px;height:19px}
.wy-btn-primary{color:white;background:#078345;box-shadow:0 7px 17px #07834522}
.wy-btn-secondary{color:#0c4967;border:1px solid #bed8df;background:#fff}
.wy-btn-white{color:#0b5d48;background:#fff;border:1px solid #d9e7ed}
.wy-hero-points{display:flex;gap:10px 19px;flex-wrap:wrap;margin-top:23px;font-size:13px;font-weight:800;color:#315572}
.wy-hero-points span{display:flex;align-items:center;gap:5px}.wy-hero-points .wy-icon{width:17px;height:17px;color:#068747}
.wy-hero-art{border:7px solid #fff;position:relative;overflow:hidden;box-shadow:0 24px 52px #0c3d5b27;border-radius:23px;background:#d7e7ed}
.wy-hero-art img{display:block;width:100%;height:425px;object-fit:cover;object-position:51% center}
.wy-hero-label{position:absolute;left:19px;bottom:18px;display:flex;gap:12px;align-items:center;padding:13px 17px;background:#ffffffed;box-shadow:0 12px 28px #052c4d25;border-radius:12px;color:#083a5c}
.wy-hero-label>.wy-icon{width:30px;height:30px;color:#057f44}.wy-hero-label span{display:grid;gap:3px}.wy-hero-label strong{font-size:15px}.wy-hero-label small{font-size:12px;color:#567188}
.wy-top-highlights{background:#fff;border-bottom:1px solid #e6eef2}.wy-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:26px 0}
.wy-highlights>div{display:flex;gap:12px;align-items:center;padding:8px 20px;border-right:1px solid #dce8ee}.wy-highlights>div:first-child{padding-left:0}.wy-highlights>div:last-child{border-right:0}
.wy-highlights .wy-icon{width:35px;height:35px;color:#07864c;flex:0 0 35px}.wy-highlights span{display:grid;gap:5px}.wy-highlights strong{font-size:14px;color:#092f55;font-weight:900}.wy-highlights small{color:#56758c;font-size:12px;line-height:1.3}
.wy-section{padding:79px 0}.wy-section-heading{text-align:center;max-width:790px;margin:0 auto 37px}
.wy-section-heading h2,.wy-advice h2,.wy-faq-grid h2,.wy-location h2{font-size:clamp(30px,3.1vw,43px);color:#0a315b;line-height:1.17;letter-spacing:-.04em;font-weight:900;margin:0 0 16px}
.wy-section-heading p:not(.wy-kicker),.wy-advice-copy>p:not(.wy-kicker),.wy-faq-grid>div>p:not(.wy-kicker),.wy-location p:not(.wy-kicker){color:#52708a;line-height:1.7;font-size:16px}
.wy-reasons-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wy-reason{padding:29px 27px;background:white;border:1px solid #dce9f0;border-radius:19px;box-shadow:0 12px 30px #0b32570b;min-height:237px}
.wy-reason-icon{display:grid;place-items:center;background:#e4f5ec;color:#087c46;width:60px;height:60px;border-radius:17px;margin-bottom:22px}.wy-reason-icon .wy-icon{width:33px;height:33px}
.wy-reason h3{font-size:21px;font-weight:900;line-height:1.27;color:#0b335b;margin:0 0 11px}
.wy-reason p{font-size:15px;color:#59758f;line-height:1.68;margin:0}
.wy-solutions{background:#f3f9fb}.wy-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.wy-service{background:white;border:1px solid #dceaf2;border-radius:17px;overflow:hidden;box-shadow:0 10px 26px #0c35560c;display:flex;flex-direction:column}
.wy-service-media{display:block;height:160px;overflow:hidden;background:#e5f0f6}.wy-service-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.wy-service:hover img{transform:scale(1.04)}
.wy-service-copy{padding:22px;display:flex;flex-direction:column;flex:1}.wy-service h3{font-size:19px;color:#08355c;font-weight:900;line-height:1.3;margin:0 0 10px}.wy-service p{color:#5a748e;font-size:14px;line-height:1.64;margin:0 0 20px}
.wy-text-link{display:inline-flex;align-items:center;gap:6px;color:#078147;font-size:14px;font-weight:900;margin-top:auto}.wy-text-link .wy-icon{width:16px;height:16px}
.wy-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.wy-steps article{background:#fff;position:relative;border:1px solid #e0ebf2;border-radius:17px;padding:24px 23px;min-height:233px;box-shadow:0 10px 20px #073b5c0b}.wy-step-number{position:absolute;top:23px;right:23px;font-weight:900;color:#b4cdd9;font-size:18px}.wy-step-icon{background:#e8f4ff;color:#086ab5;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;margin-bottom:24px}.wy-steps article:nth-child(2) .wy-step-icon{background:#e3f6ec;color:#067e45}.wy-steps article:nth-child(3) .wy-step-icon{background:#fff2dd;color:#d59412}.wy-steps article:nth-child(4) .wy-step-icon{background:#e3f5f5;color:#0a837a}.wy-step-icon .wy-icon{width:27px;height:27px}.wy-steps h3{font-size:18px;line-height:1.28;color:#103657;margin-bottom:10px;font-weight:900}.wy-steps p{color:#5b7791;line-height:1.65;font-size:14px;margin:0}
.wy-advice{background:linear-gradient(120deg,#f1fafb,#eef7f5);}.wy-advice-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);align-items:center;gap:64px}
.wy-advice h2{max-width:650px}.wy-checklist{list-style:none;padding:0;margin:23px 0 29px;display:grid;gap:15px}.wy-checklist li{display:flex;align-items:flex-start;gap:11px;font-size:15px;line-height:1.6;color:#4e6b83}.wy-checklist .wy-icon{color:#078145;flex:0 0 20px;width:20px;height:20px;margin-top:1px}.wy-checklist strong{color:#153e61}
.wy-brand-panel{background:#fff;border:1px solid #d4e7ed;border-radius:23px;padding:37px;box-shadow:0 22px 50px #08395117}.wy-panel-icon{display:grid;place-items:center;width:58px;height:58px;background:#dff6ea;color:#078046;border-radius:15px;margin-bottom:20px}.wy-panel-icon .wy-icon{width:31px;height:31px}.wy-brand-panel h3{font-size:27px;color:#092e57;font-weight:900;margin:0 0 15px}.wy-brand-panel p{color:#54718b;line-height:1.66;font-size:15px}.wy-brand-tags{display:flex;gap:9px;flex-wrap:wrap;margin:23px 0}.wy-brand-tags span{background:#f1f8fa;border:1px solid #d8e7ed;border-radius:9px;color:#0c3c62;padding:10px 12px;font-size:13px;font-weight:900}.wy-brand-note{padding:15px;display:flex;gap:10px;align-items:flex-start;color:#3e6682;font-size:13px;line-height:1.55;background:#edf9f0;border-radius:12px}.wy-brand-note .wy-icon{color:#04864c;flex:0 0 22px}
.wy-faq-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:65px;align-items:start}.wy-faq-grid>.wy-text-link{font-size:15px}.wy-faq-list{display:grid;gap:12px}.wy-faq-list details{background:#f7fafc;border:1px solid #dfe9f0;border-radius:13px;padding:18px 20px}.wy-faq-list summary{cursor:pointer;font-size:16px;font-weight:900;line-height:1.5;color:#0b355d;padding-right:25px;position:relative;list-style:none}.wy-faq-list summary::-webkit-details-marker{display:none}.wy-faq-list summary:after{position:absolute;right:0;top:-5px;content:'+';font-size:26px;font-weight:600;color:#0b854a}.wy-faq-list details[open] summary:after{content:'−'}.wy-faq-list details p{font-size:15px;color:#5a748e;line-height:1.75;margin:12px 0 0}
.wy-location{background:#f4f9fc;padding:75px 0;border-top:1px solid #e4eef3}.wy-location-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.wy-location h2{max-width:570px}.wy-location-tip{font-size:14px!important;margin-top:-8px}.wy-location .wy-actions{margin-top:27px}
.wy-location-card{border:1px solid #d7e6ef;border-radius:21px;overflow:hidden;background:#fff;box-shadow:0 18px 37px #10375414}.wy-location-map{min-height:215px;background-color:#e7f2eb;background-image:linear-gradient(46deg,transparent 45%,#fefefe 46%,#fefefe 49%,transparent 50%),linear-gradient(-30deg,transparent 46%,#fff 47%,#fff 50%,transparent 51%),linear-gradient(90deg,transparent 49%,#d8e6e1 50%,transparent 51%);background-size:100% 100%,100% 100%,82px 82px;display:flex;justify-content:center;align-items:center;gap:13px;color:#0b7852}.wy-location-map>.wy-icon{width:45px;height:45px;filter:drop-shadow(0 4px 5px #0a462633)}.wy-location-map>span{font-size:21px;font-weight:900;color:#12395d}.wy-location-map small{font-size:13px;font-weight:600;color:#4d7781}.wy-location-card-footer{padding:24px}.wy-location-card-footer strong{font-size:17px;color:#0c345a}.wy-location-card-footer p{font-size:14px!important;margin:9px 0 13px;color:#55738b}
.wy-end-cta{background:linear-gradient(112deg,#0a2e5b,#075f98);color:#fff;padding:43px 0}.wy-end-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.wy-end-inner h2{font-size:30px;font-weight:900;line-height:1.3;margin:0 0 8px;color:#fff}.wy-end-inner p:not(.wy-kicker){font-size:15px;color:#dbe9f4;line-height:1.6;margin:0}.wy-end-cta .wy-kicker{color:#a2e8c1;margin-bottom:8px}.wy-end-cta .wy-actions{justify-content:flex-end}
@media(max-width:1100px){.wy-hero-grid{gap:25px}.wy-hero h1{font-size:45px}.wy-main .wy-highlights{grid-template-columns:repeat(2,1fr);gap:13px}.wy-highlights>div{padding:10px;border-right:0}.wy-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wy-advice-grid{gap:28px}}
@media(max-width:850px){.wy-main .wy-container{width:calc(100% - 34px)}.wy-hero{padding:37px 0 45px}.wy-hero-grid,.wy-advice-grid,.wy-faq-grid,.wy-location-grid{grid-template-columns:1fr}.wy-hero h1{font-size:clamp(39px,6vw,56px)}.wy-hero-art img{height:380px}.wy-reasons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wy-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.wy-faq-grid,.wy-location-grid{gap:29px}.wy-end-inner{flex-direction:column;align-items:flex-start}.wy-end-cta .wy-actions{justify-content:flex-start}}
@media(max-width:580px){.wy-main .wy-container{width:calc(100% - 28px)}.wy-hero{padding:28px 0 35px}.wy-breadcrumb{margin-bottom:19px}.wy-hero h1{font-size:38px}.wy-hero-lead{font-size:16px}.wy-actions{flex-direction:column;align-items:stretch}.wy-btn{width:100%}.wy-hero-points{font-size:12px;gap:9px 15px}.wy-hero-art{border-width:4px;border-radius:17px}.wy-hero-art img{height:255px}.wy-hero-label{left:9px;bottom:9px;padding:9px 10px}.wy-hero-label>.wy-icon{height:24px;width:24px}.wy-hero-label strong{font-size:12px}.wy-hero-label small{font-size:10px}.wy-main .wy-highlights{grid-template-columns:1fr 1fr;gap:0;padding:15px 0}.wy-highlights>div{padding:11px 5px}.wy-highlights .wy-icon{width:25px;height:25px;flex-basis:25px}.wy-highlights strong{font-size:12px}.wy-highlights small{font-size:11px}.wy-section{padding:55px 0}.wy-section-heading h2,.wy-advice h2,.wy-faq-grid h2,.wy-location h2{font-size:30px}.wy-section-heading p:not(.wy-kicker){font-size:15px}.wy-reasons-grid,.wy-services-grid{grid-template-columns:1fr}.wy-reason{min-height:auto;padding:22px}.wy-reason-icon{margin-bottom:12px}.wy-service-media{height:175px}.wy-steps{gap:10px}.wy-steps article{min-height:240px;padding:18px 14px}.wy-steps h3{font-size:15px}.wy-steps p{font-size:12px}.wy-step-number{top:16px;right:13px}.wy-brand-panel{padding:24px}.wy-location{padding:55px 0}.wy-end-inner h2{font-size:26px}.wy-end-cta .wy-actions{width:100%}}
@media(prefers-reduced-motion:reduce){.wy-btn,.wy-service-media img{transition:none}}
