1<!doctype html> 2<html class="no-js" lang="en" dir="ltr"> 3<head> 4 <!--Start Intellimize Snippet--> 5 6<style>.anti-flicker, .anti-flicker * {visibility: hidden !important; opacity: 0 !important;}</style>
7<script>(function(e,t,p){var n=document.documentElement,s={p:[],r:[]},u={p:s.p,r:s.r,push:function(e){s.p.push(e)},ready:function(e){s.r.push(e)}};e.intellimize=u,n.className+=" "+p,setTimeout(function(){n.className=n.className.replace(RegExp(" ?"+p),"")},t)})(window, 4000, 'anti-flicker')</script>
7 8<link rel="preload" href="https://cdn.intellimize.co/snippet/117649328.js" as="script">
9<script src="https://cdn.intellimize.co/snippet/117649328.js" async onerror="document.documentElement.className = document.documentElement.className.replace(RegExp(' ?anti-flicker'), '');"></script>
9 10<link rel="preconnect" href="https://api.intellimize.co" crossorigin> 11<link rel="preconnect" href="https://117649328.intellimizeio.com"> 12<link rel="preconnect" href="https://log.intellimize.co" crossorigin> 13 14 15 <!--End Intellimize Snippet-->
15<script> 16 (function(g,e,o,t,a,r,ge,tl,y,s){ 17 g.getElementsByTagName(o)[0].insertAdjacentHTML('afterbegin','<style id="georedirect1733950942814style">body{opacity:0.0 !important;}</style>'); 18 s=function(){g.getElementById('georedirect1733950942814style').innerHTML='body{opacity:1.0 !important;}';}; 19 setTimeout(s,3000); 20 t=g.getElementsByTagName(o)[0];y=g.createElement(e);y.async=true; 21 y.src='https://g10498469755.co/gr?id=-ODrWusMNE7yQqPTLLSA&refurl='+g.referrer+'&winurl='+encodeURIComponent(window.location); 22 t.parentNode.insertBefore(y,t);y.onerror=function(){s()}; 23 georedirect1733950942814loaded=function(redirect){var to=0;if(redirect){to=5000}; 24 setTimeout(function(){s();},to)}; 25 })(document,'script','head'); 26 </script>
26<script src="https://cmp.osano.com/169laiSqqUesM3rEL/52e25102-4de2-41a3-b2aa-b32652e9bcfb/osano.js"></script>
26 27 <meta charset="utf-8"> 28 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 29 <meta name="viewport" content="width=device-width,initial-scale=1"> 30 <meta name="theme-color" content="#171717"><link rel="canonical" href="https://www.mophie.com/cart"> 31 <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> 32 <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin> 33 34 <link rel="dns-prefetch" href="https://productreviews.shopifycdn.com"> 35 <link rel="dns-prefetch" href="https://ajax.googleapis.com"> 36 <link rel="dns-prefetch" href="https://maps.googleapis.com"> 37 <link rel="dns-prefetch" href="https://maps.gstatic.com"> 38 39 40 41
41<script>
vendor: 335 bytes, lines 41-45
41(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 42 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 43 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 44 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 45 })(window,document,'script','dataLayer','
45GTM-WJS998G6
vendor: 3 bytes, line 45
45');
45</script>
45 46 47 48
48<script src="https://cdn.userway.org/widget.js" data-account="vnMBauhYue" async></script>
48 49 50 51<link rel="shortcut icon" href="//www.mophie.com/cdn/shop/files/spark.png?crop=center&height=32&v=1717013550&width=32" type="image/png" /><title>Your Shopping Cart – mophie</title><meta property="og:site_name" content="mophie"> 52<meta property="og:url" content="https://www.mophie.com/cart"> 53<meta property="og:title" content="Your Shopping Cart"> 54<meta property="og:type" content="website"> 55<meta property="og:description" content="Shop mophie's extensive collection of wireless chargers, power banks, car chargers, battery packs, and product made for Apple. Live life untethered. Power on."><meta name="twitter:site" content="@"> 56<meta name="twitter:card" content="summary_large_image"> 57<meta name="twitter:title" content="Your Shopping Cart"> 58<meta name="twitter:description" content="Shop mophie's extensive collection of wireless chargers, power banks, car chargers, battery packs, and product made for Apple. Live life untethered. Power on."> 59<style data-shopify>/* area-variable custom font-face */ 60@font-face { 61 font-family: "area-normal"; 62 src: url("https://use.typekit.net/af/8f6c52/0000000000000000774b9fbe/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff2"),url("https://use.typekit.net/af/8f6c52/0000000000000000774b9fbe/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff"),url("https://use.typekit.net/af/8f6c52/0000000000000000774b9fbe/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("opentype"); 63 font-display: auto; 64 font-style: italic; 65 font-weight: 900; 66 font-stretch: normal; 67} 68 69@font-face { 70 font-family: "area-normal"; 71 src: url("https://use.typekit.net/af/ce56d9/0000000000000000774b9fcb/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/ce56d9/0000000000000000774b9fcb/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/ce56d9/0000000000000000774b9fcb/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype"); 72 font-display: auto; 73 font-style: normal; 74 font-weight: 900; 75 font-stretch: normal; 76} 77 78@font-face { 79 font-family: "area-normal"; 80 src: url("https://use.typekit.net/af/348926/0000000000000000774b9fc0/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/348926/0000000000000000774b9fc0/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/348926/0000000000000000774b9fc0/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); 81 font-display: auto; 82 font-style: normal; 83 font-weight: 700; 84 font-stretch: normal; 85} 86 87@font-face { 88 font-family: "area-normal"; 89 src: url("https://use.typekit.net/af/4eb5d3/0000000000000000774b9fbc/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff2"),url("https://use.typekit.net/af/4eb5d3/0000000000000000774b9fbc/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff"),url("https://use.typekit.net/af/4eb5d3/0000000000000000774b9fbc/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("opentype"); 90 font-display: auto; 91 font-style: italic; 92 font-weight: 100; 93 font-stretch: normal; 94} 95 96@font-face { 97 font-family: "area-normal"; 98 src: url("https://use.typekit.net/af/911b4f/0000000000000000774b9fbd/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/911b4f/0000000000000000774b9fbd/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/911b4f/0000000000000000774b9fbd/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); 99 font-display: auto; 100 font-style: normal; 101 font-weight: 400; 102 font-stretch: normal; 103} 104 105@font-face { 106 font-family: "area-normal"; 107 src: url("https://use.typekit.net/af/0cd949/0000000000000000774b9fc1/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff2"),url("https://use.typekit.net/af/0cd949/0000000000000000774b9fc1/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff"),url("https://use.typekit.net/af/0cd949/0000000000000000774b9fc1/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("opentype"); 108 font-display: auto; 109 font-style: normal; 110 font-weight: 100; 111 font-stretch: normal; 112} 113 114@font-face { 115 font-family: "area-normal"; 116 src: url("https://use.typekit.net/af/363d17/0000000000000000774b9fbf/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/363d17/0000000000000000774b9fbf/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/363d17/0000000000000000774b9fbf/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype"); 117 font-display: auto; 118 font-style: normal; 119 font-weight: 800; 120 font-stretch: normal; 121} 122 123@font-face { 124 font-family: "area-normal"; 125 src: url("https://use.typekit.net/af/627378/0000000000000000774b9fc9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff2"),url("https://use.typekit.net/af/627378/0000000000000000774b9fc9/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff"),url("https://use.typekit.net/af/627378/0000000000000000774b9fc9/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("opentype"); 126 font-display: auto; 127 font-style: italic; 128 font-weight: 800; 129 font-stretch: normal; 130} 131 132@font-face { 133 font-family: "area-normal"; 134 src: url("https://use.typekit.net/af/3c6d18/0000000000000000774b9fc7/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/3c6d18/0000000000000000774b9fc7/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/3c6d18/0000000000000000774b9fc7/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype"); 135 font-display: auto; 136 font-style: italic; 137 font-weight: 400; 138 font-stretch: normal; 139} 140 141@font-face { 142 font-family: "area-normal"; 143 src: url("https://use.typekit.net/af/c2ee37/0000000000000000774b9fcc/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/c2ee37/0000000000000000774b9fcc/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/c2ee37/0000000000000000774b9fcc/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); 144 font-display: auto; 145 font-style: italic; 146 font-weight: 700; 147 font-stretch: normal; 148} 149 150@font-face { 151 font-family: "area-normal"; 152 src: url("https://use.typekit.net/af/6f9a29/0000000000000000774b9fc8/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/6f9a29/0000000000000000774b9fc8/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/6f9a29/0000000000000000774b9fc8/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype"); 153 font-display: auto; 154 font-style: normal; 155 font-weight: 600; 156 font-stretch: normal; 157} 158 159@font-face { 160 font-family: "area-normal"; 161 src: url("https://use.typekit.net/af/547c60/0000000000000000774b9fcd/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"),url("https://use.typekit.net/af/547c60/0000000000000000774b9fcd/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"),url("https://use.typekit.net/af/547c60/0000000000000000774b9fcd/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype"); 162 font-display: auto; 163 font-style: italic; 164 font-weight: 600; 165 font-stretch: normal; 166} 167 168.tk-area-normal { 169 font-family: "area-normal",sans-serif; 170}@font-face { 171 font-family: Inter; 172 font-weight: 700; 173 font-style: normal; 174 font-display: swap; 175 src: url("//www.mophie.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"), 176 url("//www.mophie.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff"); 177} 178@font-face { 179 font-family: Inter; 180 font-weight: 600; 181 font-style: normal; 182 font-display: swap; 183 src: url("//www.mophie.com/cdn/fonts/inter/inter_n6.771af0474a71b3797eb38f3487d6fb79d43b6877.woff2") format("woff2"), 184 url("//www.mophie.com/cdn/fonts/inter/inter_n6.88c903d8f9e157d48b73b7777d0642925bcecde7.woff") format("woff"); 185} 186@font-face { 187 font-family: Inter; 188 font-weight: 800; 189 font-style: normal; 190 font-display: swap; 191 src: url("//www.mophie.com/cdn/fonts/inter/inter_n8.d15c916037fee1656886aab64725534609d62cc8.woff2") format("woff2"), 192 url("//www.mophie.com/cdn/fonts/inter/inter_n8.c88637171fecf10ab2d88c89dbf06f41a1ae8be5.woff") format("woff"); 193} 194@font-face { 195 font-family: Inter; 196 font-weight: 500; 197 font-style: normal; 198 font-display: swap; 199 src: url("//www.mophie.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"), 200 url("//www.mophie.com/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff"); 201} 202@font-face { 203 font-family: Inter; 204 font-weight: 800; 205 font-style: normal; 206 font-display: swap; 207 src: url("//www.mophie.com/cdn/fonts/inter/inter_n8.d15c916037fee1656886aab64725534609d62cc8.woff2") format("woff2"), 208 url("//www.mophie.com/cdn/fonts/inter/inter_n8.c88637171fecf10ab2d88c89dbf06f41a1ae8be5.woff") format("woff"); 209} 210@font-face { 211 font-family: Inter; 212 font-weight: 500; 213 font-style: italic; 214 font-display: swap; 215 src: url("//www.mophie.com/cdn/fonts/inter/inter_i5.4474f48e6ab2b1e01aa2b6d942dd27fa24f2d99f.woff2") format("woff2"), 216 url("//www.mophie.com/cdn/fonts/inter/inter_i5.493dbd6ee8e49f4ad722ebb68d92f201af2c2f56.woff") format("woff"); 217} 218@font-face { 219 font-family: Inter; 220 font-weight: 800; 221 font-style: italic; 222 font-display: swap; 223 src: url("//www.mophie.com/cdn/fonts/inter/inter_i8.43b36d1ed012e0be95ad40ae98653a2b7e349b3b.woff2") format("woff2"), 224 url("//www.mophie.com/cdn/fonts/inter/inter_i8.29421c96cbf447cbe238e558a27b1cb27b01b743.woff") format("woff"); 225} 226:root { 227 /*! General */ 228 --color-base-text: 23 23 23; 229 --color-base-highlight: 212 205 197; 230 --color-base-background: 255 255 255; 231 --color-base-button: 23 23 23; 232 --color-base-button-gradient: #171717; 233 --color-base-button-text: 255 255 255; 234 --color-keyboard-focus: 11 97 205; 235 --color-shadow: 168 232 226; 236 --color-price: 23 23 23; 237 --color-sale-price: 225 29 72; 238 --color-sale-tag: 225 29 72; 239 --color-sale-tag-text: 255 255 255; 240 --color-rating: 245 158 11; 241 --color-placeholder: 243 243 243; 242 --color-success-text: 77 124 15; 243 --color-success-background: 247 254 231; 244 --color-error-text: 190 18 60; 245 --color-error-background: 255 241 242; 246 --color-info-text: 180 83 9; 247 --color-info-background: 255 251 235; 248 249 /*! Menu and drawers */ 250 --color-drawer-text: 23 23 23; 251 --color-drawer-background: 255 255 255; 252 --color-drawer-button-background: 23 23 23; 253 --color-drawer-button-gradient: #171717; 254 --color-drawer-button-text: 255 255 255; 255 --color-drawer-overlay: 23 23 23; 256 257 /*! Product card */ 258 --card-radius: var(--rounded-card); 259 --card-border-width: 0.0rem; 260 --card-border-opacity: 0.0; 261 --card-shadow-opacity: 0.1; 262 --card-shadow-horizontal-offset: 0.0rem; 263 --card-shadow-vertical-offset: 0.0rem; 264 265 /*! Buttons */ 266 --buttons-radius: var(--rounded-button); 267 --buttons-border-width: 1px; 268 --buttons-border-opacity: 1.0; 269 --buttons-shadow-opacity: 0.0; 270 --buttons-shadow-horizontal-offset: 0px; 271 --buttons-shadow-vertical-offset: 0px; 272 273 /*! Inputs */ 274 --inputs-radius: var(--rounded-input); 275 --inputs-border-width: 0px; 276 --inputs-border-opacity: 0.65; 277 278 /*! Spacing */ 279 --sp-0d5: 0.125rem; 280 --sp-1: 0.25rem; 281 --sp-1d5: 0.375rem; 282 --sp-2: 0.5rem;
283 --sp-2d5: 0.625rem; 284 --sp-3: 0.75rem; 285 --sp-3d5: 0.875rem; 286 --sp-4: 1rem; 287 --sp-4d5: 1.125rem; 288 --sp-5: 1.25rem; 289 --sp-5d5: 1.375rem; 290 --sp-6: 1.5rem; 291 --sp-6d5: 1.625rem; 292 --sp-7: 1.75rem; 293 --sp-7d5: 1.875rem; 294 --sp-8: 2rem; 295 --sp-8d5: 2.125rem; 296 --sp-9: 2.25rem; 297 --sp-9d5: 2.375rem; 298 --sp-10: 2.5rem; 299 --sp-10d5: 2.625rem; 300 --sp-11: 2.75rem; 301 --sp-12: 3rem; 302 --sp-13: 3.25rem; 303 --sp-14: 3.5rem; 304 --sp-15: 3.875rem; 305 --sp-16: 4rem; 306 --sp-18: 4.5rem; 307 --sp-20: 5rem; 308 --sp-23: 5.625rem; 309 --sp-24: 6rem; 310 --sp-28: 7rem; 311 --sp-32: 8rem; 312 --sp-36: 9rem; 313 --sp-40: 10rem; 314 --sp-44: 11rem; 315 --sp-48: 12rem; 316 --sp-52: 13rem; 317 --sp-56: 14rem; 318 --sp-60: 15rem; 319 --sp-64: 16rem; 320 --sp-72: 18rem; 321 --sp-80: 20rem; 322 --sp-96: 24rem; 323 --sp-100: 32rem; 324 325 /*! Font family */ 326 /* --font-heading-family: Inter, sans-serif; */ 327 --font-heading-family: 'area-normal', 'inter', 'helvetica neue', sans-serif; 328 --font-heading-style: normal; 329 /* --font-heading-weight: 700; */ 330 --font-heading-weight: 800; 331 --font-heading-line-height: 1.2; 332 --font-heading-letter-spacing: -0.01em; 333 334 335 /* --font-body-family: Inter, sans-serif; */ 336 --font-body-family: 'area-normal', 'inter', 'helvetica neue', sans-serif; 337 --font-body-style: normal; 338 --font-body-weight: 600; 339 --font-body-line-height: 1.3; 340 --font-body-letter-spacing: 0.0em; 341 342 --font-navigation-family: var(--font-body-family); 343 --font-navigation-size: clamp(0.75rem, 0.748rem + 0.3174vw, 0.875rem); 344 345 346 --font-button-family: var(--font-body-family); 347 --font-button-size: clamp(0.75rem, 0.8115rem + 0.1587vw, 0.875rem); 348 349 350 --font-product-family: var(--font-body-family); 351 --font-product-size: clamp(1.0rem, 0.873rem + 0.3175vw, 1.25rem); 352 353 354 /*! Font size */ 355 --text-3xs: 0.625rem; 356 --text-2xs: 0.6875rem; 357 --text-xs: 0.75rem; 358 --text-2sm: 0.8125rem; 359 --text-sm: 0.875rem; 360 --text-base: 1.0rem; 361 --text-lg: 1.125rem; 362 --text-xl: 1.25rem; 363 --text-2xl: 1.5rem; 364 --text-3xl: 1.875rem; 365 --text-4xl: 2.25rem; 366 --text-5xl: 3.0rem; 367 --text-6xl: 3.75rem; 368 --text-7xl: 4.5rem; 369 --text-8xl: 6.0rem; 370 371 /*! Layout */ 372 --page-width: 1900px; 373 --gap-padding: clamp(var(--sp-5), 2.526vw, var(--sp-12)); 374 --grid-gap: clamp(40px, 20vw, 60px); 375 --page-padding: var(--sp-5); 376 --page-container: min(calc(100vw - var(--scrollbar-width, 0px) - var(--page-padding) * 2), var(--page-width)); 377 --rounded-button: 3.75rem; 378 --rounded-input: 0.75rem; 379 --rounded-card: clamp(var(--sp-2d5), 1.053vw, var(--sp-5)); 380 --rounded-block: clamp(var(--sp-2d5), 1.053vw, var(--sp-5)); 381 382 /*! Other */ 383 --icon-weight: 2px; 384 } 385 386 @media screen and (min-width: 1024px) { 387 :root { 388 --page-padding: var(--sp-9); 389 } 390 } 391 392 @media screen and (min-width: 1280px) { 393 :root { 394 --gap-padding: var(--sp-12); 395 --page-padding: var(--sp-12); 396 } 397 } 398 399 @media screen and (min-width: 1536px) { 400 :root { 401 --page-padding: max(var(--sp-12), 50vw - var(--scrollbar-width, 0px)/2 - var(--page-width)/2); 402 } 403 }</style> 404 <link rel="preload" as="font" href="//www.mophie.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2" type="font/woff2" crossorigin> 405 406 407 <link rel="preload" as="font" href="//www.mophie.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2" type="font/woff2" crossorigin> 408 409<link href="//www.mophie.com/cdn/shop/t/20/assets/theme.css?v=169841188703562236061788446379" rel="stylesheet" type="text/css" media="all" /><link rel="stylesheet" href="//www.mophie.com/cdn/shop/t/20/assets/apps.css?v=181017469660800979511778716659" media="print" fetchpriority="low" onload="this.media='all'"> 410 <link rel="stylesheet" href="https://use.typekit.net/guc2gjf.css"> 411 412
412<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
412<meta name="google-site-verification" content="3-isa1IRVzj2K5EcBFpMkW95BykQt5wNpy6Wguu7shQ"> 413<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/70036259056/digital_wallets/dialog"> 414<meta id="in-context-paypal-metadata" data-shop-id="70036259056" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 415<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
415<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=5687279856"></script>
415 416<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
417<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=5687279856&shop_id=70036259056" crossorigin="anonymous"></script>
vendor: 1 bytes, line 417
417
418<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":70036259056,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/70036259056","merchantName":"mophie","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"mophie","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 418
418
419<script id="shopify-features" type="application/json">{"accessToken":"82d2d5da1196fea52531ea1963b84b4a","betas":["rich-media-storefront-analytics"],"domain":"www.mophie.com","predictiveSearch":true,"shopId":70036259056,"locale":"en"}</script>
vendor: 1 bytes, line 419
419
420<script>var Shopify = Shopify || {}; 421Shopify.shop = "mophiecharging.myshopify.com"; 422Shopify.locale = "en"; 423Shopify.currency = {"active":"USD","rate":"1.0"}; 424Shopify.country = "US"; 425Shopify.theme = {"name":"B2C-US-mophie.com-Shopify-Theme\/main","id":163174187248,"schema_name":"Concept","schema_version":"1.6.0","theme_store_id":null,"role":"main"}; 426Shopify.theme.handle = "null"; 427Shopify.theme.style = {"id":null,"handle":null}; 428Shopify.cdnHost = "www.mophie.com/cdn"; 429Shopify.routes = Shopify.routes || {}; 430Shopify.routes.root = "/"; 431Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 432Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 433Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 434Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 434
434
435<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 435
435
436<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 436
436
437<script> 438 window.ShopifyPay = window.ShopifyPay || {}; 439 window.ShopifyPay.apiHost = "shop.app\/pay"; 440 window.ShopifyPay.redirectState = null; 441</script>
vendor: 1 bytes, line 441
441
442<script> 443 window.Shopify = window.Shopify || {}; 444 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 445 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 446 window.Shopify.SignInWithShop.eligible = true; 447</script>
vendor: 1 bytes, line 447
447
448<script id="shop-js-analytics" type="application/json">{"pageType":"cart"}</script>
vendor: 1 bytes, line 448
448
449<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 449
449
450<script type="module"> 451 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 452 453 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 454 455</script>
vendor: 1 bytes, line 455
455
456<script> 457 window.Shopify = window.Shopify || {}; 458 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 459 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 460</script>
vendor: 1 bytes, line 460
460
461<script>(function() { 462 var isLoaded = false; 463 function asyncLoad() { 464 if (isLoaded) return; 465 isLoaded = true; 466 var urls = ["\/\/cdn.shopify.com\/proxy\/33b3a5fbdb94012bcbbb3aae37fd6854d2fdd24ca7c9893ba5ab73fdc00af851\/apps.bazaarvoice.com\/deployments\/mophie\/main_site\/production\/en_US\/bv.js?shop=mophiecharging.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/cdn.attn.tv\/mophie\/dtag.js?shop=mophiecharging.myshopify.com","https:\/\/cdn.attn.tv\/mophie\/dtag.js?shop=mophiecharging.myshopify.com","https:\/\/widgets.automizely.com\/returns\/main.js?shop=mophiecharging.myshopify.com"]; 467 for (var i = 0; i < urls.length; i++) { 468 var s = document.createElement('script'); 469 s.type = 'text/javascript'; 470 s.async = true; 471 s.src = urls[i]; 472 var x = document.getElementsByTagName('script')[0]; 473 x.parentNode.insertBefore(s, x); 474 } 475 }; 476 if(window.attachEvent) { 477 window.attachEvent('onload', asyncLoad); 478 } else { 479 window.addEventListener('load', asyncLoad, false); 480 } 481})();</script>
vendor: 1 bytes, line 481
481
482<script id="__st">var __st={"a":70036259056,"offset":-21600,"reqid":"cf4a9058-2c1a-412e-babe-d56de96c5ed3-1790857968","pageurl":"www.mophie.com\/cart","u":"a0c6769a186c","p":"cart"};</script>
vendor: 1 bytes, line 482
482
483<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 483
483
484<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 484
484
485<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.mophie.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 485
485
486<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.mophie.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
486<script crossorigin="anonymous" defer="defer" src="//www.mophie.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 486
486
487<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 487
487
488<script> 489 window.Shopify = window.Shopify || {}; 490 window.Shopify.MCP = window.Shopify.MCP || {}; 491 window.Shopify.MCP.enabled = true; 492 window.Shopify.MCP.shop = "mophiecharging.myshopify.com"; 493 window.Shopify.MCP.mcpEndpoint = "https:\/\/www.mophie.com\/api\/mcp"; 494 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 495</script>
vendor: 1 bytes, line 495
495
496<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/www.mophie.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 497</script>
vendor: 1 bytes, line 497
497
498<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.mophie.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 499</script>
vendor: 1 bytes, line 499
499
500<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 501 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 502</script>
vendor: 1 bytes, line 502
502
503<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 504</script>
504 505<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.mophie.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 506<style id="shopify-accelerated-checkout-cart"> 507 #shopify-buyer-consent { 508 margin-top: 1em; 509 display: inline-block; 510 width: 100%; 511} 512 513#shopify-buyer-consent.hidden { 514 display: none; 515} 516 517#shopify-subscription-policy-button { 518 background: none; 519 border: none; 520 padding: 0; 521 text-decoration: underline; 522 font-size: inherit; 523 cursor: pointer; 524} 525 526#shopify-subscription-policy-button::before { 527 box-shadow: none; 528} 529 530 </style> 531
532<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
532 533 534
534<script src="//www.mophie.com/cdn/shop/t/20/assets/vendor.js?v=36974529011275555061778716661" defer="defer"></script>
534 535
535<script src="//www.mophie.com/cdn/shop/t/20/assets/theme.js?v=162715868029525539441787688038" defer="defer"></script>
535<script> 536 document.documentElement.classList.replace('no-js', 'js'); 537 538 window.theme = window.theme || {}; 539 theme.routes = { 540 shop_url: 'https://www.mophie.com', 541 root_url: '/', 542 cart_url: '/cart', 543 cart_add_url: '/cart/add', 544 cart_change_url: '/cart/change', 545 cart_update_url: '/cart/update', 546 search_url: '/search', 547 predictive_search_url: '/search/suggest', 548 }; 549 550 theme.variantStrings = { 551 preOrder: "Pre-order", 552 addToCart: "Add to cart", 553 soldOut: "Sold Out", 554 unavailable: "Unavailable", 555 }; 556 557 theme.shippingCalculatorStrings = { 558 error: "One or more errors occurred while retrieving the shipping rates:", 559 notFound: "Sorry, we do not ship to your address.", 560 oneResult: "There is one shipping rate for your address:", 561 multipleResults: "There are multiple shipping rates for your address:", 562 }; 563 564 theme.recipientFormStrings = { 565 expanded: `Gift card recipient form expanded`, 566 collapsed: `Gift card recipient form collapsed`, 567 }; 568 569 theme.dateStrings = { 570 d: `d`, 571 day: `Day`, 572 days: `Days`, 573 h: `h`, 574 hour: `Hour`, 575 hours: `Hours`, 576 m: `m`, 577 minute: `Min`, 578 minutes: `Mins`, 579 s: `s`, 580 second: `Sec`, 581 seconds: `Secs`, 582 }; 583 584 theme.strings = { 585 recentlyViewedEmpty: "Your recently viewed is empty.", 586 close: "Close", 587 next: "Next", 588 previous: "Previous", 589 qrImageAlt: "QR code â scan to redeem gift card" 590 }; 591 theme.settings = { 592 cartType: "drawer", 593 isCartTemplate: true, 594 pswpModule: "\/\/www.mophie.com\/cdn\/shop\/t\/20\/assets\/photoswipe.min.js?v=41760041872977459911778716660", 595 themeName: 'Concept', 596 themeVersion: '1.6.0', 597 agencyId: '' 598 };</script>
598 599<!-- BEGIN app block: shopify://apps/attentive/blocks/attn-tag/8df62c72-8fe4-407e-a5b3-72132be30a0d -->
599<script type="text/javascript" src="https://rhbjp.mophie.com/mophie/load" onerror=" var fallbackScript = document.createElement('script'); fallbackScript.src = 'https://cdn.attn.tv/mophie/dtag.js'; document.head.appendChild(fallbackScript);" data-source="loaded?source=app-embed" defer="defer"></script>
599 600 601 602<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
603<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 70036259056,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "cart"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 603
603
604<script> 605 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 606</script>
vendor: 1 bytes, line 606
606
607<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
607).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 70036259056,storefrontBaseUrl: "https://www.mophie.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.mophie.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2818179312","configuration":"{\"siteId\":\"at2n4s\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"312bab8f0eaa1e8546f7d95e88065afa","type":"APP","apiClientId":12202,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2708963568","configuration":"{\"hashed_organization_id\":\"78c380a7bd9d4e9a42acacaf0d0274ca_v1\",\"app_key\":\"mophiecharging\",\"allow_collect_personal_data\":\"true\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"01efe7afb13dafa90bc1421b50b2a3ed","type":"APP","apiClientId":111542,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2563277040","configuration":"{\"pixel_id\":\"594935577578705\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2548957424","configuration":"{\"env\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"8a9a175b11d15038a70fe78d09c59720","type":"APP","apiClientId":397
6077633,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2548596976","configuration":"{\"pixelId\":\"ab2c24a6-351f-451a-802a-6ec23d4b61a1\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c119f01612c13b62ab52809eb08154bb","type":"APP","apiClientId":2556259,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2500559088","configuration":"{\"ti\":\"259126212\",\"endpoint\":\"https:\/\/bat.bing.com\/action\/0\",\"tagIds\":\"[\\\"-1\\\"]\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"58a904981d2724b937c16718aa2f1aee","type":"APP","apiClientId":2997493,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2470478064","configuration":"{\"customerId\":\"117649328\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8b4bfd0ee3324ea8bd7b438fa2acc48a","type":"APP","apiClientId":11929976833,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2424537328","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-04XKLH4KLW\\\",\\\"AW-18163438881\\\",\\\"GT-WRFBQ2XK\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-04XKLH4KLW\\\",\\\"AW-18163438881\\\/wickCMX-zK0cEKGqgNVD\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-04XKLH4KLW\\\",\\\"AW-18163438881\\\/Z3coCKLi5K0cEKGqgNVD\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-04XKLH4KLW\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-04XKLH4KLW\\\",\\\"AW-18163438881\\\/NansCJ_i5K0cEKGqgNVD\\\",\\\"MC-JG1C5NY0VF\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-04XKLH4KLW\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-04XKLH4KLW\\\",\\\"AW-18163438881\\\/uRkaCML-zK0cEKGqgNVD\\\",\\\"MC-JG1C5NY0VF\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-04XKLH4KLW\\\",\\\"AW-18163438881\\\/drv6CMv-zK0cEKGqgNVD\\\",\\\"MC-JG1C5NY0VF\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-04XKLH4KLW\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-04XKLH4KLW\\\",\\\"AW-18163438881\\\/O8xuCKXi5K0cEKGqgNVD\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-04XKLH4KLW\\\",\\\"AW-18163438881\\\/YqKECMj-zK0cEKGqgNVD\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-04XKLH4KLW\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"299270384","configuration":"{\"locale\":\"en_US\",\"client\":\"mophie\",\"environment\":\"production\",\"deployment_zone\":\"main_site\",\"use_external_ids\":\"false\",\"use_variants\":\"false\",\"external_id_attribute\":\"default\",\"storefront_api_key\":\"none\",\"product_metafield_key\":\"none\",\"product_metafield_namespace\":\"none\",\"multi_locale_enabled\":\"false\",\"locale_mapping\":\"{}\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"bf601cbef12079fa1ab77422415f1989","type":"APP","apiClientId":1888040,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"}
607,{"id":"156434672","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"UET tag","dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"156860656","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"4","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"GTM Checkout Pixel","dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"mophie","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"mophiecharging.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.mophie.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://www.mophie.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"163174187248","themePublished":"true","eventMetadataId":"0b0e4bee-d5a4-4711-b32d-d886dfb9de51","pageType":"cart","shopId":"70036259056","storefrontBaseUrl":"https:\/\/www.mophie.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
607<script> 608 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 609 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 610 window.ShopifyAnalytics.meta.currency = 'USD'; 611 var meta = {"page":{"pageType":"cart","requestId":"cf4a9058-2c1a-412e-babe-d56de96c5ed3-1790857968"}}; 612 for (var attr in meta) { 613 window.ShopifyAnalytics.meta[attr] = meta[attr]; 614 } 615</script>
vendor: 1 bytes, line 615
615
616<script class="analytics"> 617 (function () { 618 var customDocumentWrite = function(content) { 619 var jquery = null; 620 621 if (window.jQuery) { 622 jquery = window.jQuery; 623 } else if (window.Checkout && window.Checkout.$) { 624 jquery = window.Checkout.$; 625 } 626 627 if (jquery) { 628 jquery('body').append(content); 629 } 630 }; 631 632 var hasLoggedConversion = function(token) { 633 if (token) { 634 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 635 } 636 return false; 637 } 638 639 var setCookieIfConversion = function(token) { 640 if (token) { 641 var twoMonthsFromNow = new Date(Date.now()); 642 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 643 644 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 645 } 646 } 647 648 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 649 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 650 if (trekkie.integrations) { 651 return; 652 } 653 trekkie.methods = [ 654 'identify', 655 'page', 656 'ready', 657 'track', 658 'trackForm', 659 'trackLink' 660 ]; 661 trekkie.factory = function(method) { 662 return function() { 663 var args = Array.prototype.slice.call(arguments); 664 args.unshift(method); 665 trekkie.push(args); 666 if (method == 'track' || method == 'page') { 667 var pageUrl; 668 try { 669 pageUrl = window.location.href; 670 } catch (e) {} 671 var pageReferrer; 672 try { 673 pageReferrer = document.referrer; 674 } catch (e) {} 675 try { 676 if (window.__TREKKIE_SHIM_QUEUE == null) { 677 window.__TREKKIE_SHIM_QUEUE = []; 678 } 679 window.__TREKKIE_SHIM_QUEUE.push({ 680 from: 'trekkie-stub', 681 method: method, 682 args: args.slice(1), 683 pageContext: { 684 url: pageUrl, 685 referrer: pageReferrer 686 } 687 }); 688 } catch (e) { 689 // no-op 690 } 691 } 692 return trekkie; 693 }; 694 }; 695 for (var i = 0; i < trekkie.methods.length; i++) { 696 var key = trekkie.methods[i]; 697 trekkie[key] = trekkie.factory(key); 698 } 699 trekkie.load = function(config) { 700 trekkie.config = config || {}; 701 trekkie.config.initialDocumentCookie = document.cookie; 702 var first = document.getElementsByTagName('script')[0]; 703var script = document.createElement('script'); 704script.type = 'text/javascript'; 705script.onerror = function(e) { 706 var scriptFallback = document.createElement('script'); 707 scriptFallback.type = 'text/javascript'; 708 scriptFallback.onerror = function(error) { 709 var Monorail = { 710 produce: function produce(monorailDomain, schemaId, payload) { 711 var currentMs = new Date().getTime(); 712 var event = { 713 schema_id: schemaId, 714 payload: payload, 715 metadata: { 716 event_created_at_ms: currentMs, 717 event_sent_at_ms: currentMs 718 } 719 }; 720 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 721 }, 722 sendRequest: function sendRequest(endpointUrl, payload) { 723 // Try the sendBeacon API 724 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 725 var blobData = new window.Blob([payload], { 726 type: 'text/plain' 727 }); 728 729 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 730 return true; 731 } // sendBeacon was not successful 732 733 } // XHR beacon 734 735 var xhr = new XMLHttpRequest(); 736 737 try { 738 xhr.open('POST', endpointUrl); 739 xhr.setRequestHeader('Content-Type', 'text/plain'); 740 xhr.send(payload); 741 } catch (e) { 742 console.log(e); 743 } 744 745 return false; 746 }, 747 isIos12: function isIos12() { 748 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 749 } 750 }; 751 Monorail.produce('monorail-edge.shopifysvc.com', 752 'trekkie_storefront_load_errors/1.1', 753 {shop_id: 70036259056, 754 theme_id: 163174187248, 755 app_name: "storefront", 756 context_url: window.location.href, 757 source_url: "//www.mophie.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 758 759 }; 760 scriptFallback.async = true; 761 scriptFallback.src = '//www.mophie.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 762 first.parentNode.insertBefore(scriptFallback, first); 763}; 764script.async = true; 765script.src = '//www.mophie.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 766first.parentNode.insertBefore(script, first); 767 768 }; 769 trekkie.load( 770 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":70036259056,"isMerchantRequest":null,"themeId":163174187248,"themeCityHash":"13560504850697990211","contentLanguage":"en","currency":"USD","eventMetadataId":"0b0e4bee-d5a4-4711-b32d-d886dfb9de51"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 771 ); 772 773 var loaded = false;
774 trekkie.ready(function() { 775 if (loaded) return; 776 loaded = true; 777 778 window.ShopifyAnalytics.lib = window.trekkie; 779 780 var originalDocumentWrite = document.write; 781 document.write = customDocumentWrite; 782 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 783 document.write = originalDocumentWrite; 784 785 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 786 var token = match? match[1]: undefined; 787 if (!hasLoggedConversion(token)) { 788 setCookieIfConversion(token); 789 790 } 791 }); 792 793 window.ShopifyAnalytics.lib.page(null,{"pageType":"cart","requestId":"cf4a9058-2c1a-412e-babe-d56de96c5ed3-1790857968","shopifyEmitted":true}); 794 795 var eventsListenerScript = document.createElement('script'); 796 eventsListenerScript.async = true; 797 eventsListenerScript.src = "//www.mophie.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 798 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 799})();</script>
vendor: 1 bytes, line 799
799
800<script 801 defer 802 src="https://www.mophie.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 803 data-application="storefront-renderer" 804 data-shop-id="70036259056" 805 data-render-region="gcp-us-central1" 806 data-page-type="cart" 807 data-theme-instance-id="163174187248" 808 data-theme-name="Concept" 809 data-theme-version="1.6.0" 810 data-monorail-region="shop_domain" 811 data-resource-timing-sampling-rate="10" 812 data-shs="true" 813 data-shs-beacon="true" 814 data-shs-export-with-fetch="true" 815 data-shs-logs-sample-rate="1" 816 data-shs-beacon-endpoint="https://www.mophie.com/api/collect" 817></script>
817 818<meta name="shopify-y" content="5da790d5-27c0-4a56-87d5-109330f30930" data-expiration="1822415568000"><meta name="shopify-s" content="f847bae4-53f5-4514-ad3e-1c8485220ca6" data-expiration="1790859768000"><meta name="new-cookie-storage-activated" content="t"> 819</head> 820 821<body class="template-cart" data-rounded-button="round" data-rounded-input="round-slight" data-rounded-block="round" data-button_hover="none" data-lazy-image data-title-animation data-page-rendering>
vendor: 73 bytes, lines 821-823
821 822 823 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
823GTM-WJS998G6
vendor: 91 bytes, lines 823-827
823" 824 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 825 826 827
827<a class="sr-only skip-link" href="#MainContent">Skip to content</a><loading-bar class="loading-bar fixed top-0 left-0 w-full h-full overflow-hidden pointer-events-none"><svg class="icon icon-spinner icon-lg absolute animate-spin" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> 828 <path stroke-linecap="round" stroke-linejoin="round" d="M2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2"></path> 829 </svg></loading-bar> 830<mouse-cursor class="mouse-cursor z-35 fixed select-none flex items-center justify-center pointer-events-none rounded-full"> 831 <svg class="icon icon-cursor" stroke="currentColor" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> 832 <path d="M10 30L30 10M10 10L30 30" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path> 833 </svg> 834</mouse-cursor> 835<!-- BEGIN sections: header-group --> 836<div id="shopify-section-sections--22739361988848__announcement-bar" class="shopify-section shopify-section-group-header-group topbar-section"><style data-shopify>:root {--topbar-height: var(--sp-12);} 837 838 @media screen and (min-width: 1536px) { 839 :root {--topbar-height: var(--sp-14);} 840 } 841 842 #shopify-section-sections--22739361988848__announcement-bar { 843 --gradient-background: #000000; 844 --color-background: 0 0 0; 845 --color-foreground: 250 250 250; 846 --color-highlight: 255 221 191; 847 }</style><div class="topbar topbar--center topbar--only page-width page-width--full section section--rounded relative grid py-0 h-full w-full items-center"><div class="announcement-bar h-full flex justify-center lg:justify-center relative"> 848 <announcement-bar id="Slider-sections--22739361988848__announcement-bar" class="announcement__slides flex justify-center w-full h-full flickity" autoplay autoplay-speed="4"><div class="announcement__slide flex h-full" ><a class="announcement__content flex items-center gap-2" href="#"><span class="announcement-icon hidden md:block"><svg class="icon icon-truck icon-xs stroke-1" viewBox="0 0 16 16" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> 849 <path d="M6.66675 12.6667H9.33342M6.66675 12.6667C6.66675 13.7712 5.77132 14.6667 4.66675 14.6667C3.56218 14.6667 2.66675 13.7712 2.66675 12.6667M6.66675 12.6667C6.66675 11.5621 5.77132 10.6667 4.66675 10.6667C3.56218 10.6667 2.66675 11.5621 2.66675 12.6667M9.33342 12.6667C9.33342 13.7712 10.2288 14.6667 11.3334 14.6667C12.438 14.6667 13.3334 13.7712 13.3334 12.6667M9.33342 12.6667C9.33342 11.5621 10.2288 10.6667 11.3334 10.6667C12.438 10.6667 13.3334 11.5621 13.3334 12.6667M13.3334 12.6667V12.6667C14.438 12.6667 15.3334 11.7712 15.3334 10.6667V4.53334C15.3334 3.41324 15.3334 2.85319 15.1154 2.42536C14.9237 2.04904 14.6177 1.74308 14.2414 1.55133C13.8136 1.33334 13.2535 1.33334 12.1334 1.33334H10.3334C9.40153 1.33334 8.93559 1.33334 8.56805 1.48558C8.07799 1.68857 7.68864 2.07792 7.48566 2.56798C7.33342 2.93552 7.33342 3.40146 7.33342 4.33334V4.33334C7.33342 5.26523 7.33342 5.73117 7.18117 6.09871C6.97819 6.58877 6.58884 6.97811 6.09878 7.1811C5.73124 7.33334 5.2653 7.33334 4.33341 7.33334H1.00008M2.66675 12.6667V12.6667C2.20176 12.6667 1.96927 12.6667 1.77852 12.6156C1.26088 12.4769 0.85656 12.0725 0.717859 11.5549C0.666748 11.3642 0.666748 11.1317 0.666748 10.6667V8.86795C0.666748 8.44463 0.666748 8.23297 0.688385 8.0258C0.734513 7.58411 0.853872 7.15318 1.04157 6.7507C1.1296 6.56192 1.2385 6.38042 1.4563 6.01743V6.01743C1.78307 5.47281 1.94646 5.20049 2.14753 4.97976C2.57779 4.50743 3.14762 4.18479 3.77402 4.05886C4.06674 4.00001 4.38431 4.00001 5.01944 4.00001H7.33342" stroke-linecap="round" stroke-linejoin="round"/> 850 </svg></span><p class="announcement-text leading-tight"> 851Free Standard Shipping</p></a></div><div class="announcement__slide flex h-full" aria-hidden="true" ><a class="announcement__content flex items-center gap-2" href="/collections/power-banks"><span class="announcement-icon hidden md:block"><svg class="icon icon-file_text icon-xs stroke-1" viewBox="0 0 16 16" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> 852 <path d="M9.33342 1.66668V3.73336C9.33342 4.29342 9.33342 4.57344 9.44241 4.78735C9.53828 4.97552 9.69126 5.1285 9.87942 5.22437C10.0933 5.33336 10.3734 5.33336 10.9334 5.33336H13.0001M6.00008 8.00001H10.0001M6.00008 10.6667H8.66675M13.3334 6.6549V11.4667C13.3334 12.5868 13.3334 13.1468 13.1154 13.5747C12.9237 13.951 12.6177 14.2569 12.2414 14.4487C11.8136 14.6667 11.2535 14.6667 10.
8521334 14.6667H5.86675C4.74664 14.6667 4.18659 14.6667 3.75877 14.4487C3.38244 14.2569 3.07648 13.951 2.88474 13.5747C2.66675 13.1468 2.66675 12.5868 2.66675 11.4667V4.53334C2.66675 3.41324 2.66675 2.85319 2.88474 2.42536C3.07648 2.04904 3.38244 1.74308 3.75877 1.55133C4.18659 1.33334 4.74664 1.33334 5.86675 1.33334H8.01185C8.74563 1.33334 9.11251 1.33334 9.45778 1.41623C9.76389 1.48972 10.0565 1.61094 10.3249 1.77542C10.6277 1.96095 10.8871 2.22038 11.406 2.73923L11.9275 3.26079C12.4464 3.77964 12.7058 4.03907 12.8913 4.34182C13.0558 4.61024 13.177 4.90287 13.2505 5.20898C13.3334 5.55424 13.3334 5.92113 13.3334 6.6549Z" stroke-linecap="round" stroke-linejoin="round"/> 853 </svg></span><p class="announcement-text leading-tight"> 85420+ Years in Power Solutions.</p></a></div><div class="announcement__slide flex h-full" aria-hidden="true" ><a class="announcement__content flex items-center gap-2" href="/collections/all"><p class="announcement-text leading-tight"> 855Designed in California.</p></a></div></announcement-bar><button type="button" is="previous-button" class="fader left relative flex items-center justify-start h-full" aria-controls="Slider-sections--22739361988848__announcement-bar" aria-label="Previous"> 856 <svg class="icon icon-arrow-left icon-xs transform" viewBox="0 0 15 14" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> 857 <path stroke-linecap="round" stroke-linejoin="round" d="M6.33333 2.91675L2.25 7.00004M2.25 7.00004L6.33333 11.0834M2.25 7.00004H12.75"></path> 858 </svg> 859 </button> 860 <button type="button" is="next-button" class="fader right relative flex items-center justify-end h-full" aria-controls="Slider-sections--22739361988848__announcement-bar" aria-label="Next"> 861 <svg class="icon icon-arrow-right icon-xs transform" viewBox="0 0 15 14" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> 862 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 7.00004H12.75M12.75 7.00004L8.66667 2.91675M12.75 7.00004L8.66667 11.0834"></path> 863 </svg> 864 </button><button 865 type="button" 866 class="slideshow-control flex items-center justify-center rounded-full sr-only" 867 is="control-button" 868 aria-controls="Slider-sections--22739361988848__announcement-bar" 869 aria-live="polite" 870 > 871 <span class="slideshow-control__pause"><svg class="icon icon-pause icon-md" viewBox="0 0 36 36" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> 872 <path stroke-linecap="round" stroke-width="6" d="M9 4V32"></path> 873 <path stroke-linecap="round" stroke-width="6" d="M27 4V32"></path> 874 </svg><span class="sr-only">Pause slideshow</span> 875 </span> 876 <span class="slideshow-control__play"><svg class="icon icon-play icon-md" viewBox="0 0 36 36" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 877 <path d="M34 17.5006C34 18.3302 33.5707 19.0963 32.8683 19.5206L9.535 33.6629C9.164 33.8869 8.74867 34 8.33333 34C7.93667 34 7.54 33.8986 7.183 33.6936C6.45267 33.274 6 32.4915 6 31.6429V3.35817C6 2.50962 6.45267 1.72708 7.183 1.30752C7.91333 0.885606 8.814 0.899749 9.535 1.33816L32.8683 15.4805C33.5707 15.9048 34 16.6709 34 17.5006"></path> 878 </svg><span class="sr-only">Play slideshow</span> 879 </span> 880 </button></div></div> 881 882 883</div><div id="shopify-section-sections--22739361988848__header" class="shopify-section shopify-section-group-header-group header-section"><style data-shopify>#shopify-section-sections--22739361988848__header { 884 --section-padding-top: 32px; 885 --section-padding-bottom: 30px; 886 --color-background: 23 23 23; 887 --color-foreground: 255 255 255; 888 --color-transparent: 255 255 255; 889 } 890 891 /* Inline header search */ 892 #shopify-section-sections--22739361988848__header .header__search { 893 grid-area: search; 894 display: none; 895 opacity: 0; 896 transform: translateY(calc(var(--sp-1) * -1)); 897 transition: opacity var(--animation-fast), transform var(--animation-fast); 898 } 899 900 #shopify-section-sections--22739361988848__header .header--search-open .header__search { 901 display: flex; 902 align-self: center; 903 height: 0; 904 } 905 906 #shopify-section-sections--22739361988848__header .header--search-visible .header__search { 907 opacity: 1; 908 transform: none; 909 } 910 911 @media (prefers-reduced-motion: reduce) { 912 #shopify-section-sections--22739361988848__header .header__search { 913 transition-duration: 0s; 914 } 915 } 916 917 #shopify-section-sections--22739361988848__header .header--search-open .header__navigation, 918 #shopify-section-sections--22739361988848__header .header--search-open .search-drawer-button { 919 display: none; 920 } 921 922 @media screen and (max-width: 1279px) { 923 #shopify-section-sections--22739361988848__header .header--search-open { 924 --header-grid-template: "tools search icons" /auto minmax(0, 1fr) auto; 925 } 926 927 #shopify-section-sections--22739361988848__header .header--search-open .header__logo { 928 display: none; 929 } 930 } 931 932 @media screen and (min-width: 1280px) { 933 #shopify-section-sections--22739361988848__header .header--search-open { 934 --header-grid-template: "logo search icons" /auto minmax(0, 1fr) auto; 935 } 936 } 937 938 #shopify-section-sections--22739361988848__header .header__search .input { 939 --input-height: var(--sp-11); 940 --input-padding-inline: var(--sp-5); 941 --inputs-radius: var(--rounded-full); 942 --inputs-border-width: 0px; 943 padding-inline-end: var(--sp-12); 944 /* Uses the fixed font for inputs. original font as fallback */ 945 font-family: "area-normal-fixed", area-normal, inter, "helvetica neue", sans-serif; 946 line-height: normal; 947 font-weight: var(--font-medium); 948 color: rgb(var(--color-background)); 949 background-color: rgb(var(--color-foreground)); 950 } 951 952 #shopify-section-sections--22739361988848__header .header__search .input:focus, 953 #shopify-section-sections--22739361988848__header .header__search .input:hover { 954 box-shadow: none; 955 outline: none; 956 background-color: rgb(var(--color-foreground)); 957 } 958 959 #shopify-section-sections--22739361988848__header .header__search .input::placeholder { 960 color: rgb(var(--color-background) / 0.5); 961 } 962 963 #shopify-section-sections--22739361988848__header .header__search .input::-webkit-search-cancel-button, 964 #shopify-section-sections--22739361988848__header .header__search .input::-webkit-search-decoration { 965 display: none; 966 } 967 968 #shopify-section-sections--22739361988848__header .header__search-submit { 969 inset-block: 0; 970 inset-inline-end: var(--sp-4); 971 color: rgb(var(--color-background)); 972 } 973 974 @media screen and (min-width: 1280px) { 975 #shopify-section-sections--22739361988848__header .header__search .input { 976 --input-height: var(--sp-13); 977 --input-padding-inline: var(--sp-7); 978 padding-inline-end: var(--sp-14); 979 } 980 981 #shopify-section-sections--22739361988848__header .header__search-submit { 982 inset-inline-end: var(--sp-6); 983 } 984 }</style><menu-drawer id="MenuDrawer" class="menu-drawer drawer drawer--start z-30 fixed bottom-0 left-0 h-full w-full pointer-events-none" 985 data-section-id="sections--22739361988848__header" 986 hidden 987>
988 <overlay-element class="overlay fixed-modal invisible opacity-0 fixed bottom-0 left-0 w-full h-screen pointer-events-none" aria-controls="MenuDrawer" aria-expanded="false"></overlay-element> 989 <div class="drawer__inner z-10 absolute top-0 flex flex-col w-full h-full overflow-hidden"> 990 <gesture-element class="drawer__header flex items-center justify-between opacity-0 invisible relative"> 991 <span class="drawer__title heading lg:text-3xl text-2xl leading-none tracking-tight"></span> 992 <button class="button button--secondary button--close drawer__close hidden sm:flex items-center justify-center" type="button" is="hover-button" aria-controls="MenuDrawer" aria-expanded="false" aria-label="Close"> 993 <span class="btn-fill" data-fill></span> 994 <span class="btn-text"><svg class="icon icon-close icon-sm" viewBox="0 0 20 20" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> 995 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15L15 5M5 5L15 15"></path> 996 </svg></span> 997 </button> 998 </gesture-element> 999 <div class="drawer__content opacity-0 invisible flex flex-col h-full grow shrink"> 1000 <nav class="relative grow overflow-hidden" role="navigation"> 1001 <ul class="drawer__scrollable drawer__menu relative w-full h-full" role="list" data-parent><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/iphone-18-charging-essentials">iPhone 18</a></li><li><details is="menu-details"> 1002 <summary class="drawer__menu-item block heading text-2xl leading-none tracking-tight cursor-pointer relative" aria-expanded="false">Charging Stations</summary> 1003 <div class="drawer__submenu z-1 absolute top-0 left-0 flex flex-col w-full h-full" data-parent> 1004 <button type="button" class="tracking-tight heading text-base shrink-0 flex items-center gap-3 w-full">Charging Stations</button> 1005 <ul class="drawer__scrollable flex flex-col h-full"><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/wireless-chargers/Desktop">Wireless Charging Stations</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/wireless-travel-chargers">Portable Travel Chargers</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/products/max-headphones-charging-stand">AirPods Max Charging Stand</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/wireless-chargers">Shop All</a></li></ul> 1006 </div> 1007</details> 1008</li><li><details is="menu-details"> 1009 <summary class="drawer__menu-item block heading text-2xl leading-none tracking-tight cursor-pointer relative" aria-expanded="false">Power Banks</summary> 1010 <div class="drawer__submenu z-1 absolute top-0 left-0 flex flex-col w-full h-full" data-parent> 1011 <button type="button" class="tracking-tight heading text-base shrink-0 flex items-center gap-3 w-full">Power Banks</button> 1012 <ul class="drawer__scrollable flex flex-col h-full"><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/slim-powerstation-wireless-power-banks">Magnetic Wireless</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/integrated-cables">Integrated Cables</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/traditional">Traditional</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/power-banks">Shop All Power Banks</a></li></ul> 1013 </div> 1014</details> 1015</li><li><details is="menu-details"> 1016 <summary class="drawer__menu-item block heading text-2xl leading-none tracking-tight cursor-pointer relative" aria-expanded="false">Juice Packs</summary> 1017 <div class="drawer__submenu z-1 absolute top-0 left-0 flex flex-col w-full h-full" data-parent> 1018 <button type="button" class="tracking-tight heading text-base shrink-0 flex items-center gap-3 w-full">Juice Packs</button> 1019 <ul class="drawer__scrollable flex flex-col h-full"><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/juice-pack/iPhone-17-Series">iPhone 17 Series</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/juice-pack/iPhone-16-Series">iPhone 16 Series</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/juice-pack/iPhone-15-Series">iPhone 15 Series</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/phone-cases">Shop All Cases</a></li></ul> 1020 </div> 1021</details> 1022</li><li>
1022<details is="menu-details"> 1023 <summary class="drawer__menu-item block heading text-2xl leading-none tracking-tight cursor-pointer relative" aria-expanded="false">Power Essentials</summary> 1024 <div class="drawer__submenu z-1 absolute top-0 left-0 flex flex-col w-full h-full" data-parent> 1025 <button type="button" class="tracking-tight heading text-base shrink-0 flex items-center gap-3 w-full">Power Essentials</button> 1026 <ul class="drawer__scrollable flex flex-col h-full"><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/cables">Cables</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/wall-chargers">Wall Chargers</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/car-chargers">Car Adapters</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/charging-essentials">Shop All</a></li></ul> 1027 </div> 1028</details> 1029</li><li><details is="menu-details"> 1030 <summary class="drawer__menu-item block heading text-2xl leading-none tracking-tight cursor-pointer relative" aria-expanded="false">Collections</summary> 1031 <div class="drawer__submenu z-1 absolute top-0 left-0 flex flex-col w-full h-full" data-parent> 1032 <button type="button" class="tracking-tight heading text-base shrink-0 flex items-center gap-3 w-full">Collections</button> 1033 <ul class="drawer__scrollable flex flex-col h-full"><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/mlb">MLB</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/pages/oracle-redbull-racing">Oracle Redbull Racing</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/gallery">mophie Gallery</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/apple-collection">Made for Apple</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/collections/travel-collection">Made to Travel</a></li></ul> 1034 </div> 1035</details> 1036</li><li><details is="menu-details"> 1037 <summary class="drawer__menu-item block heading text-2xl leading-none tracking-tight cursor-pointer relative" aria-expanded="false">About</summary> 1038 <div class="drawer__submenu z-1 absolute top-0 left-0 flex flex-col w-full h-full" data-parent> 1039 <button type="button" class="tracking-tight heading text-base shrink-0 flex items-center gap-3 w-full">About</button> 1040 <ul class="drawer__scrollable flex flex-col h-full"><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/pages/our-story">About Us</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/blogs/news">Stories</a></li><li><a class="drawer__menu-item block heading text-2xl leading-none tracking-tight" href="/pages/magnetic-charging">Magnetic & Qi2 Charging</a></li></ul> 1041 </div> 1042</details> 1043</li></ul> 1044 </nav> 1045 <div class="drawer__footer grid w-full"><div class="drawer__footer-bottom flex items-center justify-between gap-6"><a href="https://www.mophie.com/customer_authentication/redirect?locale=en®ion_country=US" class="button button--primary icon-with-text" is="hover-link"> 1046 <span class="btn-fill" data-fill></span> 1047 <span class="btn-text"><svg class="icon icon-account-alt icon-xs" viewBox="0 0 16 17" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> 1048 <rect width="6.5" height="6.5" x="4.75" y="1.917" rx="3.25"></rect> 1049 <path stroke-linecap="round" d="M8 10.834c1 0 2.667.222 3 .333.333.11 2.467.533 3 1.333.667 1 .667 1.334.667 2.667M8 10.834c-1 0-2.667.222-3 .333-.333.11-2.467.533-3 1.333-.667 1-.667 1.334-.667 2.667"></path> 1050 </svg>Login</span> 1051 </a></div> 1052 </div> 1053 </div> 1054 </div> 1055</menu-drawer> 1056<header data-section-id="sections--22739361988848__header" class="header header--left-center mobile:header--center page-width page-width--full section section--padding grid items-center z-20 relative w-full" is="sticky-header" data-sticky-type="always"><div class="header__icons header__icons--start flex justify-start z-2"> 1057 <div class="header__buttons flex items-center gap-1d5"><a href="/search" class="search-drawer-button flex items-center justify-center" is="magnet-link" aria-controls="HeaderSearchInput-sections--22739361988848__header" aria-expanded="false" data-header-search-toggle>
1058 <span class="sr-only">Search</span><svg class="icon icon-search icon-lg" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> 1059 <path stroke-linecap="round" d="m21 21-3.636-3.636m0 0A9 9 0 1 0 4.636 4.636a9 9 0 0 0 12.728 12.728Z"></path> 1060 </svg></a><button class="menu-drawer-button flex items-center justify-center" type="button" is="magnet-button" aria-controls="MenuDrawer" aria-expanded="false"> 1061 <span class="sr-only">Site navigation</span><svg class="icon icon-hamburger icon-lg" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> 1062 <path stroke-linecap="round" d="M3 6H21M3 12H11M3 18H16"></path> 1063 </svg></button></div> 1064</div> 1065<div class="header__logo flex justify-center z-2" itemscope itemtype="http://schema.org/Organization"><a 1066 href="/" 1067 itemprop="url" 1068 class="header__logo-link has-white-logo flex items-center relative" 1069 > 1070 <span class="sr-only">mophie</span><img src="//www.mophie.com/cdn/shop/files/mophie-wordmark-white.png?v=1719509970&width=391" alt="" srcset="//www.mophie.com/cdn/shop/files/mophie-wordmark-white.png?v=1719509970&width=130 130w, //www.mophie.com/cdn/shop/files/mophie-wordmark-white.png?v=1719509970&width=260 260w" width="391" height="96" loading="eager" sizes="130px" style="max-height: 31.918158567774935px;max-width: 130px;" itemprop="logo" is="lazy-image" class="logo hidden md:block"><img src="//www.mophie.com/cdn/shop/files/mophie-wordmark-white.png?v=1719509970&width=391" alt="" srcset="//www.mophie.com/cdn/shop/files/mophie-wordmark-white.png?v=1719509970&width=120 120w, //www.mophie.com/cdn/shop/files/mophie-wordmark-white.png?v=1719509970&width=240 240w" width="391" height="96" loading="eager" sizes="120px" style="max-height: 29.462915601023017px;max-width: 120px;" itemprop="logo" is="lazy-image" class="logo md:hidden"><img src="//www.mophie.com/cdn/shop/files/mophie-wordmark-white.png?v=1719509970&width=391" alt="" srcset="//www.mophie.com/cdn/shop/files/mophie-wordmark-white.png?v=1719509970&width=130 130w, //www.mophie.com/cdn/shop/files/mophie-wordmark-white.png?v=1719509970&width=260 260w" width="391" height="96" loading="eager" sizes="130px" style="max-height: 31.918158567774935px;max-width: 130px;" itemprop="logo" is="lazy-image" class="white-logo hidden md:block absolute"><img src="//www.mophie.com/cdn/shop/files/mophie-wordmark-white.png?v=1719509970&width=391" alt="" srcset="//www.mophie.com/cdn/shop/files/mophie-wordmark-white.png?v=1719509970&width=120 120w, //www.mophie.com/cdn/shop/files/mophie-wordmark-white.png?v=1719509970&width=240 240w" width="391" height="96" loading="eager" sizes="120px" style="max-height: 29.462915601023017px;max-width: 120px;" itemprop="logo" is="lazy-image" class="white-logo md:hidden absolute"></a></div><div class="header__navigation hidden xl:flex lg:gap-5 lg:justify-start"> 1071 <nav class="header__menu hidden lg:flex" role="navigation" aria-label="Primary"><ul class="flex flex-wrap list-menu with-block"><li> 1072 <a href="/collections/iphone-18-charging-essentials" class="menu__item text-sm-lg flex items-center font-medium z-2 relative cursor-pointer" is="magnet-link" data-magnet="0"> 1073 <span class="btn-text" data-text>iPhone 18</span><span class="btn-text btn-duplicate">iPhone 18</span></a> 1074 </li><li> 1075 <details is="details-dropdown" trigger="hover" level="top"> 1076 <summary data-link="/collections/wireless-chargers/Desktop"> 1077 <magnet-element class="menu__item text-sm-lg flex items-center font-medium z-2 relative cursor-pointer" data-magnet="0"> 1078 <span class="btn-text" data-text>Charging Stations</span><span class="btn-text btn-duplicate">Charging Stations</span></magnet-element> 1079 </summary> 1080 <div class="dropdown opacity-0 invisible absolute top-0 max-w-full pointer-events-none"> 1081 <div class="dropdown__container relative"><span class="dropdown__corner corner left top flex absolute pointer-events-none">
1082 <svg class="w-full h-auto" viewBox="0 0 101 101" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 1083 <path fill-rule="evenodd" clip-rule="evenodd" d="M101 0H0V101H1C1 45.7715 45.7715 1 101 1V0Z"></path> 1084 <path d="M1 101C1 45.7715 45.7715 1 101 1" fill="none"></path> 1085 </svg> 1086</span> 1087<span class="dropdown__corner corner right top flex absolute pointer-events-none"> 1088 <svg class="w-full h-auto" viewBox="0 0 101 101" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 1089 <path fill-rule="evenodd" clip-rule="evenodd" d="M101 0H0V101H1C1 45.7715 45.7715 1 101 1V0Z"></path> 1090 <path d="M1 101C1 45.7715 45.7715 1 101 1" fill="none"></path> 1091 </svg> 1092</span><ul class="dropdown__nav grid gap-1d5 xl:gap-2" role="list"><li class="opacity-0"> 1093 <p> 1094 <a href="/collections/wireless-chargers/Desktop" class="reversed-link text-sm-base">Wireless Charging Stations</a> 1095 </p> 1096 </li><li class="opacity-0"> 1097 <p> 1098 <a href="/collections/wireless-travel-chargers" class="reversed-link text-sm-base">Portable Travel Chargers</a> 1099 </p> 1100 </li><li class="opacity-0"> 1101 <p> 1102 <a href="/products/max-headphones-charging-stand" class="reversed-link text-sm-base">AirPods Max Charging Stand</a> 1103 </p> 1104 </li><li class="opacity-0"> 1105 <p> 1106 <a href="/collections/wireless-chargers" class="reversed-link text-sm-base">Shop All</a> 1107 </p> 1108 </li></ul> 1109 </div> 1110 </div> 1111 </details> 1112 </li><li> 1113 <details is="details-dropdown" trigger="hover" level="top"> 1114 <summary data-link="/collections/power-banks"> 1115 <magnet-element class="menu__item text-sm-lg flex items-center font-medium z-2 relative cursor-pointer" data-magnet="0"> 1116 <span class="btn-text" data-text>Power Banks</span><span class="btn-text btn-duplicate">Power Banks</span></magnet-element> 1117 </summary> 1118 <div class="dropdown opacity-0 invisible absolute top-0 max-w-full pointer-events-none"> 1119 <div class="dropdown__container relative"><span class="dropdown__corner corner left top flex absolute pointer-events-none">
1120 <svg class="w-full h-auto" viewBox="0 0 101 101" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 1121 <path fill-rule="evenodd" clip-rule="evenodd" d="M101 0H0V101H1C1 45.7715 45.7715 1 101 1V0Z"></path> 1122 <path d="M1 101C1 45.7715 45.7715 1 101 1" fill="none"></path> 1123 </svg> 1124</span> 1125<span class="dropdown__corner corner right top flex absolute pointer-events-none"> 1126 <svg class="w-full h-auto" viewBox="0 0 101 101" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 1127 <path fill-rule="evenodd" clip-rule="evenodd" d="M101 0H0V101H1C1 45.7715 45.7715 1 101 1V0Z"></path> 1128 <path d="M1 101C1 45.7715 45.7715 1 101 1" fill="none"></path> 1129 </svg> 1130</span><ul class="dropdown__nav grid gap-1d5 xl:gap-2" role="list"><li class="opacity-0"> 1131 <p> 1132 <a href="/collections/slim-powerstation-wireless-power-banks" class="reversed-link text-sm-base">Magnetic Wireless</a> 1133 </p> 1134 </li><li class="opacity-0"> 1135 <p> 1136 <a href="/collections/integrated-cables" class="reversed-link text-sm-base">Integrated Cables</a> 1137 </p> 1138 </li><li class="opacity-0"> 1139 <p> 1140 <a href="/collections/traditional" class="reversed-link text-sm-base">Traditional</a> 1141 </p> 1142 </li><li class="opacity-0"> 1143 <p> 1144 <a href="/collections/power-banks" class="reversed-link text-sm-base">Shop All Power Banks</a> 1145 </p> 1146 </li></ul> 1147 </div> 1148 </div> 1149 </details> 1150 </li><li> 1151 <details is="details-dropdown" trigger="hover" level="top"> 1152 <summary data-link="/collections/juice-pack"> 1153 <magnet-element class="menu__item text-sm-lg flex items-center font-medium z-2 relative cursor-pointer" data-magnet="0"> 1154 <span class="btn-text" data-text>Juice Packs</span><span class="btn-text btn-duplicate">Juice Packs</span></magnet-element> 1155 </summary> 1156 <div class="dropdown opacity-0 invisible absolute top-0 max-w-full pointer-events-none"> 1157 <div class="dropdown__container relative"><span class="dropdown__corner corner left top flex absolute pointer-events-none">
1158 <svg class="w-full h-auto" viewBox="0 0 101 101" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 1159 <path fill-rule="evenodd" clip-rule="evenodd" d="M101 0H0V101H1C1 45.7715 45.7715 1 101 1V0Z"></path> 1160 <path d="M1 101C1 45.7715 45.7715 1 101 1" fill="none"></path> 1161 </svg> 1162</span> 1163<span class="dropdown__corner corner right top flex absolute pointer-events-none"> 1164 <svg class="w-full h-auto" viewBox="0 0 101 101" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 1165 <path fill-rule="evenodd" clip-rule="evenodd" d="M101 0H0V101H1C1 45.7715 45.7715 1 101 1V0Z"></path> 1166 <path d="M1 101C1 45.7715 45.7715 1 101 1" fill="none"></path> 1167 </svg> 1168</span><ul class="dropdown__nav grid gap-1d5 xl:gap-2" role="list"><li class="opacity-0"> 1169 <p> 1170 <a href="/collections/juice-pack/iPhone-17-Series" class="reversed-link text-sm-base">iPhone 17 Series</a> 1171 </p> 1172 </li><li class="opacity-0"> 1173 <p> 1174 <a href="/collections/juice-pack/iPhone-16-Series" class="reversed-link text-sm-base">iPhone 16 Series</a> 1175 </p> 1176 </li><li class="opacity-0"> 1177 <p> 1178 <a href="/collections/juice-pack/iPhone-15-Series" class="reversed-link text-sm-base">iPhone 15 Series</a> 1179 </p> 1180 </li><li class="opacity-0"> 1181 <p> 1182 <a href="/collections/phone-cases" class="reversed-link text-sm-base">Shop All Cases</a> 1183 </p> 1184 </li></ul> 1185 </div> 1186 </div> 1187 </details> 1188 </li><li> 1189 <details is="details-dropdown" trigger="hover" level="top"> 1190 <summary data-link="/collections/charging-essentials"> 1191 <magnet-element class="menu__item text-sm-lg flex items-center font-medium z-2 relative cursor-pointer" data-magnet="0"> 1192 <span class="btn-text" data-text>Power Essentials</span><span class="btn-text btn-duplicate">Power Essentials</span></magnet-element> 1193 </summary> 1194 <div class="dropdown opacity-0 invisible absolute top-0 max-w-full pointer-events-none"> 1195 <div class="dropdown__container relative"><span class="dropdown__corner corner left top flex absolute pointer-events-none">
1196 <svg class="w-full h-auto" viewBox="0 0 101 101" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 1197 <path fill-rule="evenodd" clip-rule="evenodd" d="M101 0H0V101H1C1 45.7715 45.7715 1 101 1V0Z"></path> 1198 <path d="M1 101C1 45.7715 45.7715 1 101 1" fill="none"></path> 1199 </svg> 1200</span> 1201<span class="dropdown__corner corner right top flex absolute pointer-events-none"> 1202 <svg class="w-full h-auto" viewBox="0 0 101 101" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 1203 <path fill-rule="evenodd" clip-rule="evenodd" d="M101 0H0V101H1C1 45.7715 45.7715 1 101 1V0Z"></path> 1204 <path d="M1 101C1 45.7715 45.7715 1 101 1" fill="none"></path> 1205 </svg> 1206</span><ul class="dropdown__nav grid gap-1d5 xl:gap-2" role="list"><li class="opacity-0"> 1207 <p> 1208 <a href="/collections/cables" class="reversed-link text-sm-base">Cables</a> 1209 </p> 1210 </li><li class="opacity-0"> 1211 <p> 1212 <a href="/collections/wall-chargers" class="reversed-link text-sm-base">Wall Chargers</a> 1213 </p> 1214 </li><li class="opacity-0"> 1215 <p> 1216 <a href="/collections/car-chargers" class="reversed-link text-sm-base">Car Adapters</a> 1217 </p> 1218 </li><li class="opacity-0"> 1219 <p> 1220 <a href="/collections/charging-essentials" class="reversed-link text-sm-base">Shop All</a> 1221 </p> 1222 </li></ul> 1223 </div> 1224 </div> 1225 </details> 1226 </li><li> 1227 <details is="details-dropdown" trigger="hover" level="top"> 1228 <summary data-link="/collections"> 1229 <magnet-element class="menu__item text-sm-lg flex items-center font-medium z-2 relative cursor-pointer" data-magnet="0"> 1230 <span class="btn-text" data-text>Collections</span><span class="btn-text btn-duplicate">Collections</span></magnet-element> 1231 </summary> 1232 <div class="dropdown opacity-0 invisible absolute top-0 max-w-full pointer-events-none"> 1233 <div class="dropdown__container relative"><span class="dropdown__corner corner left top flex absolute pointer-events-none">
1234 <svg class="w-full h-auto" viewBox="0 0 101 101" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 1235 <path fill-rule="evenodd" clip-rule="evenodd" d="M101 0H0V101H1C1 45.7715 45.7715 1 101 1V0Z"></path> 1236 <path d="M1 101C1 45.7715 45.7715 1 101 1" fill="none"></path> 1237 </svg> 1238</span> 1239<span class="dropdown__corner corner right top flex absolute pointer-events-none"> 1240 <svg class="w-full h-auto" viewBox="0 0 101 101" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 1241 <path fill-rule="evenodd" clip-rule="evenodd" d="M101 0H0V101H1C1 45.7715 45.7715 1 101 1V0Z"></path> 1242 <path d="M1 101C1 45.7715 45.7715 1 101 1" fill="none"></path> 1243 </svg> 1244</span><ul class="dropdown__nav grid gap-1d5 xl:gap-2" role="list"><li class="opacity-0"> 1245 <p> 1246 <a href="/collections/mlb" class="reversed-link text-sm-base">MLB</a> 1247 </p> 1248 </li><li class="opacity-0"> 1249 <p> 1250 <a href="/pages/oracle-redbull-racing" class="reversed-link text-sm-base">Oracle Redbull Racing</a> 1251 </p> 1252 </li><li class="opacity-0"> 1253 <p> 1254 <a href="/collections/gallery" class="reversed-link text-sm-base">mophie Gallery</a> 1255 </p> 1256 </li><li class="opacity-0"> 1257 <p> 1258 <a href="/collections/apple-collection" class="reversed-link text-sm-base">Made for Apple</a> 1259 </p> 1260 </li><li class="opacity-0"> 1261 <p> 1262 <a href="/collections/travel-collection" class="reversed-link text-sm-base">Made to Travel</a> 1263 </p> 1264 </li></ul> 1265 </div> 1266 </div> 1267 </details> 1268 </li><li> 1269 <details is="details-dropdown" trigger="hover" level="top"> 1270 <summary data-link="/pages/our-story"> 1271 <magnet-element class="menu__item text-sm-lg flex items-center font-medium z-2 relative cursor-pointer" data-magnet="0"> 1272 <span class="btn-text" data-text>About</span><span class="btn-text btn-duplicate">About</span></magnet-element> 1273 </summary> 1274 <div class="dropdown opacity-0 invisible absolute top-0 max-w-full pointer-events-none"> 1275 <div class="dropdown__container relative"><span class="dropdown__corner corner left top flex absolute pointer-events-none">
1276 <svg class="w-full h-auto" viewBox="0 0 101 101" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 1277 <path fill-rule="evenodd" clip-rule="evenodd" d="M101 0H0V101H1C1 45.7715 45.7715 1 101 1V0Z"></path> 1278 <path d="M1 101C1 45.7715 45.7715 1 101 1" fill="none"></path> 1279 </svg> 1280</span> 1281<span class="dropdown__corner corner right top flex absolute pointer-events-none"> 1282 <svg class="w-full h-auto" viewBox="0 0 101 101" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 1283 <path fill-rule="evenodd" clip-rule="evenodd" d="M101 0H0V101H1C1 45.7715 45.7715 1 101 1V0Z"></path> 1284 <path d="M1 101C1 45.7715 45.7715 1 101 1" fill="none"></path> 1285 </svg> 1286</span><ul class="dropdown__nav grid gap-1d5 xl:gap-2" role="list"><li class="opacity-0"> 1287 <p> 1288 <a href="/pages/our-story" class="reversed-link text-sm-base">About Us</a> 1289 </p> 1290 </li><li class="opacity-0"> 1291 <p> 1292 <a href="/blogs/news" class="reversed-link text-sm-base">Stories</a> 1293 </p> 1294 </li><li class="opacity-0"> 1295 <p> 1296 <a href="/pages/magnetic-charging" class="reversed-link text-sm-base">Magnetic & Qi2 Charging</a> 1297 </p> 1298 </li></ul> 1299 </div> 1300 </div> 1301 </details> 1302 </li></ul> 1303</nav> 1304 </div><div class="header__search items-center gap-5 z-2" data-header-search> 1305 <form class="header__search-form flex items-center grow relative" action="/search" method="get" role="search"> 1306 <input type="hidden" name="options[prefix]" value="last"> 1307 <label class="sr-only" for="HeaderSearchInput-sections--22739361988848__header">Search</label> 1308 <input 1309 class="input" 1310 type="search" 1311 name="q" 1312 id="HeaderSearchInput-sections--22739361988848__header" 1313 placeholder="Search for ..." 1314 autocomplete="off" 1315 autocorrect="off" 1316 autocapitalize="off" 1317 spellcheck="false" 1318 data-header-search-input 1319 > 1320 <button class="header__search-submit absolute flex items-center justify-center" type="submit"> 1321 <span class="sr-only">Search</span><svg class="icon icon-search icon-lg" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> 1322 <path stroke-linecap="round" d="m21 21-3.636-3.636m0 0A9 9 0 1 0 4.636 4.636a9 9 0 0 0 12.728 12.728Z"></path> 1323 </svg></button> 1324 </form> 1325 1326 <button class="header__search-cancel hidden xl:block text-base leading-none whitespace-nowrap" type="button" data-header-search-cancel>Cancel</button> 1327</div> 1328<div class="header__icons header__icons--end flex justify-end z-2"> 1329 <div class="header__buttons flex items-center gap-1d5"><a href="/search" class="search-drawer-button flex items-center justify-center" is="magnet-link" aria-controls="HeaderSearchInput-sections--22739361988848__header" aria-expanded="false" data-header-search-toggle> 1330 <span class="sr-only">Search</span><svg class="icon icon-search icon-lg" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> 1331 <path stroke-linecap="round" d="m21 21-3.636-3.636m0 0A9 9 0 1 0 4.636 4.636a9 9 0 0 0 12.728 12.728Z"></path> 1332 </svg></a><a href="https://www.mophie.com/customer_authentication/redirect?locale=en®ion_country=US" class="hidden xl:flex items-center justify-center" is="magnet-link"> 1333 <span class="sr-only">Login</span><svg class="icon icon-account icon-lg" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> 1334 <rect width="10.5" height="10.5" x="6.75" y="1.75" rx="5.25"></rect> 1335 <path stroke-linecap="round" d="M12 15.5c1.5 0 4 .333 4.5.5.5.167 3.7.8 4.5 2 1 1.5 1 2 1 4m-10-6.5c-1.5 0-4 .333-4.5.5-.5.167-3.7.8-4.5 2-1 1.5-1 2-1 4"></path> 1336 </svg></a><a href="/cart" class="cart-drawer-button flex items-center justify-center relative" is="magnet-link" aria-controls="CartDrawer" aria-expanded="false" data-no-instant>
1337 <span class="sr-only">Cart</span><svg class="icon icon-cart icon-lg" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> 1338 <path stroke-linecap="round" stroke-linejoin="round" d="M1 1h.5v0c.226 0 .339 0 .44.007a3 3 0 0 1 2.62 1.976c.034.095.065.204.127.42l.17.597m0 0 1.817 6.358c.475 1.664.713 2.496 1.198 3.114a4 4 0 0 0 1.633 1.231c.727.297 1.592.297 3.322.297h2.285c1.75 0 2.626 0 3.359-.302a4 4 0 0 0 1.64-1.253c.484-.627.715-1.472 1.175-3.161l.06-.221c.563-2.061.844-3.092.605-3.906a3 3 0 0 0-1.308-1.713C19.92 4 18.853 4 16.716 4H4.857ZM12 20a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"></path> 1339 </svg><cart-count class="count absolute top-0 right-0 text-xs" aria-label="0 items" hidden>0</cart-count> 1340 </a><button class="menu-drawer-button flex items-center justify-center" type="button" is="magnet-button" aria-controls="MenuDrawer" aria-expanded="false"> 1341 <span class="sr-only">Site navigation</span><svg class="icon icon-hamburger icon-lg" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> 1342 <path stroke-linecap="round" d="M3 6H21M3 12H11M3 18H16"></path> 1343 </svg></button></div> 1344</div> 1345<span class="header__cutout cutout opacity-0 absolute left-0 top-100 w-full pointer-events-none"></span></header><span class="overlay opacity-0 fixed left-0 w-full pointer-events-none"></span>
1345<script> 1346 if (Shopify.designMode) { 1347 document.documentElement.style.setProperty('--header-height', Math.round(document.getElementById('shopify-section-sections--22739361988848__header').clientHeight) + 'px'); 1348 } 1349 1350 (() => { 1351 const header = document.querySelector('header[data-section-id="sections--22739361988848__header"]'); 1352 const search = header?.querySelector('[data-header-search]'); 1353 const input = header?.querySelector('[data-header-search-input]'); 1354 const toggles = header?.querySelectorAll('[data-header-search-toggle]'); 1355 1356 if (!search || !input || !toggles.length) return; 1357 1358 let closeTimer; 1359 1360 const isOpen = () => header.classList.contains('header--search-visible'); 1361 const fadeDuration = () => (parseFloat(getComputedStyle(search).transitionDuration) || 0) * 1000; 1362 1363 const open = () => { 1364 clearTimeout(closeTimer); 1365 header.classList.add('header--search-open'); 1366 toggles.forEach((toggle) => toggle.setAttribute('aria-expanded', 'true')); 1367 1368 input.getBoundingClientRect(); 1369 1370 header.classList.add('header--search-visible'); 1371 1372 input.focus({ preventScroll: true }); 1373 }; 1374 1375 const close = () => { 1376 if (!header.classList.contains('header--search-open')) return; 1377 1378 header.classList.remove('header--search-visible'); 1379 toggles.forEach((toggle) => toggle.setAttribute('aria-expanded', 'false')); 1380 input.value = ''; 1381 input.blur(); 1382 1383 // Hold the open layout until the field has faded out 1384 clearTimeout(closeTimer); 1385 closeTimer = setTimeout(() => header.classList.remove('header--search-open'), fadeDuration()); 1386 }; 1387 1388 toggles.forEach((toggle) => { 1389 toggle.addEventListener('click', (event) => { 1390 event.preventDefault(); 1391 isOpen() ? close() : open(); 1392 }); 1393 }); 1394 1395 header.querySelector('[data-header-search-cancel]')?.addEventListener('click', close); 1396 1397 document.addEventListener('keydown', (event) => { 1398 if (event.key === 'Escape') close(); 1399 }); 1400 1401 document.addEventListener('click', (event) => { 1402 if (!isOpen()) return; 1403 if (search.contains(event.target) || event.target.closest?.('[data-header-search-toggle]')) return; 1404 1405 close(); 1406 }); 1407 })(); 1408</script>
1408 1409 1410 1411</div> 1412<!-- END sections: header-group --><!-- BEGIN sections: overlay-group --> 1413<div id="shopify-section-sections--22739362054384__cart-drawer" class="shopify-section shopify-section-group-overlay-group"> 1414</div><div id="shopify-section-sections--22739362054384__cookie-banner" class="shopify-section shopify-section-group-overlay-group"><style> 1415 #shopify-section-sections--22739362054384__cookie-banner { 1416 --color-drawer-text: 23 23 23; 1417 --color-drawer-background: 255 255 255; 1418 --color-drawer-button-gradient: #171717; 1419 --color-drawer-button-background: 23 23 23; 1420 --color-drawer-button-text: 255 255 255; 1421 --color-highlight: 255 221 191; 1422 } 1423</style> 1424 1425<link rel="stylesheet" href="//www.mophie.com/cdn/shop/t/20/assets/cookie-banner.css?v=179383910087388436671778716662" media="print" onload="this.media='all'"> 1426<noscript><link href="//www.mophie.com/cdn/shop/t/20/assets/cookie-banner.css?v=179383910087388436671778716662" rel="stylesheet" type="text/css" media="all" /></noscript>
1427<script src="//www.mophie.com/cdn/shop/t/20/assets/cookie-banner.js?v=111660286536710396681778716659" defer="defer"></script>
1427 1428 1429<cookie-banner id="CookieBanner" class="x-modal cookie-modal drawer z-30 fixed bottom-0 left-0 h-full w-full pointer-events-none" 1430 data-delay="5" 1431 data-test-mode="false" 1432 role="dialog" 1433 aria-labelledby="Dialog-sections--22739362054384__cookie-banner-Heading1" 1434 aria-modal="false" 1435 shopify-design-mode 1436 hidden 1437> 1438 <overlay-element class="overlay fixed-modal invisible opacity-0 fixed bottom-0 left-0 w-full h-screen pointer-events-none" aria-controls="CookieBanner" aria-expanded="false"></overlay-element> 1439 <div class="drawer__inner z-10 absolute bottom-0 left-0 flex flex-col w-full h-full overflow-hidden"> 1440 <gesture-element class="drawer__header flex items-center justify-between opacity-0 invisible relative sr-only"> 1441 <button class="button button--secondary button--close drawer__close hidden sm:flex items-center justify-center" type="button" is="hover-button" aria-controls="AgeVerifier" aria-expanded="false" aria-label="Close"> 1442 <span class="btn-fill" data-fill></span> 1443 <span class="btn-text"><svg class="icon icon-close icon-sm" viewBox="0 0 20 20" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> 1444 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15L15 5M5 5L15 15"></path> 1445 </svg></span> 1446 </button> 1447 </gesture-element> 1448 <div class="drawer__content opacity-0 invisible"> 1449 <div class="drawer__scrollable relative w-full"> 1450 <div class="cookie-banner text-center"><h2 id="Dialog-sections--22739362054384__cookie-banner-Heading1" class="heading leading-none tracking-none text-lg-2xl" ><split-words class="split-words flex flex-wrap" data-animate="fade-up-large" data-animate-delay="250">We use cookies</split-words></h2> 1451<div class="rte leading-normal body text-base" > 1452<p>This site uses cookies for better user experience and analytics.</p></div> 1453<empty-element class="block spacing-section" style="--spacing-height-desktop: 16px; --spacing-height-mobile: 12px;" ></empty-element> 1454<div class="cookie__buttons" > 1455 <div class="inline-flex gap-4"><button type="button" name="accept" class="button button--primary icon-with-text" is="hover-button"> 1456 <span class="btn-fill" data-fill></span> 1457 <span class="btn-text"><svg class="icon icon-accept icon-xs" viewBox="0 0 15 15" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> 1458 <path stroke-linecap="round" stroke-linejoin="round" d="M2.83301 8.08333L5.74967 11L12.1663 4"></path> 1459 </svg>Accept</span> 1460 </button><button type="button" name="decline" class="button button--secondary icon-with-text" is="hover-button"> 1461 <span class="btn-fill" data-fill></span> 1462 <span class="btn-text"><svg class="icon icon-decline icon-xs" viewBox="0 0 15 15" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> 1463 <path stroke-linecap="round" stroke-linejoin="round" d="M4 11L11 4M4 4L11 11"></path> 1464 </svg>Decline</span> 1465 </button></div> 1466 </div> 1467 1468 </div> 1469 </div> 1470 </div> 1471 </div> 1472</cookie-banner> 1473 1474 1475</div> 1476<!-- END sections: overlay-group --><div class="page-container" id="PageContainer"> 1477 <main class="main-content relative" id="MainContent" role="main"> 1478 <div id="shopify-section-template--22739365298416__main" class="shopify-section"><style> 1479 #shopify-section-template--22739365298416__main { 1480 --section-padding-top: 72px; 1481 --section-padding-bottom: 60px; 1482 } 1483</style> 1484 1485<link href="//www.mophie.com/cdn/shop/t/20/assets/cart.css?v=155919453651511041481778716661" rel="stylesheet" type="text/css" media="all" />
1486<script src="//www.mophie.com/cdn/shop/t/20/assets/cart.js?v=96140838407980367211787623083" defer></script>
1486<div class="cart is-empty section"> 1487 <div class="page-width relative"> 1488 <div class="title-wrapper leading-none grid gap-4 md:flex md:items-end md:justify-between"> 1489 <h1 class="heading title-xl tracking-heading"> 1490 <split-words class="split-words flex flex-wrap" data-animate="fade-up-large">Your cart</split-words> 1491 </h1> 1492 <p> 1493 <a class="button button--secondary icon-with-text" href="/collections/all" is="hover-link"> 1494 <span class="btn-fill" data-fill></span> 1495 <span class="btn-text"><svg class="icon icon-return icon-sm" viewBox="0 0 22 10" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> 1496 <path stroke-linecap="round" stroke-linejoin="round" d="M1 9V1M1 9H8.77778M1 9C1 9 6 1 12 1C20 1 21 9 21 9"></path> 1497 </svg>Continue shopping</span> 1498 </a> 1499 </p> 1500 </div> 1501 1502 <div class="empty-state grid items-center justify-center text-center gap-7d5 md:gap-14"> 1503 <div class="flex flex-col items-center gap-5 md:gap-10"><svg class="icon icon-empty icon-xxxl" viewBox="0 0 60 61" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> 1504 <path stroke-linecap="round" stroke-linejoin="round" d="M23.75 25.5a1.25 1.25 0 1 1-2.5 0m2.5 0a1.25 1.25 0 1 0-2.5 0m2.5 0h-2.5m17.5 0a1.25 1.25 0 1 1-2.5 0m2.5 0a1.25 1.25 0 1 0-2.5 0m2.5 0h-2.5m3.75 15c-2.28-3.036-5.91-5-10-5s-7.72 1.964-10.001 5M30 55.5v0c13.807 0 25-11.193 25-25v0c0-13.807-11.193-25-25-25v0c-13.807 0-25 11.193-25 25v0c0 13.807 11.193 25 25 25Z"></path> 1505 </svg><div class="grid gap-5"> 1506 <p class="heading leading-none tracking-tight">Your cart is currently empty.</p> 1507 </div> 1508 </div> 1509 <a class="empty-state__link button button--primary button--fixed" href="/collections/all" is="hover-link"> 1510 <span class="btn-fill" data-fill></span> 1511 <span class="btn-text">Continue shopping</span> 1512 </a> 1513 </div></div> 1514</div> 1515 1516 1517</div><div id="shopify-section-template--22739365298416__recently-viewed" class="shopify-section recently-section"><style> 1518 #shopify-section-template--22739365298416__recently-viewed { 1519 --section-padding-top: 60px; 1520 --section-padding-bottom: 100px;} 1521</style> 1522 1523<recently-viewed class="recently-viewed block" data-url="/search?section_id=template--22739365298416__recently-viewed&type=product&q=" data-limit="6"></recently-viewed> 1524 1525 1526</div> 1527 </main> 1528 1529 <footer-group class="footer-group block w-full"><!-- BEGIN sections: footer-group --> 1530<div id="shopify-section-sections--22739361890544__footer" class="shopify-section shopify-section-group-footer-group"><style data-shopify>#shopify-section-sections--22739361890544__footer { 1531 --section-padding-top: 72px; 1532 --section-padding-bottom: 72px;--color-background: 31 31 31;--color-foreground: 255 255 255; 1533 --color-border: var(--color-foreground)/ 0.1; 1534 --color-border-dark: var(--color-foreground)/ 0.4; 1535 --color-border-light: var(--color-foreground)/ 0.06;--color-button-background: 255 255 255; 1536 --color-button-border: 255 255 255;--color-button-text: 0 0 0;}</style><div class="section section--padding section--rounded"> 1537 <footer class="footer page-width relative grid"><div class="footer__left flex flex-col md:flex-row gap-10"><div class="footer__logo flex flex-col gap-10" ><style> 1538 .footer__logo>a { 1539 height: 50px; 1540 } 1541 </style> 1542 <p class="inline-flex leading-none"> 1543 <a href="/"> 1544 <span class="sr-only">mophie</span><img src="//www.mophie.com/cdn/shop/files/spark-white.png?v=1719517056&width=87" alt="" srcset="//www.mophie.com/cdn/shop/files/spark-white.png?v=1719517056&width=49 49w, //www.mophie.com/cdn/shop/files/spark-white.png?v=1719517056&width=87 87w" width="87" height="88" loading="eager" sizes="49.43181818181818px" style="--image-width: 49.43181818181818px; --image-height: 50px;" is="lazy-image"></a> 1545 </p></div><div class="footer__accordions flex flex-wrap flex-col md:flex-row md:grow md:gap-12"><details class="footer__item--link_list-1 details active" is="footer-details" > 1546 <summary class="details__summary flex items-center justify-between gap-2 cursor-pointer">
1547 <span class="text-base-2xl font-medium">Support</span><svg class="icon icon-chevron-up icon-md" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> 1548 <path stroke-linecap="round" stroke-linejoin="round" d="M6 15L12 9L18 15"></path> 1549 </svg></summary><div class="details__content"> 1550 <ul class="flex flex-col gap-3"> 1551 <li class="inline-flex"> 1552 <a href="https://mophiecharging.myshopify.com/pages/contact-us" class="block reversed-link text-sm-lg leading-tight">Contact Us</a> 1553 </li> 1554 1555 1556 <li class="inline-flex"> 1557 <a href="https://mophiecharging.myshopify.com/pages/faq" class="block reversed-link text-sm-lg leading-tight">FAQs</a> 1558 </li> 1559 1560 1561 <li class="inline-flex"> 1562 <a href="https://mophiecharging.myshopify.com/pages/user-manuals" class="block reversed-link text-sm-lg leading-tight">User Manuals</a> 1563 </li> 1564 1565 1566 <li class="inline-flex"> 1567 <a href="/pages/register-your-product" class="block reversed-link text-sm-lg leading-tight">Register</a> 1568 </li> 1569 1570 1571 <li class="inline-flex"> 1572 <a href="/pages/warranty-policy" class="block reversed-link text-sm-lg leading-tight">Warranty</a> 1573 </li> 1574 1575 1576 <li class="inline-flex"> 1577 <a href="/pages/sales-refunds-returns" class="block reversed-link text-sm-lg leading-tight">Refunds & Returns</a> 1578 </li> 1579 1580 1581 <li class="inline-flex"> 1582 <span id="accessibilityWidget" tabindex="0" class="block reversed-link text-sm-lg leading-tight" style="cursor: pointer;">Accessibility Tools</span> 1583 </li> 1584 1585 1586 <li class="inline-flex"> 1587 <a href="/pages/accessibility-statement" class="block reversed-link text-sm-lg leading-tight">Website Accessibility Statement</a> 1588 </li> 1589 1590 1591 <li class="inline-flex"> 1592 <a href="/pages/cookie-policy" class="block reversed-link text-sm-lg leading-tight">Cookie Policy</a> 1593 </li> 1594 1595 1596 <li class="inline-flex"> 1597 <a class="block reversed-link text-sm-lg leading-tight" style="cursor: pointer;" onClick={Osano.cm.showDrawer('osano-cm-dom-info-dialog-open')}>Cookie Preferences</a> 1598 </li> 1599 1600 1601 <li class="inline-flex"> 1602 <a href="/pages/quebec-residents-residents-au-quebec" class="block reversed-link text-sm-lg leading-tight">Quebec Residents / Residents au Quebec</a> 1603 </li> 1604 1605</ul> 1606 </div> 1607 <style> 1608 @media (min-width: 1280px) { 1609 .footer__item--link_list-1 { width: calc(33% - var(--sp-12)); } 1610 } 1611 </style></details><details class="footer__item--link_list-2 details active" is="footer-details" > 1612 <summary class="details__summary flex items-center justify-between gap-2 cursor-pointer"> 1613 <span class="text-base-2xl font-medium">Company</span><svg class="icon icon-chevron-up icon-md" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> 1614 <path stroke-linecap="round" stroke-linejoin="round" d="M6 15L12 9L18 15"></path> 1615 </svg></summary><div class="details__content"> 1616 <ul class="flex flex-col gap-3"> 1617 <li class="inline-flex"> 1618 <a href="/pages/our-story" class="block reversed-link text-sm-lg leading-tight">About Us</a> 1619 </li> 1620 1621 1622 <li class="inline-flex"> 1623 <a href="/pages/careers" class="block reversed-link text-sm-lg leading-tight">Careers</a> 1624 </li> 1625 1626 1627 <li class="inline-flex"> 1628 <a href="https://www.mophie.com/blogs/news" class="block reversed-link text-sm-lg leading-tight">Stories</a> 1629 </li> 1630 1631 1632 <li class="inline-flex"> 1633 <a href="https://ow.ly/32aA2000N1J" class="block reversed-link text-sm-lg leading-tight">Media & PR</a> 1634 </li> 1635 1636 1637 <li class="inline-flex"> 1638 <a href="https://ow.ly/YN292000N1K" class="block reversed-link text-sm-lg leading-tight">Creators & Influencers</a> 1639 </li> 1640 1641 1642 <li class="inline-flex"> 1643 <a href="https://www.mophie.com/pages/privacy-policy" class="block reversed-link text-sm-lg leading-tight">Privacy Policy</a> 1644 </li> 1645 1646 1647 <li class="inline-flex"> 1648 <a href="https://www.mophie.com/policies/privacy-policy#california" class="block reversed-link text-sm-lg leading-tight">CA Privacy Rights</a> 1649 </li> 1650 1651 1652 <li class="inline-flex"> 1653 <a class="block reversed-link text-sm-lg leading-tight" style="cursor: pointer;" onclick="event.preventDefault(); Osano.cm.showDoNotSell();">Do Not Sell or Share My Personal Information</a> 1654 </li> 1655 1656</ul> 1657 </div> 1658 <style> 1659 @media (min-width: 1280px) { 1660 .footer__item--link_list-2 { width: calc(33% - var(--sp-12)); } 1661 } 1662 </style></details>
1662<details class="footer__item--link_list_Gq3fin details active" is="footer-details" > 1663 <summary class="details__summary flex items-center justify-between gap-2 cursor-pointer"> 1664 <span class="text-base-2xl font-medium">Learn</span><svg class="icon icon-chevron-up icon-md" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> 1665 <path stroke-linecap="round" stroke-linejoin="round" d="M6 15L12 9L18 15"></path> 1666 </svg></summary><div class="details__content"> 1667 <ul class="flex flex-col gap-3"> 1668 <li class="inline-flex"> 1669 <a href="https://www.mophie.com/blogs/news" class="block reversed-link text-sm-lg leading-tight">Stories</a> 1670 </li> 1671 1672 1673 <li class="inline-flex"> 1674 <a href="/pages/magnetic-charging" class="block reversed-link text-sm-lg leading-tight">What is Magnetic Charging & Qi2?</a> 1675 </li> 1676 1677</ul> 1678 </div> 1679 <style> 1680 @media (min-width: 1280px) { 1681 .footer__item--link_list_Gq3fin { width: calc(33% - var(--sp-12)); } 1682 } 1683 </style></details></div> 1684 </div><div class="footer__right grid gap-10"><div class="footer__newsletter grid gap-6"> 1685 <p class="h3 text-xl leading-none tracking-none font-medium lg:font-heading">Subscribe to our newsletter</p><form method="post" action="/contact#newsletter-sections--22739361890544__footer" id="newsletter-sections--22739361890544__footer" accept-charset="UTF-8" class="newsletter-form grid gap-5"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="contact[tags]" value="newsletter" /> 1686 <input type="hidden" name="contact[context]" value="footer" /> 1687 <div class="field relative"> 1688 <input 1689 id="NewsletterForm--sections--22739361890544__footer" 1690 class="input is-floating input--fill" 1691 type="email" 1692 name="contact[email]" 1693 value="" 1694 autocorrect="off" 1695 autocapitalize="off" 1696 autocomplete="email" 1697 placeholder="Enter your email" 1698 required/> 1699 <label class="label is-floating" for="NewsletterForm--sections--22739361890544__footer">Enter your email</label> 1700 <div class="self-submit-button absolute"> 1701 <button type="submit" class="button button--primary self-button flex justify-center items-center" is="magnet-button" data-magnet="20" aria-label="Subscribe"> 1702 <span class="btn-text"> 1703 <svg class="icon icon-arrow-right icon-xs transform" viewBox="0 0 16 16" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> 1704 <path stroke-linecap="round" stroke-linejoin="round" d="M2 8.00012H14M14 8.00012L9.33333 3.3335M14 8.00012L9.33333 12.6668"></path> 1705 </svg> 1706 </span> 1707 </button> 1708 </div> 1709 </div></form></div></div></footer></div> 1710 1711 1712</div><div id="shopify-section-sections--22739361890544__footer-copyright" class="shopify-section shopify-section-group-footer-group"><style data-shopify>#shopify-section-sections--22739361890544__footer-copyright { 1713 --gradient-background: #171717; 1714 --color-background: 23 23 23; 1715 --color-foreground: 255 255 255; 1716 }</style><div class="section section--rounded" is="footer-parallax"> 1717 <div class="footer-copyright page-width page-width--full w-full flex flex-col items-center justify-between gap-4 lg:gap-0 lg:flex-row relative"> 1718 <div class="rte credits text-center">© 2026 mophie. <ul class="flex flex-wrap gap-3 justify-center lg:justify-start"><li> 1719 <small> 1720 <a href="/policies/refund-policy" class="block reversed-link">Refund policy</a> 1721 </small> 1722 </li><li> 1723 <small> 1724 <a href="/policies/privacy-policy" class="block reversed-link">Privacy policy</a> 1725 </small> 1726 </li><li> 1727 <small> 1728 <a href="/policies/terms-of-service" class="block reversed-link">Terms of service</a> 1729 </small> 1730 </li><li> 1731 <small> 1732 <a href="/policies/shipping-policy" class="block reversed-link">Shipping policy</a> 1733 </small> 1734 </li></ul></div></div> 1735</div> 1736 1737 1738</div> 1739<!-- END sections: footer-group --></footer-group> 1740 </div> 1741 1742 <ul hidden> 1743 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> 1744 <li id="a11y-new-window-message">Opens in a new window.</li> 1745 </ul> 1746<style> .osano-cm-widget {display: none;} .template-product .product__title {padding-top: 5px;} .template-product input[type="checkbox"][class*="bv-"] {border: 0px; height: 1px; margin: -1px; position: absolute; width: 1px;} </style> 1747<div id="shopify-block-AcHdTM3Nka01PY2hxT__7527060306931716863" class="shopify-block shopify-app-block">
1747<script async src="https://widgets.automizely.com/returns/main.js"></script>
1747 1748</div>
1748<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
1748 1749</body> 1750<style> 1751 /* ---- Chrome 131+ mini cart drawer fix (Concept 1.6.0) ---- */ 1752@supports (overflow: clip) or (-webkit-appearance: none) { 1753 cart-drawer { 1754 display: flex !important; 1755 flex-direction: column !important; 1756 height: 100vh !important; /* prevents overflow from exceeding viewport */ 1757 overflow: hidden !important; 1758 } 1759 1760 cart-drawer .drawer__inner { 1761 display: flex !important; 1762 flex-direction: column !important; 1763 flex: 1 1 auto !important; 1764 min-height: 0 !important; /* critical for Chrome 131 */ 1765 } 1766 1767 cart-drawer .drawer__content { 1768 display: flex !important; 1769 flex-direction: column !important; 1770 flex: 1 1 auto !important; 1771 overflow: hidden !important; 1772 } 1773 1774 cart-drawer details.drawer__panel { 1775 flex: 1 1 auto !important; 1776 overflow-y: auto !important; 1777 -webkit-overflow-scrolling: touch; 1778 } 1779 1780 cart-drawer .drawer__footer, 1781 cart-drawer .cart-drawer__footer, 1782 cart-drawer .mini-cart__footer { 1783 flex-shrink: 0 !important; 1784 position: sticky !important; 1785 bottom: 0; 1786 background-color: #fff; 1787 z-index: 50; 1788 padding-bottom: env(safe-area-inset-bottom); 1789 } 1790} 1791</style> 1792</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.