PageSourceSearch

https://woodies.com/cart

html woodies.com collected 2026-10-03 21:33:14 UTC 156,191 bytes, 3,381 lines download raw bytes

1<!doctype html>
2<html class="no-touch supports-no-cookies" lang="en">
3  <head>
3<script data-source-attribution="shopify.event_observer.bootstrap">
4(function(){let e=navigator,t=`prototype`,n=`sendBeacon`,r=e[n],i=fetch,a=XMLHttpRequest[t],{open:o,send:s}=a,c=`EventListener`,l=`add${c}`,u=`remove${c}`,d=EventTarget[t],f=d[l],p=d[u],m=e=>Error((e=document.currentScript)&&[e?.src,e?.id||e?.dataset?.sourceAttribution]),h=(e=[],t=0)=>(e.p=n=>e[t++%1e3]=n,[e,t=>(e.forEach(e.p=t),e.length=0)]),[g,_]=h(),[v,y]=h(),b,x=new WeakMap,S=e=>e&&g.p([e,b||[m()]]);d[l]=function(e,t,n){let r=this,i=t?.handleEvent||t,a=x.get(t),o=m();i?.call&&!a&&x.set(t,a=function(e){b=[o,e.type];try{i.call(t==i?this:t,e)}finally{b=null}}),v.p([e,o,a,r?.tagName||r+``,r?.id]),f.call(r,e,a||t,n)},d[u]=function(e,t,n){p.call(this,e,x.get(t)||t,n)},a.open=function(e,t){x.set(this,[t+``,e]),o.apply(this,arguments)},a.send=function(e){S(x.get(this)),s.call(this,e)},fetch=(e,t)=>(S([(e?.url||e)+``,t?.method]),i(e,t)),e[n]=(t,n)=>(S([t+``,``]),r.call(e,t,n)),setTimeout(()=>import("//woodies.com/cdn/shopifycloud/storefront/assets/storefront/event_observer_reporter-ed358274.js").then(e=>e.$(_,y,f,i,`1624132`)))})();
5//# sourceURL=event-observer-collector.js
6</script>
6
7<meta charset="UTF-8">
8<meta http-equiv="X-UA-Compatible" content="IE=edge">
9<meta name="viewport" content="width=device-width,initial-scale=1"><meta name="theme-color" content="#cc0000">
10<link rel="canonical" href="https://woodies.com/cart">
11
12<!-- ======================= Broadcast Theme V8.0.0 ========================= -->
13
14
15<link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><!-- Title and description ================================================ -->
16
17
18<title>
19    
20    Your Shopping Cart
21    
22    
23    
24      &ndash; Woodies
25    
26  </title>
27
28
29  <meta name="description" content="Shop handcrafted wooden sunglasses by Woodies. Polarized lenses, premium walnut, bamboo &amp; 
30 zebra wood frames. Free shipping. 30-day guarantee.">
31
32
33<meta property="og:site_name" content="Woodies">
34<meta property="og:url" content="https://woodies.com/cart">
35<meta property="og:title" content="Your Shopping Cart">
36<meta property="og:type" content="website">
37<meta property="og:description" content="Shop handcrafted wooden sunglasses by Woodies. Polarized lenses, premium walnut, bamboo &amp; 
38 zebra wood frames. Free shipping. 30-day guarantee."><meta property="og:image" content="http://woodies.com/cdn/shop/files/woodieslogo_1.png?v=1775130172">
39  <meta property="og:image:secure_url" content="https://woodies.com/cdn/shop/files/woodieslogo_1.png?v=1775130172">
40  <meta property="og:image:width" content="1024">
41  <meta property="og:image:height" content="768"><meta name="twitter:card" content="summary_large_image">
42<meta name="twitter:title" content="Your Shopping Cart">
43<meta name="twitter:description" content="Shop handcrafted wooden sunglasses by Woodies. Polarized lenses, premium walnut, bamboo &amp; 
44 zebra wood frames. Free shipping. 30-day guarantee.">
45<!-- CSS ================================================================== -->
46<style data-shopify>
47  @font-face {
48  font-family: Besley;
49  font-weight: 700;
50  font-style: normal;
51  font-display: swap;
52  src: url("//woodies.com/cdn/fonts/besley/besley_n7.3b530357b83dc2b56556feb4b0101ab81dda4624.woff2") format("woff2"),
53       url("//woodies.com/cdn/fonts/besley/besley_n7.c5242a2cd120e7fea0b142c04fb32e32ff995154.woff") format("woff");
54}
55
56  @font-face {
57  font-family: "DM Sans";
58  font-weight: 400;
59  font-style: normal;
60  font-display: swap;
61  src: url("//woodies.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"),
62       url("//woodies.com/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff");
63}
64
65  @font-face {
66  font-family: "DM Sans";
67  font-weight: 400;
68  font-style: normal;
69  font-display: swap;
70  src: url("//woodies.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"),
71       url("//woodies.com/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff");
72}
73
74  @font-face {
75  font-family: Karla;
76  font-weight: 400;
77  font-style: normal;
78  font-display: swap;
79  src: url("//woodies.com/cdn/fonts/karla/karla_n4.40497e07df527e6a50e58fb17ef1950c72f3e32c.woff2") format("woff2"),
80       url("//woodies.com/cdn/fonts/karla/karla_n4.e9f6f9de321061073c6bfe03c28976ba8ce6ee18.woff") format("woff");
81}
82
83  @font-face {
84  font-family: Karla;
85  font-weight: 400;
86  font-style: normal;
87  font-display: swap;
88  src: url("//woodies.com/cdn/fonts/karla/karla_n4.40497e07df527e6a50e58fb17ef1950c72f3e32c.woff2") format("woff2"),
89       url("//woodies.com/cdn/fonts/karla/karla_n4.e9f6f9de321061073c6bfe03c28976ba8ce6ee18.woff") format("woff");
90}
91
92
93  
94    @font-face {
95  font-family: "DM Sans";
96  font-weight: 500;
97  font-style: normal;
98  font-display: swap;
99  src: url("//woodies.com/cdn/fonts/dm_sans/dmsans_n5.8a0f1984c77eb7186ceb87c4da2173ff65eb012e.woff2") format("woff2"),
100       url("//woodies.com/cdn/fonts/dm_sans/dmsans_n5.9ad2e755a89e15b3d6c53259daad5fc9609888e6.woff") format("woff");
101}
102
103  
104
105  
106    @font-face {
107  font-family: "DM Sans";
108  font-weight: 400;
109  font-style: italic;
110  font-display: swap;
111  src: url("//woodies.com/cdn/fonts/dm_sans/dmsans_i4.b8fe05e69ee95d5a53155c346957d8cbf5081c1a.woff2") format("woff2"),
112       url("//woodies.com/cdn/fonts/dm_sans/dmsans_i4.403fe28ee2ea63e142575c0aa47684d65f8c23a0.woff") format("woff");
113}
114
115  
116
117  
118    @font-face {
119  font-family: "DM Sans";
120  font-weight: 500;
121  font-style: italic;
122  font-display: swap;
123  src: url("//woodies.com/cdn/fonts/dm_sans/dmsans_i5.8654104650c013677e3def7db9b31bfbaa34e59a.woff2") format("woff2"),
124       url("//woodies.com/cdn/fonts/dm_sans/dmsans_i5.a0dc844d8a75a4232f255fc600ad5a295572bed9.woff") format("woff");
125}
126
127  
128
129  
130    @font-face {
131  font-family: "DM Sans";
132  font-weight: 500;
133  font-style: normal;
134  font-display: swap;
135  src: url("//woodies.com/cdn/fonts/dm_sans/dmsans_n5.8a0f1984c77eb7186ceb87c4da2173ff65eb012e.woff2") format("woff2"),
136       url("//woodies.com/cdn/fonts/dm_sans/dmsans_n5.9ad2e755a89e15b3d6c53259daad5fc9609888e6.woff") format("woff");
137}
138
139  
140
141  
142
143  
144    :root,
145    .color-scheme-1 {--COLOR-BG-GRADIENT: #ffffff;
146      --COLOR-BG: #ffffff;
147      --COLOR-BG-RGB: 255, 255, 255;
148
149      --COLOR-BG-ACCENT: #f5f5f5;
150      --COLOR-BG-ACCENT-LIGHTEN: #ffffff;
151
152      /* === Link Color ===*/
153
154      --COLOR-LINK: #cc0000;
155      --COLOR-LINK-A50: rgba(204, 0, 0, 0.5);
156      --COLOR-LINK-A70: rgba(204, 0, 0, 0.7);
157      --COLOR-LINK-HOVER: rgba(204, 0, 0, 0.7);
158      --COLOR-LINK-OPPOSITE: #ffffff;
159
160      --COLOR-TEXT: #000000;
161      --COLOR-TEXT-HOVER: rgba(0, 0, 0, 0.7);
162      --COLOR-TEXT-LIGHT: #4d4d4d;
163      --COLOR-TEXT-DARK: #000000;
164      --COLOR-TEXT-A5:  rgba(0, 0, 0, 0.05);
165      --COLOR-TEXT-A35: rgba(0, 0, 0, 0.35);
166      --COLOR-TEXT-A50: rgba(0, 0, 0, 0.5);
167      --COLOR-TEXT-A80: rgba(0, 0, 0, 0.8);
168
169
170      --COLOR-BORDER: rgb(224, 224, 224);
171      --COLOR-BORDER-LIGHT: #ececec;
172      --COLOR-BORDER-DARK: #adadad;
173      --COLOR-BORDER-HAIRLINE: #f7f7f7;
174
175      --overlay-bg: #00000040;
176
177      /* === Bright color ===*/
178      --COLOR-ACCENT: #cc0000;
179      --COLOR-ACCENT-HOVER: #800000;
180      --COLOR-ACCENT-FADE: rgba(204, 0, 0, 0.05);
181      --COLOR-ACCENT-LIGHT: #ff6666;
182
183      /* === Default Cart Gradient ===*/
184
185      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);
186
187      /* === Buttons ===*/
188      --BTN-PRIMARY-BG: #cc0000;
189      --BTN-PRIMARY-TEXT: #ffffff;
190      --BTN-PRIMARY-BORDER: #cc0000;
191      --BTN-PRIMARY-BORDER-A70: rgba(204, 0, 0, 0.7);
192
193      
194      
195        --BTN-PRIMARY-BG-BRIGHTER: #e60000;
196      
197
198      --BTN-SECONDARY-BG: #000000;
199      --BTN-SECONDARY-TEXT: #ffffff;
200      --BTN-SECONDARY-BORDER: #000000;
201      --BTN-SECONDARY-BORDER-A70: rgba(0, 0, 0, 0.7);
202
203      
204      
205        --BTN-SECONDARY-BG-BRIGHTER: #0d0d0d;
206      
207
208      
209--COLOR-BG-BRIGHTER: #f2f2f2;
210
211      --COLOR-BG-ALPHA-25: rgba(255, 255, 255, 0.25);
212      --COLOR-BG-TRANSPARENT: rgba(255, 255, 255, 0);--COLOR-FOOTER-BG-HAIRLINE: #f7f7f7;
213
214      /* Dynamic color variables */
215      --accent: var(--COLOR-ACCENT);
216      --accent-fade: var(--COLOR-ACCENT-FADE);
217      --accent-hover: var(--COLOR-ACCENT-HOVER);
218      --border: var(--COLOR-BORDER);
219      --border-dark: var(--COLOR-BORDER-DARK);
220      --border-light: var(--COLOR-BORDER-LIGHT);
221      --border-hairline: var(--COLOR-BORDER-HAIRLINE);
222      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));
223      --bg-accent: var(--COLOR-BG-ACCENT);
224      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);
225      --icons: var(--COLOR-TEXT);
226      --link: var(--COLOR-LINK);
227      --link-a50: var(--COLOR-LINK-A50);
228      --link-a70: var(--COLOR-LINK-A70);
229      --link-hover: var(--COLOR-LINK-HOVER);
230      --link-opposite: var(--COLOR-LINK-OPPOSITE);
231      --text: var(--COLOR-TEXT);
232      --text-dark: var(--COLOR-TEXT-DARK);
233      --text-light: var(--COLOR-TEXT-LIGHT);
234      --text-hover: var(--COLOR-TEXT-HOVER);
235      --text-a5: var(--COLOR-TEXT-A5);
236      --text-a35: var(--COLOR-TEXT-A35);
237      --text-a50: var(--COLOR-TEXT-A50);
238      --text-a80: var(--COLOR-TEXT-A80);
239    }
240  
241    
242    .color-scheme-2 {--COLOR-BG-GRADIENT: #000000;
243      --COLOR-BG: #000000;
244      --COLOR-BG-RGB: 0, 0, 0;
245
246      --COLOR-BG-ACCENT: #1a1a1a;
247      --COLOR-BG-ACCENT-LIGHTEN: #404040;
248
249      /* === Link Color ===*/
250
251      --COLOR-LINK: #cc0000;
252      --COLOR-LINK-A50: rgba(204, 0, 0, 0.5);
253      --COLOR-LINK-A70: rgba(204, 0, 0, 0.7);
254      --COLOR-LINK-HOVER: rgba(204, 0, 0, 0.7);
255      --COLOR-LINK-OPPOSITE: #ffffff;
256
257      --COLOR-TEXT: #ffffff;
258      --COLOR-TEXT-HOVER: rgba(255, 255, 255, 0.7);
259      --COLOR-TEXT-LIGHT: #b3b3b3;
260      --COLOR-TEXT-DARK: #d9d9d9;
261      --COLOR-TEXT-A5:  rgba(255, 255, 255, 0.05);
262      --COLOR-TEXT-A35: rgba(255, 255, 255, 0.35);
263      --COLOR-TEXT-A50: rgba(255, 255, 255, 0.5);
264      --COLOR-TEXT-A80: rgba(255, 255, 255, 0.8);
265
266
267      --COLOR-BORDER: rgb(51, 51, 51);
268      --COLOR-BORDER-LIGHT: #1f1f1f;
269      --COLOR-BORDER-DARK: #000000;
270      --COLOR-BORDER-HAIRLINE: #000000;
271
272      --overlay-bg: #000000;
273
274      /* === Bright color ===*/
275      --COLOR-ACCENT: #cc0000;
276      --COLOR-ACCENT-HOVER: #800000;
277      --COLOR-ACCENT-FADE: rgba(204, 0, 0, 0.05);
278      --COLOR-ACCENT-LIGHT: #ff6666;
279
280      /* === Default Cart Gradient ===*/
281
282      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);
283
284      /* === Buttons ===*/
285      --BTN-PRIMARY-BG: #cc0000;
286      --BTN-PRIMARY-TEXT: #ffffff;
287      --BTN-PRIMARY-BORDER: #cc0000;
288      --BTN-PRIMARY-BORDER-A70: rgba(204, 0, 0, 0.7);
289
290      
291      
292        --BTN-PRIMARY-BG-BRIGHTER: #e60000;
293      
294
295      --BTN-SECONDARY-BG: #ffffff;
296      --BTN-SECONDARY-TEXT: #000000;
297      --BTN-SECONDARY-BORDER: #ffffff;
298      --BTN-SECONDARY-BORDER-A70: rgba(255, 255, 255, 0.7);
299
300      
301      
302        --BTN-SECONDARY-BG-BRIGHTER: #f2f2f2;
303      
304
305      
306--COLOR-BG-BRIGHTER: #1a1a1a;
307
308      --COLOR-BG-ALPHA-25: rgba(0, 0, 0, 0.25);
309      --COLOR-BG-TRANSPARENT: rgba(0, 0, 0, 0);--COLOR-FOOTER-BG-HAIRLINE: #080808;
310
311      /* Dynamic color variables */
312      --accent: var(--COLOR-ACCENT);
313      --accent-fade: var(--COLOR-ACCENT-FADE);
314      --accent-hover: var(--COLOR-ACCENT-HOVER);
315      --border: var(--COLOR-BORDER);
316      --border-dark: var(--COLOR-BORDER-DARK);
317      --border-light: var(--COLOR-BORDER-LIGHT);
318      --border-hairline: var(--COLOR-BORDER-HAIRLINE);
319      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));
320      --bg-accent: var(--COLOR-BG-ACCENT);
321      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);
322      --icons: var(--COLOR-TEXT);
323      --link: var(--COLOR-LINK);
324      --link-a50: var(--COLOR-LINK-A50);
325      --link-a70: var(--COLOR-LINK-A70);
326      --link-hover: var(--COLOR-LINK-HOVER);
327      --link-opposite: var(--COLOR-LINK-OPPOSITE);
328      --text: var(--COLOR-TEXT);
329      --text-dark: var(--COLOR-TEXT-DARK);
330      --text-light: var(--COLOR-TEXT-LIGHT);
331      --text-hover: var(--COLOR-TEXT-HOVER);
332      --text-a5: var(--COLOR-TEXT-A5);
333      --text-a35: var(--COLOR-TEXT-A35);
334      --text-a50: var(--COLOR-TEXT-A50);
335      --text-a80: var(--COLOR-TEXT-A80);
336    }
337  
338    
339    .color-scheme-3 {--COLOR-BG-GRADIENT: #f5f5f5;
340      --COLOR-BG: #f5f5f5;
341      --COLOR-BG-RGB: 245, 245, 245;
342
343      --COLOR-BG-ACCENT: #ffffff;
344      --COLOR-BG-ACCENT-LIGHTEN: #ffffff;
345
346      /* === Link Color ===*/
347
348      --COLOR-LINK: #cc0000;
349      --COLOR-LINK-A50: rgba(204, 0, 0, 0.5);
350      --COLOR-LINK-A70: rgba(204, 0, 0, 0.7);
351      --COLOR-LINK-HOVER: rgba(204, 0, 0, 0.7);
352      --COLOR-LINK-OPPOSITE: #ffffff;
353
354      --COLOR-TEXT: #000000;
355      --COLOR-TEXT-HOVER: rgba(0, 0, 0, 0.7);
356      --COLOR-TEXT-LIGHT: #4a4a4a;
357      --COLOR-TEXT-DARK: #000000;
358      --COLOR-TEXT-A5:  rgba(0, 0, 0, 0.05);
359      --COLOR-TEXT-A35: rgba(0, 0, 0, 0.35);
360      --COLOR-TEXT-A50: rgba(0, 0, 0, 0.5);
361      --COLOR-TEXT-A80: rgba(0, 0, 0, 0.8);
362
363
364      --COLOR-BORDER: rgb(224, 224, 224);
365      --COLOR-BORDER-LIGHT: #e8e8e8;
366      --COLOR-BORDER-DARK: #adadad;
367      --COLOR-BORDER-HAIRLINE: #ededed;
368
369      --overlay-bg: #000000;
370
371      /* === Bright color ===*/
372      --COLOR-ACCENT: #cc0000;
373      --COLOR-ACCENT-HOVER: #800000;
374      --COLOR-ACCENT-FADE: rgba(204, 0, 0, 0.05);
375      --COLOR-ACCENT-LIGHT: #ff6666;
376
377      /* === Default Cart Gradient ===*/
378
379      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);
380
381      /* === Buttons ===*/
382      --BTN-PRIMARY-BG: #cc0000;
383      --BTN-PRIMARY-TEXT: #ffffff;
384      --BTN-PRIMARY-BORDER: #cc0000;
385      --BTN-PRIMARY-BORDER-A70: rgba(204, 0, 0, 0.7);
386
387      
388      
389        --BTN-PRIMARY-BG-BRIGHTER: #e60000;
390      
391
392      --BTN-SECONDARY-BG: #000000;
393      --BTN-SECONDARY-TEXT: #ffffff;
394      --BTN-SECONDARY-BORDER: #000000;
395      --BTN-SECONDARY-BORDER-A70: rgba(0, 0, 0, 0.7);
396
397      
398      
399        --BTN-SECONDARY-BG-BRIGHTER: #0d0d0d;
400      
401
402      
403--COLOR-BG-BRIGHTER: #e8e8e8;
404
405      --COLOR-BG-ALPHA-25: rgba(245, 245, 245, 0.25);
406      --COLOR-BG-TRANSPARENT: rgba(245, 245, 245, 0);--COLOR-FOOTER-BG-HAIRLINE: #ededed;
407
408      /* Dynamic color variables */
409      --accent: var(--COLOR-ACCENT);
410      --accent-fade: var(--COLOR-ACCENT-FADE);
411      --accent-hover: var(--COLOR-ACCENT-HOVER);
412      --border: var(--COLOR-BORDER);
413      --border-dark: var(--COLOR-BORDER-DARK);
414      --border-light: var(--COLOR-BORDER-LIGHT);
415      --border-hairline: var(--COLOR-BORDER-HAIRLINE);
416      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));
417      --bg-accent: var(--COLOR-BG-ACCENT);
418      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);
419      --icons: var(--COLOR-TEXT);
420      --link: var(--COLOR-LINK);
421      --link-a50: var(--COLOR-LINK-A50);
422      --link-a70: var(--COLOR-LINK-A70);
423      --link-hover: var(--COLOR-LINK-HOVER);
424      --link-opposite: var(--COLOR-LINK-OPPOSITE);
425      --text: var(--COLOR-TEXT);
426      --text-dark: var(--COLOR-TEXT-DARK);
427      --text-light: var(--COLOR-TEXT-LIGHT);
428      --text-hover: var(--COLOR-TEXT-HOVER);
429      --text-a5: var(--COLOR-TEXT-A5);
430      --text-a35: var(--COLOR-TEXT-A35);
431      --text-a50: var(--COLOR-TEXT-A50);
432      --text-a80: var(--COLOR-TEXT-A80);
433    }
434  
435    
436    .color-scheme-4 {--COLOR-BG-GRADIENT: #b0a38b;
437      --COLOR-BG: #b0a38b;
438      --COLOR-BG-RGB: 176, 163, 139;
439
440      --COLOR-BG-ACCENT: #f5f2ec;
441      --COLOR-BG-ACCENT-LIGHTEN: #ffffff;
442
443      /* === Link Color ===*/
444
445      --COLOR-LINK: #282c2e;
446      --COLOR-LINK-A50: rgba(40, 44, 46, 0.5);
447      --COLOR-LINK-A70: rgba(40, 44, 46, 0.7);
448      --COLOR-LINK-HOVER: rgba(40, 44, 46, 0.7);
449      --COLOR-LINK-OPPOSITE: #ffffff;
450
451      --COLOR-TEXT: #212121;
452      --COLOR-TEXT-HOVER: rgba(33, 33, 33, 0.7);
453      --COLOR-TEXT-LIGHT: #4c4841;
454      --COLOR-TEXT-DARK: #000000;
455      --COLOR-TEXT-A5:  rgba(33, 33, 33, 0.05);
456      --COLOR-TEXT-A35: rgba(33, 33, 33, 0.35);
457      --COLOR-TEXT-A50: rgba(33, 33, 33, 0.5);
458      --COLOR-TEXT-A80: rgba(33, 33, 33, 0.8);
459
460
461      --COLOR-BORDER: rgb(243, 243, 243);
462      --COLOR-BORDER-LIGHT: #d8d3c9;
463      --COLOR-BORDER-DARK: #c0c0c0;
464      --COLOR-BORDER-HAIRLINE: #aa9c82;
465
466      --overlay-bg: #000000;
467
468      /* === Bright color ===*/
469      --COLOR-ACCENT: #ab8c52;
470      --COLOR-ACCENT-HOVER: #806430;
471      --COLOR-ACCENT-FADE: rgba(171, 140, 82, 0.05);
472      --COLOR-ACCENT-LIGHT: #e8d4ae;
473
474      /* === Default Cart Gradient ===*/
475
476      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);
477
478      /* === Buttons ===*/
479      --BTN-PRIMARY-BG: #212121;
480      --BTN-PRIMARY-TEXT: #ffffff;
481      --BTN-PRIMARY-BORDER: #ffffff;
482      --BTN-PRIMARY-BORDER-A70: rgba(255, 255, 255, 0.7);
483
484      
485      
486        --BTN-PRIMARY-BG-BRIGHTER: #2e2e2e;
487      
488
489      --BTN-SECONDARY-BG: #ab8c52;
490      --BTN-SECONDARY-TEXT: #ffffff;
491      --BTN-SECONDARY-BORDER: #ab8c52;
492      --BTN-SECONDARY-BORDER-A70: rgba(171, 140, 82, 0.7);
493
494      
495      
496        --BTN-SECONDARY-BG-BRIGHTER: #9a7e4a;
497      
498
499      
500--COLOR-BG-BRIGHTER: #a6977c;
501
502      --COLOR-BG-ALPHA-25: rgba(176, 163, 139, 0.25);
503      --COLOR-BG-TRANSPARENT: rgba(176, 163, 139, 0);--COLOR-FOOTER-BG-HAIRLINE: #aa9c82;
504
505      /* Dynamic color variables */
506      --accent: var(--COLOR-ACCENT);
507      --accent-fade: var(--COLOR-ACCENT-FADE);
508      --accent-hover: var(--COLOR-ACCENT-HOVER);
509      --border: var(--COLOR-BORDER);
510      --border-dark: var(--COLOR-BORDER-DARK);
511      --border-light: var(--COLOR-BORDER-LIGHT);
512      --border-hairline: var(--COLOR-BORDER-HAIRLINE);
513      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));
514      --bg-accent: var(--COLOR-BG-ACCENT);
515      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);
516      --icons: var(--COLOR-TEXT);
517      --link: var(--COLOR-LINK);
518      --link-a50: var(--COLOR-LINK-A50);
519      --link-a70: var(--COLOR-LINK-A70);
520      --link-hover: var(--COLOR-LINK-HOVER);
521      --link-opposite: var(--COLOR-LINK-OPPOSITE);
522      --text: var(--COLOR-TEXT);
523      --text-dark: var(--COLOR-TEXT-DARK);
524      --text-light: var(--COLOR-TEXT-LIGHT);
525      --text-hover: var(--COLOR-TEXT-HOVER);
526      --text-a5: var(--COLOR-TEXT-A5);
527      --text-a35: var(--COLOR-TEXT-A35);
528      --text-a50: var(--COLOR-TEXT-A50);
529      --text-a80: var(--COLOR-TEXT-A80);
530    }
531  
532    
533    .color-scheme-5 {--COLOR-BG-GRADIENT: #ffffff73;
534      --COLOR-BG: #ffffff73;
535      --COLOR-BG-RGB: 255, 255, 255;
536
537      --COLOR-BG-ACCENT: #f5f2ec;
538      --COLOR-BG-ACCENT-LIGHTEN: #ffffff;
539
540      /* === Link Color ===*/
541
542      --COLOR-LINK: #282c2e;
543      --COLOR-LINK-A50: rgba(40, 44, 46, 0.5);
544      --COLOR-LINK-A70: rgba(40, 44, 46, 0.7);
545      --COLOR-LINK-HOVER: rgba(40, 44, 46, 0.7);
546      --COLOR-LINK-OPPOSITE: #ffffff;
547
548      --COLOR-TEXT: #2121218a;
549      --COLOR-TEXT-HOVER: rgba(33, 33, 33, 0.7);
550      --COLOR-TEXT-LIGHT: rgba(100, 100, 100, 0.52);
551      --COLOR-TEXT-DARK: rgba(0, 0, 0, 0.54);
552      --COLOR-TEXT-A5:  rgba(33, 33, 33, 0.05);
553      --COLOR-TEXT-A35: rgba(33, 33, 33, 0.35);
554      --COLOR-TEXT-A50: rgba(33, 33, 33, 0.5);
555      --COLOR-TEXT-A80: rgba(33, 33, 33, 0.8);
556
557
558      --COLOR-BORDER: rgb(243, 243, 243);
559      --COLOR-BORDER-LIGHT: rgba(248, 248, 248, 0.78);
560      --COLOR-BORDER-DARK: #c0c0c0;
561      --COLOR-BORDER-HAIRLINE: rgba(247, 247, 247, 0.45);
562
563      --overlay-bg: #644d3e58;
564
565      /* === Bright color ===*/
566      --COLOR-ACCENT: #ab8c52;
567      --COLOR-ACCENT-HOVER: #806430;
568      --COLOR-ACCENT-FADE: rgba(171, 140, 82, 0.05);
569      --COLOR-ACCENT-LIGHT: #e8d4ae;
570
571      /* === Default Cart Gradient ===*/
572
573      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);
574
575      /* === Buttons ===*/
576      --BTN-PRIMARY-BG: #212121;
577      --BTN-PRIMARY-TEXT: #ffffff;
578      --BTN-PRIMARY-BORDER: #212121;
579      --BTN-PRIMARY-BORDER-A70: rgba(33, 33, 33, 0.7);
580
581      
582      
583        --BTN-PRIMARY-BG-BRIGHTER: #2e2e2e;
584      
585
586      --BTN-SECONDARY-BG: #ab8c52;
587      --BTN-SECONDARY-TEXT: #ffffff;
588      --BTN-SECONDARY-BORDER: #ab8c52;
589      --BTN-SECONDARY-BORDER-A70: rgba(171, 140, 82, 0.7);
590
591      
592      
593        --BTN-SECONDARY-BG-BRIGHTER: #9a7e4a;
594      
595
596      
597--COLOR-BG-BRIGHTER: rgba(242, 242, 242, 0.45);
598
599      --COLOR-BG-ALPHA-25: rgba(255, 255, 255, 0.25);
600      --COLOR-BG-TRANSPARENT: rgba(255, 255, 255, 0);--COLOR-FOOTER-BG-HAIRLINE: rgba(247, 247, 247, 0.45);
601
602      /* Dynamic color variables */
603      --accent: var(--COLOR-ACCENT);
604      --accent-fade: var(--COLOR-ACCENT-FADE);
605      --accent-hover: var(--COLOR-ACCENT-HOVER);
606      --border: var(--COLOR-BORDER);
607      --border-dark: var(--COLOR-BORDER-DARK);
608      --border-light: var(--COLOR-BORDER-LIGHT);
609      --border-hairline: var(--COLOR-BORDER-HAIRLINE);
610      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));
611      --bg-accent: var(--COLOR-BG-ACCENT);
612      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);
613      --icons: var(--COLOR-TEXT);
614      --link: var(--COLOR-LINK);
615      --link-a50: var(--COLOR-LINK-A50);
616      --link-a70: var(--COLOR-LINK-A70);
617      --link-hover: var(--COLOR-LINK-HOVER);
618      --link-opposite: var(--COLOR-LINK-OPPOSITE);
619      --text: var(--COLOR-TEXT);
620      --text-dark: var(--COLOR-TEXT-DARK);
621      --text-light: var(--COLOR-TEXT-LIGHT);
622      --text-hover: var(--COLOR-TEXT-HOVER);
623      --text-a5: var(--COLOR-TEXT-A5);
624      --text-a35: var(--COLOR-TEXT-A35);
625      --text-a50: var(--COLOR-TEXT-A50);
626      --text-a80: var(--COLOR-TEXT-A80);
627    }
628  
629    
630    .color-scheme-6 {--COLOR-BG-GRADIENT: #fcfbf9;
631      --COLOR-BG: #fcfbf9;
632      --COLOR-BG-RGB: 252, 251, 249;
633
634      --COLOR-BG-ACCENT: #f5f2ec;
635      --COLOR-BG-ACCENT-LIGHTEN: #ffffff;
636
637      /* === Link Color ===*/
638
639      --COLOR-LINK: #282c2e;
640      --COLOR-LINK-A50: rgba(40, 44, 46, 0.5);
641      --COLOR-LINK-A70: rgba(40, 44, 46, 0.7);
642      --COLOR-LINK-HOVER: rgba(40, 44, 46, 0.7);
643      --COLOR-LINK-OPPOSITE: #ffffff;
644
645      --COLOR-TEXT: #212121;
646      --COLOR-TEXT-HOVER: rgba(33, 33, 33, 0.7);
647      --COLOR-TEXT-LIGHT: #636262;
648      --COLOR-TEXT-DARK: #000000;
649      --COLOR-TEXT-A5:  rgba(33, 33, 33, 0.05);
650      --COLOR-TEXT-A35: rgba(33, 33, 33, 0.35);
651      --COLOR-TEXT-A50: rgba(33, 33, 33, 0.5);
652      --COLOR-TEXT-A80: rgba(33, 33, 33, 0.8);
653
654
655      --COLOR-BORDER: rgb(209, 208, 206);
656      --COLOR-BORDER-LIGHT: #e2e1df;
657      --COLOR-BORDER-DARK: #a09e99;
658      --COLOR-BORDER-HAIRLINE: #f7f4ef;
659
660      --overlay-bg: #000000;
661
662      /* === Bright color ===*/
663      --COLOR-ACCENT: #ab8c52;
664      --COLOR-ACCENT-HOVER: #806430;
665      --COLOR-ACCENT-FADE: rgba(171, 140, 82, 0.05);
666      --COLOR-ACCENT-LIGHT: #e8d4ae;
667
668      /* === Default Cart Gradient ===*/
669
670      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);
671
672      /* === Buttons ===*/
673      --BTN-PRIMARY-BG: #ffffff;
674      --BTN-PRIMARY-TEXT: #212121;
675      --BTN-PRIMARY-BORDER: #ffffff;
676      --BTN-PRIMARY-BORDER-A70: rgba(255, 255, 255, 0.7);
677
678      
679      
680        --BTN-PRIMARY-BG-BRIGHTER: #f2f2f2;
681      
682
683      --BTN-SECONDARY-BG: #ab8c52;
684      --BTN-SECONDARY-TEXT: #ffffff;
685      --BTN-SECONDARY-BORDER: #ab8c52;
686      --BTN-SECONDARY-BORDER-A70: rgba(171, 140, 82, 0.7);
687
688      
689      
690        --BTN-SECONDARY-BG-BRIGHTER: #9a7e4a;
691      
692
693      
694--COLOR-BG-BRIGHTER: #f4f0e8;
695
696      --COLOR-BG-ALPHA-25: rgba(252, 251, 249, 0.25);
697      --COLOR-BG-TRANSPARENT: rgba(252, 251, 249, 0);--COLOR-FOOTER-BG-HAIRLINE: #f7f4ef;
698
699      /* Dynamic color variables */
700      --accent: var(--COLOR-ACCENT);
701      --accent-fade: var(--COLOR-ACCENT-FADE);
702      --accent-hover: var(--COLOR-ACCENT-HOVER);
703      --border: var(--COLOR-BORDER);
704      --border-dark: var(--COLOR-BORDER-DARK);
705      --border-light: var(--COLOR-BORDER-LIGHT);
706      --border-hairline: var(--COLOR-BORDER-HAIRLINE);
707      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));
708      --bg-accent: var(--COLOR-BG-ACCENT);
709      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);
710      --icons: var(--COLOR-TEXT);
711      --link: var(--COLOR-LINK);
712      --link-a50: var(--COLOR-LINK-A50);
713      --link-a70: var(--COLOR-LINK-A70);
714      --link-hover: var(--COLOR-LINK-HOVER);
715      --link-opposite: var(--COLOR-LINK-OPPOSITE);
716      --text: var(--COLOR-TEXT);
717      --text-dark: var(--COLOR-TEXT-DARK);
718      --text-light: var(--COLOR-TEXT-LIGHT);
719      --text-hover: var(--COLOR-TEXT-HOVER);
720      --text-a5: var(--COLOR-TEXT-A5);
721      --text-a35: var(--COLOR-TEXT-A35);
722      --text-a50: var(--COLOR-TEXT-A50);
723      --text-a80: var(--COLOR-TEXT-A80);
724    }
725  
726    
727    .color-scheme-7 {--COLOR-BG-GRADIENT: #f5f2ec;
728      --COLOR-BG: #f5f2ec;
729      --COLOR-BG-RGB: 245, 242, 236;
730
731      --COLOR-BG-ACCENT: #f5f2ec;
732      --COLOR-BG-ACCENT-LIGHTEN: #ffffff;
733
734      /* === Link Color ===*/
735
736      --COLOR-LINK: #282c2e;
737      --COLOR-LINK-A50: rgba(40, 44, 46, 0.5);
738      --COLOR-LINK-A70: rgba(40, 44, 46, 0.7);
739      --COLOR-LINK-HOVER: rgba(40, 44, 46, 0.7);
740      --COLOR-LINK-OPPOSITE: #ffffff;
741
742      --COLOR-TEXT: #685a3f;
743      --COLOR-TEXT-HOVER: rgba(104, 90, 63, 0.7);
744      --COLOR-TEXT-LIGHT: #928873;
745      --COLOR-TEXT-DARK: #3d321e;
746      --COLOR-TEXT-A5:  rgba(104, 90, 63, 0.05);
747      --COLOR-TEXT-A35: rgba(104, 90, 63, 0.35);
748      --COLOR-TEXT-A50: rgba(104, 90, 63, 0.5);
749      --COLOR-TEXT-A80: rgba(104, 90, 63, 0.8);
750
751
752      --COLOR-BORDER: rgb(209, 205, 196);
753      --COLOR-BORDER-LIGHT: #dfdcd4;
754      --COLOR-BORDER-DARK: #a49c8b;
755      --COLOR-BORDER-HAIRLINE: #f0ebe2;
756
757      --overlay-bg: #000000;
758
759      /* === Bright color ===*/
760      --COLOR-ACCENT: #ab8c52;
761      --COLOR-ACCENT-HOVER: #806430;
762      --COLOR-ACCENT-FADE: rgba(171, 140, 82, 0.05);
763      --COLOR-ACCENT-LIGHT: #e8d4ae;
764
765      /* === Default Cart Gradient ===*/
766
767      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);
768
769      /* === Buttons ===*/
770      --BTN-PRIMARY-BG: #212121;
771      --BTN-PRIMARY-TEXT: #ffffff;
772      --BTN-PRIMARY-BORDER: #212121;
773      --BTN-PRIMARY-BORDER-A70: rgba(33, 33, 33, 0.7);
774
775      
776      
777        --BTN-PRIMARY-BG-BRIGHTER: #2e2e2e;
778      
779
780      --BTN-SECONDARY-BG: #ab8c52;
781      --BTN-SECONDARY-TEXT: #ffffff;
782      --BTN-SECONDARY-BORDER: #ab8c52;
783      --BTN-SECONDARY-BORDER-A70: rgba(171, 140, 82, 0.7);
784
785      
786      
787        --BTN-SECONDARY-BG-BRIGHTER: #9a7e4a;
788      
789
790      
791--COLOR-BG-BRIGHTER: #ece7db;
792
793      --COLOR-BG-ALPHA-25: rgba(245, 242, 236, 0.25);
794      --COLOR-BG-TRANSPARENT: rgba(245, 242, 236, 0);--COLOR-FOOTER-BG-HAIRLINE: #f0ebe2;
795
796      /* Dynamic color variables */
797      --accent: var(--COLOR-ACCENT);
798      --accent-fade: var(--COLOR-ACCENT-FADE);
799      --accent-hover: var(--COLOR-ACCENT-HOVER);
800      --border: var(--COLOR-BORDER);
801      --border-dark: var(--COLOR-BORDER-DARK);
802      --border-light: var(--COLOR-BORDER-LIGHT);
803      --border-hairline: var(--COLOR-BORDER-HAIRLINE);
804      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));
805      --bg-accent: var(--COLOR-BG-ACCENT);
806      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);
807      --icons: var(--COLOR-TEXT);
808      --link: var(--COLOR-LINK);
809      --link-a50: var(--COLOR-LINK-A50);
810      --link-a70: var(--COLOR-LINK-A70);
811      --link-hover: var(--COLOR-LINK-HOVER);
812      --link-opposite: var(--COLOR-LINK-OPPOSITE);
813      --text: var(--COLOR-TEXT);
814      --text-dark: var(--COLOR-TEXT-DARK);
815      --text-light: var(--COLOR-TEXT-LIGHT);
816      --text-hover: var(--COLOR-TEXT-HOVER);
817      --text-a5: var(--COLOR-TEXT-A5);
818      --text-a35: var(--COLOR-TEXT-A35);
819      --text-a50: var(--COLOR-TEXT-A50);
820      --text-a80: var(--COLOR-TEXT-A80);
821    }
822  
823    
824    .color-scheme-8 {--COLOR-BG-GRADIENT: #3d2e1f;
825      --COLOR-BG: #3d2e1f;
826      --COLOR-BG-RGB: 61, 46, 31;
827
828      --COLOR-BG-ACCENT: #4a3828;
829      --COLOR-BG-ACCENT-LIGHTEN: #7c5e43;
830
831      /* === Link Color ===*/
832
833      --COLOR-LINK: #d4a76a;
834      --COLOR-LINK-A50: rgba(212, 167, 106, 0.5);
835      --COLOR-LINK-A70: rgba(212, 167, 106, 0.7);
836      --COLOR-LINK-HOVER: rgba(212, 167, 106, 0.7);
837      --COLOR-LINK-OPPOSITE: #ffffff;
838
839      --COLOR-TEXT: #faf6f0;
840      --COLOR-TEXT-HOVER: rgba(250, 246, 240, 0.7);
841      --COLOR-TEXT-LIGHT: #c1bab1;
842      --COLOR-TEXT-DARK: #ecd4b2;
843      --COLOR-TEXT-A5:  rgba(250, 246, 240, 0.05);
844      --COLOR-TEXT-A35: rgba(250, 246, 240, 0.35);
845      --COLOR-TEXT-A50: rgba(250, 246, 240, 0.5);
846      --COLOR-TEXT-A80: rgba(250, 246, 240, 0.8);
847
848
849      --COLOR-BORDER: rgb(209, 205, 196);
850      --COLOR-BORDER-LIGHT: #968d82;
851      --COLOR-BORDER-DARK: #a49c8b;
852      --COLOR-BORDER-HAIRLINE: #33261a;
853
854      --overlay-bg: #000000;
855
856      /* === Bright color ===*/
857      --COLOR-ACCENT: #d4a76a;
858      --COLOR-ACCENT-HOVER: #c8842a;
859      --COLOR-ACCENT-FADE: rgba(212, 167, 106, 0.05);
860      --COLOR-ACCENT-LIGHT: #faeedd;
861
862      /* === Default Cart Gradient ===*/
863
864      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);
865
866      /* === Buttons ===*/
867      --BTN-PRIMARY-BG: #d4a76a;
868      --BTN-PRIMARY-TEXT: #2c1e12;
869      --BTN-PRIMARY-BORDER: #d4a76a;
870      --BTN-PRIMARY-BORDER-A70: rgba(212, 167, 106, 0.7);
871
872      
873      
874        --BTN-PRIMARY-BG-BRIGHTER: #ce9b56;
875      
876
877      --BTN-SECONDARY-BG: #ab8c52;
878      --BTN-SECONDARY-TEXT: #ffffff;
879      --BTN-SECONDARY-BORDER: #ab8c52;
880      --BTN-SECONDARY-BORDER-A70: rgba(171, 140, 82, 0.7);
881
882      
883      
884        --BTN-SECONDARY-BG-BRIGHTER: #9a7e4a;
885      
886
887      
888--COLOR-BG-BRIGHTER: #4e3b28;
889
890      --COLOR-BG-ALPHA-25: rgba(61, 46, 31, 0.25);
891      --COLOR-BG-TRANSPARENT: rgba(61, 46, 31, 0);--COLOR-FOOTER-BG-HAIRLINE: #473624;
892
893      /* Dynamic color variables */
894      --accent: var(--COLOR-ACCENT);
895      --accent-fade: var(--COLOR-ACCENT-FADE);
896      --accent-hover: var(--COLOR-ACCENT-HOVER);
897      --border: var(--COLOR-BORDER);
898      --border-dark: var(--COLOR-BORDER-DARK);
899      --border-light: var(--COLOR-BORDER-LIGHT);
900      --border-hairline: var(--COLOR-BORDER-HAIRLINE);
901      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));
902      --bg-accent: var(--COLOR-BG-ACCENT);
903      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);
904      --icons: var(--COLOR-TEXT);
905      --link: var(--COLOR-LINK);
906      --link-a50: var(--COLOR-LINK-A50);
907      --link-a70: var(--COLOR-LINK-A70);
908      --link-hover: var(--COLOR-LINK-HOVER);
909      --link-opposite: var(--COLOR-LINK-OPPOSITE);
910      --text: var(--COLOR-TEXT);
911      --text-dark: var(--COLOR-TEXT-DARK);
912      --text-light: var(--COLOR-TEXT-LIGHT);
913      --text-hover: var(--COLOR-TEXT-HOVER);
914      --text-a5: var(--COLOR-TEXT-A5);
915      --text-a35: var(--COLOR-TEXT-A35);
916      --text-a50: var(--COLOR-TEXT-A50);
917      --text-a80: var(--COLOR-TEXT-A80);
918    }
919  
920    
921    .color-scheme-9 {--COLOR-BG-GRADIENT: #aecfb8;
922      --COLOR-BG: #aecfb8;
923      --COLOR-BG-RGB: 174, 207, 184;
924
925      --COLOR-BG-ACCENT: #f5f2ec;
926      --COLOR-BG-ACCENT-LIGHTEN: #ffffff;
927
928      /* === Link Color ===*/
929
930      --COLOR-LINK: #282c2e;
931      --COLOR-LINK-A50: rgba(40, 44, 46, 0.5);
932      --COLOR-LINK-A70: rgba(40, 44, 46, 0.7);
933      --COLOR-LINK-HOVER: rgba(40, 44, 46, 0.7);
934      --COLOR-LINK-OPPOSITE: #ffffff;
935
936      --COLOR-TEXT: #212121;
937      --COLOR-TEXT-HOVER: rgba(33, 33, 33, 0.7);
938      --COLOR-TEXT-LIGHT: #4b554e;
939      --COLOR-TEXT-DARK: #000000;
940      --COLOR-TEXT-A5:  rgba(33, 33, 33, 0.05);
941      --COLOR-TEXT-A35: rgba(33, 33, 33, 0.35);
942      --COLOR-TEXT-A50: rgba(33, 33, 33, 0.5);
943      --COLOR-TEXT-A80: rgba(33, 33, 33, 0.8);
944
945
946      --COLOR-BORDER: rgb(234, 234, 234);
947      --COLOR-BORDER-LIGHT: #d2dfd6;
948      --COLOR-BORDER-DARK: #b7b7b7;
949      --COLOR-BORDER-HAIRLINE: #a4c9b0;
950
951      --overlay-bg: #000000;
952
953      /* === Bright color ===*/
954      --COLOR-ACCENT: #ab8c52;
955      --COLOR-ACCENT-HOVER: #806430;
956      --COLOR-ACCENT-FADE: rgba(171, 140, 82, 0.05);
957      --COLOR-ACCENT-LIGHT: #e8d4ae;
958
959      /* === Default Cart Gradient ===*/
960
961      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);
962
963      /* === Buttons ===*/
964      --BTN-PRIMARY-BG: #212121;
965      --BTN-PRIMARY-TEXT: #ffffff;
966      --BTN-PRIMARY-BORDER: #212121;
967      --BTN-PRIMARY-BORDER-A70: rgba(33, 33, 33, 0.7);
968
969      
970      
971        --BTN-PRIMARY-BG-BRIGHTER: #2e2e2e;
972      
973
974      --BTN-SECONDARY-BG: #f5f2ec;
975      --BTN-SECONDARY-TEXT: #212121;
976      --BTN-SECONDARY-BORDER: #f5f2ec;
977      --BTN-SECONDARY-BORDER-A70: rgba(245, 242, 236, 0.7);
978
979      
980      
981        --BTN-SECONDARY-BG-BRIGHTER: #ece7db;
982      
983
984      
985--COLOR-BG-BRIGHTER: #9ec6aa;
986
987      --COLOR-BG-ALPHA-25: rgba(174, 207, 184, 0.25);
988      --COLOR-BG-TRANSPARENT: rgba(174, 207, 184, 0);--COLOR-FOOTER-BG-HAIRLINE: #a4c9b0;
989
990      /* Dynamic color variables */
991      --accent: var(--COLOR-ACCENT);
992      --accent-fade: var(--COLOR-ACCENT-FADE);
993      --accent-hover: var(--COLOR-ACCENT-HOVER);
994      --border: var(--COLOR-BORDER);
995      --border-dark: var(--COLOR-BORDER-DARK);
996      --border-light: var(--COLOR-BORDER-LIGHT);
997      --border-hairline: var(--COLOR-BORDER-HAIRLINE);
998      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));
999      --bg-accent: var(--COLOR-BG-ACCENT);
1000      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);
1001      --icons: var(--COLOR-TEXT);
1002      --link: var(--COLOR-LINK);
1003      --link-a50: var(--COLOR-LINK-A50);
1004      --link-a70: var(--COLOR-LINK-A70);
1005      --link-hover: var(--COLOR-LINK-HOVER);
1006      --link-opposite: var(--COLOR-LINK-OPPOSITE);
1007      --text: var(--COLOR-TEXT);
1008      --text-dark: var(--COLOR-TEXT-DARK);
1009      --text-light: var(--COLOR-TEXT-LIGHT);
1010      --text-hover: var(--COLOR-TEXT-HOVER);
1011      --text-a5: var(--COLOR-TEXT-A5);
1012      --text-a35: var(--COLOR-TEXT-A35);
1013      --text-a50: var(--COLOR-TEXT-A50);
1014      --text-a80: var(--COLOR-TEXT-A80);
1015    }
1016  
1017    
1018    .color-scheme-10 {--COLOR-BG-GRADIENT: rgba(0,0,0,0);
1019      --COLOR-BG: rgba(0,0,0,0);
1020      --COLOR-BG-RGB: 0, 0, 0;
1021
1022      --COLOR-BG-ACCENT: #f5f2ec;
1023      --COLOR-BG-ACCENT-LIGHTEN: #ffffff;
1024
1025      /* === Link Color ===*/
1026
1027      --COLOR-LINK: #282c2e;
1028      --COLOR-LINK-A50: rgba(40, 44, 46, 0.5);
1029      --COLOR-LINK-A70: rgba(40, 44, 46, 0.7);
1030      --COLOR-LINK-HOVER: rgba(40, 44, 46, 0.7);
1031      --COLOR-LINK-OPPOSITE: #ffffff;
1032
1033      --COLOR-TEXT: #ffffff;
1034      --COLOR-TEXT-HOVER: rgba(255, 255, 255, 0.7);
1035      --COLOR-TEXT-LIGHT: rgba(179, 179, 179, 0.7);
1036      --COLOR-TEXT-DARK: #d9d9d9;
1037      --COLOR-TEXT-A5:  rgba(255, 255, 255, 0.05);
1038      --COLOR-TEXT-A35: rgba(255, 255, 255, 0.35);
1039      --COLOR-TEXT-A50: rgba(255, 255, 255, 0.5);
1040      --COLOR-TEXT-A80: rgba(255, 255, 255, 0.8);
1041
1042
1043      --COLOR-BORDER: rgb(209, 205, 196);
1044      --COLOR-BORDER-LIGHT: rgba(125, 123, 118, 0.6);
1045      --COLOR-BORDER-DARK: #a49c8b;
1046      --COLOR-BORDER-HAIRLINE: rgba(0, 0, 0, 0.0);
1047
1048      --overlay-bg: #000000;
1049
1050      /* === Bright color ===*/
1051      --COLOR-ACCENT: #ab8c52;
1052      --COLOR-ACCENT-HOVER: #806430;
1053      --COLOR-ACCENT-FADE: rgba(171, 140, 82, 0.05);
1054      --COLOR-ACCENT-LIGHT: #e8d4ae;
1055
1056      /* === Default Cart Gradient ===*/
1057
1058      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);
1059
1060      /* === Buttons ===*/
1061      --BTN-PRIMARY-BG: #212121;
1062      --BTN-PRIMARY-TEXT: #ffffff;
1063      --BTN-PRIMARY-BORDER: #ffffff;
1064      --BTN-PRIMARY-BORDER-A70: rgba(255, 255, 255, 0.7);
1065
1066      
1067      
1068        --BTN-PRIMARY-BG-BRIGHTER: #2e2e2e;
1069      
1070
1071      --BTN-SECONDARY-BG: #ab8c52;
1072      --BTN-SECONDARY-TEXT: #ffffff;
1073      --BTN-SECONDARY-BORDER: #ab8c52;
1074      --BTN-SECONDARY-BORDER-A70: rgba(171, 140, 82, 0.7);
1075
1076      
1077      
1078        --BTN-SECONDARY-BG-BRIGHTER: #9a7e4a;
1079      
1080
1081      
1082--COLOR-BG-BRIGHTER: rgba(26, 26, 26, 0.0);
1083
1084      --COLOR-BG-ALPHA-25: rgba(0, 0, 0, 0.25);
1085      --COLOR-BG-TRANSPARENT: rgba(0, 0, 0, 0);--COLOR-FOOTER-BG-HAIRLINE: rgba(8, 8, 8, 0.0);
1086
1087      /* Dynamic color variables */
1088      --accent: var(--COLOR-ACCENT);
1089      --accent-fade: var(--COLOR-ACCENT-FADE);
1090      --accent-hover: var(--COLOR-ACCENT-HOVER);
1091      --border: var(--COLOR-BORDER);
1092      --border-dark: var(--COLOR-BORDER-DARK);
1093      --border-light: var(--COLOR-BORDER-LIGHT);
1094      --border-hairline: var(--COLOR-BORDER-HAIRLINE);
1095      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));
1096      --bg-accent: var(--COLOR-BG-ACCENT);
1097      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);
1098      --icons: var(--COLOR-TEXT);
1099      --link: var(--COLOR-LINK);
1100      --link-a50: var(--COLOR-LINK-A50);
1101      --link-a70: var(--COLOR-LINK-A70);
1102      --link-hover: var(--COLOR-LINK-HOVER);
1103      --link-opposite: var(--COLOR-LINK-OPPOSITE);
1104      --text: var(--COLOR-TEXT);
1105      --text-dark: var(--COLOR-TEXT-DARK);
1106      --text-light: var(--COLOR-TEXT-LIGHT);
1107      --text-hover: var(--COLOR-TEXT-HOVER);
1108      --text-a5: var(--COLOR-TEXT-A5);
1109      --text-a35: var(--COLOR-TEXT-A35);
1110      --text-a50: var(--COLOR-TEXT-A50);
1111      --text-a80: var(--COLOR-TEXT-A80);
1112    }
1113  
1114    
1115    .color-scheme-11 {--COLOR-BG-GRADIENT: rgba(0,0,0,0);
1116      --COLOR-BG: rgba(0,0,0,0);
1117      --COLOR-BG-RGB: 0, 0, 0;
1118
1119      --COLOR-BG-ACCENT: #f5f2ec;
1120      --COLOR-BG-ACCENT-LIGHTEN: #ffffff;
1121
1122      /* === Link Color ===*/
1123
1124      --COLOR-LINK: #282c2e;
1125      --COLOR-LINK-A50: rgba(40, 44, 46, 0.5);
1126      --COLOR-LINK-A70: rgba(40, 44, 46, 0.7);
1127      --COLOR-LINK-HOVER: rgba(40, 44, 46, 0.7);
1128      --COLOR-LINK-OPPOSITE: #ffffff;
1129
1130      --COLOR-TEXT: #ffffff;
1131      --COLOR-TEXT-HOVER: rgba(255, 255, 255, 0.7);
1132      --COLOR-TEXT-LIGHT: rgba(179, 179, 179, 0.7);
1133      --COLOR-TEXT-DARK: #d9d9d9;
1134      --COLOR-TEXT-A5:  rgba(255, 255, 255, 0.05);
1135      --COLOR-TEXT-A35: rgba(255, 255, 255, 0.35);
1136      --COLOR-TEXT-A50: rgba(255, 255, 255, 0.5);
1137      --COLOR-TEXT-A80: rgba(255, 255, 255, 0.8);
1138
1139
1140      --COLOR-BORDER: rgb(209, 205, 196);
1141      --COLOR-BORDER-LIGHT: rgba(125, 123, 118, 0.6);
1142      --COLOR-BORDER-DARK: #a49c8b;
1143      --COLOR-BORDER-HAIRLINE: rgba(0, 0, 0, 0.0);
1144
1145      --overlay-bg: #000000;
1146
1147      /* === Bright color ===*/
1148      --COLOR-ACCENT: #ab8c52;
1149      --COLOR-ACCENT-HOVER: #806430;
1150      --COLOR-ACCENT-FADE: rgba(171, 140, 82, 0.05);
1151      --COLOR-ACCENT-LIGHT: #e8d4ae;
1152
1153      /* === Default Cart Gradient ===*/
1154
1155      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);
1156
1157      /* === Buttons ===*/
1158      --BTN-PRIMARY-BG: #212121;
1159      --BTN-PRIMARY-TEXT: #ffffff;
1160      --BTN-PRIMARY-BORDER: #ffffff;
1161      --BTN-PRIMARY-BORDER-A70: rgba(255, 255, 255, 0.7);
1162
1163      
1164      
1165        --BTN-PRIMARY-BG-BRIGHTER: #2e2e2e;
1166      
1167
1168      --BTN-SECONDARY-BG: #ab8c52;
1169      --BTN-SECONDARY-TEXT: #ffffff;
1170      --BTN-SECONDARY-BORDER: #ab8c52;
1171      --BTN-SECONDARY-BORDER-A70: rgba(171, 140, 82, 0.7);
1172
1173      
1174      
1175        --BTN-SECONDARY-BG-BRIGHTER: #9a7e4a;
1176      
1177
1178      
1179--COLOR-BG-BRIGHTER: rgba(26, 26, 26, 0.0);
1180
1181      --COLOR-BG-ALPHA-25: rgba(0, 0, 0, 0.25);
1182      --COLOR-BG-TRANSPARENT: rgba(0, 0, 0, 0);--COLOR-FOOTER-BG-HAIRLINE: rgba(8, 8, 8, 0.0);
1183
1184      /* Dynamic color variables */
1185      --accent: var(--COLOR-ACCENT);
1186      --accent-fade: var(--COLOR-ACCENT-FADE);
1187      --accent-hover: var(--COLOR-ACCENT-HOVER);
1188      --border: var(--COLOR-BORDER);
1189      --border-dark: var(--COLOR-BORDER-DARK);
1190      --border-light: var(--COLOR-BORDER-LIGHT);
1191      --border-hairline: var(--COLOR-BORDER-HAIRLINE);
1192      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));
1193      --bg-accent: var(--COLOR-BG-ACCENT);
1194      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);
1195      --icons: var(--COLOR-TEXT);
1196      --link: var(--COLOR-LINK);
1197      --link-a50: var(--COLOR-LINK-A50);
1198      --link-a70: var(--COLOR-LINK-A70);
1199      --link-hover: var(--COLOR-LINK-HOVER);
1200      --link-opposite: var(--COLOR-LINK-OPPOSITE);
1201      --text: var(--COLOR-TEXT);
1202      --text-dark: var(--COLOR-TEXT-DARK);
1203      --text-light: var(--COLOR-TEXT-LIGHT);
1204      --text-hover: var(--COLOR-TEXT-HOVER);
1205      --text-a5: var(--COLOR-TEXT-A5);
1206      --text-a35: var(--COLOR-TEXT-A35);
1207      --text-a50: var(--COLOR-TEXT-A50);
1208      --text-a80: var(--COLOR-TEXT-A80);
1209    }
1210  
1211
1212  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-7, .color-scheme-8, .color-scheme-9, .color-scheme-10, .color-scheme-11 {
1213    color: var(--text);
1214    background: var(--bg);
1215  }
1216
1217  :root {
1218    --scrollbar-width: 0px;
1219
1220    /* === Product grid badges ===*/
1221    --COLOR-SALE-BG: #cc0000;
1222    --COLOR-SALE-TEXT: #ffffff;
1223
1224    --COLOR-BADGE-BG: #cc0000;
1225    --COLOR-BADGE-TEXT: #ffffff;
1226
1227    --COLOR-SOLD-BG: #444444;
1228    --COLOR-SOLD-TEXT: #ffffff;
1229
1230    --COLOR-NEW-BADGE-BG: #c0b9b8;
1231    --COLOR-NEW-BADGE-TEXT: #212121;
1232
1233    --COLOR-PREORDER-BG: #644d3e;
1234    --COLOR-PREORDER-TEXT: #ffffff;
1235
1236    /* === Quick Add ===*/
1237    --COLOR-QUICK-ADD-BG: #ffffff;
1238    --COLOR-QUICK-ADD-BG-BRIGHTER: #f2f2f2;
1239    --COLOR-QUICK-ADD-TEXT: #000000;
1240
1241    /* === Product sale color ===*/
1242    --COLOR-SALE: #ffffff;
1243
1244    /* === Helper colors for form error states ===*/
1245    --COLOR-ERROR: #721C24;
1246    --COLOR-ERROR-BG: #F8D7DA;
1247    --COLOR-ERROR-BORDER: #F5C6CB;
1248
1249    --COLOR-SUCCESS: #56AD6A;
1250    --COLOR-SUCCESS-BG: rgba(86, 173, 106, 0.2);
1251
1252    
1253      --RADIUS: 300px;
1254      --RADIUS-SELECT: 22px;
1255    
1256
1257    --COLOR-HEADER-LINK: #000000;
1258    --COLOR-HEADER-LINK-HOVER: #000000;
1259
1260    --COLOR-MENU-BG: #ffffff;
1261    --COLOR-SUBMENU-BG: #ffffff;
1262    --COLOR-SUBMENU-LINK: #000000;
1263    --COLOR-SUBMENU-LINK-HOVER: rgba(0, 0, 0, 0.7);
1264    --COLOR-SUBMENU-TEXT-LIGHT: #4d4d4d;
1265
1266    
1267      --COLOR-MENU-TRANSPARENT: #ffffff;
1268      --COLOR-MENU-TRANSPARENT-HOVER: #ffffff;
1269    
1270
1271    --TRANSPARENT: rgba(255, 255, 255, 0);
1272
1273    /* === Default overlay opacity ===*/
1274    --underlay-opacity: 1;
1275    --underlay-bg: rgba(0,0,0,0.4);
1276    --header-overlay-color: transparent;
1277
1278    /* === Custom Cursor ===*/
1279    --ICON-ZOOM-IN: url( "//woodies.com/cdn/shop/t/35/assets/icon-zoom-in.svg?v=182473373117644429561771959277" );
1280    --ICON-ZOOM-OUT: url( "//woodies.com/cdn/shop/t/35/assets/icon-zoom-out.svg?v=101497157853986683871771959277" );
1281
1282    /* === Custom Icons ===*/
1283    
1284    
1285      
1286      --ICON-ADD-BAG: url( "//woodies.com/cdn/shop/t/35/assets/icon-add-bag.svg?v=23763382405227654651771959277" );
1287      --ICON-ADD-CART: url( "//woodies.com/cdn/shop/t/35/assets/icon-add-cart.svg?v=3962293684743587821771959277" );
1288      --ICON-ARROW-LEFT: url( "//woodies.com/cdn/shop/t/35/assets/icon-nav-arrow-left.svg?v=106782211883556531691771959277" );
1289      --ICON-ARROW-RIGHT: url( "//woodies.com/cdn/shop/t/35/assets/icon-nav-arrow-right.svg?v=159363876971816882971771959277" );
1290      --ICON-SELECT: url("//woodies.com/cdn/shop/t/35/assets/icon-select.svg?v=150573211567947701091771959277");
1291    
1292
1293    --PRODUCT-GRID-ASPECT-RATIO: 80.0%;
1294
1295    /* === Typography ===*/
1296    --FONT-HEADING-MINI: 12px;
1297    --FONT-HEADING-X-SMALL: 16px;
1298    --FONT-HEADING-SMALL: 20px;
1299    --FONT-HEADING-MEDIUM: 36px;
1300    --FONT-HEADING-LARGE: 48px;
1301    --FONT-HEADING-X-LARGE: 60px;
1302
1303    --FONT-HEADING-MINI-MOBILE: 12px;
1304    --FONT-HEADING-X-SMALL-MOBILE: 16px;
1305    --FONT-HEADING-SMALL-MOBILE: 20px;
1306    --FONT-HEADING-MEDIUM-MOBILE: 24px;
1307    --FONT-HEADING-LARGE-MOBILE: 32px;
1308    --FONT-HEADING-X-LARGE-MOBILE: 45px;
1309
1310    --FONT-STACK-BODY: "DM Sans", sans-serif;
1311    --FONT-STYLE-BODY: normal;
1312    --FONT-WEIGHT-BODY: 400;
1313    --FONT-WEIGHT-BODY-BOLD: 500;
1314
1315    --LETTER-SPACING-BODY: 0.0em;
1316
1317    --FONT-STACK-HEADING: Besley, serif;
1318    --FONT-WEIGHT-HEADING: 700;
1319    --FONT-STYLE-HEADING: normal;
1320
1321    --FONT-UPPERCASE-HEADING: uppercase;
1322    --LETTER-SPACING-HEADING: 0.025em;
1323
1324    --FONT-STACK-SUBHEADING: Karla, sans-serif;
1325    --FONT-WEIGHT-SUBHEADING: 400;
1326    --FONT-STYLE-SUBHEADING: normal;
1327    --FONT-SIZE-SUBHEADING-DESKTOP: 14px;
1328    --FONT-SIZE-SUBHEADING-MOBILE: 14px;
1329
1330    --FONT-UPPERCASE-SUBHEADING: uppercase;
1331    --LETTER-SPACING-SUBHEADING: 0.0em;
1332
1333    --FONT-STACK-NAV: "DM Sans", sans-serif;
1334    --FONT-WEIGHT-NAV: 400;
1335    --FONT-WEIGHT-NAV-BOLD: 500;
1336    --FONT-STYLE-NAV: normal;
1337    --FONT-SIZE-NAV: 16px;
1338
1339
1340    --LETTER-SPACING-NAV: 0.0em;
1341
1342    --FONT-SIZE-BASE: 16px;
1343
1344    /* === Parallax ===*/
1345    --PARALLAX-STRENGTH-MIN: 120.0%;
1346    --PARALLAX-STRENGTH-MAX: 130.0%;--COLUMNS: 4;
1347    --COLUMNS-MEDIUM: 3;
1348    --COLUMNS-SMALL: 2;
1349    --COLUMNS-MOBILE: 1;--LAYOUT-OUTER: 50px;
1350      --LAYOUT-GUTTER: 32px;
1351      --LAYOUT-OUTER-MEDIUM: 30px;
1352      --LAYOUT-GUTTER-MEDIUM: 22px;
1353      --LAYOUT-OUTER-SMALL: 16px;
1354      --LAYOUT-GUTTER-SMALL: 16px;--base-animation-delay: 0ms;
1355    --line-height-normal: 1.375; /* Equals to line-height: normal; */--SIDEBAR-WIDTH: 288px;
1356      --SIDEBAR-WIDTH-MEDIUM: 258px;--DRAWER-WIDTH: 380px;--ICON-STROKE-WIDTH: 1px;
1357
1358    /* === Button General ===*/
1359    --BTN-FONT-STACK: Karla, sans-serif;
1360    --BTN-FONT-WEIGHT: 400;
1361    --BTN-FONT-STYLE: normal;
1362    --BTN-FONT-SIZE: 14px;
1363    --BTN-SIZE-SMALL: 7px;
1364    --BTN-SIZE-MEDIUM: 9px;
1365    --BTN-SIZE-LARGE: 16px;--BTN-FONT-SIZE-BODY: 0.875rem;
1366
1367    --BTN-LETTER-SPACING: 0.025em;
1368    --BTN-UPPERCASE: uppercase;
1369    --BTN-TEXT-ARROW-OFFSET: -1px;
1370
1371    /* === Button White ===*/
1372    --COLOR-TEXT-BTN-BG-WHITE: #fff;
1373    --COLOR-TEXT-BTN-BORDER-WHITE: #fff;
1374    --COLOR-TEXT-BTN-WHITE: #000;
1375    --COLOR-TEXT-BTN-WHITE-A70: rgba(255, 255, 255, 0.7);
1376    --COLOR-TEXT-BTN-BG-WHITE-BRIGHTER: #f2f2f2;
1377
1378    /* === Button Black ===*/
1379    --COLOR-TEXT-BTN-BG-BLACK: #000;
1380    --COLOR-TEXT-BTN-BORDER-BLACK: #000;
1381    --COLOR-TEXT-BTN-BLACK: #fff;
1382    --COLOR-TEXT-BTN-BLACK-A70: rgba(0, 0, 0, 0.7);
1383    --COLOR-TEXT-BTN-BG-BLACK-BRIGHTER: #0d0d0d;
1384
1385    /* === Swatch Size ===*/
1386    --swatch-size-filters: 1.15rem;
1387    --swatch-size-product: 2.2rem;
1388  }
1389
1390  /* === Backdrop ===*/
1391  ::backdrop {
1392    --underlay-opacity: 1;
1393    --underlay-bg: rgba(0,0,0,0.4);
1394  }
1395
1396  /* === Gray background on Product grid items ===*/
1397  
1398
1399  *,
1400  *::before,
1401  *::after {
1402    box-sizing: inherit;
1403  }
1404
1405  * { -webkit-font-smoothing: antialiased; }
1406
1407  html {
1408    box-sizing: border-box;
1409    font-size: var(--FONT-SIZE-BASE);
1410  }
1411
1412  html,
1413  body { min-height: 100%; }
1414
1415  body {
1416    position: relative;
1417    min-width: 320px;
1418    font-size: var(--FONT-SIZE-BASE);
1419    text-size-adjust: 100%;
1420    -webkit-text-size-adjust: 100%;
1421  }
1422</style>
1423<link rel="preload" as="font" href="//woodies.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//woodies.com/cdn/fonts/besley/besley_n7.3b530357b83dc2b56556feb4b0101ab81dda4624.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//woodies.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//woodies.com/cdn/fonts/karla/karla_n4.40497e07df527e6a50e58fb17ef1950c72f3e32c.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//woodies.com/cdn/fonts/karla/karla_n4.40497e07df527e6a50e58fb17ef1950c72f3e32c.woff2" type="font/woff2" crossorigin><link href="//woodies.com/cdn/shop/t/35/assets/theme.css?v=105007609395970588771771959277" rel="stylesheet" type="text/css" media="all" />
1424<link href="//woodies.com/cdn/shop/t/35/assets/swatches.css?v=157844926215047500451771959277" rel="stylesheet" type="text/css" media="all" />
1425<style data-shopify>.swatches {
1426    --black: #000000;--white: #fafafa;--blank: url(//woodies.com/cdn/shop/files/blank_small.png?v=641);--bronze: #A07636;
1426--silver: #CECBC7;
1427  }</style>
1428<script>
1429    document.documentElement.style.setProperty('--scrollbar-width', `${getScrollbarWidth()}px`);
1430
1431    function getScrollbarWidth() {
1432      // Creating invisible container
1433      const outer = document.createElement('div');
1434      outer.style.visibility = 'hidden';
1435      outer.style.overflow = 'scroll'; // forcing scrollbar to appear
1436      outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps
1437      document.documentElement.appendChild(outer);
1438
1439      // Creating inner element and placing it in the container
1440      const inner = document.createElement('div');
1441      outer.appendChild(inner);
1442
1443      // Calculating difference between container's full width and the child width
1444      const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;
1445
1446      // Removing temporary elements from the DOM
1447      outer.parentNode.removeChild(outer);
1448
1449      return scrollbarWidth;
1450    }
1451
1452    let root = '/';
1453    if (root[root.length - 1] !== '/') {
1454      root = root + '/';
1455    }
1456
1457    window.theme = {
1458      routes: {
1459        root: root,
1460        shop_url: 'https://woodies.com',
1461        cart_url: '/cart',
1462        cart_add_url: '/cart/add',
1463        cart_change_url: '/cart/change',
1464        cart_update_url: '/cart/update',
1465        product_recommendations_url: '/recommendations/products',
1466        predictive_search_url: '/search/suggest',
1467        addresses_url: '/account/addresses'
1468      },
1469      assets: {
1470        photoswipe: '//woodies.com/cdn/shop/t/35/assets/photoswipe.js?v=162613001030112971491771959277',
1471        rellax: '//woodies.com/cdn/shop/t/35/assets/rellax.js?v=4664090443844197101771959277',
1472        smoothscroll: '//woodies.com/cdn/shop/t/35/assets/smoothscroll.js?v=37906625415260927261771959277',
1473      },
1474      strings: {
1475        addToCart: "Add to cart",
1476        sale: "Sale",
1477        soldOut: "Sold Out",
1478        preOrder: "Pre-order",
1479        subscription: "Subscription",
1480        unavailable: "Unavailable",
1481        unavailable_with_option: `[value] - Unavailable`,
1482        cartAcceptanceError: "You must accept our terms and conditions.",
1483        discount_not_applicable: "Discount not applicable",
1484        discount_already_applied: "Discount already applied",
1485        shippingCalcSubmitButton: "Calculate shipping",
1486        shippingCalcSubmitButtonDisabled: "Calculating...",
1487        oneColor: "color",
1488        otherColor: "colors",
1489        free: "Free",
1490        sku: "SKU",
1491        playVideo: "Play video",
1492        pauseVideo: "Pause video",
1493      },
1494      settings: {
1495        cartType: "drawer",
1496        customerLoggedIn: null ? true : false,
1497        enableQuickAdd: true,
1498        enableAnimations: true,
1499        collectionSwatchStyle: "limited",
1500        mobileMenuType: null,
1501        atcButtonShowPrice: true,
1502        productPageSticky: false,
1503      },
1504      sliderArrows: {
1505        prev: '<button type="button" class="slider__button slider__button--prev" data-button-arrow data-button-prev>' + "Previous" + '</button>',
1506        next: '<button type="button" class="slider__button slider__button--next" data-button-arrow data-button-next>' + "Next" + '</button>',
1507      },
1508      moneyFormat: false ? "${{amount}} USD" : "${{amount}}",
1509      moneyWithoutCurrencyFormat: "${{amount}}",
1510      moneyWithCurrencyFormat: "${{amount}} USD",
1511      subtotal: 0,
1512      info: {
1513        name: 'broadcast',
1514        version: '8.0.0',
1515        role: 'main'
1516      },
1517    };
1518
1519    let windowInnerHeight = window.innerHeight;
1520    document.documentElement.style.setProperty('--full-height', `${windowInnerHeight}px`);
1521    document.documentElement.style.setProperty('--three-quarters', `${windowInnerHeight * 0.75}px`);
1522    document.documentElement.style.setProperty('--two-thirds', `${windowInnerHeight * 0.66}px`);
1523    document.documentElement.style.setProperty('--one-half', `${windowInnerHeight * 0.5}px`);
1524    document.documentElement.style.setProperty('--one-third', `${windowInnerHeight * 0.33}px`);
1525    document.documentElement.style.setProperty('--one-fifth', `${windowInnerHeight * 0.2}px`);
1526</script>
1526
1527
1528
1529  
1529<script src="//woodies.com/cdn/shopifycloud/storefront/assets/themes_support/shopify_common-5f594365.js" defer="defer"></script>
1529
1530
1531
1532<!-- Theme Javascript ============================================================== -->
1533<script src="//woodies.com/cdn/shop/t/35/assets/vendor.js?v=9664966025159750891771959277" defer="defer"></script>
vendor: 1 bytes, line 1533
1533
1534<script src="//woodies.com/cdn/shop/t/35/assets/theme.js?v=122998032327029019861771959277" defer="defer"></script>
1534<!-- Shopify app scripts =========================================================== -->
1535<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1535<meta name="facebook-domain-verification" content="rcylu960ip828zqfnxgy4rerdpmhr1">
1536<meta name="facebook-domain-verification" content="cbqth6n5a3jsnsrso7pbtlo2g21t9r">
1537<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/1624132/digital_wallets/dialog">
1538<meta id="in-context-paypal-metadata" data-shop-id="1624132" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
1539<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
1539<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
1539
1540<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1541<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=1624132" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1541
1541
1542<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":1624132,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/1624132","merchantName":"Woodies","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Woodies","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1542
1542
1543<script id="shopify-features" type="application/json">{"accessToken":"83e07c1a60acfecf12724436c97a179b","betas":["rich-media-storefront-analytics"],"domain":"woodies.com","predictiveSearch":true,"shopId":1624132,"locale":"en"}</script>
vendor: 1 bytes, line 1543
1543
1544<script>var Shopify = Shopify || {};
1545Shopify.shop = "woodies.myshopify.com";
1546Shopify.locale = "en";
1547Shopify.currency = {"active":"USD","rate":"1.0"};
1548Shopify.country = "US";
1549Shopify.theme = {"name":"Broadcast","id":129381367866,"schema_name":"Broadcast","schema_version":"8.0.0","theme_store_id":868,"role":"main"};
1550Shopify.theme.handle = "null";
1551Shopify.theme.style = {"id":null,"handle":null};
1552Shopify.cdnHost = "woodies.com/cdn";
1553Shopify.routes = Shopify.routes || {};
1554Shopify.routes.root = "/";
1555Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1556Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1557Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1558Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1558
1558
1559<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1559
1559
1560<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 1560
1560
1561<script>
1562  window.ShopifyPay = window.ShopifyPay || {};
1563  window.ShopifyPay.apiHost = "shop.app\/pay";
1564  window.ShopifyPay.redirectState = null;
1565</script>
vendor: 1 bytes, line 1565
1565
1566<script>
1567  window.Shopify = window.Shopify || {};
1568  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1569  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1570  window.Shopify.SignInWithShop.eligible = true;
1571</script>
vendor: 1 bytes, line 1571
1571
1572<script id="shop-js-analytics" type="application/json">{"pageType":"cart"}</script>
vendor: 1 bytes, line 1572
1572
1573<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 1573
1573
1574<script type="module">
1575  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1576
1577  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1578
1579</script>
vendor: 1 bytes, line 1579
1579
1580<script>
1581  window.Shopify = window.Shopify || {};
1582  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1583  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"]};
1584</script>
vendor: 1 bytes, line 1584
1584
1585<script>(function() {
1586  var isLoaded = false;
1587  function asyncLoad() {
1588    if (isLoaded) return;
1589    isLoaded = true;
1590    var urls = ["https:\/\/stickyaddtocartbar.azurewebsites.net\/Scripts\/satcb.min.js?shop=woodies.myshopify.com","https:\/\/woodies.com\/apps\/giraffly-trust\/trust-worker-63f9064b505e8761219a91a2d3249af99db65b8b.js?v=20211112164930\u0026shop=woodies.myshopify.com","https:\/\/connect.facebook.net\/en_US\/fbevents.js?shop=woodies.myshopify.com","https:\/\/raw.githubusercontent.com\/corystout\/woodies-meta-pixel\/main\/purchase-tracking.js?shop=woodies.myshopify.com"];
1591    for (var i = 0; i < urls.length; i++) {
1592      var s = document.createElement('script');
1593      s.type = 'text/javascript';
1594      s.async = true;
1595      s.src = urls[i];
1596      var x = document.getElementsByTagName('script')[0];
1597      x.parentNode.insertBefore(s, x);
1598    }
1599  };
1600  if(window.attachEvent) {
1601    window.attachEvent('onload', asyncLoad);
1602  } else {
1603    window.addEventListener('load', asyncLoad, false);
1604  }
1605})();</script>
vendor: 1 bytes, line 1605
1605
1606<script id="__st">var __st={"a":1624132,"offset":-14400,"reqid":"2389089c-146d-43f9-b329-157ee8b00242-1791063193","pageurl":"woodies.com\/cart","u":"1a4f8924a28c","p":"cart"};</script>
vendor: 1 bytes, line 1606
1606
1607<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1607
1607
1608<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,!1)}();</script>
vendor: 1 bytes, line 1608
1608
1609<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//woodies.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1609
1609
1610<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 = "//woodies.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>
1610<script crossorigin="anonymous" defer="defer" src="//woodies.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 1610
1610
1611<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 1611
1611
1612<script>
1613  window.Shopify = window.Shopify || {};
1614  window.Shopify.MCP = window.Shopify.MCP || {};
1615  window.Shopify.MCP.enabled = true;
1616  window.Shopify.MCP.shop = "woodies.myshopify.com";
1617  window.Shopify.MCP.mcpEndpoint = "https:\/\/woodies.com\/api\/mcp";
1618  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"]}}];
1619</script>
vendor: 1 bytes, line 1619
1619
1620<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("\/\/woodies.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1621</script>
vendor: 1 bytes, line 1621
1621
1622<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://woodies.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1623</script>
vendor: 1 bytes, line 1623
1623
1624<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1625  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);
1626</script>
vendor: 1 bytes, line 1626
1626
1627<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})}}));
1628</script>
1628
1629<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://woodies.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
1630<style id="shopify-accelerated-checkout-cart">
1631        #shopify-buyer-consent {
1632  margin-top: 1em;
1633  display: inline-block;
1634  width: 100%;
1635}
1636
1637#shopify-buyer-consent.hidden {
1638  display: none;
1639}
1640
1641#shopify-subscription-policy-button {
1642  background: none;
1643  border: none;
1644  padding: 0;
1645  text-decoration: underline;
1646  font-size: inherit;
1647  cursor: pointer;
1648}
1649
1650#shopify-subscription-policy-button::before {
1651  box-shadow: none;
1652}
1653
1654      </style>
1655
1656<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1656
1657    <link rel="alternate" type="text/plain" title="Woodies agent guidance" href="https://woodies-commerce-mcp.woodies-agentic-commerce.workers.dev/llms.txt">
1658    <link rel="alternate" type="text/markdown" title="Woodies live product catalog" href="https://woodies-commerce-mcp.woodies-agentic-commerce.workers.dev/catalog.md">
1659    <meta name="mcp-server" content="https://woodies-commerce-mcp.woodies-agentic-commerce.workers.dev/mcp">
1660    <link href="//woodies.com/cdn/shop/t/35/assets/woodies-custom.css?v=151322923009704829141772066335" rel="stylesheet" type="text/css" media="all" />
1661  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1662<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: 1624132,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 1662
1662
1663<script>
1664  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1665</script>
vendor: 1 bytes, line 1665
1665
1666<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}
1666).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: 1624132,storefrontBaseUrl: "https://woodies.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://woodies.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"775651386","configuration":"{\"clickstreamId\":\"2962ad49-0677-41ec-bba1-082747d60e5e\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"dce0ba162d2ca66f441eebf2b9a98ca0","type":"APP","apiClientId":44186959873,"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":"83460154","configuration":"{\"pixel_id\":\"736521909733025\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","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":"52297786","configuration":"{\"tagID\":\"2620850241861\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"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":[]},"dataSharingState":"optimized"},{"id":"69697594","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"Google Analytics tag (migrated)"},{"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":"Woodies","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"woodies.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/woodies.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://woodies.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"129381367866","themeStoreId":"868","themePublished":"true","eventMetadataId":"9
166601854c8-a97e-405b-b39b-6a21ab55b4ae","pageType":"cart","shopId":"1624132","storefrontBaseUrl":"https:\/\/woodies.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>
1666<script>
1667  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1668  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1669  window.ShopifyAnalytics.meta.currency = 'USD';
1670  var meta = {"page":{"pageType":"cart","requestId":"2389089c-146d-43f9-b329-157ee8b00242-1791063193"}};
1671  for (var attr in meta) {
1672    window.ShopifyAnalytics.meta[attr] = meta[attr];
1673  }
1674</script>
vendor: 1 bytes, line 1674
1674
1675<script class="analytics">
1676  (function () {
1677    var customDocumentWrite = function(content) {
1678      var jquery = null;
1679
1680      if (window.jQuery) {
1681        jquery = window.jQuery;
1682      } else if (window.Checkout && window.Checkout.$) {
1683        jquery = window.Checkout.$;
1684      }
1685
1686      if (jquery) {
1687        jquery('body').append(content);
1688      }
1689    };
1690
1691    var hasLoggedConversion = function(token) {
1692      if (token) {
1693        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1694      }
1695      return false;
1696    }
1697
1698    var setCookieIfConversion = function(token) {
1699      if (token) {
1700        var twoMonthsFromNow = new Date(Date.now());
1701        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1702
1703        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1704      }
1705    }
1706
1707    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1708    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1709    if (trekkie.integrations) {
1710      return;
1711    }
1712    trekkie.methods = [
1713      'identify',
1714      'page',
1715      'ready',
1716      'track',
1717      'trackForm',
1718      'trackLink'
1719    ];
1720    trekkie.factory = function(method) {
1721      return function() {
1722        var args = Array.prototype.slice.call(arguments);
1723        args.unshift(method);
1724        trekkie.push(args);
1725        if (method == 'track' || method == 'page') {
1726          var pageUrl;
1727          try {
1728            pageUrl = window.location.href;
1729          } catch (e) {}
1730          var pageReferrer;
1731          try {
1732            pageReferrer = document.referrer;
1733          } catch (e) {}
1734          try {
1735            if (window.__TREKKIE_SHIM_QUEUE == null) {
1736              window.__TREKKIE_SHIM_QUEUE = [];
1737            }
1738            window.__TREKKIE_SHIM_QUEUE.push({
1739              from: 'trekkie-stub',
1740              method: method,
1741              args: args.slice(1),
1742              pageContext: {
1743                url: pageUrl,
1744                referrer: pageReferrer
1745              }
1746            });
1747          } catch (e) {
1748            // no-op
1749          }
1750        }
1751        return trekkie;
1752      };
1753    };
1754    for (var i = 0; i < trekkie.methods.length; i++) {
1755      var key = trekkie.methods[i];
1756      trekkie[key] = trekkie.factory(key);
1757    }
1758    trekkie.load = function(config) {
1759      trekkie.config = config || {};
1760      trekkie.config.initialDocumentCookie = document.cookie;
1761      var first = document.getElementsByTagName('script')[0];
1762var script = document.createElement('script');
1763script.type = 'text/javascript';
1764script.onerror = function(e) {
1765  var scriptFallback = document.createElement('script');
1766  scriptFallback.type = 'text/javascript';
1767  scriptFallback.onerror = function(error) {
1768          var Monorail = {
1769      produce: function produce(monorailDomain, schemaId, payload) {
1770        var currentMs = new Date().getTime();
1771        var event = {
1772          schema_id: schemaId,
1773          payload: payload,
1774          metadata: {
1775            event_created_at_ms: currentMs,
1776            event_sent_at_ms: currentMs
1777          }
1778        };
1779        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1780      },
1781      sendRequest: function sendRequest(endpointUrl, payload) {
1782        // Try the sendBeacon API
1783        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1784          var blobData = new window.Blob([payload], {
1785            type: 'text/plain'
1786          });
1787
1788          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1789            return true;
1790          } // sendBeacon was not successful
1791
1792        } // XHR beacon
1793
1794        var xhr = new XMLHttpRequest();
1795
1796        try {
1797          xhr.open('POST', endpointUrl);
1798          xhr.setRequestHeader('Content-Type', 'text/plain');
1799          xhr.send(payload);
1800        } catch (e) {
1801          console.log(e);
1802        }
1803
1804        return false;
1805      },
1806      isIos12: function isIos12() {
1807        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1808      }
1809    };
1810    Monorail.produce('monorail-edge.shopifysvc.com',
1811      'trekkie_storefront_load_errors/1.1',
1812      {shop_id: 1624132,
1813      theme_id: 129381367866,
1814      app_name: "storefront",
1815      context_url: window.location.href,
1816      source_url: "//woodies.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1817
1818  };
1819  scriptFallback.async = true;
1820  scriptFallback.src = '//woodies.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1821  first.parentNode.insertBefore(scriptFallback, first);
1822};
1823script.async = true;
1824script.src = '//woodies.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1825first.parentNode.insertBefore(script, first);
1826
1827    };
1828    trekkie.load(
1829      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":1624132,"isMerchantRequest":null,"themeId":129381367866,"themeCityHash":"9948256938646036896","contentLanguage":"en","currency":"USD","eventMetadataId":"9
182901854c8-a97e-405b-b39b-6a21ab55b4ae"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1830    );
1831
1832    var loaded = false;
1833    trekkie.ready(function() {
1834      if (loaded) return;
1835      loaded = true;
1836
1837      window.ShopifyAnalytics.lib = window.trekkie;
1838
1839      var originalDocumentWrite = document.write;
1840      document.write = customDocumentWrite;
1841      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1842      document.write = originalDocumentWrite;
1843
1844      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1845      var token = match? match[1]: undefined;
1846      if (!hasLoggedConversion(token)) {
1847        setCookieIfConversion(token);
1848        
1849      }
1850    });
1851
1852    window.ShopifyAnalytics.lib.page(null,{"pageType":"cart","requestId":"2389089c-146d-43f9-b329-157ee8b00242-1791063193","shopifyEmitted":true});
1853
1854    var eventsListenerScript = document.createElement('script');
1855    eventsListenerScript.async = true;
1856    eventsListenerScript.src = "//woodies.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1857    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1858})();</script>
1858
1859  
1859<script>
1860  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
1861    window.ga = function ga() {
1862      (window.ga.q = window.ga.q || []).push(arguments);
1863      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1864        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
1865      }
1866      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
1867    };
1868    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1869      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
1870    }
1871  }
1872</script>
vendor: 1 bytes, line 1872
1872
1873<script
1874  defer
1875  src="https://woodies.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1876  data-application="storefront-renderer"
1877  data-shop-id="1624132"
1878  data-render-region="gcp-us-central1"
1879  data-page-type="cart"
1880  data-theme-instance-id="129381367866"
1881  data-theme-name="Broadcast"
1882  data-theme-version="8.0.0"
1883  data-monorail-region="shop_domain"
1884  data-resource-timing-sampling-rate="10"
1885  data-shs="true"
1886  data-shs-beacon="true"
1887  data-shs-export-with-fetch="true"
1888  data-shs-logs-sample-rate="1"
1889  data-shs-beacon-endpoint="https://woodies.com/api/collect"
1890></script>
1890
1891<meta name="shopify-y" content="64ab49e9-38f4-4e0a-a4a3-d31e4a558dd8" data-expiration="1822620793000"><meta name="shopify-s" content="f3fa8533-7eb7-4568-879a-9b69245f9ac0" data-expiration="1791064993000"><meta name="new-cookie-storage-activated" content="t">
1892</head>
1893
1894  <body
1895    id="your-shopping-cart"
1896    class="template-cart grid-classic aos-initialized"
1897    data-animations="true"
1898  ><a class="in-page-link visually-hidden skip-link" data-skip-content href="#MainContent">Skip to content</a>
1899
1900    <div class="container" data-site-container>
1901      <div class="header-sections">
1902        <!-- BEGIN sections: group-header -->
1903<div id="shopify-section-sections--16195835822138__announcement" class="shopify-section shopify-section-group-group-header page-announcement"><style data-shopify>:root {
1904      
1905    --ANNOUNCEMENT-HEIGHT-DESKTOP: max(calc(var(--font-body-small) * var(--line-height-normal)), 36px);
1906    --ANNOUNCEMENT-HEIGHT-MOBILE: max(calc(var(--font-body-small) * var(--line-height-normal)), 36px);
1907    }</style>
1907<script src="//woodies.com/cdn/shop/t/35/assets/announcement.js?v=41774303127627989861771959277" defer="defer"></script>
1907
1908  
1908<script src="//woodies.com/cdn/shop/t/35/assets/ticker.js?v=110416271335913772181771959277" defer="defer"></script>
1908<div
1909  id="Announcement--sections--16195835822138__announcement"
1910  class="announcement__wrapper announcement__wrapper--top color-scheme-9"
1911  data-announcement-wrapper
1912  data-section-id="sections--16195835822138__announcement"
1913  data-section-type="announcement"
1914  style="--PT: 5px;
1915  --PB: 5px;
1916
1917  --ticker-direction: ticker-rtl;--text-size: var(--font-body-small);
1918  --text-align: center;
1919  --justify-content: center;"
1920><announcement-bar
1921        class="announcement__bar-outer section-padding"
1922        style="--padding-scrolling: 10px;"
1923      ><div class="announcement__bar-holder announcement__bar-holder--slider announcement__bar-holder--arrows">
1924            <slider-component
1925              class="announcement__slider"
1926              data-slider
1927              data-options='{"fade": true, "pageDots": false, "adaptiveHeight": false, "autoPlay": 5000, "prevNextButtons": true, "draggable": ">1"}'
1928            >
1929              <ticker-bar style="" class="announcement__slide announcement__bar"data-slide="text"
1930    data-block-id="text"
1931    
1932>
1933          <div data-ticker-frame class="announcement__message">
1934            <div data-ticker-scale class="announcement__scale ticker--unloaded"><div data-ticker-text class="announcement__text">
1935                  <div class="body-small"><p>Handcrafted Wood Sunglasses - Venice Beach, CA</p>
1936</div>
1937                </div></div>
1938          </div>
1939        </ticker-bar><ticker-bar style="" class="announcement__slide announcement__bar"data-slide="text-0"
1940    data-block-id="text-0"
1941    
1942>
1943          <div data-ticker-frame class="announcement__message">
1944            <div data-ticker-scale class="announcement__scale ticker--unloaded"><div data-ticker-text class="announcement__text">
1945                  <div class="body-small"><p>Free shipping on orders over $25</p>
1946</div>
1947                </div></div>
1948          </div>
1949        </ticker-bar>
1950            </slider-component>
1951          </div></announcement-bar></div>
1952</div><div id="shopify-section-sections--16195835822138__header" class="shopify-section shopify-section-group-group-header page-header"><style data-shopify>:root {
1953    --HEADER-HEIGHT: 113.0px;
1954    --HEADER-HEIGHT-MEDIUM: 102.0px;
1955    --HEADER-HEIGHT-MOBILE: 96.0px;
1956
1957    
1958--icon-add-cart: var(--ICON-ADD-BAG);}
1959
1960  .theme__header {
1961    --PT: 15px;
1962    --PB: 15px;
1963
1964    
1965  }.main-content > .shopify-section:first-of-type .backdrop--linear:before { display: none; }</style><header-component
1966  class="header__wrapper"
1967  data-header-wrapper
1968  
1969  
1970  data-header-style="logo_center_menu_left"
1971  data-section-id="sections--16195835822138__header"
1972  data-section-type="header"
1973>
1974  <header
1975    class="theme__header"
1976    role="banner"
1977    data-header-height
1978    data-aos="fade"
1979  >
1980<div
1981      class="toolbar has-border section-padding toolbar--no-text color-scheme-1"
1982      
1983        style="--PT: 5px;--PB: 5px;--border-opacity: 0.2;"
1984      
1985      data-header-toolbar
1986      
1987    >
1988      <div class="wrapper--full-padded">
1989        <div class="toolbar__inner desktop"><div class="toolbar__utilities desktop">
1990              <div class="toolbar__utility">
1991<ul class="socials socials--thin"
1992  ><li>
1993    <a href="https://instagram.com/woloodies" title="Woodies on Instagram" rel="noopener" target="_blank" class="social-link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 24 24"><path d="M12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8z" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 16V8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5z" stroke="#000"/><path d="m17.5 6.51.01-.011" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="icon-fallback-text">Instagram</span>
1994    </a>
1995  </li><li>
1996    <a href="https://facebook.com/woodies" title="Woodies on Facebook" rel="noopener" target="_blank" class="social-link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 24 24"><path d="M17 2h-3a5 5 0 0 0-5 5v3H6v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3V2z" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="icon-fallback-text">Facebook</span>
1997    </a>
1998  </li></ul></div>
1999
2000            </div></div>
2001      </div>
2002    </div>
2003<div class="section-padding">
2004      <div class="header__mobile">
2005        <div class="header__mobile__left">
2006    <div class="header__mobile__button">
2007      <button class="header__mobile__hamburger"
2008        data-drawer-toggle="hamburger"
2009        aria-label="Show menu"
2010        aria-haspopup="true"
2011        aria-expanded="false"
2012        aria-controls="header-menu"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-menu" viewBox="0 0 24 24">
2012<path d="M3 5h18M3 12h18M3 19h18" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
2013    </div><div class="header__mobile__button">
2014        <header-search-popdown>
2015          <details>
2016            <summary class="navlink navlink--search" aria-haspopup="dialog" title="Search"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 24 24"><g stroke="currentColor"><path d="M10.85 2c2.444 0 4.657.99 6.258 2.592A8.85 8.85 0 1 1 10.85 2ZM17.122 17.122 22 22"/></g></svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Search</span>
2017            </summary><div class="search-popdown" aria-label="Search" data-popdown>
2018  <div class="wrapper">
2019    <div class="search-popdown__main"><predictive-search><form
2020        class="search-form"
2021        action="/search"
2022        method="get"
2023        role="search"
2024      >
2025        <input name="options[prefix]" type="hidden" value="last">
2026
2027        <button class="search-popdown__submit" type="submit" aria-label="Search"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 24 24"><g stroke="currentColor"><path d="M10.85 2c2.444 0 4.657.99 6.258 2.592A8.85 8.85 0 1 1 10.85 2ZM17.122 17.122 22 22"/></g></svg></button>
2028
2029        <div class="input-holder">
2030          <label for="SearchInput--mobile" class="visually-hidden">Search</label>
2031          <input
2032            type="search"
2033            id="SearchInput--mobile"
2034            data-predictive-search-input="search-popdown-results"
2035            name="q"
2036            value=""
2037            placeholder="Search"
2038            role="combobox"
2039            aria-label="Search our store"
2040            aria-owns="predictive-search-results"
2041            aria-controls="predictive-search-results"
2042            aria-expanded="false"
2043            aria-haspopup="listbox"
2044            aria-autocomplete="list"
2045            autocorrect="off"
2046            autocomplete="off"
2047            autocapitalize="off"
2048            spellcheck="false"
2049          >
2050
2051          <button
2052            type="reset"
2053            class="search-reset hidden"
2054            aria-label="Reset"
2055          >Clear</button>
2056        </div><div class="predictive-search" tabindex="-1" data-predictive-search-results data-scroll-lock-scrollable>
2057            <div class="predictive-search__loading-state">
2058              <div class="predictive-search__loader loader"><div class="loader-indeterminate"></div></div>
2059            </div>
2060          </div>
2061
2062          <span
2063            class="predictive-search-status visually-hidden"
2064            role="status"
2065            aria-hidden="true"
2066            data-predictive-search-status
2067          ></span></form></predictive-search><div class="search-popdown__close">
2068        <button
2069          type="button"
2070          class="search-popdown__close__button"
2071          title="Close"
2072          data-popdown-close
2073        ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
2074      </div>
2075    </div>
2076  </div>
2077</div>
2078<span class="underlay" data-popdown-underlay></span>
2079          </details>
2080        </header-search-popdown>
2081      </div></div>
2082
2083  <div class="header__logo">
2084    <a class="header__logo__link" href="/" data-logo-link><div class="header__logo__text ">
2085          <span>Woodies</span>
2086        </div></a>
2087  </div>
2088
2089  <div class="header__mobile__right">
2090    
2091<div class="header__mobile__button">
2092        <a href="/account" class="navlink"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-profile-circled" viewBox="0 0 24 24"><path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2z" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/>
2092<path d="M4.271 18.346S6.5 15.5 12 15.5s7.73 2.846 7.73 2.846M12 12a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Account</span>
2093        </a>
2094      </div><div class="header__mobile__button">
2095      <a href="/cart" class="navlink navlink--cart navlink--cart--icon" data-cart-toggle>
2096        <div class="navlink__cart__content">
2097    <span class="visually-hidden">Cart</span>
2098
2099    <span class="header__cart__status__holder">
2100      <cart-count class="header__cart__status" data-status-separator=": " data-cart-count="0" data-limit="10">
2101        0
2102      </cart-count><!-- /snippets/social-icon.liquid -->
2103
2104
2105<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-bag" viewBox="0 0 24 24"><path d="m19.26 9.696 1.385 9A2 2 0 0 1 18.67 21H5.33a2 2 0 0 1-1.977-2.304l1.385-9A2 2 0 0 1 6.716 8h10.568a2 2 0 0 1 1.977 1.696zM14 5a2 2 0 1 0-4 0" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
2106  </div>
2107      </a>
2108    </div>
2109  </div>
2110      </div>
2111
2112      <div class="header__desktop" data-header-desktop><div class="header__desktop__upper header__desktop__upper--reverse" data-takes-space-wrapper>
2113              <div data-child-takes-space class="header__desktop__bar__l"><div class="header__logo">
2114    <a class="header__logo__link" href="/" data-logo-link><div class="header__logo__text ">
2115          <span>Woodies</span>
2116        </div></a>
2117  </div></div>
2118
2119              <div data-child-takes-space class="header__desktop__bar__c"><nav class="header__menu" style="--highlight: #d02e2e;">
2120
2121<hover-disclosure
2122  class="menu__item  grandparent kids-0 images-2  grandparent--all-images "
2123  
2124    aria-haspopup="true"
2125    aria-expanded="false"
2126    aria-controls="dropdown-46d199d89b9c437ec55022299ee56450"
2127    role="button"
2128  
2129>
2130  <a
2131    href="/collections/wood-sunglasses"
2132    data-top-link
2133    class="navlink navlink--toplevel"
2134  >
2135    <span class="navtext">Shop All</span>
2136  </a>
2137  
2138    <div
2139      class="header__dropdown"
2140      id="dropdown-46d199d89b9c437ec55022299ee56450"
2141    >
2142      <div class="header__dropdown__wrapper">
2143        <div class="header__dropdown__inner"><div class="menu__blocks" style="--images-space: 2;">
2144<div
2145  class="menu__block menu__block--narrow"
2146  
2147  
2148>
2149  <div
2150    class="header__dropdown__image"
2151    
2152      style="--text: #fcfbf9;"
2153    
2154    data-stagger-first
2155  ><div class="link-over-image"><div class="hero__content__wrapper align--bottom-left">
2156      <div
2157        class="
2158          hero__content hero__content--transparent
2159           backdrop--radial
2160        "
2161      ></div>
2162    </div></div><figure class="image-wrapper lazy-image" style="--aspect-ratio: 1;"><svg class="svg-placeholder" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg>
2163</figure>
2164</div>
2165</div>
2166
2167<div
2168  class="menu__block menu__block--narrow"
2169  
2170  
2171>
2172  <div
2173    class="header__dropdown__image"
2174    
2175      style="--text: #fcfbf9;"
2176    
2177    data-stagger-first
2178  ><div class="link-over-image"><div class="hero__content__wrapper align--bottom-left">
2179      <div
2180        class="
2181          hero__content hero__content--transparent
2182           backdrop--radial
2183        "
2184      ><h2 class="hero__title heading-mini">
2185            Shop Gemstone Collection
2186</h2></div>
2187    </div></div><figure class="image-wrapper lazy-image" style="--aspect-ratio: 1;"><svg class="svg-placeholder" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg>
2188</figure>
2189</div>
2190</div>
2191</div></div>
2192      </div>
2193    </div>
2194  
2195</hover-disclosure>
2196
2197
2198<hover-disclosure
2199  class="menu__item  parent"
2200  
2201    aria-haspopup="true"
2202    aria-expanded="false"
2203    aria-controls="dropdown-c5def821dfbf58aba738a123277e1ce5"
2204    role="button"
2205  
2206>
2207  <a
2208    href="https://woodies.com/#"
2209    data-top-link
2210    class="navlink navlink--toplevel"
2211  >
2212    <span class="navtext">Shop by Vibe</span>
2213  </a>
2214  
2215    <div
2216      class="header__dropdown"
2217      id="dropdown-c5def821dfbf58aba738a123277e1ce5"
2218    >
2219      <div class="header__dropdown__wrapper">
2220        <div class="header__dropdown__inner">
2221            
2222<a
2223                href="/collections/beach"
2224                data-stagger
2225                class="navlink navlink--child"
2226              >
2227                <span class="navtext">
2228                  Beach
2229</span>
2230              </a>
2231            
2232<a
2233                href="/collections/hiking"
2234                data-stagger
2235                class="navlink navlink--child"
2236              >
2237                <span class="navtext">
2238                  Hiking
2239</span>
2240              </a>
2241            
2242<a
2243                href="/collections/fishing"
2244                data-stagger
2245                class="navlink navlink--child"
2246              >
2247                <span class="navtext">
2248                  Fishing
2249</span>
2250              </a>
2251            
2252<a
2253                href="/collections/golf"
2254                data-stagger
2255                class="navlink navlink--child"
2256              >
2257                <span class="navtext">
2258                  Golf
2259</span>
2260              </a>
2261            
2262<a
2263                href="/collections/driving"
2264                data-stagger
2265                class="navlink navlink--child"
2266              >
2267                <span class="navtext">
2268                  Driving
2269</span>
2270              </a>
2271            
2272<a
2273                href="/collections/skating"
2274                data-stagger
2275                class="navlink navlink--child"
2276              >
2277                <span class="navtext">
2278                  Skating
2279</span>
2280              </a>
2281            
2282<a
2283                href="/collections/running"
2284                data-stagger
2285                class="navlink navlink--child"
2286              >
2287                <span class="navtext">
2288                  Running
2289</span>
2290              </a>
2291            
2292<a
2293                href="/collections/cycling"
2294                data-stagger
2295                class="navlink navlink--child"
2296              >
2297                <span class="navtext">
2298                  Cycling
2299</span>
2300              </a>
2301            
2302</div>
2303      </div>
2304    </div>
2305  
2306</hover-disclosure>
2307
2308
2309<div
2310  class="menu__item  child"
2311  
2312>
2313  <a
2314    href="/pages/impact"
2315    data-top-link
2316    class="navlink navlink--toplevel"
2317  >
2318    <span class="navtext">Our Impact</span>
2319  </a>
2320  
2321</div>
2322
2323
2324<div
2325  class="menu__item  child"
2326  
2327>
2328  <a
2329    href="/pages/warranty"
2330    data-top-link
2331    class="navlink navlink--toplevel"
2332  >
2333    <span class="navtext">Woodies Promise</span>
2334  </a>
2335  
2336</div>
2337
2338
2339<div
2340  class="menu__item  child"
2341  
2342>
2343  <a
2344    href="https://woodies.com/pages/custom-sunglasses"
2345    data-top-link
2346    class="navlink navlink--toplevel"
2347  >
2348    <span class="navtext">Custom Orders</span>
2349  </a>
2350  
2351</div>
2352
2353
2354<div
2355  class="menu__item  child"
2356  
2357>
2358  <a
2359    href="https://woodies.com/pages/about"
2360    data-top-link
2361    class="navlink navlink--toplevel"
2362  >
2363    <span class="navtext">About</span>
2364  </a>
2365  
2366</div>
2367
2368
2369<div
2370  class="menu__item  child"
2371  
2372>
2373  <a
2374    href="https://woodies.com/pages/contact"
2375    data-top-link
2376    class="navlink navlink--toplevel"
2377  >
2378    <span class="navtext">Contact</span>
2379  </a>
2380  
2381</div>
2382<div class="hover__bar"></div>
2383
2384    <div class="hover__bg"></div>
2385  </nav></div>
2386
2387              <div data-child-takes-space class="header__desktop__bar__r"><div class="header__desktop__buttons header__desktop__buttons--icons">
2388<div class="header__desktop__button">
2389        <a href="/account" class="navlink" title="My Account"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-profile-circled" viewBox="0 0 24 24"><path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2z" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.271 18.346S6.5 15.5 12 15.5s7.73 2.846 7.73 2.846M12 12a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Account</span>
2390        </a>
2391      </div><div class="header__desktop__button">
2392        <header-search-popdown>
2393          <details>
2394            <summary class="navlink navlink--search" aria-haspopup="dialog" title="Search"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 24 24"><g stroke="currentColor"><path d="M10.85 2c2.444 0 4.657.99 6.258 2.592A8.85 8.85 0 1 1 10.85 2ZM17.122 17.122 22 22"/></g></svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24">
2394<path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Search</span>
2395            </summary><div class="search-popdown" aria-label="Search" data-popdown>
2396  <div class="wrapper">
2397    <div class="search-popdown__main"><predictive-search><form
2398        class="search-form"
2399        action="/search"
2400        method="get"
2401        role="search"
2402      >
2403        <input name="options[prefix]" type="hidden" value="last">
2404
2405        <button class="search-popdown__submit" type="submit" aria-label="Search"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 24 24"><g stroke="currentColor"><path d="M10.85 2c2.444 0 4.657.99 6.258 2.592A8.85 8.85 0 1 1 10.85 2ZM17.122 17.122 22 22"/></g></svg></button>
2406
2407        <div class="input-holder">
2408          <label for="SearchInput--desktop" class="visually-hidden">Search</label>
2409          <input
2410            type="search"
2411            id="SearchInput--desktop"
2412            data-predictive-search-input="search-popdown-results"
2413            name="q"
2414            value=""
2415            placeholder="Search"
2416            role="combobox"
2417            aria-label="Search our store"
2418            aria-owns="predictive-search-results"
2419            aria-controls="predictive-search-results"
2420            aria-expanded="false"
2421            aria-haspopup="listbox"
2422            aria-autocomplete="list"
2423            autocorrect="off"
2424            autocomplete="off"
2425            autocapitalize="off"
2426            spellcheck="false"
2427          >
2428
2429          <button
2430            type="reset"
2431            class="search-reset hidden"
2432            aria-label="Reset"
2433          >Clear</button>
2434        </div><div class="predictive-search" tabindex="-1" data-predictive-search-results data-scroll-lock-scrollable>
2435            <div class="predictive-search__loading-state">
2436              <div class="predictive-search__loader loader"><div class="loader-indeterminate"></div></div>
2437            </div>
2438          </div>
2439
2440          <span
2441            class="predictive-search-status visually-hidden"
2442            role="status"
2443            aria-hidden="true"
2444            data-predictive-search-status
2445          ></span></form></predictive-search><div class="search-popdown__close">
2446        <button
2447          type="button"
2448          class="search-popdown__close__button"
2449          title="Close"
2450          data-popdown-close
2451        ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
2452      </div>
2453    </div>
2454  </div>
2455</div>
2456<span class="underlay" data-popdown-underlay></span>
2457          </details>
2458        </header-search-popdown>
2459      </div><div class="header__desktop__button">
2460      <a href="/cart" class="navlink navlink--cart navlink--cart--icon" title="Cart" data-cart-toggle>
2461        <div class="navlink__cart__content">
2462    <span class="visually-hidden">Cart</span>
2463
2464    <span class="header__cart__status__holder">
2465      <cart-count class="header__cart__status" data-status-separator=": " data-cart-count="0" data-limit="10">
2466        0
2467      </cart-count><!-- /snippets/social-icon.liquid -->
2468
2469
2470<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-bag" viewBox="0 0 24 24"><path d="m19.26 9.696 1.385 9A2 2 0 0 1 18.67 21H5.33a2 2 0 0 1-1.977-2.304l1.385-9A2 2 0 0 1 6.716 8h10.568a2 2 0 0 1 1.977 1.696zM14 5a2 2 0 1 0-4 0" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
2471  </div>
2472      </a>
2473    </div>
2474  </div></div>
2475            </div></div>
2476    </div>
2477  </header>
2478</header-component>
2479
2480<div class="header__backfill" data-header-backfill></div>
2481
2482<script type="application/ld+json">
2483  {
2484    "@context": "http://schema.org",
2485    "@type": "Organization",
2486    "name": "Woodies",
2487    
2488    "sameAs": [
2489      "",
2490      "https:\/\/facebook.com\/woodies",
2491      "https:\/\/instagram.com\/woloodies",
2492      "",
2493      "",
2494      "",
2495      "",
2496      "",
2497      "",
2498      "",
2499      ""
2500    ],
2501    "url": "https:\/\/woodies.com"
2502  }
2503</script>
2503
2504</div><div id="shopify-section-sections--16195835822138__mobile-menu" class="shopify-section shopify-section-group-group-header"><mobile-menu
2505  class="mobile-menu color-scheme-1"
2506  data-section-id="sections--16195835822138__mobile-menu"
2507  data-section-type="mobile-menu"
2508  style="--COLUMNS: 2; --COLUMNS-MEDIUM: 2; --COLUMNS-SMALL: 2; --COLUMNS-MOBILE: 1;"
2509><header-drawer
2510    class="drawer drawer--header"
2511    data-drawer
2512    aria-label="Menu"
2513    id="mobile-menu-sections--16195835822138__mobile-menu"
2514  >
2515    <div class="drawer__inner" data-drawer-inner>
2516      <header class="drawer__head">
2517        <button
2518          class="drawer__close"
2519          data-drawer-close
2520          aria-label="Show menu"
2521          aria-haspopup="true"
2522          aria-expanded="true"
2523          aria-controls="mobile-menu-sections--16195835822138__mobile-menu"
2524        ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button></header>
2525
2526      <div class="drawer__body">
2527        <div class="drawer__content" data-drawer-content>
2528          <div class="drawer__content__scroll" data-scroll-lock-scrollable>
2529            <div class="mobile-menu__block mobile-menu__block--menu block-padding"
2530          data-mobile-menu-block
2531          
2532          style="--bg: transparent;--block-padding-bottom: 14px;">
2533          <div class="mobile-menu__block-inner"
2534            data-animation="drawer-items-fade"
2535            data-animation-duration="500"
2536            data-animation-delay="250"><nav class="drawer__menu" data-sliderule-pane="0" data-scroll-lock-scrollable style="--highlight: #d02e2e;--icon-size: calc(var(--font-body-x-large) * 1.5);--item-height: 30px;">
2537                  <div class="drawer__main-menu body-x-large"><div class="sliderule__wrapper">
2538    <div
2539      class="sliderow"
2540      role="button"
2541      data-animates="0"
2542      data-animation="drawer-items-fade"
2543      data-animation-delay="500"
2544      data-animation-duration="500"
2545    >
2546      <a class="sliderow__title" href="/collections/wood-sunglasses">
2547      <span>
2548        Shop All
2549</span>
2550    </a>
2551    </div></div>
2552<div class="sliderule__wrapper"><mobile-sliderule id="sliderule-9e8a78b8351dc5ba344f4db4ccd35dc4">
2553      <button
2554        class="sliderow"
2555        type="button"
2556        data-animates="0"
2557        data-animation="drawer-items-fade"
2558        data-animation-delay="550"
2559        data-animation-duration="500"
2560        data-sliderule-open="sliderule-9e8a78b8351dc5ba344f4db4ccd35dc4"
2561      >
2562        <span class="sliderow__title">
2563          <span>
2564            Shop by Vibe
2565</span>
2566
2567          <span class="sliderule__chevron sliderule__chevron--right"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24"><path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Show menu</span>
2568          </span>
2569        </span>
2570      </button>
2571
2572      <div
2573        class="mobile__menu__dropdown sliderule__panel"
2574        data-sliderule="1"
2575        data-scroll-lock-scrollable
2576      >
2577        <div
2578          class="sliderow sliderow--back"
2579          data-animates="1"
2580          data-animation="drawer-items-fade"
2581          data-animation-delay="150"
2582          data-animation-duration="500"
2583        >
2584          <button class="sliderow__back-button" type="button" data-sliderule-close="sliderule-9e8a78b8351dc5ba344f4db4ccd35dc4">
2585            <span class="sliderule__chevron sliderule__chevron--left"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24"><path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Exit menu</span>
2586            </span>
2587          </button>
2588          <a class="sliderow__title" href="https://woodies.com/#">
2589      <span>
2590        Shop by Vibe
2591</span>
2592    </a>
2593        </div>
2594        <div class="sliderow__links" data-links><div class="sliderule__wrapper">
2595    <div
2596      class="sliderow"
2597      role="button"
2598      data-animates="1"
2599      data-animation="drawer-items-fade"
2600      data-animation-delay="250"
2601      data-animation-duration="500"
2602    >
2603      <a class="sliderow__title" href="/collections/beach">
2604      <span>
2605        Beach
2606</span>
2607    </a>
2608    </div></div>
2609<div class="sliderule__wrapper">
2610    <div
2611      class="sliderow"
2612      role="button"
2613      data-animates="1"
2614      data-animation="drawer-items-fade"
2615      data-animation-delay="300"
2616      data-animation-duration="500"
2617    >
2618      <a class="sliderow__title" href="/collections/hiking">
2619      <span>
2620        Hiking
2621</span>
2622    </a>
2623    </div></div>
2624<div class="sliderule__wrapper">
2625    <div
2626      class="sliderow"
2627      role="button"
2628      data-animates="1"
2629      data-animation="drawer-items-fade"
2630      data-animation-delay="350"
2631      data-animation-duration="500"
2632    >
2633      <a class="sliderow__title" href="/collections/fishing">
2634      <span>
2635        Fishing
2636</span>
2637    </a>
2638    </div></div>
2639<div class="sliderule__wrapper">
2640    <div
2641      class="sliderow"
2642      role="button"
2643      data-animates="1"
2644      data-animation="drawer-items-fade"
2645      data-animation-delay="400"
2646      data-animation-duration="500"
2647    >
2648      <a class="sliderow__title" href="/collections/golf">
2649      <span>
2650        Golf
2651</span>
2652    </a>
2653    </div></div>
2654<div class="sliderule__wrapper">
2655    <div
2656      class="sliderow"
2657      role="button"
2658      data-animates="1"
2659      data-animation="drawer-items-fade"
2660      data-animation-delay="450"
2661      data-animation-duration="500"
2662    >
2663      <a class="sliderow__title" href="/collections/driving">
2664      <span>
2665        Driving
2666</span>
2667    </a>
2668    </div></div>
2669<div class="sliderule__wrapper">
2670    <div
2671      class="sliderow"
2672      role="button"
2673      data-animates="1"
2674      data-animation="drawer-items-fade"
2675      data-animation-delay="500"
2676      data-animation-duration="500"
2677    >
2678      <a class="sliderow__title" href="/collections/skating">
2679      <span>
2680        Skating
2681</span>
2682    </a>
2683    </div></div>
2684<div class="sliderule__wrapper">
2685    <div
2686      class="sliderow"
2687      role="button"
2688      data-animates="1"
2689      data-animation="drawer-items-fade"
2690      data-animation-delay="550"
2691      data-animation-duration="500"
2692    >
2693      <a class="sliderow__title" href="/collections/running">
2694      <span>
2695        Running
2696</span>
2697    </a>
2698    </div></div>
2699<div class="sliderule__wrapper">
2700    <div
2701      class="sliderow"
2702      role="button"
2703      data-animates="1"
2704      data-animation="drawer-items-fade"
2705      data-animation-delay="600"
2706      data-animation-duration="500"
2707    >
2708      <a class="sliderow__title" href="/collections/cycling">
2709      <span>
2710        Cycling
2711</span>
2712    </a>
2713    </div></div>
2714
2715</div>
2716      </div>
2717    </mobile-sliderule></div>
2718<div class="sliderule__wrapper">
2719    <div
2720      class="sliderow"
2721      role="button"
2722      data-animates="0"
2723      data-animation="drawer-items-fade"
2724      data-animation-delay="600"
2725      data-animation-duration="500"
2726    >
2727      <a class="sliderow__title" href="/pages/impact">
2728      <span>
2729        Our Impact
2730</span>
2731    </a>
2732    </div></div>
2733<div class="sliderule__wrapper">
2734    <div
2735      class="sliderow"
2736      role="button"
2737      data-animates="0"
2738      data-animation="drawer-items-fade"
2739      data-animation-delay="650"
2740      data-animation-duration="500"
2741    >
2742      <a class="sliderow__title" href="/pages/warranty">
2743      <span>
2744        Woodies Promise
2745</span>
2746    </a>
2747    </div></div>
2748<div class="sliderule__wrapper">
2749    <div
2750      class="sliderow"
2751      role="button"
2752      data-animates="0"
2753      data-animation="drawer-items-fade"
2754      data-animation-delay="700"
2755      data-animation-duration="500"
2756    >
2757      <a class="sliderow__title" href="https://woodies.com/pages/custom-sunglasses">
2758      <span>
2759        Custom Orders
2760</span>
2761    </a>
2762    </div></div>
2763<div class="sliderule__wrapper">
2764    <div
2765      class="sliderow"
2766      role="button"
2767      data-animates="0"
2768      data-animation="drawer-items-fade"
2769      data-animation-delay="750"
2770      data-animation-duration="500"
2771    >
2772      <a class="sliderow__title" href="https://woodies.com/pages/about">
2773      <span>
2774        About
2775</span>
2776    </a>
2777    </div></div>
2778<div class="sliderule__wrapper">
2779    <div
2780      class="sliderow"
2781      role="button"
2782      data-animates="0"
2783      data-animation="drawer-items-fade"
2784      data-animation-delay="800"
2785      data-animation-duration="500"
2786    >
2787      <a class="sliderow__title" href="https://woodies.com/pages/contact">
2788      <span>
2789        Contact
2790</span>
2791    </a>
2792    </div></div>
2793</div>
2794                </nav></div>
2795        </div><div class="mobile-menu__block mobile-menu__block--divider block-padding"
2796          data-mobile-menu-block
2797          
2798          style="--bg: transparent;--block-padding-bottom: 8px;">
2799          <div class="mobile-menu__block-inner"
2800            data-animation="drawer-items-fade"
2801            data-animation-duration="500"
2802            data-animation-delay="300">
2803<div
2804  class="divider-holder block-padding"
2805  
2806  
2807  style="--block-padding-bottom:8px;"
2808><hr class="divider"></div></div>
2809        </div><div class="mobile-menu__block mobile-menu__block--text block-padding"
2810          data-mobile-menu-block
2811          
2812          style="--bg: transparent;--block-padding-bottom: 14px;">
2813          <div class="mobile-menu__block-inner"
2814            data-animation="drawer-items-fade"
2815            data-animation-duration="500"
2816            data-animation-delay="350"><p class="drawer__text text-left body-medium">
2817                    Shop our new arrivals:
2818                  </p></div>
2819        </div><div class="mobile-menu__block mobile-menu__block--product block-padding"
2820          data-mobile-menu-block
2821          
2822          style="--bg: transparent;--image-size: 15%;--block-padding-bottom: 14px;">
2823          <div class="mobile-menu__block-inner"
2824            data-animation="drawer-items-fade"
2825            data-animation-duration="500"
2826            data-animation-delay="400"><a href="#!" class="mobile-menu__image-link">
2827                  <div class="mobile-menu__image"><figure class="image-wrapper lazy-image" style="--aspect-ratio: 1;"><svg class="svg-placeholder" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg>
2828</figure>
2829</div>
2830
2831                  <div class="mobile-menu__title body-small">
2832                    Product Title
2833                  </div>
2834                </a></div>
2835        </div><div class="mobile-menu__block mobile-menu__block--product block-padding"
2836          data-mobile-menu-block
2837          
2838          style="--bg: transparent;--image-size: 15%;--block-padding-bottom: 14px;">
2839          <div class="mobile-menu__block-inner"
2840            data-animation="drawer-items-fade"
2841            data-animation-duration="500"
2842            data-animation-delay="450"><a href="#!" class="mobile-menu__image-link">
2843                  <div class="mobile-menu__image"><figure class="image-wrapper lazy-image" style="--aspect-ratio: 1;"><svg class="svg-placeholder" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg>
2844</figure>
2845</div>
2846
2847                  <div class="mobile-menu__title body-small">
2848                    Product Title
2849                  </div>
2850                </a></div>
2851        </div><div class="mobile-menu__block mobile-menu__block--divider block-padding"
2852          data-mobile-menu-block
2853          
2854          style="--bg: transparent;--block-padding-bottom: 8px;">
2855          <div class="mobile-menu__block-inner"
2856            data-animation="drawer-items-fade"
2857            data-animation-duration="500"
2858            data-animation-delay="500">
2859<div
2860  class="divider-holder block-padding"
2861  
2862  
2863  style="--block-padding-bottom:8px;"
2864><hr class="divider"></div></div>
2865        </div><div class="mobile-menu__block mobile-menu__block--socials block-padding"
2866          data-mobile-menu-block
2867          
2868          style="--bg: transparent;--block-padding-bottom: 10px;">
2869          <div class="mobile-menu__block-inner"
2870            data-animation="drawer-items-fade"
2871            data-animation-duration="500"
2872            data-animation-delay="550">
2873<ul class="socials socials--mobile-menu socials--thin"
2874  ><li>
2875    <a href="https://instagram.com/woloodies" title="Woodies on Instagram" rel="noopener" target="_blank" class="social-link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 24 24"><path d="M12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8z" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 16V8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5z" stroke="#000"/><path d="m17.5 6.51.01-.011" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="icon-fallback-text">Instagram</span>
2876    </a>
2877  </li><li>
2878    <a href="https://facebook.com/woodies" title="Woodies on Facebook" rel="noopener" target="_blank" class="social-link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 24 24"><path d="M17 2h-3a5 5 0 0 0-5 5v3H6v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3V2z" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="icon-fallback-text">Facebook</span>
2879    </a>
2880  </li></ul></div>
2881        </div><div class="mobile-menu__block mobile-menu__block--divider block-padding"
2882          data-mobile-menu-block
2883          
2884          style="--bg: transparent;--block-padding-bottom: 14px;">
2885          <div class="mobile-menu__block-inner"
2886            data-animation="drawer-items-fade"
2887            data-animation-duration="500"
2888            data-animation-delay="600">
2889<div
2890  class="divider-holder block-padding"
2891  
2892  
2893  style="--block-padding-bottom:14px;"
2894><hr class="divider"></div></div>
2895        </div>
2896          </div>
2897        </div>
2898      </div><div
2899          class="drawer__foot"
2900          style="--base-animation-delay: 450ms;"
2901        >
2902          <div class="drawer__foot__scroll" data-scroll-lock-scrollable>
2903            <div class="mobile-menu__block mobile-menu__block--localization block-padding"
2904          data-mobile-menu-block
2905          
2906          style="--bg: transparent;--block-padding-bottom: 14px;">
2907          <div class="mobile-menu__block-inner"
2908            data-animation="drawer-items-fade"
2909            data-animation-duration="500"
2910            data-animation-delay="250"><div class="mobile-menu__block-localization"><!-- /snippets/localization.liquid -->
2911
2912</div></div>
2913        </div>
2914          </div>
2915        </div></div>
2916
2917    <span class="underlay drawer__underlay" data-drawer-underlay></span>
2918  </header-drawer>
2919</mobile-menu>
2920
2921
2922</div>
2923<!-- END sections: group-header -->
2924      </div>
2925
2926      <!-- BEGIN sections: group-overlay -->
2927<div id="shopify-section-sections--16195835854906__cart-drawer" class="shopify-section shopify-section-group-group-overlay">
2928</div>
2929<!-- END sections: group-overlay -->
2930
2931      <!-- CONTENT -->
2932      <main role="main" id="MainContent" class="main-content">
2933        <div id="shopify-section-template--16195835068474__cart" class="shopify-section"><!-- /templates/cart.liquid --><style data-shopify>.cart {
2934    --PT: 80px;
2935    --PB: 50px;
2936  }</style><div class="cart-holder color-scheme-1">
2937  <div
2938    class="cart section-padding is-empty"
2939    data-section-id="template--16195835068474__cart"
2940    data-section-type="cart"
2941    data-cart-page
2942  >
2943    <div class="cart__empty" data-cart-empty>
2944      <h1
2945        class="cart__title body-medium"
2946        data-animation="cart-items-fade"
2947        data-animation-duration="500"
2948        data-animation-delay="100">Cart</h1>
2949
2950      <p
2951        data-animation="cart-items-fade"
2952        data-animation-duration="500"
2953        data-animation-delay="150">Your Cart is Empty</p><div class="cart__empty__buttons"><div
2954              class="cart__empty__item"
2955              data-animation="cart-items-fade"
2956              data-animation-duration="500"
2957              data-animation-delay="200">
2958              <a href="/collections/wood-sunglasses" class="btn btn--outline btn--primary">Shop All</a>
2959            </div><div
2960              class="cart__empty__item"
2961              data-animation="cart-items-fade"
2962              data-animation-duration="500"
2963              data-animation-delay="250">
2964              <a href="https://woodies.com/#" class="btn btn--outline btn--primary">Shop by Vibe</a>
2965            </div><div
2966              class="cart__empty__item"
2967              data-animation="cart-items-fade"
2968              data-animation-duration="500"
2969              data-animation-delay="300">
2970              <a href="/pages/impact" class="btn btn--outline btn--primary">Our Impact</a>
2971            </div><div
2972              class="cart__empty__item"
2973              data-animation="cart-items-fade"
2974              data-animation-duration="500"
2975              data-animation-delay="350">
2976              <a href="/pages/warranty" class="btn btn--outline btn--primary">Woodies Promise</a>
2977            </div><div
2978              class="cart__empty__item"
2979              data-animation="cart-items-fade"
2980              data-animation-duration="500"
2981              data-animation-delay="400">
2982              <a href="https://woodies.com/pages/custom-sunglasses" class="btn btn--outline btn--primary">Custom Orders</a>
2983            </div><div
2984              class="cart__empty__item"
2985              data-animation="cart-items-fade"
2986              data-animation-duration="500"
2987              data-animation-delay="450">
2988              <a href="https://woodies.com/pages/about" class="btn btn--outline btn--primary">About</a>
2989            </div><div
2990              class="cart__empty__item"
2991              data-animation="cart-items-fade"
2992              data-animation-duration="500"
2993              data-animation-delay="500">
2994              <a href="https://woodies.com/pages/contact" class="btn btn--outline btn--primary">Contact</a>
2995            </div></div>
2995<script src="//woodies.com/cdn/shop/t/35/assets/recently-viewed.js?v=65653390500397507271771959277" defer="defer"></script>
2995
2996
2997        <recently-viewed
2998          class="cart__empty__product product__upsell--stacked hidden"
2999          id="recently-viewed-products-cart"
3000          data-limit="3"
3001          data-target="api-upsell-product"
3002          data-animation="cart-items-fade"
3003          data-animation-duration="500"
3004          data-animation-delay="550"
3005        ></recently-viewed></div>
3006
3007    <form id="cartForm" class="cart__form" action="/cart" method="post" novalidate data-cart-form>
3008      
3009
3010      <div class="cart__inner">
3011        <div class="cart__content">
3012          <h1
3013            class="cart__title body-medium"
3014            data-animation="cart-items-fade"
3015            data-animation-duration="500"
3016            data-animation-delay="100">
3017            Cart
3018
3019            <cart-count class="cart__items-count" data-cart-count="0">0</cart-count>
3020          </h1>
3021
3022          <div
3023            class="cart__button-continue"
3024            data-animation="cart-items-fade"
3025            data-animation-duration="500"
3026            data-animation-delay="150">
3027            <a class="btn btn--outline btn--primary" href="/collections/all">
3028              <span>Continue Shopping</span>
3029            </a>
3030          </div>
3031
3032          <div class="cart__errors" data-cart-errors>
3033            <div class="cart__errors__inner">
3034              <h5 class="cart__errors__heading">Sorry, looks like we don&#39;t have enough of this product.</h5>
3035
3036              <p class="cart__errors__content" data-error-message></p>
3037
3038              <button
3039                class="cart__errors__close"
3040                type="button"
3041                data-cart-error-close
3042                aria-label="Close Cart"
3043              ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
3044            </div>
3045          </div>
3046
3047          <cart-items
3048            class="cart__items body-medium"
3049            data-items-holder
3050            data-animation="cart-items-fade"
3051            data-animation-duration="500"
3052            data-animation-delay="200"
3053          ></cart-items>
3054        </div>
3055
3056        <div class="cart__aside" data-checkout-buttons><div
3057              class="cart-block body-medium"
3058              data-animation="cart-items-fade"
3059              data-animation-duration="500"
3060              data-animation-delay="100"
3061              
3062            >
3063<div
3064    class="cart__message free-shipping"
3065    data-free-shipping="true"
3066    data-free-shipping-limit="25"
3067  ><span class="free-shipping__success-message">Congratulations! Your order qualifies for free shipping</span><span class="free-shipping__default-message">
3068      You are <span data-left-to-spend>$25</span> away from free shipping.
3069    </span><progress
3070        class="free-shipping__progress-bar"
3071        data-progress-bar
3072        value="0"
3073        max="100"
3074      ></progress><div class="confetti">
3075      <span class="confetti__dot confetti__dot--1"></span>
3076      <span class="confetti__dot confetti__dot--2"></span>
3077      <span class="confetti__dot confetti__dot--3"></span>
3078      <span class="confetti__dot confetti__dot--4"></span>
3079      <span class="confetti__dot confetti__dot--5"></span>
3080      <span class="confetti__dot confetti__dot--6"></span>
3081    </div>
3082  </div></div><div
3083            class="cart__price__holder"
3084            data-cart-price-holder
3085            data-animation="cart-items-fade"
3086            data-animation-duration="500"
3087            data-animation-delay="150"
3088          ><div class="cart__total">
3089  <span class="cart__total__label">Subtotal</span>
3090
3091  <span class="cart__total__price cart__total__price--animated" data-cart-total="0">Free
3092</span>
3093
3094  <div class="cart__price__loader loader"><div class="loader-indeterminate"></div></div>
3095</div>
3096</div>
3097
3098          <collapsible-elements single="true"><div
3099                class="cart-block body-medium"
3100                data-animation="cart-items-fade"
3101                data-animation-duration="500"
3102                data-animation-delay="150"
3103                
3104              ></div><div
3105                class="cart-block "
3106                data-animation="cart-items-fade"
3107                data-animation-duration="500"
3108                data-animation-delay="200"
3109                
3110              >
3111
3112<details
3113  class="cart__widget accordion"
3114  data-collapsible
3115>
3116  <summary class="cart__widget__title" data-collapsible-trigger>Is this a gift?<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-down" viewB
3116ox="0 0 24 24"><path d="m6 9 6 6 6-6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg></summary>
3117
3118  <div class="cart__widget__content" data-collapsible-body>
3119    <div class="cart__widget__content__inner" data-collapsible-content><label for="gift-note">Leave a note about your order</label>
3120      <textarea
3121        id="gift-note"
3122        name="attributes[Gift note]"
3123        class="cart__field cart__field--textarea"
3124        form="cartForm"
3125        aria-label="Leave a note about your order"
3126      ></textarea>
3127    </div>
3128  </div>
3129</details>
3130</div><div
3131                class="cart-block body-x-small"
3132                data-animation="cart-items-fade"
3133                data-animation-duration="500"
3134                data-animation-delay="250"
3135                
3136              ><div
3137                      class="cart__message cart__message--custom text-left"
3138                      style=""
3139                    >
3140                      <p>Use coupon code <strong>WELCOME10</strong> for 10% off your first order.</p>
3141                    </div></div><div
3142                class="cart-block "
3143                data-animation="cart-items-fade"
3144                data-animation-duration="500"
3145                data-animation-delay="300"
3146                
3147              ><div class="cart__foot__inner">
3148                      <div class="cart__buttons-wrapper"><div
3149                          class="cart__buttons"
3150                          data-cart-checkout-buttons
3151                        >
3152                          <fieldset class="cart__buttons__fieldset" data-cart-checkout-button>
3153                            <button
3154                              type="submit"
3155                              name="checkout"
3156                              class="btn btn--full btn--primary btn--solid cart__checkout"
3157                            ><!-- /snippets/animated-icon.liquid -->
3158
3159
3160<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-lock" viewBox="0 0 24 24"><path d="M16 12h1.4a.6.6 0 0 1 .6.6v6.8a.6.6 0 0 1-.6.6H6.6a.6.6 0 0 1-.6-.6v-6.8a.6.6 0 0 1 .6-.6H8m8 0V8c0-1.333-.8-4-4-4S8 6.667 8 8v4m8 0H8" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg>Check Out</button></fieldset>
3161                        </div>
3162                      </div>
3163
3164                      <em class="cart__note">Shipping, taxes, and discount codes are calculated at checkout</em>
3165                    </div></div><div
3166                class="cart-block "
3167                data-animation="cart-items-fade"
3168                data-animation-duration="500"
3169                data-animation-delay="350"
3170                
3171              >
3172<details
3173    class="cart__widget cart__widget--products accordion"
3174    
3175    data-collapsible
3176    
3177      data-upsell-widget
3178    
3179    
3180      data-upsell-auto-open
3181    
3182  >
3183    <summary class="cart__widget__title" data-collapsible-trigger>Pair with<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-down" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg></summary>
3184
3185    <div
3186      class="cart__widget__content"
3187      
3188      data-collapsible-body
3189    >
3190      <div class="cart__widget__content__inner" data-collapsible-content>
3191        <div
3192          class="cart__widget__products"
3193          
3194            data-upsell-products
3195          
3196          
3197        >
3198</div>
3199      </div>
3200    </div>
3201  </details></div></collapsible-elements>
3202        </div>
3203      </div>
3204    </form>
3205  </div>
3206</div>
3207
3208
3209</div>
3210      </main>
3211    </div>
3212
3213    <!-- BEGIN sections: group-pre-footer -->
3214<div id="shopify-section-sections--16195835887674__section-newsletter" class="shopify-section shopify-section-group-group-pre-footer"><!-- /sections/newsletter.liquid -->
3215</div>
3216<!-- END sections: group-pre-footer -->
3217
3218    <footer class="footer-sections">
3219      <!-- BEGIN sections: group-footer -->
3220<div id="shopify-section-sections--16195835789370__footer" class="shopify-section shopify-section-group-group-footer"><!-- /sections/footer.liquid --><style data-shopify>.site-footer-wrapper {
3221    --PT: 75px;
3222    --PB: 30px;
3223    --item-count: 3;
3224  }
3225
3226  
3227    .shopify-section-group-group-footer { --border: #212121; }
3228    .shopify-section-group-group-footer .field { --border: #212121; }
3229  
3230</style><footer
3231  class="site-footer-wrapper section-padding color-scheme-8"
3232  data-section-id="sections--16195835789370__footer"
3233  data-section-type="footer"
3234>
3235  <div class="site-footer wrapper--full-padded"><collapsible-elements>
3236        <div class="footer__blocks">
3237<details class="footer__block footer__block--social" style="--desktop-width: 25%;"  data-collapsible desktop="false" mobile="false">
3238                    <summary class="h3 footer__block__title heading-x-small" data-collapsible-trigger>WOODIES
3239<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-down" viewB
3239ox="0 0 24 24"><path d="m6 9 6 6 6-6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg></summary>
3240
3241                    <div data-collapsible-body>
3242                      <div class="" data-collapsible-content><div class="rte footer__social__text"><p>Handcrafted Wood Sunglasses<br>Venice Beach, CA</p></div>
3243<ul class="socials socials--thin"
3244  ><li>
3245    <a href="https://instagram.com/woloodies" title="Woodies on Instagram" rel="noopener" target="_blank" class="social-link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 24 24"><path d="M12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8z" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 16V8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5z" stroke="#000"/><path d="m17.5 6.51.01-.011" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="icon-fallback-text">Instagram</span>
3246    </a>
3247  </li><li>
3248    <a href="https://facebook.com/woodies" title="Woodies on Facebook" rel="noopener" target="_blank" class="social-link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 24 24"><path d="M17 2h-3a5 5 0 0 0-5 5v3H6v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3V2z" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="icon-fallback-text">Facebook</span>
3249    </a>
3250  </li></ul></div>
3251                    </div>
3252                  </details>
3253<details class="footer__block footer__block--menu" style="--desktop-width: 20%;"  data-collapsible desktop="false" mobile="false">
3254                    <summary class="h3 footer__block__title heading-x-small" data-collapsible-trigger>Customer Care
3255<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-down" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg></summary></details>
3256<details class="footer__block footer__block--menu" style="--desktop-width: 20%;"  data-collapsible desktop="false" mobile="false">
3257                    <summary class="h3 footer__block__title heading-x-small" data-collapsible-trigger>Quick Links
3258<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-down" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg></summary></details></div>
3259      </collapsible-elements></div>
3260</footer>
3261
3262
3263</div><div id="shopify-section-sections--16195835789370__section-anchor-logo" class="shopify-section shopify-section-group-group-footer"><!-- /sections/section-anchor-logo.liquid --><style data-shopify>#AnchorLogo--sections--16195835789370__section-anchor-logo {
3264    --PT: 30px;
3265    --PB: 30px;
3266  }</style><section
3267  id="AnchorLogo--sections--16195835789370__section-anchor-logo"
3268  class="anchor-logo section-padding color-scheme-8"
3269  data-section-id="sections--16195835789370__section-anchor-logo"
3270  data-section-type="anchor-logo"
3271>
3272  <div class="wrapper--full-padded">
3273    <a
3274      href="/"
3275      class="anchor-logo__link"
3276      data-aos="hero"
3277      data-aos-duration="500"
3278      data-aos-easing="ease-out-quart"
3279    ><svg class="svg-placeholder" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 158.3 158.3"><path d="M50.7 83.8H43v-17c0-.3-.3-.6-.6-.6h-2.8c-.3 0-.6.3-.6.6v20.1c0 .3.2.6.6.6h11.1c.3 0 .6-.3.6-.6v-2.5c-.1-.4-.3-.6-.6-.6zm12.7-17.9c-6.1 0-10.9 4.9-10.9 10.9 0 6.1 4.8 10.9 10.9 10.9 6.1 0 10.9-4.8 10.9-10.9 0-6-4.8-10.9-10.9-10.9zm0 17.9c-3.8 0-6.9-3.1-6.9-6.9 0-3.8 3.1-7 6.9-7s7 3.2 7 7c0 3.7-3.2 6.9-7 6.9zm31.7-6.9h-5.8c-.3 0-.6.2-.6.6v2.4c0 .3.2.5.6.5h2.4V83c-.6.2-1.9.8-3.6.8-3.8 0-6.8-3.2-6.8-6.9 0-3.8 3-7 6.8-7 1.7 0 3.3.6 4.6 1.8.3.2.5.2.8 0l1.9-2c.2-.2.2-.6 0-.8-2.1-1.8-4.7-2.8-7.4-2.8-6 0-10.9 4.9-10.9 10.9 0 6.1 4.8 10.8 10.9 10.8 4.4 0 7.5-2 7.5-2 .1-.1.2-.2.2-.5v-7.8c-.1-.3-.3-.6-.6-.6zm14.5-11c-6.1 0-10.9 4.9-10.9 10.9 0 6.1 4.8 10.9 10.9 10.9 6.1 0 10.9-4.8 10.9-10.9 0-6-4.8-10.9-10.9-10.9zm0 17.9c-3.8 0-6.9-3.1-6.9-6.9 0-3.8 3.1-7 6.9-7s7 3.2 7 7c0 3.7-3.2 6.9-7 6.9z"/></svg>
3280</a>
3281  </div>
3282</section>
3283
3284
3285</div><div id="shopify-section-sections--16195835789370__section-supporting-menu" class="shopify-section shopify-section-group-group-footer"><!-- /sections/section-supporting-menu.liquid --><style data-shopify>#SupportingMenu--sections--16195835789370__section-supporting-menu {
3286    --PT: 30px;
3287    --PB: 30px;
3288  }</style><section
3289  id="SupportingMenu--sections--16195835789370__section-supporting-menu"
3290  class="supporting-menu section-padding color-scheme-8"
3291  data-section-id="sections--16195835789370__section-supporting-menu"
3292  data-section-type="supporting-menu"
3293>
3294  <div class="supporting-menu__inner wrapper--full-padded"><div class="supporting-menu__item supporting-menu__item--copyright">
3295      <ul class="supporting-menu__copyright inline-list body-small">
3296        <li>
3297          <a href="https://woodies.com"
3298            >&copy; Woodies
3299            2026</a>
3300        </li>
3301        
3302
3303        <!-- The following lines fix Lighthouse security warnings on the Shopify link. --><!-- Remove the following line to delete 'Powered by Shopify' from your footer -->
3304        <li data-powered-link><a rel="noopener" target="_blank"  href="https://www.shopify.com?utm_campaign=p
3304oweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Ecommerce Software by Shopify</a></li>
3305        <!-- Do not delete below this line -->
3306      </ul>
3307    </div></div>
3308</section>
3309
3310
3311</div>
3312<!-- END sections: group-footer -->
3313    </footer>
3314
3315    <!-- Root element of PhotoSwipe. Must have class pswp. -->
3316<div class="pswp pswp--custom-loader" tabindex="-1" role="dialog" aria-hidden="true">
3317  <!-- Background of PhotoSwipe.
3318  It's a separate element as animating opacity is faster than rgba(). -->
3319  <div class="pswp__bg"></div>
3320
3321  <!-- Slides wrapper with overflow:hidden. -->
3322  <div class="pswp__scroll-wrap">
3323    <!-- Container that holds slides.
3324        PhotoSwipe keeps only 3 of them in the DOM to save memory.
3325        Don't modify these 3 pswp__item elements, data is added later on. -->
3326    <div class="pswp__container">
3327      <div class="pswp__item"></div>
3328      <div class="pswp__item"></div>
3329      <div class="pswp__item"></div>
3330    </div>
3331
3332    <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
3333    <div class="pswp__ui pswp__ui--hidden">
3334      <div class="pswp__top-bar">
3335        <!--  Controls are self-explanatory. Order can be changed. -->
3336
3337        <div class="pswp__counter"></div>
3338
3339        <button class="pswp__button pswp__button--close pswp__custom-close pswp__ui-over-close" title="Close (Esc)"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
3340
3341        <!-- Preloader demo https://codepen.io/dimsemenov/pen/yyBWoR -->
3342        <!-- element will get class pswp__preloader--active when preloader is running -->
3343        <div class="pswp__preloader">
3344          <div class="pswp__preloader__icn">
3345            <div class="pswp__preloader__cut">
3346              <div class="pswp__preloader__donut"></div>
3347            </div>
3348          </div>
3349        </div>
3350      </div>
3351
3352      <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
3353        <div class="pswp__share-tooltip"></div>
3354      </div>
3355
3356      <button class="pswp__button pswp__button--arrow--left" title="Previous"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24"><path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Previous</span>
3357      </button>
3358
3359      <button class="pswp__button pswp__button--arrow--right" title="Next"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24"><path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Next</span>
3360      </button>
3361
3362      <div class="pswp__thumbs"></div>
3363
3364      <div class="pswp__caption">
3365        <div class="pswp__caption__center"></div>
3366
3367        <a href="#" class="pswp__caption-close"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24"><path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Close</span>
3368        </a>
3369      </div>
3370    </div>
3371  </div>
3372</div>
3373
3374<!-- Paste marketing code or third party scripts below this comment line ============== -->
3375
3376    <!-- And above this comment line ================================================== -->
3377  
3378
3379<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
3379
3380</body>
3381</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.