PageSourceSearch

https://www.mophie.com/cart

html mophie.com collected 2026-10-01 12:32:49 UTC 133,712 bytes, 1,792 lines download raw bytes

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 &ndash; 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 &amp; 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&region_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&amp;width=391" alt="" srcset="//www.mophie.com/cdn/shop/files/mophie-wordmark-white.png?v=1719509970&amp;width=130 130w, //www.mophie.com/cdn/shop/files/mophie-wordmark-white.png?v=1719509970&amp;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&amp;width=391" alt="" srcset="//www.mophie.com/cdn/shop/files/mophie-wordmark-white.png?v=1719509970&amp;width=120 120w, //www.mophie.com/cdn/shop/files/mophie-wordmark-white.png?v=1719509970&amp;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&amp;width=391" alt="" srcset="//www.mophie.com/cdn/shop/files/mophie-wordmark-white.png?v=1719509970&amp;width=130 130w, //www.mophie.com/cdn/shop/files/mophie-wordmark-white.png?v=1719509970&amp;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&amp;width=391" alt="" srcset="//www.mophie.com/cdn/shop/files/mophie-wordmark-white.png?v=1719509970&amp;width=120 120w, //www.mophie.com/cdn/shop/files/mophie-wordmark-white.png?v=1719509970&amp;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&region_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&amp;width=87" alt="" srcset="//www.mophie.com/cdn/shop/files/spark-white.png?v=1719517056&amp;width=49 49w, //www.mophie.com/cdn/shop/files/spark-white.png?v=1719517056&amp;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">&copy;&nbsp;2026&nbsp;mophie.&nbsp;<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.