:root{--ft1:Inter,sans-serif;--ft2:Oswald,sans-serif;--ft3:Inter,sans-serif;--site_gutter:15px;--grid_gutter:30px;--grid_gutter_sm:15px;--input_height:40px;--input_height_sm:34px;--error:#d20000;--errorbg:#fadfdf;--arw:#000;--arwbg:#fff;--dots:#ddd;--dotsa:#000;}*,::after,::before{box-sizing:border-box}html{overflow-x:hidden}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}body,button,input,select,textarea{ font-family:"Segoe UI","Arial","Helvetica",sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}body{ color:#333333;font-family:var(--ft1);font-size:13px;line-height:1.6;margin:0;padding:0;background-color:#fff;}@media only screen and (min-width:1025px){ body{letter-spacing:0.02em }}.page-width{margin:0 auto;padding-left:var(--site_gutter);padding-right:var(--site_gutter);max-width:1300px;}.main-content .page-width.fullwidth {max-width:100%}.fw-sec{padding-left:15px;padding-right:15px }@media only screen and (min-width:768px){.fw-sec{ padding-left:30px;padding-right:30px }} @media only screen and (min-width:1280px){.fw-sec{ padding-left:55px;padding-right:55px }}.fw-sec.npd{padding:0 }.swiper,.swiper-container{position:relative;overflow:hidden;z-index:1;display:block }.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:initial;box-sizing:content-box;transform:translate3d(0px,0,0) }.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block }a{background-color:transparent;text-decoration:none}a,img{outline:0!important;border:0}a,a:after,a:before,.anim{transition:all .3s ease-in-out}a:focus,a:hover{outline:0!important}.op1{opacity:1}form{margin:0}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;outline:0}.clearfix::after{content:'';display:table;clear:both}.clear{clear:both}.fallback_txt,.hidden_txt{position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.v_hidden,[data-shopify-xr-hidden]{visibility:hidden}.of_hidden{overflow:hidden}.of_auto{overflow:auto}.js-focus-hidden:focus{outline:0}.no-js:not(html),.no-js .js{display:none}.no-js .no-js:not(html){display:block}p{margin:0 0 25px 0}p:last-child{margin-bottom:0}.lazyload{position:relative;background-color:#f6f6f6}.lazyload:before{content:"";display:block;width:50px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background: url(https://offgridpower.us/cdn/shop/t/2/assets/loader.svg?v=146046682337118694151788451719) no-repeat center/100% auto}svg:not(:root){overflow:hidden}.at-icon{display:inline-block;width:16px;height:16px;vertical-align:middle;fill:currentColor}.at-icon.iconl{width:22px;height:22px;}svg.at-icon:not(.icon--full-color) *{fill:inherit;stroke:inherit}.no-svg .fallback-txt{position:static!important;overflow:inherit;clip:none;height:auto;width:auto;margin:0}ol,ul{margin:0;padding:0}ol{list-style:decimal}li{list-style:none}.zi1 {z-index:1;}.tb-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.vd-wrap{position:relative;overflow:hidden;max-width:100%;padding-bottom:56.25%;height:auto}.vd-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.form-vertical input,.form-vertical select,.form-vertical textarea{display:block;width:100%}.form-vertical [type=checkbox],.form-vertical [type=radio]{display:inline-block;width:auto;margin-right:5px}.grid{display:flex;flex-wrap:wrap;list-style:none;margin:0 -7.5px }.gitem{flex:0 0 auto;padding-left:7.5px;padding-right:7.5px;width:100%}.col-1,.rwcols-1 .gitem{width:100%}.col-2,.rwcols-2 .gitem,.wd50{width:50%}.col-3,.rwcols-3 .gitem,.wd33{width:33.33333%}.col-4,.rwcols-4 .gitem,.wd25{width:25%}.col-5,.rwcols-5 .gitem,.wd20{width:20%}.col-6,.rwcols-6 .gitem,.wd16{width:16.66667%}.col-7,.rwcols-7 .gitem,.wd14{width:14.28571%}.col-8,.rwcols-8 .gitem,.wd12{width:12.5%}.col-9,.rwcols-9 .gitem,.wd11{width:11.11111%}.col-10,.rwcols-10 .gitem,.wd10{width:10%}.wd30{width:30%}.wd37{width:37.5%}.wd40{width:40%}.wd60{width:60%}.wd62{width:62.5%}.wd66{width:66.66667%}.wd70{width:70%}.wd75{width:75%}.wd80{width:80%}.wd83{width:83.33333%}.wd87{width:87.5%}.wd90{width:90%}.wd100{width:100%}.show{display:block!important}.hide{display:none!important}.gap{gap:var(--gapm,var(--gap))}.row-gap{row-gap:var(--gapm,var(--gap))}.col-gap{column-gap:var(--gapm,var(--gap))}.grid-products{margin:0 -5.0px}.grid-products .gitem{padding-left:5.0px;padding-right:5.0px}.m_auto{margin-left:auto;margin-right:auto}.ml_auto{margin-left:auto}.mr_auto{margin-right:auto}.m0{margin:0!important}.mt0{margin-top:0!important}.ml0{margin-left:0!important}.mr0{margin-right:0!important}.mb0{margin-bottom:0!important}.ml5{margin-left:5px}.mt5{margin-top:5px}.mr5{margin-right:5px}.mb5{margin-bottom:5px}.ml10{margin-left:10px}.mt10{margin-top:10px}.mr10{margin-right:10px}.mb10{margin-bottom:10px}.ml15{margin-left:15px}.mt15{margin-top:15px}.mr15{margin-right:15px}.mb15{margin-bottom:15px}.ml20{margin-left:20px}.mt20{margin-top:20px!important}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.ml25{margin-left:25px}.mt25{margin-top:25px}.mr25{margin-right:25px}.mb25{margin-bottom:25px}.ml30{margin-left:30px}.mt30{margin-top:30px}.mr30{margin-right:30px}.mb30{margin-bottom:30px}.mb35{margin-bottom:35px}.ml40{margin-left:40px}.mr40{margin-right:40px}.mb40{margin-bottom:40px}.mb45{margin-bottom:45px}.mb50{margin-bottom:50px}.pd0{padding:0!important}.pt0{padding-top:0}.pl0{padding-left:0}.pr0{padding-right:0}.pb0{padding-bottom:0}.pdt5{padding-top:5px}.pd5{padding:5px}.pd10{padding:10px}.pd15{padding:15px}.pd20{padding:20px}.pd25{padding:25px}.pd30{padding:30px}.db{display:block}.dbi{display:inline-block}.dn,.hidden{display:none}.pa{position:absolute}.pr{position:relative}.pf{position:fixed}.all0{left:0;top:0;right:0;bottom:0}.fwl{font-weight:300}.fwr{font-weight:400}.fwm{font-weight:500}.fwsb{font-weight:600}b,strong,.fwb{font-weight:700}em,.em{font-style:italic}.opt7{opacity:0.7;}.ttu{text-transform:uppercase}.ttl{text-transform:lowercase}.ttc{text-transform:capitalize}.ttn{text-transform:none}.tdn{text-decoration:none!important}.tdu{text-decoration:underline}.w_auto{width:auto!important}.h_auto{height:auto}.w_100{width:100%!important}.h_100{height:100%!important}.ls05 {letter-spacing: 0.05em;}.ls1 {letter-spacing: 1px;}.ls2 {letter-spacing: 2px;}.brad{border-radius:var(--brad);}img{max-width:100%;border:0}.imgFl{display:block;width:100%;height:auto;border-radius:var(--brad);}.imgFt{position:absolute;top:0%;left:0%;width:100%;height:100%;object-fit:cover;object-position:var(--ipos,center) }.imgWrapper{display:block;margin-left:auto;margin-right:auto}.bgImg{background-size:cover;background-repeat:no-repeat;background-position:center}.bdr0 {border:0 !important;}.rg10 {row-gap:10px;}.rg20 {row-gap:20px;}.fl{display:flex}.fl1{flex:1}.f-row{flex-direction:row}.f-col{flex-direction:column}.f-wrap{flex-wrap:wrap}.f-nowrap{flex-wrap:nowrap}.f-jcs{justify-content:flex-start}.f-jce{justify-content:flex-end}.f-jcc{justify-content:center}.f-jcsb{justify-content:space-between}.f-jcsa{justify-content:space-around}.f-jcse{justify-content:space-evenly}.f-ais{align-items:flex-start}.f-aie{align-items:flex-end}.f-aic{align-items:center}.f-aib{align-items:baseline}.f-aist{align-items:stretch}.f-acs{align-content:flex-start}.f-ace{align-content:flex-end}.f-acc{align-content:center}.f-acsb{align-content:space-between}.f-acsa{align-content:space-around}.f-acst{align-content:stretch}.f-asa{align-self:auto}.f-ass{align-self:flex-start}.f-ase{align-self:flex-end}.f-asc{align-self:center}.f-asb{align-self:baseline}.f-asst{align-self:stretch}.order0{order:0}.order1{order:1}.order2{order:2}.order3{order:3}.tl{text-align:left!important}.tc{text-align:center!important}.tr{text-align:right!important}.tjc{text-align:justify}.fs10{font-size:10px}.fs12{font-size:12px}.fs14{font-size:14px}.fs16{font-size:16px}.fs18{font-size:18px}.fs20{font-size:20px}.fs22{font-size:22px}.fs24{font-size:24px}@media (min-width:767px){.col-md-1{width:100%}.col-md-2,.rwcols-md-2 .gitem,.wd50-md{width:50%}.col-md-3,.rwcols-md-3 .gitem,.wd33-md{width:33.33333%}.col-md-4,.rwcols-md-4 .gitem,.wd25-md{width:25%}.col-md-5,.rwcols-md-5 .gitem,.wd20-md{width:20%}.col-md-6,.rwcols-md-6 .gitem,.wd16-md{width:16.66667%}.col-md-7,.rwcols-md-7 .gitem,.wd14-md{width:14.28571%}.col-md-8,.rwcols-md-8 .gitem,.wd12-md{width:12.5%}.col-md-9,.rwcols-md-9 .gitem,.wd11-md{width:11.11111%}.col-md-10,.rwcols-md-10 .gitem,.wd10-md{width:10%}.wd30-md{width:30%}.wd37-md{width:37.5%}.wd40-md{width:40%}.wd60-md{width:60%}.wd62-md{width:62.5%}.wd66-md{width:66.66667%}.wd70-md{width:70%}.wd75-md{width:75%}.wd80-md{width:80%}.wd83-md{width:83.33333%}.wd87-md{width:87.5%}.wd90-md{width:90%}.mb0-md{margin-bottom:0}.mb5-md{margin-bottom:5px}.mb10-md{margin-bottom:10px}.mb15-md{margin-bottom:15px}.mb20-md{margin-bottom:20px}.mb25-md{margin-bottom:25px}.mb30-md{margin-bottom:30px}.mb35-md{margin-bottom:35px}.mb40-md{margin-bottom:40px}.mb45-md{margin-bottom:45px}.mb50-md{margin-bottom:50px}.tl-md{text-align:left!important}.tc-md{text-align:center!important}.tr-md{text-align:right!important}.fl-md{display:flex}.fl1-md{flex:1}.f-row-md{flex-direction:row}.f-col-md{flex-direction:column}.f-wrap-md{flex-wrap:wrap}.f-nowrap-md{flex-wrap:nowrap}.f-jcs-md{justify-content:flex-start}.f-jce-md{justify-content:flex-end}.f-jcc-md{justify-content:center}.f-jcsb-md{justify-content:space-between}.f-jcsa-md{justify-content:space-around}.f-jcse-md{justify-content:space-evenly}.f-ais-md{align-items:flex-start}.f-aie-md{align-items:flex-end}.f-aic-md{align-items:center}.f-aib-md{align-items:baseline}.f-aist-md{align-items:stretch}.f-acs-md{align-content:flex-start}.f-ace-md{align-content:flex-end}.f-acc-md{align-content:center}.f-acsb-md{align-content:space-between}.f-acsa-md{align-content:space-around}.f-acst-md{align-content:stretch}.f-asa-md{align-self:auto}.f-ass-md{align-self:flex-start}.f-ase-md{align-self:flex-end}.f-asc-md{align-self:center}.f-asb-md{align-self:baseline}.f-asst-md{align-self:stretch}}@media (min-width:1025px){.grid{margin:0 -15px }.gitem{padding-left:15px;padding-right:15px }.col-lg-1{width:100%}.col-lg-2,.rwcols-lg-2 .gitem,.wd50-lg{width:50%}.col-lg-3,.rwcols-lg-3 .gitem,.wd33-lg{width:33.33333%}.col-lg-4,.rwcols-lg-4 .gitem,.wd25-lg{width:25%}.col-lg-5,.rwcols-lg-5 .gitem,.wd20-lg{width:20%}.col-lg-6,.rwcols-lg-6 .gitem,.wd16-lg{width:16.66667%}.col-lg-7,.rwcols-lg-7 .gitem,.wd14-lg{width:14.28571%}.col-lg-8,.rwcols-lg-8 .gitem,.wd12-lg{width:12.5%}.col-lg-9,.rwcols-lg-9 .gitem,.wd11-lg{width:11.11111%}.col-lg-10,.rwcols-lg-10 .gitem,.wd10-lg{width:10%}.wd30-lg{width:30%}.wd37-lg{width:37.5%}.wd40-lg{width:40%}.wd60-lg{width:60%}.wd62-lg{width:62.5%}.wd66-lg{width:66.66667%}.wd70-lg{width:70%}.wd75-lg{width:75%}.wd80-lg{width:80%}.wd83-lg{width:83.33333%}.wd87-lg{width:87.5%}.wd90-lg{width:90%}.wd100-lg{width:100%}.show-lg{display:block!important}.hide-lg{display:none!important}.f-row-lg{flex-direction:row}.f-col-lg{flex-direction:column}.f-wrap-lg{flex-wrap:wrap}.f-nowrap-lg{flex-wrap:nowrap}.tl-lg{text-align:left!important}.tc-lg{text-align:center!important}.tr-lg{text-align:right!important}.grid-products{margin:0 -7.5px}.grid-products .gitem{padding-left:7.5px;padding-right:7.5px}.gap{gap:var(--gap,0)}.row-gap{row-gap:var(--gap,0)}.col-gap{column-gap:var(--gap,0)}}@media (min-width:1280px){.col-xl-1{width:100%}.col-xl-2,.rwcols-xl-2 .gitem,.wd50-xl{width:50%}.col-xl-3,.rwcols-xl-3 .gitem,.wd33-xl{width:33.33333%}.col-xl-4,.rwcols-xl-4 .gitem,.wd25-xl{width:25%}.col-xl-5,.rwcols-xl-5 .gitem,.wd20-xl{width:20%}.col-xl-6,.rwcols-xl-6 .gitem,.wd16-xl{width:16.66667%}.col-xl-7,.rwcols-xl-7 .gitem,.wd14-xl{width:14.28571%}.col-xl-8,.rwcols-xl-8 .gitem,.wd12-xl{width:12.5%}.col-xl-9,.rwcols-xl-9 .gitem,.wd11-xl{width:11.11111%}.col-xl-10,.rwcols-xl-10 .gitem,.wd10-xl{width:10%}.wd30-xl{width:30%}.wd37-xl{width:37.5%}.wd40-xl{width:40%}.wd60-xl{width:60%}.wd62-xl{width:62.5%}.wd66-xl{width:66.66667%}.wd70-xl{width:70%}.wd75-xl{width:75%}.wd80-xl{width:80%}.wd83-xl{width:83.33333%}.wd87-xl{width:87.5%}.wd90-xl{width:90%}.show-xl{display:block!important}.hide-xl{display:none!important}.f-wrap-xl{flex-wrap:wrap}.f-col-xl{flex-direction:column}.tl-xl{text-align:left!important}.tc-xl{text-align:center!important}.tr-xl{text-align:right!important}}@media only screen and (min-width:1400px){.col-xxl-1{width:100%}.col-xxl-2,.rwcols-xxl-2 .gitem,.wd50-xxl{width:50%}.col-xxl-3,.rwcols-xxl-3 .gitem,.wd33-xxl{width:33.33333%}.col-xxl-4,.rwcols-xxl-4 .gitem,.wd25-xxl{width:25%}.col-xxl-5,.rwcols-xxl-5 .gitem,.wd20-xxl{width:20%}.col-xxl-6,.rwcols-xxl-6 .gitem,.wd16-xxl{width:16.66667%}.col-xxl-7,.rwcols-xxl-7 .gitem,.wd14-xxl{width:14.28571%}.col-xxl-8,.rwcols-xxl-8 .gitem,.wd12-xxl{width:12.5%}.col-xxl-9,.rwcols-xxl-9 .gitem,.wd11-xxl{width:11.11111%}.col-xxl-10,.rwcols-xxl-10 .gitem,.wd10-xxl{width:10%}.wd30-xxl{width:30%}.wd37-xxl{width:37.5%}.wd40-xxl{width:40%}.wd60-xxl{width:60%}.wd62-xxl{width:62.5%}.wd66-xxl{width:66.66667%}.wd70-xxl{width:70%}.wd75-xxl{width:75%}.wd80-xxl{width:80%}.wd83-xxl{width:83.33333%}.wd87-xxl{width:87.5%}.wd90-xxl{width:90%}.show-xxl{display:block!important}.hide-xxl{display:none!important}}@media only screen and (min-width:767px) and (max-width:1025px){.show-md{display:block!important}.hide-md{display:none!important}}@media only screen and (max-width:767px){.show-sm{display:block!important}.hide-sm{display:none!important}}@font-face{ font-family:Inter;font-weight:300;font-style:normal;font-display:swap;src:url("https://offgridpower.us/cdn/fonts/inter/inter_n3.6faba940d2e90c9f1c2e0c5c2750b84af59fecc0.woff2")format("woff2"),url("https://offgridpower.us/cdn/fonts/inter/inter_n3.413aa818ec2103383c4ac7c3744c464d04b4db49.woff")format("woff");}@font-face{ font-family:Inter;font-weight:400;font-style:normal;font-display:swap;src:url("https://offgridpower.us/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2")format("woff2"),url("https://offgridpower.us/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff")format("woff");}@font-face{ font-family:Inter;font-weight:500;font-style:normal;font-display:swap;src:url("https://offgridpower.us/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2")format("woff2"),url("https://offgridpower.us/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff")format("woff");}@font-face{ font-family:Inter;font-weight:600;font-style:normal;font-display:swap;src:url("https://offgridpower.us/cdn/fonts/inter/inter_n6.771af0474a71b3797eb38f3487d6fb79d43b6877.woff2")format("woff2"),url("https://offgridpower.us/cdn/fonts/inter/inter_n6.88c903d8f9e157d48b73b7777d0642925bcecde7.woff")format("woff");}@font-face{ font-family:Inter;font-weight:700;font-style:normal;font-display:swap;src:url("https://offgridpower.us/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2")format("woff2"),url("https://offgridpower.us/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff")format("woff");}@font-face{ font-family:Oswald;font-weight:300;font-style:normal;font-display:swap;src:url("https://offgridpower.us/cdn/fonts/oswald/oswald_n3.5e1367501ca69370d84b28bb3e29485e5178d388.woff2")format("woff2"),url("https://offgridpower.us/cdn/fonts/oswald/oswald_n3.cfa18f7353e13af9f0069f6d616bed3d258993d6.woff")format("woff");}@font-face{ font-family:Oswald;font-weight:400;font-style:normal;font-display:swap;src:url("https://offgridpower.us/cdn/fonts/oswald/oswald_n4.7760ed7a63e536050f64bb0607ff70ce07a480bd.woff2")format("woff2"),url("https://offgridpower.us/cdn/fonts/oswald/oswald_n4.ae5e497f60fc686568afe76e9ff1872693c533e9.woff")format("woff");}@font-face{ font-family:Oswald;font-weight:500;font-style:normal;font-display:swap;src:url("https://offgridpower.us/cdn/fonts/oswald/oswald_n5.8ad4910bfdb43e150746ef7aa67f3553e3abe8e2.woff2")format("woff2"),url("https://offgridpower.us/cdn/fonts/oswald/oswald_n5.93ee52108163c48c91111cf33b0a57021467b66e.woff")format("woff");}@font-face{ font-family:Oswald;font-weight:600;font-style:normal;font-display:swap;src:url("https://offgridpower.us/cdn/fonts/oswald/oswald_n6.26b6bffb711f770c328e7af9685d4798dcb4f0b3.woff2")format("woff2"),url("https://offgridpower.us/cdn/fonts/oswald/oswald_n6.2feb7f52d7eb157822c86dfd93893da013b08d5d.woff")format("woff");}@font-face{ font-family:Oswald;font-weight:700;font-style:normal;font-display:swap;src:url("https://offgridpower.us/cdn/fonts/oswald/oswald_n7.b3ba3d6f1b341d51018e3cfba146932b55221727.woff2")format("woff2"),url("https://offgridpower.us/cdn/fonts/oswald/oswald_n7.6cec6bed2bb070310ad90e19ea7a56b65fd83c0b.woff")format("woff");}.tophwrap{position:relative;z-index:556;border-bottom:1px solid var(--bdr);background:var(--bg)}.top_hdr{color:var(--cl);font-size:var(--fs);font-weight:var(--fw);line-height:1.2;padding-bottom:5px;position:relative;z-index:6}.top_hdr>div{padding-top:7px}.top_hdr a{color:var(--cl)}.top_hdr a:hover{color:var(--clh)}.top_hdr .at-icon{width:var(--icon_size);height:var(--icon_size)}.top_hdr .tcrlg>*+*{margin-left:15px}.top_hdr .socIcn{display:inline-flex}.tmenu a {padding: 0 3px;}.ttxt svg{margin-bottom: 3px}@media only screen and (min-width:1024px){.top_hdr{padding-bottom:5px;min-height:var(--mih)} }@media only screen and (max-width:1024px){.top_hdr .language-picker,.top_hdr .currency-picker{display:none }}@media only screen and (max-width:766px){.top_hdr>div{text-align:center!important }}.crlgTtl:after{content:' ';-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image: url(https://offgridpower.us/cdn/shop/t/2/assets/arrow.svg?v=97493850878601790061788451719);mask-image: url(https://offgridpower.us/cdn/shop/t/2/assets/arrow.svg?v=97493850878601790061788451719);width:8px;height:8px;background-color:var(--cl);margin-left:5px;display:inline-block;vertical-align:middle}.cnrList{display:none;position:absolute;top:30px;left:50%;transform: translateX(-50%);width:120px;padding:15px;max-height:400px;overflow:auto;background-color:#fff;box-shadow:0px 5px 10px rgba(0,0,0,0.1) }.cnrList li{color:#000;padding:7px 5px;white-space:nowrap;cursor:pointer }.cnrList li:hover,.cnrList li.selected{opacity:0.6 }.crlgTtl img{max-width:15px }.hdr_wrap{position:relative;z-index:555;background:#fff;transition:all 0.3s ease-in-out;}.header-logo{min-width:50px;max-width:100px;margin:0}.header-logo .hdr_logo_lnk{position:relative;display:block;font-weight:700;text-transform:uppercase;font-size:22px;line-height:1;text-decoration:none}.header-logo img{display:block;height:auto}.icons-col{margin-left:auto}.hdicon{cursor:pointer;position:relative;color:#111;text-align:center;padding:10px}.hdicon:hover{color:#0A58CA;}.hdicon .at-icon{width:16px;height:16px}.icons-col .hdicon p{font-size:12px;font-weight:500;line-height:1;text-transform: uppercase;}#cartLink{margin-right:-5px}.cartCount{color:#fff;font-size:11px;display:inline-block}.cartCount.pp{position:absolute;min-width:16px;height:16px;border-radius:16px;line-height:17px;margin:-6px 0 0 -3px;background:#111111}#header .search {width:100%;border:1px solid #fff;border-radius:6px}#header .s_input,#header .s_submit{height:42px;border:0;}#header .search .s_input{color:#111111;background:#fafafa;font-size:13px;border-radius:6px 0 0 6px;padding:0 20px;}#header .search .s_submit{color:#111;background:rgba(0,0,0,0);padding:0;width:45px;border-left:0;border-radius:0 6px 6px 0}#header .promo_txt{line-height: 1.3;}.promo_txt .at-icon{width:32px;height:32px;margin-right:10px;color:var(--icon_cl)}.icons-col .promo_txt .at-icon{width:18px;height:18px;}#header .crlgTtl{color:#111;margin-right:15px}#header .crlgTtl:after{background-color:#111}.mbnavCol{max-width:35px;min-width:35px}.mbnavCol.cnt{max-width:inherit}.navToggle{margin-left:-5px;}.navToggle svg{margin-bottom:4px;}.searchinline {margin-right: 20px;} .searchinline .at-icon{width:13px;height: 13px;} #header .searchinline .search .s_submit {width: 60px;} #header .searchinline .s_input,#header .searchinline .s_submit{height:38px;}#header .searchinline .s_res {width: 400px !important;margin-top: 5px;}.main_hdr{min-height:60px}@media only screen and (min-width:1025px){.main_hdr{min-height:70px}.header-logo{max-width:230px}#header>*:not(:last-child){margin-right:var(--hdspac)}}@media only screen and (max-width:1024px){.icons-col.lgcnt{flex:1}}.snav .lbl,.mobNav .lbl,#main_nav > li > a .lbl {animation: blinker .9s linear infinite}@keyframes blinker{50%{opacity: 0;} } #main_navwr{background-color:#f5f5f5;}.mgmenu,.ddmenu {border-radius:0px;}@media only screen and (min-width:1025px){#main_nav{font-family:var(--ft1)}#main_nav .at-icon.arw{width:16px;height:16px}#main_nav a{position:relative;align-items:center}#main_nav .snav{display:flex;padding: 5px 0;}#main_nav a .lbl{color:#fff;font-size:11px;font-family:var(--ft1);font-weight:400;letter-spacing:0;line-height:1;display:inline-block;vertical-align:middle;margin-left:5px;padding:2px 5px;position:relative;border-radius:2px}#main_nav>li.ctsize,#main_nav>li.ddmenu{position:relative}#main_nav>li>a{color:#111111;font-size:12px;font-weight:500;text-transform:uppercase;padding:20px 20px;display:flex;align-items:center;white-space:nowrap}#main_nav>li:hover>a,#main_nav>li>a.active{color:#0A58CA}#main_nav>li>a .lbl{display:block;position:absolute;top:0;left:50%}.mgmenu{opacity:0;visibility:hidden;padding:30px 35px 5px;position:absolute;top:auto;z-index:9999;max-height:700px;overflow:auto;background-color:#fff;box-shadow:0px 0px 6px #eee;pointer-events:none;transform:translateY(20px);transition:all 0.3s ease-in}.mgmenu.mmfull{width:100%;left:0}.fw-sec .mgmenu.mmfull{padding-left:55px;padding-right:55px }.mgmenu.left{left:-17px}.mgmenu.center{left:50%;transform:translate(-50%,20px)}.mgmenu.right{right:-17px}ul.ddmenu{opacity:0;visibility:hidden;width:220px;position:absolute;top:100%;left:-17px;z-index:999;padding:25px 30px;background-color:#fff;box-shadow:0 0 6px #eee;transform:translateY(30px);transition:all 0.3s ease-in-out}#main_nav li:hover>div.mgmenu,#main_nav li:hover>.ddmenu,#main_nav ul.ddmenu li:hover>ul{transform:translateY(0);opacity:1;visibility:visible;pointer-events:visible}#main_nav li:hover>div.mgmenu.center{transform:translate(-50%,0)}}.mob_nav_wr{width:320px;max-width:calc(100% - 45px);height:100%;position:fixed;left:0;top:0;transform:translateX(-115%);z-index:999;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,0.3);transition:all 0.4s ease-in-out}.mob_nav_wr.active{transform:translateX(0)}.ctdrawer{top:0;right:0;visibility:hidden;z-index:1200;background-color:rgba(0,0,0,0.5);transition:all 0.3s ease-in-out}.searchDrawer{padding:35px;width:450px;max-width:90%;transform:translateX(100%);position:fixed;top:0;right:0;z-index:668;height:100%;overflow:auto;background-color:#ffffff}.s_res{display:none;min-width:100%;max-height:calc(100vh - 100px);overflow:auto;z-index:99;background-color:#ffffff;border-radius:6px;padding:30px;box-shadow:0 0 3px rgba(0,0,0,0.1)}

/* Extracted Inline Theme Styles */


        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      

/* Extracted Inline Theme Styles */

 

/* Extracted Inline Theme Styles */

.mbtlwraper { position:fixed; bottom:0; z-index:10; width:100%; box-shadow:0 0 10px rgba(0,0,0,0.1); }.mbtoolbar { overflow-x:auto; }.mbtoolbar a { color:#333333; font-size:12px; font-weight:600; line-height:1.4; padding:12px 15px 10px; }.mbtoolbar .at-icon { width:15px; height:15px; display:block; margin:0 auto 3px; } @media only screen and (max-width:767px){body { padding-bottom:50px; }}

/* Extracted Inline Theme Styles */

.swtblue{background-color:#a9d1e9 !important;}.swtorange{background-color:#f7a563 !important;}.swtkhaki{background-color:#a8a46b !important;}.swtsage{background-color:#bfdbc9 !important;}.swtpurple{background-color:#c3b1e1 !important;}.swtbasil{background-color:#426b50 !important;}.swtred{background-color:#f7665f !important;}.swtmauve{background-color:#e1c3c0 !important;}

/* Extracted Inline Theme Styles */

#exit-intent-popup .grid_img {visibility: visible !important;} 

/* Extracted Inline Theme Styles */

.cookie_box { color: #ffffff; background: #000000; z-index:98; width:100%; max-width:350px; padding:20px 25px; position:fixed; right:10px; bottom:10px; }.cookie_action a { color:#fff; display:inline-block; border-bottom:1px solid #fff; align-items: center; text-transform: uppercase; font-size: 11px;}.cookie_action button.link2 { border:1px solid #fff; padding:4px 15px; margin-left:20px; font-size:11px; text-transform: uppercase;} .cookie_action button.link2:hover { border-color:#fff; color: #000000; background: #fff; }@media only screen and (max-width:767px) { .cookie_box { right:0; bottom:0; justify-content:center; }}

/* Extracted Inline Theme Styles */

 

/* === STYLE TAG 0 (len 23069) === */
:root{--ft1:Inter,sans-serif;--ft2:Oswald,sans-serif;--ft3:Inter,sans-serif;--site_gutter:15px;--grid_gutter:30px;--grid_gutter_sm:15px;--input_height:40px;--input_height_sm:34px;--error:#d20000;--errorbg:#fadfdf;--arw:#000;--arwbg:#fff;--dots:#ddd;--dotsa:#000;}*,::after,::before{box-sizing:border-box}html{overflow-x:hidden}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}body,button,input,select,textarea{ font-family:"Segoe UI","Arial","Helvetica",sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}body{ color:#333333;font-family:var(--ft1);font-size:13px;line-height:1.6;margin:0;padding:0;background-color:#fff;}@media only screen and (min-width:1025px){ body{letter-spacing:0.02em }}.page-width{margin:0 auto;padding-left:var(--site_gutter);padding-right:var(--site_gutter);max-width:1300px;}.main-content .page-width.fullwidth {max-width:100%}.fw-sec{padding-left:15px;padding-right:15px }@media only screen and (min-width:768px){.fw-sec{ padding-left:30px;padding-right:30px }} @media only screen and (min-width:1280px){.fw-sec{ padding-left:55px;padding-right:55px }}.fw-sec.npd{padding:0 }.swiper,.swiper-container{position:relative;overflow:hidden;z-index:1;display:block }.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:initial;box-sizing:content-box;transform:translate3d(0px,0,0) }.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block }a{background-color:transparent;text-decoration:none}a,img{outline:0!important;border:0}a,a:after,a:before,.anim{transition:all .3s ease-in-out}a:focus,a:hover{outline:0!important}.op1{opacity:1}form{margin:0}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;outline:0}.clearfix::after{content:'';display:table;clear:both}.clear{clear:both}.fallback_txt,.hidden_txt{position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.v_hidden,[data-shopify-xr-hidden]{visibility:hidden}.of_hidden{overflow:hidden}.of_auto{overflow:auto}.js-focus-hidden:focus{outline:0}.no-js:not(html),.no-js .js{display:none}.no-js .no-js:not(html){display:block}p{margin:0 0 25px 0}p:last-child{margin-bottom:0}.lazyload{position:relative;background-color:#f6f6f6}.lazyload:before{content:"";display:block;width:50px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background: url(//offgridpower.us/cdn/shop/t/2/assets/loader.svg?v=146046682337118694151788451719) no-repeat center/100% auto}svg:not(:root){overflow:hidden}.at-icon{display:inline-block;width:16px;height:16px;vertical-align:middle;fill:currentColor}.at-icon.iconl{width:22px;height:22px;}svg.at-icon:not(.icon--full-color) *{fill:inherit;stroke:inherit}.no-svg .fallback-txt{position:static!important;overflow:inherit;clip:none;height:auto;width:auto;margin:0}ol,ul{margin:0;padding:0}ol{list-style:decimal}li{list-style:none}.zi1 {z-index:1;}.tb-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.vd-wrap{position:relative;overflow:hidden;max-width:100%;padding-bottom:56.25%;height:auto}.vd-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.form-vertical input,.form-vertical select,.form-vertical textarea{display:block;width:100%}.form-vertical [type=checkbox],.form-vertical [type=radio]{display:inline-block;width:auto;margin-right:5px}.grid{display:flex;flex-wrap:wrap;list-style:none;margin:0 -7.5px }.gitem{flex:0 0 auto;padding-left:7.5px;padding-right:7.5px;width:100%}.col-1,.rwcols-1 .gitem{width:100%}.col-2,.rwcols-2 .gitem,.wd50{width:50%}.col-3,.rwcols-3 .gitem,.wd33{width:33.33333%}.col-4,.rwcols-4 .gitem,.wd25{width:25%}.col-5,.rwcols-5 .gitem,.wd20{width:20%}.col-6,.rwcols-6 .gitem,.wd16{width:16.66667%}.col-7,.rwcols-7 .gitem,.wd14{width:14.28571%}.col-8,.rwcols-8 .gitem,.wd12{width:12.5%}.col-9,.rwcols-9 .gitem,.wd11{width:11.11111%}.col-10,.rwcols-10 .gitem,.wd10{width:10%}.wd30{width:30%}.wd37{width:37.5%}.wd40{width:40%}.wd60{width:60%}.wd62{width:62.5%}.wd66{width:66.66667%}.wd70{width:70%}.wd75{width:75%}.wd80{width:80%}.wd83{width:83.33333%}.wd87{width:87.5%}.wd90{width:90%}.wd100{width:100%}.show{display:block!important}.hide{display:none!important}.gap{gap:var(--gapm,var(--gap))}.row-gap{row-gap:var(--gapm,var(--gap))}.col-gap{column-gap:var(--gapm,var(--gap))}.grid-products{margin:0 -5.0px}.grid-products .gitem{padding-left:5.0px;padding-right:5.0px}.m_auto{margin-left:auto;margin-right:auto}.ml_auto{margin-left:auto}.mr_auto{margin-right:auto}.m0{margin:0!important}.mt0{margin-top:0!important}.ml0{margin-left:0!important}.mr0{margin-right:0!important}.mb0{margin-bottom:0!important}.ml5{margin-left:5px}.mt5{margin-top:5px}.mr5{margin-right:5px}.mb5{margin-bottom:5px}.ml10{margin-left:10px}.mt10{margin-top:10px}.mr10{margin-right:10px}.mb10{margin-bottom:10px}.ml15{margin-left:15px}.mt15{margin-top:15px}.mr15{margin-right:15px}.mb15{margin-bottom:15px}.ml20{margin-left:20px}.mt20{margin-top:20px!important}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.ml25{margin-left:25px}.mt25{margin-top:25px}.mr25{margin-right:25px}.mb25{margin-bottom:25px}.ml30{margin-left:30px}.mt30{margin-top:30px}.mr30{margin-right:30px}.mb30{margin-bottom:30px}.mb35{margin-bottom:35px}.ml40{margin-left:40px}.mr40{margin-right:40px}.mb40{margin-bottom:40px}.mb45{margin-bottom:45px}.mb50{margin-bottom:50px}.pd0{padding:0!important}.pt0{padding-top:0}.pl0{padding-left:0}.pr0{padding-right:0}.pb0{padding-bottom:0}.pdt5{padding-top:5px}.pd5{padding:5px}.pd10{padding:10px}.pd15{padding:15px}.pd20{padding:20px}.pd25{padding:25px}.pd30{padding:30px}.db{display:block}.dbi{display:inline-block}.dn,.hidden{display:none}.pa{position:absolute}.pr{position:relative}.pf{position:fixed}.all0{left:0;top:0;right:0;bottom:0}.fwl{font-weight:300}.fwr{font-weight:400}.fwm{font-weight:500}.fwsb{font-weight:600}b,strong,.fwb{font-weight:700}em,.em{font-style:italic}.opt7{opacity:0.7;}.ttu{text-transform:uppercase}.ttl{text-transform:lowercase}.ttc{text-transform:capitalize}.ttn{text-transform:none}.tdn{text-decoration:none!important}.tdu{text-decoration:underline}.w_auto{width:auto!important}.h_auto{height:auto}.w_100{width:100%!important}.h_100{height:100%!important}.ls05 {letter-spacing: 0.05em;}.ls1 {letter-spacing: 1px;}.ls2 {letter-spacing: 2px;}.brad{border-radius:var(--brad);}img{max-width:100%;border:0}.imgFl{display:block;width:100%;height:auto;border-radius:var(--brad);}.imgFt{position:absolute;top:0%;left:0%;width:100%;height:100%;object-fit:cover;object-position:var(--ipos,center) }.imgWrapper{display:block;margin-left:auto;margin-right:auto}.bgImg{background-size:cover;background-repeat:no-repeat;background-position:center}.bdr0 {border:0 !important;}.rg10 {row-gap:10px;}.rg20 {row-gap:20px;}.fl{display:flex}.fl1{flex:1}.f-row{flex-direction:row}.f-col{flex-direction:column}.f-wrap{flex-wrap:wrap}.f-nowrap{flex-wrap:nowrap}.f-jcs{justify-content:flex-start}.f-jce{justify-content:flex-end}.f-jcc{justify-content:center}.f-jcsb{justify-content:space-between}.f-jcsa{justify-content:space-around}.f-jcse{justify-content:space-evenly}.f-ais{align-items:flex-start}.f-aie{align-items:flex-end}.f-aic{align-items:center}.f-aib{align-items:baseline}.f-aist{align-items:stretch}.f-acs{align-content:flex-start}.f-ace{align-content:flex-end}.f-acc{align-content:center}.f-acsb{align-content:space-between}.f-acsa{align-content:space-around}.f-acst{align-content:stretch}.f-asa{align-self:auto}.f-ass{align-self:flex-start}.f-ase{align-self:flex-end}.f-asc{align-self:center}.f-asb{align-self:baseline}.f-asst{align-self:stretch}.order0{order:0}.order1{order:1}.order2{order:2}.order3{order:3}.tl{text-align:left!important}.tc{text-align:center!important}.tr{text-align:right!important}.tjc{text-align:justify}.fs10{font-size:10px}.fs12{font-size:12px}.fs14{font-size:14px}.fs16{font-size:16px}.fs18{font-size:18px}.fs20{font-size:20px}.fs22{font-size:22px}.fs24{font-size:24px}@media (min-width:767px){.col-md-1{width:100%}.col-md-2,.rwcols-md-2 .gitem,.wd50-md{width:50%}.col-md-3,.rwcols-md-3 .gitem,.wd33-md{width:33.33333%}.col-md-4,.rwcols-md-4 .gitem,.wd25-md{width:25%}.col-md-5,.rwcols-md-5 .gitem,.wd20-md{width:20%}.col-md-6,.rwcols-md-6 .gitem,.wd16-md{width:16.66667%}.col-md-7,.rwcols-md-7 .gitem,.wd14-md{width:14.28571%}.col-md-8,.rwcols-md-8 .gitem,.wd12-md{width:12.5%}.col-md-9,.rwcols-md-9 .gitem,.wd11-md{width:11.11111%}.col-md-10,.rwcols-md-10 .gitem,.wd10-md{width:10%}.wd30-md{width:30%}.wd37-md{width:37.5%}.wd40-md{width:40%}.wd60-md{width:60%}.wd62-md{width:62.5%}.wd66-md{width:66.66667%}.wd70-md{width:70%}.wd75-md{width:75%}.wd80-md{width:80%}.wd83-md{width:83.33333%}.wd87-md{width:87.5%}.wd90-md{width:90%}.mb0-md{margin-bottom:0}.mb5-md{margin-bottom:5px}.mb10-md{margin-bottom:10px}.mb15-md{margin-bottom:15px}.mb20-md{margin-bottom:20px}.mb25-md{margin-bottom:25px}.mb30-md{margin-bottom:30px}.mb35-md{margin-bottom:35px}.mb40-md{margin-bottom:40px}.mb45-md{margin-bottom:45px}.mb50-md{margin-bottom:50px}.tl-md{text-align:left!important}.tc-md{text-align:center!important}.tr-md{text-align:right!important}.fl-md{display:flex}.fl1-md{flex:1}.f-row-md{flex-direction:row}.f-col-md{flex-direction:column}.f-wrap-md{flex-wrap:wrap}.f-nowrap-md{flex-wrap:nowrap}.f-jcs-md{justify-content:flex-start}.f-jce-md{justify-content:flex-end}.f-jcc-md{justify-content:center}.f-jcsb-md{justify-content:space-between}.f-jcsa-md{justify-content:space-around}.f-jcse-md{justify-content:space-evenly}.f-ais-md{align-items:flex-start}.f-aie-md{align-items:flex-end}.f-aic-md{align-items:center}.f-aib-md{align-items:baseline}.f-aist-md{align-items:stretch}.f-acs-md{align-content:flex-start}.f-ace-md{align-content:flex-end}.f-acc-md{align-content:center}.f-acsb-md{align-content:space-between}.f-acsa-md{align-content:space-around}.f-acst-md{align-content:stretch}.f-asa-md{align-self:auto}.f-ass-md{align-self:flex-start}.f-ase-md{align-self:flex-end}.f-asc-md{align-self:center}.f-asb-md{align-self:baseline}.f-asst-md{align-self:stretch}}@media (min-width:1025px){.grid{margin:0 -15px }.gitem{padding-left:15px;padding-right:15px }.col-lg-1{width:100%}.col-lg-2,.rwcols-lg-2 .gitem,.wd50-lg{width:50%}.col-lg-3,.rwcols-lg-3 .gitem,.wd33-lg{width:33.33333%}.col-lg-4,.rwcols-lg-4 .gitem,.wd25-lg{width:25%}.col-lg-5,.rwcols-lg-5 .gitem,.wd20-lg{width:20%}.col-lg-6,.rwcols-lg-6 .gitem,.wd16-lg{width:16.66667%}.col-lg-7,.rwcols-lg-7 .gitem,.wd14-lg{width:14.28571%}.col-lg-8,.rwcols-lg-8 .gitem,.wd12-lg{width:12.5%}.col-lg-9,.rwcols-lg-9 .gitem,.wd11-lg{width:11.11111%}.col-lg-10,.rwcols-lg-10 .gitem,.wd10-lg{width:10%}.wd30-lg{width:30%}.wd37-lg{width:37.5%}.wd40-lg{width:40%}.wd60-lg{width:60%}.wd62-lg{width:62.5%}.wd66-lg{width:66.66667%}.wd70-lg{width:70%}.wd75-lg{width:75%}.wd80-lg{width:80%}.wd83-lg{width:83.33333%}.wd87-lg{width:87.5%}.wd90-lg{width:90%}.wd100-lg{width:100%}.show-lg{display:block!important}.hide-lg{display:none!important}.f-row-lg{flex-direction:row}.f-col-lg{flex-direction:column}.f-wrap-lg{flex-wrap:wrap}.f-nowrap-lg{flex-wrap:nowrap}.tl-lg{text-align:left!important}.tc-lg{text-align:center!important}.tr-lg{text-align:right!important}.grid-products{margin:0 -7.5px}.grid-products .gitem{padding-left:7.5px;padding-right:7.5px}.gap{gap:var(--gap,0)}.row-gap{row-gap:var(--gap,0)}.col-gap{column-gap:var(--gap,0)}}@media (min-width:1280px){.col-xl-1{width:100%}.col-xl-2,.rwcols-xl-2 .gitem,.wd50-xl{width:50%}.col-xl-3,.rwcols-xl-3 .gitem,.wd33-xl{width:33.33333%}.col-xl-4,.rwcols-xl-4 .gitem,.wd25-xl{width:25%}.col-xl-5,.rwcols-xl-5 .gitem,.wd20-xl{width:20%}.col-xl-6,.rwcols-xl-6 .gitem,.wd16-xl{width:16.66667%}.col-xl-7,.rwcols-xl-7 .gitem,.wd14-xl{width:14.28571%}.col-xl-8,.rwcols-xl-8 .gitem,.wd12-xl{width:12.5%}.col-xl-9,.rwcols-xl-9 .gitem,.wd11-xl{width:11.11111%}.col-xl-10,.rwcols-xl-10 .gitem,.wd10-xl{width:10%}.wd30-xl{width:30%}.wd37-xl{width:37.5%}.wd40-xl{width:40%}.wd60-xl{width:60%}.wd62-xl{width:62.5%}.wd66-xl{width:66.66667%}.wd70-xl{width:70%}.wd75-xl{width:75%}.wd80-xl{width:80%}.wd83-xl{width:83.33333%}.wd87-xl{width:87.5%}.wd90-xl{width:90%}.show-xl{display:block!important}.hide-xl{display:none!important}.f-wrap-xl{flex-wrap:wrap}.f-col-xl{flex-direction:column}.tl-xl{text-align:left!important}.tc-xl{text-align:center!important}.tr-xl{text-align:right!important}}@media only screen and (min-width:1400px){.col-xxl-1{width:100%}.col-xxl-2,.rwcols-xxl-2 .gitem,.wd50-xxl{width:50%}.col-xxl-3,.rwcols-xxl-3 .gitem,.wd33-xxl{width:33.33333%}.col-xxl-4,.rwcols-xxl-4 .gitem,.wd25-xxl{width:25%}.col-xxl-5,.rwcols-xxl-5 .gitem,.wd20-xxl{width:20%}.col-xxl-6,.rwcols-xxl-6 .gitem,.wd16-xxl{width:16.66667%}.col-xxl-7,.rwcols-xxl-7 .gitem,.wd14-xxl{width:14.28571%}.col-xxl-8,.rwcols-xxl-8 .gitem,.wd12-xxl{width:12.5%}.col-xxl-9,.rwcols-xxl-9 .gitem,.wd11-xxl{width:11.11111%}.col-xxl-10,.rwcols-xxl-10 .gitem,.wd10-xxl{width:10%}.wd30-xxl{width:30%}.wd37-xxl{width:37.5%}.wd40-xxl{width:40%}.wd60-xxl{width:60%}.wd62-xxl{width:62.5%}.wd66-xxl{width:66.66667%}.wd70-xxl{width:70%}.wd75-xxl{width:75%}.wd80-xxl{width:80%}.wd83-xxl{width:83.33333%}.wd87-xxl{width:87.5%}.wd90-xxl{width:90%}.show-xxl{display:block!important}.hide-xxl{display:none!important}}@media only screen and (min-width:767px) and (max-width:1025px){.show-md{display:block!important}.hide-md{display:none!important}}@media only screen and (max-width:767px){.show-sm{display:block!important}.hide-sm{display:none!important}}@font-face{ font-family:Inter;font-weight:300;font-style:normal;font-display:swap;src:url("//offgridpower.us/cdn/fonts/inter/inter_n3.6faba940d2e90c9f1c2e0c5c2750b84af59fecc0.woff2")format("woff2"),url("//offgridpower.us/cdn/fonts/inter/inter_n3.413aa818ec2103383c4ac7c3744c464d04b4db49.woff")format("woff");}@font-face{ font-family:Inter;font-weight:400;font-style:normal;font-display:swap;src:url("//offgridpower.us/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2")format("woff2"),url("//offgridpower.us/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff")format("woff");}@font-face{ font-family:Inter;font-weight:500;font-style:normal;font-display:swap;src:url("//offgridpower.us/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2")format("woff2"),url("//offgridpower.us/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff")format("woff");}@font-face{ font-family:Inter;font-weight:600;font-style:normal;font-display:swap;src:url("//offgridpower.us/cdn/fonts/inter/inter_n6.771af0474a71b3797eb38f3487d6fb79d43b6877.woff2")format("woff2"),url("//offgridpower.us/cdn/fonts/inter/inter_n6.88c903d8f9e157d48b73b7777d0642925bcecde7.woff")format("woff");}@font-face{ font-family:Inter;font-weight:700;font-style:normal;font-display:swap;src:url("//offgridpower.us/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2")format("woff2"),url("//offgridpower.us/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff")format("woff");}@font-face{ font-family:Oswald;font-weight:300;font-style:normal;font-display:swap;src:url("//offgridpower.us/cdn/fonts/oswald/oswald_n3.5e1367501ca69370d84b28bb3e29485e5178d388.woff2")format("woff2"),url("//offgridpower.us/cdn/fonts/oswald/oswald_n3.cfa18f7353e13af9f0069f6d616bed3d258993d6.woff")format("woff");}@font-face{ font-family:Oswald;font-weight:400;font-style:normal;font-display:swap;src:url("//offgridpower.us/cdn/fonts/oswald/oswald_n4.7760ed7a63e536050f64bb0607ff70ce07a480bd.woff2")format("woff2"),url("//offgridpower.us/cdn/fonts/oswald/oswald_n4.ae5e497f60fc686568afe76e9ff1872693c533e9.woff")format("woff");}@font-face{ font-family:Oswald;font-weight:500;font-style:normal;font-display:swap;src:url("//offgridpower.us/cdn/fonts/oswald/oswald_n5.8ad4910bfdb43e150746ef7aa67f3553e3abe8e2.woff2")format("woff2"),url("//offgridpower.us/cdn/fonts/oswald/oswald_n5.93ee52108163c48c91111cf33b0a57021467b66e.woff")format("woff");}@font-face{ font-family:Oswald;font-weight:600;font-style:normal;font-display:swap;src:url("//offgridpower.us/cdn/fonts/oswald/oswald_n6.26b6bffb711f770c328e7af9685d4798dcb4f0b3.woff2")format("woff2"),url("//offgridpower.us/cdn/fonts/oswald/oswald_n6.2feb7f52d7eb157822c86dfd93893da013b08d5d.woff")format("woff");}@font-face{ font-family:Oswald;font-weight:700;font-style:normal;font-display:swap;src:url("//offgridpower.us/cdn/fonts/oswald/oswald_n7.b3ba3d6f1b341d51018e3cfba146932b55221727.woff2")format("woff2"),url("//offgridpower.us/cdn/fonts/oswald/oswald_n7.6cec6bed2bb070310ad90e19ea7a56b65fd83c0b.woff")format("woff");}.tophwrap{position:relative;z-index:556;border-bottom:1px solid var(--bdr);background:var(--bg)}.top_hdr{color:var(--cl);font-size:var(--fs);font-weight:var(--fw);line-height:1.2;padding-bottom:5px;position:relative;z-index:6}.top_hdr>div{padding-top:7px}.top_hdr a{color:var(--cl)}.top_hdr a:hover{color:var(--clh)}.top_hdr .at-icon{width:var(--icon_size);height:var(--icon_size)}.top_hdr .tcrlg>*+*{margin-left:15px}.top_hdr .socIcn{display:inline-flex}.tmenu a {padding: 0 3px;}.ttxt svg{margin-bottom: 3px}@media only screen and (min-width:1024px){.top_hdr{padding-bottom:5px;min-height:var(--mih)} }@media only screen and (max-width:1024px){.top_hdr .language-picker,.top_hdr .currency-picker{display:none }}@media only screen and (max-width:766px){.top_hdr>div{text-align:center!important }}.crlgTtl:after{content:' ';-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image: url(//offgridpower.us/cdn/shop/t/2/assets/arrow.svg?v=97493850878601790061788451719);mask-image: url(//offgridpower.us/cdn/shop/t/2/assets/arrow.svg?v=97493850878601790061788451719);width:8px;height:8px;background-color:var(--cl);margin-left:5px;display:inline-block;vertical-align:middle}.cnrList{display:none;position:absolute;top:30px;left:50%;transform: translateX(-50%);width:120px;padding:15px;max-height:400px;overflow:auto;background-color:#fff;box-shadow:0px 5px 10px rgba(0,0,0,0.1) }.cnrList li{color:#000;padding:7px 5px;white-space:nowrap;cursor:pointer }.cnrList li:hover,.cnrList li.selected{opacity:0.6 }.crlgTtl img{max-width:15px }.hdr_wrap{position:relative;z-index:555;background:#fff;transition:all 0.3s ease-in-out;}.header-logo{min-width:50px;max-width:100px;margin:0}.header-logo .hdr_logo_lnk{position:relative;display:block;font-weight:700;text-transform:uppercase;font-size:22px;line-height:1;text-decoration:none}.header-logo img{display:block;height:auto}.icons-col{margin-left:auto}.hdicon{cursor:pointer;position:relative;color:#111;text-align:center;padding:10px}.hdicon:hover{color:#0A58CA;}.hdicon .at-icon{width:16px;height:16px}.icons-col .hdicon p{font-size:12px;font-weight:500;line-height:1;text-transform: uppercase;}#cartLink{margin-right:-5px}.cartCount{color:#fff;font-size:11px;display:inline-block}.cartCount.pp{position:absolute;min-width:16px;height:16px;border-radius:16px;line-height:17px;margin:-6px 0 0 -3px;background:#111111}#header .search {width:100%;border:1px solid #fff;border-radius:6px}#header .s_input,#header .s_submit{height:42px;border:0;}#header .search .s_input{color:#111111;background:#fafafa;font-size:13px;border-radius:6px 0 0 6px;padding:0 20px;}#header .search .s_submit{color:#111;background:rgba(0,0,0,0);padding:0;width:45px;border-left:0;border-radius:0 6px 6px 0}#header .promo_txt{line-height: 1.3;}.promo_txt .at-icon{width:32px;height:32px;margin-right:10px;color:var(--icon_cl)}.icons-col .promo_txt .at-icon{width:18px;height:18px;}#header .crlgTtl{color:#111;margin-right:15px}#header .crlgTtl:after{background-color:#111}.mbnavCol{max-width:35px;min-width:35px}.mbnavCol.cnt{max-width:inherit}.navToggle{margin-left:-5px;}.navToggle svg{margin-bottom:4px;}.searchinline {margin-right: 20px;} .searchinline .at-icon{width:13px;height: 13px;} #header .searchinline .search .s_submit {width: 60px;} #header .searchinline .s_input,#header .searchinline .s_submit{height:38px;}#header .searchinline .s_res {width: 400px !important;margin-top: 5px;}.main_hdr{min-height:60px}@media only screen and (min-width:1025px){.main_hdr{min-height:70px}.header-logo{max-width:230px}#header>*:not(:last-child){margin-right:var(--hdspac)}}@media only screen and (max-width:1024px){.icons-col.lgcnt{flex:1}}.snav .lbl,.mobNav .lbl,#main_nav > li > a .lbl {animation: blinker .9s linear infinite}@keyframes blinker{50%{opacity: 0;} } #main_navwr{background-color:#f5f5f5;}.mgmenu,.ddmenu {border-radius:0px;}@media only screen and (min-width:1025px){#main_nav{font-family:var(--ft1)}#main_nav .at-icon.arw{width:16px;height:16px}#main_nav a{position:relative;align-items:center}#main_nav .snav{display:flex;padding: 5px 0;}#main_nav a .lbl{color:#fff;font-size:11px;font-family:var(--ft1);font-weight:400;letter-spacing:0;line-height:1;display:inline-block;vertical-align:middle;margin-left:5px;padding:2px 5px;position:relative;border-radius:2px}#main_nav>li.ctsize,#main_nav>li.ddmenu{position:relative}#main_nav>li>a{color:#111111;font-size:12px;font-weight:500;text-transform:uppercase;padding:20px 20px;display:flex;align-items:center;white-space:nowrap}#main_nav>li:hover>a,#main_nav>li>a.active{color:#0A58CA}#main_nav>li>a .lbl{display:block;position:absolute;top:0;left:50%}.mgmenu{opacity:0;visibility:hidden;padding:30px 35px 5px;position:absolute;top:auto;z-index:9999;max-height:700px;overflow:auto;background-color:#fff;box-shadow:0px 0px 6px #eee;pointer-events:none;transform:translateY(20px);transition:all 0.3s ease-in}.mgmenu.mmfull{width:100%;left:0}.fw-sec .mgmenu.mmfull{padding-left:55px;padding-right:55px }.mgmenu.left{left:-17px}.mgmenu.center{left:50%;transform:translate(-50%,20px)}.mgmenu.right{right:-17px}ul.ddmenu{opacity:0;visibility:hidden;width:220px;position:absolute;top:100%;left:-17px;z-index:999;padding:25px 30px;background-color:#fff;box-shadow:0 0 6px #eee;transform:translateY(30px);transition:all 0.3s ease-in-out}#main_nav li:hover>div.mgmenu,#main_nav li:hover>.ddmenu,#main_nav ul.ddmenu li:hover>ul{transform:translateY(0);opacity:1;visibility:visible;pointer-events:visible}#main_nav li:hover>div.mgmenu.center{transform:translate(-50%,0)}}.mob_nav_wr{width:320px;max-width:calc(100% - 45px);height:100%;position:fixed;left:0;top:0;transform:translateX(-115%);z-index:999;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,0.3);transition:all 0.4s ease-in-out}.mob_nav_wr.active{transform:translateX(0)}.ctdrawer{top:0;right:0;visibility:hidden;z-index:1200;background-color:rgba(0,0,0,0.5);transition:all 0.3s ease-in-out}.searchDrawer{padding:35px;width:450px;max-width:90%;transform:translateX(100%);position:fixed;top:0;right:0;z-index:668;height:100%;overflow:auto;background-color:#ffffff}.s_res{display:none;min-width:100%;max-height:calc(100vh - 100px);overflow:auto;z-index:99;background-color:#ffffff;border-radius:6px;padding:30px;box-shadow:0 0 3px rgba(0,0,0,0.1)}

/* === STYLE TAG 1 (len 385) === */
#shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

/* === STYLE TAG 2 (len 1) === */


/* === STYLE TAG 3 (len 392) === */
.mbtlwraper { position:fixed; bottom:0; z-index:10; width:100%; box-shadow:0 0 10px rgba(0,0,0,0.1); }.mbtoolbar { overflow-x:auto; }.mbtoolbar a { color:#333333; font-size:12px; font-weight:600; line-height:1.4; padding:12px 15px 10px; }.mbtoolbar .at-icon { width:15px; height:15px; display:block; margin:0 auto 3px; } @media only screen and (max-width:767px){body { padding-bottom:50px; }}

/* === STYLE TAG 4 (len 374) === */
.swtblue{background-color:#a9d1e9 !important;}.swtorange{background-color:#f7a563 !important;}.swtkhaki{background-color:#a8a46b !important;}.swtsage{background-color:#bfdbc9 !important;}.swtpurple{background-color:#c3b1e1 !important;}.swtbasil{background-color:#426b50 !important;}.swtred{background-color:#f7665f !important;}.swtmauve{background-color:#e1c3c0 !important;}

/* === STYLE TAG 5 (len 63) === */
#exit-intent-popup .grid_img {visibility: visible !important;}

/* === STYLE TAG 6 (len 626) === */
.cookie_box { color: #ffffff; background: #000000; z-index:98; width:100%; max-width:350px; padding:20px 25px; position:fixed; right:10px; bottom:10px; }.cookie_action a { color:#fff; display:inline-block; border-bottom:1px solid #fff; align-items: center; text-transform: uppercase; font-size: 11px;}.cookie_action button.link2 { border:1px solid #fff; padding:4px 15px; margin-left:20px; font-size:11px; text-transform: uppercase;} .cookie_action button.link2:hover { border-color:#fff; color: #000000; background: #fff; }@media only screen and (max-width:767px) { .cookie_box { right:0; bottom:0; justify-content:center; }}

/* === STYLE TAG 7 (len 2) === */





/* === CRITICAL HERO & SLIDESHOW STYLES === */
.shopify-section[id*="2ce38bbc"] {
  display: block !important;
  width: 100% !important;
  position: relative !important;
  clear: both !important;
}
.sec_cov {
  width: 100% !important;
  position: relative !important;
}
.oss_wrap {
  width: 100% !important;
  position: relative !important;
}
.slideshow {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  height: 600px !important;
  display: block !important;
}
.swiper-wrapper {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
}
.sslide {
  width: 100% !important;
  height: 600px !important;
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
}
@media (max-width: 1024px) {
  .slideshow, .sslide { height: 500px !important; }
}
@media (max-width: 767px) {
  .slideshow, .sslide { height: 550px !important; }
}
.ssimg.imgFt, .imgFt {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.ss_link {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}
/* Compact, Streamlined Header & Navigation (Ultra Sleek & Proportional) */
.tophwrap {
  min-height: 28px !important;
  height: 28px !important;
  line-height: 28px !important;
  font-size: 11px !important;
  background: #000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 10px !important;
}
.top_hdr {
  min-height: 28px !important;
  height: 28px !important;
  line-height: 28px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.top_hdr > div {
  padding-top: 0 !important;
}

/* Desktop Header (min-width: 1025px) */
@media only screen and (min-width: 1025px) {
  .hdr_wrap {
    min-height: 56px !important;
    height: 56px !important;
    background: #fff !important;
  }
  .main_hdr, #header {
    min-height: 56px !important;
    height: 56px !important;
    max-width: 1300px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  .header-logo {
    max-width: 220px !important;
    width: 200px !important;
    height: 38px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }
  .header-logo img, .header-logo .stlogo {
    max-width: 200px !important;
    max-height: 34px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
  }
  #main_nav {
    display: flex !important;
    align-items: center !important;
    height: 56px !important;
    margin: 0 !important;
  }
  #main_nav > li > a {
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    padding: 6px 14px !important;
    line-height: 1 !important;
    color: #111 !important;
  }
  .icons-col {
    display: flex !important;
    align-items: center !important;
    height: 56px !important;
    margin: 0 !important;
  }
  .hdicon {
    padding: 6px 10px !important;
    display: flex !important;
    align-items: center !important;
  }
}

/* Mobile & Tablet Header (max-width: 1024px) */
@media only screen and (max-width: 1024px) {
  .tophwrap, .top_hdr {
    min-height: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
    font-size: 10px !important;
    padding: 0 !important;
  }
  .hdr_wrap {
    min-height: 48px !important;
    height: 48px !important;
    background: #fff !important;
  }
  .main_hdr, #header {
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  .header-logo {
    max-width: 160px !important;
    width: 145px !important;
    height: 30px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .header-logo img, .header-logo .stlogo {
    max-width: 145px !important;
    max-height: 25px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
  }
  .mbnavCol {
    min-width: 32px !important;
    max-width: 32px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
  }
  .icons-col {
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
  }
  .hdicon {
    padding: 4px 6px !important;
  }
}


/* Responsive Utility Classes */
@media only screen and (max-width: 767px) {
  .hide-sm { display: none !important; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .hide-md { display: none !important; }
}
@media only screen and (min-width: 1025px) {
  .hide-lg { display: none !important; }
}

/* Hero Picture and Positioning */
.slideshow {
  height: 600px !important;
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
}
.sslide {
  height: 600px !important;
  width: 100% !important;
  position: relative !important;
  overflow: hidden !important;
}
@media only screen and (max-width: 1024px) {
  .slideshow, .sslide { height: 500px !important; }
}
@media only screen and (max-width: 767px) {
  .slideshow, .sslide { height: 550px !important; }
}
.ssimg.imgFt, .imgFt {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/* Product Cards & Image Visibility Guaranteed */
.grid_img, .grid_img.primary {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: opacity 0.3s ease-in-out !important;
}
.grid_img.lazyload {
  opacity: 1 !important;
}
.img.bgImg.banner_img {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.imgFl {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}



/* ==========================================================================
   PERFECT ALIGNMENT & SPACING FIXES (GridPower Theme)
   ========================================================================== */
/* 1. Eliminate blank margin gap between Header and Hero Content */
main, .main-content, #PageContainer {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 2. Promo Banner + Product Grid Side-by-Side (Matches Screen 1 of offgridpower.us) */
@media only screen and (min-width: 768px) {
  .gridcb,
  .fl.gridcb,
  .fl.f-col.gridcb,
  .fl.f-row-md.gridcb {
    flex-direction: row !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
  }
  .gridcb > .bnrcol {
    width: 35% !important;
    max-width: 35% !important;
    flex: 0 0 35% !important;
    margin-bottom: 0 !important;
  }
  .gridcb > .bPrcall {
    width: calc(65% - 30px) !important;
    max-width: calc(65% - 30px) !important;
    flex: 0 0 calc(65% - 30px) !important;
  }
}
@media only screen and (max-width: 767px) {
  .gridcb {
    flex-direction: column !important;
  }
  .gridcb > .bnrcol {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
  }
  .gridcb > .bPrcall {
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* ==========================================================================
   SINGLE PRODUCT PAGE (PDP) - 1:1 CLONE OF SHOPIFY DESIGN
   ========================================================================== */
.single-product .main-content.product {
  max-width: 1300px !important;
  margin: 15px auto 60px !important;
  padding: 0 15px !important;
}

.single-product .woocommerce-breadcrumb {
  font-size: 13px !important;
  color: #777 !important;
  margin-bottom: 25px !important;
  padding: 8px 0 !important;
}
.single-product .woocommerce-breadcrumb a {
  color: #333 !important;
  text-decoration: none !important;
}
.single-product .woocommerce-breadcrumb a:hover {
  color: #0D6EFD !important;
}

/* 2-Column Product Layout */
.single-product div.product {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 40px !important;
  margin-bottom: 50px !important;
}

/* Gallery - Left Column */
.single-product .woocommerce-product-gallery {
  flex: 0 0 calc(52% - 20px) !important;
  max-width: calc(52% - 20px) !important;
  width: calc(52% - 20px) !important;
  position: relative !important;
}
@media only screen and (max-width: 991px) {
  .single-product .woocommerce-product-gallery,
  .single-product .summary.entry-summary {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
  margin: 0 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  border: 1px solid #f0f0f0 !important;
  background: #fff !important;
}
.single-product .woocommerce-product-gallery img {
  border-radius: 4px !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
}
.single-product .flex-control-thumbs,
.single-product .woocommerce-product-gallery .thumbnails {
  display: flex !important;
  gap: 10px !important;
  margin-top: 15px !important;
  padding: 0 !important;
  list-style: none !important;
  overflow-x: auto !important;
}
.single-product .flex-control-thumbs li,
.single-product .woocommerce-product-gallery .thumbnails a {
  flex: 0 0 72px !important;
  width: 72px !important;
  height: 72px !important;
  cursor: pointer !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 4px !important;
  padding: 2px !important;
  transition: border-color 0.2s !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
}
.single-product .flex-control-thumbs li img,
.single-product .woocommerce-product-gallery .thumbnails a img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}
.single-product .flex-control-thumbs li img.flex-active,
.single-product .flex-control-thumbs li:hover,
.single-product .woocommerce-product-gallery .thumbnails a:hover {
  border-color: #000000 !important;
}
.single-product span.onsale {
  display: none !important;
}

/* Right Column: Buy Box */
.single-product .summary.entry-summary {
  flex: 0 0 calc(48% - 20px) !important;
  max-width: calc(48% - 20px) !important;
  width: calc(48% - 20px) !important;
}

.single-product h1.product_title {
  font-family: Oswald, var(--ft2), sans-serif !important;
  font-size: 26px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  color: #000000 !important;
  margin: 0 0 14px !important;
  text-transform: none !important;
  letter-spacing: 0.5px !important;
}

/* Price */
.single-product .summary .price,
.single-product .summary .woocommerce-variation-price .price {
  font-family: Oswald, var(--ft2), sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #0D6EFD !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-bottom: 15px !important;
}
.single-product .summary .price del {
  color: #767676 !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
  opacity: 1 !important;
  order: 2 !important;
}
.single-product .summary .price ins {
  color: #0D6EFD !important;
  text-decoration: none !important;
  order: 1 !important;
}
.single-product .pdp-save-badge {
  background: #0D6EFD !important;
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  order: 3 !important;
  display: inline-block !important;
}

/* Stock Status */
.pdp-stock-badge {
  display: flex !important;
  align-items: center !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #111 !important;
  margin-bottom: 18px !important;
}
.pdp-stock-badge .stock-dot {
  width: 9px !important;
  height: 9px !important;
  background-color: #28a745 !important;
  border-radius: 50% !important;
  display: inline-block !important;
  margin-right: 8px !important;
  box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.2) !important;
}

/* Variations Form Stacked Like Shopify */
.single-product form.variations_form {
  margin-bottom: 20px !important;
}
.single-product table.variations {
  width: 100% !important;
  border: none !important;
  margin-bottom: 15px !important;
  border-collapse: separate !important;
}
.single-product table.variations tbody,
.single-product table.variations tr,
.single-product table.variations th,
.single-product table.variations td {
  display: block !important;
  width: 100% !important;
  border: none !important;
  padding: 0 !important;
  text-align: left !important;
}
.single-product table.variations th.label,
.single-product table.variations td.label {
  margin-bottom: 6px !important;
}
.single-product table.variations th.label label,
.single-product table.variations td.label label {
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #333 !important;
}
.single-product table.variations td.value select {
  width: 100% !important;
  height: 46px !important;
  border: 1px solid #dcdcdc !important;
  border-radius: 6px !important;
  padding: 0 35px 0 15px !important;
  font-size: 14px !important;
  background: #fff url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23555'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 14px center / 18px !important;
  color: #111 !important;
  outline: none !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
.single-product table.variations td.value select:focus {
  border-color: #0D6EFD !important;
}
.single-product a.reset_variations {
  display: none !important;
}
.single-product .woocommerce-variation-price {
  display: none !important;
}

/* Quantity and Add to Cart Form */
.single-product form.cart {
  margin-bottom: 20px !important;
}
.single-product .woocommerce-variation-add-to-cart,
.single-product form.cart:not(.variations_form) {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
.single-product .pdp-qty-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 14px !important;
  width: 100% !important;
}
.single-product .quantity {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 4px !important;
  height: 44px !important;
  width: 120px !important;
  background: #fff !important;
  padding: 0 4px !important;
  margin: 0 !important;
}
.single-product .quantity input.qty {
  width: 44px !important;
  height: 38px !important;
  text-align: center !important;
  border: none !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #111 !important;
  padding: 0 !important;
  background: transparent !important;
  outline: none !important;
  -moz-appearance: textfield !important;
}
.single-product .quantity input.qty::-webkit-outer-spin-button,
.single-product .quantity input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
.single-product .pdp-qty-btn {
  width: 32px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  background: transparent !important;
  color: #555 !important;
  font-size: 18px !important;
  user-select: none !important;
}
.single-product .pdp-qty-btn:hover {
  color: #000 !important;
}
.single-product .pdp-ask-question {
  font-size: 13.5px !important;
  color: #444 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-weight: 500 !important;
}
.single-product .pdp-ask-question:hover {
  color: #0D6EFD !important;
}

/* Big Vibrant Add to Cart Button */
.single-product button.single_add_to_cart_button {
  width: 100% !important;
  height: 50px !important;
  background-color: #0D6EFD !important;
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color 0.2s ease, transform 0.1s ease !important;
  box-shadow: 0 2px 6px rgba(13, 110, 253, 0.25) !important;
}
.single-product button.single_add_to_cart_button:hover {
  background-color: #0b5ed7 !important;
  transform: translateY(-1px) !important;
}
.single-product button.single_add_to_cart_button.disabled {
  opacity: 0.9 !important;
  cursor: pointer !important;
}

/* Accelerated Checkout (GPay simulation button) */
.pdp-gpay-btn {
  width: 100% !important;
  height: 50px !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  cursor: pointer !important;
  margin-top: 4px !important;
  transition: background-color 0.2s ease !important;
}
.pdp-gpay-btn:hover {
  background-color: #222222 !important;
}
.pdp-more-payment-wrap {
  text-align: center !important;
  margin: 10px 0 16px 0 !important;
}
.pdp-more-payment {
  font-size: 13px !important;
  color: #555 !important;
  text-decoration: underline !important;
  cursor: pointer !important;
}
.pdp-more-payment:hover {
  color: #0D6EFD !important;
}

/* Delivery date estimate */
.pdp-delivery-box {
  display: flex !important;
  align-items: center !important;
  font-size: 13.5px !important;
  color: #333 !important;
  margin: 16px 0 20px !important;
}
.pdp-delivery-box svg {
  width: 18px !important;
  height: 18px !important;
  margin-right: 8px !important;
  fill: #555 !important;
  flex-shrink: 0 !important;
}

/* Trust Badges - 3 Cards */
.pdp-trust-grid {
  display: flex !important;
  gap: 12px !important;
  margin: 20px 0 25px !important;
}
.pdp-trust-card {
  flex: 1 1 0 !important;
  background: #f8f9fa !important;
  border: 1px solid #ebebeb !important;
  border-radius: 6px !important;
  padding: 14px 6px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}
.pdp-trust-card svg {
  width: 22px !important;
  height: 22px !important;
  fill: #222 !important;
}
.pdp-trust-card span {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #222 !important;
  line-height: 1.2 !important;
}

.single-product .product_meta {
  display: none !important;
}

/* Tabs & Product Description */
.single-product .woocommerce-tabs {
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  margin-top: 40px !important;
  border-top: 1px solid #e5e5e5 !important;
  padding-top: 30px !important;
}
.single-product .woocommerce-tabs ul.tabs {
  display: flex !important;
  gap: 30px !important;
  border-bottom: 1px solid #e5e5e5 !important;
  margin: 0 0 35px !important;
  padding: 0 !important;
  list-style: none !important;
}
.single-product .woocommerce-tabs ul.tabs li {
  padding-bottom: 14px !important;
  margin-bottom: -1px !important;
  background: transparent !important;
  border: none !important;
}
.single-product .woocommerce-tabs ul.tabs li a {
  font-family: Oswald, var(--ft2), sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #777 !important;
  text-decoration: none !important;
  letter-spacing: 0.5px !important;
}
.single-product .woocommerce-tabs ul.tabs li.active {
  border-bottom: 2px solid #000000 !important;
}
.single-product .woocommerce-tabs ul.tabs li.active a {
  color: #000000 !important;
  font-weight: 600 !important;
}
.single-product .woocommerce-tabs .panel {
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: #333 !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}
.single-product .woocommerce-Tabs-panel--description > h2:first-child,
.single-product .woocommerce-Tabs-panel--additional_information > h2:first-child {
  display: none !important;
}
.single-product .woocommerce-Tabs-panel--description img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 25px auto !important;
  border-radius: 4px !important;
}
.single-product .woocommerce-Tabs-panel--description h2,
.single-product .woocommerce-Tabs-panel--description h3 {
  font-family: Oswald, var(--ft2), sans-serif !important;
  font-size: 26px !important;
  font-weight: 600 !important;
  color: #111 !important;
  text-align: center !important;
  margin: 35px 0 15px 0 !important;
  line-height: 1.3 !important;
}
.single-product .woocommerce-Tabs-panel--description p {
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto 20px auto !important;
  color: #555 !important;
}
.single-product .woocommerce-Tabs-panel--description table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 30px 0 !important;
  font-size: 14px !important;
}
.single-product .woocommerce-Tabs-panel--description tr:nth-child(even) {
  background-color: #f8f9fa !important;
}
.single-product .woocommerce-Tabs-panel--description td,
.single-product .woocommerce-Tabs-panel--description th {
  padding: 12px 16px !important;
  border: 1px solid #eee !important;
  text-align: left !important;
}
.single-product .woocommerce-Tabs-panel--description th {
  background-color: #f1f3f5 !important;
  font-weight: 600 !important;
}

/* Related Products Section */
.single-product .related.products {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  margin-top: 50px !important;
  border-top: 1px solid #e5e5e5 !important;
  padding-top: 40px !important;
}
.single-product .related.products > h2 {
  font-family: Oswald, var(--ft2), sans-serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  margin: 0 0 25px 0 !important;
  color: #111 !important;
  text-align: left !important;
}
.single-product .related.products ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
@media (max-width: 991px) {
  .single-product .related.products ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 575px) {
  .single-product .related.products ul.products {
    grid-template-columns: 1fr !important;
  }
}
.single-product .related.products ul.products li.product {
  background: #fff !important;
  border: 1px solid #ebebeb !important;
  border-radius: 8px !important;
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
}
.single-product .related.products ul.products li.product:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.06) !important;
}
.single-product .related.products ul.products li.product img {
  width: 100% !important;
  height: 200px !important;
  object-fit: contain !important;
  margin-bottom: 12px !important;
}
.single-product .related.products ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: #111 !important;
  margin-bottom: 8px !important;
}
.single-product .related.products ul.products li.product .price {
  font-family: Oswald, var(--ft2), sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0D6EFD !important;
}

@media only screen and (max-width: 767px) {
  .single-product div.product {
    padding-bottom: 70px !important;
  }
  .single-product h1.product_title {
    font-size: 22px !important;
    line-height: 1.25 !important;
    margin-bottom: 12px !important;
  }
  .single-product .summary .price {
    font-size: 24px !important;
    margin-bottom: 12px !important;
  }
  .single-product .pdp-trust-grid {
    gap: 8px !important;
  }
  .single-product .pdp-trust-card {
    padding: 10px 4px !important;
  }
  .single-product .pdp-trust-card span {
    font-size: 11px !important;
  }
}