.ma-battery-hub{color:#193b29;background:#f4f6f1}#MainContent:has(.ma-battery-hub){max-width:none;padding:0}.ma-battery-hub-banner{position:relative;isolation:isolate;min-height:280px;display:flex;align-items:center;background:#123b2b;overflow:hidden}.ma-battery-hub-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:58% 58%;z-index:-2}.ma-battery-hub-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0d2c20f0,#0d2c20ba 36%,#0d2c201f 72%);z-index:-1}.ma-battery-hub-banner-copy{width:100%;max-width:1320px;margin:auto;padding:44px 32px;color:#fff;box-sizing:border-box}.ma-battery-hub-banner h1{font-size:clamp(34px,4.5vw,54px);line-height:1.08;color:#fff;margin:0 0 14px;max-width:620px}.ma-battery-hub-intro{font-size:20px;line-height:1.5;max-width:450px;margin:0}.ma-battery-hub-inner{max-width:1320px;margin:auto;padding:40px 32px 56px;box-sizing:border-box}.ma-battery-hub-inner h2{font-size:30px;color:#193b29;margin:0 0 24px}.ma-battery-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ma-battery-hub-card{display:flex;flex-direction:column;border:1px solid #dbe3da;background:#fff;border-radius:7px;overflow:hidden;text-decoration:none;color:#193b29;transition:border-color .15s,box-shadow .15s}.ma-battery-hub-card>img{display:block;width:100%;height:225px;object-fit:contain;padding:20px;box-sizing:border-box;background:#fff}.ma-battery-hub-card>span{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px;font-size:21px;font-weight:600;line-height:1.25;border-top:1px solid #edf0ea;flex:1}.ma-battery-hub-card:hover{border-color:#26714b;color:#193b29;box-shadow:0 4px 16px #193b2912}.ma-battery-hub-card:focus-visible{outline:3px solid #e96823;outline-offset:4px}@media(max-width:999px){.ma-battery-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ma-battery-hub-banner{min-height:240px}.ma-battery-hub-photo{object-position:60% 56%}}@media(max-width:599px){.ma-battery-hub-banner{min-height:220px}.ma-battery-hub-banner-copy{padding:36px 20px}.ma-battery-hub-shade{background:linear-gradient(90deg,#0d2c20eb,#0d2c20a3 58%,#0d2c203d)}.ma-battery-hub-intro{font-size:17px;max-width:290px}.ma-battery-hub-inner{padding:28px 16px 36px}.ma-battery-hub-inner h2{font-size:25px;margin-bottom:18px}.ma-battery-hub-grid{gap:12px}.ma-battery-hub-card>img{height:150px;padding:12px}.ma-battery-hub-card>span{font-size:17px;padding:14px 12px;gap:8px}}.ma-header .ma-nav{border-top:0}body.template-index .ma-header{border-bottom:0}.ma-header .ma-headrow{align-items:center;padding-top:16px;padding-bottom:16px}.ma-header .ma-logo{align-self:center}.ma-header .ma-search{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;min-height:46px;margin:0;background:#fff;border:1px solid #d2ddd4;border-radius:5px;overflow:hidden}.ma-header .ma-search input[type=search]{height:100%;min-height:44px;margin:0;border:0!important;border-radius:0!important;box-shadow:none!important}.ma-header .ma-search button{height:100%;min-height:44px;margin:0;padding-inline:18px;border:0!important;border-left:1px solid #d2ddd4!important;border-radius:0!important;box-shadow:none!important}.ma-header .ma-header-links{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-end;gap:16px;max-width:none;flex-shrink:0}.ma-header .ma-contact-disclosure{position:relative;flex-shrink:0}.ma-header .ma-contact-disclosure>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 2px;cursor:pointer;list-style:none;white-space:nowrap;font-size:14px;border:0;border-radius:0;background:transparent}.ma-contact-disclosure>summary::-webkit-details-marker{display:none}.ma-header .ma-contact-disclosure>summary:after{content:none}.ma-contact-chevron{display:block;width:7px;height:7px;margin-top:-4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transform-origin:center;transition:transform .15s ease}.ma-contact-disclosure[open]>summary>.ma-contact-chevron{margin-top:4px;transform:rotate(225deg)}.ma-header .ma-contact-panel{position:absolute;top:calc(100% + 10px);right:0;width:270px;max-width:calc(100vw - 32px);padding:8px;background:#fff;color:#193b29;border:1px solid #c8d8ce;border-radius:6px;box-shadow:0 8px 28px #0003;z-index:100;box-sizing:border-box}.ma-header .ma-contact-panel>a{display:flex;flex-direction:column;gap:3px;padding:12px;min-height:44px;color:#193b29;line-height:1.4;text-decoration:none;box-sizing:border-box}.ma-header .ma-contact-panel>a:hover{background:#eaf2ed}.ma-contact-panel>a+a{border-top:1px solid #d8e3dc}.ma-contact-panel span{font-size:12px;color:#526459}.ma-contact-panel strong{font-size:14px;color:#193b29;overflow-wrap:anywhere}.ma-header .ma-header-facebook{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:inherit}.ma-header-facebook svg{display:block;width:25px;height:25px}.ma-contact-disclosure>summary:focus-visible,.ma-header-facebook:focus-visible,.ma-contact-panel>a:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(max-width:749px){.ma-header .ma-headrow{grid-template-columns:100px minmax(0,1fr);align-items:center;padding:10px 16px 12px;gap:10px}.ma-header .ma-headrow .ma-logo{width:100px}.ma-header .ma-headrow .ma-logo img{max-height:56px}.ma-header .ma-headrow .ma-header-links{position:relative;flex-flow:row nowrap;gap:2px;min-width:0;margin:0;align-items:center}.ma-header .ma-contact-disclosure{position:static}.ma-header .ma-contact-disclosure>summary{font-size:12px;gap:5px;padding:0 4px}.ma-header .ma-contact-panel{right:0;top:calc(100% + 8px)}.ma-header .ma-header-facebook{min-width:44px}.ma-header .ma-header-facebook svg{width:22px;height:22px}.ma-header .ma-header-links>.ma-cart{min-height:44px;gap:4px;flex-shrink:0}.ma-header .ma-cart .cart-count{font-size:12px;padding:1px 6px}.ma-header .ma-cart-icon{width:23px;height:23px}.ma-header .ma-headrow .ma-search{margin:0;min-height:44px}}@media(max-width:359px){.ma-header .ma-headrow{grid-template-columns:90px 1fr;column-gap:6px}.ma-header .ma-headrow .ma-logo{width:90px}.ma-header .ma-contact-disclosure>summary{padding:0 5px;font-size:11px}.ma-header .ma-header-links{gap:2px}}@media(prefers-reduced-motion:reduce){.ma-contact-chevron{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/compiled_assets/styles.css.map?subset=AEAE */
