PageSourceSearch

https://livehighlevel.com/collections/all-products

html livehighlevel.com collected 2026-10-04 05:27:19 UTC 641,516 bytes, 14,834 lines download raw bytes

1<!doctype html>
2<html
3  lang="en"
4  
5>
6  <head>
7<!-- Start of Booster Apps Seo-0.1--><title>Explore All Products at High Level Science | Store</title><meta name="google-site-verification" content="1l2At-cwcPapF_n_vRWWnSUnBOGCt9sJabq3aqanioQ" /><meta name="description" content="Discover our complete collection of products at High Level Science. Find the tools and supplies you need for your scientific needs today. Shop now." />
7<script type="application/ld+json">
8  {
9    "@context": "https://schema.org",
10    "@type": "WebSite",
11    "name": "High Level Science",
12    "url": "https://livehighlevel.com",
13    "potentialAction": {
14      "@type": "SearchAction",
15      "query-input": "required name=query",
16      "target": "https://livehighlevel.com/search?q={query}"
17    }
18  }
19</script>
19<script type="application/ld+json">
20  {
21    "@context": "https://schema.org",
22    "@type": "CollectionPage",
23    "name": "All Products",
24    "url": "https://livehighlevel.com/collections/all-products","mainEntity": {
25      "@type": "ItemList",
26      "numberOfItems": 13,
27      "itemListElement": [{
28          "@type": "ListItem",
29          "position": 1,
30          "name": "Heart + Body + Mind - CoQ10, Omega-3, Vitamin-E",
31          "url": "https://livehighlevel.com/products/heart-body-mind-coq10-omega-3-vitamin-e"
32        },{
33          "@type": "ListItem",
34          "position": 2,
35          "name": "High Level Man - 12-in-1 Testosterone Formula",
36          "url": "https://livehighlevel.com/products/high-level-man-12-in-1-testosterone-formula"
37        },{
38          "@type": "ListItem",
39          "position": 3,
40          "name": "High Level Woman: Hormone + Vitality Formula",
41          "url": "https://livehighlevel.com/products/high-level-woman-hormone-vitality-formula"
42        },{
43          "@type": "ListItem",
44          "position": 4,
45          "name": "High Level Woman - 4-in-1 Urinary Tract Formula",
46          "url": "https://livehighlevel.com/products/high-level-woman-4-in-1-urinary-tract-formula"
47        },{
48          "@type": "ListItem",
49          "position": 5,
50          "name": "HLS x Staple Hoodie {Lunar Rock}",
51          "url": "https://livehighlevel.com/products/hls-x-staple-hoodie-lunar-rock"
52        },{
53          "@type": "ListItem",
54          "position": 6,
55          "name": "The HLS x Staple Hoodie {Burro}",
56          "url": "https://livehighlevel.com/products/the-hls-x-staple-hoodie-burro"
57        },{
58          "@type": "ListItem",
59          "position": 7,
60          "name": "The HLS x Staple Hoodie {Midnight}",
61          "url": "https://livehighlevel.com/products/the-hls-x-staple-hoodie-midnight"
62        },{
63          "@type": "ListItem",
64          "position": 8,
65          "name": "The HLS x Staple T {Faded Bone}",
66          "url": "https://livehighlevel.com/products/the-hls-x-staple-t-faded-bone"
67        },{
68          "@type": "ListItem",
69          "position": 9,
70          "name": "The HLS x Staple T {Faded Khaki}",
71          "url": "https://livehighlevel.com/products/the-hls-x-staple-t-faded-khaki"
72        },{
73          "@type": "ListItem",
74          "position": 10,
75          "name": "The HLS x Staple T {Faded Black}",
76          "url": "https://livehighlevel.com/products/the-hls-x-staple-t-faded-black"
77        },{
78          "@type": "ListItem",
79          "position": 11,
80          "name": "The HLS x Staple Hat {Stone}",
81          "url": "https://livehighlevel.com/products/the-hls-x-staple-hat-stone"
82        },{
83          "@type": "ListItem",
84          "position": 12,
85          "name": "The HLS x Staple Hat {Khaki}",
86          "url": "https://livehighlevel.com/products/the-hls-x-staple-hat-khaki"
87        },{
88          "@type": "ListItem",
89          "position": 13,
90          "name": "The HLS x Staple Hat {Black and Yellow}",
91          "url": "https://livehighlevel.com/products/the-hls-x-staple-hat-black-and-yellow"
92        }]
93    }
94  }
95</script>
vendor: 1 bytes, line 95
95
96<script type="application/ld+json">
97  {
98    "@context": "https://schema.org",
99    "@type": "BreadcrumbList",
100    "itemListElement": [
101      {"@type": "ListItem","position": 1,"name": "Home","item": "https://livehighlevel.com"},
102      {"@type": "ListItem","position": 2,"name": "All Products","item": "https://livehighlevel.com/collections/all-products"}
103    ]
104  }
105</script>
105<!-- end of Booster Apps SEO -->
106
107
108    <style data-shopify>
109
110@font-face {
111  font-family: Geist;
112  font-weight: 400;
113  font-style: normal;
114  font-display: swap;
115  src: url("//livehighlevel.com/cdn/fonts/geist/geist_n4.6e27f20c83b0a07405328f98ff3b0be957c5d6d5.woff2") format("woff2"),
116       url("//livehighlevel.com/cdn/fonts/geist/geist_n4.492f36219dd328eb9d6fa578986db9fe6d514f67.woff") format("woff");
117}
118
119@font-face {
120  font-family: Geist;
121  font-weight: 700;
122  font-style: normal;
123  font-display: swap;
124  src: url("//livehighlevel.com/cdn/fonts/geist/geist_n7.d1a55eaf394973a6f8fe773d87de2e2f51331d2a.woff2") format("woff2"),
125       url("//livehighlevel.com/cdn/fonts/geist/geist_n7.69b158278bc5ac2dd4016704355834ad3509f9f6.woff") format("woff");
126}
127
128@font-face {
129  font-family: Geist;
130  font-weight: 500;
131  font-style: normal;
132  font-display: swap;
133  src: url("//livehighlevel.com/cdn/fonts/geist/geist_n5.94fa89da1755608b366e51df60b72b900e50a5c1.woff2") format("woff2"),
134       url("//livehighlevel.com/cdn/fonts/geist/geist_n5.534b61175b56b7696f09dc850ab14f4755fb8071.woff") format("woff");
135}
136
137
138@font-face {
139  font-family: "Instrument Serif";
140  font-weight: 400;
141  font-style: normal;
142  font-display: swap;
143  src: url("//livehighlevel.com/cdn/fonts/instrument_serif/instrumentserif_n4.1f296bfb073af186bc0a0abe7791aa71e0f0fd99.woff2") format("woff2"),
144       url("//livehighlevel.com/cdn/fonts/instrument_serif/instrumentserif_n4.9c1bc0cbb666f794ccbef0784eef2fae0981ce72.woff") format("woff");
145}
146
147@font-face {
148  font-family: "Instrument Serif";
149  font-weight: 400;
150  font-style: italic;
151  font-display: swap;
152  src: url("//livehighlevel.com/cdn/fonts/instrument_serif/instrumentserif_i4.5f74867220db936d30d7d208253fb8f2d3ef5a7c.woff2") format("woff2"),
153       url("//livehighlevel.com/cdn/fonts/instrument_serif/instrumentserif_i4.659537f426cac059f95efd6b1bd59c465d629984.woff") format("woff");
154}
155
156:root {
157    /* Page layout */
158    --page-width: 144.0rem;
159    --page-width-narrow: 88.0rem;
160
161    --logo-width: 175px;
162    --logo-width-mobile: 90px;
163    --logo-width-menu-drawer: 90px;
164
165    /* Typography presets */--font-size--mega-title: clamp(
166      4.032rem,
167      calc(3.368vw + 1.448rem),
168      5.76rem
169    );
170    --font-size--h1: clamp(
171      3.36rem,
172      calc(2.807vw + 1.207rem),
173      4.8rem
174    );
175    --font-size--h2: clamp(
176      2.688rem,
177      calc(2.246vw + 0.966rem),
178      3.84rem
179    );
180    --font-size--h3: clamp(
181      2.352rem,
182      calc(1.965vw + 0.845rem),
183      3.36rem
184    );
185    --font-size--h4: clamp(
186      1.92rem,
187      calc(1.404vw + 0.844rem),
188      2.64rem
189    );
190    --font-size--h5: clamp(
191      1.92rem,
192      calc(0.468vw + 1.561rem),
193      2.16rem
194    );
195    --font-size--h6: clamp(
196      1.92rem,
197      calc(0.0vw + 1.92rem),
198      1.92rem
199    );
200    --font-size--paragraph: 1.5rem;
201    --font-size--paragraph-small: 1.35rem;--font-paragraph--weight: 400;--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-h1--weight: var(--font-heading--weight);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h2--weight: var(--font-heading--weight);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h3--weight: var(--font-heading--weight);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h4--weight: var(--font-heading--weight);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h5--weight: var(--font-heading--weight);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-heading--family);--font-h5--style: var(--font-heading--style);--font-h6--weight: var(--font-heading--weight);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-heading--family);--font-h6--style: var(--font-heading--style);/* Line heights */
202    --font-mega-title--line-height: 1.2;
203    --font-h1--line-height: 1.2;
204    --font-h2--line-height: 1.3125;
205    --font-h3--line-height: 1.357;
206    --font-h4--line-height: 1.454;
207    --font-h5--line-height: 1.555;
208    --font-h6--line-height: 1.625;
209    --font-paragraph--line-height: 1.6;
210
211    --line-height--display-tight: 1;
212    --line-height--display-normal: 1.1;
213    --line-height--display-loose: 1.2;
214
215    --line-height--heading-tight: 1.2;
216    --line-height--heading-normal: 1.357;
217    --line-height--heading-loose: 1.625;
218
219    --line-height--subheading-tight: 1.2;
220    --line-height--subheading-normal: 1.357;
221    --line-height--subheading-loose: 1.625;
222
223    --line-height--body-tight: 1.2;
224    --line-height--body-normal: 1.4;
225    --line-height--body-loose: 1.6;
226
227    /* Spacing */
228    --spacing-scale-sm: 0.6;
229    --spacing-scale-md: 0.7;
230    --spacing-scale-default: 1.0;
231    --font-heading--spacing: clamp(2.4rem, .8em, 6rem);
232    --font-paragraph--spacing: clamp(2.4rem, .8em, 6rem);
233
234
235    /* Animations */
236    --animation-duration--fast: 0.25s;
237    --animation-duration--medium: 0.35s;
238    --animation-duration--slow: 0.5s;
239    --animation-duration--long: 0.6s;
240    --animation-easing: ease-in-out;
241    --animation-easing--smooth: cubic-bezier(0.3, 1, 0.3, 1);
242    --fixed-overlay-easing: cubic-bezier(0.7, 0, 0.2, 1);
243    --transform-origin-start: left;
244    --transform-origin-end: right;
245    --flip-x-factor: 1;
246
247    /* Font families */
248    --font-body--family: Geist, sans-serif;
249    --font-body--style: normal;
250    --font-body--weight: 400;--font-subheading--family: Geist, sans-serif;
251    --font-subheading--style: normal;
252    --font-subheading--weight: 500;
253    --font-subheading--transform: uppercase;
254    --font-subheading--letter-spacing: 0.05em;
255    --font-subheading--size-scale: 1.0;
256    --font-subheading--size: 1.5rem;--font-pcard-title--family: Geist, sans-serif;
257    --font-pcard-title--style: normal;
258    --font-pcard-title--weight: 500;
259    --font-pcard-title--size-scale: 1.0;
260    --font-pcard-title--size: 1.5rem;--font-pcard-price--family: Geist, sans-serif;
261    --font-pcard-price--style: normal;
262    --font-pcard-price--weight: 400;--font-pcard-badge--family: Geist, sans-serif;
263    --font-pcard-badge--style: normal;
264    --font-pcard-badge--weight: 500;
265    --font-pcard-badge--transform: capitalize;
266    --font-pcard-badge--letter-spacing: 0.0em;--font-navigation--family: Geist, sans-serif;
267    --font-navigation--style: normal;
268    --font-navigation--weight: 500;
269    --font-navigation--transform: capitalize;
270    --font-navigation--letter-spacing: 0.0em;--font-button--family: Geist, sans-serif;
271    --font-button--style: normal;
272    --font-button--weight: 500;
273
274    --font-heading--family: Helvetica, Arial, sans-serif;
275    --font-heading--style: normal;
276    --font-heading--weight: 700;
277
278    --font-highlight--family: "Instrument Serif", serif;
279    --font-highlight--style: normal;
280    --font-highlight--weight: 400;
281
282    /* Buttons */
283    --font-button--transform: capitalize;
284    --font-button--letter-spacing: 0.0em;
285
286    /* Inputs */
287    --select-arrow-icon: url('//livehighlevel.com/cdn/shop/t/26/assets/icon-select-arrow.svg?v=169632806619082358041789446022');
288    --input-border-radius: 6.0rem;
289    --input-height: 5.0rem;
290    --input-border-width: 0.1rem;
291    --textareas-radius:  min(6.0rem, 1rem);
292    /* Buttons */
293    --button-height: 5.0rem;
294    --button-corner-radius: 6.0rem;
295    --button-border-thickness: 0.1rem;
296
297    /* Z-index */
298    --layer-section-background: -2;
299    --layer-lowest: -1;
300    --layer-base: 0;
301    --layer-flat: 1;
302    --layer-raised: 2;
303    --layer-heightened: 4;
304    --layer-sticky: 8;
305    --layer-window-overlay: 10;
306    --layer-header-menu: 12;
307    --layer-overlay: 16;
308    --layer-menu-drawer: 18;
309    --layer-temporary: 40;
310
311    /* Badges */
312    --color-new-badge-background: 95 177 173;
313    --color-new-badge-text: 255 255 255;
314    --color-hot-badge-background: 115 146 113;
315    --color-hot-badge-text: 255 255 255;
316    --color-popular-badge-background: 144 141 203;
317    --color-popular-badge-text: 255 255 255;
318    --color-sale-badge-background: 196 48 28;
319    --color-sale-badge-text: 255 255 255;
320    --color-sold-out-badge-background: 167 167 167;
321    --color-sold-out-badge-text: 255 255 255;
322    --color-cart-bubble-text: #000000;
323    --color-cart-bubble-background: #e3f6a4;
324    --badge-corner-radius: 6.0rem;
325
326    /* Hardcoded Color */
327    --color-white: 255 255 255;
328    --color-black: 0 0 0;
329    --color-focus-ring: 27 87 192;
330
331    /* Product card */
332    --product-card-media-radius: 2.0rem;
333
334    /* Dialog */
335    --dialog-radius: 2.0rem;
336    --dialog-backdrop-opacity: 60%;
337  }
338</style>
339
340    <style data-shopify>
341:root,
342    .color-scheme-1 {
343      --color-background: 255 255 255;
344      --color-background-secondary: 238 238 238;
345      --color-foreground: 0 0 0;
346      --color-foreground-secondary: rgba(0 0 0 / 0.7);
347      --color-border: 0 0 0;
348      --color-border-alpha: 0.1;
349      --color-sale-price: 196 48 28;
350      --color-primary-button-background: 227 246 164;
351      --color-primary-button-text: 0 0 0;
352      --color-primary-button-border: ;
353      --color-secondary-button-background: 235 235 235;
354      --color-secondary-button-text: 0 0 0;
355      --color-secondary-button-border: 235 235 235;
356      --color-input-background: 238 238 238;
357      --color-input-text: 0 0 0;
358      
359      --color-input-focus-text: 0 0 0;
360      --color-swatch-border: rgb(227 227 227);
361      --color-notification-success: 10 155 97;
362      --color-notification-error: 196 48 28;
363      --color-notification-warning: 255 193 7;
364      --color-notification-info: 0 123 255;
365      --color-notification-out-of-stock: 114 114 114;
366      --color-progress-bar: 60 142 55;
367      --input-border-color: rgb(238 238 238);
368    }
369
370
371    .color-scheme-inverse {
372      --color-background: 0 0 0;
373      --color-background-secondary: 33 33 33;
374      --color-foreground: 255 255 255;
375      --color-foreground-secondary: rgba(255 255 255 / 0.7);
376      --color-border: 255 255 255;
377      --color-border-alpha: 0.7;
378      --color-sale-price: 196 48 28;
379      --color-primary-button-background: 255 255 255;
380      --color-primary-button-text: 0 0 0;
381      --color-primary-button-border: ;
382      --color-secondary-button-background: 47 47 47;
383      --color-secondary-button-text: 255 255 255;
384      --color-secondary-button-border: 47 47 47;
385      --color-input-background: 255 255 255;
386      --color-input-text: 0 0 0;
387      
388      --color-input-focus-text: 255 255 255;
389      --color-swatch-border: rgb(47 47 47);
390      --color-notification-success: 10 155 97;
391      --color-notification-error: 196 48 28;
392      --color-notification-warning: 255 193 7;
393      --color-notification-info: 0 123 255;
394      --color-notification-out-of-stock: 114 114 114;
395      --color-progress-bar: 255 255 255;
396      --input-border-color: rgb(255 255 255);
397    }
398
399
400    .color-scheme-2 {
401      --color-background: 11 42 27;
402      --color-background-secondary: 255 255 255;
403      --color-foreground: 255 255 255;
404      --color-foreground-secondary: rgba(255 255 255 / 0.7);
405      --color-border: 255 255 255;
406      --color-border-alpha: 0.1;
407      --color-sale-price: 196 48 28;
408      --color-primary-button-background: 227 246 164;
409      --color-primary-button-text: 0 0 0;
410      --color-primary-button-border: ;
411      --color-secondary-button-background: 25 64 45;
412      --color-secondary-button-text: 255 255 255;
413      --color-secondary-button-border: 25 64 45;
414      --color-input-background: 238 238 238;
415      --color-input-text: 0 0 0;
416      
417      --color-input-focus-text: 255 255 255;
418      --color-swatch-border: rgb(227 227 227);
419      --color-notification-success: 10 155 97;
420      --color-notification-error: 196 48 28;
421      --color-notification-warning: 255 193 7;
422      --color-notification-info: 0 123 255;
423      --color-notification-out-of-stock: 114 114 114;
424      --color-progress-bar: 4 155 110;
425      --input-border-color: rgb(238 238 238);
426    }
427
428
429    .color-scheme-3 {
430      --color-background: 188 216 203;
431      --color-background-secondary: 255 255 255;
432      --color-foreground: 0 0 0;
433      --color-foreground-secondary: rgba(0 0 0 / 0.7);
434      --color-border: 0 0 0;
435      --color-border-alpha: 0.15;
436      --color-sale-price: 196 48 28;
437      --color-primary-button-background: 255 255 255;
438      --color-primary-button-text: 0 0 0;
439      --color-primary-button-border: ;
440      --color-secondary-button-background: 0 0 0;
441      --color-secondary-button-text: 255 255 255;
442      --color-secondary-button-border: 0 0 0;
443      --color-input-background: 255 255 255;
444      --color-input-text: 0 0 0;
445      
446      --color-input-focus-background: 255 255 255 / 1.0;
447      
448      --color-input-focus-text: 0 0 0;
449      --color-swatch-border: rgb(227 227 227);
450      --color-notification-success: 10 155 97;
451      --color-notification-error: 196 48 28;
452      --color-notification-warning: 255 193 7;
453      --color-notification-info: 0 123 255;
454      --color-notification-out-of-stock: 114 114 114;
455      --color-progress-bar: 4 155 110;
456      --input-border-color: rgb(255 255 255);
457    }
458
459
460    .color-scheme-4 {
461      --color-background: 233 238 216;
462      --color-background-secondary: 255 255 255;
463      --color-foreground: 0 0 0;
464      --color-foreground-secondary: rgba(0 0 0 / 0.7);
465      --color-border: 0 0 0;
466      --color-border-alpha: 0.15;
467      --color-sale-price: 196 48 28;
468      --color-primary-button-background: 255 255 255;
469      --color-primary-button-text: 0 0 0;
470      --color-primary-button-border: ;
471      --color-secondary-button-background: 235 235 235;
472      --color-secondary-button-text: 0 0 0;
473      --color-secondary-button-border: 0 0 0;
474      --color-input-background: 238 238 238;
475      --color-input-text: 0 0 0;
476      
477      --color-input-focus-text: 0 0 0;
478      --color-swatch-border: rgb(227 227 227);
479      --color-notification-success: 10 155 97;
480      --color-notification-error: 196 48 28;
481      --color-notification-warning: 255 193 7;
482      --color-notification-info: 0 123 255;
483      --color-notification-out-of-stock: 114 114 114;
484      --color-progress-bar: 4 155 110;
485      --input-border-color: rgb(238 238 238);
486    }
487
488
489    .color-scheme-5 {
490      --color-background: 245 245 245;
491      --color-background-secondary: 255 255 255;
492      --color-foreground: 0 0 0;
493      --color-foreground-secondary: rgba(0 0 0 / 0.7);
494      --color-border: 0 0 0;
495      --color-border-alpha: 0.1;
496      --color-sale-price: 196 48 28;
497      --color-primary-button-background: 0 0 0;
498      --color-primary-button-text: 255 255 255;
499      --color-primary-button-border: ;
500      --color-secondary-button-background: 235 235 235;
501      --color-secondary-button-text: 0 0 0;
502      --color-secondary-button-border: 235 235 235;
503      --color-input-background: 255 255 255;
504      --color-input-text: 0 0 0;
505      
506      --color-input-focus-text: 0 0 0;
507      --color-swatch-border: rgb(227 227 227);
508      --color-notification-success: 10 155 97;
509      --color-notification-error: 196 48 28;
510      --color-notification-warning: 255 193 7;
511      --color-notification-info: 0 123 255;
512      --color-notification-out-of-stock: 114 114 114;
513      --color-progress-bar: 4 155 110;
514      --input-border-color: rgb(255 255 255);
515    }
516
517
518    .color-scheme-6 {
519      --color-background: 227 246 164;
520      --color-background-secondary: 238 238 238;
521      --color-foreground: 0 0 0;
522      --color-foreground-secondary: rgba(0 0 0 / 0.7);
523      --color-border: 0 0 0;
524      --color-border-alpha: 0.1;
525      --color-sale-price: 196 48 28;
526      --color-primary-button-background: 0 0 0;
527      --color-primary-button-text: 255 255 255;
528      --color-primary-button-border: ;
529      --color-secondary-button-background: 235 235 235;
530      --color-secondary-button-text: 0 0 0;
531      --color-secondary-button-border: 235 235 235;
532      --color-input-background: 238 238 238;
533      --color-input-text: 0 0 0;
534      
535      --color-input-focus-text: 0 0 0;
536      --color-swatch-border: rgb(227 227 227);
537      --color-notification-success: 10 155 97;
538      --color-notification-error: 196 48 28;
539      --color-notification-warning: 255 193 7;
540      --color-notification-info: 0 123 255;
541      --color-notification-out-of-stock: 114 114 114;
542      --color-progress-bar: 4 155 110;
543      --input-border-color: rgb(238 238 238);
544    }
545
546
547    .color-scheme-7 {
548      --color-background: 255 255 255;
549      --color-background-secondary: 244 244 244;
550      --color-foreground: 0 0 0;
551      --color-foreground-secondary: rgba(0 0 0 / 0.7);
552      --color-border: 0 0 0;
553      --color-border-alpha: 0.1;
554      --color-sale-price: 196 48 28;
555      --color-primary-button-background: 0 0 0;
556      --color-primary-button-text: 255 255 255;
557      --color-primary-button-border: ;
558      --color-secondary-button-background: 235 235 235;
559      --color-secondary-button-text: 0 0 0;
560      --color-secondary-button-border: 235 235 235;
561      --color-input-background: 238 238 238;
562      --color-input-text: 0 0 0;
563      
564      --color-input-focus-text: 0 0 0;
565      --color-swatch-border: rgb(227 227 227);
566      --color-notification-success: 10 155 97;
567      --color-notification-error: 196 48 28;
568      --color-notification-warning: 255 193 7;
569      --color-notification-info: 0 123 255;
570      --color-notification-out-of-stock: 114 114 114;
571      --color-progress-bar: 60 142 55;
572      --input-border-color: rgb(238 238 238);
573    }
574
575
576    .color-scheme-8 {
577      --color-background: 217 237 228;
578      --color-background-secondary: 255 255 255;
579      --color-foreground: 0 0 0;
580      --color-foreground-secondary: rgba(0 0 0 / 0.7);
581      --color-border: 0 0 0;
582      --color-border-alpha: 0.1;
583      --color-sale-price: 196 48 28;
584      --color-primary-button-background: 0 0 0;
585      --color-primary-button-text: 255 255 255;
586      --color-primary-button-border: ;
587      --color-secondary-button-background: 255 255 255;
588      --color-secondary-button-text: 0 0 0;
589      --color-secondary-button-border: 255 255 255;
590      --color-input-background: 238 238 238;
591      --color-input-text: 0 0 0;
592      
593      --color-input-focus-text: 0 0 0;
594      --color-swatch-border: rgb(227 227 227);
595      --color-notification-success: 10 155 97;
596      --color-notification-error: 196 48 28;
597      --color-notification-warning: 255 193 7;
598      --color-notification-info: 0 123 255;
599      --color-notification-out-of-stock: 114 114 114;
600      --color-progress-bar: 60 142 55;
601      --input-border-color: rgb(238 238 238);
602    }
603
604
605    .color-scheme-9 {
606      --color-background: 249 234 232;
607      --color-background-secondary: 238 238 238;
608      --color-foreground: 196 48 28;
609      --color-foreground-secondary: rgba(196 48 28 / 0.7);
610      --color-border: 0 0 0;
611      --color-border-alpha: 0.1;
612      --color-sale-price: 196 48 28;
613      --color-primary-button-background: 227 246 164;
614      --color-primary-button-text: 0 0 0;
615      --color-primary-button-border: ;
616      --color-secondary-button-background: 235 235 235;
617      --color-secondary-button-text: 0 0 0;
618      --color-secondary-button-border: 235 235 235;
619      --color-input-background: 238 238 238;
620      --color-input-text: 0 0 0;
621      
622      --color-input-focus-text: 196 48 28;
623      --color-swatch-border: rgb(227 227 227);
624      --color-notification-success: 10 155 97;
625      --color-notification-error: 196 48 28;
626      --color-notification-warning: 255 193 7;
627      --color-notification-info: 0 123 255;
628      --color-notification-out-of-stock: 114 114 114;
629      --color-progress-bar: 60 142 55;
630      --input-border-color: rgb(238 238 238);
631    }
632
633
634    .color-scheme-10 {
635      --color-background: 243 243 243;
636      --color-background-secondary: 255 255 255;
637      --color-foreground: 0 0 0;
638      --color-foreground-secondary: rgba(0 0 0 / 0.7);
639      --color-border: 0 0 0;
640      --color-border-alpha: 0.1;
641      --color-sale-price: 196 48 28;
642      --color-primary-button-background: 0 0 0;
643      --color-primary-button-text: 255 255 255;
644      --color-primary-button-border: ;
645      --color-secondary-button-background: 235 235 235;
646      --color-secondary-button-text: 0 0 0;
647      --color-secondary-button-border: 235 235 235;
648      --color-input-background: 255 255 255;
649      --color-input-text: 0 0 0;
650      
651      --color-input-focus-text: 0 0 0;
652      --color-swatch-border: rgb(227 227 227);
653      --color-notification-success: 10 155 97;
654      --color-notification-error: 196 48 28;
655      --color-notification-warning: 255 193 7;
656      --color-notification-info: 0 123 255;
657      --color-notification-out-of-stock: 114 114 114;
658      --color-progress-bar: 4 155 110;
659      --input-border-color: rgb(255 255 255);
660    }
661
662
663    .color-scheme-11 {
664      --color-background: 241 241 241;
665      --color-background-secondary: 255 255 255;
666      --color-foreground: 0 0 0;
667      --color-foreground-secondary: rgba(0 0 0 / 0.7);
668      --color-border: 0 0 0;
669      --color-border-alpha: 0.1;
670      --color-sale-price: 196 48 28;
671      --color-primary-button-background: 0 0 0;
672      --color-primary-button-text: 255 255 255;
673      --color-primary-button-border: ;
674      --color-secondary-button-background: 235 235 235;
675      --color-secondary-button-text: 0 0 0;
676      --color-secondary-button-border: 235 235 235;
677      --color-input-background: 255 255 255;
678      --color-input-text: 0 0 0;
679      
680      --color-input-focus-text: 0 0 0;
681      --color-swatch-border: rgb(227 227 227);
682      --color-notification-success: 10 155 97;
683      --color-notification-error: 196 48 28;
684      --color-notification-warning: 255 193 7;
685      --color-notification-info: 0 123 255;
686      --color-notification-out-of-stock: 114 114 114;
687      --color-progress-bar: 4 155 110;
688      --input-border-color: rgb(255 255 255);
689    }
690
691
692    .color-scheme-12 {
693      --color-background: 240 240 240;
694      --color-background-secondary: 255 255 255;
695      --color-foreground: 0 0 0;
696      --color-foreground-secondary: rgba(0 0 0 / 0.7);
697      --color-border: 0 0 0;
698      --color-border-alpha: 0.1;
699      --color-sale-price: 196 48 28;
700      --color-primary-button-background: 0 0 0;
701      --color-primary-button-text: 255 255 255;
702      --color-primary-button-border: ;
703      --color-secondary-button-background: 235 235 235;
704      --color-secondary-button-text: 0 0 0;
705      --color-secondary-button-border: 235 235 235;
706      --color-input-background: 255 255 255;
707      --color-input-text: 0 0 0;
708      
709      --color-input-focus-text: 0 0 0;
710      --color-swatch-border: rgb(227 227 227);
711      --color-notification-success: 10 155 97;
712      --color-notification-error: 196 48 28;
713      --color-notification-warning: 255 193 7;
714      --color-notification-info: 0 123 255;
715      --color-notification-out-of-stock: 114 114 114;
716      --color-progress-bar: 4 155 110;
717      --input-border-color: rgb(255 255 255);
718    }
719
720
721    .color-scheme-13 {
722      --color-background: 254 238 233;
723      --color-background-secondary: 238 238 238;
724      --color-foreground: 242 86 39;
725      --color-foreground-secondary: rgba(0 0 0 / 0.7);
726      --color-border: 0 0 0;
727      --color-border-alpha: 0.2;
728      --color-sale-price: 242 86 39;
729      --color-primary-button-background: 0 0 0;
730      --color-primary-button-text: 255 255 255;
731      --color-primary-button-border: ;
732      --color-secondary-button-background: 238 238 238;
733      --color-secondary-button-text: 0 0 0;
734      --color-secondary-button-border: 238 238 238;
735      --color-input-background: 238 238 238;
736      --color-input-text: 0 0 0;
737      
738      --color-input-focus-text: 242 86 39;
739      --color-swatch-border: rgb(227 227 227);
740      --color-notification-success: 10 155 97;
741      --color-notification-error: 196 48 28;
742      --color-notification-warning: 255 193 7;
743      --color-notification-info: 0 123 255;
744      --color-notification-out-of-stock: 114 114 114;
745      --color-progress-bar: 4 155 110;
746      --input-border-color: rgb(238 238 238);
747    }
748
749
750    .color-scheme-14 {
751      --color-background: 255 255 255;
752      --color-background-secondary: 228 240 217;
753      --color-foreground: 0 0 0;
754      --color-foreground-secondary: rgba(0 0 0 / 0.7);
755      --color-border: 0 0 0;
756      --color-border-alpha: 0.1;
757      --color-sale-price: 242 86 39;
758      --color-primary-button-background: 0 0 0;
759      --color-primary-button-text: 255 255 255;
760      --color-primary-button-border: ;
761      --color-secondary-button-background: 235 235 235;
762      --color-secondary-button-text: 0 0 0;
763      --color-secondary-button-border: 235 235 235;
764      --color-input-background: 238 238 238;
765      --color-input-text: 0 0 0;
766      
767      --color-input-focus-text: 0 0 0;
768      --color-swatch-border: rgb(227 227 227);
769      --color-notification-success: 10 155 97;
770      --color-notification-error: 196 48 28;
771      --color-notification-warning: 255 193 7;
772      --color-notification-info: 0 123 255;
773      --color-notification-out-of-stock: 114 114 114;
774      --color-progress-bar: 255 255 255;
775      --input-border-color: rgb(238 238 238);
776    }
777
778
779    .color-scheme-3aa59e45-51db-4f05-8a2f-baa365f53172 {
780      --color-background: 255 255 255;
781      --color-background-secondary: 238 238 238;
782      --color-foreground: 0 0 0;
783      --color-foreground-secondary: rgba(0 0 0 / 0.7);
784      --color-border: 0 0 0;
785      --color-border-alpha: 0.1;
786      --color-sale-price: 196 48 28;
787      --color-primary-button-background: 230 3 3;
788      --color-primary-button-text: 0 0 0;
789      --color-primary-button-border: ;
790      --color-secondary-button-background: 235 235 235;
791      --color-secondary-button-text: 0 0 0;
792      --color-secondary-button-border: 235 235 235;
793      --color-input-background: 238 238 238;
794      --color-input-text: 0 0 0;
795      
796      --color-input-focus-text: 0 0 0;
797      --color-swatch-border: rgb(227 227 227);
798      --color-notification-success: 10 155 97;
799      --color-notification-error: 196 48 28;
800      --color-notification-warning: 255 193 7;
801      --color-notification-info: 0 123 255;
802      --color-notification-out-of-stock: 114 114 114;
803      --color-progress-bar: 60 142 55;
804      --input-border-color: rgb(238 238 238);
805    }
806
807
808  body, .inherit-color-scheme, .color-scheme-1, .color-scheme-inverse, .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, .color-scheme-12, .color-scheme-13, .color-scheme-14, .color-scheme-3aa59e45-51db-4f05-8a2f-baa365f53172 {
809    color: rgb(var(--color-foreground));
810    background-color: rgb(var(--color-background));
811  }
812
813  @media (min-width: 767.98px) {
814    .desktop-color-scheme-1 {
815      --color-background: 255 255 255;
816      --color-background-secondary: 238 238 238;
817      --color-foreground: 0 0 0;
818      --color-foreground-secondary: rgba(0 0 0 / 0.7);
819      --color-border: 0 0 0;
820      --color-border-alpha: 0.1;
821      --color-sale-price: 196 48 28;
822      --color-primary-button-background: 227 246 164;
823      --color-primary-button-text: 0 0 0;
824      --color-primary-button-border: ;
825      --color-secondary-button-background: 235 235 235;
826      --color-secondary-button-text: 0 0 0;
827      --color-secondary-button-border: 235 235 235;
828      --color-input-background: 238 238 238;
829      --color-input-text: 0 0 0;
830      
831      --color-input-focus-text: 0 0 0;
832      --color-swatch-border: rgb(227 227 227);
833      --color-notification-success: 10 155 97;
834      --color-notification-error: 196 48 28;
835      --color-notification-warning: 255 193 7;
836      --color-notification-info: 0 123 255;
837      --color-notification-out-of-stock: 114 114 114;
838      --color-progress-bar: 60 142 55;
839      --input-border-color: rgb(238 238 238);
840    }
841    .desktop-color-scheme-inverse {
842      --color-background: 0 0 0;
843      --color-background-secondary: 33 33 33;
844      --color-foreground: 255 255 255;
845      --color-foreground-secondary: rgba(255 255 255 / 0.7);
846      --color-border: 255 255 255;
847      --color-border-alpha: 0.7;
848      --color-sale-price: 196 48 28;
849      --color-primary-button-background: 255 255 255;
850      --color-primary-button-text: 0 0 0;
851      --color-primary-button-border: ;
852      --color-secondary-button-background: 47 47 47;
853      --color-secondary-button-text: 255 255 255;
854      --color-secondary-button-border: 47 47 47;
855      --color-input-background: 255 255 255;
856      --color-input-text: 0 0 0;
857      
858      --color-input-focus-text: 255 255 255;
859      --color-swatch-border: rgb(47 47 47);
860      --color-notification-success: 10 155 97;
861      --color-notification-error: 196 48 28;
862      --color-notification-warning: 255 193 7;
863      --color-notification-info: 0 123 255;
864      --color-notification-out-of-stock: 114 114 114;
865      --color-progress-bar: 255 255 255;
866      --input-border-color: rgb(255 255 255);
867    }
868    .desktop-color-scheme-2 {
869      --color-background: 11 42 27;
870      --color-background-secondary: 255 255 255;
871      --color-foreground: 255 255 255;
872      --color-foreground-secondary: rgba(255 255 255 / 0.7);
873      --color-border: 255 255 255;
874      --color-border-alpha: 0.1;
875      --color-sale-price: 196 48 28;
876      --color-primary-button-background: 227 246 164;
877      --color-primary-button-text: 0 0 0;
878      --color-primary-button-border: ;
879      --color-secondary-button-background: 25 64 45;
880      --color-secondary-button-text: 255 255 255;
881      --color-secondary-button-border: 25 64 45;
882      --color-input-background: 238 238 238;
883      --color-input-text: 0 0 0;
884      
885      --color-input-focus-text: 255 255 255;
886      --color-swatch-border: rgb(227 227 227);
887      --color-notification-success: 10 155 97;
888      --color-notification-error: 196 48 28;
889      --color-notification-warning: 255 193 7;
890      --color-notification-info: 0 123 255;
891      --color-notification-out-of-stock: 114 114 114;
892      --color-progress-bar: 4 155 110;
893      --input-border-color: rgb(238 238 238);
894    }
895    .desktop-color-scheme-3 {
896      --color-background: 188 216 203;
897      --color-background-secondary: 255 255 255;
898      --color-foreground: 0 0 0;
899      --color-foreground-secondary: rgba(0 0 0 / 0.7);
900      --color-border: 0 0 0;
901      --color-border-alpha: 0.15;
902      --color-sale-price: 196 48 28;
903      --color-primary-button-background: 255 255 255;
904      --color-primary-button-text: 0 0 0;
905      --color-primary-button-border: ;
906      --color-secondary-button-background: 0 0 0;
907      --color-secondary-button-text: 255 255 255;
908      --color-secondary-button-border: 0 0 0;
909      --color-input-background: 255 255 255;
910      --color-input-text: 0 0 0;
911      
912      --color-input-focus-background: 255 255 255 / 1.0;
913      
914      --color-input-focus-text: 0 0 0;
915      --color-swatch-border: rgb(227 227 227);
916      --color-notification-success: 10 155 97;
917      --color-notification-error: 196 48 28;
918      --color-notification-warning: 255 193 7;
919      --color-notification-info: 0 123 255;
920      --color-notification-out-of-stock: 114 114 114;
921      --color-progress-bar: 4 155 110;
922      --input-border-color: rgb(255 255 255);
923    }
924    .desktop-color-scheme-4 {
925      --color-background: 233 238 216;
926      --color-background-secondary: 255 255 255;
927      --color-foreground: 0 0 0;
928      --color-foreground-secondary: rgba(0 0 0 / 0.7);
929      --color-border: 0 0 0;
930      --color-border-alpha: 0.15;
931      --color-sale-price: 196 48 28;
932      --color-primary-button-background: 255 255 255;
933      --color-primary-button-text: 0 0 0;
934      --color-primary-button-border: ;
935      --color-secondary-button-background: 235 235 235;
936      --color-secondary-button-text: 0 0 0;
937      --color-secondary-button-border: 0 0 0;
938      --color-input-background: 238 238 238;
939      --color-input-text: 0 0 0;
940      
941      --color-input-focus-text: 0 0 0;
942      --color-swatch-border: rgb(227 227 227);
943      --color-notification-success: 10 155 97;
944      --color-notification-error: 196 48 28;
945      --color-notification-warning: 255 193 7;
946      --color-notification-info: 0 123 255;
947      --color-notification-out-of-stock: 114 114 114;
948      --color-progress-bar: 4 155 110;
949      --input-border-color: rgb(238 238 238);
950    }
951    .desktop-color-scheme-5 {
952      --color-background: 245 245 245;
953      --color-background-secondary: 255 255 255;
954      --color-foreground: 0 0 0;
955      --color-foreground-secondary: rgba(0 0 0 / 0.7);
956      --color-border: 0 0 0;
957      --color-border-alpha: 0.1;
958      --color-sale-price: 196 48 28;
959      --color-primary-button-background: 0 0 0;
960      --color-primary-button-text: 255 255 255;
961      --color-primary-button-border: ;
962      --color-secondary-button-background: 235 235 235;
963      --color-secondary-button-text: 0 0 0;
964      --color-secondary-button-border: 235 235 235;
965      --color-input-background: 255 255 255;
966      --color-input-text: 0 0 0;
967      
968      --color-input-focus-text: 0 0 0;
969      --color-swatch-border: rgb(227 227 227);
970      --color-notification-success: 10 155 97;
971      --color-notification-error: 196 48 28;
972      --color-notification-warning: 255 193 7;
973      --color-notification-info: 0 123 255;
974      --color-notification-out-of-stock: 114 114 114;
975      --color-progress-bar: 4 155 110;
976      --input-border-color: rgb(255 255 255);
977    }
978    .desktop-color-scheme-6 {
979      --color-background: 227 246 164;
980      --color-background-secondary: 238 238 238;
981      --color-foreground: 0 0 0;
982      --color-foreground-secondary: rgba(0 0 0 / 0.7);
983      --color-border: 0 0 0;
984      --color-border-alpha: 0.1;
985      --color-sale-price: 196 48 28;
986      --color-primary-button-background: 0 0 0;
987      --color-primary-button-text: 255 255 255;
988      --color-primary-button-border: ;
989      --color-secondary-button-background: 235 235 235;
990      --color-secondary-button-text: 0 0 0;
991      --color-secondary-button-border: 235 235 235;
992      --color-input-background: 238 238 238;
993      --color-input-text: 0 0 0;
994      
995      --color-input-focus-text: 0 0 0;
996      --color-swatch-border: rgb(227 227 227);
997      --color-notification-success: 10 155 97;
998      --color-notification-error: 196 48 28;
999      --color-notification-warning: 255 193 7;
1000      --color-notification-info: 0 123 255;
1001      --color-notification-out-of-stock: 114 114 114;
1002      --color-progress-bar: 4 155 110;
1003      --input-border-color: rgb(238 238 238);
1004    }
1005    .desktop-color-scheme-7 {
1006      --color-background: 255 255 255;
1007      --color-background-secondary: 244 244 244;
1008      --color-foreground: 0 0 0;
1009      --color-foreground-secondary: rgba(0 0 0 / 0.7);
1010      --color-border: 0 0 0;
1011      --color-border-alpha: 0.1;
1012      --color-sale-price: 196 48 28;
1013      --color-primary-button-background: 0 0 0;
1014      --color-primary-button-text: 255 255 255;
1015      --color-primary-button-border: ;
1016      --color-secondary-button-background: 235 235 235;
1017      --color-secondary-button-text: 0 0 0;
1018      --color-secondary-button-border: 235 235 235;
1019      --color-input-background: 238 238 238;
1020      --color-input-text: 0 0 0;
1021      
1022      --color-input-focus-text: 0 0 0;
1023      --color-swatch-border: rgb(227 227 227);
1024      --color-notification-success: 10 155 97;
1025      --color-notification-error: 196 48 28;
1026      --color-notification-warning: 255 193 7;
1027      --color-notification-info: 0 123 255;
1028      --color-notification-out-of-stock: 114 114 114;
1029      --color-progress-bar: 60 142 55;
1030      --input-border-color: rgb(238 238 238);
1031    }
1032    .desktop-color-scheme-8 {
1033      --color-background: 217 237 228;
1034      --color-background-secondary: 255 255 255;
1035      --color-foreground: 0 0 0;
1036      --color-foreground-secondary: rgba(0 0 0 / 0.7);
1037      --color-border: 0 0 0;
1038      --color-border-alpha: 0.1;
1039      --color-sale-price: 196 48 28;
1040      --color-primary-button-background: 0 0 0;
1041      --color-primary-button-text: 255 255 255;
1042      --color-primary-button-border: ;
1043      --color-secondary-button-background: 255 255 255;
1044      --color-secondary-button-text: 0 0 0;
1045      --color-secondary-button-border: 255 255 255;
1046      --color-input-background: 238 238 238;
1047      --color-input-text: 0 0 0;
1048      
1049      --color-input-focus-text: 0 0 0;
1050      --color-swatch-border: rgb(227 227 227);
1051      --color-notification-success: 10 155 97;
1052      --color-notification-error: 196 48 28;
1053      --color-notification-warning: 255 193 7;
1054      --color-notification-info: 0 123 255;
1055      --color-notification-out-of-stock: 114 114 114;
1056      --color-progress-bar: 60 142 55;
1057      --input-border-color: rgb(238 238 238);
1058    }
1059    .desktop-color-scheme-9 {
1060      --color-background: 249 234 232;
1061      --color-background-secondary: 238 238 238;
1062      --color-foreground: 196 48 28;
1063      --color-foreground-secondary: rgba(196 48 28 / 0.7);
1064      --color-border: 0 0 0;
1065      --color-border-alpha: 0.1;
1066      --color-sale-price: 196 48 28;
1067      --color-primary-button-background: 227 246 164;
1068      --color-primary-button-text: 0 0 0;
1069      --color-primary-button-border: ;
1070      --color-secondary-button-background: 235 235 235;
1071      --color-secondary-button-text: 0 0 0;
1072      --color-secondary-button-border: 235 235 235;
1073      --color-input-background: 238 238 238;
1074      --color-input-text: 0 0 0;
1075      
1076      --color-input-focus-text: 196 48 28;
1077      --color-swatch-border: rgb(227 227 227);
1078      --color-notification-success: 10 155 97;
1079      --color-notification-error: 196 48 28;
1080      --color-notification-warning: 255 193 7;
1081      --color-notification-info: 0 123 255;
1082      --color-notification-out-of-stock: 114 114 114;
1083      --color-progress-bar: 60 142 55;
1084      --input-border-color: rgb(238 238 238);
1085    }
1086    .desktop-color-scheme-10 {
1087      --color-background: 243 243 243;
1088      --color-background-secondary: 255 255 255;
1089      --color-foreground: 0 0 0;
1090      --color-foreground-secondary: rgba(0 0 0 / 0.7);
1091      --color-border: 0 0 0;
1092      --color-border-alpha: 0.1;
1093      --color-sale-price: 196 48 28;
1094      --color-primary-button-background: 0 0 0;
1095      --color-primary-button-text: 255 255 255;
1096      --color-primary-button-border: ;
1097      --color-secondary-button-background: 235 235 235;
1098      --color-secondary-button-text: 0 0 0;
1099      --color-secondary-button-border: 235 235 235;
1100      --color-input-background: 255 255 255;
1101      --color-input-text: 0 0 0;
1102      
1103      --color-input-focus-text: 0 0 0;
1104      --color-swatch-border: rgb(227 227 227);
1105      --color-notification-success: 10 155 97;
1106      --color-notification-error: 196 48 28;
1107      --color-notification-warning: 255 193 7;
1108      --color-notification-info: 0 123 255;
1109      --color-notification-out-of-stock: 114 114 114;
1110      --color-progress-bar: 4 155 110;
1111      --input-border-color: rgb(255 255 255);
1112    }
1113    .desktop-color-scheme-11 {
1114      --color-background: 241 241 241;
1115      --color-background-secondary: 255 255 255;
1116      --color-foreground: 0 0 0;
1117      --color-foreground-secondary: rgba(0 0 0 / 0.7);
1118      --color-border: 0 0 0;
1119      --color-border-alpha: 0.1;
1120      --color-sale-price: 196 48 28;
1121      --color-primary-button-background: 0 0 0;
1122      --color-primary-button-text: 255 255 255;
1123      --color-primary-button-border: ;
1124      --color-secondary-button-background: 235 235 235;
1125      --color-secondary-button-text: 0 0 0;
1126      --color-secondary-button-border: 235 235 235;
1127      --color-input-background: 255 255 255;
1128      --color-input-text: 0 0 0;
1129      
1130      --color-input-focus-text: 0 0 0;
1131      --color-swatch-border: rgb(227 227 227);
1132      --color-notification-success: 10 155 97;
1133      --color-notification-error: 196 48 28;
1134      --color-notification-warning: 255 193 7;
1135      --color-notification-info: 0 123 255;
1136      --color-notification-out-of-stock: 114 114 114;
1137      --color-progress-bar: 4 155 110;
1138      --input-border-color: rgb(255 255 255);
1139    }
1140    .desktop-color-scheme-12 {
1141      --color-background: 240 240 240;
1142      --color-background-secondary: 255 255 255;
1143      --color-foreground: 0 0 0;
1144      --color-foreground-secondary: rgba(0 0 0 / 0.7);
1145      --color-border: 0 0 0;
1146      --color-border-alpha: 0.1;
1147      --color-sale-price: 196 48 28;
1148      --color-primary-button-background: 0 0 0;
1149      --color-primary-button-text: 255 255 255;
1150      --color-primary-button-border: ;
1151      --color-secondary-button-background: 235 235 235;
1152      --color-secondary-button-text: 0 0 0;
1153      --color-secondary-button-border: 235 235 235;
1154      --color-input-background: 255 255 255;
1155      --color-input-text: 0 0 0;
1156      
1157      --color-input-focus-text: 0 0 0;
1158      --color-swatch-border: rgb(227 227 227);
1159      --color-notification-success: 10 155 97;
1160      --color-notification-error: 196 48 28;
1161      --color-notification-warning: 255 193 7;
1162      --color-notification-info: 0 123 255;
1163      --color-notification-out-of-stock: 114 114 114;
1164      --color-progress-bar: 4 155 110;
1165      --input-border-color: rgb(255 255 255);
1166    }
1167    .desktop-color-scheme-13 {
1168      --color-background: 254 238 233;
1169      --color-background-secondary: 238 238 238;
1170      --color-foreground: 242 86 39;
1171      --color-foreground-secondary: rgba(0 0 0 / 0.7);
1172      --color-border: 0 0 0;
1173      --color-border-alpha: 0.2;
1174      --color-sale-price: 242 86 39;
1175      --color-primary-button-background: 0 0 0;
1176      --color-primary-button-text: 255 255 255;
1177      --color-primary-button-border: ;
1178      --color-secondary-button-background: 238 238 238;
1179      --color-secondary-button-text: 0 0 0;
1180      --color-secondary-button-border: 238 238 238;
1181      --color-input-background: 238 238 238;
1182      --color-input-text: 0 0 0;
1183      
1184      --color-input-focus-text: 242 86 39;
1185      --color-swatch-border: rgb(227 227 227);
1186      --color-notification-success: 10 155 97;
1187      --color-notification-error: 196 48 28;
1188      --color-notification-warning: 255 193 7;
1189      --color-notification-info: 0 123 255;
1190      --color-notification-out-of-stock: 114 114 114;
1191      --color-progress-bar: 4 155 110;
1192      --input-border-color: rgb(238 238 238);
1193    }
1194    .desktop-color-scheme-14 {
1195      --color-background: 255 255 255;
1196      --color-background-secondary: 228 240 217;
1197      --color-foreground: 0 0 0;
1198      --color-foreground-secondary: rgba(0 0 0 / 0.7);
1199      --color-border: 0 0 0;
1200      --color-border-alpha: 0.1;
1201      --color-sale-price: 242 86 39;
1202      --color-primary-button-background: 0 0 0;
1203      --color-primary-button-text: 255 255 255;
1204      --color-primary-button-border: ;
1205      --color-secondary-button-background: 235 235 235;
1206      --color-secondary-button-text: 0 0 0;
1207      --color-secondary-button-border: 235 235 235;
1208      --color-input-background: 238 238 238;
1209      --color-input-text: 0 0 0;
1210      
1211      --color-input-focus-text: 0 0 0;
1212      --color-swatch-border: rgb(227 227 227);
1213      --color-notification-success: 10 155 97;
1214      --color-notification-error: 196 48 28;
1215      --color-notification-warning: 255 193 7;
1216      --color-notification-info: 0 123 255;
1217      --color-notification-out-of-stock: 114 114 114;
1218      --color-progress-bar: 255 255 255;
1219      --input-border-color: rgb(238 238 238);
1220    }
1221    .desktop-color-scheme-3aa59e45-51db-4f05-8a2f-baa365f53172 {
1222      --color-background: 255 255 255;
1223      --color-background-secondary: 238 238 238;
1224      --color-foreground: 0 0 0;
1225      --color-foreground-secondary: rgba(0 0 0 / 0.7);
1226      --color-border: 0 0 0;
1227      --color-border-alpha: 0.1;
1228      --color-sale-price: 196 48 28;
1229      --color-primary-button-background: 230 3 3;
1230      --color-primary-button-text: 0 0 0;
1231      --color-primary-button-border: ;
1232      --color-secondary-button-background: 235 235 235;
1233      --color-secondary-button-text: 0 0 0;
1234      --color-secondary-button-border: 235 235 235;
1235      --color-input-background: 238 238 238;
1236      --color-input-text: 0 0 0;
1237      
1238      --color-input-focus-text: 0 0 0;
1239      --color-swatch-border: rgb(227 227 227);
1240      --color-notification-success: 10 155 97;
1241      --color-notification-error: 196 48 28;
1242      --color-notification-warning: 255 193 7;
1243      --color-notification-info: 0 123 255;
1244      --color-notification-out-of-stock: 114 114 114;
1245      --color-progress-bar: 60 142 55;
1246      --input-border-color: rgb(238 238 238);
1247    }
1248    
1249    .desktop-color-scheme-1, .desktop-color-scheme-inverse, .desktop-color-scheme-2, .desktop-color-scheme-3, .desktop-color-scheme-4, .desktop-color-scheme-5, .desktop-color-scheme-6, .desktop-color-scheme-7, .desktop-color-scheme-8, .desktop-color-scheme-9, .desktop-color-scheme-10, .desktop-color-scheme-11, .desktop-color-scheme-12, .desktop-color-scheme-13, .desktop-color-scheme-14, .desktop-color-scheme-3aa59e45-51db-4f05-8a2f-baa365f53172 {
1250      color: rgb(var(--color-foreground));
1251      background-color: rgb(var(--color-background));
1252    }
1253  }
1254  @media (max-width: 767px) {
1255    .mobile-color-scheme-1 {
1256      --color-background: 255 255 255;
1257      --color-background-secondary: 238 238 238;
1258      --color-foreground: 0 0 0;
1259      --color-foreground-secondary: rgba(0 0 0 / 0.7);
1260      --color-border: 0 0 0;
1261      --color-border-alpha: 0.1;
1262      --color-sale-price: 196 48 28;
1263      --color-primary-button-background: 227 246 164;
1264      --color-primary-button-text: 0 0 0;
1265      --color-primary-button-border: ;
1266      --color-secondary-button-background: 235 235 235;
1267      --color-secondary-button-text: 0 0 0;
1268      --color-secondary-button-border: 235 235 235;
1269      --color-input-background: 238 238 238;
1270      --color-input-text: 0 0 0;
1271      
1272      --color-input-focus-text: 0 0 0;
1273      --color-swatch-border: rgb(227 227 227);
1274      --color-notification-success: 10 155 97;
1275      --color-notification-error: 196 48 28;
1276      --color-notification-warning: 255 193 7;
1277      --color-notification-info: 0 123 255;
1278      --color-notification-out-of-stock: 114 114 114;
1279      --color-progress-bar: 60 142 55;
1280      --input-border-color: rgb(238 238 238);
1281    }
1282    .mobile-color-scheme-inverse {
1283      --color-background: 0 0 0;
1284      --color-background-secondary: 33 33 33;
1285      --color-foreground: 255 255 255;
1286      --color-foreground-secondary: rgba(255 255 255 / 0.7);
1287      --color-border: 255 255 255;
1288      --color-border-alpha: 0.7;
1289      --color-sale-price: 196 48 28;
1290      --color-primary-button-background: 255 255 255;
1291      --color-primary-button-text: 0 0 0;
1292      --color-primary-button-border: ;
1293      --color-secondary-button-background: 47 47 47;
1294      --color-secondary-button-text: 255 255 255;
1295      --color-secondary-button-border: 47 47 47;
1296      --color-input-background: 255 255 255;
1297      --color-input-text: 0 0 0;
1298      
1299      --color-input-focus-text: 255 255 255;
1300      --color-swatch-border: rgb(47 47 47);
1301      --color-notification-success: 10 155 97;
1302      --color-notification-error: 196 48 28;
1303      --color-notification-warning: 255 193 7;
1304      --color-notification-info: 0 123 255;
1305      --color-notification-out-of-stock: 114 114 114;
1306      --color-progress-bar: 255 255 255;
1307      --input-border-color: rgb(255 255 255);
1308    }
1309    .mobile-color-scheme-2 {
1310      --color-background: 11 42 27;
1311      --color-background-secondary: 255 255 255;
1312      --color-foreground: 255 255 255;
1313      --color-foreground-secondary: rgba(255 255 255 / 0.7);
1314      --color-border: 255 255 255;
1315      --color-border-alpha: 0.1;
1316      --color-sale-price: 196 48 28;
1317      --color-primary-button-background: 227 246 164;
1318      --color-primary-button-text: 0 0 0;
1319      --color-primary-button-border: ;
1320      --color-secondary-button-background: 25 64 45;
1321      --color-secondary-button-text: 255 255 255;
1322      --color-secondary-button-border: 25 64 45;
1323      --color-input-background: 238 238 238;
1324      --color-input-text: 0 0 0;
1325      
1326      --color-input-focus-text: 255 255 255;
1327      --color-swatch-border: rgb(227 227 227);
1328      --color-notification-success: 10 155 97;
1329      --color-notification-error: 196 48 28;
1330      --color-notification-warning: 255 193 7;
1331      --color-notification-info: 0 123 255;
1332      --color-notification-out-of-stock: 114 114 114;
1333      --color-progress-bar: 4 155 110;
1334      --input-border-color: rgb(238 238 238);
1335    }
1336    .mobile-color-scheme-3 {
1337      --color-background: 188 216 203;
1338      --color-background-secondary: 255 255 255;
1339      --color-foreground: 0 0 0;
1340      --color-foreground-secondary: rgba(0 0 0 / 0.7);
1341      --color-border: 0 0 0;
1342      --color-border-alpha: 0.15;
1343      --color-sale-price: 196 48 28;
1344      --color-primary-button-background: 255 255 255;
1345      --color-primary-button-text: 0 0 0;
1346      --color-primary-button-border: ;
1347      --color-secondary-button-background: 0 0 0;
1348      --color-secondary-button-text: 255 255 255;
1349      --color-secondary-button-border: 0 0 0;
1350      --color-input-background: 255 255 255;
1351      --color-input-text: 0 0 0;
1352      
1353      --color-input-focus-background: 255 255 255 / 1.0;
1354      
1355      --color-input-focus-text: 0 0 0;
1356      --color-swatch-border: rgb(227 227 227);
1357      --color-notification-success: 10 155 97;
1358      --color-notification-error: 196 48 28;
1359      --color-notification-warning: 255 193 7;
1360      --color-notification-info: 0 123 255;
1361      --color-notification-out-of-stock: 114 114 114;
1362      --color-progress-bar: 4 155 110;
1363      --input-border-color: rgb(255 255 255);
1364    }
1365    .mobile-color-scheme-4 {
1366      --color-background: 233 238 216;
1367      --color-background-secondary: 255 255 255;
1368      --color-foreground: 0 0 0;
1369      --color-foreground-secondary: rgba(0 0 0 / 0.7);
1370      --color-border: 0 0 0;
1371      --color-border-alpha: 0.15;
1372      --color-sale-price: 196 48 28;
1373      --color-primary-button-background: 255 255 255;
1374      --color-primary-button-text: 0 0 0;
1375      --color-primary-button-border: ;
1376      --color-secondary-button-background: 235 235 235;
1377      --color-secondary-button-text: 0 0 0;
1378      --color-secondary-button-border: 0 0 0;
1379      --color-input-background: 238 238 238;
1380      --color-input-text: 0 0 0;
1381      
1382      --color-input-focus-text: 0 0 0;
1383      --color-swatch-border: rgb(227 227 227);
1384      --color-notification-success: 10 155 97;
1385      --color-notification-error: 196 48 28;
1386      --color-notification-warning: 255 193 7;
1387      --color-notification-info: 0 123 255;
1388      --color-notification-out-of-stock: 114 114 114;
1389      --color-progress-bar: 4 155 110;
1390      --input-border-color: rgb(238 238 238);
1391    }
1392    .mobile-color-scheme-5 {
1393      --color-background: 245 245 245;
1394      --color-background-secondary: 255 255 255;
1395      --color-foreground: 0 0 0;
1396      --color-foreground-secondary: rgba(0 0 0 / 0.7);
1397      --color-border: 0 0 0;
1398      --color-border-alpha: 0.1;
1399      --color-sale-price: 196 48 28;
1400      --color-primary-button-background: 0 0 0;
1401      --color-primary-button-text: 255 255 255;
1402      --color-primary-button-border: ;
1403      --color-secondary-button-background: 235 235 235;
1404      --color-secondary-button-text: 0 0 0;
1405      --color-secondary-button-border: 235 235 235;
1406      --color-input-background: 255 255 255;
1407      --color-input-text: 0 0 0;
1408      
1409      --color-input-focus-text: 0 0 0;
1410      --color-swatch-border: rgb(227 227 227);
1411      --color-notification-success: 10 155 97;
1412      --color-notification-error: 196 48 28;
1413      --color-notification-warning: 255 193 7;
1414      --color-notification-info: 0 123 255;
1415      --color-notification-out-of-stock: 114 114 114;
1416      --color-progress-bar: 4 155 110;
1417      --input-border-color: rgb(255 255 255);
1418    }
1419    .mobile-color-scheme-6 {
1420      --color-background: 227 246 164;
1421      --color-background-secondary: 238 238 238;
1422      --color-foreground: 0 0 0;
1423      --color-foreground-secondary: rgba(0 0 0 / 0.7);
1424      --color-border: 0 0 0;
1425      --color-border-alpha: 0.1;
1426      --color-sale-price: 196 48 28;
1427      --color-primary-button-background: 0 0 0;
1428      --color-primary-button-text: 255 255 255;
1429      --color-primary-button-border: ;
1430      --color-secondary-button-background: 235 235 235;
1431      --color-secondary-button-text: 0 0 0;
1432      --color-secondary-button-border: 235 235 235;
1433      --color-input-background: 238 238 238;
1434      --color-input-text: 0 0 0;
1435      
1436      --color-input-focus-text: 0 0 0;
1437      --color-swatch-border: rgb(227 227 227);
1438      --color-notification-success: 10 155 97;
1439      --color-notification-error: 196 48 28;
1440      --color-notification-warning: 255 193 7;
1441      --color-notification-info: 0 123 255;
1442      --color-notification-out-of-stock: 114 114 114;
1443      --color-progress-bar: 4 155 110;
1444      --input-border-color: rgb(238 238 238);
1445    }
1446    .mobile-color-scheme-7 {
1447      --color-background: 255 255 255;
1448      --color-background-secondary: 244 244 244;
1449      --color-foreground: 0 0 0;
1450      --color-foreground-secondary: rgba(0 0 0 / 0.7);
1451      --color-border: 0 0 0;
1452      --color-border-alpha: 0.1;
1453      --color-sale-price: 196 48 28;
1454      --color-primary-button-background: 0 0 0;
1455      --color-primary-button-text: 255 255 255;
1456      --color-primary-button-border: ;
1457      --color-secondary-button-background: 235 235 235;
1458      --color-secondary-button-text: 0 0 0;
1459      --color-secondary-button-border: 235 235 235;
1460      --color-input-background: 238 238 238;
1461      --color-input-text: 0 0 0;
1462      
1463      --color-input-focus-text: 0 0 0;
1464      --color-swatch-border: rgb(227 227 227);
1465      --color-notification-success: 10 155 97;
1466      --color-notification-error: 196 48 28;
1467      --color-notification-warning: 255 193 7;
1468      --color-notification-info: 0 123 255;
1469      --color-notification-out-of-stock: 114 114 114;
1470      --color-progress-bar: 60 142 55;
1471      --input-border-color: rgb(238 238 238);
1472    }
1473    .mobile-color-scheme-8 {
1474      --color-background: 217 237 228;
1475      --color-background-secondary: 255 255 255;
1476      --color-foreground: 0 0 0;
1477      --color-foreground-secondary: rgba(0 0 0 / 0.7);
1478      --color-border: 0 0 0;
1479      --color-border-alpha: 0.1;
1480      --color-sale-price: 196 48 28;
1481      --color-primary-button-background: 0 0 0;
1482      --color-primary-button-text: 255 255 255;
1483      --color-primary-button-border: ;
1484      --color-secondary-button-background: 255 255 255;
1485      --color-secondary-button-text: 0 0 0;
1486      --color-secondary-button-border: 255 255 255;
1487      --color-input-background: 238 238 238;
1488      --color-input-text: 0 0 0;
1489      
1490      --color-input-focus-text: 0 0 0;
1491      --color-swatch-border: rgb(227 227 227);
1492      --color-notification-success: 10 155 97;
1493      --color-notification-error: 196 48 28;
1494      --color-notification-warning: 255 193 7;
1495      --color-notification-info: 0 123 255;
1496      --color-notification-out-of-stock: 114 114 114;
1497      --color-progress-bar: 60 142 55;
1498      --input-border-color: rgb(238 238 238);
1499    }
1500    .mobile-color-scheme-9 {
1501      --color-background: 249 234 232;
1502      --color-background-secondary: 238 238 238;
1503      --color-foreground: 196 48 28;
1504      --color-foreground-secondary: rgba(196 48 28 / 0.7);
1505      --color-border: 0 0 0;
1506      --color-border-alpha: 0.1;
1507      --color-sale-price: 196 48 28;
1508      --color-primary-button-background: 227 246 164;
1509      --color-primary-button-text: 0 0 0;
1510      --color-primary-button-border: ;
1511      --color-secondary-button-background: 235 235 235;
1512      --color-secondary-button-text: 0 0 0;
1513      --color-secondary-button-border: 235 235 235;
1514      --color-input-background: 238 238 238;
1515      --color-input-text: 0 0 0;
1516      
1517      --color-input-focus-text: 196 48 28;
1518      --color-swatch-border: rgb(227 227 227);
1519      --color-notification-success: 10 155 97;
1520      --color-notification-error: 196 48 28;
1521      --color-notification-warning: 255 193 7;
1522      --color-notification-info: 0 123 255;
1523      --color-notification-out-of-stock: 114 114 114;
1524      --color-progress-bar: 60 142 55;
1525      --input-border-color: rgb(238 238 238);
1526    }
1527    .mobile-color-scheme-10 {
1528      --color-background: 243 243 243;
1529      --color-background-secondary: 255 255 255;
1530      --color-foreground: 0 0 0;
1531      --color-foreground-secondary: rgba(0 0 0 / 0.7);
1532      --color-border: 0 0 0;
1533      --color-border-alpha: 0.1;
1534      --color-sale-price: 196 48 28;
1535      --color-primary-button-background: 0 0 0;
1536      --color-primary-button-text: 255 255 255;
1537      --color-primary-button-border: ;
1538      --color-secondary-button-background: 235 235 235;
1539      --color-secondary-button-text: 0 0 0;
1540      --color-secondary-button-border: 235 235 235;
1541      --color-input-background: 255 255 255;
1542      --color-input-text: 0 0 0;
1543      
1544      --color-input-focus-text: 0 0 0;
1545      --color-swatch-border: rgb(227 227 227);
1546      --color-notification-success: 10 155 97;
1547      --color-notification-error: 196 48 28;
1548      --color-notification-warning: 255 193 7;
1549      --color-notification-info: 0 123 255;
1550      --color-notification-out-of-stock: 114 114 114;
1551      --color-progress-bar: 4 155 110;
1552      --input-border-color: rgb(255 255 255);
1553    }
1554    .mobile-color-scheme-11 {
1555      --color-background: 241 241 241;
1556      --color-background-secondary: 255 255 255;
1557      --color-foreground: 0 0 0;
1558      --color-foreground-secondary: rgba(0 0 0 / 0.7);
1559      --color-border: 0 0 0;
1560      --color-border-alpha: 0.1;
1561      --color-sale-price: 196 48 28;
1562      --color-primary-button-background: 0 0 0;
1563      --color-primary-button-text: 255 255 255;
1564      --color-primary-button-border: ;
1565      --color-secondary-button-background: 235 235 235;
1566      --color-secondary-button-text: 0 0 0;
1567      --color-secondary-button-border: 235 235 235;
1568      --color-input-background: 255 255 255;
1569      --color-input-text: 0 0 0;
1570      
1571      --color-input-focus-text: 0 0 0;
1572      --color-swatch-border: rgb(227 227 227);
1573      --color-notification-success: 10 155 97;
1574      --color-notification-error: 196 48 28;
1575      --color-notification-warning: 255 193 7;
1576      --color-notification-info: 0 123 255;
1577      --color-notification-out-of-stock: 114 114 114;
1578      --color-progress-bar: 4 155 110;
1579      --input-border-color: rgb(255 255 255);
1580    }
1581    .mobile-color-scheme-12 {
1582      --color-background: 240 240 240;
1583      --color-background-secondary: 255 255 255;
1584      --color-foreground: 0 0 0;
1585      --color-foreground-secondary: rgba(0 0 0 / 0.7);
1586      --color-border: 0 0 0;
1587      --color-border-alpha: 0.1;
1588      --color-sale-price: 196 48 28;
1589      --color-primary-button-background: 0 0 0;
1590      --color-primary-button-text: 255 255 255;
1591      --color-primary-button-border: ;
1592      --color-secondary-button-background: 235 235 235;
1593      --color-secondary-button-text: 0 0 0;
1594      --color-secondary-button-border: 235 235 235;
1595      --color-input-background: 255 255 255;
1596      --color-input-text: 0 0 0;
1597      
1598      --color-input-focus-text: 0 0 0;
1599      --color-swatch-border: rgb(227 227 227);
1600      --color-notification-success: 10 155 97;
1601      --color-notification-error: 196 48 28;
1602      --color-notification-warning: 255 193 7;
1603      --color-notification-info: 0 123 255;
1604      --color-notification-out-of-stock: 114 114 114;
1605      --color-progress-bar: 4 155 110;
1606      --input-border-color: rgb(255 255 255);
1607    }
1608    .mobile-color-scheme-13 {
1609      --color-background: 254 238 233;
1610      --color-background-secondary: 238 238 238;
1611      --color-foreground: 242 86 39;
1612      --color-foreground-secondary: rgba(0 0 0 / 0.7);
1613      --color-border: 0 0 0;
1614      --color-border-alpha: 0.2;
1615      --color-sale-price: 242 86 39;
1616      --color-primary-button-background: 0 0 0;
1617      --color-primary-button-text: 255 255 255;
1618      --color-primary-button-border: ;
1619      --color-secondary-button-background: 238 238 238;
1620      --color-secondary-button-text: 0 0 0;
1621      --color-secondary-button-border: 238 238 238;
1622      --color-input-background: 238 238 238;
1623      --color-input-text: 0 0 0;
1624      
1625      --color-input-focus-text: 242 86 39;
1626      --color-swatch-border: rgb(227 227 227);
1627      --color-notification-success: 10 155 97;
1628      --color-notification-error: 196 48 28;
1629      --color-notification-warning: 255 193 7;
1630      --color-notification-info: 0 123 255;
1631      --color-notification-out-of-stock: 114 114 114;
1632      --color-progress-bar: 4 155 110;
1633      --input-border-color: rgb(238 238 238);
1634    }
1635    .mobile-color-scheme-14 {
1636      --color-background: 255 255 255;
1637      --color-background-secondary: 228 240 217;
1638      --color-foreground: 0 0 0;
1639      --color-foreground-secondary: rgba(0 0 0 / 0.7);
1640      --color-border: 0 0 0;
1641      --color-border-alpha: 0.1;
1642      --color-sale-price: 242 86 39;
1643      --color-primary-button-background: 0 0 0;
1644      --color-primary-button-text: 255 255 255;
1645      --color-primary-button-border: ;
1646      --color-secondary-button-background: 235 235 235;
1647      --color-secondary-button-text: 0 0 0;
1648      --color-secondary-button-border: 235 235 235;
1649      --color-input-background: 238 238 238;
1650      --color-input-text: 0 0 0;
1651      
1652      --color-input-focus-text: 0 0 0;
1653      --color-swatch-border: rgb(227 227 227);
1654      --color-notification-success: 10 155 97;
1655      --color-notification-error: 196 48 28;
1656      --color-notification-warning: 255 193 7;
1657      --color-notification-info: 0 123 255;
1658      --color-notification-out-of-stock: 114 114 114;
1659      --color-progress-bar: 255 255 255;
1660      --input-border-color: rgb(238 238 238);
1661    }
1662    .mobile-color-scheme-3aa59e45-51db-4f05-8a2f-baa365f53172 {
1663      --color-background: 255 255 255;
1664      --color-background-secondary: 238 238 238;
1665      --color-foreground: 0 0 0;
1666      --color-foreground-secondary: rgba(0 0 0 / 0.7);
1667      --color-border: 0 0 0;
1668      --color-border-alpha: 0.1;
1669      --color-sale-price: 196 48 28;
1670      --color-primary-button-background: 230 3 3;
1671      --color-primary-button-text: 0 0 0;
1672      --color-primary-button-border: ;
1673      --color-secondary-button-background: 235 235 235;
1674      --color-secondary-button-text: 0 0 0;
1675      --color-secondary-button-border: 235 235 235;
1676      --color-input-background: 238 238 238;
1677      --color-input-text: 0 0 0;
1678      
1679      --color-input-focus-text: 0 0 0;
1680      --color-swatch-border: rgb(227 227 227);
1681      --color-notification-success: 10 155 97;
1682      --color-notification-error: 196 48 28;
1683      --color-notification-warning: 255 193 7;
1684      --color-notification-info: 0 123 255;
1685      --color-notification-out-of-stock: 114 114 114;
1686      --color-progress-bar: 60 142 55;
1687      --input-border-color: rgb(238 238 238);
1688    }
1689    
1690    .mobile-color-scheme-1, .mobile-color-scheme-inverse, .mobile-color-scheme-2, .mobile-color-scheme-3, .mobile-color-scheme-4, .mobile-color-scheme-5, .mobile-color-scheme-6, .mobile-color-scheme-7, .mobile-color-scheme-8, .mobile-color-scheme-9, .mobile-color-scheme-10, .mobile-color-scheme-11, .mobile-color-scheme-12, .mobile-color-scheme-13, .mobile-color-scheme-14, .mobile-color-scheme-3aa59e45-51db-4f05-8a2f-baa365f53172 {
1691      color: rgb(var(--color-foreground));
1692      background-color: rgb(var(--color-background));
1693    }
1694  }</style>
1695
1696
1697    
1698    <style>
1699  :root {
1700    --swiper-theme-color: #007aff;
1701  }
1702  :host {
1703    position: relative;
1704    display: block;
1705    margin-left: auto;
1706    margin-right: auto;
1707    z-index: 1;
1708  }
1709  .swiper {
1710    margin-left: auto;
1711    margin-right: auto;
1712    position: relative;
1713    overflow: hidden;
1714    list-style: none;
1715    padding: 0;
1716    z-index: 1;
1717    display: block;
1718  }
1719  .swiper-vertical > .swiper-wrapper {
1720    flex-direction: column;
1721  }
1722  .swiper-wrapper {
1723    position: relative;
1724    width: 100%;
1725    height: 100%;
1726    z-index: 1;
1727    display: flex;
1728    transition-property: transform;
1729    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
1730    box-sizing: content-box;
1731  }
1732  .swiper-android .swiper-slide,
1733  .swiper-ios .swiper-slide,
1734  .swiper-wrapper {
1735    transform: translateZ(0);
1736  }
1737  .swiper-horizontal {
1738    touch-action: pan-y;
1739  }
1740  .swiper-vertical {
1741    touch-action: pan-x;
1742  }
1743  .swiper-slide {
1744    flex-shrink: 0;
1745    width: 100%;
1746    height: 100%;
1747    position: relative;
1748    transition-property: transform;
1749    display: block;
1750  }
1751  .swiper-slide-invisible-blank {
1752    visibility: hidden;
1753  }
1754  .swiper-initialized.swiper-equal-height .swiper-slide,
1755  .swiper-autoheight,
1756  .swiper-autoheight .swiper-slide {
1757    height: auto;
1758  }
1759  .swiper-autoheight .swiper-wrapper {
1760    align-items: flex-start;
1761    transition-property: transform, height;
1762  }
1763  .swiper-backface-hidden .swiper-slide {
1764    transform: translateZ(0);
1765    backface-visibility: hidden;
1766    backface-visibility: hidden;
1767  }
1768  .swiper-3d.swiper-css-mode .swiper-wrapper {
1769    perspective: 1200px;
1770  }
1771  .swiper-3d .swiper-wrapper {
1772    transform-style: preserve-3d;
1773  }
1774  .swiper-3d {
1775    perspective: 1200px;
1776  }
1777  .swiper-3d .swiper-slide,
1778  .swiper-3d .swiper-cube-shadow {
1779    transform-style: preserve-3d;
1780  }
1781  .swiper-css-mode > .swiper-wrapper {
1782    overflow: auto;
1783    scrollbar-width: none;
1784    -ms-overflow-style: none;
1785  }
1786  .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
1787    display: none;
1788  }
1789  .swiper-css-mode > .swiper-wrapper > .swiper-slide {
1790    scroll-snap-align: start start;
1791  }
1792  .swiper-css-mode.swiper-horizontal > .swiper-wrapper {
1793    scroll-snap-type: x mandatory;
1794  }
1795  .swiper-css-mode.swiper-vertical > .swiper-wrapper {
1796    scroll-snap-type: y mandatory;
1797  }
1798  .swiper-css-mode.swiper-free-mode > .swiper-wrapper {
1799    scroll-snap-type: none;
1800  }
1801  .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
1802    scroll-snap-align: none;
1803  }
1804  .swiper-css-mode.swiper-centered > .swiper-wrapper::before {
1805    content: '';
1806    flex-shrink: 0;
1807    order: 9999;
1808  }
1809  .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
1810    scroll-snap-align: center center;
1811    scroll-snap-stop: always;
1812  }
1813  .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
1814    margin-inline-start: var(--swiper-centered-offset-before);
1815  }
1816  .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
1817    height: 100%;
1818    min-height: 1px;
1819    width: var(--swiper-centered-offset-after);
1820  }
1821  .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
1822    margin-block-start: var(--swiper-centered-offset-before);
1823  }
1824  .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
1825    width: 100%;
1826    min-width: 1px;
1827    height: var(--swiper-centered-offset-after);
1828  }
1829  .swiper-3d .swiper-slide-shadow,
1830  .swiper-3d .swiper-slide-shadow-left,
1831  .swiper-3d .swiper-slide-shadow-right,
1832  .swiper-3d .swiper-slide-shadow-top,
1833  .swiper-3d .swiper-slide-shadow-bottom {
1834    position: absolute;
1835    left: 0;
1836    top: 0;
1837    width: 100%;
1838    height: 100%;
1839    pointer-events: none;
1840    z-index: 10;
1841  }
1842  .swiper-3d .swiper-slide-shadow {
1843    background: rgba(0, 0, 0, 0.1490196078);
1844  }
1845  .swiper-3d .swiper-slide-shadow-left {
1846    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
1847  }
1848  .swiper-3d .swiper-slide-shadow-right {
1849    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
1850  }
1851  .swiper-3d .swiper-slide-shadow-top {
1852    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
1853  }
1854  .swiper-3d .swiper-slide-shadow-bottom {
1855    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
1856  }
1857  .swiper-lazy-preloader {
1858    width: 42px;
1859    height: 42px;
1860    position: absolute;
1861    left: 50%;
1862    top: 50%;
1863    margin-left: -21px;
1864    margin-top: -21px;
1865    z-index: 10;
1866    transform-origin: 50%;
1867    box-sizing: border-box;
1868    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
1869    border-radius: 50%;
1870    border-top-color: transparent;
1871  }
1872  .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
1873  .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
1874    animation: swiper-preloader-spin 1s infinite linear;
1875  }
1876  .swiper-lazy-preloader-white {
1877    --swiper-preloader-color: #fff;
1878  }
1879  .swiper-lazy-preloader-black {
1880    --swiper-preloader-color: #000;
1881  }
1882  @keyframes swiper-preloader-spin {
1883    0% {
1884      transform: rotate(0);
1885    }
1886    100% {
1887      transform: rotate(360deg);
1888    }
1889  }
1890  .swiper-fade.swiper-free-mode .swiper-slide {
1891    transition-timing-function: ease-out;
1892  }
1893  .swiper-fade .swiper-slide {
1894    pointer-events: none;
1895    transition-property: opacity;
1896  }
1897  .swiper-fade .swiper-slide .swiper-slide {
1898    pointer-events: none;
1899  }
1900  .swiper-fade .swiper-slide-active,
1901  .swiper-fade .swiper-slide-active .swiper-slide-active {
1902    pointer-events: auto;
1903  }
1904  @media (min-width: 768px) {
1905    .carousel--grid .swiper:not(.swiper-initialized) {
1906      --f-slide-width: var(
1907        --f-columns-md,
1908        var(--f-columns-lg, var(--f-columns-xl, var(--f-columns-xxl)))
1909      );
1910    }
1911    .carousel--grid .swiper:not(.swiper-initialized) .swiper-wrapper {
1912      overflow-x: auto;
1913      scroll-snap-type: x mandatory;
1914      column-gap: var(--f-column-gap-max, var(--f-column-gap));
1915    }
1916    .carousel--grid .swiper:not(.swiper-initialized) .swiper-wrapper::-webkit-scrollbar {
1917      display: none;
1918    }
1919    .carousel--grid .swiper:not(.swiper-initialized) :is(.swiper-slide, .swiper-slide-custom) {
1920      flex: 0 0 auto;
1921      scroll-snap-align: start;
1922    }
1923    .carousel--grid .swiper.swiper-initialized .swiper-wrapper {
1924      --f-column-gap: 0px !important;
1925    }
1926    .carousel--grid:not(.carousel--view-auto)
1927      .swiper:not(.swiper-initialized)
1928      :is(.swiper-slide, .swiper-slide-custom) {
1929      width: calc(
1930        (100% - (var(--f-slide-width) - 1) * var(--f-column-gap-max, var(--f-column-gap))) /
1931          var(--f-slide-width)
1932      );
1933    }
1934  }
1935  @media (min-width: 1024px) {
1936    .carousel--grid .swiper:not(.swiper-initialized) {
1937      --f-slide-width: var(--f-columns-lg, var(--f-columns-xl, var(--f-columns-xxl)));
1938    }
1939  }
1940  @media (min-width: 1200px) {
1941    .carousel--grid .swiper:not(.swiper-initialized) {
1942      --f-slide-width: var(--f-columns-xl, var(--f-columns-xxl));
1943    }
1944  }
1945  @media (min-width: 1440px) {
1946    .carousel--grid .swiper:not(.swiper-initialized) {
1947      --f-slide-width: var(--f-columns-xxl);
1948    }
1949  }
1950  @media (max-width: 767.98px) {
1951    .carousel--grid .swiper.mobile-slider:not(.swiper-initialized) .swiper-wrapper {
1952      overflow-x: auto;
1953      scroll-snap-type: x mandatory;
1954      column-gap: var(--f-column-gap);
1955    }
1956    .carousel--grid
1957      .swiper.mobile-slider:not(.swiper-initialized)
1958      .swiper-wrapper::-webkit-scrollbar {
1959      display: none;
1960    }
1961    .carousel--grid .swiper.mobile-slider .swiper-slide {
1962      width: calc(
1963        (100% - (var(--f-columns-mobile) - 1) * var(--f-column-gap)) / var(--f-columns-mobile)
1964      );
1965      flex: 0 0 auto;
1966      scroll-snap-align: start;
1967    }
1968    .carousel--grid .swiper.mobile-slider.swiper-initialized .swiper-wrapper {
1969      --f-column-gap: 0px !important;
1970    }
1971  }
1972
1973  /* Motion component prestage - prevents flash before JS applies initial animation states */
1974  motion-component {
1975    display: block;
1976  }
1977  motion-component:not([data-initialized]):not([data-motion-hold]) {
1978    will-change: transform, opacity;
1979  }
1980  motion-component[data-initialized] {
1981    will-change: auto; /* Clean up sau animation */
1982  }
1983  @media (prefers-reduced-motion: no-preference) {
1984    /* If disabled at any scope, neutralize prestage */
1985    [data-motion-disabled] motion-component:not([data-initialized]),
1986    motion-component[data-motion-off]:not([data-initialized]) {
1987      visibility: visible !important;
1988      opacity: 1 !important;
1989      transform: none !important;
1990      will-change: auto;
1991    }
1992    motion-component:not([data-initialized]):not([data-motion-hold])[data-motion='fade-in'] {
1993      opacity: 0;
1994    }
1995    motion-component:not([data-initialized]):not([data-motion-hold])[data-motion='fade-up'] {
1996      opacity: 0;
1997      transform: translateY(2.5rem);
1998    }
1999    motion-component:not([data-initialized]):not([data-motion-hold])[data-motion='slide-in-left'] {
2000      opacity: 0;
2001      transform: translateX(-2.5rem);
2002    }
2003    motion-component:not([data-initialized]):not([data-motion-hold])[data-motion='slide-in-right'] {
2004      opacity: 0;
2005      transform: translateX(2.5rem);
2006    }
2007    motion-component:not([data-initialized])[data-motion='zoom-in'] {
2008      
2009      transform: scale(0.8);
2010    }
2011    motion-component:not([data-initialized])[data-motion='zoom-out'] {
2012      
2013      transform: scale(1.15);
2014    }
2015    
2016    
2017    
2018  }
2019
2020  
2021  html.lenis,
2022  html.lenis body {
2023    height: auto;
2024  }
2025
2026  .lenis:not(.lenis-autoToggle).lenis-stopped {
2027    overflow: clip;
2028  }
2029
2030  .lenis [data-lenis-prevent],
2031  .lenis [data-lenis-prevent-wheel],
2032  .lenis [data-lenis-prevent-touch] {
2033    overscroll-behavior: contain;
2034  }
2035
2036  .lenis.lenis-smooth iframe {
2037    pointer-events: none;
2038  }
2039
2040  .lenis.lenis-autoToggle {
2041    transition-property: overflow;
2042    transition-duration: 1ms;
2043    transition-behavior: allow-discrete;
2044  }
2045</style>
2046
2047
2048    
2049    <link href="//livehighlevel.com/cdn/shop/t/26/assets/theme.css?v=143369976675221152161789446022" rel="stylesheet" type="text/css" media="all" />
2050
2051    
2052<link
2053  rel="stylesheet"
2054  href="//livehighlevel.com/cdn/shop/t/26/assets/photoswipe.css?v=55798368041719744821789446022"
2055  media="print"
2056  onload="this.media='all'"
2057>
2058<link
2059  rel="stylesheet"
2060  href="//livehighlevel.com/cdn/shop/t/26/assets/component-non-critical.css?v=178496779280741477151789446022"
2061  media="print"
2062  onload="this.media='all'"
2063>
2064<link
2065  rel="stylesheet"
2066  href="//livehighlevel.com/cdn/shop/t/26/assets/menu-drawer.css?v=162006829103458400941789446022"
2067  media="print"
2068  onload="this.media='all'"
2069>
2070<link
2071  rel="stylesheet"
2072  href="//livehighlevel.com/cdn/shop/t/26/assets/header-menu.css?v=100668938158060237471789446022"
2073  media="print"
2074  onload="this.media='all'"
2075>
2076
2077
2078
2079  <link href="//livehighlevel.com/cdn/shop/t/26/assets/template-collection.css?v=122241674603535272091789446022" rel="stylesheet" type="text/css" media="all" />
2080
2081
2082
2083
2084    <meta charset="utf-8">
2085<meta
2086  http-equiv="X-UA-Compatible"
2087  content="IE=edge"
2088>
2089<meta
2090  name="viewport"
2091  content="width=device-width,initial-scale=1"
2092>
2093<meta
2094  name="view-transition"
2095  content="same-origin"
2096>
2097<meta
2098  name="theme-color"
2099  content=""
2100>
2101
2102<meta
2103  property="og:site_name"
2104  content="High Level Science"
2105>
2106<meta
2107  property="og:url"
2108  content="https://livehighlevel.com/collections/all-products"
2109>
2110<meta
2111  property="og:title"
2112  content="All Products | Supplements &amp; Apparel | High Level Science"
2113>
2114<meta
2115  property="og:type"
2116  content="website"
2117>
2118<meta
2119  property="og:description"
2120  content="Shop all High Level Science supplements and apparel. Doctor-formulated, third-party tested wellness backed by a world-renowned cardiologist."
2121><meta
2122    property="og:image"
2123    content="http://livehighlevel.com/cdn/shop/files/Generated_with_Kive.ai_-_kive-image-78.png?v=1783834261"
2124  >
2125  <meta
2126    property="og:image:secure_url"
2127    content="https://livehighlevel.com/cdn/shop/files/Generated_with_Kive.ai_-_kive-image-78.png?v=1783834261"
2128  >
2129  <meta
2130    property="og:image:width"
2131    content="1632"
2132  >
2133  <meta
2134    property="og:image:height"
2135    content="2048"
2136  ><meta
2137  name="twitter:card"
2138  content="summary_large_image"
2139>
2140<meta
2141  name="twitter:title"
2142  content="All Products | Supplements &amp; Apparel | High Level Science"
2143>
2144<meta
2145  name="twitter:description"
2146  content="Shop all High Level Science supplements and apparel. Doctor-formulated, third-party tested wellness backed by a world-renowned cardiologist."
2147>
2148
2149<title>
2150  All Products | Supplements &amp; Apparel | High Level Science
2151</title>
2152
2153<link
2154  rel="canonical"
2155  href="https://livehighlevel.com/collections/all-products"
2156>
2157
2158
2159  <meta
2160    name="description"
2161    content="Shop all High Level Science supplements and apparel. Doctor-formulated, third-party tested wellness backed by a world-renowned cardiologist."
2162  >
2163
2164
2165    <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
2166<link
2167    rel="preload"
2168    as="font"
2169    href="//livehighlevel.com/cdn/fonts/geist/geist_n4.6e27f20c83b0a07405328f98ff3b0be957c5d6d5.woff2"
2170    type="font/woff2"
2171    crossorigin
2172    fetchpriority="low"
2173  >
2174
2175    
2175<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 2175
2175
2176<script type="importmap">
2177  {
2178    "imports": {
2179      "@theme/critical": "//livehighlevel.com/cdn/shop/t/26/assets/critical.js?v=14164323249242435891789446022",
2180      "@theme/utilities": "//livehighlevel.com/cdn/shop/t/26/assets/utilities.js?v=177368056175466792261789446022",
2181      "@theme/component": "//livehighlevel.com/cdn/shop/t/26/assets/component.js?v=7598414753492740651789446022",
2182      "@theme/events": "//livehighlevel.com/cdn/shop/t/26/assets/events.js?v=5393388552927532771789446022",
2183      "@theme/dialog": "//livehighlevel.com/cdn/shop/t/26/assets/dialog.js?v=163716602385408873071789446022",
2184      "@theme/carousel": "//livehighlevel.com/cdn/shop/t/26/assets/carousel.js?v=156096785658522729781789446022",
2185      "@theme/swiper": "//livehighlevel.com/cdn/shop/t/26/assets/swiper.js?v=170729528827778158891789446022",
2186      "@theme/modules": "//livehighlevel.com/cdn/shop/t/26/assets/modules.js?v=140935795274861432311789446022",
2187      "@theme/morph": "//livehighlevel.com/cdn/shop/t/26/assets/morph.js?v=96688351829082320291789446022",
2188      "@theme/section-renderer": "//livehighlevel.com/cdn/shop/t/26/assets/section-renderer.js?v=148921400844585891991789446022",
2189      "@theme/product-form": "//livehighlevel.com/cdn/shop/t/26/assets/product-form.js?v=39053800056383159411789446022",
2190      "@theme/variant-picker": "//livehighlevel.com/cdn/shop/t/26/assets/variant-picker.js?v=176165394850582576761789446022",
2191      "@theme/media-gallery": "//livehighlevel.com/cdn/shop/t/26/assets/media-gallery.js?v=24608296034365595751789446022",
2192      "@theme/animation": "//livehighlevel.com/cdn/shop/t/26/assets/animation.js?v=2977869278949552001789446022",
2193      "@theme/testimonial-slider": "//livehighlevel.com/cdn/shop/t/26/assets/testimonial-slider.js?v=19960683025955712681789446022",
2194      "@theme/photoswipe": "//livehighlevel.com/cdn/shop/t/26/assets/photoswipe.js?v=119816401743634099861789446022",
2195      "@theme/zoom-dialog": "//livehighlevel.com/cdn/shop/t/26/assets/zoom-dialog.js?v=176330679224741464941789446022",
2196      "@theme/paginated-list": "//livehighlevel.com/cdn/shop/t/26/assets/paginated-list.js?v=154959014272394486761789446022",
2197      "@theme/carousel-features/counter": "//livehighlevel.com/cdn/shop/t/26/assets/counter.js?v=162872045343541196461789446022",
2198      "@theme/carousel-features/custom-pagination": "//livehighlevel.com/cdn/shop/t/26/assets/custom-pagination.js?v=32047515799163405131789446022",
2199      "@theme/carousel-features/navigation-position": "//livehighlevel.com/cdn/shop/t/26/assets/navigation-position.js?v=20281270967652285431789446022",
2200      "@theme/carousel-features/thumbnails": "//livehighlevel.com/cdn/shop/t/26/assets/thumbnails.js?v=178047058174984258961789446022",
2201      "@theme/carousel-features/progressbar-autoplay": "//livehighlevel.com/cdn/shop/t/26/assets/progressbar-autoplay.js?v=65042286946445812501789446022",
2202      "@theme/lenis": "//livehighlevel.com/cdn/shop/t/26/assets/lenis.js?v=106172861469763757561789446022",
2203      "@theme/motion-coordinator": "//livehighlevel.com/cdn/shop/t/26/assets/motion-coordinator.js?v=82212682990186441691789446022",
2204      "@theme/image-coordinator": "//livehighlevel.com/cdn/shop/t/26/assets/image-coordinator.js?v=164281591090222588631789446022",
2205      "@theme/sticky-add-to-cart": "//livehighlevel.com/cdn/shop/t/26/assets/sticky-add-to-cart.js?v=71855325948056649521789446022",
2206      "@theme/badge-float": "//livehighlevel.com/cdn/shop/t/26/assets/badge-float.js?v=97890239854000887321789446022"
2207    }
2208  }
2209</script>
2209
2210
2211<!-- Preload critical resources -->
2212<link rel="modulepreload" href="//livehighlevel.com/cdn/shop/t/26/assets/utilities.js?v=177368056175466792261789446022">
2213<link rel="modulepreload" href="//livehighlevel.com/cdn/shop/t/26/assets/component.js?v=7598414753492740651789446022">
2214<link rel="modulepreload" href="//livehighlevel.com/cdn/shop/t/26/assets/events.js?v=5393388552927532771789446022">
2215<link rel="modulepreload" href="//livehighlevel.com/cdn/shop/t/26/assets/swiper.js?v=170729528827778158891789446022">
2216<link rel="modulepreload" href="//livehighlevel.com/cdn/shop/t/26/assets/morph.js?v=96688351829082320291789446022">
2217
2218  <link rel="modulepreload" href="//livehighlevel.com/cdn/shop/t/26/assets/animation.js?v=2977869278949552001789446022">
2219  <link rel="modulepreload" href="//livehighlevel.com/cdn/shop/t/26/assets/motion-component.js?v=157059568654758740731789446022">
2220  
2220<script src="//livehighlevel.com/cdn/shop/t/26/assets/motion-component.js?v=157059568654758740731789446022" type="module"></script>
2220
2221
2222<link rel="modulepreload" href="//livehighlevel.com/cdn/shop/t/26/assets/section-renderer.js?v=148921400844585891991789446022" fetchpriority="low">
2223<link rel="modulepreload" href="//livehighlevel.com/cdn/shop/t/26/assets/page-transition.js?v=43898393496219403521789446022" fetchpriority="low">
2224<link rel="modulepreload" href="//livehighlevel.com/cdn/shop/t/26/assets/modules.js?v=140935795274861432311789446022" fetchpriority="low">
2225<link rel="modulepreload" href="//livehighlevel.com/cdn/shop/t/26/assets/carousel.js?v=156096785658522729781789446022" fetchpriority="low">
2226<link rel="modulepreload" href="//livehighlevel.com/cdn/shop/t/26/assets/theme.js?v=29509262342422376931789446022" fetchpriority="low">
2227
2228<script src="//livehighlevel.com/cdn/shop/t/26/assets/custom-elements.js?v=22793319754630476341789446022" defer></script>
vendor: 1 bytes, line 2228
2228
2229<script src="//livehighlevel.com/cdn/shop/t/26/assets/carousel.js?v=156096785658522729781789446022" type="module"></script>
vendor: 1 bytes, line 2229
2229
2230<script src="//livehighlevel.com/cdn/shop/t/26/assets/modules.js?v=140935795274861432311789446022" type="module"></script>
vendor: 1 bytes, line 2230
2230
2231<script src="//livehighlevel.com/cdn/shop/t/26/assets/theme.js?v=29509262342422376931789446022" type="module"></script>
2231
2232
2233<script src="//livehighlevel.com/cdn/shop/t/26/assets/dialog.js?v=163716602385408873071789446022" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 2233
2233
2234<script src="//livehighlevel.com/cdn/shop/t/26/assets/variant-picker.js?v=176165394850582576761789446022" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 2234
2234
2235<script src="//livehighlevel.com/cdn/shop/t/26/assets/media-gallery.js?v=24608296034365595751789446022" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 2235
2235
2236<script src="//livehighlevel.com/cdn/shop/t/26/assets/product-card.js?v=94671849632421718931789446022" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 2236
2236
2237<script src="//livehighlevel.com/cdn/shop/t/26/assets/product-price.js?v=81765926539545447041789446022" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 2237
2237
2238<script src="//livehighlevel.com/cdn/shop/t/26/assets/product-title.js?v=33372297813472607931789446022" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 2238
2238
2239<script src="//livehighlevel.com/cdn/shop/t/26/assets/product-badge.js?v=77948724958744191271789446022" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 2239
2239
2240<script src="//livehighlevel.com/cdn/shop/t/26/assets/product-inventory.js?v=92433568705199521951789446022" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 2240
2240
2241<script src="//livehighlevel.com/cdn/shop/t/26/assets/quantity-selector.js?v=109648641015082722761789446022" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 2241
2241
2242<script src="//livehighlevel.com/cdn/shop/t/26/assets/product-form.js?v=39053800056383159411789446022" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 2242
2242
2243<script src="//livehighlevel.com/cdn/shop/t/26/assets/price-per-item.js?v=110920828149987890311789446022" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 2243
2243
2244<script src="//livehighlevel.com/cdn/shop/t/26/assets/gift-card-recipient-form.js?v=139233478300064308811789446022" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 2244
2244
2245<script src="//livehighlevel.com/cdn/shop/t/26/assets/cart-count.js?v=5562770830195170241789446022" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 2245
2245
2246<script src="//livehighlevel.com/cdn/shop/t/26/assets/quick-add.js?v=16553112235735488881789446022" type="module" fetchpriority="low"></script>
vendor: 1 bytes, line 2246
2246
2247<script src="//livehighlevel.com/cdn/shop/t/26/assets/video-card.js?v=132839843234219705501789446022" type="module" fetchpriority="low"></script>
2247
2248
2249
2250
2251
2252  
2252<script src="//livehighlevel.com/cdn/shop/t/26/assets/search.js?v=99370818210664775041789446022" type="module" fetchpriority="low"></script>
2252
2253
2254
2255
2256  
2256<script src="//livehighlevel.com/cdn/shop/t/26/assets/cart-note.js?v=107322351868195999641789446022" type="module" fetchpriority="low"></script>
2256
2257
2258
2259
2260  
2260<script src="//livehighlevel.com/cdn/shop/t/26/assets/cart-discount.js?v=166537729360890343331789446022" type="module" fetchpriority="low"></script>
2260
2261
2262
2263
2264
2265  
2265<script src="//livehighlevel.com/cdn/shop/t/26/assets/page-transition.js?v=43898393496219403521789446022" type="module"></script>
2265
2266
2267
2268<script>
2269  window.FoxTheme = {
2270    translations: {
2271      placeholder_image: `Placeholder image`,
2272      added: `Added`,
2273      recipient_form_fields_visible: `Recipient form fields are now visible`,
2274      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
2275      recipient_form_error: `There was an error with the form submission`,
2276      shipping_calculator_error: `Unable to calculate shipping rates`,
2277      shipping_calculator_not_found: `No shipping rates found`,
2278      shipping_calculator_one_result: `1 shipping rate found`,
2279      shipping_calculator_multiple_results: `{{ count }} shipping rates found`,
2280    },
2281    routes: {
2282      cart: '/cart.js',
2283      cart_add_url: '/cart/add.js',
2284      cart_change_url: '/cart/change',
2285      cart_update_url: '/cart/update',
2286      cart_url: '/cart',
2287      shop_url: 'https://livehighlevel.com',
2288      predictive_search_url: '/search/suggest',
2289      search_url: '/search',
2290    },
2291    template: {
2292      name: 'collection.shop-all',
2293    },
2294    settings: {
2295      cartType: 'drawer',
2296      pageTransitionsEnabled: true,
2297      smoothScroll: true,
2298      themeName: 'Pebble',
2299      themeVersion: '1.3.0',
2300    },
2301    moneyFormat: '${{amount}}',
2302  };
2303
2304  console.log(
2305    '%c' +
2306      window.FoxTheme.settings.themeName +
2307      ' theme (v' +
2308      window.FoxTheme.settings.themeVersion +
2309      ') by Foxecom | Learn more https://foxecom.com/products/pebble-shopify-theme',
2310    'font-size: 14px; color: #FF5C00;'
2311  );
2312</script>
2312
2313
2314    <noscript>
2315  <style>
2316    /* General */
2317    .no-js-hidden {
2318      display: none !important;
2319    }
2320
2321    .no-js-alert {
2322      margin-top: 1.6rem;
2323    }
2324
2325    motion-component {
2326      visibility: visible !important;
2327      opacity: 1 !important;
2328      transform: none !important;
2329    }
2330
2331    /* Component: Tab panels */
2332    .tabs__panels {
2333      display: flex;
2334      flex-direction: column;
2335      gap: 4rem;
2336    }
2337
2338    .tabs__panel {
2339      display: flex;
2340      flex-direction: column;
2341      gap: 2.4rem;
2342    }
2343
2344    /* Component: Accordion */
2345    .accordion__details .accordion__summary-arrow.icon--caret svg {
2346      transform: rotateX(0deg) !important;
2347    }
2348
2349    .accordion__details[open] .accordion__summary-arrow.icon--caret svg {
2350      transform: rotateX(180deg) !important;
2351    }
2352
2353    /* Block: Card layered */
2354    .card-layered__description {
2355      max-height: unset;
2356    }
2357
2358    /* Section: Scrolling cards. */
2359    .scrolling-cards__headings {
2360      height: auto;
2361    }
2362
2363    .block-scrolling__headings {
2364      position: static;
2365    }
2366
2367    /* Template: Collection */
2368    @media (min-width: 1024px) {
2369      results-list .collection__wrapper {
2370        grid-template-areas:
2371          'toolbar toolbar'
2372          'remove-buttons remove-buttons'
2373          'main-collection-grid main-collection-grid' !important;
2374      }
2375    }
2376
2377    /* Template: Product */
2378
2379    /* Template: Cart */
2380    .cart-summary__addon[open] {
2381      border-radius: min(1rem, var(--button-corner-radius));
2382    }
2383
2384    .quantity-selector .quantity-input {
2385      padding-inline: 2.8rem 1.2rem;
2386    }
2387
2388    .quantity-selector .quantity-input::-webkit-outer-spin-button,
2389    .quantity-selector .quantity-input::-webkit-inner-spin-button {
2390      -webkit-appearance: auto;
2391    }
2392  </style>
2393</noscript>
2394
2395    
2396<style>
2397  .cart-items__table-row:has(.cart-items__product-info p) quantity-selector-component button{display:none !important}
2398  .cart-items__table-row:has(.cart-items__product-info p) quantity-selector-component input{pointer-events:none !important;-webkit-appearance:none;appearance:none;border:0;background:transparent}
2399</style>
2400    
2401<script>
2402(function(){
2403  function isRc(n){ return n && n.tagName==='SCRIPT' && n.src && n.src.indexOf('rechargecdn.com')>-1; }
2404  try{
2405    var mo=new MutationObserver(function(muts){
2406      for(var i=0;i<muts.length;i++){
2407        var added=muts[i].addedNodes;
2408        for(var j=0;j<added.length;j++){ if(isRc(added[j])){ added[j].remove(); } }
2409      }
2410    });
2411    mo.observe(document.documentElement,{childList:true,subtree:true});
2412  }catch(e){}
2413  document.addEventListener('DOMContentLoaded',function(){
2414    document.querySelectorAll('script[src*="rechargecdn.com"]').forEach(function(s){s.remove();});
2415  });
2416})();
2417</script>
2417<style>/* Recharge fallback: hide injections in the cart drawer, keep native cart UI */
2418  cart-drawer [class*="recharge"], cart-drawer [id*="recharge"], cart-drawer [class^="rc_"], cart-drawer [class*=" rc_"],
2419  .cart-drawer [class*="recharge"], .cart-drawer [id*="recharge"],
2420  #recharge-app, .recharge-app{display:none !important}
2421  cart-drawer button[name="checkout"], cart-drawer [name="checkout"]{display:flex !important;visibility:visible !important}/* Cart drawer empty-state button: black/white, not scheme lime */
2422  .cart-items__empty-button, cart-drawer .cart-items__empty-button{background:#101010 !important;border-color:#101010 !important;color:#ffffff !important}
2423  .cart-items__empty-button *{color:#ffffff !important}
2424  .cart-items__empty-button svg{fill:currentColor !important}
2425  /* Header cart count badge: brand red, not scheme lime */
2426  .cart-count:not(.cart-count--unstyled){background:#D0323E !important;color:#ffffff !important;border-color:#D0323E !important}
2427  /* Cart page addon accordions: neutral gray, not scheme green */
2428  .cart-summary__addon{background:#f4f4f4 !important}
2429  .cart-summary__addon summary, .cart-summary__addon .accordion__summary{color:#101010 !important}
2430</style>
2431    
2432
2433      <style>#MainContent > .shopify-section[id$="__main"]{display:none !important}</style>
2433<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
2433<meta name="google-site-verification" content="1l2At-cwcPapF_n_vRWWnSUnBOGCt9sJabq3aqanioQ">
2434<meta name="facebook-domain-verification" content="rl01oq1hxgna16g70lcf6br9kjx661">
2435<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/70568870103/digital_wallets/dialog">
2436<meta id="in-context-paypal-metadata" data-shop-id="70568870103" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
2437<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/all-products.atom" />
2438<link rel="alternate" type="application/json+oembed" href="https://livehighlevel.com/collections/all-products.oembed">
2439<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
2439
2440<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
2441<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=70568870103" crossorigin="anonymous"></script>
vendor: 1 bytes, line 2441
2441
2442<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":70568870103,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/70568870103","merchantName":"High Level Science","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"High Level Science","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 2442
2442
2443<script id="shopify-features" type="application/json">{"accessToken":"67fe744b53a3953593bbe65bbf07b44e","betas":["rich-media-storefront-analytics"],"domain":"livehighlevel.com","predictiveSearch":true,"shopId":70568870103,"locale":"en"}</script>
vendor: 1 bytes, line 2443
2443
2444<script>var Shopify = Shopify || {};
2445Shopify.shop = "aba538-f0.myshopify.com";
2446Shopify.locale = "en";
2447Shopify.currency = {"active":"USD","rate":"1.0"};
2448Shopify.country = "US";
2449Shopify.theme = {"name":"Copy of HLS — Booster SEO embed 2026-09-09 (pub...","id":164849778903,"schema_name":"Pebble","schema_version":"1.3.0","theme_store_id":4032,"role":"main"};
2450Shopify.theme.handle = "null";
2451Shopify.theme.style = {"id":null,"handle":null};
2452Shopify.cdnHost = "livehighlevel.com/cdn";
2453Shopify.routes = Shopify.routes || {};
2454Shopify.routes.root = "/";
2455Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
2456Shopify.SignInWithShop = Shopify.SignInWithShop || {};
2457Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
2458Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 2458
2458
2459<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 2459
2459
2460<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 2460
2460
2461<script>
2462  window.ShopifyPay = window.ShopifyPay || {};
2463  window.ShopifyPay.apiHost = "shop.app\/pay";
2464  window.ShopifyPay.redirectState = null;
2465</script>
vendor: 1 bytes, line 2465
2465
2466<script>
2467  window.Shopify = window.Shopify || {};
2468  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
2469  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
2470  window.Shopify.SignInWithShop.eligible = true;
2471</script>
vendor: 1 bytes, line 2471
2471
2472<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
vendor: 1 bytes, line 2472
2472
2473<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 2473
2473
2474<script type="module">
2475  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
2476
2477  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
2478
2479</script>
vendor: 1 bytes, line 2479
2479
2480<script>
2481  window.Shopify = window.Shopify || {};
2482  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
2483  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"]};
2484</script>
vendor: 1 bytes, line 2484
2484
2485<script>(function() {
2486  var isLoaded = false;
2487  function asyncLoad() {
2488    if (isLoaded) return;
2489    isLoaded = true;
2490    var urls = ["https:\/\/static.rechargecdn.com\/assets\/js\/widget.min.js?shop=aba538-f0.myshopify.com"];
2491    for (var i = 0; i < urls.length; i++) {
2492      var s = document.createElement('script');
2493      s.type = 'text/javascript';
2494      s.async = true;
2495      s.src = urls[i];
2496      var x = document.getElementsByTagName('script')[0];
2497      x.parentNode.insertBefore(s, x);
2498    }
2499  };
2500  if(window.attachEvent) {
2501    window.attachEvent('onload', asyncLoad);
2502  } else {
2503    window.addEventListener('load', asyncLoad, false);
2504  }
2505})();</script>
vendor: 1 bytes, line 2505
2505
2506<script id="__st">var __st={"a":70568870103,"offset":-25200,"reqid":"9bf4e115-50a3-4119-ab77-4f0bd74f416c-1791091637","pageurl":"livehighlevel.com\/collections\/all-products","u":"2ffaeeb88df9","p":"collection","rtyp":"collection","rid":483181428951};</script>
vendor: 1 bytes, line 2506
2506
2507<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 2507
2507
2508<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 2508
2508
2509<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//livehighlevel.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 2509
2509
2510<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 = "//livehighlevel.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>
2510<script crossorigin="anonymous" defer="defer" src="//livehighlevel.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 2510
2510
2511<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 2511
2511
2512<script>
2513  window.Shopify = window.Shopify || {};
2514  window.Shopify.MCP = window.Shopify.MCP || {};
2515  window.Shopify.MCP.enabled = true;
2516  window.Shopify.MCP.shop = "aba538-f0.myshopify.com";
2517  window.Shopify.MCP.mcpEndpoint = "https:\/\/livehighlevel.com\/api\/mcp";
2518  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"]}}];
2519</script>
vendor: 1 bytes, line 2519
2519
2520<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("\/\/livehighlevel.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
2521</script>
vendor: 1 bytes, line 2521
2521
2522<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://livehighlevel.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
2523</script>
vendor: 1 bytes, line 2523
2523
2524<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
2525  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);
2526</script>
vendor: 1 bytes, line 2526
2526
2527<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})}}));
2528</script>
2528
2529<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://livehighlevel.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
2530<style id="shopify-accelerated-checkout-cart">
2531        #shopify-buyer-consent {
2532  margin-top: 1em;
2533  display: inline-block;
2534  width: 100%;
2535}
2536
2537#shopify-buyer-consent.hidden {
2538  display: none;
2539}
2540
2541#shopify-subscription-policy-button {
2542  background: none;
2543  border: none;
2544  padding: 0;
2545  text-decoration: underline;
2546  font-size: inherit;
2547  cursor: pointer;
2548}
2549
2550#shopify-subscription-policy-button::before {
2551  box-shadow: none;
2552}
2553
2554      </style>
2555
2556<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
2556
2557  <!-- BEGIN app block: shopify://apps/conversion/blocks/seona_by_styleai/c2fdd8a2-5abf-48be-ab7f-5378cb014677 -->
2557<script src="https://p.usestyle.ai" defer></script>
2557
2558
2559<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
2560<script type="text/javascript">
2561  (function (c, l, a, r, i, t, y) {
2562    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
2563    t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
2564    y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
2565
2566    c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
2567      if (error) {
2568        console.error("Error loading Shopify features:", error);
2569        return;
2570      }
2571
2572      c[a]('consentv2', {
2573        ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
2574        analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
2575        source: 101,
2576      });
2577    });
2578
2579    l.addEventListener("visitorConsentCollected", function (e) {
2580      c[a]('consentv2', {
2581        ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
2582        analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
2583        source: 101,
2584      });
2585    });
2586  })(window, document, "clarity", "script", "yr3mv243gj");
2587</script>
2587
2588
2589
2590
2591<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
2592
2593
2594
2595
2596
2597
2598
2599
2600
2601
2602
2603
2604  
2604<script async src="https://static.klaviyo.com/onsite/js/YnX6nP/klaviyo.js?company_id=YnX6nP"></script>
2604
2605  
2605<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
2605
2606
2607  
2608
2609
2610
2611
2612  
2612<script>
2613    window.klaviyoReviewsProductDesignMode = false
2614  </script>
2614
2615
2616
2617
2618  <!-- BEGIN app snippet: customer-hub-data -->
2618<script>
2619  if (!window.customerHub) {
2620    window.customerHub = {};
2621  }
2622  window.customerHub.storefrontRoutes = {
2623    login: "https://livehighlevel.com/customer_authentication/redirect?locale=en&region_country=US?return_url=%2F%23k-hub",
2624    register: "https://account.livehighlevel.com?locale=en&region_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJhYmE1MzgtZjAubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkxNjk2NDM4LCJuYmYiOjE3OTEwOTE2Mzh9.iQdBt-_2tt_jw-1HV-EXjk5ZsRLGfqXzgj6VZUdXaNs?return_url=%2F%23k-hub",
2625    logout: "/account/logout",
2626    profile: "/account",
2627    addresses: "/account/addresses",
2628  };
2629  
2630  window.customerHub.userId = null;
2631  
2632  window.customerHub.storeDomain = "aba538-f0.myshopify.com";
2633
2634  
2635
2636  
2637    window.customerHub.storeLocale = {
2638        currentLanguage: 'en',
2639        currentCountry: 'US',
2640        availableLanguages: [
2641          
2642            {
2643              iso_code: 'en',
2644              endonym_name: 'English'
2645            }
2646          
2647        ],
2648        availableCountries: [
2649          
2650            {
2651              iso_code: 'US',
2652              name: 'United States',
2653              currency_code: 'USD'
2654            }
2655          
2656        ]
2657    };
2658  
2659</script>
2659
2660<!-- END app snippet -->
2661
2662
2663
2664
2665
2666
2667
2668<!-- END app block --><!-- BEGIN app block: shopify://apps/simple-affiliate/blocks/sa-tracker/da6b7ee2-2e27-43e4-9184-0df8dc5be07a -->
2669
2670<script id="saets" data-cmp-ab="1">(()=>{function _(){return new Promise((t,o)=>{window.Shopify.loadFeatures([{name:"consent-tracking-api",version:"0.1"}],async r=>{r?o(r):window.Shopify.customerPrivacy.userCanBeTracked()?t():document.addEventListener("trackingConsentAccepted",()=>t())})})}var U=4320*60;var s="Affiliate code";var E="sacode";var a="sa_signup";var i="saetc";var A="sa_email";var c=3600*24*7;function e(t){return new URLSearchParams(window.location?.search).get(t)}function S(t){document.readyState==="loading"?document.addEventListener("DOMContentLoaded",t):t()}var n=e(E);if(n){let t={[s]:n};fetch(window.Shopify.routes.root+"cart/update.js",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({attributes:t})}).then()}_().then(()=>{n&&(document.cookie=`${i}=${n}_${new Date().getTime()};Path=/;Max-Age=${c}`)});var p=e(A);p&&S(()=>{let t=document.querySelector('form[action="/account/login"] input[type=email]');t&&(t.value=p)});var I=e(a);I!==null&&(document.documentElement.dataset.sasignup="true");})();
2671</script>
vendor: 1 bytes, line 2671
2671
2672<script>
2673  (() => {
2674    const script = document.createElement("script");
2675    script.src = "https:\/\/cdn.shopify.com\/extensions\/01a0ff77-fa85-75c5-b816-df7c8092d845\/SA-119189-ghrun-37087686209-1\/assets\/notification-XCLTRFA3.js";
2676    document.head.appendChild(script);
2677  })();
2678</script>
2678
2679
2680<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
2681<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: 70568870103,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "collection"};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 2681
2681
2682<script>
2683  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
2684</script>
vendor: 1 bytes, line 2684
2684
2685<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}
2685).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: 70568870103,storefrontBaseUrl: "https://livehighlevel.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://livehighlevel.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2797240535","configuration":"{\"projectId\":\"yr3mv243gj\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
2685,"dataSharingState":"unrestricted"},{"id":"2216952023","configuration":"{\"sh_shop\":\"aba538-f0.myshopify.com\",\"sh_shop_id\":\"70568870103\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"913af02b02ba3bd1e6022c45db467386","type":"APP","apiClientId":2395080,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2018050263","configuration":"{\"storeIdentity\":\"aba538-f0.myshopify.com\",\"baseURL\":\"https:\\\/\\\/api.printful.com\\\/shopify-pixels\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"74f275712857ab41bea9d998dcb2f9da","type":"APP","apiClientId":156624,"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":"1508016343","configuration":"{\"accountID\":\"YnX6nP\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted","enabledFlags":["9a3ed68a"]},{"id":"1490452695","configuration":"{\"eventPixelIdAddToCart\":\"tw-o0ybg-qifru\",\"eventPixelIdSiteVisit\":\"tw-o0ybg-qifro\",\"eventPixelIdPurchase\":\"tw-o0ybg-qifrq\",\"eventPixelIdAddedPaymentInfo\":\"tw-o0ybg-qifrr\",\"eventPixelIdCheckoutInitiated\":\"tw-o0ybg-qifrp\",\"eventPixelIdContentView\":\"tw-o0ybg-qifrt\",\"eventPixelIdSearch\":\"tw-o0ybg-qifrs\",\"basePixelId\":\"o0ybg\",\"adsAccountId\":\"18ce54tkh0c\",\"isDisconnected\":\"0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"3df823913fec4164b84eb9879cd9a3dd","type":"APP","apiClientId":6455335,"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":"unrestricted"},{"id":"840499415","configuration":"{\"pixel_id\":\"2706589686178172\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted","enabledFlags":["9a3ed68a"]},{"id":"768311511","configuration":"{\"store_id\":\"194321\",\"environment\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"10c4f173702937db6fa4bf871600cafd","type":"APP","apiClientId":294517,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"498270423","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-2QKJ1EQTLS\\\",\\\"AW-16687669747\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-2QKJ1EQTLS\\\",\\\"AW-16687669747\\\/MdhmCO3T984ZEPPDppU-\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-2QKJ1EQTLS\\\",\\\"AW-16687669747\\\/RX0gCPPT984ZEPPDppU-\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-2QKJ1EQTLS\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-2QKJ1EQTLS\\\",\\\"AW-16687669747\\\/jmdoCOrT984ZEPPDppU-\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-2QKJ1EQTLS\\\",\\\"AW-16687669747\\\/Yw71COzS984ZEPPDppU-\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-2QKJ1EQTLS\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-2QKJ1EQTLS\\\",\\\"AW-16687669747\\\/0J4GCO_S984ZEPPDppU-\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-2QKJ1EQTLS\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-2QKJ1EQTLS\\\",\\\"AW-16687669747\\\/vGOICPbT984ZEPPDppU-\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-2QKJ1EQTLS\\\",\\\"AW-16687669747\\\/a-Q9CPDT984ZEPPDppU-\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-2QKJ1EQTLS\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
2685,"dataSharingState":"unrestricted","enabledFlags":["9a3ed68a"]},{"id":"444596439","configuration":"{\"myshopifyDomain\":\"aba538-f0.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23b97d18e2aa74363140dc29c9284e87","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"432111831","configuration":"{\"pixelCode\":\"CQO1GQJC77UDPSJ6G9JG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"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":"unrestricted"},{"id":"157712599","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"TikTok BOGO Lead Event"},{"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":"High Level Science","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"aba538-f0.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/livehighlevel.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8655658942679","handle":"heart-body-mind-coq10-omega-3-vitamin-e","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46100440776919","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8999154286807","handle":"high-level-man-12-in-1-testosterone-formula","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47031637803223","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9306909737175","handle":"high-level-woman-hormone-vitality-formula","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48813900333271","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8629354561751","handle":"high-level-woman-4-in-1-urinary-tract-formula","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46154610344151","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9183488671959","handle":"hls-x-staple-hoodie-lunar-rock","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48288929186007","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9183490146519","handle":"the-hls-x-staple-hoodie-burro","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48288931709143","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9183492210903","handle":"the-hls-x-staple-hoodie-midnight","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48288936231127","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9183494176983","handle":"the-hls-x-staple-t-faded-bone","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48288940327127","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
2685,{"id":"9183494930647","handle":"the-hls-x-staple-t-faded-khaki","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48288942915799","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9183495258327","handle":"the-hls-x-staple-t-faded-black","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48288946094295","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9183496798423","handle":"the-hls-x-staple-hat-stone","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48288948715735","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9183496995031","handle":"the-hls-x-staple-hat-khaki","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48288949076183","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://livehighlevel.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"164849778903","themeStoreId":"4032","themePublished":"true","eventMetadataId":"bbb8b96f-8174-4aae-8832-6c835e162de8","pageType":"collection","resourceId":"483181428951","shopId":"70568870103","storefrontBaseUrl":"https:\/\/livehighlevel.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\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"483181428951\",\"title\":\"All Products\",\"productVariants\":[{\"price\":{\"amount\":59.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Heart + Body + Mind - CoQ10, Omega-3, Vitamin-E\",\"vendor\":\"High Level Science\",\"id\":\"8655658942679\",\"untranslatedTitle\":\"Heart + Body + Mind - CoQ10, Omega-3, Vitamin-E\",\"url\":\"\/products\/heart-body-mind-coq10-omega-3-vitamin-e\",\"type\":\"Softgels\"},\"id\":\"46100440776919\",\"image\":{\"src\":\"\/\/livehighlevel.com\/cdn\/shop\/files\/high-level-science-softgels-default-title-heart-body-mind-coq10-omega-3-vitamin-e-38439220904151.jpg?v=1788993515\"},\"sku\":\"HLS-001\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":59.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"High Level Man - 12-in-1 Testosterone Formula\",\"vendor\":\"High Level Science\",\"id\":\"8999154286807\",\"untranslatedTitle\":\"High Level Man - 12-in-1 Testosterone Formula\",\"url\":\"\/products\/high-level-man-12-in-1-testosterone-formula\",\"type\":\"Capsules\"},\"id\":\"47031637803223\",\"image\":{\"src\":\"\/\/livehighlevel.com\/cdn\/shop\/files\/high-level-science-capsules-default-title-high-level-man-12-in-1-testosterone-formula-38439220936919.png?v=1788993596\"},\"sku\":\"HLS-HLM-001\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":59.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"High Level Woman: Hormone + Vitality Formula\",\"vendor\":\"High Level Science\",\"id\":\"9306909737175\",\"untranslatedTitle\":\"High Level Woman: Hormone + Vitality Formula\",\"url\":\"\/products\/high-level-woman-hormone-vitality-formula\",\"type\":\"Capsules\"},\"id\":\"48813900333271\",\"image\":{\"src\":\"\/\/livehighlevel.com\/cdn\/shop\/files\/high-level-science-capsules-default-title-high-level-woman-hormone-vitality-formula-38439220871383.jpg?v=1788993520\"},\"sku\":\"HLS-HLW-002\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":36.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"High Level Woman - 4-in-1 Urinary Tract Formula\",\"vendor\":\"High Level Science\",\"id\":\"8629354561751\",\"untranslatedTitle\":\"High Level Woman - 4-in-1 Urinary Tract Formula\",\"url\":\"\/products\/high-level-woman-4-in-1-urinary-tract-formula\",\"type\":\"Capsules\"},\"id\":\"46154610344151\",\"image\":{\"src\":\"\/\/livehighlevel.com\/cdn\/shop\/files\/high-level-science-capsules-default-title-high-level-woman-4-in-1-urinary-tract-formula-38439220838615.jpg?v=1788993519\"},\"sku\":\"HL-028\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":68.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"HLS x Staple Hoodie {Lunar Rock}\",\"vendor\":\"High Level Science\",\"id\":\"9183488671959\",\"untranslatedTitle\":\"HLS x Staple Hoodie {Lunar Rock}\",\"url\":\"\/products\/hls-x-staple-hoodie-lunar-rock\",\"type\":\"Hoodie\"},\"id\":\"48288929186007\",\"image\":{\"src\":\"\/\/livehighlevel.com\/cdn\/shop\/files\/high-level-science-hoodie-s-hls-x-staple-hoodie-lunar-rock-37015246667991.jpg?v=1774018139\"}
2685,\"sku\":\"6842104_34361\",\"title\":\"S\",\"untranslatedTitle\":\"S\"},{\"price\":{\"amount\":68.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"The HLS x Staple Hoodie {Burro}\",\"vendor\":\"High Level Science\",\"id\":\"9183490146519\",\"untranslatedTitle\":\"The HLS x Staple Hoodie {Burro}\",\"url\":\"\/products\/the-hls-x-staple-hoodie-burro\",\"type\":\"\"},\"id\":\"48288931709143\",\"image\":{\"src\":\"\/\/livehighlevel.com\/cdn\/shop\/files\/high-level-science-s-the-hls-x-staple-hoodie-burro-37015204200663.jpg?v=1774018136\"},\"sku\":\"8572120_34360\",\"title\":\"S\",\"untranslatedTitle\":\"S\"},{\"price\":{\"amount\":68.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"The HLS x Staple Hoodie {Midnight}\",\"vendor\":\"High Level Science\",\"id\":\"9183492210903\",\"untranslatedTitle\":\"The HLS x Staple Hoodie {Midnight}\",\"url\":\"\/products\/the-hls-x-staple-hoodie-midnight\",\"type\":\"\"},\"id\":\"48288936231127\",\"image\":{\"src\":\"\/\/livehighlevel.com\/cdn\/shop\/files\/high-level-science-s-the-hls-x-staple-hoodie-midnight-37015209476311.jpg?v=1774018135\"},\"sku\":\"4356268_34362\",\"title\":\"S\",\"untranslatedTitle\":\"S\"},{\"price\":{\"amount\":48.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"The HLS x Staple T {Faded Bone}\",\"vendor\":\"High Level Science\",\"id\":\"9183494176983\",\"untranslatedTitle\":\"The HLS x Staple T {Faded Bone}\",\"url\":\"\/products\/the-hls-x-staple-t-faded-bone\",\"type\":\"\"},\"id\":\"48288940327127\",\"image\":{\"src\":\"\/\/livehighlevel.com\/cdn\/shop\/files\/high-level-science-s-the-hls-x-staple-t-faded-bone-37015238377687.jpg?v=1774018135\"},\"sku\":\"8798672_17570\",\"title\":\"S\",\"untranslatedTitle\":\"S\"},{\"price\":{\"amount\":48.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"The HLS x Staple T {Faded Khaki}\",\"vendor\":\"High Level Science\",\"id\":\"9183494930647\",\"untranslatedTitle\":\"The HLS x Staple T {Faded Khaki}\",\"url\":\"\/products\/the-hls-x-staple-t-faded-khaki\",\"type\":\"\"},\"id\":\"48288942915799\",\"image\":{\"src\":\"\/\/livehighlevel.com\/cdn\/shop\/files\/high-level-science-s-the-hls-x-staple-t-faded-khaki-37015214817495.jpg?v=1774018134\"},\"sku\":\"3704469_17573\",\"title\":\"S\",\"untranslatedTitle\":\"S\"},{\"price\":{\"amount\":48.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"The HLS x Staple T {Faded Black}\",\"vendor\":\"High Level Science\",\"id\":\"9183495258327\",\"untranslatedTitle\":\"The HLS x Staple T {Faded Black}\",\"url\":\"\/products\/the-hls-x-staple-t-faded-black\",\"type\":\"\"},\"id\":\"48288946094295\",\"image\":{\"src\":\"\/\/livehighlevel.com\/cdn\/shop\/files\/high-level-science-s-the-hls-x-staple-t-faded-black-1227971267.jpg?v=1774018272\"},\"sku\":\"9640151_17569\",\"title\":\"S\",\"untranslatedTitle\":\"S\"},{\"price\":{\"amount\":36.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"The HLS x Staple Hat {Stone}\",\"vendor\":\"High Level Science\",\"id\":\"9183496798423\",\"untranslatedTitle\":\"The HLS x Staple Hat {Stone}\",\"url\":\"\/products\/the-hls-x-staple-hat-stone\",\"type\":\"\"},\"id\":\"48288948715735\",\"image\":{\"src\":\"\/\/livehighlevel.com\/cdn\/shop\/files\/high-level-science-the-hls-x-staple-hat-stone-1227971259.jpg?v=1774019171\"},\"sku\":\"5642534_7859\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":36.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"The HLS x Staple Hat {Khaki}\",\"vendor\":\"High Level Science\",\"id\":\"9183496995031\",\"untranslatedTitle\":\"The HLS x Staple Hat {Khaki}\",\"url\":\"\/products\/the-hls-x-staple-hat-khaki\",\"type\":\"\"},\"id\":\"48288949076183\",\"image\":{\"src\":\"\/\/livehighlevel.com\/cdn\/shop\/files\/high-level-science-the-hls-x-staple-hat-khaki-1227971254.jpg?v=1774019531\"},\"sku\":\"3401676_7855\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}]}}]]"});})();</script>
2685<script>
2686  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
2687  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
2688  window.ShopifyAnalytics.meta.currency = 'USD';
2689  var meta = {"products":[{"id":8655658942679,"gid":"gid:\/\/shopify\/Product\/8655658942679","vendor":"High Level Science","type":"Softgels","handle":"heart-body-mind-coq10-omega-3-vitamin-e","variants":[{"id":46100440776919,"price":5999,"name":"Heart + Body + Mind - CoQ10, Omega-3, Vitamin-E","public_title":null,"sku":"HLS-001"}],"remote":false},{"id":8999154286807,"gid":"gid:\/\/shopify\/Product\/8999154286807","vendor":"High Level Science","type":"Capsules","handle":"high-level-man-12-in-1-testosterone-formula","variants":[{"id":47031637803223,"price":5999,"name":"High Level Man - 12-in-1 Testosterone Formula","public_title":null,"sku":"HLS-HLM-001"}],"remote":false},{"id":9306909737175,"gid":"gid:\/\/shopify\/Product\/9306909737175","vendor":"High Level Science","type":"Capsules","handle":"high-level-woman-hormone-vitality-formula","variants":[{"id":48813900333271,"price":5999,"name":"High Level Woman: Hormone + Vitality Formula","public_title":null,"sku":"HLS-HLW-002"}],"remote":false},{"id":8629354561751,"gid":"gid:\/\/shopify\/Product\/8629354561751","vendor":"High Level Science","type":"Capsules","handle":"high-level-woman-4-in-1-urinary-tract-formula","variants":[{"id":46154610344151,"price":3699,"name":"High Level Woman - 4-in-1 Urinary Tract Formula","public_title":null,"sku":"HL-028"}],"remote":false},{"id":9183488671959,"gid":"gid:\/\/shopify\/Product\/9183488671959","vendor":"High Level Science","type":"Hoodie","handle":"hls-x-staple-hoodie-lunar-rock","variants":[{"id":48288929186007,"price":6800,"name":"HLS x Staple Hoodie {Lunar Rock} - S","public_title":"S","sku":"6842104_34361"},{"id":48288929218775,"price":6800,"name":"HLS x Staple Hoodie {Lunar Rock} - M","public_title":"M","sku":"6842104_34364"},{"id":48288929251543,"price":6800,"name":"HLS x Staple Hoodie {Lunar Rock} - L","public_title":"L","sku":"6842104_34367"},{"id":48288929284311,"price":6800,"name":"HLS x Staple Hoodie {Lunar Rock} - XL","public_title":"XL","sku":"6842104_34370"},{"id":48288929317079,"price":6800,"name":"HLS x Staple Hoodie {Lunar Rock} - 2XL","public_title":"2XL","sku":"6842104_34373"},{"id":48288929349847,"price":6800,"name":"HLS x Staple Hoodie {Lunar Rock} - 3XL","public_title":"3XL","sku":"6842104_34376"}],"remote":false},{"id":9183490146519,"gid":"gid:\/\/shopify\/Product\/9183490146519","vendor":"High Level Science","type":"","handle":"the-hls-x-staple-hoodie-burro","variants":[{"id":48288931709143,"price":6800,"name":"The HLS x Staple Hoodie {Burro} - S","public_title":"S","sku":"8572120_34360"},{"id":48288931741911,"price":6800,"name":"The HLS x Staple Hoodie {Burro} - M","public_title":"M","sku":"8572120_34363"},{"id":48288931774679,"price":6800,"name":"The HLS x Staple Hoodie {Burro} - L","public_title":"L","sku":"8572120_34366"},{"id":48288931807447,"price":6800,"name":"The HLS x Staple Hoodie {Burro} - XL","public_title":"XL","sku":"8572120_34369"},{"id":48288931840215,"price":6800,"name":"The HLS x Staple Hoodie {Burro} - 2XL","public_title":"2XL","sku":"8572120_34372"},{"id":48288931872983,"price":6800,"name":"The HLS x Staple Hoodie {Burro} - 3XL","public_title":"3XL","sku":"8572120_34375"}],"remote":false},{"id":9183492210903,"gid":"gid:\/\/shopify\/Product\/9183492210903","vendor":"High Level Science","type":"","handle":"the-hls-x-staple-hoodie-midnight","variants":[{"id":48288936231127,"price":6800,"name":"The HLS x Staple Hoodie {Midnight} - S","public_title":"S","sku":"4356268_34362"},{"id":48288936263895,"price":6800,"name":"The HLS x Staple Hoodie {Midnight} - M","public_title":"M","sku":"4356268_34365"},{"id":48288936296663,"price":6800,"name":"The HLS x Staple Hoodie {Midnight} - L","public_title":"L","sku":"4356268_34368"},{"id":48288936329431,"price":6800,"name":"The HLS x Staple Hoodie {Midnight} - XL","public_title":"XL","sku":"4356268_34371"},{"id":48288936362199,"price":6800,"name":"The HLS x Staple Hoodie {Midnight} - 2XL","public_title":"2XL","sku":"4356268_34374"},{"id":48288936394967,"price":6800,"name":"The HLS x Staple Hoodie {Midnight} - 3XL","public_title":"3XL","sku":"4356268_34377"}],"remote":false},{"id":9183494176983,"gid":"gid:\/\/shopify\/Product\/9183494176983","vendor":"High Level Science","type":"","handle":"the-hls-x-staple-t-faded-bone","variants":[{"id":48288940327127,"price":4800,"name":"The HLS x Staple T {Faded Bone} - S","public_title":"S","sku":"8798672_17570"},{"id":48288940359895,"price":4800,"name":"The HLS x Staple T {Faded Bone} - M","public_title":"M","sku":"8798672_17575"},{"id":48288940392663,"price":4800,"name":"The HLS x Staple T {Faded Bone} - L","public_title":"L","sku":"8798672_17580"},{"id":48288940425431,"price":4800,"name":"The HLS x Staple T {Faded Bone}
2689 - XL","public_title":"XL","sku":"8798672_17585"},{"id":48288940458199,"price":4800,"name":"The HLS x Staple T {Faded Bone} - 2XL","public_title":"2XL","sku":"8798672_17590"},{"id":48288940490967,"price":4800,"name":"The HLS x Staple T {Faded Bone} - 3XL","public_title":"3XL","sku":"8798672_17595"}],"remote":false},{"id":9183494930647,"gid":"gid:\/\/shopify\/Product\/9183494930647","vendor":"High Level Science","type":"","handle":"the-hls-x-staple-t-faded-khaki","variants":[{"id":48288942915799,"price":4800,"name":"The HLS x Staple T {Faded Khaki} - S","public_title":"S","sku":"3704469_17573"},{"id":48288942948567,"price":4800,"name":"The HLS x Staple T {Faded Khaki} - M","public_title":"M","sku":"3704469_17578"},{"id":48288942981335,"price":4800,"name":"The HLS x Staple T {Faded Khaki} - L","public_title":"L","sku":"3704469_17583"},{"id":48288943014103,"price":4800,"name":"The HLS x Staple T {Faded Khaki} - XL","public_title":"XL","sku":"3704469_17588"},{"id":48288943046871,"price":4800,"name":"The HLS x Staple T {Faded Khaki} - 2XL","public_title":"2XL","sku":"3704469_17593"},{"id":48288943079639,"price":4800,"name":"The HLS x Staple T {Faded Khaki} - 3XL","public_title":"3XL","sku":"3704469_17598"}],"remote":false},{"id":9183495258327,"gid":"gid:\/\/shopify\/Product\/9183495258327","vendor":"High Level Science","type":"","handle":"the-hls-x-staple-t-faded-black","variants":[{"id":48288946094295,"price":4800,"name":"The HLS x Staple T {Faded Black} - S","public_title":"S","sku":"9640151_17569"},{"id":48288946127063,"price":4800,"name":"The HLS x Staple T {Faded Black} - M","public_title":"M","sku":"9640151_17574"},{"id":48288946159831,"price":4800,"name":"The HLS x Staple T {Faded Black} - L","public_title":"L","sku":"9640151_17579"},{"id":48288946192599,"price":4800,"name":"The HLS x Staple T {Faded Black} - XL","public_title":"XL","sku":"9640151_17584"},{"id":48288946225367,"price":4800,"name":"The HLS x Staple T {Faded Black} - 2XL","public_title":"2XL","sku":"9640151_17589"},{"id":48288946258135,"price":4800,"name":"The HLS x Staple T {Faded Black} - 3XL","public_title":"3XL","sku":"9640151_17594"}],"remote":false},{"id":9183496798423,"gid":"gid:\/\/shopify\/Product\/9183496798423","vendor":"High Level Science","type":"","handle":"the-hls-x-staple-hat-stone","variants":[{"id":48288948715735,"price":3600,"name":"The HLS x Staple Hat {Stone}","public_title":null,"sku":"5642534_7859"}],"remote":false},{"id":9183496995031,"gid":"gid:\/\/shopify\/Product\/9183496995031","vendor":"High Level Science","type":"","handle":"the-hls-x-staple-hat-khaki","variants":[{"id":48288949076183,"price":3600,"name":"The HLS x Staple Hat {Khaki}","public_title":null,"sku":"3401676_7855"}],"remote":false}],"page":{"pageType":"collection","resourceType":"collection","resourceId":483181428951,"requestId":"9bf4e115-50a3-4119-ab77-4f0bd74f416c-1791091637"}};
2690  for (var attr in meta) {
2691    window.ShopifyAnalytics.meta[attr] = meta[attr];
2692  }
2693</script>
vendor: 1 bytes, line 2693
2693
2694<script class="analytics">
2695  (function () {
2696    var customDocumentWrite = function(content) {
2697      var jquery = null;
2698
2699      if (window.jQuery) {
2700        jquery = window.jQuery;
2701      } else if (window.Checkout && window.Checkout.$) {
2702        jquery = window.Checkout.$;
2703      }
2704
2705      if (jquery) {
2706        jquery('body').append(content);
2707      }
2708    };
2709
2710    var hasLoggedConversion = function(token) {
2711      if (token) {
2712        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
2713      }
2714      return false;
2715    }
2716
2717    var setCookieIfConversion = function(token) {
2718      if (token) {
2719        var twoMonthsFromNow = new Date(Date.now());
2720        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
2721
2722        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
2723      }
2724    }
2725
2726    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
2727    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
2728    if (trekkie.integrations) {
2729      return;
2730    }
2731    trekkie.methods = [
2732      'identify',
2733      'page',
2734      'ready',
2735      'track',
2736      'trackForm',
2737      'trackLink'
2738    ];
2739    trekkie.factory = function(method) {
2740      return function() {
2741        var args = Array.prototype.slice.call(arguments);
2742        args.unshift(method);
2743        trekkie.push(args);
2744        if (method == 'track' || method == 'page') {
2745          var pageUrl;
2746          try {
2747            pageUrl = window.location.href;
2748          } catch (e) {}
2749          var pageReferrer;
2750          try {
2751            pageReferrer = document.referrer;
2752          } catch (e) {}
2753          try {
2754            if (window.__TREKKIE_SHIM_QUEUE == null) {
2755              window.__TREKKIE_SHIM_QUEUE = [];
2756            }
2757            window.__TREKKIE_SHIM_QUEUE.push({
2758              from: 'trekkie-stub',
2759              method: method,
2760              args: args.slice(1),
2761              pageContext: {
2762                url: pageUrl,
2763                referrer: pageReferrer
2764              }
2765            });
2766          } catch (e) {
2767            // no-op
2768          }
2769        }
2770        return trekkie;
2771      };
2772    };
2773    for (var i = 0; i < trekkie.methods.length; i++) {
2774      var key = trekkie.methods[i];
2775      trekkie[key] = trekkie.factory(key);
2776    }
2777    trekkie.load = function(config) {
2778      trekkie.config = config || {};
2779      trekkie.config.initialDocumentCookie = document.cookie;
2780      var first = document.getElementsByTagName('script')[0];
2781var script = document.createElement('script');
2782script.type = 'text/javascript';
2783script.onerror = function(e) {
2784  var scriptFallback = document.createElement('script');
2785  scriptFallback.type = 'text/javascript';
2786  scriptFallback.onerror = function(error) {
2787          var Monorail = {
2788      produce: function produce(monorailDomain, schemaId, payload) {
2789        var currentMs = new Date().getTime();
2790        var event = {
2791          schema_id: schemaId,
2792          payload: payload,
2793          metadata: {
2794            event_created_at_ms: currentMs,
2795            event_sent_at_ms: currentMs
2796          }
2797        };
2798        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
2799      },
2800      sendRequest: function sendRequest(endpointUrl, payload) {
2801        // Try the sendBeacon API
2802        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
2803          var blobData = new window.Blob([payload], {
2804            type: 'text/plain'
2805          });
2806
2807          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
2808            return true;
2809          } // sendBeacon was not successful
2810
2811        } // XHR beacon
2812
2813        var xhr = new XMLHttpRequest();
2814
2815        try {
2816          xhr.open('POST', endpointUrl);
2817          xhr.setRequestHeader('Content-Type', 'text/plain');
2818          xhr.send(payload);
2819        } catch (e) {
2820          console.log(e);
2821        }
2822
2823        return false;
2824      },
2825      isIos12: function isIos12() {
2826        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
2827      }
2828    };
2829    Monorail.produce('monorail-edge.shopifysvc.com',
2830      'trekkie_storefront_load_errors/1.1',
2831      {shop_id: 70568870103,
2832      theme_id: 164849778903,
2833      app_name: "storefront",
2834      context_url: window.location.href,
2835      source_url: "//livehighlevel.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
2836
2837  };
2838  scriptFallback.async = true;
2839  scriptFallback.src = '//livehighlevel.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
2840  first.parentNode.insertBefore(scriptFallback, first);
2841};
2842script.async = true;
2843script.src = '//livehighlevel.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
2844first.parentNode.insertBefore(script, first);
2845
2846    };
2847    trekkie.load(
2848      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":70568870103,"isMerchantRequest":null,"themeId":164849778903,"themeCityHash":"16170837848302312092","contentLanguage":"en","currency":"USD","eventMetadataId":"bbb8b96f-8174-4aae-8832-6c835e162de8"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
2849    );
2850
2851    var loaded = false;
2852    trekkie.ready(function() {
2853      if (loaded) return;
2854      loaded = true;
2855
2856      window.ShopifyAnalytics.lib = window.trekkie;
2857
2858      var originalDocumentWrite = document.write;
2859      document.write = customDocumentWrite;
2860      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
2861      document.write = originalDocumentWrite;
2862
2863      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
2864      var token = match? match[1]: undefined;
2865      if (!hasLoggedConversion(token)) {
2866        setCookieIfConversion(token);
2867        window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: all-products","collectionName":"all-products","collectionId":483181428951,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true});
2868      }
2869    });
2870
2871    window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":483181428951,"requestId":"9bf4e115-50a3-4119-ab77-4f0bd74f416c-1791091637","shopifyEmitted":true});
2872
2873    var eventsListenerScript = document.createElement('script');
2874    eventsListenerScript.async = true;
2875    eventsListenerScript.src = "//livehighlevel.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
2876    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
2877})();</script>
vendor: 1 bytes, line 2877
2877
2878<script
2879  defer
2880  src="https://livehighlevel.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
2881  data-application="storefront-renderer"
2882  data-shop-id="70568870103"
2883  data-render-region="gcp-us-central1"
2884  data-page-type="collection"
2885  data-theme-instance-id="164849778903"
2886  data-theme-name="Pebble"
2887  data-theme-version="1.3.0"
2888  data-monorail-region="shop_domain"
2889  data-resource-timing-sampling-rate="10"
2890  data-shs="true"
2891  data-shs-beacon="true"
2892  data-shs-export-with-fetch="true"
2893  data-shs-logs-sample-rate="1"
2894  data-shs-beacon-endpoint="https://livehighlevel.com/api/collect"
2895></script>
vendor: 1 bytes, line 2895
2895
2896<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
2896<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"70568870103","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"US","language":"en"}}</script>
2896
2897<meta name="shopify-y" content="137c3b1b-a33f-44e4-9fd2-39e0d4bf9a8a" data-expiration="1822649237000"><meta name="shopify-s" content="f1cf6dcd-3a78-40b3-a87a-f8bf7c029c39" data-expiration="1791093437000"><meta name="new-cookie-storage-activated" content="t">
2898</head>
2899  <body
2900    
2901    class="collection animations-enabled page-transitions-enabled "
2902  >
2903    <a
2904  class="skip-to-content-link btn btn--secondary"
2905  href="#MainContent"
2906>
2907  <span class="btn__text">Skip to content</span>
2908</a>
2909
2910
2911    
2912      <page-transition class="page-transition no-js-hidden">
2913        <span class="visually-hidden">Loading</span>
2914      </page-transition>
2915    
2916
2917    <!-- BEGIN sections: header-group -->
2918<div id="shopify-section-sections--23235909419223__header" class="shopify-section shopify-section-group-header-group header-section"><header
2919  data-section-id="sections--23235909419223__header"
2920  class="header header--logo-left block relative z-0 color-scheme-7
2921 header--with-dividers"
2922  
2923    is="sticky-header" data-sticky-type="always"
2924  
2925  style="--padding-block-start: calc(1.1rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 1.1rem;--padding-block-end: calc(1.1rem * var(--padding-block-end-scale, 1));    --padding-block-end-mobile: 1.1rem;"
2926>
2927  <div class="header__background absolute z--1 inset-0 pointer-events-none">
2928    <div class="header__background-inner relative color-scheme-7"></div>
2929  </div>
2930  <div class="header__top relative items-center page-width"><div class="header__icons header__icons--left lg:hidden no-js-hidden">
2931        <div class="header__buttons flex items-center">
2932          <button
2933            on:click="#menu-drawer/showDialog"
2934            class="menu-drawer-button flex lg:hidden items-center justify-center button-unstyled cursor-pointer"
2935            aria-label="Open menu"
2936            aria-haspopup="dialog"
2937            aria-controls="menu-drawer-dialog"
2938          >
2939<span
2940    class="icon icon--list icon--large"
2941    
2942    
2943  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
2944  <path d="M3.125 10H16.875" stroke="currentColor" stroke-width="var(--icon-stroke-width, 2)" stroke-linecap="round" stroke-linejoin="round"/>
2945	<path d="M3.125 5H16.875" stroke="currentColor" stroke-width="var(--icon-stroke-width, 2)" stroke-linecap="round" stroke-linejoin="round"/>
2946	<path d="M3.125 15H16.875" stroke="currentColor" stroke-width="var(--icon-stroke-width, 2)" stroke-linecap="round" stroke-linejoin="round"/>
2947</svg></span></button>
2948        </div>
2949      </div><div class="header__logo flex justify-center items-center m-0">
2950  <a
2951    href="/"
2952    class="h3 relative flex header__logo--image"
2953  ><img
2954          srcset="//livehighlevel.com/cdn/shop/files/Wide.jpg?v=1773889933&width=90 1x, //livehighlevel.com/cdn/shop/files/Wide.jpg?v=1773889933&width=180 2x"
2955          src="//livehighlevel.com/cdn/shop/files/Wide.jpg?v=1773889933&width=90"
2956          loading="eager"
2957          width="1000"
2958          height="192"
2959          alt="High Level Science"
2960          class="logo logo--mobile header__logo--mobile lg:hidden"
2961          sizes="(min-width: 768px) 175px, 90px"
2962        ><img
2963          srcset="//livehighlevel.com/cdn/shop/files/Wide.jpg?v=1773889933&width=175 1x, //livehighlevel.com/cdn/shop/files/Wide.jpg?v=1773889933&width=350 2x"
2964          src="//livehighlevel.com/cdn/shop/files/Wide.jpg?v=1773889933&width=175"
2965          loading="eager"
2966          width="1000"
2967          height="192"
2968          alt="High Level Science"
2969          class="logo logo--desktop header__logo--desktop lg:block hidden"
2970          sizes="(min-width: 768px) 175px, 90px"
2971        ></a>
2972</div>
2973<div class="header__navigation hidden lg:flex">
2974        <nav class="header__menu flex" role="navigation" aria-label="Primary">
2975  <ul class="flex flex-wrap gap-1 list-unstyled"><li class="inline-flex items-center"><a
2976              href="/"
2977              class="menu__item flex items-center relative text-decoration-none color-current"
2978            >Home</a></li><li class="inline-flex items-center"><a
2979              href="/collections/all-products"
2980              class="menu__item flex items-center relative text-decoration-none color-current"
2981            >Shop</a></li><li class="inline-flex items-center"><a
2982              href="/pages/store-locator"
2983              class="menu__item flex items-center relative text-decoration-none color-current"
2984            >Find Us at GNC</a></li><li class="inline-flex items-center"><a
2985              href="/blogs/press-media"
2986              class="menu__item flex items-center relative text-decoration-none color-current"
2987            >Press</a></li><li class="inline-flex items-center"><details
2988              is="details-dropdown"
2989              level="top"
2990              trigger="hover"
2991              
2992            >
2993              <summary data-link="/pages/our-story">
2994                <span class="menu__item flex items-center relative">Learn
2995<span
2996    class="icon icon--caret-down icon--extra-small"
2997    
2998    
2999  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
3000  <path fill="none" d="M0 0H20V20H0V0z"/>
3001  <path points="208 96 128 176 48 96" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M16.25 7.5L10 13.75L3.75 7.5"/>
3002</svg></span></span>
3003              </summary>
3004              <div class="dropdown">
3005                <div class="dropdown__container">
3006                  <ul class="dropdown__nav list-unstyled" role="list"><li class="reversed-link color-subtext">
3007                          <a
3008                            class="block text-decoration-none color-current"
3009                            href="/pages/our-story"
3010                          >
3011                            <span class="reversed-link__text">Our Story</span>
3012                          </a>
3013                        </li><li class="reversed-link color-subtext">
3014                          <a
3015                            class="block text-decoration-none color-current"
3016                            href="/pages/our-science"
3017                          >
3018                            <span class="reversed-link__text">Our Science</span>
3019                          </a>
3020                        </li></ul>
3021                </div>
3022              </div>
3023            </details></li><li class="inline-flex items-center"><a
3024              href="/pages/faqs"
3025              class="menu__item flex items-center relative text-decoration-none color-current"
3026            >FAQ&#39;s</a></li><li class="inline-flex items-center"><a
3027              href="/pages/contact-us"
3028              class="menu__item flex items-center relative text-decoration-none color-current"
3029            >Contact Us</a></li><li class="inline-flex items-center"><a
3030              href="https://shopify.com/70568870103/account/pages/63180ea1-edac-4010-98d1-d6a29078e7d5"
3031              class="menu__item flex items-center relative text-decoration-none color-current"
3032            >Affiliate</a></li></ul>
3033</nav>
3034
3035      </div><div class="header__icons header__icons--right flex justify-end">
3036      <div class="header__buttons flex items-center justify-center"><div class="header__search hidden xl:flex items-center"><predictive-search
3037  class="search__form search__form--transparent search__form--predictive dir-rtl flex flex-col w-full"
3038  data-empty-recommendations="false"
3039  data-results-limit="3"
3040  data-context="header"
3041>
3042  <div class="search__header flex dir-ltr">
3043    <form
3044      class="w-full"
3045      action="/search"
3046      method="get"
3047      role="search"
3048      id="PredictiveSearch-sections--23235909419223__header"
3049    >
3050      <input type="hidden" name="options[prefix]" value="last">
3051      <input type="hidden" name="type" value="product,article">
3052      <div class="search__field relative flex items-center w-full">
3053        <input
3054          ref="searchInput"
3055          on:focus="/onFocus"
3056          id="SearchInput-sections--23235909419223__header"
3057          class="search__input form-control w-full"
3058          type="search"
3059          name="q"
3060          
3061          placeholder="What are you looking for?"
3062          
3063            on:input="/onInputDebounced"
3064            role="combobox"
3065            aria-expanded="false"
3066            aria-owns="PredictiveSearchResults-sections--23235909419223__header"
3067            aria-controls="PredictiveSearchResults-sections--23235909419223__header"
3068            aria-haspopup="listbox"
3069            aria-autocomplete="list"
3070            autocorrect="off"
3071            autocomplete="off"
3072            autocapitalize="off"
3073            spellcheck="false"
3074          
3075        >
3076        <label class="visually-hidden" for="SearchInput-sections--23235909419223__header">Search</label>
3077        <button
3078          ref="clearButton"
3079          on:click="/clear"
3080          type="reset"
3081          class="search__reset button-unstyled btn absolute flex items-center justify-center cursor-pointer"
3082        >
3083          <span>Clear</span>
3084        </button><span
3085  class="loading-spinner search__spinner pointer-events-none absolute flex items-center"
3086  
3087    ref="spinner"
3088>
3089  <svg
3090    aria-hidden="true"
3091    focusable="false"
3092    class="spinner icon icon--medium"
3093    viewBox="0 0 66 66"
3094    xmlns="http://www.w3.org/2000/svg"
3095  >
3096    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
3097  </svg>
3098</span>
3099
3100<button
3101            on:click="/close"
3102            type="button"
3103            class="search__close button-unstyled absolute z-1 pointer-events-none flex items-center justify-center cursor-pointer"
3104            aria-label="Close"
3105          >
3106<span
3107    class="icon icon--close icon--large"
3108    
3109    
3110  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
3111  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
3112  <path x1="200" y1="56" x2="56" y2="200" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M15.625 4.375L4.375 15.625"/>
3113  <path x1="200" y1="200" x2="56" y2="56" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M15.625 15.625L4.375 4.375"/>
3114</svg>
3115</span></button><button
3116          on:click="/onSubmit"
3117          type="submit"
3118          class="search__submit search__submit--predictive button-unstyled absolute flex items-center justify-center cursor-pointer"
3119          aria-label="Search"
3120        >
3121<span
3122    class="icon icon--search icon--large"
3123    
3124    
3125  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
3126  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
3127  <path cx="112" cy="112" r="80" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M15 8.75A6.25 6.25 0 0 1 8.75 15A6.25 6.25 0 0 1 2.5 8.75A6.25 6.25 0 0 1 15 8.75z"/>
3128  <path x1="168.57" y1="168.57" x2="224" y2="224" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M13.17 13.17L17.5 17.5"/>
3129</svg>
3130</span></button>
3131      </div>
3132    </form></div>
3133  <div
3134    ref="searchContent"
3135    class="search__content dir-ltr flex flex-col color-scheme-7"
3136  >
3137    <div class="search__content-inner v-scrollable"><div class="search__recommendations flex flex-col gap-6"><div class="search__recommendation--keywords flex flex-col gap-3">
3138              <h4 class="text-capitalize h6">
3139                Popular search
3140              </h4>
3141              <ul class="flex flex-wrap gap-2 list-unstyled search__list--btn"><li class="flex">
3142                    <a
3143                      class="btn btn--secondary btn--tag"
3144                      href="/search?type=product&options%5Bprefix%5D=last&q=coq10 supplements Ashley Parker angel supplements dr rizik heart body mind testosterone"
3145                    >
3146                      <span class="btn__text">coq10 supplements Ashley Parker angel supplements dr rizik heart body mind testosterone</span>
3147                    </a>
3148                  </li></ul>
3149            </div></div><div class="search__results">
3150        <div
3151          id="PredictiveSearchResults-sections--23235909419223__header"
3152          role="listbox"
3153          class="flex flex-col gap-6 w-full"
3154        ></div>
3155      </div>
3156    </div>
3157  </div>
3158</predictive-search>
3159</div><button
3160          on:click="#search-drawer/showDialog"
3161          class="search-drawer-button flex xl:hidden items-center justify-center button-unstyled cursor-pointer"
3162          aria-label="Open search"
3163          aria-haspopup="dialog"
3164          aria-controls="search-drawer-dialog"
3165        >
3166<span
3167    class="icon icon--search icon--large"
3168    
3169    
3170  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
3171  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
3172  <path cx="112" cy="112" r="80" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M15 8.75A6.25 6.25 0 0 1 8.75 15A6.25 6.25 0 0 1 2.5 8.75A6.25 6.25 0 0 1 15 8.75z"/>
3173  <path x1="168.57" y1="168.57" x2="224" y2="224" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M13.17 13.17L17.5 17.5"/>
3174</svg>
3175</span></button><div class="header__account header__icon hidden lg:flex">
3176            <shopify-store store-domain="https://livehighlevel.com" country="US" language="en"></shopify-store>
3177<shopify-account menu="customer-account-main-menu" class="w-full h-full flex items-center justify-center"><span
3178                  slot="signed-out-avatar"
3179                  aria-hidden="true"
3180                  aria-label="Login"
3181                  class="flex items-center justify-center"
3182                >
3183<span
3184    class="icon icon--account icon--large"
3185    
3186    
3187  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
3188  <path fill="none" d="M0 0H20V20H0V0z"/>
3189  <path cx="128" cy="96" r="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M15 7.5A5 5 0 0 1 10 12.5A5 5 0 0 1 5 7.5A5 5 0 0 1 15 7.5z"/>
3190  <path d="M2.5 16.875c1.513 -2.615 4.262 -4.375 7.5 -4.375s5.987 1.76 7.5 4.375" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
3191</svg>
3192</span></span></shopify-account>
3193          </div><a
3194          href="/cart"
3195          class="cart-drawer-button cart-icon flex items-center justify-center text-decoration-none color-current relative cursor-pointer"
3196          
3197            on:click="#CartDrawer/open"
3198            aria-label="Open cart"
3199            aria-haspopup="dialog"
3200            aria-controls="cart-drawer-dialog"
3201          
3202        >
3203<span
3204    class="icon icon--cart icon--large"
3205    
3206    
3207  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
3208  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
3209  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
3210  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
3211  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
3212</svg></span>
3213
3214<cart-count
3215  class="cart-count cart-count--absolute hidden"
3216  
3217>
3218  <span class="visually-hidden">Total items in cart: 0
3219  </span>
3220  <span
3221    class="cart-bubble__text-count"
3222    ref="cartBubbleCount"
3223    aria-hidden="true"
3224  >
3225    
32260
3227  </span>
3228</cart-count>
3229
3230        </a>
3231      </div>
3232    </div>
3233  </div>
3234</header>
3235<div
3236  class="fixed-overlay"
3237></div><dialog-component id="menu-drawer" class="menu-drawer pointer-events-auto">
3238  <dialog
3239    id="menu-drawer-dialog"
3240    ref="dialog"
3241    class="dialog dialog--drawer dialog--drawer-left"
3242    scroll-lock
3243  >
3244    <div class="dialog__header menu-drawer__header relative z-1 shrink-0 flex">
3245      <div class="menu-drawer__logo flex-grow flex flex-col justify-center">
3246        <a
3247          href="/"
3248          class="h3 relative flex menu-drawer__logo--image"
3249        ><img
3250              srcset="//livehighlevel.com/cdn/shop/files/Wide.jpg?v=1773889933&width=90 1x, //livehighlevel.com/cdn/shop/files/Wide.jpg?v=1773889933&width=180 2x"
3251              src="//livehighlevel.com/cdn/shop/files/Wide.jpg?v=1773889933&width=90"
3252              loading="eager"
3253              width="1000"
3254              height="192"
3255              alt="High Level Science"
3256              class="logo"
3257            ></a>
3258      </div>
3259      <button
3260        class="dialog__close color-current shrink-0 focus-visible--inset"
3261        on:click="#menu-drawer/closeDialog"
3262        aria-label="Close dialog"
3263      >
3264        
3265<span
3266    class="icon icon--close icon--large"
3267    
3268    
3269  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
3270  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
3271  <path x1="200" y1="56" x2="56" y2="200" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M15.625 4.375L4.375 15.625"/>
3272  <path x1="200" y1="200" x2="56" y2="56" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M15.625 15.625L4.375 4.375"/>
3273</svg>
3274</span>
3275      </button>
3276    </div>
3277    <div class="dialog__content flex-grow flex flex-col gap-6 overflow-x-clip relative">
3278      <div
3279        class="menu-drawer__menus v-scrollable flex flex-col w-full h-full"
3280        data-parent
3281      >
3282        <ul class="menu-drawer__menu list-unstyled flex-grow"><li class="menu-drawer__item"><a
3283                  href="/"
3284                  class="menu-drawer__item-link menu-drawer__item-link-heading h3 flex items-center justify-between focus-visible--inset"
3285                >Home</a></li><li class="menu-drawer__item"><a
3286                  href="/collections/all-products"
3287                  class="menu-drawer__item-link menu-drawer__item-link-heading h3 flex items-center justify-between focus-visible--inset"
3288                >Shop</a></li><li class="menu-drawer__item"><a
3289                  href="/pages/store-locator"
3290                  class="menu-drawer__item-link menu-drawer__item-link-heading h3 flex items-center justify-between focus-visible--inset"
3291                >Find Us at GNC</a></li><li class="menu-drawer__item"><a
3292                  href="/blogs/press-media"
3293                  class="menu-drawer__item-link menu-drawer__item-link-heading h3 flex items-center justify-between focus-visible--inset"
3294                >Press</a></li><li class="menu-drawer__item"><details
3295  is="menu-drawer-details"
3296  level="top"
3297>
3298  <summary
3299    class="menu-drawer__item-link menu-drawer__item-link-heading flex items-center justify-between gap-4"
3300    data-link-url="/pages/our-story"
3301  >
3302    <span class="h3">Learn</span>
3303    <button class="menu-drawer__item-link-arrow button-unstyled flex items-center justify-center cursor-pointer">
3304<span
3305    class="icon icon--caret-right icon--extra-medium"
3306    
3307    
3308  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="rtl-flip-x">
3309  <path fill="none" d="M0 0H20V20H0V0z"/>
3310  <path points="96 48 176 128 96 208" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M7.5 3.75L13.75 10L7.5 16.25"/>
3311</svg>
3312</span></button>
3313  </summary>
3314  <div
3315    class="menu-drawer__submenu menu-drawer__submenu-- absolute flex flex-col w-full h-full menu-drawer__submenu--with-links"
3316    data-parent
3317  >
3318    <button
3319      type="button"
3320      class="menu-drawer__item-link menu-drawer__item-link-back flex items-center gap-3 w-full button-unstyled cursor-pointer color-subtext focus-visible--inset"
3321    >
3322<span
3323    class="icon icon--arrow-left icon--extra-medium"
3324    
3325    
3326  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="rtl-flip-x">
3327  <path d="M16.875 10H3.125" stroke="currentColor" stroke-width="var(--icon-stroke-width, 2)" stroke-linecap="round" stroke-linejoin="round"/>
3328  <path d="M8.75 4.375L3.125 10L8.75 15.625" stroke="currentColor" stroke-width="var(--icon-stroke-width, 2)" stroke-linecap="round" stroke-linejoin="round"/>
3329</svg></span>Learn
3330    </button>
3331    <div class="v-scrollable v-scrollable--hidden h-full flex flex-col gap-6"><div class="menu-drawer__nav flex flex-col gap-5"><ul class="menu-drawer__list list-unstyled flex flex-col" data-parent role="list"><li class="menu-drawer__item menu-drawer__item--" level="child"><a
3332                      href="/pages/our-story"
3333                      class="menu-drawer__item-link block color-subtext text-decoration-none focus-visible--inset"
3334                    >Our Story</a></li><li class="menu-drawer__item menu-drawer__item--" level="child"><a
3335                      href="/pages/our-science"
3336                      class="menu-drawer__item-link block color-subtext text-decoration-none focus-visible--inset"
3337                    >Our Science</a></li></ul></div></div>
3338  </div>
3339</details>
3340</li><li class="menu-drawer__item"><a
3341                  href="/pages/faqs"
3342                  class="menu-drawer__item-link menu-drawer__item-link-heading h3 flex items-center justify-between focus-visible--inset"
3343                >FAQ&#39;s</a></li><li class="menu-drawer__item"><a
3344                  href="/pages/contact-us"
3345                  class="menu-drawer__item-link menu-drawer__item-link-heading h3 flex items-center justify-between focus-visible--inset"
3346                >Contact Us</a></li><li class="menu-drawer__item"><a
3347                  href="https://shopify.com/70568870103/account/pages/63180ea1-edac-4010-98d1-d6a29078e7d5"
3348                  class="menu-drawer__item-link menu-drawer__item-link-heading h3 flex items-center justify-between focus-visible--inset"
3349                >Affiliate</a></li></ul>
3350      </div>
3351      <div class="menu-drawer__footer flex justify-center flex-col gap-y-6">
3352        <div class="flex flex-col gap-3 items-center"><shopify-account menu="customer-account-main-menu" class="block w-full"><div
3353                  slot="signed-out-avatar"
3354                  aria-hidden="true"
3355                  aria-label="Login"
3356                  class="account-button btn btn--primary w-full"
3357                >
3358                  <span class="btn__text">Sign in/ Register</span>
3359                </div></shopify-account><ul
3360  class="list-unstyled flex flex-wrap items-center socials socials--blank gap-3"
3361  role="list"
3362><li class="social__item inline-flex">
3363      <a
3364        href="https://www.facebook.com/profile.php?id=61563338084876"
3365        class="social__link inline-flex relative text-decoration-none color-current"
3366      >
3367<span
3368    class="icon icon--facebook icon--extra-large"
3369    
3370    
3371  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
3372  <path d="M8.9999 13.6241V21.6004H13.3499V13.6241H16.5937L17.2687 9.95664H13.3499V8.65914C13.3499 6.72039 14.1112 5.97789 16.0762 5.97789C16.6874 5.97789 17.1787 5.99289 17.4637 6.02289V2.69664C16.9274 2.55039 15.6149 2.40039 14.8574 2.40039C10.8487 2.40039 8.9999 4.29414 8.9999 8.37789V9.95664H6.5249V13.6241H8.9999Z" fill="currentColor"/>
3373</svg></span><span class="visually-hidden">Facebook</span>
3374      </a>
3375    </li><li class="social__item inline-flex">
3376      <a
3377        href="https://x.com/livehighlevel"
3378        class="social__link inline-flex relative text-decoration-none color-current"
3379      >
3380<span
3381    class="icon icon--x icon--extra-large"
3382    
3383    
3384  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
3385  <path d="M4.03961 4.33398L10.3116 12.7232L4 19.544H5.42048L10.9463 13.5723L15.411 19.544H20.2449L13.62 10.6829L19.4948 4.33398H18.0743L12.9854 9.8338L8.87357 4.33398H4.03961ZM6.12854 5.38069H8.34927L18.1557 18.4971H15.9349L6.12854 5.38069Z" fill="currentColor"/>
3386</svg>
3387</span><span class="visually-hidden">X</span>
3388      </a>
3389    </li><li class="social__item inline-flex">
3390      <a
3391        href="https://instagram.com/livehighlevel"
3392        class="social__link inline-flex relative text-decoration-none color-current"
3393      >
3394<span
3395    class="icon icon--instagram icon--extra-large"
3396    
3397    
3398  >
3399<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
3400  <path d="M12.0004 3.27344C9.63033 3.27344 9.33289 3.2838 8.402 3.32616C7.47294 3.36871 6.83878 3.5158 6.28389 3.73162C5.7099 3.95453 5.22301 4.25271 4.73793 4.73798C4.25249 5.22307 3.95432 5.70998 3.73069 6.2838C3.51433 6.83889 3.36707 7.47326 3.32525 8.40198C3.28361 9.33289 3.27271 9.63053 3.27271 12.0007C3.27271 14.3709 3.28325 14.6674 3.32543 15.5983C3.36816 16.5274 3.51524 17.1616 3.73087 17.7165C3.95396 18.2905 4.25213 18.7774 4.73739 19.2625C5.22228 19.748 5.70918 20.0469 6.2828 20.2698C6.83805 20.4856 7.4724 20.6327 8.40128 20.6753C9.33216 20.7176 9.62942 20.728 11.9993 20.728C14.3696 20.728 14.6662 20.7176 15.5971 20.6753C16.5261 20.6327 17.161 20.4856 17.7163 20.2698C18.2901 20.0469 18.7762 19.748 19.2611 19.2625C19.7466 18.7774 20.0447 18.2905 20.2684 17.7167C20.4829 17.1616 20.6302 16.5273 20.6738 15.5985C20.7156 14.6676 20.7265 14.3709 20.7265 12.0007C20.7265 9.63053 20.7156 9.33307 20.6738 8.40216C20.6302 7.47307 20.4829 6.83889 20.2684 6.28398C20.0447 5.70998 19.7466 5.22307 19.2611 4.73798C18.7757 4.25253 18.2903 3.95435 17.7157 3.73162C17.1594 3.5158 16.5248 3.36871 15.5958 3.32616C14.6649 3.2838 14.3686 3.27344 11.9977 3.27344H12.0004ZM11.2176 4.84616C11.4499 4.8458 11.7092 4.84616 12.0004 4.84616C14.3306 4.84616 14.6067 4.85453 15.5269 4.89635C16.3778 4.93526 16.8396 5.07744 17.1472 5.19689C17.5545 5.35507 17.8448 5.54416 18.1501 5.84962C18.4555 6.15507 18.6446 6.44598 18.8031 6.85326C18.9226 7.16053 19.065 7.62235 19.1037 8.47326C19.1455 9.39326 19.1546 9.66962 19.1546 11.9987C19.1546 14.3278 19.1455 14.6042 19.1037 15.5242C19.0648 16.3751 18.9226 16.8369 18.8031 17.1442C18.645 17.5514 18.4555 17.8414 18.1501 18.1467C17.8446 18.4522 17.5546 18.6413 17.1472 18.7994C16.8399 18.9194 16.3778 19.0613 15.5269 19.1002C14.6069 19.142 14.3306 19.1511 12.0004 19.1511C9.67015 19.1511 9.39397 19.142 8.474 19.1002C7.62312 19.0609 7.16131 18.9187 6.85351 18.7993C6.44625 18.6411 6.15534 18.452 5.8499 18.1465C5.54445 17.8411 5.35537 17.5509 5.19683 17.1434C5.07738 16.8362 4.93502 16.3743 4.89629 15.5234C4.85448 14.6034 4.84611 14.3271 4.84611 11.9965C4.84611 9.66598 4.85448 9.39107 4.89629 8.47107C4.9352 7.62016 5.07738 7.15835 5.19683 6.85071C5.35501 6.44344 5.54445 6.15253 5.8499 5.84707C6.15534 5.54162 6.44625 5.35253 6.85351 5.19398C7.16113 5.07398 7.62312 4.93216 8.474 4.89307C9.27907 4.85671 9.59106 4.8458 11.2176 4.84398V4.84616ZM16.6588 6.29526C16.0807 6.29526 15.6116 6.7638 15.6116 7.34216C15.6116 7.92035 16.0807 8.38944 16.6588 8.38944C17.237 8.38944 17.7061 7.92035 17.7061 7.34216C17.7061 6.76398 17.237 6.29489 16.6588 6.29489V6.29526ZM12.0004 7.51889C9.52542 7.51889 7.51876 9.52562 7.51876 12.0007C7.51876 14.4758 9.52542 16.4816 12.0004 16.4816C14.4755 16.4816 16.4814 14.4758 16.4814 12.0007C16.4814 9.52562 14.4753 7.51889 12.0003 7.51889H12.0004ZM12.0004 9.09162C13.6069 9.09162 14.9094 10.394 14.9094 12.0007C14.9094 13.6073 13.6069 14.9098 12.0004 14.9098C10.3938 14.9098 9.09144 13.6073 9.09144 12.0007C9.09144 10.394 10.3938 9.09162 12.0004 9.09162V9.09162Z" fill="currentColor"/>
3401</svg></span><span class="visually-hidden">Instagram</span>
3402      </a>
3403    </li><li class="social__item inline-flex">
3404      <a
3405        href="https://tiktok.com/@livehighlevel"
3406        class="social__link inline-flex relative text-decoration-none color-current"
3407      >
3408<span
3409    class="icon icon--tiktok icon--extra-large"
3410    
3411    
3412  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
3413  <path d="M9.98981 17.2589C11.3248 17.2589 12.407 16.3032 12.407 14.8417V4H15.306C15.1434 5.97723 17.1089 7.88718 19.2766 7.8435V10.5695C17.4228 10.5695 15.8464 9.78561 15.2977 9.35059V14.8417C15.2977 17.2589 13.3961 20 9.98981 20C6.58348 20 4.72339 17.2589 4.72339 14.8417C4.72339 11.43 8.33382 9.45136 10.7251 9.93497V12.7115C10.6048 12.669 10.2946 12.6061 10.0303 12.6061C8.68425 12.5564 7.57259 13.6482 7.57259 14.8417C7.57259 16.1767 8.65482 17.2589 9.98981 17.2589Z" fill="currentColor"/>
3414</svg></span><span class="visually-hidden">TikTok</span>
3415      </a>
3416    </li></ul>
3417</div>
3418      </div>
3419    </div>
3420  </dialog>
3421</dialog-component>
3422<script type="application/ld+json">
3423  {
3424    "@context": "http://schema.org",
3425    "@type": "Organization",
3426    "name": "High Level Science",
3427    
3428      "logo": "https:\/\/livehighlevel.com\/cdn\/shop\/files\/Wide.jpg?v=1773889933\u0026width=500",
3429    
3430    "sameAs": [
3431      "https:\/\/x.com\/livehighlevel",
3432      "https:\/\/www.facebook.com\/profile.php?id=61563338084876",
3433      "",
3434      "https:\/\/instagram.com\/livehighlevel",
3435      "https:\/\/tiktok.com\/@livehighlevel",
3436      "",
3437      "",
3438      "",
3439      ""
3440    ],
3441    "url": "https:\/\/livehighlevel.com"
3442  }
3443</script>
3443
3444</div>
3445<!-- END sections: header-group -->
3446    
3446<script src="//livehighlevel.com/cdn/shop/t/26/assets/critical.js?v=14164323249242435891789446022" type="module" fetchpriority="low"></script>
3446
3447    <main
3448      id="MainContent"
3449      class="main-content overflow-x-clip overflow-y-clip flex-grow relative z-1"
3450      role="main"
3451    >
3452      <div id="shopify-section-template--23235915612375__breadcrumbs_cRq7dB" class="shopify-section"><div
3453    class="section-breadcrumbs spacing-style color-"
3454    style="--padding-block-start: clamp(1.2rem, calc(0.581vw + 0.754rem), 1.6rem);    --padding-block-start-mobile: 1.2rem;--padding-block-end: clamp(1.2rem, calc(1.744vw + -0.138rem), 2.4rem);    --padding-block-end-mobile: 1.2rem;"
3455  >
3456    <div class="page-width">
3457      <nav
3458  class="breadcrumbs flex items-center justify-start md:justify-start gap-x-3 text-body-sm"
3459  role="navigation"
3460  aria-label="breadcrumbs"
3461>
3462  <a
3463    href="/"
3464    title="Home"
3465    class="reversed-link"
3466  >Home</a><span aria-hidden="true" class="breadcrumbs__sep"></span>
3467      <a href="/collections/all" class="reversed-link">Collection</a>
3468    
3469    <span aria-hidden="true" class="breadcrumbs__sep"></span><span class="breadcrumbs__last color-subtext text-ellipsis">All Products</span></nav>
3470
3471    </div>
3472  </div>
3473</div><div id="shopify-section-template--23235915612375__main-collection-banner" class="shopify-section"><div
3474  id="section-template--23235915612375__main-collection-banner"
3475  class="collection-banner collection-banner--container-full spacing-style"
3476  style="--padding-block-start: clamp(2.0rem, calc(2.326vw + 0.216rem), 3.6rem);    --padding-block-start-mobile: 2.0rem;--padding-block-end: clamp(2.4rem, calc(2.326vw + 0.616rem), 4.0rem);    --padding-block-end-mobile: 2.4rem;"
3477  
3478>
3479  <div class="section__container section-grid section-grid--full">
3480    <div
3481      class="section__wrapper section-grid section-grid--fixed relative border-style color-scheme-1 media--adapt"
3482      
3483    >
3484      
3485
3486
3487
3488      <div
3489  class="collection-banner__content flex-1 relative row-span-full content-overlay-style spacing-style"
3490  style="
3491    --padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: calc(0.0rem * var(--padding-block-end-scale, 1));    --padding-block-end-mobile: 0.0rem;--padding-inline-start: calc(0.0rem * var(--padding-inline-start-scale, 1));    --padding-inline-start-mobile: 0.0rem;--padding-inline-end: calc(0.0rem * var(--padding-inline-end-scale, 1));    --padding-inline-end-mobile: 0.0rem;
3492    
3493--h-alignment: flex-start; --h-alignment-mobile: bottom; --v-alignment: flex-end; --v-alignment-mobile: flex-end;
3494  "
3495  
3496>
3497  <div
3498    class="collection-banner__content-inner size-style layout-panel-flex layout-panel-flex--column mobile-column"
3499    style="--size-style-width: 100%;--flex-direction: column;--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;"
3500  >
3501    
3502<motion-component 
3503  class="spacing-style text-block color-text text-block--AeVFYU0NuN2E0bllWQ__collection_title_rQYaHa h1 rte  collection-title-block"
3504  style="--padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: calc(0.0rem * var(--padding-block-end-scale, 1));    --padding-block-end-mobile: 0.0rem;"
3505  
3506    data-motion="fade-up"
3507    data-motion-delay="50"
3508  
3509  
3510>
3511    <div>All Products
3512</div>
3513  </motion-component>
3514
3515
3516  </div>
3517</div>
3518
3519
3520    </div>
3521  </div>
3522</div>
3523
3524</div><section id="shopify-section-template--23235915612375__hero_banner_UMGgcV" class="shopify-section section"><div
3525  id="section-template--23235915612375__hero_banner_UMGgcV"
3526  class="hero-banner spacing-style"
3527  style="--padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: calc(0.0rem * var(--padding-block-end-scale, 1));    --padding-block-end-mobile: 0.0rem;"
3528>
3529  <div class="section__container inherit-color-scheme section-grid section-grid--full">
3530    <div
3531      class="section__wrapper section-grid border-style overflow-hidden color-scheme-inverse edge-gap--lg media--small hero-banner--content-inside"
3532      
3533    >
3534      <div
3535        class="hero-banner__media col-span-full row-span-full relative overflow-hidden z-0"
3536      >
3537        
3538<parallax-component
3539  class="hero-banner-media block w-full h-full overflow-hidden"
3540  
3541  
3542>
3543  
3544<motion-component
3545        data-motion="zoom-out"
3546        class="media block w-full h-full"
3547        style="--ratio: 3.0313390313390314;--ratio-mobile: 1.0;"
3548      ><picture class="media-wrapper block w-full h-full relative overflow-hidden"><source
3549            media="(max-width: 767px)"
3550            srcset="//livehighlevel.com/cdn/shop/files/MobileBG_copy.jpg?v=1783056105&width=400 400w, //livehighlevel.com/cdn/shop/files/MobileBG_copy.jpg?v=1783056105&width=600 600w, //livehighlevel.com/cdn/shop/files/MobileBG_copy.jpg?v=1783056105&width=800 800w, //livehighlevel.com/cdn/shop/files/MobileBG_copy.jpg?v=1783056105&width=1000 1000w"
3551            width="702"
3552            height="702"
3553          >
3554<img src="//livehighlevel.com/cdn/shop/files/CollectionBG_copy_b0d043c0-08fa-46d4-bd5e-757202bd3cfb.jpg?v=1783056077&amp;width=2128" alt="High Level Science" srcset="//livehighlevel.com/cdn/shop/files/CollectionBG_copy_b0d043c0-08fa-46d4-bd5e-757202bd3cfb.jpg?v=1783056077&amp;width=300 300w, //livehighlevel.com/cdn/shop/files/CollectionBG_copy_b0d043c0-08fa-46d4-bd5e-757202bd3cfb.jpg?v=1783056077&amp;width=400 400w, //livehighlevel.com/cdn/shop/files/CollectionBG_copy_b0d043c0-08fa-46d4-bd5e-757202bd3cfb.jpg?v=1783056077&amp;width=500 500w, //livehighlevel.com/cdn/shop/files/CollectionBG_copy_b0d043c0-08fa-46d4-bd5e-757202bd3cfb.jpg?v=1783056077&amp;width=600 600w, //livehighlevel.com/cdn/shop/files/CollectionBG_copy_b0d043c0-08fa-46d4-bd5e-757202bd3cfb.jpg?v=1783056077&amp;width=700 700w, //livehighlevel.com/cdn/shop/files/CollectionBG_copy_b0d043c0-08fa-46d4-bd5e-757202bd3cfb.jpg?v=1783056077&amp;width=800 800w, //livehighlevel.com/cdn/shop/files/CollectionBG_copy_b0d043c0-08fa-46d4-bd5e-757202bd3cfb.jpg?v=1783056077&amp;width=900 900w, //livehighlevel.com/cdn/shop/files/CollectionBG_copy_b0d043c0-08fa-46d4-bd5e-757202bd3cfb.jpg?v=1783056077&amp;width=1000 1000w, //livehighlevel.com/cdn/shop/files/CollectionBG_copy_b0d043c0-08fa-46d4-bd5e-757202bd3cfb.jpg?v=1783056077&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/CollectionBG_copy_b0d043c0-08fa-46d4-bd5e-757202bd3cfb.jpg?v=1783056077&amp;width=1400 1400w, //livehighlevel.com/cdn/shop/files/CollectionBG_copy_b0d043c0-08fa-46d4-bd5e-757202bd3cfb.jpg?v=1783056077&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/CollectionBG_copy_b0d043c0-08fa-46d4-bd5e-757202bd3cfb.jpg?v=1783056077&amp;width=1800 1800w, //livehighlevel.com/cdn/shop/files/CollectionBG_copy_b0d043c0-08fa-46d4-bd5e-757202bd3cfb.jpg?v=1783056077&amp;width=2000 2000w" width="2128" height="702" loading="eager" fetchpriority="low" sizes="100vw"></picture></motion-component>
3555</parallax-component>
3556
3557
3558      </div>
3559      <div class="hero-banner__body flex flex-col col-span-full row-span-full">
3560        <div class="hero-banner__wrapper section-grid flex-1">
3561          
3562
3563<div
3564  class="hero-banner__content flex-1 edge-gap relative row-span-full col-span-full content-overlay-style"
3565  style="
3566--h-alignment: flex-start; --h-alignment-mobile: middle; --v-alignment: center; --v-alignment-mobile: center;"
3567>
3568  <div
3569    class="hero-banner__inner spacing-style border-style size-style layout-panel-flex layout-panel-flex--column mobile-column color-scheme-1 !bg-none"
3570    style="--padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: calc(0.0rem * var(--padding-block-end-scale, 1));    --padding-block-end-mobile: 0.0rem;--padding-inline-start: calc(0.0rem * var(--padding-inline-start-scale, 1));    --padding-inline-start-mobile: 0.0rem;--padding-inline-end: calc(0.0rem * var(--padding-inline-end-scale, 1));    --padding-inline-end-mobile: 0.0rem;--border-width: 1px;--border-style: none;--border-color: rgb(var(--color-border) / 1.0);--border-radius: 0px;--size-style-width: fit-content;--flex-direction: column;--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;"
3571    
3572    
3573  >
3574    
3575<motion-component 
3576  class="spacing-style text-block color-text text-block--AV21UZEpKYnNzQkw4O__text_87ymwF custom custom-typography  custom-font-size  rte"
3577  style="--width: fit-content;  --width-mobile: fit-content;      --font-size: clamp(5.0rem, calc(3.899vw + 2.01rem), 7.0rem);    --font-size-mobile: 5.0rem;--font-family: var(--font-heading--family);--font-weight: var(--font-heading--weight);--line-height: var(--line-height--display-loose);  --padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: clamp(2.4rem, calc(1.163vw + 1.508rem), 3.2rem);    --padding-block-end-mobile: 2.4rem;--padding-inline-start: clamp(1.2rem, calc(0.581vw + 0.754rem), 1.6rem);    --padding-inline-start-mobile: 1.2rem;--padding-inline-end: calc(0.0rem * var(--padding-inline-end-scale, 1));    --padding-inline-end-mobile: 0.0rem;"
3578  
3579    data-motion="fade-up"
3580    data-motion-delay="100"
3581  
3582  
3583>
3584    <p>Start Living<br/>High Level</p>
3585
3586  </motion-component>
3587
3588
3589<motion-component 
3590  class="spacing-style text-block color-text text-block--AT3BWekJ2MmRHd21mb__text_Ve4yUg text-subheading rte"
3591  style="--width: fit-content;  --width-mobile: fit-content;        --padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: clamp(1.6rem, calc(0.581vw + 1.154rem), 2.0rem);    --padding-block-end-mobile: 1.6rem;--padding-inline-start: clamp(1.28rem, calc(0.465vw + 0.923rem), 1.6rem);    --padding-inline-start-mobile: 1.28rem;--padding-inline-end: calc(0.0rem * var(--padding-inline-end-scale, 1));    --padding-inline-end-mobile: 0.0rem;"
3592  
3593    data-motion="fade-up"
3594    data-motion-delay="50"
3595  
3596  
3597>
3598    <p>With Cardiologist crafted wellness<br/>from dr. David rizik + Ashley Parker angel</p>
3599
3600  </motion-component>
3601
3602
3603  </div>
3604</div>
3605
3606
3607
3608        </div>
3609        
3610      </div>
3611    </div>
3612  </div>
3613</div>
3614
3615
3616</section><div id="shopify-section-template--23235915612375__custom_section_Fhc8QT" class="shopify-section"><div
3617  class="section custom-section page-width--full border-style color-scheme-7"
3618  style="--border-width: 1px;--border-style: none;--border-color: rgb(var(--color-border) / 1.0);--border-radius: 0px;"
3619>
3620  <div
3621    class="custom-section__content spacing-style gap-style layout-panel-flex layout-panel-flex--column  grid-column-gap--12 grid-row-gap--12"
3622    style="--flex-direction: column;--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;
3622--vertical-alignment: center;--vertical-alignment-mobile: center;--padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));  --padding-block-start-mobile: 0.0rem;--padding-block-end: calc(0.0rem * var(--padding-block-end-scale, 1));  --padding-block-end-mobile: 0.0rem;--padding-inline-start: calc(0.0rem * var(--padding-inline-start-scale, 1));  --padding-inline-start-mobile: 0.0rem;--padding-inline-end: calc(0.0rem * var(--padding-inline-end-scale, 1));  --padding-inline-end-mobile: 0.0rem;--f-column-gap-max: 1.2rem; --f-column-gap: calc(1.2rem * var(--f-column-gap-scale, 1));  --f-column-gap-mobile: 1.2rem; --f-row-gap: calc(1.2rem * var(--f-row-gap-scale, 1));  --f-row-gap-mobile: 1.2rem;"
3623  >
3624    
3625
3626
3627
3628
3629<marquee-component
3630  class="marquee relative w-full border-style overflow-hidden spacing-style color-scheme-14"
3631  
3632    on:pointerenter="/onPause"
3633    on:pointerleave="/onPlay"
3634  
3635  data-direction="forward"
3636  data-duration="20.0"
3637  data-parallax="false"
3638  style="--f-column-gap-max: 4.0rem;  --f-column-gap: clamp(3.0rem, calc(1.949vw + 1.505rem), 4.0rem);    --f-column-gap-mobile: 3.0rem;  --f-row-gap: calc(0.0rem * var(--f-row-gap-scale, 1));    --f-row-gap-mobile: 0.0rem;--border-style: none;--border-radius: 0px;--padding-block-start: calc(1.6rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 1.6rem;--padding-block-end: calc(1.6rem * var(--padding-block-end-scale, 1));    --padding-block-end-mobile: 1.6rem;--angle: 0deg;
3639  --angle-raw: 0deg;
3640  
3641"
3642  
3643>
3644  <div class="marquee__inner flex items-center" ref="inner">
3645    <div class="marquee__items flex items-center">
3646      
3647  
3648
3649
3650
3651
3652<div 
3653  class="icon-with-text flex items-center gap-style" 
3654  style="--f-column-gap-max: 1.2rem;  --f-column-gap: calc(1.2rem * var(--f-column-gap-scale, 1));    --f-column-gap-mobile: 1.2rem;  --f-row-gap: calc(0.0rem * var(--f-row-gap-scale, 1));    --f-row-gap-mobile: 0.0rem;"
3655  
3656>
3657  
3658  
3659
3660  
3661  
3662
3663
3664<div 
3665  class="spacing-style text-block color-text text-block--AT2szVlk0LzBkMlNhc__static-text-block h3 rte"
3666  style="--padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: calc(0.0rem * var(--padding-block-end-scale, 1));    --padding-block-end-mobile: 0.0rem;"
3667  
3668  
3669>
3670    <p>Heart + Brain</p>
3671
3672  </div>
3673
3674
3675
3676</div>
3677
3678
3679
3680<div class="button-block block"
3681    
3682    
3683      
3684    
3685><a
3686      
3687        
3688          href="/products/heart-body-mind-coq10-omega-3-vitamin-e"
3689        
3690      
3691      
3692      
3693      class="btn btn--primary btn--medium"
3694    >
3695          <span class="btn__text">Shop Heart + Brain</span>
3696        
3697
3698    </a></div>
3699
3700
3701
3702
3703
3704
3705<div 
3706  class="icon-with-text flex items-center gap-style" 
3707  style="--f-column-gap-max: 1.2rem;  --f-column-gap: calc(1.2rem * var(--f-column-gap-scale, 1));    --f-column-gap-mobile: 1.2rem;  --f-row-gap: calc(0.0rem * var(--f-row-gap-scale, 1));    --f-row-gap-mobile: 0.0rem;"
3708  
3709>
3710  
3711  
3712
3713  
3714  
3715
3716
3717<div 
3718  class="spacing-style text-block color-text text-block--ARmd6Wk9MZ3lRdk1PM__static-text-block h3 rte"
3719  style="--padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: calc(0.0rem * var(--padding-block-end-scale, 1));    --padding-block-end-mobile: 0.0rem;"
3720  
3721  
3722>
3723    <p>Women's Health</p>
3724
3725  </div>
3726
3727
3728
3729</div>
3730
3731
3732
3733<div class="button-block block"
3734    
3735    
3736      
3737    
3738><a
3739      
3740        
3741          href="/collections/high-level-woman-collection"
3742        
3743      
3744      
3745      
3746      class="btn btn--primary btn--medium"
3747    >
3748          <span class="btn__text">Shop Women's Health</span>
3749        
3750
3751    </a></div>
3752
3753
3754
3755
3756
3757
3758<div 
3759  class="icon-with-text flex items-center gap-style" 
3760  style="--f-column-gap-max: 1.2rem;  --f-column-gap: calc(1.2rem * var(--f-column-gap-scale, 1));    --f-column-gap-mobile: 1.2rem;  --f-row-gap: calc(0.0rem * var(--f-row-gap-scale, 1));    --f-row-gap-mobile: 0.0rem;"
3761  
3762>
3763  
3764  
3765
3766  
3767  
3768
3769
3770<div 
3771  class="spacing-style text-block color-text text-block--ARExMTHk0eXVTLzdwY__static-text-block h3 rte"
3772  style="--padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: calc(0.0rem * var(--padding-block-end-scale, 1));    --padding-block-end-mobile: 0.0rem;"
3773  
3774  
3775>
3776    <p>Men's Performance</p>
3777
3778  </div>
3779
3780
3781
3782</div>
3783
3784
3785
3786<div class="button-block block"
3787    
3788    
3789      
3790    
3791><a
3792      
3793        
3794          href="/products/high-level-man-12-in-1-testosterone-formula"
3795        
3796      
3797      
3798      
3799      class="btn btn--primary btn--medium"
3800    >
3801          <span class="btn__text">Shop Men's Performance</span>
3802        
3803
3804    </a></div>
3805
3806
3807
3808
3809
3810
3811<div 
3812  class="icon-with-text flex items-center gap-style" 
3813  style="--f-column-gap-max: 1.2rem;  --f-column-gap: calc(1.2rem * var(--f-column-gap-scale, 1));    --f-column-gap-mobile: 1.2rem;  --f-row-gap: calc(0.0rem * var(--f-row-gap-scale, 1));    --f-row-gap-mobile: 0.0rem;"
3814  
3815>
3816  
3817  
3818
3819  
3820  
3821
3822
3823<div 
3824  class="spacing-style text-block color-text text-block--AMDlXcFFrNmRsbkZ6Q__static-text-block h3 rte"
3825  style="--padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: calc(0.0rem * var(--padding-block-end-scale, 1));    --padding-block-end-mobile: 0.0rem;"
3826  
3827  
3828>
3829    <p>Apparel</p>
3830
3831  </div>
3832
3833
3834
3835</div>
3836
3837
3838
3839<div class="button-block block"
3840    
3841    
3842      
3843    
3844><a
3845      
3846        
3847          href="/collections/hls-x-staple-collection"
3848        
3849      
3850      
3851      
3852      class="btn btn--primary btn--medium"
3853    >
3854          <span class="btn__text">Shop Apparel</span>
3855        
3856
3857    </a></div>
3858
3859
3860
3861    </div>
3862  </div>
3863</marquee-component>
3864
3865
3866
3867
3868  </div>
3869</div>
3870
3871</div><div id="shopify-section-template--23235915612375__supplements_grid" class="shopify-section">
3872
3873
3874<div
3875  id="section-template--23235915612375__supplements_grid"
3876  class="section featured-collection featured-collection--grid border-style spacing-style color-scheme-7"
3877  style="--border-width: 1px;--border-style: none;--border-color: rgb(var(--color-border) / 1.0);--border-radius: 0px;  --padding-block-start: clamp(3.2rem, calc(3.488vw + 0.524rem), 5.6rem);    --padding-block-start-mobile: 3.2rem;--padding-block-end: clamp(2.0rem, calc(1.453vw + 0.885rem), 3.0rem);    --padding-block-end-mobile: 2.0rem;"
3878>
3879  <div
3880    class="section__container section-grid section-grid--fixed"
3881    style="--f-columns-xxl: 4;--f-columns-xl: 4;--f-columns-lg: 3;--f-columns-md: 3;--f-columns-mobile: 2;  --f-column-gap-max: 1.0rem;  --f-column-gap: clamp(0.8rem, calc(0.39vw + 0.501rem), 1.0rem);    --f-column-gap-mobile: 0.8rem;  --f-row-gap: clamp(0.8rem, calc(0.39vw + 0.501rem), 1.0rem);    --f-row-gap-mobile: 0.8rem;"
3882  >
3883    
3884<motion-component 
3885  class="spacing-style text-block color-text text-block--AOVZnS1N0ZW0xaWRRe__heading h2 rte"
3886  style="--width: fit-content;  --width-mobile: fit-content;        --padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: clamp(1.92rem, calc(1.86vw + 0.493rem), 3.2rem);    --padding-block-end-mobile: 1.92rem;--padding-inline-start: calc(0.0rem * var(--padding-inline-start-scale, 1));    --padding-inline-start-mobile: 0.0rem;--padding-inline-end: calc(0.0rem * var(--padding-inline-end-scale, 1));    --padding-inline-end-mobile: 0.0rem;"
3887  
3888    data-motion="fade-up"
3889    data-motion-delay="250"
3890  
3891  
3892>
3893    <h2>Supplements</h2>
3894
3895  </motion-component>
3896
3897
3898    
3899    
3900      <div class="featured-collection__wrapper ">
3901        <div class="featured-collection__inner layout-panel-grid gap-style ">
3902      
3903        
3904          
3905            <div class="f-column">
3906              
3907                
3908<product-card
3909  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
3910  
3911  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
3912>
3913  <a
3914    
3915      href="/products/heart-body-mind-coq10-omega-3-vitamin-e?variant=46100440776919"
3916    
3917    class="product-card__link focus-visible--inset absolute inset-0"
3918    ref="productCardLink"
3919    aria-label="Heart + Body + Mind - CoQ10, Omega-3, Vitamin-E"
3920  ></a>
3921  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
3922    <div
3923      class="product-card__media media-hover--scale relative media-mask-clip"
3924      style="--ratio: 1.0;"
3925    >
3926      <a
3927        
3928          href="/products/heart-body-mind-coq10-omega-3-vitamin-e?variant=46100440776919"
3929        
3930        ref="cardGalleryLink"
3931        aria-label="Heart + Body + Mind - CoQ10, Omega-3, Vitamin-E"
3932        tabindex="-1"
3933      >
3934
3935
3936
3937
3938
3939
3940
3941
3942
3943
3944
3945
3946
3947<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-softgels-default-title-heart-body-mind-coq10-omega-3-vitamin-e-38439220904151.jpg?v=1788993515&amp;width=2048" alt="High Level Science Heart, Body, Mind softgels with CoQ10, Omega-3, and Vitamin E showing the softgel capsules in a container." srcset="//livehighlevel.com/cdn/shop/files/high-level-science-softgels-default-title-heart-body-mind-coq10-omega-3-vitamin-e-38439220904151.jpg?v=1788993515&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-softgels-default-title-heart-body-mind-coq10-omega-3-vitamin-e-38439220904151.jpg?v=1788993515&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-softgels-default-title-heart-body-mind-coq10-omega-3-vitamin-e-38439220904151.jpg?v=1788993515&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-softgels-default-title-heart-body-mind-coq10-omega-3-vitamin-e-38439220904151.jpg?v=1788993515&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-softgels-default-title-heart-body-mind-coq10-omega-3-vitamin-e-38439220904151.jpg?v=1788993515&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-softgels-default-title-heart-body-mind-coq10-omega-3-vitamin-e-38439220904151.jpg?v=1788993515&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-softgels-default-title-heart-body-mind-coq10-omega-3-vitamin-e-38439220904151.jpg?v=1788993515&amp;width=2048 2048w" width="2048" height="2048" loading="lazy" sizes="(min-width: 1440px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1200px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1024px) calc((min(100vw, 1472px) - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
3948
3949
3950</a>
3951          <product-badge data-product-id="8655658942679" class="product-card__badges">
3952            <div
3953  ref="badgesContainer"
3954  class="product-badges product-badges--vertical product-badges--empty"
3955>
3956
3957</div>
3958
3959          </product-badge>
3960        
3961<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
3962
3963<quick-add-component
3964  class="quick-add quick-add--combine color-scheme-5"
3965  ref="quickAdd"
3966  data-product-title="Heart + Body + Mind - CoQ10, Omega-3, Vitamin-E"
3967  data-product-url="/products/heart-body-mind-coq10-omega-3-vitamin-e"
3968  
3969    data-quick-add-button="add"
3970    data-product-options-count="1"
3971  
3972  data-quick-add-mode="combine"
3973>
3974  <product-form-component
3975    data-section-id="template--23235915612375__supplements_grid"
3976    data-product-id="8655658942679"
3977    on:submit="/handleSubmit"
3978    class="quick-add__product-form-component flex w-full"
3979  >
3980    <div
3981      class="visually-hidden"
3982      aria-live="assertive"
3983      role="status"
3984      aria-atomic="true"
3985      ref="liveRegion"
3986    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8655658942679-ARlFsL2xocENPZW1iW__static-product-card" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
3987        type="hidden"
3988        name="id"
3989        ref="variantId"
3990        value="46100440776919"
3991        
3992      >
3993      <input
3994        type="hidden"
3995        name="quantity"
3996        value="1"
3997      >
3998      
3999<add-to-cart-component class="block" ref="addToCartButtonContainer">
4000  <button
4001    id=""
4002    type="submit"
4003    name="add"
4004    ref="addToCartButton"
4005    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
4006    data-add-to-cart-text="Add to cart"
4007    data-sold-out-text="Sold out"
4008    data-unavailable-text="Unavailable"
4009    aria-label="Add to cart"
4010    
4011  >
4012    <span class="add-to-cart-text btn__text hidden md:flex">
4013      <span class="add-to-cart-text__content">Add to cart</span>
4014    </span>
4015    
4016      
4017<span
4018    class="icon icon--cart  md:hidden"
4019    
4020    
4021  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
4022  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
4023  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
4024  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
4025  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
4026</svg></span>
4027    
4028    
4029      <span class="add-to-cart-icon btn__icon hidden md:flex">
4030        <span class="btn__icon-text">Add to cart</span>
4031        <span class="btn__icon-icon">
4032<span
4033    class="icon icon--plus"
4034    
4035    
4036  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
4037  <path fill="none" d="M0 0H20V20H0V0z"/>
4038  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
4039  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
4040</svg></span></span>
4041      </span>
4042    
4043    <span
4044  class="loading-spinner add-to-cart-spinner hidden"
4045  
4046    ref="addToCartSpinner"
4047>
4048  <svg
4049    aria-hidden="true"
4050    focusable="false"
4051    class="spinner icon icon--medium"
4052    viewBox="0 0 66 66"
4053    xmlns="http://www.w3.org/2000/svg"
4054  >
4055    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
4056  </svg>
4057</span>
4058
4059  </button>
4060</add-to-cart-component>
4061
4062<input type="hidden" name="product-id" value="8655658942679" /><input type="hidden" name="section-id" value="template--23235915612375__supplements_grid" /></form></product-form-component>
4063</quick-add-component>
4064
4065</div></div>
4066    
4067    <div
4068      class="product-card__content flex items-end justify-between"
4069      style="--content-alignment: flex-start;"
4070    >
4071      <div class="product-card__content--wrapper flex flex-col text-left">
4072        <div class="product-card__metas"><a
4073        class="product-card__meta reversed-link"
4074        href="/collections/types?q=Softgels"
4075        aria-label="Type:Softgels"
4076      >
4077        <span class="reversed-link__text">Softgels</span>
4078      </a></div>
4079<a
4080            class="product-card__title text-wrap reversed-link"
4081            href="
4082/products/heart-body-mind-coq10-omega-3-vitamin-e?variant=46100440776919"
4083            ref="productTitleLink"
4084            aria-label="Heart + Body + Mind - CoQ10, Omega-3, Vitamin-E"
4085          >
4086            <span class="reversed-link__text">Heart + Body + Mind - CoQ10, Omega-3, Vitamin-E</span>
4087          </a><product-price class="product-card__price">
4088          <div
4089  
4090    ref="priceContainer"
4091  
4092  data-quantity-breaks="false"
4093  class="
4094    price-container 
4095"
4096>
4097  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
4098      <span class="price">$59.99</span></div>
4099
4100  <div class="price__sale">
4101    <span class="visually-hidden">Sale price&nbsp;</span>
4102    <span class="price price--sale">$59.99</span>
4103      <span class="visually-hidden">Regular price&nbsp;</span>
4104      <span class="compare-at-price">$59.99</span></div></div>
4105
4106        </product-price>
4107          
4108
4109      </div>
4110      
4111        <div class="product-card__quick-add !bg-none color-scheme-5">
4112          
4113
4114<quick-add-component
4115  class="quick-add quick-add--combine"
4116  ref="quickAdd"
4117  data-product-title="Heart + Body + Mind - CoQ10, Omega-3, Vitamin-E"
4118  data-product-url="/products/heart-body-mind-coq10-omega-3-vitamin-e"
4119  
4120    data-quick-add-button="add"
4121    data-product-options-count="1"
4122  
4123  data-quick-add-mode="combine"
4124>
4125  <product-form-component
4126    data-section-id="template--23235915612375__supplements_grid"
4127    data-product-id="8655658942679"
4128    on:submit="/handleSubmit"
4129    class="quick-add__product-form-component flex w-full"
4130  >
4131    <div
4132      class="visually-hidden"
4133      aria-live="assertive"
4134      role="status"
4135      aria-atomic="true"
4136      ref="liveRegion"
4137    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8655658942679-ARlFsL2xocENPZW1iW__static-product-card" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
4138        type="hidden"
4139        name="id"
4140        ref="variantId"
4141        value="46100440776919"
4142        
4143      >
4144      <input
4145        type="hidden"
4146        name="quantity"
4147        value="1"
4148      >
4149      
4150<add-to-cart-component class="block" ref="addToCartButtonContainer">
4151  <button
4152    id=""
4153    type="submit"
4154    name="add"
4155    ref="addToCartButton"
4156    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
4157    data-add-to-cart-text="Add to cart"
4158    data-sold-out-text="Sold out"
4159    data-unavailable-text="Unavailable"
4160    aria-label="Add to cart"
4161    
4162  >
4163    <span class="add-to-cart-text btn__text hidden">
4164      <span class="add-to-cart-text__content">Add to cart</span>
4165    </span>
4166    
4167      
4168<span
4169    class="icon icon--cart "
4170    
4171    
4172  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
4173  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
4174  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
4175  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
4176  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
4177</svg></span>
4178    
4179    
4180    <span
4181  class="loading-spinner add-to-cart-spinner hidden"
4182  
4183    ref="addToCartSpinner"
4184>
4185  <svg
4186    aria-hidden="true"
4187    focusable="false"
4188    class="spinner icon icon--medium"
4189    viewBox="0 0 66 66"
4190    xmlns="http://www.w3.org/2000/svg"
4191  >
4192    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
4193  </svg>
4194</span>
4195
4196  </button>
4197</add-to-cart-component>
4198
4199<input type="hidden" name="product-id" value="8655658942679" /><input type="hidden" name="section-id" value="template--23235915612375__supplements_grid" /></form></product-form-component>
4200</quick-add-component>
4201
4202        </div>
4203      
4204    </div>
4205  </div>
4206</product-card>
4207
4208
4209
4210              
4211            </div>
4212          
4213            <div class="f-column">
4214              
4215                
4216<product-card
4217  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
4218  
4219  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
4220>
4221  <a
4222    
4223      href="/products/high-level-man-12-in-1-testosterone-formula?variant=47031637803223"
4224    
4225    class="product-card__link focus-visible--inset absolute inset-0"
4226    ref="productCardLink"
4227    aria-label="High Level Man - 12-in-1 Testosterone Formula"
4228  ></a>
4229  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
4230    <div
4231      class="product-card__media media-hover--scale relative media-mask-clip"
4232      style="--ratio: 1.0;"
4233    >
4234      <a
4235        
4236          href="/products/high-level-man-12-in-1-testosterone-formula?variant=47031637803223"
4237        
4238        ref="cardGalleryLink"
4239        aria-label="High Level Man - 12-in-1 Testosterone Formula"
4240        tabindex="-1"
4241      >
4242
4243
4244
4245
4246
4247
4248
4249
4250
4251
4252
4253
4254
4255<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-man-12-in-1-testosterone-formula-38439220936919.png?v=1788993596&amp;width=2048" alt="High Level Science High Level Man 12-in-1 Testosterone Formula capsules, dietary supplement for men’s health and vitality" srcset="//livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-man-12-in-1-testosterone-formula-38439220936919.png?v=1788993596&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-man-12-in-1-testosterone-formula-38439220936919.png?v=1788993596&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-man-12-in-1-testosterone-formula-38439220936919.png?v=1788993596&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-man-12-in-1-testosterone-formula-38439220936919.png?v=1788993596&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-man-12-in-1-testosterone-formula-38439220936919.png?v=1788993596&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-man-12-in-1-testosterone-formula-38439220936919.png?v=1788993596&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-man-12-in-1-testosterone-formula-38439220936919.png?v=1788993596&amp;width=2048 2048w" width="2048" height="2048" loading="lazy" sizes="(min-width: 1440px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1200px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1024px) calc((min(100vw, 1472px) - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
4256
4257
4258</a>
4259          <product-badge data-product-id="8999154286807" class="product-card__badges">
4260            <div
4261  ref="badgesContainer"
4262  class="product-badges product-badges--vertical product-badges--empty"
4263>
4264
4265</div>
4266
4267          </product-badge>
4268        
4269<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
4270
4271<quick-add-component
4272  class="quick-add quick-add--combine color-scheme-5"
4273  ref="quickAdd"
4274  data-product-title="High Level Man - 12-in-1 Testosterone Formula"
4275  data-product-url="/products/high-level-man-12-in-1-testosterone-formula"
4276  
4277    data-quick-add-button="add"
4278    data-product-options-count="1"
4279  
4280  data-quick-add-mode="combine"
4281>
4282  <product-form-component
4283    data-section-id="template--23235915612375__supplements_grid"
4284    data-product-id="8999154286807"
4285    on:submit="/handleSubmit"
4286    class="quick-add__product-form-component flex w-full"
4287  >
4288    <div
4289      class="visually-hidden"
4290      aria-live="assertive"
4291      role="status"
4292      aria-atomic="true"
4293      ref="liveRegion"
4294    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8999154286807-ARlFsL2xocENPZW1iW__static-product-card-1" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
4295        type="hidden"
4296        name="id"
4297        ref="variantId"
4298        value="47031637803223"
4299        
4300      >
4301      <input
4302        type="hidden"
4303        name="quantity"
4304        value="1"
4305      >
4306      
4307<add-to-cart-component class="block" ref="addToCartButtonContainer">
4308  <button
4309    id=""
4310    type="submit"
4311    name="add"
4312    ref="addToCartButton"
4313    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
4314    data-add-to-cart-text="Add to cart"
4315    data-sold-out-text="Sold out"
4316    data-unavailable-text="Unavailable"
4317    aria-label="Add to cart"
4318    
4319  >
4320    <span class="add-to-cart-text btn__text hidden md:flex">
4321      <span class="add-to-cart-text__content">Add to cart</span>
4322    </span>
4323    
4324      
4325<span
4326    class="icon icon--cart  md:hidden"
4327    
4328    
4329  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
4330  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
4331  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
4332  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
4333  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
4334</svg></span>
4335    
4336    
4337      <span class="add-to-cart-icon btn__icon hidden md:flex">
4338        <span class="btn__icon-text">Add to cart</span>
4339        <span class="btn__icon-icon">
4340<span
4341    class="icon icon--plus"
4342    
4343    
4344  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
4345  <path fill="none" d="M0 0H20V20H0V0z"/>
4346  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
4347  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
4348</svg></span></span>
4349      </span>
4350    
4351    <span
4352  class="loading-spinner add-to-cart-spinner hidden"
4353  
4354    ref="addToCartSpinner"
4355>
4356  <svg
4357    aria-hidden="true"
4358    focusable="false"
4359    class="spinner icon icon--medium"
4360    viewBox="0 0 66 66"
4361    xmlns="http://www.w3.org/2000/svg"
4362  >
4363    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
4364  </svg>
4365</span>
4366
4367  </button>
4368</add-to-cart-component>
4369
4370<input type="hidden" name="product-id" value="8999154286807" /><input type="hidden" name="section-id" value="template--23235915612375__supplements_grid" /></form></product-form-component>
4371</quick-add-component>
4372
4373</div></div>
4374    
4375    <div
4376      class="product-card__content flex items-end justify-between"
4377      style="--content-alignment: flex-start;"
4378    >
4379      <div class="product-card__content--wrapper flex flex-col text-left">
4380        <div class="product-card__metas"><a
4381        class="product-card__meta reversed-link"
4382        href="/collections/types?q=Capsules"
4383        aria-label="Type:Capsules"
4384      >
4385        <span class="reversed-link__text">Capsules</span>
4386      </a></div>
4387<a
4388            class="product-card__title text-wrap reversed-link"
4389            href="
4390/products/high-level-man-12-in-1-testosterone-formula?variant=47031637803223"
4391            ref="productTitleLink"
4392            aria-label="High Level Man - 12-in-1 Testosterone Formula"
4393          >
4394            <span class="reversed-link__text">High Level Man - 12-in-1 Testosterone Formula</span>
4395          </a><product-price class="product-card__price">
4396          <div
4397  
4398    ref="priceContainer"
4399  
4400  data-quantity-breaks="false"
4401  class="
4402    price-container 
4403"
4404>
4405  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
4406      <span class="price">$59.99</span></div>
4407
4408  <div class="price__sale">
4409    <span class="visually-hidden">Sale price&nbsp;</span>
4410    <span class="price price--sale">$59.99</span>
4411      <span class="visually-hidden">Regular price&nbsp;</span>
4412      <span class="compare-at-price">$59.99</span></div></div>
4413
4414        </product-price>
4415          
4416
4417      </div>
4418      
4419        <div class="product-card__quick-add !bg-none color-scheme-5">
4420          
4421
4422<quick-add-component
4423  class="quick-add quick-add--combine"
4424  ref="quickAdd"
4425  data-product-title="High Level Man - 12-in-1 Testosterone Formula"
4426  data-product-url="/products/high-level-man-12-in-1-testosterone-formula"
4427  
4428    data-quick-add-button="add"
4429    data-product-options-count="1"
4430  
4431  data-quick-add-mode="combine"
4432>
4433  <product-form-component
4434    data-section-id="template--23235915612375__supplements_grid"
4435    data-product-id="8999154286807"
4436    on:submit="/handleSubmit"
4437    class="quick-add__product-form-component flex w-full"
4438  >
4439    <div
4440      class="visually-hidden"
4441      aria-live="assertive"
4442      role="status"
4443      aria-atomic="true"
4444      ref="liveRegion"
4445    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8999154286807-ARlFsL2xocENPZW1iW__static-product-card-1" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
4446        type="hidden"
4447        name="id"
4448        ref="variantId"
4449        value="47031637803223"
4450        
4451      >
4452      <input
4453        type="hidden"
4454        name="quantity"
4455        value="1"
4456      >
4457      
4458<add-to-cart-component class="block" ref="addToCartButtonContainer">
4459  <button
4460    id=""
4461    type="submit"
4462    name="add"
4463    ref="addToCartButton"
4464    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
4465    data-add-to-cart-text="Add to cart"
4466    data-sold-out-text="Sold out"
4467    data-unavailable-text="Unavailable"
4468    aria-label="Add to cart"
4469    
4470  >
4471    <span class="add-to-cart-text btn__text hidden">
4472      <span class="add-to-cart-text__content">Add to cart</span>
4473    </span>
4474    
4475      
4476<span
4477    class="icon icon--cart "
4478    
4479    
4480  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
4481  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
4482  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
4483  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
4484  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
4485</svg></span>
4486    
4487    
4488    <span
4489  class="loading-spinner add-to-cart-spinner hidden"
4490  
4491    ref="addToCartSpinner"
4492>
4493  <svg
4494    aria-hidden="true"
4495    focusable="false"
4496    class="spinner icon icon--medium"
4497    viewBox="0 0 66 66"
4498    xmlns="http://www.w3.org/2000/svg"
4499  >
4500    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
4501  </svg>
4502</span>
4503
4504  </button>
4505</add-to-cart-component>
4506
4507<input type="hidden" name="product-id" value="8999154286807" /><input type="hidden" name="section-id" value="template--23235915612375__supplements_grid" /></form></product-form-component>
4508</quick-add-component>
4509
4510        </div>
4511      
4512    </div>
4513  </div>
4514</product-card>
4515
4516
4517
4518              
4519            </div>
4520          
4521            <div class="f-column">
4522              
4523                
4524<product-card
4525  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
4526  
4527  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
4528>
4529  <a
4530    
4531      href="/products/high-level-woman-hormone-vitality-formula?variant=48813900333271"
4532    
4533    class="product-card__link focus-visible--inset absolute inset-0"
4534    ref="productCardLink"
4535    aria-label="High Level Woman: Hormone + Vitality Formula"
4536  ></a>
4537  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
4538    <div
4539      class="product-card__media media-hover--scale relative media-mask-clip"
4540      style="--ratio: 1.0;"
4541    >
4542      <a
4543        
4544          href="/products/high-level-woman-hormone-vitality-formula?variant=48813900333271"
4545        
4546        ref="cardGalleryLink"
4547        aria-label="High Level Woman: Hormone + Vitality Formula"
4548        tabindex="-1"
4549      >
4550
4551
4552
4553
4554
4555
4556
4557
4558
4559
4560
4561
4562
4563<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-hormone-vitality-formula-38439220871383.jpg?v=1788993520&amp;width=2880" alt="High Level Woman Hormone and Vitality Formula capsules by High Level Science, health supplement for hormonal balance and energy." srcset="//livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-hormone-vitality-formula-38439220871383.jpg?v=1788993520&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-hormone-vitality-formula-38439220871383.jpg?v=1788993520&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-hormone-vitality-formula-38439220871383.jpg?v=1788993520&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-hormone-vitality-formula-38439220871383.jpg?v=1788993520&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-hormone-vitality-formula-38439220871383.jpg?v=1788993520&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-hormone-vitality-formula-38439220871383.jpg?v=1788993520&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-hormone-vitality-formula-38439220871383.jpg?v=1788993520&amp;width=2560 2560w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-hormone-vitality-formula-38439220871383.jpg?v=1788993520&amp;width=2880 2880w" width="2880" height="2880" loading="lazy" sizes="(min-width: 1440px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1200px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1024px) calc((min(100vw, 1472px) - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
4564
4565
4566</a>
4567          <product-badge data-product-id="9306909737175" class="product-card__badges">
4568            <div
4569  ref="badgesContainer"
4570  class="product-badges product-badges--vertical product-badges--empty"
4571>
4572
4573</div>
4574
4575          </product-badge>
4576        
4577<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
4578
4579<quick-add-component
4580  class="quick-add quick-add--combine color-scheme-5"
4581  ref="quickAdd"
4582  data-product-title="High Level Woman: Hormone + Vitality Formula"
4583  data-product-url="/products/high-level-woman-hormone-vitality-formula"
4584  
4585    data-quick-add-button="add"
4586    data-product-options-count="1"
4587  
4588  data-quick-add-mode="combine"
4589>
4590  <product-form-component
4591    data-section-id="template--23235915612375__supplements_grid"
4592    data-product-id="9306909737175"
4593    on:submit="/handleSubmit"
4594    class="quick-add__product-form-component flex w-full"
4595  >
4596    <div
4597      class="visually-hidden"
4598      aria-live="assertive"
4599      role="status"
4600      aria-atomic="true"
4601      ref="liveRegion"
4602    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9306909737175-ARlFsL2xocENPZW1iW__static-product-card-2" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
4603        type="hidden"
4604        name="id"
4605        ref="variantId"
4606        value="48813900333271"
4607        
4608      >
4609      <input
4610        type="hidden"
4611        name="quantity"
4612        value="1"
4613      >
4614      
4615<add-to-cart-component class="block" ref="addToCartButtonContainer">
4616  <button
4617    id=""
4618    type="submit"
4619    name="add"
4620    ref="addToCartButton"
4621    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
4622    data-add-to-cart-text="Add to cart"
4623    data-sold-out-text="Sold out"
4624    data-unavailable-text="Unavailable"
4625    aria-label="Add to cart"
4626    
4627  >
4628    <span class="add-to-cart-text btn__text hidden md:flex">
4629      <span class="add-to-cart-text__content">Add to cart</span>
4630    </span>
4631    
4632      
4633<span
4634    class="icon icon--cart  md:hidden"
4635    
4636    
4637  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
4638  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
4639  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
4640  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
4641  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
4642</svg></span>
4643    
4644    
4645      <span class="add-to-cart-icon btn__icon hidden md:flex">
4646        <span class="btn__icon-text">Add to cart</span>
4647        <span class="btn__icon-icon">
4648<span
4649    class="icon icon--plus"
4650    
4651    
4652  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
4653  <path fill="none" d="M0 0H20V20H0V0z"/>
4654  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
4655  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
4656</svg></span></span>
4657      </span>
4658    
4659    <span
4660  class="loading-spinner add-to-cart-spinner hidden"
4661  
4662    ref="addToCartSpinner"
4663>
4664  <svg
4665    aria-hidden="true"
4666    focusable="false"
4667    class="spinner icon icon--medium"
4668    viewBox="0 0 66 66"
4669    xmlns="http://www.w3.org/2000/svg"
4670  >
4671    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
4672  </svg>
4673</span>
4674
4675  </button>
4676</add-to-cart-component>
4677
4678<input type="hidden" name="product-id" value="9306909737175" /><input type="hidden" name="section-id" value="template--23235915612375__supplements_grid" /></form></product-form-component>
4679</quick-add-component>
4680
4681</div></div>
4682    
4683    <div
4684      class="product-card__content flex items-end justify-between"
4685      style="--content-alignment: flex-start;"
4686    >
4687      <div class="product-card__content--wrapper flex flex-col text-left">
4688        <div class="product-card__metas"><a
4689        class="product-card__meta reversed-link"
4690        href="/collections/types?q=Capsules"
4691        aria-label="Type:Capsules"
4692      >
4693        <span class="reversed-link__text">Capsules</span>
4694      </a></div>
4695<a
4696            class="product-card__title text-wrap reversed-link"
4697            href="
4698/products/high-level-woman-hormone-vitality-formula?variant=48813900333271"
4699            ref="productTitleLink"
4700            aria-label="High Level Woman: Hormone + Vitality Formula"
4701          >
4702            <span class="reversed-link__text">High Level Woman: Hormone + Vitality Formula</span>
4703          </a><product-price class="product-card__price">
4704          <div
4705  
4706    ref="priceContainer"
4707  
4708  data-quantity-breaks="false"
4709  class="
4710    price-container 
4711"
4712>
4713  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
4714      <span class="price">$59.99</span></div>
4715
4716  <div class="price__sale">
4717    <span class="visually-hidden">Sale price&nbsp;</span>
4718    <span class="price price--sale">$59.99</span>
4719      <span class="visually-hidden">Regular price&nbsp;</span>
4720      <span class="compare-at-price"></span></div></div>
4721
4722        </product-price>
4723          
4724
4725      </div>
4726      
4727        <div class="product-card__quick-add !bg-none color-scheme-5">
4728          
4729
4730<quick-add-component
4731  class="quick-add quick-add--combine"
4732  ref="quickAdd"
4733  data-product-title="High Level Woman: Hormone + Vitality Formula"
4734  data-product-url="/products/high-level-woman-hormone-vitality-formula"
4735  
4736    data-quick-add-button="add"
4737    data-product-options-count="1"
4738  
4739  data-quick-add-mode="combine"
4740>
4741  <product-form-component
4742    data-section-id="template--23235915612375__supplements_grid"
4743    data-product-id="9306909737175"
4744    on:submit="/handleSubmit"
4745    class="quick-add__product-form-component flex w-full"
4746  >
4747    <div
4748      class="visually-hidden"
4749      aria-live="assertive"
4750      role="status"
4751      aria-atomic="true"
4752      ref="liveRegion"
4753    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9306909737175-ARlFsL2xocENPZW1iW__static-product-card-2" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
4754        type="hidden"
4755        name="id"
4756        ref="variantId"
4757        value="48813900333271"
4758        
4759      >
4760      <input
4761        type="hidden"
4762        name="quantity"
4763        value="1"
4764      >
4765      
4766<add-to-cart-component class="block" ref="addToCartButtonContainer">
4767  <button
4768    id=""
4769    type="submit"
4770    name="add"
4771    ref="addToCartButton"
4772    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
4773    data-add-to-cart-text="Add to cart"
4774    data-sold-out-text="Sold out"
4775    data-unavailable-text="Unavailable"
4776    aria-label="Add to cart"
4777    
4778  >
4779    <span class="add-to-cart-text btn__text hidden">
4780      <span class="add-to-cart-text__content">Add to cart</span>
4781    </span>
4782    
4783      
4784<span
4785    class="icon icon--cart "
4786    
4787    
4788  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
4789  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
4790  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
4791  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
4792  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
4793</svg></span>
4794    
4795    
4796    <span
4797  class="loading-spinner add-to-cart-spinner hidden"
4798  
4799    ref="addToCartSpinner"
4800>
4801  <svg
4802    aria-hidden="true"
4803    focusable="false"
4804    class="spinner icon icon--medium"
4805    viewBox="0 0 66 66"
4806    xmlns="http://www.w3.org/2000/svg"
4807  >
4808    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
4809  </svg>
4810</span>
4811
4812  </button>
4813</add-to-cart-component>
4814
4815<input type="hidden" name="product-id" value="9306909737175" /><input type="hidden" name="section-id" value="template--23235915612375__supplements_grid" /></form></product-form-component>
4816</quick-add-component>
4817
4818        </div>
4819      
4820    </div>
4821  </div>
4822</product-card>
4823
4824
4825
4826              
4827            </div>
4828          
4829            <div class="f-column">
4830              
4831                
4832<product-card
4833  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
4834  
4835  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
4836>
4837  <a
4838    
4839      href="/products/high-level-woman-4-in-1-urinary-tract-formula?variant=46154610344151"
4840    
4841    class="product-card__link focus-visible--inset absolute inset-0"
4842    ref="productCardLink"
4843    aria-label="High Level Woman - 4-in-1 Urinary Tract Formula"
4844  ></a>
4845  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
4846    <div
4847      class="product-card__media media-hover--scale relative media-mask-clip"
4848      style="--ratio: 1.0;"
4849    >
4850      <a
4851        
4852          href="/products/high-level-woman-4-in-1-urinary-tract-formula?variant=46154610344151"
4853        
4854        ref="cardGalleryLink"
4855        aria-label="High Level Woman - 4-in-1 Urinary Tract Formula"
4856        tabindex="-1"
4857      >
4858
4859
4860
4861
4862
4863
4864
4865
4866
4867
4868
4869
4870
4871<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-4-in-1-urinary-tract-formula-38439220838615.jpg?v=1788993519&amp;width=2048" alt="High Level Woman 4-in-1 Urinary Tract Formula capsules by High Level Science, featuring dietary supplement capsules for urinary health." srcset="//livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-4-in-1-urinary-tract-formula-38439220838615.jpg?v=1788993519&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-4-in-1-urinary-tract-formula-38439220838615.jpg?v=1788993519&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-4-in-1-urinary-tract-formula-38439220838615.jpg?v=1788993519&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-4-in-1-urinary-tract-formula-38439220838615.jpg?v=1788993519&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-4-in-1-urinary-tract-formula-38439220838615.jpg?v=1788993519&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-4-in-1-urinary-tract-formula-38439220838615.jpg?v=1788993519&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-4-in-1-urinary-tract-formula-38439220838615.jpg?v=1788993519&amp;width=2048 2048w" width="2048" height="2048" loading="lazy" sizes="(min-width: 1440px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1200px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1024px) calc((min(100vw, 1472px) - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
4872
4873
4874</a>
4875          <product-badge data-product-id="8629354561751" class="product-card__badges">
4876            <div
4877  ref="badgesContainer"
4878  class="product-badges product-badges--vertical product-badges--empty"
4879>
4880
4881</div>
4882
4883          </product-badge>
4884        
4885<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
4886
4887<quick-add-component
4888  class="quick-add quick-add--combine color-scheme-5"
4889  ref="quickAdd"
4890  data-product-title="High Level Woman - 4-in-1 Urinary Tract Formula"
4891  data-product-url="/products/high-level-woman-4-in-1-urinary-tract-formula"
4892  
4893    data-quick-add-button="add"
4894    data-product-options-count="1"
4895  
4896  data-quick-add-mode="combine"
4897>
4898  <product-form-component
4899    data-section-id="template--23235915612375__supplements_grid"
4900    data-product-id="8629354561751"
4901    on:submit="/handleSubmit"
4902    class="quick-add__product-form-component flex w-full"
4903  >
4904    <div
4905      class="visually-hidden"
4906      aria-live="assertive"
4907      role="status"
4908      aria-atomic="true"
4909      ref="liveRegion"
4910    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8629354561751-ARlFsL2xocENPZW1iW__static-product-card-3" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
4911        type="hidden"
4912        name="id"
4913        ref="variantId"
4914        value="46154610344151"
4915        
4916      >
4917      <input
4918        type="hidden"
4919        name="quantity"
4920        value="1"
4921      >
4922      
4923<add-to-cart-component class="block" ref="addToCartButtonContainer">
4924  <button
4925    id=""
4926    type="submit"
4927    name="add"
4928    ref="addToCartButton"
4929    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
4930    data-add-to-cart-text="Add to cart"
4931    data-sold-out-text="Sold out"
4932    data-unavailable-text="Unavailable"
4933    aria-label="Add to cart"
4934    
4935  >
4936    <span class="add-to-cart-text btn__text hidden md:flex">
4937      <span class="add-to-cart-text__content">Add to cart</span>
4938    </span>
4939    
4940      
4941<span
4942    class="icon icon--cart  md:hidden"
4943    
4944    
4945  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
4946  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
4947  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
4948  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
4949  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
4950</svg></span>
4951    
4952    
4953      <span class="add-to-cart-icon btn__icon hidden md:flex">
4954        <span class="btn__icon-text">Add to cart</span>
4955        <span class="btn__icon-icon">
4956<span
4957    class="icon icon--plus"
4958    
4959    
4960  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
4961  <path fill="none" d="M0 0H20V20H0V0z"/>
4962  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
4963  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
4964</svg></span></span>
4965      </span>
4966    
4967    <span
4968  class="loading-spinner add-to-cart-spinner hidden"
4969  
4970    ref="addToCartSpinner"
4971>
4972  <svg
4973    aria-hidden="true"
4974    focusable="false"
4975    class="spinner icon icon--medium"
4976    viewBox="0 0 66 66"
4977    xmlns="http://www.w3.org/2000/svg"
4978  >
4979    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
4980  </svg>
4981</span>
4982
4983  </button>
4984</add-to-cart-component>
4985
4986<input type="hidden" name="product-id" value="8629354561751" /><input type="hidden" name="section-id" value="template--23235915612375__supplements_grid" /></form></product-form-component>
4987</quick-add-component>
4988
4989</div></div>
4990    
4991    <div
4992      class="product-card__content flex items-end justify-between"
4993      style="--content-alignment: flex-start;"
4994    >
4995      <div class="product-card__content--wrapper flex flex-col text-left">
4996        <div class="product-card__metas"><a
4997        class="product-card__meta reversed-link"
4998        href="/collections/types?q=Capsules"
4999        aria-label="Type:Capsules"
5000      >
5001        <span class="reversed-link__text">Capsules</span>
5002      </a></div>
5003<a
5004            class="product-card__title text-wrap reversed-link"
5005            href="
5006/products/high-level-woman-4-in-1-urinary-tract-formula?variant=46154610344151"
5007            ref="productTitleLink"
5008            aria-label="High Level Woman - 4-in-1 Urinary Tract Formula"
5009          >
5010            <span class="reversed-link__text">High Level Woman - 4-in-1 Urinary Tract Formula</span>
5011          </a><product-price class="product-card__price">
5012          <div
5013  
5014    ref="priceContainer"
5015  
5016  data-quantity-breaks="false"
5017  class="
5018    price-container 
5019"
5020>
5021  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
5022      <span class="price">$36.99</span></div>
5023
5024  <div class="price__sale">
5025    <span class="visually-hidden">Sale price&nbsp;</span>
5026    <span class="price price--sale">$36.99</span>
5027      <span class="visually-hidden">Regular price&nbsp;</span>
5028      <span class="compare-at-price">$36.99</span></div></div>
5029
5030        </product-price>
5031          
5032
5033      </div>
5034      
5035        <div class="product-card__quick-add !bg-none color-scheme-5">
5036          
5037
5038<quick-add-component
5039  class="quick-add quick-add--combine"
5040  ref="quickAdd"
5041  data-product-title="High Level Woman - 4-in-1 Urinary Tract Formula"
5042  data-product-url="/products/high-level-woman-4-in-1-urinary-tract-formula"
5043  
5044    data-quick-add-button="add"
5045    data-product-options-count="1"
5046  
5047  data-quick-add-mode="combine"
5048>
5049  <product-form-component
5050    data-section-id="template--23235915612375__supplements_grid"
5051    data-product-id="8629354561751"
5052    on:submit="/handleSubmit"
5053    class="quick-add__product-form-component flex w-full"
5054  >
5055    <div
5056      class="visually-hidden"
5057      aria-live="assertive"
5058      role="status"
5059      aria-atomic="true"
5060      ref="liveRegion"
5061    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8629354561751-ARlFsL2xocENPZW1iW__static-product-card-3" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
5062        type="hidden"
5063        name="id"
5064        ref="variantId"
5065        value="46154610344151"
5066        
5067      >
5068      <input
5069        type="hidden"
5070        name="quantity"
5071        value="1"
5072      >
5073      
5074<add-to-cart-component class="block" ref="addToCartButtonContainer">
5075  <button
5076    id=""
5077    type="submit"
5078    name="add"
5079    ref="addToCartButton"
5080    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
5081    data-add-to-cart-text="Add to cart"
5082    data-sold-out-text="Sold out"
5083    data-unavailable-text="Unavailable"
5084    aria-label="Add to cart"
5085    
5086  >
5087    <span class="add-to-cart-text btn__text hidden">
5088      <span class="add-to-cart-text__content">Add to cart</span>
5089    </span>
5090    
5091      
5092<span
5093    class="icon icon--cart "
5094    
5095    
5096  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
5097  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
5098  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
5099  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
5100  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
5101</svg></span>
5102    
5103    
5104    <span
5105  class="loading-spinner add-to-cart-spinner hidden"
5106  
5107    ref="addToCartSpinner"
5108>
5109  <svg
5110    aria-hidden="true"
5111    focusable="false"
5112    class="spinner icon icon--medium"
5113    viewBox="0 0 66 66"
5114    xmlns="http://www.w3.org/2000/svg"
5115  >
5116    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
5117  </svg>
5118</span>
5119
5120  </button>
5121</add-to-cart-component>
5122
5123<input type="hidden" name="product-id" value="8629354561751" /><input type="hidden" name="section-id" value="template--23235915612375__supplements_grid" /></form></product-form-component>
5124</quick-add-component>
5125
5126        </div>
5127      
5128    </div>
5129  </div>
5130</product-card>
5131
5132
5133
5134              
5135            </div>
5136          
5137        
5138      
5139    </div>
5140      </div>
5141    
5142  </div>
5143</div>
5144
5145</div><div id="shopify-section-template--23235915612375__main" class="shopify-section">
5145<script
5146  src="//livehighlevel.com/cdn/shop/t/26/assets/results-list.js?v=43055578926305627801789446022"
5147  type="module"
5148  fetchpriority="low"
5149></script>
5149
5150<results-list
5151  class="collection main-collection spacing-style section-grid section-grid--fixed color-scheme-1"
5152  pagination-type="number"
5153  show-filtering="true"
5154  preload="false"
5155  section-id="template--23235915612375__main"
5156  style="--padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: clamp(4.8rem, calc(7.558vw + -0.997rem), 10.0rem);    --padding-block-end-mobile: 4.8rem;"
5157>
5158  <div class="collection__wrapper">
5159    
5159<script
5160  src="//livehighlevel.com/cdn/shop/t/26/assets/facets.js?v=95772967867031000421789446022"
5161  type="module"
5162  fetchpriority="low"
5163></script>
5163<div class="facet-toolbar flex justify-between items-center">
5164  <div class="facet-toolbar__left flex-1 lg:flex-auto">
5165    <div class="flex gap-6 items-center justify-between lg:justify-start">
5166      
5167        <div class="toggle-filter-mobile lg:hidden no-js-hidden">
5168          <button
5169            class="btn btn--outline toggle-filter-btn paragraph"
5170            on:click="#filters-drawer/showDialog"
5171            aria-haspopup="dialog"
5172            aria-controls="filters-drawer-dialog"
5173          >
5174            
5175<span
5176    class="icon icon--funnel icon--large"
5177    
5178    
5179  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="none" d="M0 0h256v256H0z"/><path d="M34.1 61.38A8 8 0 0 1 40 48h176a8 8 0 0 1 5.92 13.38L152 136v58.65a8 8 0 0 1-3.56 6.66l-32 21.33A8 8 0 0 1 104 216v-80Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/></svg></span>
5180            <span class="btn__text">
5181              
5182                Filter &amp; sort
5183              
5184              
5185            </span>
5186          </button>
5187        </div>
5188        <div class="toggle-filter-desktop hidden lg:block no-js-hidden">
5189          
5190            <button
5191              class="btn btn--outline toggle-filter-btn"
5192              on:click="results-list/toggleFiltering"
5193            >
5194              
5195<span
5196    class="icon icon--funnel icon--large"
5197    
5198    
5199  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="none" d="M0 0h256v256H0z"/><path d="M34.1 61.38A8 8 0 0 1 40 48h176a8 8 0 0 1 5.92 13.38L152 136v58.65a8 8 0 0 1-3.56 6.66l-32 21.33A8 8 0 0 1 104 216v-80Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/></svg></span>
5200              <span class="btn__text">Filters</span>
5201            </button>
5202          
5203        </div>
5204      
5205
5206      <div class="products-count-wrapper text-right color-subtext">
5207        <span title="Product count">
5208          
5209            
521013 products
5211          
5212        </span>
5213      </div>
5214    </div>
5215  </div>
5216  <div class="facet-toolbar__right flex items-center gap-7 hidden lg:flex">
5217    
5218      
5219      <sorting-filter-component
5220  class="sorting-filter no-js-hidden"
5221  on:change="/updateFilterAndSorting"
5222  data-mode="select"
5223>
5224  
5225    <!-- Default mode: Select dropdown -->
5226    <div class="sorting-filter__container flex items-center gap-2">
5227      <label
5228        for="sort-select-template--23235915612375__main"
5229        class="facets__label hidden md:block"
5230      >Sort by</label>
5231      <div class="select">
5232        <select
5233          id="sort-select-template--23235915612375__main"
5234          name="sort_by"
5235          form="FacetFiltersForm--template--23235915612375__main-desktop"
5236          class="sorting-filter__select form-control"
5237        >
5238          
5239            <option
5240              value="manual"
5241              
5242                selected
5243              
5244            >
5245              Featured
5246            </option>
5247          
5248            <option
5249              value="most-relevant"
5250              
5251            >
5252              Most relevant
5253            </option>
5254          
5255            <option
5256              value="best-selling"
5257              
5258            >
5259              Best selling
5260            </option>
5261          
5262            <option
5263              value="title-ascending"
5264              
5265            >
5266              Alphabetically, A-Z
5267            </option>
5268          
5269            <option
5270              value="title-descending"
5271              
5272            >
5273              Alphabetically, Z-A
5274            </option>
5275          
5276            <option
5277              value="price-ascending"
5278              
5279            >
5280              Price, low to high
5281            </option>
5282          
5283            <option
5284              value="price-descending"
5285              
5286            >
5287              Price, high to low
5288            </option>
5289          
5290            <option
5291              value="created-ascending"
5292              
5293            >
5294              Date, old to new
5295            </option>
5296          
5297            <option
5298              value="created-descending"
5299              
5300            >
5301              Date, new to old
5302            </option>
5303          
5304        </select>
5305      </div>
5306    </div>
5307  
5308</sorting-filter-component>
5309
5310    
5311    
5312      <div class="column-options-wrapper hidden lg:block no-js-hidden">
5313  <fieldset class="column-options flex items-center gap-2">
5314    <legend class="column-options__legend visually-hidden">
5315      Column grid
5316    </legend>
5317    <span class="column-options__label">
5318      View as
5319    </span>
5320    <label class="column-options__option inline-block relative">
5321      <span class="column-picker column-picker--3 btn btn--outline btn--icon-only focu
5321s-within--absolute">
5322        <input
5323          type="radio"
5324          name="grid"
5325          value="default"
5326          class="column-options__option-input"
5327          checked
5328          aria-label="Default"
5329          data-grid-layout="desktop-default-option"
5330          on:change="results-list/updateLayout"
5331          data-skip-node-update
5332        >
5333        
5334<span
5335    class="icon icon--grid-default icon--extra-large pointer-events-none"
5336    
5337    
5338  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
5339  <path d="M9.75 4.5h-4.5a.75.75 0 0 0-.75.75v4.5c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75m9 0h-4.5a.75.75 0 0 0-.75.75v4.5c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75m-9 9h-4.5a.75.75 0 0 0-.75.75v4.5c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75m9 0h-4.5a.75.75 0 0 0-.75.75v4.5c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75" stroke="currentColor" stroke-width="var(--icon-stroke-width, 2)"/>
5340</svg>
5341
5342</span>
5343      </span>
5344    </label>
5345    <label class="column-options__option inline-block relative">
5346      <span class="column-picker column-picker--4 btn btn--outline btn--icon-only focu
5346s-within--absolute">
5347        <input
5348          type="radio"
5349          name="grid"
5350          value="zoom-out"
5351          class="column-options__option-input"
5352          aria-label="Zoom out"
5353          on:change="results-list/updateLayout"
5354          data-skip-node-update
5355        >
5356        
5357<span
5358    class="icon icon--grid-dense icon--extra-large pointer-events-none"
5359    
5360    
5361  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
5362    <path d="M5.625 6.75a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25m6.375 0a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25m6.375 0a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25m-12.75 6.375a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25m6.375 0a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25m6.375 0a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25M5.625 19.5a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25m6.375 0a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25m6.375 0a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25" fill="currentColor"/>
5363</svg>
5364</span>
5365      </span>
5366    </label>
5367  </fieldset>
5368</div>
5369
5370    
5371  </div>
5372</div>
5373
5374  <div class="facet-remove-buttons hidden lg:block">
5375    <div class="facets-remove flex flex-wrap items-center gap-2">
5376  
5377
5378
5379
5380
5381
5382  
5383</div>
5384
5385  </div>
5386
5387<div class="facet-filtering hidden lg:block no-js-hidden">
5388  <div
5389    class="facets sticky-element sticky-element--adapt"
5390    style="--sticky-element-top: 3rem;"
5391  >
5392    <facets-form-component
5393      class="facets__form-wrapper"
5394      section-id="template--23235915612375__main"
5395    >
5396      <form
5397        action="/collections/all-products"
5398        id="FacetFiltersForm--template--23235915612375__main-desktop"
5399        class="facets__form"
5400        ref="facetsForm"
5401      >
5402        
5403          
5404          
5405          
5406
5407              
5408                
5409
5410<accordion-component class="facets__inputs-accordion accordion accordion--standard accordion--arrow-plus">
5411  <details
5412    ref="item[]"
5413    class="accordion__details is-open"
5414    
5415      open
5416    
5417  >
5418    <summary
5419      ref="summary[]"
5420      class="accordion__summary flex facet__summary h6"
5421      on:click="/onSummaryClick"
5422      
5423        aria-expanded="true"
5424      
5425    >
5426      <span class="accordion__summary-text facet__label">Availability</span>
5427      
5428<span
5429    class="icon icon--plus flex accordion__summary-arrow"
5430    
5431    
5432  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
5433  <path fill="none" d="M0 0H20V20H0V0z"/>
5434  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
5435  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
5436</svg></span>
5437    </summary>
5438    <div ref="content[]" class="accordion__content">
5439      <div class="accordion__inner">
5440        <facet-inputs-component
5441          on:change="/updateFilters"
5442          id="facet-inputs-component-filter-v-availability"
5443        ><div
5444            class="facets__inputs-wrapper"
5445            ref="showMoreContent"
5446          >
5447            <ul
5448              id="filters-list-template--23235915612375__main-filter-v-availability"
5449              class="facets__inputs-list flex flex-col gap-3 list-unstyled"
5450              name="Availability"
5451            >
5452                <li
5453                  data-skip-node-update="true"
5454                  class="facets__inputs-list-item"
5455                  
5456                >
5457<div
5458  class="checkbox focus-within--inset reversed-link"
5459  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
5460>
5461  <label
5462    class="flex items-center gap-2 flex-1"
5463    for="Filter-filter-v-availability-1"
5464    
5465  >
5466    <input
5467      type="checkbox"
5468      name="filter.v.availability"
5469      value="1"
5470      id="Filter-filter-v-availability-1"
5471      class="checkbox__input form-control"
5472      data-label="In stock"
5473      
5474      
5475      
5476      
5477      
5478        ref="facetInputs[]"
5479      
5480      
5481    >
5482    <span class="checkbox__label flex-1">
5483      <span class="checkbox__label-text color-subtext reversed-link__text">In stock</span>
5484    </span>
5485    <span class="checkbox__count color-subtext">13</span>
5486  </label>
5487</div>
5488
5489</li>
5490                <li
5491                  data-skip-node-update="true"
5492                  class="facets__inputs-list-item"
5493                  
5494                >
5495<div
5496  class="checkbox focus-within--inset disabled"
5497  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
5498>
5499  <label
5500    class="flex items-center gap-2 flex-1"
5501    for="Filter-filter-v-availability-2"
5502    
5503  >
5504    <input
5505      type="checkbox"
5506      name="filter.v.availability"
5507      value="0"
5508      id="Filter-filter-v-availability-2"
5509      class="checkbox__input form-control"
5510      data-label="Out of stock"
5511      
5512      
5513        disabled
5514      
5515      
5516      
5517      
5518        ref="facetInputs[]"
5519      
5520      
5521    >
5522    <span class="checkbox__label flex-1">
5523      <span class="checkbox__label-text color-subtext reversed-link__text">Out of stock</span>
5524    </span>
5525    <span class="checkbox__count color-subtext">0</span>
5526  </label>
5527</div>
5528
5529</li></ul>
5530          </div></facet-inputs-component>
5531      </div>
5532    </div>
5533  </details>
5534</accordion-component>
5535
5536              
5537
5538              
5539<accordion-component class="accordion accordion--standard accordion--arrow-plus">
5540  <details
5541    ref="item[]"
5542    class="accordion__details is-open"
5543    
5544      open
5545    
5546  >
5547    <summary
5548      ref="summary[]"
5549      class="accordion__summary flex facet__summary h6"
5550      on:click="/onSummaryClick"
5551      
5552        aria-expanded="true"
5553      
5554    >
5555      <span class="accordion__summary-text facet__label">Price</span>
5556      
5557<span
5558    class="icon icon--plus flex accordion__summary-arrow"
5559    
5560    
5561  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
5562  <path fill="none" d="M0 0H20V20H0V0z"/>
5563  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
5564  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
5565</svg></span>
5566    </summary>
5567    <div ref="content[]" class="accordion__content">
5568      <div class="accordion__inner"><price-facet-component
5569          class="price-facet flex flex-col gap-5"
5570          id="facet-inputs-filter-v-price"
5571          on:change="/updatePriceFilterAndResults"
5572          data-intersect-threshold-percent="2"
5573          
5574        >
5575          <div class="price-facet__highest-price color-subtext">The highest price is $68.00
5576          </div>
5577          <div class="price-facet__range-wrapper">
5578            <div
5579              class="price-facet__range-inputs relative"
5580              style="--range-min: 0.0%; --range-max: 100.0%;"
5581            >
5582              <input
5583                type="range"
5584                class="price-facet__range-input price-facet__range-input--min pointer-events-none"
5585                min="0"
5586                max="6800"
5587                value="0"
5588                step="1"
5589                ref="rangeMin"
5590                aria-label="Minimum price"
5591              >
5592              <input
5593                type="range"
5594                class="price-facet__range-input price-facet__range-input--max pointer-events-none absolute inset-0"
5595                min="0"
5596                max="6800"
5597                value="6800"
5598                step="1"
5599                ref="rangeMax"
5600                aria-label="Maximum price"
5601              >
5602            </div>
5603          </div>
5604          <div class="price-facet__inputs-wrapper facets__inputs-wrapper facets__inputs-wrapper--row flex items-center gap-4">
5605            <div class="field price-facet__field flex items-center gap-2">
5606              <label
5607                class="field__label price-facet__label"
5608                for="Price-GTE"
5609              >
5610                $
5611              </label>
5612              <input
5613                class="field__input price-facet__input form-control w-full"
5614                name="filter.v.price.gte"
5615                id="Price-GTE"type="text"
5616                inputmode="decimal"
5617                placeholder="0"
5618                data-min="0"
5619                data-max="68.00"
5620                ref="minInput"
5621                autocomplete="off"
5622                
5623              >
5624            </div>
5625
5626            
5627
5628            <div class="field price-facet__field flex items-center gap-2">
5629              <label
5630                class="field__label price-facet__label"
5631                for="Price-LTE"
5632              >
5633                $
5634              </label>
5635              <input
5636                class="field__input price-facet__input form-control w-full"
5637                name="filter.v.price.lte"
5638                id="Price-LTE"type="text"
5639                inputmode="decimal"
5640                placeholder="68.00"
5641                data-min="0.00"
5642                data-max="68.00"
5643                ref="maxInput"
5644                autocomplete="off"
5645                
5646              >
5647            </div>
5648          </div>
5649        </price-facet-component>
5650      </div>
5651    </div>
5652  </details>
5653</accordion-component>
5654
5655
5656        
5657      </form>
5658    </facets-form-component>
5659  </div>
5660</div><dialog-component id="filters-drawer">
5661    <dialog
5662      id="filters-drawer-dialog"
5663      ref="dialog"
5664      class="dialog h-full dialog--drawer dialog--filters-drawer dialog--drawer-left overflow-hidden color-scheme-1"
5665      scroll-lock
5666    >
5667      
5668      <facets-form-component
5669        class="facets__form-wrapper flex flex-col h-full"
5670        section-id="template--23235915612375__main"
5671        id="FacetFiltersFormComponent--template--23235915612375__main-overflow"
5672      >
5673        <div class="filters-drawer__header flex flex-row items-center justify-between">
5674          <span class="h3">
5675            
5676              Filter &amp; sort
5677            
5678            
5679          </span>
5680          <button
5681            type="button"
5682            class="dialog__close shrink-0"
5683            on:click="dialog-component/closeDialog"
5684            aria-label="Close dialog"
5685          >
5686            
5687<span
5688    class="icon icon--close icon--large"
5689    
5690    
5691  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
5692  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
5693  <path x1="200" y1="56" x2="56" y2="200" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M15.625 4.375L4.375 15.625"/>
5694  <path x1="200" y1="200" x2="56" y2="56" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M15.625 15.625L4.375 4.375"/>
5695</svg>
5696</span>
5697          </button>
5698        </div>
5699
5700        <div class="filters-drawer__content flex flex-col flex-grow v-scrollable">
5701          <form
5702            action="/collections/all-products"
5703            id="FacetFiltersForm--template--23235915612375__main-overflow"
5704            class="facets__form relative flex flex-col h-full"
5705            ref="facetsForm"
5706          >
5707            <div class="filters-drawer__content-inner flex flex-col">
5708              <div class="">
5709                
5710                
5711                  
5712                  
5713                  <accordion-component class="accordion accordion--standard accordion--arrow-plus">
5714                    <details
5715                      ref="item[]"
5716                      class="accordion__details"
5717                      
5718                    >
5719                      <summary
5720                        ref="summary[]"
5721                        class="accordion__summary flex facet__summary h6"
5722                        on:click="/onSummaryClick"
5723                        
5724                      >
5725                        <span class="accordion__summary-text facet__label">Sort by</span>
5726                        
5727<span
5728    class="icon icon--plus flex accordion__summary-arrow"
5729    
5730    
5731  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
5732  <path fill="none" d="M0 0H20V20H0V0z"/>
5733  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
5734  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
5735</svg></span>
5736                      </summary>
5737                      <div ref="content[]" class="accordion__content">
5738                        <div class="accordion__inner">
5739                          <sorting-filter-component
5740  class="sorting-filter sorting-filter--drawer no-js-hidden"
5741  on:change="/updateFilterAndSorting"
5742  data-mode="drawer"
5743>
5744  
5745    <!-- Drawer mode: Radio buttons like checkboxes -->
5746    <div class="sorting-filter__drawer-container">
5747      <div class="sorting-filter__label facets__label visually-hidden">Sort by</div>
5748      <div class="sorting-filter__options">
5749        
5750          
5751          <div class="sorting-filter__option">
5752            <input
5753              type="radio"
5754              id="sort-radio-template--23235915612375__main-1"
5755              name="sort_by"
5756              value="manual"
5757              form="FacetFiltersForm--template--23235915612375__main-overflow"
5758              class="sorting-filter__radio visually-hidden"
5759              
5760                checked
5761              
5762              ref="sortingInputs[]"
5763            >
5764            <label
5765              for="sort-radio-template--23235915612375__main-1"
5766              class="sorting-filter__radio-label facets__checkbox-label"
5767              tabindex="0"
5768            >
5769              <span class="facets__checkbox-wrapper">
5770                <span class="facets__checkbox"></span>
5771              </span>
5772              <span class="facets__checkbox-text color-subtext">Featured</span>
5773            </label>
5774          </div>
5775        
5776          
5777          <div class="sorting-filter__option">
5778            <input
5779              type="radio"
5780              id="sort-radio-template--23235915612375__main-2"
5781              name="sort_by"
5782              value="most-relevant"
5783              form="FacetFiltersForm--template--23235915612375__main-overflow"
5784              class="sorting-filter__radio visually-hidden"
5785              
5786              ref="sortingInputs[]"
5787            >
5788            <label
5789              for="sort-radio-template--23235915612375__main-2"
5790              class="sorting-filter__radio-label facets__checkbox-label"
5791              tabindex="0"
5792            >
5793              <span class="facets__checkbox-wrapper">
5794                <span class="facets__checkbox"></span>
5795              </span>
5796              <span class="facets__checkbox-text color-subtext">Most relevant</span>
5797            </label>
5798          </div>
5799        
5800          
5801          <div class="sorting-filter__option">
5802            <input
5803              type="radio"
5804              id="sort-radio-template--23235915612375__main-3"
5805              name="sort_by"
5806              value="best-selling"
5807              form="FacetFiltersForm--template--23235915612375__main-overflow"
5808              class="sorting-filter__radio visually-hidden"
5809              
5810              ref="sortingInputs[]"
5811            >
5812            <label
5813              for="sort-radio-template--23235915612375__main-3"
5814              class="sorting-filter__radio-label facets__checkbox-label"
5815              tabindex="0"
5816            >
5817              <span class="facets__checkbox-wrapper">
5818                <span class="facets__checkbox"></span>
5819              </span>
5820              <span class="facets__checkbox-text color-subtext">Best selling</span>
5821            </label>
5822          </div>
5823        
5824          
5825          <div class="sorting-filter__option">
5826            <input
5827              type="radio"
5828              id="sort-radio-template--23235915612375__main-4"
5829              name="sort_by"
5830              value="title-ascending"
5831              form="FacetFiltersForm--template--23235915612375__main-overflow"
5832              class="sorting-filter__radio visually-hidden"
5833              
5834              ref="sortingInputs[]"
5835            >
5836            <label
5837              for="sort-radio-template--23235915612375__main-4"
5838              class="sorting-filter__radio-label facets__checkbox-label"
5839              tabindex="0"
5840            >
5841              <span class="facets__checkbox-wrapper">
5842                <span class="facets__checkbox"></span>
5843              </span>
5844              <span class="facets__checkbox-text color-subtext">Alphabetically, A-Z</span>
5845            </label>
5846          </div>
5847        
5848          
5849          <div class="sorting-filter__option">
5850            <input
5851              type="radio"
5852              id="sort-radio-template--23235915612375__main-5"
5853              name="sort_by"
5854              value="title-descending"
5855              form="FacetFiltersForm--template--23235915612375__main-overflow"
5856              class="sorting-filter__radio visually-hidden"
5857              
5858              ref="sortingInputs[]"
5859            >
5860            <label
5861              for="sort-radio-template--23235915612375__main-5"
5862              class="sorting-filter__radio-label facets__checkbox-label"
5863              tabindex="0"
5864            >
5865              <span class="facets__checkbox-wrapper">
5866                <span class="facets__checkbox"></span>
5867              </span>
5868              <span class="facets__checkbox-text color-subtext">Alphabetically, Z-A</span>
5869            </label>
5870          </div>
5871        
5872          
5873          <div class="sorting-filter__option">
5874            <input
5875              type="radio"
5876              id="sort-radio-template--23235915612375__main-6"
5877              name="sort_by"
5878              value="price-ascending"
5879              form="FacetFiltersForm--template--23235915612375__main-overflow"
5880              class="sorting-filter__radio visually-hidden"
5881              
5882              ref="sortingInputs[]"
5883            >
5884            <label
5885              for="sort-radio-template--23235915612375__main-6"
5886              class="sorting-filter__radio-label facets__checkbox-label"
5887              tabindex="0"
5888            >
5889              <span class="facets__checkbox-wrapper">
5890                <span class="facets__checkbox"></span>
5891              </span>
5892              <span class="facets__checkbox-text color-subtext">Price, low to high</span>
5893            </label>
5894          </div>
5895        
5896          
5897          <div class="sorting-filter__option">
5898            <input
5899              type="radio"
5900              id="sort-radio-template--23235915612375__main-7"
5901              name="sort_by"
5902              value="price-descending"
5903              form="FacetFiltersForm--template--23235915612375__main-overflow"
5904              class="sorting-filter__radio visually-hidden"
5905              
5906              ref="sortingInputs[]"
5907            >
5908            <label
5909              for="sort-radio-template--23235915612375__main-7"
5910              class="sorting-filter__radio-label facets__checkbox-label"
5911              tabindex="0"
5912            >
5913              <span class="facets__checkbox-wrapper">
5914                <span class="facets__checkbox"></span>
5915              </span>
5916              <span class="facets__checkbox-text color-subtext">Price, high to low</span>
5917            </label>
5918          </div>
5919        
5920          
5921          <div class="sorting-filter__option">
5922            <input
5923              type="radio"
5924              id="sort-radio-template--23235915612375__main-8"
5925              name="sort_by"
5926              value="created-ascending"
5927              form="FacetFiltersForm--template--23235915612375__main-overflow"
5928              class="sorting-filter__radio visually-hidden"
5929              
5930              ref="sortingInputs[]"
5931            >
5932            <label
5933              for="sort-radio-template--23235915612375__main-8"
5934              class="sorting-filter__radio-label facets__checkbox-label"
5935              tabindex="0"
5936            >
5937              <span class="facets__checkbox-wrapper">
5938                <span class="facets__checkbox"></span>
5939              </span>
5940              <span class="facets__checkbox-text color-subtext">Date, old to new</span>
5941            </label>
5942          </div>
5943        
5944          
5945          <div class="sorting-filter__option">
5946            <input
5947              type="radio"
5948              id="sort-radio-template--23235915612375__main-9"
5949              name="sort_by"
5950              value="created-descending"
5951              form="FacetFiltersForm--template--23235915612375__main-overflow"
5952              class="sorting-filter__radio visually-hidden"
5953              
5954              ref="sortingInputs[]"
5955            >
5956            <label
5957              for="sort-radio-template--23235915612375__main-9"
5958              class="sorting-filter__radio-label facets__checkbox-label"
5959              tabindex="0"
5960            >
5961              <span class="facets__checkbox-wrapper">
5962                <span class="facets__checkbox"></span>
5963              </span>
5964              <span class="facets__checkbox-text color-subtext">Date, new to old</span>
5965            </label>
5966          </div>
5967        
5968      </div>
5969    </div>
5970  
5971</sorting-filter-component>
5972
5973                        </div>
5974                      </div>
5975                    </details>
5976                  </accordion-component>
5977                
5978
5979                  
5980                      
5981
5982<accordion-component class="facets__inputs-accordion accordion accordion--standard accordion--arrow-plus">
5983  <details
5984    ref="item[]"
5985    class="accordion__details is-open"
5986    
5987      open
5988    
5989  >
5990    <summary
5991      ref="summary[]"
5992      class="accordion__summary flex facet__summary h6"
5993      on:click="/onSummaryClick"
5994      
5995        aria-expanded="true"
5996      
5997    >
5998      <span class="accordion__summary-text facet__label">Availability</span>
5999      
6000<span
6001    class="icon icon--plus flex accordion__summary-arrow"
6002    
6003    
6004  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
6005  <path fill="none" d="M0 0H20V20H0V0z"/>
6006  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
6007  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
6008</svg></span>
6009    </summary>
6010    <div ref="content[]" class="accordion__content">
6011      <div class="accordion__inner">
6012        <facet-inputs-component
6013          on:change="/updateFilters"
6014          id="facet-inputs-component-filter-v-availability-in-drawer"
6015        ><div
6016            class="facets__inputs-wrapper"
6017            ref="showMoreContent"
6018          >
6019            <ul
6020              id="filters-list-template--23235915612375__main-filter-v-availability-in-drawer"
6021              class="facets__inputs-list flex flex-col gap-3 list-unstyled"
6022              name="Availability"
6023            >
6024                <li
6025                  data-skip-node-update="true"
6026                  class="facets__inputs-list-item"
6027                  
6028                >
6029<div
6030  class="checkbox focus-within--inset reversed-link"
6031  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
6032>
6033  <label
6034    class="flex items-center gap-2 flex-1"
6035    for="Filter-filter-v-availability-1-in-drawer"
6036    
6037  >
6038    <input
6039      type="checkbox"
6040      name="filter.v.availability"
6041      value="1"
6042      id="Filter-filter-v-availability-1-in-drawer"
6043      class="checkbox__input form-control"
6044      data-label="In stock"
6045      
6046      
6047      
6048      
6049      
6050        ref="facetInputs[]"
6051      
6052      
6053        autofocus
6054      
6055    >
6056    <span class="checkbox__label flex-1">
6057      <span class="checkbox__label-text color-subtext reversed-link__text">In stock</span>
6058    </span>
6059    <span class="checkbox__count color-subtext">13</span>
6060  </label>
6061</div>
6062
6063</li>
6064                <li
6065                  data-skip-node-update="true"
6066                  class="facets__inputs-list-item"
6067                  
6068                >
6069<div
6070  class="checkbox focus-within--inset disabled"
6071  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
6072>
6073  <label
6074    class="flex items-center gap-2 flex-1"
6075    for="Filter-filter-v-availability-2-in-drawer"
6076    
6077  >
6078    <input
6079      type="checkbox"
6080      name="filter.v.availability"
6081      value="0"
6082      id="Filter-filter-v-availability-2-in-drawer"
6083      class="checkbox__input form-control"
6084      data-label="Out of stock"
6085      
6086      
6087        disabled
6088      
6089      
6090      
6091      
6092        ref="facetInputs[]"
6093      
6094      
6095        autofocus
6096      
6097    >
6098    <span class="checkbox__label flex-1">
6099      <span class="checkbox__label-text color-subtext reversed-link__text">Out of stock</span>
6100    </span>
6101    <span class="checkbox__count color-subtext">0</span>
6102  </label>
6103</div>
6104
6105</li></ul>
6106          </div></facet-inputs-component>
6107      </div>
6108    </div>
6109  </details>
6110</accordion-component>
6111
6112                  
6113
6114                  
6115<accordion-component class="accordion accordion--standard accordion--arrow-plus">
6116  <details
6117    ref="item[]"
6118    class="accordion__details is-open"
6119    
6120      open
6121    
6122  >
6123    <summary
6124      ref="summary[]"
6125      class="accordion__summary flex facet__summary h6"
6126      on:click="/onSummaryClick"
6127      
6128        aria-expanded="true"
6129      
6130    >
6131      <span class="accordion__summary-text facet__label">Price</span>
6132      
6133<span
6134    class="icon icon--plus flex accordion__summary-arrow"
6135    
6136    
6137  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
6138  <path fill="none" d="M0 0H20V20H0V0z"/>
6139  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
6140  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
6141</svg></span>
6142    </summary>
6143    <div ref="content[]" class="accordion__content">
6144      <div class="accordion__inner"><price-facet-component
6145          class="price-facet flex flex-col gap-5"
6146          id="facet-inputs-filter-v-price"
6147          on:change="/updatePriceFilterAndResults"
6148          data-intersect-threshold-percent="2"
6149          
6150        >
6151          <div class="price-facet__highest-price color-subtext">The highest price is $68.00
6152          </div>
6153          <div class="price-facet__range-wrapper">
6154            <div
6155              class="price-facet__range-inputs relative"
6156              style="--range-min: 0.0%; --range-max: 100.0%;"
6157            >
6158              <input
6159                type="range"
6160                class="price-facet__range-input price-facet__range-input--min pointer-events-none"
6161                min="0"
6162                max="6800"
6163                value="0"
6164                step="1"
6165                ref="rangeMin"
6166                aria-label="Minimum price"
6167              >
6168              <input
6169                type="range"
6170                class="price-facet__range-input price-facet__range-input--max pointer-events-none absolute inset-0"
6171                min="0"
6172                max="6800"
6173                value="6800"
6174                step="1"
6175                ref="rangeMax"
6176                aria-label="Maximum price"
6177              >
6178            </div>
6179          </div>
6180          <div class="price-facet__inputs-wrapper facets__inputs-wrapper facets__inputs-wrapper--row flex items-center gap-4">
6181            <div class="field price-facet__field flex items-center gap-2">
6182              <label
6183                class="field__label price-facet__label"
6184                for="Price-GTE-in-drawer"
6185              >
6186                $
6187              </label>
6188              <input
6189                class="field__input price-facet__input form-control w-full"
6190                name="filter.v.price.gte"
6191                id="Price-GTE-in-drawer"type="text"
6192                inputmode="decimal"
6193                placeholder="0"
6194                data-min="0"
6195                data-max="68.00"
6196                ref="minInput"
6197                autocomplete="off"
6198                
6199              >
6200            </div>
6201
6202            
6203
6204            <div class="field price-facet__field flex items-center gap-2">
6205              <label
6206                class="field__label price-facet__label"
6207                for="Price-LTE-in-drawer"
6208              >
6209                $
6210              </label>
6211              <input
6212                class="field__input price-facet__input form-control w-full"
6213                name="filter.v.price.lte"
6214                id="Price-LTE-in-drawer"type="text"
6215                inputmode="decimal"
6216                placeholder="68.00"
6217                data-min="0.00"
6218                data-max="68.00"
6219                ref="maxInput"
6220                autocomplete="off"
6221                
6222              >
6223            </div>
6224          </div>
6225        </price-facet-component>
6226      </div>
6227    </div>
6228  </details>
6229</accordion-component>
6230
6231</div>
6232            </div>
6233            <div class="filters-drawer__content-footer grid gap-4">
6234              <div class="facets-remove flex flex-wrap items-center gap-2">
6235  
6236
6237
6238
6239
6240
6241  
6242</div>
6243
6244              
6245                <button
6246                  class="btn btn--primary justify-center w-full facets__see-results"
6247                  type="button"
6248                  on:click="dialog-component/closeDialog"
6249                >
6250                  <span class="btn__text">
6251                    
6252See 13 products
6253                  </span>
6254                </button>
6255              
6256            </div>
6257          </form>
6258        </div>
6259      </facets-form-component>
6260    </dialog>
6261  </dialog-component>
6262
6263
6264    
6265      
6266
6267      <div id="ResultsList" class="main-collection-grid">
6268        
6269          <div class="grid gap-6 xl:gap-8">
6270            
6271              <ul
6272                class="product-grid gap-style list-unstyled layout-panel-grid"
6273                product-grid-view="3-columns"
6274                ref="grid"
6275                role="list"
6276                data-last-page="2"
6277                style="--f-columns-mobile: 2; --f-columns-md: 3; --f-column-gap-max: 3.0rem;  --f-column-gap: clamp(0.8rem, calc(4.288vw + -2.489rem), 3.0rem);    --f-column-gap-mobile: 0.8rem;  --f-row-gap: clamp(2.4rem, calc(1.17vw + 1.503rem), 3.0rem);    --f-row-gap-mobile: 2.4rem;"
6278              >
6279        
6280          <li
6281            id="template--23235915612375__main-8655658942679"
6282            class="product-grid__item product-grid__item--0"
6283            data-page="1"
6284            data-product-id="8655658942679"
6285            ref="cards[]"
6286          >
6287            
6288            
6289<product-card
6290  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
6291  
6292  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
6293>
6294  <a
6295    
6296      href="/products/heart-body-mind-coq10-omega-3-vitamin-e?variant=46100440776919"
6297    
6298    class="product-card__link focus-visible--inset absolute inset-0"
6299    ref="productCardLink"
6300    aria-label="Heart + Body + Mind - CoQ10, Omega-3, Vitamin-E"
6301  ></a>
6302  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
6303    <div
6304      class="product-card__media media-hover--scale relative media-mask-clip"
6305      style="--ratio: 1.0;"
6306    >
6307      <a
6308        
6309          href="/products/heart-body-mind-coq10-omega-3-vitamin-e?variant=46100440776919"
6310        
6311        ref="cardGalleryLink"
6312        aria-label="Heart + Body + Mind - CoQ10, Omega-3, Vitamin-E"
6313        tabindex="-1"
6314      >
6315
6316
6317
6318
6319
6320
6321
6322
6323
6324
6325
6326
6327
6328<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-softgels-default-title-heart-body-mind-coq10-omega-3-vitamin-e-38439220904151.jpg?v=1788993515&amp;width=2048" alt="High Level Science Heart, Body, Mind softgels with CoQ10, Omega-3, and Vitamin E showing the softgel capsules in a container." srcset="//livehighlevel.com/cdn/shop/files/high-level-science-softgels-default-title-heart-body-mind-coq10-omega-3-vitamin-e-38439220904151.jpg?v=1788993515&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-softgels-default-title-heart-body-mind-coq10-omega-3-vitamin-e-38439220904151.jpg?v=1788993515&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-softgels-default-title-heart-body-mind-coq10-omega-3-vitamin-e-38439220904151.jpg?v=1788993515&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-softgels-default-title-heart-body-mind-coq10-omega-3-vitamin-e-38439220904151.jpg?v=1788993515&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-softgels-default-title-heart-body-mind-coq10-omega-3-vitamin-e-38439220904151.jpg?v=1788993515&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-softgels-default-title-heart-body-mind-coq10-omega-3-vitamin-e-38439220904151.jpg?v=1788993515&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-softgels-default-title-heart-body-mind-coq10-omega-3-vitamin-e-38439220904151.jpg?v=1788993515&amp;width=2048 2048w" width="2048" height="2048" loading="lazy" sizes="(min-width: 1200px) calc((min(100vw, 1472px) - 345px - 32px) / 3), (min-width: 1024px) calc((min(100vw, 1472px) - 295px - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
6329
6330
6331</a>
6332          <product-badge data-product-id="8655658942679" class="product-card__badges">
6333            <div
6334  ref="badgesContainer"
6335  class="product-badges product-badges--vertical product-badges--empty"
6336>
6337
6338</div>
6339
6340          </product-badge>
6341        
6342<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
6343
6344<quick-add-component
6345  class="quick-add quick-add--combine color-scheme-5"
6346  ref="quickAdd"
6347  data-product-title="Heart + Body + Mind - CoQ10, Omega-3, Vitamin-E"
6348  data-product-url="/products/heart-body-mind-coq10-omega-3-vitamin-e"
6349  
6350    data-quick-add-button="add"
6351    data-product-options-count="1"
6352  
6353  data-quick-add-mode="combine"
6354>
6355  <product-form-component
6356    data-section-id="template--23235915612375__main"
6357    data-product-id="8655658942679"
6358    on:submit="/handleSubmit"
6359    class="quick-add__product-form-component flex w-full"
6360  >
6361    <div
6362      class="visually-hidden"
6363      aria-live="assertive"
6364      role="status"
6365      aria-atomic="true"
6366      ref="liveRegion"
6367    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8655658942679-AaFZENzJ4eVQ4MXBVT__product-card" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
6368        type="hidden"
6369        name="id"
6370        ref="variantId"
6371        value="46100440776919"
6372        
6373      >
6374      <input
6375        type="hidden"
6376        name="quantity"
6377        value="1"
6378      >
6379      
6380<add-to-cart-component class="block" ref="addToCartButtonContainer">
6381  <button
6382    id=""
6383    type="submit"
6384    name="add"
6385    ref="addToCartButton"
6386    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
6387    data-add-to-cart-text="Add to cart"
6388    data-sold-out-text="Sold out"
6389    data-unavailable-text="Unavailable"
6390    aria-label="Add to cart"
6391    
6392  >
6393    <span class="add-to-cart-text btn__text hidden md:flex">
6394      <span class="add-to-cart-text__content">Add to cart</span>
6395    </span>
6396    
6397      
6398<span
6399    class="icon icon--cart  md:hidden"
6400    
6401    
6402  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
6403  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
6404  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
6405  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
6406  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
6407</svg></span>
6408    
6409    
6410      <span class="add-to-cart-icon btn__icon hidden md:flex">
6411        <span class="btn__icon-text">Add to cart</span>
6412        <span class="btn__icon-icon">
6413<span
6414    class="icon icon--plus"
6415    
6416    
6417  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
6418  <path fill="none" d="M0 0H20V20H0V0z"/>
6419  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
6420  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
6421</svg></span></span>
6422      </span>
6423    
6424    <span
6425  class="loading-spinner add-to-cart-spinner hidden"
6426  
6427    ref="addToCartSpinner"
6428>
6429  <svg
6430    aria-hidden="true"
6431    focusable="false"
6432    class="spinner icon icon--medium"
6433    viewBox="0 0 66 66"
6434    xmlns="http://www.w3.org/2000/svg"
6435  >
6436    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
6437  </svg>
6438</span>
6439
6440  </button>
6441</add-to-cart-component>
6442
6443<input type="hidden" name="product-id" value="8655658942679" /><input type="hidden" name="section-id" value="template--23235915612375__main" /></form></product-form-component>
6444</quick-add-component>
6445
6446</div></div>
6447    
6448    <div
6449      class="product-card__content flex items-end justify-between"
6450      style="--content-alignment: flex-start;"
6451    >
6452      <div class="product-card__content--wrapper flex flex-col text-left">
6453        <div class="product-card__metas"><a
6454        class="product-card__meta reversed-link"
6455        href="/collections/types?q=Softgels"
6456        aria-label="Type:Softgels"
6457      >
6458        <span class="reversed-link__text">Softgels</span>
6459      </a></div>
6460<a
6461            class="product-card__title text-wrap reversed-link"
6462            href="
6463/products/heart-body-mind-coq10-omega-3-vitamin-e?variant=46100440776919"
6464            ref="productTitleLink"
6465            aria-label="Heart + Body + Mind - CoQ10, Omega-3, Vitamin-E"
6466          >
6467            <span class="reversed-link__text">Heart + Body + Mind - CoQ10, Omega-3, Vitamin-E</span>
6468          </a><product-price class="product-card__price">
6469          <div
6470  
6471    ref="priceContainer"
6472  
6473  data-quantity-breaks="false"
6474  class="
6475    price-container 
6476"
6477>
6478  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
6479      <span class="price">$59.99</span></div>
6480
6481  <div class="price__sale">
6482    <span class="visually-hidden">Sale price&nbsp;</span>
6483    <span class="price price--sale">$59.99</span>
6484      <span class="visually-hidden">Regular price&nbsp;</span>
6485      <span class="compare-at-price">$59.99</span></div></div>
6486
6487        </product-price>
6488          
6489
6490      </div>
6491      
6492        <div class="product-card__quick-add !bg-none color-scheme-5">
6493          
6494
6495<quick-add-component
6496  class="quick-add quick-add--combine"
6497  ref="quickAdd"
6498  data-product-title="Heart + Body + Mind - CoQ10, Omega-3, Vitamin-E"
6499  data-product-url="/products/heart-body-mind-coq10-omega-3-vitamin-e"
6500  
6501    data-quick-add-button="add"
6502    data-product-options-count="1"
6503  
6504  data-quick-add-mode="combine"
6505>
6506  <product-form-component
6507    data-section-id="template--23235915612375__main"
6508    data-product-id="8655658942679"
6509    on:submit="/handleSubmit"
6510    class="quick-add__product-form-component flex w-full"
6511  >
6512    <div
6513      class="visually-hidden"
6514      aria-live="assertive"
6515      role="status"
6516      aria-atomic="true"
6517      ref="liveRegion"
6518    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8655658942679-AaFZENzJ4eVQ4MXBVT__product-card" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
6519        type="hidden"
6520        name="id"
6521        ref="variantId"
6522        value="46100440776919"
6523        
6524      >
6525      <input
6526        type="hidden"
6527        name="quantity"
6528        value="1"
6529      >
6530      
6531<add-to-cart-component class="block" ref="addToCartButtonContainer">
6532  <button
6533    id=""
6534    type="submit"
6535    name="add"
6536    ref="addToCartButton"
6537    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
6538    data-add-to-cart-text="Add to cart"
6539    data-sold-out-text="Sold out"
6540    data-unavailable-text="Unavailable"
6541    aria-label="Add to cart"
6542    
6543  >
6544    <span class="add-to-cart-text btn__text hidden">
6545      <span class="add-to-cart-text__content">Add to cart</span>
6546    </span>
6547    
6548      
6549<span
6550    class="icon icon--cart "
6551    
6552    
6553  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
6554  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
6555  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
6556  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
6557  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
6558</svg></span>
6559    
6560    
6561    <span
6562  class="loading-spinner add-to-cart-spinner hidden"
6563  
6564    ref="addToCartSpinner"
6565>
6566  <svg
6567    aria-hidden="true"
6568    focusable="false"
6569    class="spinner icon icon--medium"
6570    viewBox="0 0 66 66"
6571    xmlns="http://www.w3.org/2000/svg"
6572  >
6573    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
6574  </svg>
6575</span>
6576
6577  </button>
6578</add-to-cart-component>
6579
6580<input type="hidden" name="product-id" value="8655658942679" /><input type="hidden" name="section-id" value="template--23235915612375__main" /></form></product-form-component>
6581</quick-add-component>
6582
6583        </div>
6584      
6585    </div>
6586  </div>
6587</product-card>
6588
6589
6590
6591            
6592          </li>
6593        
6594          <li
6595            id="template--23235915612375__main-8999154286807"
6596            class="product-grid__item product-grid__item--1"
6597            data-page="1"
6598            data-product-id="8999154286807"
6599            ref="cards[]"
6600          >
6601            
6602            
6603<product-card
6604  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
6605  
6606  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
6607>
6608  <a
6609    
6610      href="/products/high-level-man-12-in-1-testosterone-formula?variant=47031637803223"
6611    
6612    class="product-card__link focus-visible--inset absolute inset-0"
6613    ref="productCardLink"
6614    aria-label="High Level Man - 12-in-1 Testosterone Formula"
6615  ></a>
6616  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
6617    <div
6618      class="product-card__media media-hover--scale relative media-mask-clip"
6619      style="--ratio: 1.0;"
6620    >
6621      <a
6622        
6623          href="/products/high-level-man-12-in-1-testosterone-formula?variant=47031637803223"
6624        
6625        ref="cardGalleryLink"
6626        aria-label="High Level Man - 12-in-1 Testosterone Formula"
6627        tabindex="-1"
6628      >
6629
6630
6631
6632
6633
6634
6635
6636
6637
6638
6639
6640
6641
6642<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-man-12-in-1-testosterone-formula-38439220936919.png?v=1788993596&amp;width=2048" alt="High Level Science High Level Man 12-in-1 Testosterone Formula capsules, dietary supplement for men’s health and vitality" srcset="//livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-man-12-in-1-testosterone-formula-38439220936919.png?v=1788993596&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-man-12-in-1-testosterone-formula-38439220936919.png?v=1788993596&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-man-12-in-1-testosterone-formula-38439220936919.png?v=1788993596&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-man-12-in-1-testosterone-formula-38439220936919.png?v=1788993596&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-man-12-in-1-testosterone-formula-38439220936919.png?v=1788993596&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-man-12-in-1-testosterone-formula-38439220936919.png?v=1788993596&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-man-12-in-1-testosterone-formula-38439220936919.png?v=1788993596&amp;width=2048 2048w" width="2048" height="2048" loading="lazy" sizes="(min-width: 1200px) calc((min(100vw, 1472px) - 345px - 32px) / 3), (min-width: 1024px) calc((min(100vw, 1472px) - 295px - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
6643
6644
6645</a>
6646          <product-badge data-product-id="8999154286807" class="product-card__badges">
6647            <div
6648  ref="badgesContainer"
6649  class="product-badges product-badges--vertical product-badges--empty"
6650>
6651
6652</div>
6653
6654          </product-badge>
6655        
6656<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
6657
6658<quick-add-component
6659  class="quick-add quick-add--combine color-scheme-5"
6660  ref="quickAdd"
6661  data-product-title="High Level Man - 12-in-1 Testosterone Formula"
6662  data-product-url="/products/high-level-man-12-in-1-testosterone-formula"
6663  
6664    data-quick-add-button="add"
6665    data-product-options-count="1"
6666  
6667  data-quick-add-mode="combine"
6668>
6669  <product-form-component
6670    data-section-id="template--23235915612375__main"
6671    data-product-id="8999154286807"
6672    on:submit="/handleSubmit"
6673    class="quick-add__product-form-component flex w-full"
6674  >
6675    <div
6676      class="visually-hidden"
6677      aria-live="assertive"
6678      role="status"
6679      aria-atomic="true"
6680      ref="liveRegion"
6681    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8999154286807-AaFZENzJ4eVQ4MXBVT__product-card-1" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
6682        type="hidden"
6683        name="id"
6684        ref="variantId"
6685        value="47031637803223"
6686        
6687      >
6688      <input
6689        type="hidden"
6690        name="quantity"
6691        value="1"
6692      >
6693      
6694<add-to-cart-component class="block" ref="addToCartButtonContainer">
6695  <button
6696    id=""
6697    type="submit"
6698    name="add"
6699    ref="addToCartButton"
6700    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
6701    data-add-to-cart-text="Add to cart"
6702    data-sold-out-text="Sold out"
6703    data-unavailable-text="Unavailable"
6704    aria-label="Add to cart"
6705    
6706  >
6707    <span class="add-to-cart-text btn__text hidden md:flex">
6708      <span class="add-to-cart-text__content">Add to cart</span>
6709    </span>
6710    
6711      
6712<span
6713    class="icon icon--cart  md:hidden"
6714    
6715    
6716  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
6717  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
6718  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
6719  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
6720  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
6721</svg></span>
6722    
6723    
6724      <span class="add-to-cart-icon btn__icon hidden md:flex">
6725        <span class="btn__icon-text">Add to cart</span>
6726        <span class="btn__icon-icon">
6727<span
6728    class="icon icon--plus"
6729    
6730    
6731  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
6732  <path fill="none" d="M0 0H20V20H0V0z"/>
6733  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
6734  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
6735</svg></span></span>
6736      </span>
6737    
6738    <span
6739  class="loading-spinner add-to-cart-spinner hidden"
6740  
6741    ref="addToCartSpinner"
6742>
6743  <svg
6744    aria-hidden="true"
6745    focusable="false"
6746    class="spinner icon icon--medium"
6747    viewBox="0 0 66 66"
6748    xmlns="http://www.w3.org/2000/svg"
6749  >
6750    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
6751  </svg>
6752</span>
6753
6754  </button>
6755</add-to-cart-component>
6756
6757<input type="hidden" name="product-id" value="8999154286807" /><input type="hidden" name="section-id" value="template--23235915612375__main" /></form></product-form-component>
6758</quick-add-component>
6759
6760</div></div>
6761    
6762    <div
6763      class="product-card__content flex items-end justify-between"
6764      style="--content-alignment: flex-start;"
6765    >
6766      <div class="product-card__content--wrapper flex flex-col text-left">
6767        <div class="product-card__metas"><a
6768        class="product-card__meta reversed-link"
6769        href="/collections/types?q=Capsules"
6770        aria-label="Type:Capsules"
6771      >
6772        <span class="reversed-link__text">Capsules</span>
6773      </a></div>
6774<a
6775            class="product-card__title text-wrap reversed-link"
6776            href="
6777/products/high-level-man-12-in-1-testosterone-formula?variant=47031637803223"
6778            ref="productTitleLink"
6779            aria-label="High Level Man - 12-in-1 Testosterone Formula"
6780          >
6781            <span class="reversed-link__text">High Level Man - 12-in-1 Testosterone Formula</span>
6782          </a><product-price class="product-card__price">
6783          <div
6784  
6785    ref="priceContainer"
6786  
6787  data-quantity-breaks="false"
6788  class="
6789    price-container 
6790"
6791>
6792  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
6793      <span class="price">$59.99</span></div>
6794
6795  <div class="price__sale">
6796    <span class="visually-hidden">Sale price&nbsp;</span>
6797    <span class="price price--sale">$59.99</span>
6798      <span class="visually-hidden">Regular price&nbsp;</span>
6799      <span class="compare-at-price">$59.99</span></div></div>
6800
6801        </product-price>
6802          
6803
6804      </div>
6805      
6806        <div class="product-card__quick-add !bg-none color-scheme-5">
6807          
6808
6809<quick-add-component
6810  class="quick-add quick-add--combine"
6811  ref="quickAdd"
6812  data-product-title="High Level Man - 12-in-1 Testosterone Formula"
6813  data-product-url="/products/high-level-man-12-in-1-testosterone-formula"
6814  
6815    data-quick-add-button="add"
6816    data-product-options-count="1"
6817  
6818  data-quick-add-mode="combine"
6819>
6820  <product-form-component
6821    data-section-id="template--23235915612375__main"
6822    data-product-id="8999154286807"
6823    on:submit="/handleSubmit"
6824    class="quick-add__product-form-component flex w-full"
6825  >
6826    <div
6827      class="visually-hidden"
6828      aria-live="assertive"
6829      role="status"
6830      aria-atomic="true"
6831      ref="liveRegion"
6832    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8999154286807-AaFZENzJ4eVQ4MXBVT__product-card-1" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
6833        type="hidden"
6834        name="id"
6835        ref="variantId"
6836        value="47031637803223"
6837        
6838      >
6839      <input
6840        type="hidden"
6841        name="quantity"
6842        value="1"
6843      >
6844      
6845<add-to-cart-component class="block" ref="addToCartButtonContainer">
6846  <button
6847    id=""
6848    type="submit"
6849    name="add"
6850    ref="addToCartButton"
6851    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
6852    data-add-to-cart-text="Add to cart"
6853    data-sold-out-text="Sold out"
6854    data-unavailable-text="Unavailable"
6855    aria-label="Add to cart"
6856    
6857  >
6858    <span class="add-to-cart-text btn__text hidden">
6859      <span class="add-to-cart-text__content">Add to cart</span>
6860    </span>
6861    
6862      
6863<span
6864    class="icon icon--cart "
6865    
6866    
6867  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
6868  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
6869  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
6870  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
6871  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
6872</svg></span>
6873    
6874    
6875    <span
6876  class="loading-spinner add-to-cart-spinner hidden"
6877  
6878    ref="addToCartSpinner"
6879>
6880  <svg
6881    aria-hidden="true"
6882    focusable="false"
6883    class="spinner icon icon--medium"
6884    viewBox="0 0 66 66"
6885    xmlns="http://www.w3.org/2000/svg"
6886  >
6887    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
6888  </svg>
6889</span>
6890
6891  </button>
6892</add-to-cart-component>
6893
6894<input type="hidden" name="product-id" value="8999154286807" /><input type="hidden" name="section-id" value="template--23235915612375__main" /></form></product-form-component>
6895</quick-add-component>
6896
6897        </div>
6898      
6899    </div>
6900  </div>
6901</product-card>
6902
6903
6904
6905            
6906          </li>
6907        
6908          <li
6909            id="template--23235915612375__main-9306909737175"
6910            class="product-grid__item product-grid__item--2"
6911            data-page="1"
6912            data-product-id="9306909737175"
6913            ref="cards[]"
6914          >
6915            
6916            
6917<product-card
6918  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
6919  
6920  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
6921>
6922  <a
6923    
6924      href="/products/high-level-woman-hormone-vitality-formula?variant=48813900333271"
6925    
6926    class="product-card__link focus-visible--inset absolute inset-0"
6927    ref="productCardLink"
6928    aria-label="High Level Woman: Hormone + Vitality Formula"
6929  ></a>
6930  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
6931    <div
6932      class="product-card__media media-hover--scale relative media-mask-clip"
6933      style="--ratio: 1.0;"
6934    >
6935      <a
6936        
6937          href="/products/high-level-woman-hormone-vitality-formula?variant=48813900333271"
6938        
6939        ref="cardGalleryLink"
6940        aria-label="High Level Woman: Hormone + Vitality Formula"
6941        tabindex="-1"
6942      >
6943
6944
6945
6946
6947
6948
6949
6950
6951
6952
6953
6954
6955
6956<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-hormone-vitality-formula-38439220871383.jpg?v=1788993520&amp;width=2880" alt="High Level Woman Hormone and Vitality Formula capsules by High Level Science, health supplement for hormonal balance and energy." srcset="//livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-hormone-vitality-formula-38439220871383.jpg?v=1788993520&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-hormone-vitality-formula-38439220871383.jpg?v=1788993520&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-hormone-vitality-formula-38439220871383.jpg?v=1788993520&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-hormone-vitality-formula-38439220871383.jpg?v=1788993520&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-hormone-vitality-formula-38439220871383.jpg?v=1788993520&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-hormone-vitality-formula-38439220871383.jpg?v=1788993520&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-hormone-vitality-formula-38439220871383.jpg?v=1788993520&amp;width=2560 2560w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-hormone-vitality-formula-38439220871383.jpg?v=1788993520&amp;width=2880 2880w" width="2880" height="2880" loading="lazy" sizes="(min-width: 1200px) calc((min(100vw, 1472px) - 345px - 32px) / 3), (min-width: 1024px) calc((min(100vw, 1472px) - 295px - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
6957
6958
6959</a>
6960          <product-badge data-product-id="9306909737175" class="product-card__badges">
6961            <div
6962  ref="badgesContainer"
6963  class="product-badges product-badges--vertical product-badges--empty"
6964>
6965
6966</div>
6967
6968          </product-badge>
6969        
6970<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
6971
6972<quick-add-component
6973  class="quick-add quick-add--combine color-scheme-5"
6974  ref="quickAdd"
6975  data-product-title="High Level Woman: Hormone + Vitality Formula"
6976  data-product-url="/products/high-level-woman-hormone-vitality-formula"
6977  
6978    data-quick-add-button="add"
6979    data-product-options-count="1"
6980  
6981  data-quick-add-mode="combine"
6982>
6983  <product-form-component
6984    data-section-id="template--23235915612375__main"
6985    data-product-id="9306909737175"
6986    on:submit="/handleSubmit"
6987    class="quick-add__product-form-component flex w-full"
6988  >
6989    <div
6990      class="visually-hidden"
6991      aria-live="assertive"
6992      role="status"
6993      aria-atomic="true"
6994      ref="liveRegion"
6995    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9306909737175-AaFZENzJ4eVQ4MXBVT__product-card-2" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
6996        type="hidden"
6997        name="id"
6998        ref="variantId"
6999        value="48813900333271"
7000        
7001      >
7002      <input
7003        type="hidden"
7004        name="quantity"
7005        value="1"
7006      >
7007      
7008<add-to-cart-component class="block" ref="addToCartButtonContainer">
7009  <button
7010    id=""
7011    type="submit"
7012    name="add"
7013    ref="addToCartButton"
7014    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
7015    data-add-to-cart-text="Add to cart"
7016    data-sold-out-text="Sold out"
7017    data-unavailable-text="Unavailable"
7018    aria-label="Add to cart"
7019    
7020  >
7021    <span class="add-to-cart-text btn__text hidden md:flex">
7022      <span class="add-to-cart-text__content">Add to cart</span>
7023    </span>
7024    
7025      
7026<span
7027    class="icon icon--cart  md:hidden"
7028    
7029    
7030  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
7031  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
7032  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
7033  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
7034  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
7035</svg></span>
7036    
7037    
7038      <span class="add-to-cart-icon btn__icon hidden md:flex">
7039        <span class="btn__icon-text">Add to cart</span>
7040        <span class="btn__icon-icon">
7041<span
7042    class="icon icon--plus"
7043    
7044    
7045  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
7046  <path fill="none" d="M0 0H20V20H0V0z"/>
7047  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
7048  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
7049</svg></span></span>
7050      </span>
7051    
7052    <span
7053  class="loading-spinner add-to-cart-spinner hidden"
7054  
7055    ref="addToCartSpinner"
7056>
7057  <svg
7058    aria-hidden="true"
7059    focusable="false"
7060    class="spinner icon icon--medium"
7061    viewBox="0 0 66 66"
7062    xmlns="http://www.w3.org/2000/svg"
7063  >
7064    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
7065  </svg>
7066</span>
7067
7068  </button>
7069</add-to-cart-component>
7070
7071<input type="hidden" name="product-id" value="9306909737175" /><input type="hidden" name="section-id" value="template--23235915612375__main" /></form></product-form-component>
7072</quick-add-component>
7073
7074</div></div>
7075    
7076    <div
7077      class="product-card__content flex items-end justify-between"
7078      style="--content-alignment: flex-start;"
7079    >
7080      <div class="product-card__content--wrapper flex flex-col text-left">
7081        <div class="product-card__metas"><a
7082        class="product-card__meta reversed-link"
7083        href="/collections/types?q=Capsules"
7084        aria-label="Type:Capsules"
7085      >
7086        <span class="reversed-link__text">Capsules</span>
7087      </a></div>
7088<a
7089            class="product-card__title text-wrap reversed-link"
7090            href="
7091/products/high-level-woman-hormone-vitality-formula?variant=48813900333271"
7092            ref="productTitleLink"
7093            aria-label="High Level Woman: Hormone + Vitality Formula"
7094          >
7095            <span class="reversed-link__text">High Level Woman: Hormone + Vitality Formula</span>
7096          </a><product-price class="product-card__price">
7097          <div
7098  
7099    ref="priceContainer"
7100  
7101  data-quantity-breaks="false"
7102  class="
7103    price-container 
7104"
7105>
7106  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
7107      <span class="price">$59.99</span></div>
7108
7109  <div class="price__sale">
7110    <span class="visually-hidden">Sale price&nbsp;</span>
7111    <span class="price price--sale">$59.99</span>
7112      <span class="visually-hidden">Regular price&nbsp;</span>
7113      <span class="compare-at-price"></span></div></div>
7114
7115        </product-price>
7116          
7117
7118      </div>
7119      
7120        <div class="product-card__quick-add !bg-none color-scheme-5">
7121          
7122
7123<quick-add-component
7124  class="quick-add quick-add--combine"
7125  ref="quickAdd"
7126  data-product-title="High Level Woman: Hormone + Vitality Formula"
7127  data-product-url="/products/high-level-woman-hormone-vitality-formula"
7128  
7129    data-quick-add-button="add"
7130    data-product-options-count="1"
7131  
7132  data-quick-add-mode="combine"
7133>
7134  <product-form-component
7135    data-section-id="template--23235915612375__main"
7136    data-product-id="9306909737175"
7137    on:submit="/handleSubmit"
7138    class="quick-add__product-form-component flex w-full"
7139  >
7140    <div
7141      class="visually-hidden"
7142      aria-live="assertive"
7143      role="status"
7144      aria-atomic="true"
7145      ref="liveRegion"
7146    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9306909737175-AaFZENzJ4eVQ4MXBVT__product-card-2" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
7147        type="hidden"
7148        name="id"
7149        ref="variantId"
7150        value="48813900333271"
7151        
7152      >
7153      <input
7154        type="hidden"
7155        name="quantity"
7156        value="1"
7157      >
7158      
7159<add-to-cart-component class="block" ref="addToCartButtonContainer">
7160  <button
7161    id=""
7162    type="submit"
7163    name="add"
7164    ref="addToCartButton"
7165    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
7166    data-add-to-cart-text="Add to cart"
7167    data-sold-out-text="Sold out"
7168    data-unavailable-text="Unavailable"
7169    aria-label="Add to cart"
7170    
7171  >
7172    <span class="add-to-cart-text btn__text hidden">
7173      <span class="add-to-cart-text__content">Add to cart</span>
7174    </span>
7175    
7176      
7177<span
7178    class="icon icon--cart "
7179    
7180    
7181  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
7182  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
7183  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
7184  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
7185  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
7186</svg></span>
7187    
7188    
7189    <span
7190  class="loading-spinner add-to-cart-spinner hidden"
7191  
7192    ref="addToCartSpinner"
7193>
7194  <svg
7195    aria-hidden="true"
7196    focusable="false"
7197    class="spinner icon icon--medium"
7198    viewBox="0 0 66 66"
7199    xmlns="http://www.w3.org/2000/svg"
7200  >
7201    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
7202  </svg>
7203</span>
7204
7205  </button>
7206</add-to-cart-component>
7207
7208<input type="hidden" name="product-id" value="9306909737175" /><input type="hidden" name="section-id" value="template--23235915612375__main" /></form></product-form-component>
7209</quick-add-component>
7210
7211        </div>
7212      
7213    </div>
7214  </div>
7215</product-card>
7216
7217
7218
7219            
7220          </li>
7221        
7222          <li
7223            id="template--23235915612375__main-8629354561751"
7224            class="product-grid__item product-grid__item--3"
7225            data-page="1"
7226            data-product-id="8629354561751"
7227            ref="cards[]"
7228          >
7229            
7230            
7231<product-card
7232  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
7233  
7234  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
7235>
7236  <a
7237    
7238      href="/products/high-level-woman-4-in-1-urinary-tract-formula?variant=46154610344151"
7239    
7240    class="product-card__link focus-visible--inset absolute inset-0"
7241    ref="productCardLink"
7242    aria-label="High Level Woman - 4-in-1 Urinary Tract Formula"
7243  ></a>
7244  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
7245    <div
7246      class="product-card__media media-hover--scale relative media-mask-clip"
7247      style="--ratio: 1.0;"
7248    >
7249      <a
7250        
7251          href="/products/high-level-woman-4-in-1-urinary-tract-formula?variant=46154610344151"
7252        
7253        ref="cardGalleryLink"
7254        aria-label="High Level Woman - 4-in-1 Urinary Tract Formula"
7255        tabindex="-1"
7256      >
7257
7258
7259
7260
7261
7262
7263
7264
7265
7266
7267
7268
7269
7270<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-4-in-1-urinary-tract-formula-38439220838615.jpg?v=1788993519&amp;width=2048" alt="High Level Woman 4-in-1 Urinary Tract Formula capsules by High Level Science, featuring dietary supplement capsules for urinary health." srcset="//livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-4-in-1-urinary-tract-formula-38439220838615.jpg?v=1788993519&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-4-in-1-urinary-tract-formula-38439220838615.jpg?v=1788993519&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-4-in-1-urinary-tract-formula-38439220838615.jpg?v=1788993519&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-4-in-1-urinary-tract-formula-38439220838615.jpg?v=1788993519&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-4-in-1-urinary-tract-formula-38439220838615.jpg?v=1788993519&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-4-in-1-urinary-tract-formula-38439220838615.jpg?v=1788993519&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-capsules-default-title-high-level-woman-4-in-1-urinary-tract-formula-38439220838615.jpg?v=1788993519&amp;width=2048 2048w" width="2048" height="2048" loading="lazy" sizes="(min-width: 1200px) calc((min(100vw, 1472px) - 345px - 32px) / 3), (min-width: 1024px) calc((min(100vw, 1472px) - 295px - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
7271
7272
7273</a>
7274          <product-badge data-product-id="8629354561751" class="product-card__badges">
7275            <div
7276  ref="badgesContainer"
7277  class="product-badges product-badges--vertical product-badges--empty"
7278>
7279
7280</div>
7281
7282          </product-badge>
7283        
7284<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
7285
7286<quick-add-component
7287  class="quick-add quick-add--combine color-scheme-5"
7288  ref="quickAdd"
7289  data-product-title="High Level Woman - 4-in-1 Urinary Tract Formula"
7290  data-product-url="/products/high-level-woman-4-in-1-urinary-tract-formula"
7291  
7292    data-quick-add-button="add"
7293    data-product-options-count="1"
7294  
7295  data-quick-add-mode="combine"
7296>
7297  <product-form-component
7298    data-section-id="template--23235915612375__main"
7299    data-product-id="8629354561751"
7300    on:submit="/handleSubmit"
7301    class="quick-add__product-form-component flex w-full"
7302  >
7303    <div
7304      class="visually-hidden"
7305      aria-live="assertive"
7306      role="status"
7307      aria-atomic="true"
7308      ref="liveRegion"
7309    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8629354561751-AaFZENzJ4eVQ4MXBVT__product-card-3" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
7310        type="hidden"
7311        name="id"
7312        ref="variantId"
7313        value="46154610344151"
7314        
7315      >
7316      <input
7317        type="hidden"
7318        name="quantity"
7319        value="1"
7320      >
7321      
7322<add-to-cart-component class="block" ref="addToCartButtonContainer">
7323  <button
7324    id=""
7325    type="submit"
7326    name="add"
7327    ref="addToCartButton"
7328    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
7329    data-add-to-cart-text="Add to cart"
7330    data-sold-out-text="Sold out"
7331    data-unavailable-text="Unavailable"
7332    aria-label="Add to cart"
7333    
7334  >
7335    <span class="add-to-cart-text btn__text hidden md:flex">
7336      <span class="add-to-cart-text__content">Add to cart</span>
7337    </span>
7338    
7339      
7340<span
7341    class="icon icon--cart  md:hidden"
7342    
7343    
7344  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
7345  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
7346  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
7347  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
7348  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
7349</svg></span>
7350    
7351    
7352      <span class="add-to-cart-icon btn__icon hidden md:flex">
7353        <span class="btn__icon-text">Add to cart</span>
7354        <span class="btn__icon-icon">
7355<span
7356    class="icon icon--plus"
7357    
7358    
7359  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
7360  <path fill="none" d="M0 0H20V20H0V0z"/>
7361  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
7362  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
7363</svg></span></span>
7364      </span>
7365    
7366    <span
7367  class="loading-spinner add-to-cart-spinner hidden"
7368  
7369    ref="addToCartSpinner"
7370>
7371  <svg
7372    aria-hidden="true"
7373    focusable="false"
7374    class="spinner icon icon--medium"
7375    viewBox="0 0 66 66"
7376    xmlns="http://www.w3.org/2000/svg"
7377  >
7378    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
7379  </svg>
7380</span>
7381
7382  </button>
7383</add-to-cart-component>
7384
7385<input type="hidden" name="product-id" value="8629354561751" /><input type="hidden" name="section-id" value="template--23235915612375__main" /></form></product-form-component>
7386</quick-add-component>
7387
7388</div></div>
7389    
7390    <div
7391      class="product-card__content flex items-end justify-between"
7392      style="--content-alignment: flex-start;"
7393    >
7394      <div class="product-card__content--wrapper flex flex-col text-left">
7395        <div class="product-card__metas"><a
7396        class="product-card__meta reversed-link"
7397        href="/collections/types?q=Capsules"
7398        aria-label="Type:Capsules"
7399      >
7400        <span class="reversed-link__text">Capsules</span>
7401      </a></div>
7402<a
7403            class="product-card__title text-wrap reversed-link"
7404            href="
7405/products/high-level-woman-4-in-1-urinary-tract-formula?variant=46154610344151"
7406            ref="productTitleLink"
7407            aria-label="High Level Woman - 4-in-1 Urinary Tract Formula"
7408          >
7409            <span class="reversed-link__text">High Level Woman - 4-in-1 Urinary Tract Formula</span>
7410          </a><product-price class="product-card__price">
7411          <div
7412  
7413    ref="priceContainer"
7414  
7415  data-quantity-breaks="false"
7416  class="
7417    price-container 
7418"
7419>
7420  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
7421      <span class="price">$36.99</span></div>
7422
7423  <div class="price__sale">
7424    <span class="visually-hidden">Sale price&nbsp;</span>
7425    <span class="price price--sale">$36.99</span>
7426      <span class="visually-hidden">Regular price&nbsp;</span>
7427      <span class="compare-at-price">$36.99</span></div></div>
7428
7429        </product-price>
7430          
7431
7432      </div>
7433      
7434        <div class="product-card__quick-add !bg-none color-scheme-5">
7435          
7436
7437<quick-add-component
7438  class="quick-add quick-add--combine"
7439  ref="quickAdd"
7440  data-product-title="High Level Woman - 4-in-1 Urinary Tract Formula"
7441  data-product-url="/products/high-level-woman-4-in-1-urinary-tract-formula"
7442  
7443    data-quick-add-button="add"
7444    data-product-options-count="1"
7445  
7446  data-quick-add-mode="combine"
7447>
7448  <product-form-component
7449    data-section-id="template--23235915612375__main"
7450    data-product-id="8629354561751"
7451    on:submit="/handleSubmit"
7452    class="quick-add__product-form-component flex w-full"
7453  >
7454    <div
7455      class="visually-hidden"
7456      aria-live="assertive"
7457      role="status"
7458      aria-atomic="true"
7459      ref="liveRegion"
7460    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8629354561751-AaFZENzJ4eVQ4MXBVT__product-card-3" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
7461        type="hidden"
7462        name="id"
7463        ref="variantId"
7464        value="46154610344151"
7465        
7466      >
7467      <input
7468        type="hidden"
7469        name="quantity"
7470        value="1"
7471      >
7472      
7473<add-to-cart-component class="block" ref="addToCartButtonContainer">
7474  <button
7475    id=""
7476    type="submit"
7477    name="add"
7478    ref="addToCartButton"
7479    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
7480    data-add-to-cart-text="Add to cart"
7481    data-sold-out-text="Sold out"
7482    data-unavailable-text="Unavailable"
7483    aria-label="Add to cart"
7484    
7485  >
7486    <span class="add-to-cart-text btn__text hidden">
7487      <span class="add-to-cart-text__content">Add to cart</span>
7488    </span>
7489    
7490      
7491<span
7492    class="icon icon--cart "
7493    
7494    
7495  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
7496  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
7497  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
7498  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
7499  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
7500</svg></span>
7501    
7502    
7503    <span
7504  class="loading-spinner add-to-cart-spinner hidden"
7505  
7506    ref="addToCartSpinner"
7507>
7508  <svg
7509    aria-hidden="true"
7510    focusable="false"
7511    class="spinner icon icon--medium"
7512    viewBox="0 0 66 66"
7513    xmlns="http://www.w3.org/2000/svg"
7514  >
7515    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
7516  </svg>
7517</span>
7518
7519  </button>
7520</add-to-cart-component>
7521
7522<input type="hidden" name="product-id" value="8629354561751" /><input type="hidden" name="section-id" value="template--23235915612375__main" /></form></product-form-component>
7523</quick-add-component>
7524
7525        </div>
7526      
7527    </div>
7528  </div>
7529</product-card>
7530
7531
7532
7533            
7534          </li>
7535        
7536          <li
7537            id="template--23235915612375__main-9183488671959"
7538            class="product-grid__item product-grid__item--4"
7539            data-page="1"
7540            data-product-id="9183488671959"
7541            ref="cards[]"
7542          >
7543            
7544            
7545<product-card
7546  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
7547  
7548  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
7549>
7550  <a
7551    
7552      href="/products/hls-x-staple-hoodie-lunar-rock?variant=48288929186007"
7553    
7554    class="product-card__link focus-visible--inset absolute inset-0"
7555    ref="productCardLink"
7556    aria-label="HLS x Staple Hoodie {Lunar Rock}"
7557  ></a>
7558  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
7559    <div
7560      class="product-card__media media-hover--scale relative media-mask-clip"
7561      style="--ratio: 1.0;"
7562    >
7563      <a
7564        
7565          href="/products/hls-x-staple-hoodie-lunar-rock?variant=48288929186007"
7566        
7567        ref="cardGalleryLink"
7568        aria-label="HLS x Staple Hoodie {Lunar Rock}"
7569        tabindex="-1"
7570      >
7571
7572
7573
7574
7575
7576
7577
7578
7579
7580
7581
7582
7583
7584<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-hoodie-s-hls-x-staple-hoodie-lunar-rock-37015246667991.jpg?v=1774018139&amp;width=2000" alt="High Level Science HLS x Staple Hoodie in Lunar Rock color, showing the front view with logo details and fabric texture." srcset="//livehighlevel.com/cdn/shop/files/high-level-science-hoodie-s-hls-x-staple-hoodie-lunar-rock-37015246667991.jpg?v=1774018139&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-hoodie-s-hls-x-staple-hoodie-lunar-rock-37015246667991.jpg?v=1774018139&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-hoodie-s-hls-x-staple-hoodie-lunar-rock-37015246667991.jpg?v=1774018139&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-hoodie-s-hls-x-staple-hoodie-lunar-rock-37015246667991.jpg?v=1774018139&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-hoodie-s-hls-x-staple-hoodie-lunar-rock-37015246667991.jpg?v=1774018139&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-hoodie-s-hls-x-staple-hoodie-lunar-rock-37015246667991.jpg?v=1774018139&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-hoodie-s-hls-x-staple-hoodie-lunar-rock-37015246667991.jpg?v=1774018139&amp;width=2000 2000w" width="2000" height="2000" loading="lazy" sizes="(min-width: 1200px) calc((min(100vw, 1472px) - 345px - 32px) / 3), (min-width: 1024px) calc((min(100vw, 1472px) - 295px - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
7585
7586
7587</a>
7588          <product-badge data-product-id="9183488671959" class="product-card__badges">
7589            <div
7590  ref="badgesContainer"
7591  class="product-badges product-badges--vertical product-badges--empty"
7592>
7593
7594</div>
7595
7596          </product-badge>
7597        
7598<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
7599
7600<quick-add-component
7601  class="quick-add quick-add--combine color-scheme-5"
7602  ref="quickAdd"
7603  data-product-title="HLS x Staple Hoodie {Lunar Rock}"
7604  data-product-url="/products/hls-x-staple-hoodie-lunar-rock"
7605  
7606    data-quick-add-button="choose"
7607    data-product-options-count="1"
7608  
7609  data-quick-add-mode="combine"
7610>
7611  <product-form-component
7612    data-section-id="template--23235915612375__main"
7613    data-product-id="9183488671959"
7614    on:submit="/handleSubmit"
7615    class="quick-add__product-form-component flex w-full"
7616  >
7617    <div
7618      class="visually-hidden"
7619      aria-live="assertive"
7620      role="status"
7621      aria-atomic="true"
7622      ref="liveRegion"
7623    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183488671959-AaFZENzJ4eVQ4MXBVT__product-card-4" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
7624        type="hidden"
7625        name="id"
7626        ref="variantId"
7627        value="48288929186007"
7628        
7629      >
7630      <input
7631        type="hidden"
7632        name="quantity"
7633        value="1"
7634      >
7635      
7636<add-to-cart-component class="block" ref="addToCartButtonContainer">
7637  <button
7638    id=""
7639    type="submit"
7640    name="add"
7641    ref="addToCartButton"
7642    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
7643    data-add-to-cart-text="Add to cart"
7644    data-sold-out-text="Sold out"
7645    data-unavailable-text="Unavailable"
7646    aria-label="Add to cart"
7647    
7648  >
7649    <span class="add-to-cart-text btn__text hidden md:flex">
7650      <span class="add-to-cart-text__content">Add to cart</span>
7651    </span>
7652    
7653      
7654<span
7655    class="icon icon--cart  md:hidden"
7656    
7657    
7658  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
7659  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
7660  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
7661  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
7662  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
7663</svg></span>
7664    
7665    
7666      <span class="add-to-cart-icon btn__icon hidden md:flex">
7667        <span class="btn__icon-text">Add to cart</span>
7668        <span class="btn__icon-icon">
7669<span
7670    class="icon icon--plus"
7671    
7672    
7673  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
7674  <path fill="none" d="M0 0H20V20H0V0z"/>
7675  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
7676  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
7677</svg></span></span>
7678      </span>
7679    
7680    <span
7681  class="loading-spinner add-to-cart-spinner hidden"
7682  
7683    ref="addToCartSpinner"
7684>
7685  <svg
7686    aria-hidden="true"
7687    focusable="false"
7688    class="spinner icon icon--medium"
7689    viewBox="0 0 66 66"
7690    xmlns="http://www.w3.org/2000/svg"
7691  >
7692    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
7693  </svg>
7694</span>
7695
7696  </button>
7697</add-to-cart-component>
7698
7699<button
7700            class="btn btn--primary quick-add__button quick-add__button--choose button-choose-options btn--icon-solid-desktop md:justify-start md:w-full"
7701            type="button"
7702            name="add"
7703            on:click="quick-add-component/handleClick"
7704            aria-label="Choose options"
7705          >
7706            <span class="btn__text hidden md:flex">Choose options</span>
7707            
7708<span
7709    class="icon icon--cart  md:hidden"
7710    
7711    
7712  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
7713  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
7714  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
7715  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
7716  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
7717</svg></span>
7718<span class="btn__icon hidden md:flex">
7719                <span class="btn__icon-text">Choose options</span>
7720                <span class="btn__icon-icon">
7721<span
7722    class="icon icon--plus"
7723    
7724    
7725  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
7726  <path fill="none" d="M0 0H20V20H0V0z"/>
7727  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
7728  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
7729</svg></span></span>
7730              </span><span
7731  class="loading-spinner quick-add__button-spinner hidden"
7732  
7733>
7734  <svg
7735    aria-hidden="true"
7736    focusable="false"
7737    class="spinner icon icon--medium"
7738    viewBox="0 0 66 66"
7739    xmlns="http://www.w3.org/2000/svg"
7740  >
7741    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
7742  </svg>
7743</span>
7744
7745          </button><input type="hidden" name="product-id" value="9183488671959" /><input type="hidden" name="section-id" value="template--23235915612375__main" /></form></product-form-component>
7746</quick-add-component>
7747
7748</div></div>
7749    
7750    <div
7751      class="product-card__content flex items-end justify-between"
7752      style="--content-alignment: flex-start;"
7753    >
7754      <div class="product-card__content--wrapper flex flex-col text-left">
7755        <div class="product-card__metas"><a
7756        class="product-card__meta reversed-link"
7757        href="/collections/types?q=Hoodie"
7758        aria-label="Type:Hoodie"
7759      >
7760        <span class="reversed-link__text">Hoodie</span>
7761      </a></div>
7762<a
7763            class="product-card__title text-wrap reversed-link"
7764            href="
7765/products/hls-x-staple-hoodie-lunar-rock?variant=48288929186007"
7766            ref="productTitleLink"
7767            aria-label="HLS x Staple Hoodie {Lunar Rock}"
7768          >
7769            <span class="reversed-link__text">HLS x Staple Hoodie {Lunar Rock}</span>
7770          </a><product-price class="product-card__price">
7771          <div
7772  
7773    ref="priceContainer"
7774  
7775  data-quantity-breaks="false"
7776  class="
7777    price-container 
7778"
7779>
7780  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
7781      <span class="price">$68.00</span></div>
7782
7783  <div class="price__sale">
7784    <span class="visually-hidden">Sale price&nbsp;</span>
7785    <span class="price price--sale">$68.00</span>
7786      <span class="visually-hidden">Regular price&nbsp;</span>
7787      <span class="compare-at-price"></span></div></div>
7788
7789        </product-price>
7790          
7791
7792      </div>
7793      
7794        <div class="product-card__quick-add !bg-none color-scheme-5">
7795          
7796
7797<quick-add-component
7798  class="quick-add quick-add--combine"
7799  ref="quickAdd"
7800  data-product-title="HLS x Staple Hoodie {Lunar Rock}"
7801  data-product-url="/products/hls-x-staple-hoodie-lunar-rock"
7802  
7803    data-quick-add-button="choose"
7804    data-product-options-count="1"
7805  
7806  data-quick-add-mode="combine"
7807>
7808  <product-form-component
7809    data-section-id="template--23235915612375__main"
7810    data-product-id="9183488671959"
7811    on:submit="/handleSubmit"
7812    class="quick-add__product-form-component flex w-full"
7813  >
7814    <div
7815      class="visually-hidden"
7816      aria-live="assertive"
7817      role="status"
7818      aria-atomic="true"
7819      ref="liveRegion"
7820    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183488671959-AaFZENzJ4eVQ4MXBVT__product-card-4" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
7821        type="hidden"
7822        name="id"
7823        ref="variantId"
7824        value="48288929186007"
7825        
7826      >
7827      <input
7828        type="hidden"
7829        name="quantity"
7830        value="1"
7831      >
7832      
7833<add-to-cart-component class="block" ref="addToCartButtonContainer">
7834  <button
7835    id=""
7836    type="submit"
7837    name="add"
7838    ref="addToCartButton"
7839    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
7840    data-add-to-cart-text="Add to cart"
7841    data-sold-out-text="Sold out"
7842    data-unavailable-text="Unavailable"
7843    aria-label="Add to cart"
7844    
7845  >
7846    <span class="add-to-cart-text btn__text hidden">
7847      <span class="add-to-cart-text__content">Add to cart</span>
7848    </span>
7849    
7850      
7851<span
7852    class="icon icon--cart "
7853    
7854    
7855  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
7856  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
7857  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
7858  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
7859  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
7860</svg></span>
7861    
7862    
7863    <span
7864  class="loading-spinner add-to-cart-spinner hidden"
7865  
7866    ref="addToCartSpinner"
7867>
7868  <svg
7869    aria-hidden="true"
7870    focusable="false"
7871    class="spinner icon icon--medium"
7872    viewBox="0 0 66 66"
7873    xmlns="http://www.w3.org/2000/svg"
7874  >
7875    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
7876  </svg>
7877</span>
7878
7879  </button>
7880</add-to-cart-component>
7881
7882<button
7883            class="btn btn--primary quick-add__button quick-add__button--choose button-choose-options btn--icon-only btn--small"
7884            type="button"
7885            name="add"
7886            on:click="quick-add-component/handleClick"
7887            aria-label="Choose options"
7888          >
7889            <span class="btn__text hidden">Choose options</span>
7890            
7891<span
7892    class="icon icon--cart icon--semi-small "
7893    
7894    
7895  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
7896  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
7897  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
7898  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
7899  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
7900</svg></span>
7901<span
7902  class="loading-spinner quick-add__button-spinner hidden"
7903  
7904>
7905  <svg
7906    aria-hidden="true"
7907    focusable="false"
7908    class="spinner icon icon--medium"
7909    viewBox="0 0 66 66"
7910    xmlns="http://www.w3.org/2000/svg"
7911  >
7912    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
7913  </svg>
7914</span>
7915
7916          </button><input type="hidden" name="product-id" value="9183488671959" /><input type="hidden" name="section-id" value="template--23235915612375__main" /></form></product-form-component>
7917</quick-add-component>
7918
7919        </div>
7920      
7921    </div>
7922  </div>
7923</product-card>
7924
7925
7926
7927            
7928          </li>
7929        
7930          <li
7931            id="template--23235915612375__main-9183490146519"
7932            class="product-grid__item product-grid__item--5"
7933            data-page="1"
7934            data-product-id="9183490146519"
7935            ref="cards[]"
7936          >
7937            
7938            
7939<product-card
7940  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
7941  
7942  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
7943>
7944  <a
7945    
7946      href="/products/the-hls-x-staple-hoodie-burro?variant=48288931709143"
7947    
7948    class="product-card__link focus-visible--inset absolute inset-0"
7949    ref="productCardLink"
7950    aria-label="The HLS x Staple Hoodie {Burro}"
7951  ></a>
7952  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
7953    <div
7954      class="product-card__media media-hover--scale relative media-mask-clip"
7955      style="--ratio: 1.0;"
7956    >
7957      <a
7958        
7959          href="/products/the-hls-x-staple-hoodie-burro?variant=48288931709143"
7960        
7961        ref="cardGalleryLink"
7962        aria-label="The HLS x Staple Hoodie {Burro}"
7963        tabindex="-1"
7964      >
7965
7966
7967
7968
7969
7970
7971
7972
7973
7974
7975
7976
7977
7978<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-burro-37015204200663.jpg?v=1774018136&amp;width=2000" alt="High Level Science HLS x Staple hoodie in Burro color, featuring a casual fit and branded logo on the front." srcset="//livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-burro-37015204200663.jpg?v=1774018136&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-burro-37015204200663.jpg?v=1774018136&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-burro-37015204200663.jpg?v=1774018136&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-burro-37015204200663.jpg?v=1774018136&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-burro-37015204200663.jpg?v=1774018136&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-burro-37015204200663.jpg?v=1774018136&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-burro-37015204200663.jpg?v=1774018136&amp;width=2000 2000w" width="2000" height="2000" loading="lazy" sizes="(min-width: 1200px) calc((min(100vw, 1472px) - 345px - 32px) / 3), (min-width: 1024px) calc((min(100vw, 1472px) - 295px - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
7979
7980
7981</a>
7982          <product-badge data-product-id="9183490146519" class="product-card__badges">
7983            <div
7984  ref="badgesContainer"
7985  class="product-badges product-badges--vertical product-badges--empty"
7986>
7987
7988</div>
7989
7990          </product-badge>
7991        
7992<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
7993
7994<quick-add-component
7995  class="quick-add quick-add--combine color-scheme-5"
7996  ref="quickAdd"
7997  data-product-title="The HLS x Staple Hoodie {Burro}"
7998  data-product-url="/products/the-hls-x-staple-hoodie-burro"
7999  
8000    data-quick-add-button="choose"
8001    data-product-options-count="1"
8002  
8003  data-quick-add-mode="combine"
8004>
8005  <product-form-component
8006    data-section-id="template--23235915612375__main"
8007    data-product-id="9183490146519"
8008    on:submit="/handleSubmit"
8009    class="quick-add__product-form-component flex w-full"
8010  >
8011    <div
8012      class="visually-hidden"
8013      aria-live="assertive"
8014      role="status"
8015      aria-atomic="true"
8016      ref="liveRegion"
8017    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183490146519-AaFZENzJ4eVQ4MXBVT__product-card-5" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
8018        type="hidden"
8019        name="id"
8020        ref="variantId"
8021        value="48288931709143"
8022        
8023      >
8024      <input
8025        type="hidden"
8026        name="quantity"
8027        value="1"
8028      >
8029      
8030<add-to-cart-component class="block" ref="addToCartButtonContainer">
8031  <button
8032    id=""
8033    type="submit"
8034    name="add"
8035    ref="addToCartButton"
8036    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
8037    data-add-to-cart-text="Add to cart"
8038    data-sold-out-text="Sold out"
8039    data-unavailable-text="Unavailable"
8040    aria-label="Add to cart"
8041    
8042  >
8043    <span class="add-to-cart-text btn__text hidden md:flex">
8044      <span class="add-to-cart-text__content">Add to cart</span>
8045    </span>
8046    
8047      
8048<span
8049    class="icon icon--cart  md:hidden"
8050    
8051    
8052  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
8053  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
8054  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
8055  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
8056  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
8057</svg></span>
8058    
8059    
8060      <span class="add-to-cart-icon btn__icon hidden md:flex">
8061        <span class="btn__icon-text">Add to cart</span>
8062        <span class="btn__icon-icon">
8063<span
8064    class="icon icon--plus"
8065    
8066    
8067  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
8068  <path fill="none" d="M0 0H20V20H0V0z"/>
8069  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
8070  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
8071</svg></span></span>
8072      </span>
8073    
8074    <span
8075  class="loading-spinner add-to-cart-spinner hidden"
8076  
8077    ref="addToCartSpinner"
8078>
8079  <svg
8080    aria-hidden="true"
8081    focusable="false"
8082    class="spinner icon icon--medium"
8083    viewBox="0 0 66 66"
8084    xmlns="http://www.w3.org/2000/svg"
8085  >
8086    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
8087  </svg>
8088</span>
8089
8090  </button>
8091</add-to-cart-component>
8092
8093<button
8094            class="btn btn--primary quick-add__button quick-add__button--choose button-choose-options btn--icon-solid-desktop md:justify-start md:w-full"
8095            type="button"
8096            name="add"
8097            on:click="quick-add-component/handleClick"
8098            aria-label="Choose options"
8099          >
8100            <span class="btn__text hidden md:flex">Choose options</span>
8101            
8102<span
8103    class="icon icon--cart  md:hidden"
8104    
8105    
8106  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
8107  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
8108  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
8109  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
8110  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
8111</svg></span>
8112<span class="btn__icon hidden md:flex">
8113                <span class="btn__icon-text">Choose options</span>
8114                <span class="btn__icon-icon">
8115<span
8116    class="icon icon--plus"
8117    
8118    
8119  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
8120  <path fill="none" d="M0 0H20V20H0V0z"/>
8121  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
8122  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
8123</svg></span></span>
8124              </span><span
8125  class="loading-spinner quick-add__button-spinner hidden"
8126  
8127>
8128  <svg
8129    aria-hidden="true"
8130    focusable="false"
8131    class="spinner icon icon--medium"
8132    viewBox="0 0 66 66"
8133    xmlns="http://www.w3.org/2000/svg"
8134  >
8135    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
8136  </svg>
8137</span>
8138
8139          </button><input type="hidden" name="product-id" value="9183490146519" /><input type="hidden" name="section-id" value="template--23235915612375__main" /></form></product-form-component>
8140</quick-add-component>
8141
8142</div></div>
8143    
8144    <div
8145      class="product-card__content flex items-end justify-between"
8146      style="--content-alignment: flex-start;"
8147    >
8148      <div class="product-card__content--wrapper flex flex-col text-left">
8149        
8150<a
8151            class="product-card__title text-wrap reversed-link"
8152            href="
8153/products/the-hls-x-staple-hoodie-burro?variant=48288931709143"
8154            ref="productTitleLink"
8155            aria-label="The HLS x Staple Hoodie {Burro}"
8156          >
8157            <span class="reversed-link__text">The HLS x Staple Hoodie {Burro}</span>
8158          </a><product-price class="product-card__price">
8159          <div
8160  
8161    ref="priceContainer"
8162  
8163  data-quantity-breaks="false"
8164  class="
8165    price-container 
8166"
8167>
8168  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
8169      <span class="price">$68.00</span></div>
8170
8171  <div class="price__sale">
8172    <span class="visually-hidden">Sale price&nbsp;</span>
8173    <span class="price price--sale">$68.00</span>
8174      <span class="visually-hidden">Regular price&nbsp;</span>
8175      <span class="compare-at-price"></span></div></div>
8176
8177        </product-price>
8178          
8179
8180      </div>
8181      
8182        <div class="product-card__quick-add !bg-none color-scheme-5">
8183          
8184
8185<quick-add-component
8186  class="quick-add quick-add--combine"
8187  ref="quickAdd"
8188  data-product-title="The HLS x Staple Hoodie {Burro}"
8189  data-product-url="/products/the-hls-x-staple-hoodie-burro"
8190  
8191    data-quick-add-button="choose"
8192    data-product-options-count="1"
8193  
8194  data-quick-add-mode="combine"
8195>
8196  <product-form-component
8197    data-section-id="template--23235915612375__main"
8198    data-product-id="9183490146519"
8199    on:submit="/handleSubmit"
8200    class="quick-add__product-form-component flex w-full"
8201  >
8202    <div
8203      class="visually-hidden"
8204      aria-live="assertive"
8205      role="status"
8206      aria-atomic="true"
8207      ref="liveRegion"
8208    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183490146519-AaFZENzJ4eVQ4MXBVT__product-card-5" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
8209        type="hidden"
8210        name="id"
8211        ref="variantId"
8212        value="48288931709143"
8213        
8214      >
8215      <input
8216        type="hidden"
8217        name="quantity"
8218        value="1"
8219      >
8220      
8221<add-to-cart-component class="block" ref="addToCartButtonContainer">
8222  <button
8223    id=""
8224    type="submit"
8225    name="add"
8226    ref="addToCartButton"
8227    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
8228    data-add-to-cart-text="Add to cart"
8229    data-sold-out-text="Sold out"
8230    data-unavailable-text="Unavailable"
8231    aria-label="Add to cart"
8232    
8233  >
8234    <span class="add-to-cart-text btn__text hidden">
8235      <span class="add-to-cart-text__content">Add to cart</span>
8236    </span>
8237    
8238      
8239<span
8240    class="icon icon--cart "
8241    
8242    
8243  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
8244  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
8245  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
8246  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
8247  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
8248</svg></span>
8249    
8250    
8251    <span
8252  class="loading-spinner add-to-cart-spinner hidden"
8253  
8254    ref="addToCartSpinner"
8255>
8256  <svg
8257    aria-hidden="true"
8258    focusable="false"
8259    class="spinner icon icon--medium"
8260    viewBox="0 0 66 66"
8261    xmlns="http://www.w3.org/2000/svg"
8262  >
8263    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
8264  </svg>
8265</span>
8266
8267  </button>
8268</add-to-cart-component>
8269
8270<button
8271            class="btn btn--primary quick-add__button quick-add__button--choose button-choose-options btn--icon-only btn--small"
8272            type="button"
8273            name="add"
8274            on:click="quick-add-component/handleClick"
8275            aria-label="Choose options"
8276          >
8277            <span class="btn__text hidden">Choose options</span>
8278            
8279<span
8280    class="icon icon--cart icon--semi-small "
8281    
8282    
8283  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
8284  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
8285  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
8286  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
8287  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
8288</svg></span>
8289<span
8290  class="loading-spinner quick-add__button-spinner hidden"
8291  
8292>
8293  <svg
8294    aria-hidden="true"
8295    focusable="false"
8296    class="spinner icon icon--medium"
8297    viewBox="0 0 66 66"
8298    xmlns="http://www.w3.org/2000/svg"
8299  >
8300    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
8301  </svg>
8302</span>
8303
8304          </button><input type="hidden" name="product-id" value="9183490146519" /><input type="hidden" name="section-id" value="template--23235915612375__main" /></form></product-form-component>
8305</quick-add-component>
8306
8307        </div>
8308      
8309    </div>
8310  </div>
8311</product-card>
8312
8313
8314
8315            
8316          </li>
8317        
8318          <li
8319            id="template--23235915612375__main-9183492210903"
8320            class="product-grid__item product-grid__item--6"
8321            data-page="1"
8322            data-product-id="9183492210903"
8323            ref="cards[]"
8324          >
8325            
8326            
8327<product-card
8328  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
8329  
8330  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
8331>
8332  <a
8333    
8334      href="/products/the-hls-x-staple-hoodie-midnight?variant=48288936231127"
8335    
8336    class="product-card__link focus-visible--inset absolute inset-0"
8337    ref="productCardLink"
8338    aria-label="The HLS x Staple Hoodie {Midnight}"
8339  ></a>
8340  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
8341    <div
8342      class="product-card__media media-hover--scale relative media-mask-clip"
8343      style="--ratio: 1.0;"
8344    >
8345      <a
8346        
8347          href="/products/the-hls-x-staple-hoodie-midnight?variant=48288936231127"
8348        
8349        ref="cardGalleryLink"
8350        aria-label="The HLS x Staple Hoodie {Midnight}"
8351        tabindex="-1"
8352      >
8353
8354
8355
8356
8357
8358
8359
8360
8361
8362
8363
8364
8365
8366<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-midnight-37015209476311.jpg?v=1774018135&amp;width=2000" alt="High Level Science HLS x Staple hoodie in midnight color, featuring logo design and comfortable fabric." srcset="//livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-midnight-37015209476311.jpg?v=1774018135&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-midnight-37015209476311.jpg?v=1774018135&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-midnight-37015209476311.jpg?v=1774018135&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-midnight-37015209476311.jpg?v=1774018135&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-midnight-37015209476311.jpg?v=1774018135&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-midnight-37015209476311.jpg?v=1774018135&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-midnight-37015209476311.jpg?v=1774018135&amp;width=2000 2000w" width="2000" height="2000" loading="lazy" sizes="(min-width: 1200px) calc((min(100vw, 1472px) - 345px - 32px) / 3), (min-width: 1024px) calc((min(100vw, 1472px) - 295px - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
8367
8368
8369</a>
8370          <product-badge data-product-id="9183492210903" class="product-card__badges">
8371            <div
8372  ref="badgesContainer"
8373  class="product-badges product-badges--vertical product-badges--empty"
8374>
8375
8376</div>
8377
8378          </product-badge>
8379        
8380<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
8381
8382<quick-add-component
8383  class="quick-add quick-add--combine color-scheme-5"
8384  ref="quickAdd"
8385  data-product-title="The HLS x Staple Hoodie {Midnight}"
8386  data-product-url="/products/the-hls-x-staple-hoodie-midnight"
8387  
8388    data-quick-add-button="choose"
8389    data-product-options-count="1"
8390  
8391  data-quick-add-mode="combine"
8392>
8393  <product-form-component
8394    data-section-id="template--23235915612375__main"
8395    data-product-id="9183492210903"
8396    on:submit="/handleSubmit"
8397    class="quick-add__product-form-component flex w-full"
8398  >
8399    <div
8400      class="visually-hidden"
8401      aria-live="assertive"
8402      role="status"
8403      aria-atomic="true"
8404      ref="liveRegion"
8405    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183492210903-AaFZENzJ4eVQ4MXBVT__product-card-6" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
8406        type="hidden"
8407        name="id"
8408        ref="variantId"
8409        value="48288936231127"
8410        
8411      >
8412      <input
8413        type="hidden"
8414        name="quantity"
8415        value="1"
8416      >
8417      
8418<add-to-cart-component class="block" ref="addToCartButtonContainer">
8419  <button
8420    id=""
8421    type="submit"
8422    name="add"
8423    ref="addToCartButton"
8424    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
8425    data-add-to-cart-text="Add to cart"
8426    data-sold-out-text="Sold out"
8427    data-unavailable-text="Unavailable"
8428    aria-label="Add to cart"
8429    
8430  >
8431    <span class="add-to-cart-text btn__text hidden md:flex">
8432      <span class="add-to-cart-text__content">Add to cart</span>
8433    </span>
8434    
8435      
8436<span
8437    class="icon icon--cart  md:hidden"
8438    
8439    
8440  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
8441  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
8442  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
8443  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
8444  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
8445</svg></span>
8446    
8447    
8448      <span class="add-to-cart-icon btn__icon hidden md:flex">
8449        <span class="btn__icon-text">Add to cart</span>
8450        <span class="btn__icon-icon">
8451<span
8452    class="icon icon--plus"
8453    
8454    
8455  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
8456  <path fill="none" d="M0 0H20V20H0V0z"/>
8457  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
8458  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
8459</svg></span></span>
8460      </span>
8461    
8462    <span
8463  class="loading-spinner add-to-cart-spinner hidden"
8464  
8465    ref="addToCartSpinner"
8466>
8467  <svg
8468    aria-hidden="true"
8469    focusable="false"
8470    class="spinner icon icon--medium"
8471    viewBox="0 0 66 66"
8472    xmlns="http://www.w3.org/2000/svg"
8473  >
8474    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
8475  </svg>
8476</span>
8477
8478  </button>
8479</add-to-cart-component>
8480
8481<button
8482            class="btn btn--primary quick-add__button quick-add__button--choose button-choose-options btn--icon-solid-desktop md:justify-start md:w-full"
8483            type="button"
8484            name="add"
8485            on:click="quick-add-component/handleClick"
8486            aria-label="Choose options"
8487          >
8488            <span class="btn__text hidden md:flex">Choose options</span>
8489            
8490<span
8491    class="icon icon--cart  md:hidden"
8492    
8493    
8494  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
8495  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
8496  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
8497  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
8498  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
8499</svg></span>
8500<span class="btn__icon hidden md:flex">
8501                <span class="btn__icon-text">Choose options</span>
8502                <span class="btn__icon-icon">
8503<span
8504    class="icon icon--plus"
8505    
8506    
8507  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
8508  <path fill="none" d="M0 0H20V20H0V0z"/>
8509  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
8510  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
8511</svg></span></span>
8512              </span><span
8513  class="loading-spinner quick-add__button-spinner hidden"
8514  
8515>
8516  <svg
8517    aria-hidden="true"
8518    focusable="false"
8519    class="spinner icon icon--medium"
8520    viewBox="0 0 66 66"
8521    xmlns="http://www.w3.org/2000/svg"
8522  >
8523    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
8524  </svg>
8525</span>
8526
8527          </button><input type="hidden" name="product-id" value="9183492210903" /><input type="hidden" name="section-id" value="template--23235915612375__main" /></form></product-form-component>
8528</quick-add-component>
8529
8530</div></div>
8531    
8532    <div
8533      class="product-card__content flex items-end justify-between"
8534      style="--content-alignment: flex-start;"
8535    >
8536      <div class="product-card__content--wrapper flex flex-col text-left">
8537        
8538<a
8539            class="product-card__title text-wrap reversed-link"
8540            href="
8541/products/the-hls-x-staple-hoodie-midnight?variant=48288936231127"
8542            ref="productTitleLink"
8543            aria-label="The HLS x Staple Hoodie {Midnight}"
8544          >
8545            <span class="reversed-link__text">The HLS x Staple Hoodie {Midnight}</span>
8546          </a><product-price class="product-card__price">
8547          <div
8548  
8549    ref="priceContainer"
8550  
8551  data-quantity-breaks="false"
8552  class="
8553    price-container 
8554"
8555>
8556  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
8557      <span class="price">$68.00</span></div>
8558
8559  <div class="price__sale">
8560    <span class="visually-hidden">Sale price&nbsp;</span>
8561    <span class="price price--sale">$68.00</span>
8562      <span class="visually-hidden">Regular price&nbsp;</span>
8563      <span class="compare-at-price"></span></div></div>
8564
8565        </product-price>
8566          
8567
8568      </div>
8569      
8570        <div class="product-card__quick-add !bg-none color-scheme-5">
8571          
8572
8573<quick-add-component
8574  class="quick-add quick-add--combine"
8575  ref="quickAdd"
8576  data-product-title="The HLS x Staple Hoodie {Midnight}"
8577  data-product-url="/products/the-hls-x-staple-hoodie-midnight"
8578  
8579    data-quick-add-button="choose"
8580    data-product-options-count="1"
8581  
8582  data-quick-add-mode="combine"
8583>
8584  <product-form-component
8585    data-section-id="template--23235915612375__main"
8586    data-product-id="9183492210903"
8587    on:submit="/handleSubmit"
8588    class="quick-add__product-form-component flex w-full"
8589  >
8590    <div
8591      class="visually-hidden"
8592      aria-live="assertive"
8593      role="status"
8594      aria-atomic="true"
8595      ref="liveRegion"
8596    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183492210903-AaFZENzJ4eVQ4MXBVT__product-card-6" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
8597        type="hidden"
8598        name="id"
8599        ref="variantId"
8600        value="48288936231127"
8601        
8602      >
8603      <input
8604        type="hidden"
8605        name="quantity"
8606        value="1"
8607      >
8608      
8609<add-to-cart-component class="block" ref="addToCartButtonContainer">
8610  <button
8611    id=""
8612    type="submit"
8613    name="add"
8614    ref="addToCartButton"
8615    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
8616    data-add-to-cart-text="Add to cart"
8617    data-sold-out-text="Sold out"
8618    data-unavailable-text="Unavailable"
8619    aria-label="Add to cart"
8620    
8621  >
8622    <span class="add-to-cart-text btn__text hidden">
8623      <span class="add-to-cart-text__content">Add to cart</span>
8624    </span>
8625    
8626      
8627<span
8628    class="icon icon--cart "
8629    
8630    
8631  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
8632  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
8633  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
8634  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
8635  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
8636</svg></span>
8637    
8638    
8639    <span
8640  class="loading-spinner add-to-cart-spinner hidden"
8641  
8642    ref="addToCartSpinner"
8643>
8644  <svg
8645    aria-hidden="true"
8646    focusable="false"
8647    class="spinner icon icon--medium"
8648    viewBox="0 0 66 66"
8649    xmlns="http://www.w3.org/2000/svg"
8650  >
8651    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
8652  </svg>
8653</span>
8654
8655  </button>
8656</add-to-cart-component>
8657
8658<button
8659            class="btn btn--primary quick-add__button quick-add__button--choose button-choose-options btn--icon-only btn--small"
8660            type="button"
8661            name="add"
8662            on:click="quick-add-component/handleClick"
8663            aria-label="Choose options"
8664          >
8665            <span class="btn__text hidden">Choose options</span>
8666            
8667<span
8668    class="icon icon--cart icon--semi-small "
8669    
8670    
8671  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
8672  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
8673  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
8674  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
8675  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
8676</svg></span>
8677<span
8678  class="loading-spinner quick-add__button-spinner hidden"
8679  
8680>
8681  <svg
8682    aria-hidden="true"
8683    focusable="false"
8684    class="spinner icon icon--medium"
8685    viewBox="0 0 66 66"
8686    xmlns="http://www.w3.org/2000/svg"
8687  >
8688    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
8689  </svg>
8690</span>
8691
8692          </button><input type="hidden" name="product-id" value="9183492210903" /><input type="hidden" name="section-id" value="template--23235915612375__main" /></form></product-form-component>
8693</quick-add-component>
8694
8695        </div>
8696      
8697    </div>
8698  </div>
8699</product-card>
8700
8701
8702
8703            
8704          </li>
8705        
8706          <li
8707            id="template--23235915612375__main-9183494176983"
8708            class="product-grid__item product-grid__item--7"
8709            data-page="1"
8710            data-product-id="9183494176983"
8711            ref="cards[]"
8712          >
8713            
8714            
8715<product-card
8716  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
8717  
8718  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
8719>
8720  <a
8721    
8722      href="/products/the-hls-x-staple-t-faded-bone?variant=48288940327127"
8723    
8724    class="product-card__link focus-visible--inset absolute inset-0"
8725    ref="productCardLink"
8726    aria-label="The HLS x Staple T {Faded Bone}"
8727  ></a>
8728  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
8729    <div
8730      class="product-card__media media-hover--scale relative media-mask-clip"
8731      style="--ratio: 1.0;"
8732    >
8733      <a
8734        
8735          href="/products/the-hls-x-staple-t-faded-bone?variant=48288940327127"
8736        
8737        ref="cardGalleryLink"
8738        aria-label="The HLS x Staple T {Faded Bone}"
8739        tabindex="-1"
8740      >
8741
8742
8743
8744
8745
8746
8747
8748
8749
8750
8751
8752
8753
8754<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-bone-37015238377687.jpg?v=1774018135&amp;width=2000" alt="High Level Science HLS x Staple T-shirt in faded bone color, showcasing a casual fit and Staple logo design on the front." srcset="//livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-bone-37015238377687.jpg?v=1774018135&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-bone-37015238377687.jpg?v=1774018135&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-bone-37015238377687.jpg?v=1774018135&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-bone-37015238377687.jpg?v=1774018135&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-bone-37015238377687.jpg?v=1774018135&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-bone-37015238377687.jpg?v=1774018135&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-bone-37015238377687.jpg?v=1774018135&amp;width=2000 2000w" width="2000" height="2000" loading="lazy" sizes="(min-width: 1200px) calc((min(100vw, 1472px) - 345px - 32px) / 3), (min-width: 1024px) calc((min(100vw, 1472px) - 295px - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
8755
8756
8757</a>
8758          <product-badge data-product-id="9183494176983" class="product-card__badges">
8759            <div
8760  ref="badgesContainer"
8761  class="product-badges product-badges--vertical product-badges--empty"
8762>
8763
8764</div>
8765
8766          </product-badge>
8767        
8768<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
8769
8770<quick-add-component
8771  class="quick-add quick-add--combine color-scheme-5"
8772  ref="quickAdd"
8773  data-product-title="The HLS x Staple T {Faded Bone}"
8774  data-product-url="/products/the-hls-x-staple-t-faded-bone"
8775  
8776    data-quick-add-button="choose"
8777    data-product-options-count="1"
8778  
8779  data-quick-add-mode="combine"
8780>
8781  <product-form-component
8782    data-section-id="template--23235915612375__main"
8783    data-product-id="9183494176983"
8784    on:submit="/handleSubmit"
8785    class="quick-add__product-form-component flex w-full"
8786  >
8787    <div
8788      class="visually-hidden"
8789      aria-live="assertive"
8790      role="status"
8791      aria-atomic="true"
8792      ref="liveRegion"
8793    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183494176983-AaFZENzJ4eVQ4MXBVT__product-card-7" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
8794        type="hidden"
8795        name="id"
8796        ref="variantId"
8797        value="48288940327127"
8798        
8799      >
8800      <input
8801        type="hidden"
8802        name="quantity"
8803        value="1"
8804      >
8805      
8806<add-to-cart-component class="block" ref="addToCartButtonContainer">
8807  <button
8808    id=""
8809    type="submit"
8810    name="add"
8811    ref="addToCartButton"
8812    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
8813    data-add-to-cart-text="Add to cart"
8814    data-sold-out-text="Sold out"
8815    data-unavailable-text="Unavailable"
8816    aria-label="Add to cart"
8817    
8818  >
8819    <span class="add-to-cart-text btn__text hidden md:flex">
8820      <span class="add-to-cart-text__content">Add to cart</span>
8821    </span>
8822    
8823      
8824<span
8825    class="icon icon--cart  md:hidden"
8826    
8827    
8828  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
8829  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
8830  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
8831  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
8832  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
8833</svg></span>
8834    
8835    
8836      <span class="add-to-cart-icon btn__icon hidden md:flex">
8837        <span class="btn__icon-text">Add to cart</span>
8838        <span class="btn__icon-icon">
8839<span
8840    class="icon icon--plus"
8841    
8842    
8843  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
8844  <path fill="none" d="M0 0H20V20H0V0z"/>
8845  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
8846  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
8847</svg></span></span>
8848      </span>
8849    
8850    <span
8851  class="loading-spinner add-to-cart-spinner hidden"
8852  
8853    ref="addToCartSpinner"
8854>
8855  <svg
8856    aria-hidden="true"
8857    focusable="false"
8858    class="spinner icon icon--medium"
8859    viewBox="0 0 66 66"
8860    xmlns="http://www.w3.org/2000/svg"
8861  >
8862    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
8863  </svg>
8864</span>
8865
8866  </button>
8867</add-to-cart-component>
8868
8869<button
8870            class="btn btn--primary quick-add__button quick-add__button--choose button-choose-options btn--icon-solid-desktop md:justify-start md:w-full"
8871            type="button"
8872            name="add"
8873            on:click="quick-add-component/handleClick"
8874            aria-label="Choose options"
8875          >
8876            <span class="btn__text hidden md:flex">Choose options</span>
8877            
8878<span
8879    class="icon icon--cart  md:hidden"
8880    
8881    
8882  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
8883  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
8884  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
8885  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
8886  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
8887</svg></span>
8888<span class="btn__icon hidden md:flex">
8889                <span class="btn__icon-text">Choose options</span>
8890                <span class="btn__icon-icon">
8891<span
8892    class="icon icon--plus"
8893    
8894    
8895  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
8896  <path fill="none" d="M0 0H20V20H0V0z"/>
8897  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
8898  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
8899</svg></span></span>
8900              </span><span
8901  class="loading-spinner quick-add__button-spinner hidden"
8902  
8903>
8904  <svg
8905    aria-hidden="true"
8906    focusable="false"
8907    class="spinner icon icon--medium"
8908    viewBox="0 0 66 66"
8909    xmlns="http://www.w3.org/2000/svg"
8910  >
8911    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
8912  </svg>
8913</span>
8914
8915          </button><input type="hidden" name="product-id" value="9183494176983" /><input type="hidden" name="section-id" value="template--23235915612375__main" /></form></product-form-component>
8916</quick-add-component>
8917
8918</div></div>
8919    
8920    <div
8921      class="product-card__content flex items-end justify-between"
8922      style="--content-alignment: flex-start;"
8923    >
8924      <div class="product-card__content--wrapper flex flex-col text-left">
8925        
8926<a
8927            class="product-card__title text-wrap reversed-link"
8928            href="
8929/products/the-hls-x-staple-t-faded-bone?variant=48288940327127"
8930            ref="productTitleLink"
8931            aria-label="The HLS x Staple T {Faded Bone}"
8932          >
8933            <span class="reversed-link__text">The HLS x Staple T {Faded Bone}</span>
8934          </a><product-price class="product-card__price">
8935          <div
8936  
8937    ref="priceContainer"
8938  
8939  data-quantity-breaks="false"
8940  class="
8941    price-container 
8942"
8943>
8944  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
8945      <span class="price">$48.00</span></div>
8946
8947  <div class="price__sale">
8948    <span class="visually-hidden">Sale price&nbsp;</span>
8949    <span class="price price--sale">$48.00</span>
8950      <span class="visually-hidden">Regular price&nbsp;</span>
8951      <span class="compare-at-price"></span></div></div>
8952
8953        </product-price>
8954          
8955
8956      </div>
8957      
8958        <div class="product-card__quick-add !bg-none color-scheme-5">
8959          
8960
8961<quick-add-component
8962  class="quick-add quick-add--combine"
8963  ref="quickAdd"
8964  data-product-title="The HLS x Staple T {Faded Bone}"
8965  data-product-url="/products/the-hls-x-staple-t-faded-bone"
8966  
8967    data-quick-add-button="choose"
8968    data-product-options-count="1"
8969  
8970  data-quick-add-mode="combine"
8971>
8972  <product-form-component
8973    data-section-id="template--23235915612375__main"
8974    data-product-id="9183494176983"
8975    on:submit="/handleSubmit"
8976    class="quick-add__product-form-component flex w-full"
8977  >
8978    <div
8979      class="visually-hidden"
8980      aria-live="assertive"
8981      role="status"
8982      aria-atomic="true"
8983      ref="liveRegion"
8984    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183494176983-AaFZENzJ4eVQ4MXBVT__product-card-7" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
8985        type="hidden"
8986        name="id"
8987        ref="variantId"
8988        value="48288940327127"
8989        
8990      >
8991      <input
8992        type="hidden"
8993        name="quantity"
8994        value="1"
8995      >
8996      
8997<add-to-cart-component class="block" ref="addToCartButtonContainer">
8998  <button
8999    id=""
9000    type="submit"
9001    name="add"
9002    ref="addToCartButton"
9003    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
9004    data-add-to-cart-text="Add to cart"
9005    data-sold-out-text="Sold out"
9006    data-unavailable-text="Unavailable"
9007    aria-label="Add to cart"
9008    
9009  >
9010    <span class="add-to-cart-text btn__text hidden">
9011      <span class="add-to-cart-text__content">Add to cart</span>
9012    </span>
9013    
9014      
9015<span
9016    class="icon icon--cart "
9017    
9018    
9019  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
9020  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
9021  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
9022  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
9023  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
9024</svg></span>
9025    
9026    
9027    <span
9028  class="loading-spinner add-to-cart-spinner hidden"
9029  
9030    ref="addToCartSpinner"
9031>
9032  <svg
9033    aria-hidden="true"
9034    focusable="false"
9035    class="spinner icon icon--medium"
9036    viewBox="0 0 66 66"
9037    xmlns="http://www.w3.org/2000/svg"
9038  >
9039    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
9040  </svg>
9041</span>
9042
9043  </button>
9044</add-to-cart-component>
9045
9046<button
9047            class="btn btn--primary quick-add__button quick-add__button--choose button-choose-options btn--icon-only btn--small"
9048            type="button"
9049            name="add"
9050            on:click="quick-add-component/handleClick"
9051            aria-label="Choose options"
9052          >
9053            <span class="btn__text hidden">Choose options</span>
9054            
9055<span
9056    class="icon icon--cart icon--semi-small "
9057    
9058    
9059  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
9060  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
9061  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
9062  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
9063  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
9064</svg></span>
9065<span
9066  class="loading-spinner quick-add__button-spinner hidden"
9067  
9068>
9069  <svg
9070    aria-hidden="true"
9071    focusable="false"
9072    class="spinner icon icon--medium"
9073    viewBox="0 0 66 66"
9074    xmlns="http://www.w3.org/2000/svg"
9075  >
9076    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
9077  </svg>
9078</span>
9079
9080          </button><input type="hidden" name="product-id" value="9183494176983" /><input type="hidden" name="section-id" value="template--23235915612375__main" /></form></product-form-component>
9081</quick-add-component>
9082
9083        </div>
9084      
9085    </div>
9086  </div>
9087</product-card>
9088
9089
9090
9091            
9092          </li>
9093        
9094          <li
9095            id="template--23235915612375__main-9183494930647"
9096            class="product-grid__item product-grid__item--8"
9097            data-page="1"
9098            data-product-id="9183494930647"
9099            ref="cards[]"
9100          >
9101            
9102            
9103<product-card
9104  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
9105  
9106  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
9107>
9108  <a
9109    
9110      href="/products/the-hls-x-staple-t-faded-khaki?variant=48288942915799"
9111    
9112    class="product-card__link focus-visible--inset absolute inset-0"
9113    ref="productCardLink"
9114    aria-label="The HLS x Staple T {Faded Khaki}"
9115  ></a>
9116  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
9117    <div
9118      class="product-card__media media-hover--scale relative media-mask-clip"
9119      style="--ratio: 1.0;"
9120    >
9121      <a
9122        
9123          href="/products/the-hls-x-staple-t-faded-khaki?variant=48288942915799"
9124        
9125        ref="cardGalleryLink"
9126        aria-label="The HLS x Staple T {Faded Khaki}"
9127        tabindex="-1"
9128      >
9129
9130
9131
9132
9133
9134
9135
9136
9137
9138
9139
9140
9141
9142<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-kh
9142aki-37015214817495.jpg?v=1774018134&amp;width=2000" alt="Faded khaki Staple T-shirt by High Level Science featuring a relaxed fit and casual style, displayed on a neutral background." srcset="//livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-khaki-37015214817495.jpg?v=1774018134&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-khaki-37015214817495.jpg?v=1774018134&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-khaki-37015214817495.jpg?v=1774018134&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-khaki-37015214817495.jpg?v=1774018134&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-khaki-37015214817495.jpg?v=1774018134&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-khaki-37015214817495.jpg?v=1774018134&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-khaki-37015214817495.jpg?v=1774018134&amp;width=2000 2000w" width="2000" height="2000" loading="lazy" sizes="(min-width: 1200px) calc((min(100vw, 1472px) - 345px - 32px) / 3), (min-width: 1024px) calc((min(100vw, 1472px) - 295px - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
9143
9144
9145</a>
9146          <product-badge data-product-id="9183494930647" class="product-card__badges">
9147            <div
9148  ref="badgesContainer"
9149  class="product-badges product-badges--vertical product-badges--empty"
9150>
9151
9152</div>
9153
9154          </product-badge>
9155        
9156<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
9157
9158<quick-add-component
9159  class="quick-add quick-add--combine color-scheme-5"
9160  ref="quickAdd"
9161  data-product-title="The HLS x Staple T {Faded Khaki}"
9162  data-product-url="/products/the-hls-x-staple-t-faded-khaki"
9163  
9164    data-quick-add-button="choose"
9165    data-product-options-count="1"
9166  
9167  data-quick-add-mode="combine"
9168>
9169  <product-form-component
9170    data-section-id="template--23235915612375__main"
9171    data-product-id="9183494930647"
9172    on:submit="/handleSubmit"
9173    class="quick-add__product-form-component flex w-full"
9174  >
9175    <div
9176      class="visually-hidden"
9177      aria-live="assertive"
9178      role="status"
9179      aria-atomic="true"
9180      ref="liveRegion"
9181    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183494930647-AaFZENzJ4eVQ4MXBVT__product-card-8" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
9182        type="hidden"
9183        name="id"
9184        ref="variantId"
9185        value="48288942915799"
9186        
9187      >
9188      <input
9189        type="hidden"
9190        name="quantity"
9191        value="1"
9192      >
9193      
9194<add-to-cart-component class="block" ref="addToCartButtonContainer">
9195  <button
9196    id=""
9197    type="submit"
9198    name="add"
9199    ref="addToCartButton"
9200    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
9201    data-add-to-cart-text="Add to cart"
9202    data-sold-out-text="Sold out"
9203    data-unavailable-text="Unavailable"
9204    aria-label="Add to cart"
9205    
9206  >
9207    <span class="add-to-cart-text btn__text hidden md:flex">
9208      <span class="add-to-cart-text__content">Add to cart</span>
9209    </span>
9210    
9211      
9212<span
9213    class="icon icon--cart  md:hidden"
9214    
9215    
9216  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
9217  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
9218  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
9219  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
9220  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
9221</svg></span>
9222    
9223    
9224      <span class="add-to-cart-icon btn__icon hidden md:flex">
9225        <span class="btn__icon-text">Add to cart</span>
9226        <span class="btn__icon-icon">
9227<span
9228    class="icon icon--plus"
9229    
9230    
9231  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
9232  <path fill="none" d="M0 0H20V20H0V0z"/>
9233  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
9234  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
9235</svg></span></span>
9236      </span>
9237    
9238    <span
9239  class="loading-spinner add-to-cart-spinner hidden"
9240  
9241    ref="addToCartSpinner"
9242>
9243  <svg
9244    aria-hidden="true"
9245    focusable="false"
9246    class="spinner icon icon--medium"
9247    viewBox="0 0 66 66"
9248    xmlns="http://www.w3.org/2000/svg"
9249  >
9250    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
9251  </svg>
9252</span>
9253
9254  </button>
9255</add-to-cart-component>
9256
9257<button
9258            class="btn btn--primary quick-add__button quick-add__button--choose button-choose-options btn--icon-solid-desktop md:justify-start md:w-full"
9259            type="button"
9260            name="add"
9261            on:click="quick-add-component/handleClick"
9262            aria-label="Choose options"
9263          >
9264            <span class="btn__text hidden md:flex">Choose options</span>
9265            
9266<span
9267    class="icon icon--cart  md:hidden"
9268    
9269    
9270  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
9271  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
9272  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
9273  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
9274  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
9275</svg></span>
9276<span class="btn__icon hidden md:flex">
9277                <span class="btn__icon-text">Choose options</span>
9278                <span class="btn__icon-icon">
9279<span
9280    class="icon icon--plus"
9281    
9282    
9283  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
9284  <path fill="none" d="M0 0H20V20H0V0z"/>
9285  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
9286  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
9287</svg></span></span>
9288              </span><span
9289  class="loading-spinner quick-add__button-spinner hidden"
9290  
9291>
9292  <svg
9293    aria-hidden="true"
9294    focusable="false"
9295    class="spinner icon icon--medium"
9296    viewBox="0 0 66 66"
9297    xmlns="http://www.w3.org/2000/svg"
9298  >
9299    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
9300  </svg>
9301</span>
9302
9303          </button><input type="hidden" name="product-id" value="9183494930647" /><input type="hidden" name="section-id" value="template--23235915612375__main" /></form></product-form-component>
9304</quick-add-component>
9305
9306</div></div>
9307    
9308    <div
9309      class="product-card__content flex items-end justify-between"
9310      style="--content-alignment: flex-start;"
9311    >
9312      <div class="product-card__content--wrapper flex flex-col text-left">
9313        
9314<a
9315            class="product-card__title text-wrap reversed-link"
9316            href="
9317/products/the-hls-x-staple-t-faded-khaki?variant=48288942915799"
9318            ref="productTitleLink"
9319            aria-label="The HLS x Staple T {Faded Khaki}"
9320          >
9321            <span class="reversed-link__text">The HLS x Staple T {Faded Khaki}</span>
9322          </a><product-price class="product-card__price">
9323          <div
9324  
9325    ref="priceContainer"
9326  
9327  data-quantity-breaks="false"
9328  class="
9329    price-container 
9330"
9331>
9332  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
9333      <span class="price">$48.00</span></div>
9334
9335  <div class="price__sale">
9336    <span class="visually-hidden">Sale price&nbsp;</span>
9337    <span class="price price--sale">$48.00</span>
9338      <span class="visually-hidden">Regular price&nbsp;</span>
9339      <span class="compare-at-price"></span></div></div>
9340
9341        </product-price>
9342          
9343
9344      </div>
9345      
9346        <div class="product-card__quick-add !bg-none color-scheme-5">
9347          
9348
9349<quick-add-component
9350  class="quick-add quick-add--combine"
9351  ref="quickAdd"
9352  data-product-title="The HLS x Staple T {Faded Khaki}"
9353  data-product-url="/products/the-hls-x-staple-t-faded-khaki"
9354  
9355    data-quick-add-button="choose"
9356    data-product-options-count="1"
9357  
9358  data-quick-add-mode="combine"
9359>
9360  <product-form-component
9361    data-section-id="template--23235915612375__main"
9362    data-product-id="9183494930647"
9363    on:submit="/handleSubmit"
9364    class="quick-add__product-form-component flex w-full"
9365  >
9366    <div
9367      class="visually-hidden"
9368      aria-live="assertive"
9369      role="status"
9370      aria-atomic="true"
9371      ref="liveRegion"
9372    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183494930647-AaFZENzJ4eVQ4MXBVT__product-card-8" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
9373        type="hidden"
9374        name="id"
9375        ref="variantId"
9376        value="48288942915799"
9377        
9378      >
9379      <input
9380        type="hidden"
9381        name="quantity"
9382        value="1"
9383      >
9384      
9385<add-to-cart-component class="block" ref="addToCartButtonContainer">
9386  <button
9387    id=""
9388    type="submit"
9389    name="add"
9390    ref="addToCartButton"
9391    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
9392    data-add-to-cart-text="Add to cart"
9393    data-sold-out-text="Sold out"
9394    data-unavailable-text="Unavailable"
9395    aria-label="Add to cart"
9396    
9397  >
9398    <span class="add-to-cart-text btn__text hidden">
9399      <span class="add-to-cart-text__content">Add to cart</span>
9400    </span>
9401    
9402      
9403<span
9404    class="icon icon--cart "
9405    
9406    
9407  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
9408  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
9409  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
9410  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
9411  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
9412</svg></span>
9413    
9414    
9415    <span
9416  class="loading-spinner add-to-cart-spinner hidden"
9417  
9418    ref="addToCartSpinner"
9419>
9420  <svg
9421    aria-hidden="true"
9422    focusable="false"
9423    class="spinner icon icon--medium"
9424    viewBox="0 0 66 66"
9425    xmlns="http://www.w3.org/2000/svg"
9426  >
9427    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
9428  </svg>
9429</span>
9430
9431  </button>
9432</add-to-cart-component>
9433
9434<button
9435            class="btn btn--primary quick-add__button quick-add__button--choose button-choose-options btn--icon-only btn--small"
9436            type="button"
9437            name="add"
9438            on:click="quick-add-component/handleClick"
9439            aria-label="Choose options"
9440          >
9441            <span class="btn__text hidden">Choose options</span>
9442            
9443<span
9444    class="icon icon--cart icon--semi-small "
9445    
9446    
9447  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
9448  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
9449  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
9450  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
9451  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
9452</svg></span>
9453<span
9454  class="loading-spinner quick-add__button-spinner hidden"
9455  
9456>
9457  <svg
9458    aria-hidden="true"
9459    focusable="false"
9460    class="spinner icon icon--medium"
9461    viewBox="0 0 66 66"
9462    xmlns="http://www.w3.org/2000/svg"
9463  >
9464    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
9465  </svg>
9466</span>
9467
9468          </button><input type="hidden" name="product-id" value="9183494930647" /><input type="hidden" name="section-id" value="template--23235915612375__main" /></form></product-form-component>
9469</quick-add-component>
9470
9471        </div>
9472      
9473    </div>
9474  </div>
9475</product-card>
9476
9477
9478
9479            
9480          </li>
9481        
9482          <li
9483            id="template--23235915612375__main-9183495258327"
9484            class="product-grid__item product-grid__item--9"
9485            data-page="1"
9486            data-product-id="9183495258327"
9487            ref="cards[]"
9488          >
9489            
9490            
9491<product-card
9492  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
9493  
9494  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
9495>
9496  <a
9497    
9498      href="/products/the-hls-x-staple-t-faded-black?variant=48288946094295"
9499    
9500    class="product-card__link focus-visible--inset absolute inset-0"
9501    ref="productCardLink"
9502    aria-label="The HLS x Staple T {Faded Black}"
9503  ></a>
9504  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
9505    <div
9506      class="product-card__media media-hover--scale relative media-mask-clip"
9507      style="--ratio: 1.0;"
9508    >
9509      <a
9510        
9511          href="/products/the-hls-x-staple-t-faded-black?variant=48288946094295"
9512        
9513        ref="cardGalleryLink"
9514        aria-label="The HLS x Staple T {Faded Black}"
9515        tabindex="-1"
9516      >
9517
9518
9519
9520
9521
9522
9523
9524
9525
9526
9527
9528
9529
9530<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-black-1227971267.jpg?v=1774018272&amp;width=2000" alt="High Level Science HLS x Staple T-shirt in faded black, featuring a casual fit and Staple branding on the front." srcset="//livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-black-1227971267.jpg?v=1774018272&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-black-1227971267.jpg?v=1774018272&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-black-1227971267.jpg?v=1774018272&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-black-1227971267.jpg?v=1774018272&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-black-1227971267.jpg?v=1774018272&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-black-1227971267.jpg?v=1774018272&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-black-1227971267.jpg?v=1774018272&amp;width=2000 2000w" width="2000" height="2000" loading="lazy" sizes="(min-width: 1200px) calc((min(100vw, 1472px) - 345px - 32px) / 3), (min-width: 1024px) calc((min(100vw, 1472px) - 295px - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
9531
9532
9533</a>
9534          <product-badge data-product-id="9183495258327" class="product-card__badges">
9535            <div
9536  ref="badgesContainer"
9537  class="product-badges product-badges--vertical product-badges--empty"
9538>
9539
9540</div>
9541
9542          </product-badge>
9543        
9544<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
9545
9546<quick-add-component
9547  class="quick-add quick-add--combine color-scheme-5"
9548  ref="quickAdd"
9549  data-product-title="The HLS x Staple T {Faded Black}"
9550  data-product-url="/products/the-hls-x-staple-t-faded-black"
9551  
9552    data-quick-add-button="choose"
9553    data-product-options-count="1"
9554  
9555  data-quick-add-mode="combine"
9556>
9557  <product-form-component
9558    data-section-id="template--23235915612375__main"
9559    data-product-id="9183495258327"
9560    on:submit="/handleSubmit"
9561    class="quick-add__product-form-component flex w-full"
9562  >
9563    <div
9564      class="visually-hidden"
9565      aria-live="assertive"
9566      role="status"
9567      aria-atomic="true"
9568      ref="liveRegion"
9569    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183495258327-AaFZENzJ4eVQ4MXBVT__product-card-9" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
9570        type="hidden"
9571        name="id"
9572        ref="variantId"
9573        value="48288946094295"
9574        
9575      >
9576      <input
9577        type="hidden"
9578        name="quantity"
9579        value="1"
9580      >
9581      
9582<add-to-cart-component class="block" ref="addToCartButtonContainer">
9583  <button
9584    id=""
9585    type="submit"
9586    name="add"
9587    ref="addToCartButton"
9588    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
9589    data-add-to-cart-text="Add to cart"
9590    data-sold-out-text="Sold out"
9591    data-unavailable-text="Unavailable"
9592    aria-label="Add to cart"
9593    
9594  >
9595    <span class="add-to-cart-text btn__text hidden md:flex">
9596      <span class="add-to-cart-text__content">Add to cart</span>
9597    </span>
9598    
9599      
9600<span
9601    class="icon icon--cart  md:hidden"
9602    
9603    
9604  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
9605  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
9606  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
9607  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
9608  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
9609</svg></span>
9610    
9611    
9612      <span class="add-to-cart-icon btn__icon hidden md:flex">
9613        <span class="btn__icon-text">Add to cart</span>
9614        <span class="btn__icon-icon">
9615<span
9616    class="icon icon--plus"
9617    
9618    
9619  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
9620  <path fill="none" d="M0 0H20V20H0V0z"/>
9621  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
9622  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
9623</svg></span></span>
9624      </span>
9625    
9626    <span
9627  class="loading-spinner add-to-cart-spinner hidden"
9628  
9629    ref="addToCartSpinner"
9630>
9631  <svg
9632    aria-hidden="true"
9633    focusable="false"
9634    class="spinner icon icon--medium"
9635    viewBox="0 0 66 66"
9636    xmlns="http://www.w3.org/2000/svg"
9637  >
9638    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
9639  </svg>
9640</span>
9641
9642  </button>
9643</add-to-cart-component>
9644
9645<button
9646            class="btn btn--primary quick-add__button quick-add__button--choose button-choose-options btn--icon-solid-desktop md:justify-start md:w-full"
9647            type="button"
9648            name="add"
9649            on:click="quick-add-component/handleClick"
9650            aria-label="Choose options"
9651          >
9652            <span class="btn__text hidden md:flex">Choose options</span>
9653            
9654<span
9655    class="icon icon--cart  md:hidden"
9656    
9657    
9658  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
9659  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
9660  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
9661  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
9662  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
9663</svg></span>
9664<span class="btn__icon hidden md:flex">
9665                <span class="btn__icon-text">Choose options</span>
9666                <span class="btn__icon-icon">
9667<span
9668    class="icon icon--plus"
9669    
9670    
9671  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
9672  <path fill="none" d="M0 0H20V20H0V0z"/>
9673  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
9674  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
9675</svg></span></span>
9676              </span><span
9677  class="loading-spinner quick-add__button-spinner hidden"
9678  
9679>
9680  <svg
9681    aria-hidden="true"
9682    focusable="false"
9683    class="spinner icon icon--medium"
9684    viewBox="0 0 66 66"
9685    xmlns="http://www.w3.org/2000/svg"
9686  >
9687    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
9688  </svg>
9689</span>
9690
9691          </button><input type="hidden" name="product-id" value="9183495258327" /><input type="hidden" name="section-id" value="template--23235915612375__main" /></form></product-form-component>
9692</quick-add-component>
9693
9694</div></div>
9695    
9696    <div
9697      class="product-card__content flex items-end justify-between"
9698      style="--content-alignment: flex-start;"
9699    >
9700      <div class="product-card__content--wrapper flex flex-col text-left">
9701        
9702<a
9703            class="product-card__title text-wrap reversed-link"
9704            href="
9705/products/the-hls-x-staple-t-faded-black?variant=48288946094295"
9706            ref="productTitleLink"
9707            aria-label="The HLS x Staple T {Faded Black}"
9708          >
9709            <span class="reversed-link__text">The HLS x Staple T {Faded Black}</span>
9710          </a><product-price class="product-card__price">
9711          <div
9712  
9713    ref="priceContainer"
9714  
9715  data-quantity-breaks="false"
9716  class="
9717    price-container 
9718"
9719>
9720  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
9721      <span class="price">$48.00</span></div>
9722
9723  <div class="price__sale">
9724    <span class="visually-hidden">Sale price&nbsp;</span>
9725    <span class="price price--sale">$48.00</span>
9726      <span class="visually-hidden">Regular price&nbsp;</span>
9727      <span class="compare-at-price"></span></div></div>
9728
9729        </product-price>
9730          
9731
9732      </div>
9733      
9734        <div class="product-card__quick-add !bg-none color-scheme-5">
9735          
9736
9737<quick-add-component
9738  class="quick-add quick-add--combine"
9739  ref="quickAdd"
9740  data-product-title="The HLS x Staple T {Faded Black}"
9741  data-product-url="/products/the-hls-x-staple-t-faded-black"
9742  
9743    data-quick-add-button="choose"
9744    data-product-options-count="1"
9745  
9746  data-quick-add-mode="combine"
9747>
9748  <product-form-component
9749    data-section-id="template--23235915612375__main"
9750    data-product-id="9183495258327"
9751    on:submit="/handleSubmit"
9752    class="quick-add__product-form-component flex w-full"
9753  >
9754    <div
9755      class="visually-hidden"
9756      aria-live="assertive"
9757      role="status"
9758      aria-atomic="true"
9759      ref="liveRegion"
9760    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183495258327-AaFZENzJ4eVQ4MXBVT__product-card-9" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
9761        type="hidden"
9762        name="id"
9763        ref="variantId"
9764        value="48288946094295"
9765        
9766      >
9767      <input
9768        type="hidden"
9769        name="quantity"
9770        value="1"
9771      >
9772      
9773<add-to-cart-component class="block" ref="addToCartButtonContainer">
9774  <button
9775    id=""
9776    type="submit"
9777    name="add"
9778    ref="addToCartButton"
9779    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
9780    data-add-to-cart-text="Add to cart"
9781    data-sold-out-text="Sold out"
9782    data-unavailable-text="Unavailable"
9783    aria-label="Add to cart"
9784    
9785  >
9786    <span class="add-to-cart-text btn__text hidden">
9787      <span class="add-to-cart-text__content">Add to cart</span>
9788    </span>
9789    
9790      
9791<span
9792    class="icon icon--cart "
9793    
9794    
9795  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
9796  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
9797  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
9798  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
9799  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
9800</svg></span>
9801    
9802    
9803    <span
9804  class="loading-spinner add-to-cart-spinner hidden"
9805  
9806    ref="addToCartSpinner"
9807>
9808  <svg
9809    aria-hidden="true"
9810    focusable="false"
9811    class="spinner icon icon--medium"
9812    viewBox="0 0 66 66"
9813    xmlns="http://www.w3.org/2000/svg"
9814  >
9815    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
9816  </svg>
9817</span>
9818
9819  </button>
9820</add-to-cart-component>
9821
9822<button
9823            class="btn btn--primary quick-add__button quick-add__button--choose button-choose-options btn--icon-only btn--small"
9824            type="button"
9825            name="add"
9826            on:click="quick-add-component/handleClick"
9827            aria-label="Choose options"
9828          >
9829            <span class="btn__text hidden">Choose options</span>
9830            
9831<span
9832    class="icon icon--cart icon--semi-small "
9833    
9834    
9835  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
9836  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
9837  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
9838  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
9839  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
9840</svg></span>
9841<span
9842  class="loading-spinner quick-add__button-spinner hidden"
9843  
9844>
9845  <svg
9846    aria-hidden="true"
9847    focusable="false"
9848    class="spinner icon icon--medium"
9849    viewBox="0 0 66 66"
9850    xmlns="http://www.w3.org/2000/svg"
9851  >
9852    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
9853  </svg>
9854</span>
9855
9856          </button><input type="hidden" name="product-id" value="9183495258327" /><input type="hidden" name="section-id" value="template--23235915612375__main" /></form></product-form-component>
9857</quick-add-component>
9858
9859        </div>
9860      
9861    </div>
9862  </div>
9863</product-card>
9864
9865
9866
9867            
9868          </li>
9869        
9870          <li
9871            id="template--23235915612375__main-9183496798423"
9872            class="product-grid__item product-grid__item--10"
9873            data-page="1"
9874            data-product-id="9183496798423"
9875            ref="cards[]"
9876          >
9877            
9878            
9879<product-card
9880  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
9881  
9882  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
9883>
9884  <a
9885    
9886      href="/products/the-hls-x-staple-hat-stone?variant=48288948715735"
9887    
9888    class="product-card__link focus-visible--inset absolute inset-0"
9889    ref="productCardLink"
9890    aria-label="The HLS x Staple Hat {Stone}"
9891  ></a>
9892  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
9893    <div
9894      class="product-card__media media-hover--scale relative media-mask-clip"
9895      style="--ratio: 1.0;"
9896    >
9897      <a
9898        
9899          href="/products/the-hls-x-staple-hat-stone?variant=48288948715735"
9900        
9901        ref="cardGalleryLink"
9902        aria-label="The HLS x Staple Hat {Stone}"
9903        tabindex="-1"
9904      >
9905
9906
9907
9908
9909
9910
9911
9912
9913
9914
9915
9916
9917
9918<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-stone-1227971259.jpg?v=1774019171&amp;width=2000" alt="Stone-colored High Level Science HLS x Staple hat featuring a classic baseball cap design and branding details." srcset="//livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-stone-1227971259.jpg?v=1774019171&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-stone-1227971259.jpg?v=1774019171&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-stone-1227971259.jpg?v=1774019171&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-stone-1227971259.jpg?v=1774019171&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-stone-1227971259.jpg?v=1774019171&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-stone-1227971259.jpg?v=1774019171&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-stone-1227971259.jpg?v=1774019171&amp;width=2000 2000w" width="2000" height="2000" loading="lazy" sizes="(min-width: 1200px) calc((min(100vw, 1472px) - 345px - 32px) / 3), (min-width: 1024px) calc((min(100vw, 1472px) - 295px - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
9919
9920
9921</a>
9922          <product-badge data-product-id="9183496798423" class="product-card__badges">
9923            <div
9924  ref="badgesContainer"
9925  class="product-badges product-badges--vertical product-badges--empty"
9926>
9927
9928</div>
9929
9930          </product-badge>
9931        
9932<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
9933
9934<quick-add-component
9935  class="quick-add quick-add--combine color-scheme-5"
9936  ref="quickAdd"
9937  data-product-title="The HLS x Staple Hat {Stone}"
9938  data-product-url="/products/the-hls-x-staple-hat-stone"
9939  
9940    data-quick-add-button="add"
9941    data-product-options-count="1"
9942  
9943  data-quick-add-mode="combine"
9944>
9945  <product-form-component
9946    data-section-id="template--23235915612375__main"
9947    data-product-id="9183496798423"
9948    on:submit="/handleSubmit"
9949    class="quick-add__product-form-component flex w-full"
9950  >
9951    <div
9952      class="visually-hidden"
9953      aria-live="assertive"
9954      role="status"
9955      aria-atomic="true"
9956      ref="liveRegion"
9957    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183496798423-AaFZENzJ4eVQ4MXBVT__product-card-10" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
9958        type="hidden"
9959        name="id"
9960        ref="variantId"
9961        value="48288948715735"
9962        
9963      >
9964      <input
9965        type="hidden"
9966        name="quantity"
9967        value="1"
9968      >
9969      
9970<add-to-cart-component class="block" ref="addToCartButtonContainer">
9971  <button
9972    id=""
9973    type="submit"
9974    name="add"
9975    ref="addToCartButton"
9976    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
9977    data-add-to-cart-text="Add to cart"
9978    data-sold-out-text="Sold out"
9979    data-unavailable-text="Unavailable"
9980    aria-label="Add to cart"
9981    
9982  >
9983    <span class="add-to-cart-text btn__text hidden md:flex">
9984      <span class="add-to-cart-text__content">Add to cart</span>
9985    </span>
9986    
9987      
9988<span
9989    class="icon icon--cart  md:hidden"
9990    
9991    
9992  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
9993  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
9994  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
9995  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
9996  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
9997</svg></span>
9998    
9999    
10000      <span class="add-to-cart-icon btn__icon hidden md:flex">
10001        <span class="btn__icon-text">Add to cart</span>
10002        <span class="btn__icon-icon">
10003<span
10004    class="icon icon--plus"
10005    
10006    
10007  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
10008  <path fill="none" d="M0 0H20V20H0V0z"/>
10009  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
10010  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
10011</svg></span></span>
10012      </span>
10013    
10014    <span
10015  class="loading-spinner add-to-cart-spinner hidden"
10016  
10017    ref="addToCartSpinner"
10018>
10019  <svg
10020    aria-hidden="true"
10021    focusable="false"
10022    class="spinner icon icon--medium"
10023    viewBox="0 0 66 66"
10024    xmlns="http://www.w3.org/2000/svg"
10025  >
10026    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
10027  </svg>
10028</span>
10029
10030  </button>
10031</add-to-cart-component>
10032
10033<input type="hidden" name="product-id" value="9183496798423" /><input type="hidden" name="section-id" value="template--23235915612375__main" /></form></product-form-component>
10034</quick-add-component>
10035
10036</div></div>
10037    
10038    <div
10039      class="product-card__content flex items-end justify-between"
10040      style="--content-alignment: flex-start;"
10041    >
10042      <div class="product-card__content--wrapper flex flex-col text-left">
10043        
10044<a
10045            class="product-card__title text-wrap reversed-link"
10046            href="
10047/products/the-hls-x-staple-hat-stone?variant=48288948715735"
10048            ref="productTitleLink"
10049            aria-label="The HLS x Staple Hat {Stone}"
10050          >
10051            <span class="reversed-link__text">The HLS x Staple Hat {Stone}</span>
10052          </a><product-price class="product-card__price">
10053          <div
10054  
10055    ref="priceContainer"
10056  
10057  data-quantity-breaks="false"
10058  class="
10059    price-container 
10060"
10061>
10062  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
10063      <span class="price">$36.00</span></div>
10064
10065  <div class="price__sale">
10066    <span class="visually-hidden">Sale price&nbsp;</span>
10067    <span class="price price--sale">$36.00</span>
10068      <span class="visually-hidden">Regular price&nbsp;</span>
10069      <span class="compare-at-price"></span></div></div>
10070
10071        </product-price>
10072          
10073
10074      </div>
10075      
10076        <div class="product-card__quick-add !bg-none color-scheme-5">
10077          
10078
10079<quick-add-component
10080  class="quick-add quick-add--combine"
10081  ref="quickAdd"
10082  data-product-title="The HLS x Staple Hat {Stone}"
10083  data-product-url="/products/the-hls-x-staple-hat-stone"
10084  
10085    data-quick-add-button="add"
10086    data-product-options-count="1"
10087  
10088  data-quick-add-mode="combine"
10089>
10090  <product-form-component
10091    data-section-id="template--23235915612375__main"
10092    data-product-id="9183496798423"
10093    on:submit="/handleSubmit"
10094    class="quick-add__product-form-component flex w-full"
10095  >
10096    <div
10097      class="visually-hidden"
10098      aria-live="assertive"
10099      role="status"
10100      aria-atomic="true"
10101      ref="liveRegion"
10102    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183496798423-AaFZENzJ4eVQ4MXBVT__product-card-10" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
10103        type="hidden"
10104        name="id"
10105        ref="variantId"
10106        value="48288948715735"
10107        
10108      >
10109      <input
10110        type="hidden"
10111        name="quantity"
10112        value="1"
10113      >
10114      
10115<add-to-cart-component class="block" ref="addToCartButtonContainer">
10116  <button
10117    id=""
10118    type="submit"
10119    name="add"
10120    ref="addToCartButton"
10121    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
10122    data-add-to-cart-text="Add to cart"
10123    data-sold-out-text="Sold out"
10124    data-unavailable-text="Unavailable"
10125    aria-label="Add to cart"
10126    
10127  >
10128    <span class="add-to-cart-text btn__text hidden">
10129      <span class="add-to-cart-text__content">Add to cart</span>
10130    </span>
10131    
10132      
10133<span
10134    class="icon icon--cart "
10135    
10136    
10137  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
10138  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
10139  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
10140  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
10141  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
10142</svg></span>
10143    
10144    
10145    <span
10146  class="loading-spinner add-to-cart-spinner hidden"
10147  
10148    ref="addToCartSpinner"
10149>
10150  <svg
10151    aria-hidden="true"
10152    focusable="false"
10153    class="spinner icon icon--medium"
10154    viewBox="0 0 66 66"
10155    xmlns="http://www.w3.org/2000/svg"
10156  >
10157    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
10158  </svg>
10159</span>
10160
10161  </button>
10162</add-to-cart-component>
10163
10164<input type="hidden" name="product-id" value="9183496798423" /><input type="hidden" name="section-id" value="template--23235915612375__main" /></form></product-form-component>
10165</quick-add-component>
10166
10167        </div>
10168      
10169    </div>
10170  </div>
10171</product-card>
10172
10173
10174
10175            
10176          </li>
10177        
10178          <li
10179            id="template--23235915612375__main-9183496995031"
10180            class="product-grid__item product-grid__item--11"
10181            data-page="1"
10182            data-product-id="9183496995031"
10183            ref="cards[]"
10184          >
10185            
10186            
10187<product-card
10188  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
10189  
10190  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
10191>
10192  <a
10193    
10194      href="/products/the-hls-x-staple-hat-khaki?variant=48288949076183"
10195    
10196    class="product-card__link focus-visible--inset absolute inset-0"
10197    ref="productCardLink"
10198    aria-label="The HLS x Staple Hat {Khaki}"
10199  ></a>
10200  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
10201    <div
10202      class="product-card__media media-hover--scale relative media-mask-clip"
10203      style="--ratio: 1.0;"
10204    >
10205      <a
10206        
10207          href="/products/the-hls-x-staple-hat-khaki?variant=48288949076183"
10208        
10209        ref="cardGalleryLink"
10210        aria-label="The HLS x Staple Hat {Khaki}"
10211        tabindex="-1"
10212      >
10213
10214
10215
10216
10217
10218
10219
10220
10221
10222
10223
10224
10225
10226<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-khaki-1227971254.jpg?v=1774019531&amp;width=2000" alt="Khaki HLS x Staple Hat by High Level Science featuring a classic baseball cap style with logo embroidery." srcset="//livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-khaki-1227971254.jpg?v=1774019531&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-khaki-1227971254.jpg?v=1774019531&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-khaki-1227971254.jpg?v=1774019531&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-khaki-1227971254.jpg?v=1774019531&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-khaki-1227971254.jpg?v=1774019531&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-khaki-1227971254.jpg?v=1774019531&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-khaki-1227971254.jpg?v=1774019531&amp;width=2000 2000w" width="2000" height="2000" loading="lazy" sizes="(min-width: 1200px) calc((min(100vw, 1472px) - 345px - 32px) / 3), (min-width: 1024px) calc((min(100vw, 1472px) - 295px - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
10227
10228
10229</a>
10230          <product-badge data-product-id="9183496995031" class="product-card__badges">
10231            <div
10232  ref="badgesContainer"
10233  class="product-badges product-badges--vertical product-badges--empty"
10234>
10235
10236</div>
10237
10238          </product-badge>
10239        
10240<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
10241
10242<quick-add-component
10243  class="quick-add quick-add--combine color-scheme-5"
10244  ref="quickAdd"
10245  data-product-title="The HLS x Staple Hat {Khaki}"
10246  data-product-url="/products/the-hls-x-staple-hat-khaki"
10247  
10248    data-quick-add-button="add"
10249    data-product-options-count="1"
10250  
10251  data-quick-add-mode="combine"
10252>
10253  <product-form-component
10254    data-section-id="template--23235915612375__main"
10255    data-product-id="9183496995031"
10256    on:submit="/handleSubmit"
10257    class="quick-add__product-form-component flex w-full"
10258  >
10259    <div
10260      class="visually-hidden"
10261      aria-live="assertive"
10262      role="status"
10263      aria-atomic="true"
10264      ref="liveRegion"
10265    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183496995031-AaFZENzJ4eVQ4MXBVT__product-card-11" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
10266        type="hidden"
10267        name="id"
10268        ref="variantId"
10269        value="48288949076183"
10270        
10271      >
10272      <input
10273        type="hidden"
10274        name="quantity"
10275        value="1"
10276      >
10277      
10278<add-to-cart-component class="block" ref="addToCartButtonContainer">
10279  <button
10280    id=""
10281    type="submit"
10282    name="add"
10283    ref="addToCartButton"
10284    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
10285    data-add-to-cart-text="Add to cart"
10286    data-sold-out-text="Sold out"
10287    data-unavailable-text="Unavailable"
10288    aria-label="Add to cart"
10289    
10290  >
10291    <span class="add-to-cart-text btn__text hidden md:flex">
10292      <span class="add-to-cart-text__content">Add to cart</span>
10293    </span>
10294    
10295      
10296<span
10297    class="icon icon--cart  md:hidden"
10298    
10299    
10300  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
10301  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
10302  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
10303  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
10304  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
10305</svg></span>
10306    
10307    
10308      <span class="add-to-cart-icon btn__icon hidden md:flex">
10309        <span class="btn__icon-text">Add to cart</span>
10310        <span class="btn__icon-icon">
10311<span
10312    class="icon icon--plus"
10313    
10314    
10315  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
10316  <path fill="none" d="M0 0H20V20H0V0z"/>
10317  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
10318  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
10319</svg></span></span>
10320      </span>
10321    
10322    <span
10323  class="loading-spinner add-to-cart-spinner hidden"
10324  
10325    ref="addToCartSpinner"
10326>
10327  <svg
10328    aria-hidden="true"
10329    focusable="false"
10330    class="spinner icon icon--medium"
10331    viewBox="0 0 66 66"
10332    xmlns="http://www.w3.org/2000/svg"
10333  >
10334    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
10335  </svg>
10336</span>
10337
10338  </button>
10339</add-to-cart-component>
10340
10341<input type="hidden" name="product-id" value="9183496995031" /><input type="hidden" name="section-id" value="template--23235915612375__main" /></form></product-form-component>
10342</quick-add-component>
10343
10344</div></div>
10345    
10346    <div
10347      class="product-card__content flex items-end justify-between"
10348      style="--content-alignment: flex-start;"
10349    >
10350      <div class="product-card__content--wrapper flex flex-col text-left">
10351        
10352<a
10353            class="product-card__title text-wrap reversed-link"
10354            href="
10355/products/the-hls-x-staple-hat-khaki?variant=48288949076183"
10356            ref="productTitleLink"
10357            aria-label="The HLS x Staple Hat {Khaki}"
10358          >
10359            <span class="reversed-link__text">The HLS x Staple Hat {Khaki}</span>
10360          </a><product-price class="product-card__price">
10361          <div
10362  
10363    ref="priceContainer"
10364  
10365  data-quantity-breaks="false"
10366  class="
10367    price-container 
10368"
10369>
10370  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
10371      <span class="price">$36.00</span></div>
10372
10373  <div class="price__sale">
10374    <span class="visually-hidden">Sale price&nbsp;</span>
10375    <span class="price price--sale">$36.00</span>
10376      <span class="visually-hidden">Regular price&nbsp;</span>
10377      <span class="compare-at-price"></span></div></div>
10378
10379        </product-price>
10380          
10381
10382      </div>
10383      
10384        <div class="product-card__quick-add !bg-none color-scheme-5">
10385          
10386
10387<quick-add-component
10388  class="quick-add quick-add--combine"
10389  ref="quickAdd"
10390  data-product-title="The HLS x Staple Hat {Khaki}"
10391  data-product-url="/products/the-hls-x-staple-hat-khaki"
10392  
10393    data-quick-add-button="add"
10394    data-product-options-count="1"
10395  
10396  data-quick-add-mode="combine"
10397>
10398  <product-form-component
10399    data-section-id="template--23235915612375__main"
10400    data-product-id="9183496995031"
10401    on:submit="/handleSubmit"
10402    class="quick-add__product-form-component flex w-full"
10403  >
10404    <div
10405      class="visually-hidden"
10406      aria-live="assertive"
10407      role="status"
10408      aria-atomic="true"
10409      ref="liveRegion"
10410    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183496995031-AaFZENzJ4eVQ4MXBVT__product-card-11" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
10411        type="hidden"
10412        name="id"
10413        ref="variantId"
10414        value="48288949076183"
10415        
10416      >
10417      <input
10418        type="hidden"
10419        name="quantity"
10420        value="1"
10421      >
10422      
10423<add-to-cart-component class="block" ref="addToCartButtonContainer">
10424  <button
10425    id=""
10426    type="submit"
10427    name="add"
10428    ref="addToCartButton"
10429    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
10430    data-add-to-cart-text="Add to cart"
10431    data-sold-out-text="Sold out"
10432    data-unavailable-text="Unavailable"
10433    aria-label="Add to cart"
10434    
10435  >
10436    <span class="add-to-cart-text btn__text hidden">
10437      <span class="add-to-cart-text__content">Add to cart</span>
10438    </span>
10439    
10440      
10441<span
10442    class="icon icon--cart "
10443    
10444    
10445  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
10446  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
10447  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
10448  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
10449  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
10450</svg></span>
10451    
10452    
10453    <span
10454  class="loading-spinner add-to-cart-spinner hidden"
10455  
10456    ref="addToCartSpinner"
10457>
10458  <svg
10459    aria-hidden="true"
10460    focusable="false"
10461    class="spinner icon icon--medium"
10462    viewBox="0 0 66 66"
10463    xmlns="http://www.w3.org/2000/svg"
10464  >
10465    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
10466  </svg>
10467</span>
10468
10469  </button>
10470</add-to-cart-component>
10471
10472<input type="hidden" name="product-id" value="9183496995031" /><input type="hidden" name="section-id" value="template--23235915612375__main" /></form></product-form-component>
10473</quick-add-component>
10474
10475        </div>
10476      
10477    </div>
10478  </div>
10479</product-card>
10480
10481
10482
10483            
10484          </li>
10485        
10486      </ul>
10487            
10488            
10489<nav
10490    class="pagination"
10491    role="navigation"
10492    aria-label="Pagination"
10493  ><ul
10494        class="pagination__list list-unstyled flex items-center flex-wrap justify-center"
10495        role="list"
10496      ><li><a
10497                  role="link"
10498                  aria-disabled="true"
10499                  class="pagination__item pagination__item--current background-2"
10500                  aria-current="page"
10501                  aria-label="Page 1"
10502                >1</a></li><li><a
10503                href="/collections/all-products?page=2"
10504                class="pagination__item reversed-link"
10505                aria-label="Page 2"
10506              >
10507                <span class="reversed-link__text">2</span>
10508              </a></li><li class="reversed-link">
10509            <a
10510              href="/collections/all-products?page=2"
10511              class="pagination__item pagination__item--next pagination__item-arrow motion-reduce"
10512            >
10513              <span class="reversed-link__text">Next</span>
10514              
10515<span
10516    class="icon icon--caret-right icon--small"
10517    
10518    
10519  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="rtl-flip-x">
10520  <path fill="none" d="M0 0H20V20H0V0z"/>
10521  <path points="96 48 176 128 96 208" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M7.5 3.75L13.75 10L7.5 16.25"/>
10522</svg>
10523</span>
10524            </a>
10525          </li></ul></nav>
10526            
10527          </div>
10528        
10529      </div>
10530    
10531  </div>
10532</results-list>
10533
10534
10535  
10535<script>
10536    (() => {
10537      const grid = document.querySelector('.product-grid');
10538
10539      if (grid) {
10540        const storedLayout = sessionStorage.getItem(`product-grid-view`);
10541
10542        if (storedLayout) {
10543          const options = document.querySelectorAll(`input[type="radio"][name="grid"]`);
10544
10545          grid.setAttribute('product-grid-view', storedLayout);
10546
10547          for (const option of options) {
10548            option.checked = option.value === storedLayout;
10549          }
10550        }
10551      }
10552    })();
10553  </script>
10553
10554
10555
10556
10557</div><div id="shopify-section-template--23235915612375__apparel_grid" class="shopify-section">
10558
10559
10560<div
10561  id="section-template--23235915612375__apparel_grid"
10562  class="section featured-collection featured-collection--grid border-style spacing-style color-scheme-7"
10563  style="--border-width: 1px;--border-style: none;--border-color: rgb(var(--color-border) / 1.0);--border-radius: 0px;  --padding-block-start: clamp(2.0rem, calc(1.453vw + 0.885rem), 3.0rem);    --padding-block-start-mobile: 2.0rem;--padding-block-end: clamp(4.8rem, calc(7.558vw + -0.997rem), 10.0rem);    --padding-block-end-mobile: 4.8rem;"
10564>
10565  <div
10566    class="section__container section-grid section-grid--fixed"
10567    style="--f-columns-xxl: 4;--f-columns-xl: 4;--f-columns-lg: 3;--f-columns-md: 3;--f-columns-mobile: 2;  --f-column-gap-max: 1.0rem;  --f-column-gap: clamp(0.8rem, calc(0.39vw + 0.501rem), 1.0rem);    --f-column-gap-mobile: 0.8rem;  --f-row-gap: clamp(0.8rem, calc(0.39vw + 0.501rem), 1.0rem);    --f-row-gap-mobile: 0.8rem;"
10568  >
10569    
10570<motion-component 
10571  class="spacing-style text-block color-text text-block--AYk1FbndURkFiTUhWQ__heading h2 rte"
10572  style="--width: fit-content;  --width-mobile: fit-content;        --padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: clamp(1.92rem, calc(1.86vw + 0.493rem), 3.2rem);    --padding-block-end-mobile: 1.92rem;--padding-inline-start: calc(0.0rem * var(--padding-inline-start-scale, 1));    --padding-inline-start-mobile: 0.0rem;--padding-inline-end: calc(0.0rem * var(--padding-inline-end-scale, 1));    --padding-inline-end-mobile: 0.0rem;"
10573  
10574    data-motion="fade-up"
10575    data-motion-delay="250"
10576  
10577  
10578>
10579    <h2>Apparel</h2>
10580
10581  </motion-component>
10582
10583
10584    
10585    
10586      <div class="featured-collection__wrapper ">
10587        <div class="featured-collection__inner layout-panel-grid gap-style ">
10588      
10589        
10590          
10591            <div class="f-column">
10592              
10593                
10594<product-card
10595  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
10596  
10597  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
10598>
10599  <a
10600    
10601      href="/products/hls-x-staple-hoodie-lunar-rock?variant=48288929186007"
10602    
10603    class="product-card__link focus-visible--inset absolute inset-0"
10604    ref="productCardLink"
10605    aria-label="HLS x Staple Hoodie {Lunar Rock}"
10606  ></a>
10607  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
10608    <div
10609      class="product-card__media media-hover--scale relative media-mask-clip"
10610      style="--ratio: 1.0;"
10611    >
10612      <a
10613        
10614          href="/products/hls-x-staple-hoodie-lunar-rock?variant=48288929186007"
10615        
10616        ref="cardGalleryLink"
10617        aria-label="HLS x Staple Hoodie {Lunar Rock}"
10618        tabindex="-1"
10619      >
10620
10621
10622
10623
10624
10625
10626
10627
10628
10629
10630
10631
10632
10633<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-hoodie-s-hls-x-staple-hoodie-lunar-rock-37015246667991.jpg?v=1774018139&amp;width=2000" alt="High Level Science HLS x Staple Hoodie in Lunar Rock color, showing the front view with logo details and fabric texture." srcset="//livehighlevel.com/cdn/shop/files/high-level-science-hoodie-s-hls-x-staple-hoodie-lunar-rock-37015246667991.jpg?v=1774018139&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-hoodie-s-hls-x-staple-hoodie-lunar-rock-37015246667991.jpg?v=1774018139&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-hoodie-s-hls-x-staple-hoodie-lunar-rock-37015246667991.jpg?v=1774018139&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-hoodie-s-hls-x-staple-hoodie-lunar-rock-37015246667991.jpg?v=1774018139&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-hoodie-s-hls-x-staple-hoodie-lunar-rock-37015246667991.jpg?v=1774018139&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-hoodie-s-hls-x-staple-hoodie-lunar-rock-37015246667991.jpg?v=1774018139&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-hoodie-s-hls-x-staple-hoodie-lunar-rock-37015246667991.jpg?v=1774018139&amp;width=2000 2000w" width="2000" height="2000" loading="lazy" sizes="(min-width: 1440px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1200px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1024px) calc((min(100vw, 1472px) - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
10634
10635
10636</a>
10637          <product-badge data-product-id="9183488671959" class="product-card__badges">
10638            <div
10639  ref="badgesContainer"
10640  class="product-badges product-badges--vertical product-badges--empty"
10641>
10642
10643</div>
10644
10645          </product-badge>
10646        
10647<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
10648
10649<quick-add-component
10650  class="quick-add quick-add--combine color-scheme-5"
10651  ref="quickAdd"
10652  data-product-title="HLS x Staple Hoodie {Lunar Rock}"
10653  data-product-url="/products/hls-x-staple-hoodie-lunar-rock"
10654  
10655    data-quick-add-button="choose"
10656    data-product-options-count="1"
10657  
10658  data-quick-add-mode="combine"
10659>
10660  <product-form-component
10661    data-section-id="template--23235915612375__apparel_grid"
10662    data-product-id="9183488671959"
10663    on:submit="/handleSubmit"
10664    class="quick-add__product-form-component flex w-full"
10665  >
10666    <div
10667      class="visually-hidden"
10668      aria-live="assertive"
10669      role="status"
10670      aria-atomic="true"
10671      ref="liveRegion"
10672    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183488671959-AT1lwT09US2hLOGNRd__static-product-card" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
10673        type="hidden"
10674        name="id"
10675        ref="variantId"
10676        value="48288929186007"
10677        
10678      >
10679      <input
10680        type="hidden"
10681        name="quantity"
10682        value="1"
10683      >
10684      
10685<add-to-cart-component class="block" ref="addToCartButtonContainer">
10686  <button
10687    id=""
10688    type="submit"
10689    name="add"
10690    ref="addToCartButton"
10691    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
10692    data-add-to-cart-text="Add to cart"
10693    data-sold-out-text="Sold out"
10694    data-unavailable-text="Unavailable"
10695    aria-label="Add to cart"
10696    
10697  >
10698    <span class="add-to-cart-text btn__text hidden md:flex">
10699      <span class="add-to-cart-text__content">Add to cart</span>
10700    </span>
10701    
10702      
10703<span
10704    class="icon icon--cart  md:hidden"
10705    
10706    
10707  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
10708  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
10709  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
10710  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
10711  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
10712</svg></span>
10713    
10714    
10715      <span class="add-to-cart-icon btn__icon hidden md:flex">
10716        <span class="btn__icon-text">Add to cart</span>
10717        <span class="btn__icon-icon">
10718<span
10719    class="icon icon--plus"
10720    
10721    
10722  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
10723  <path fill="none" d="M0 0H20V20H0V0z"/>
10724  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
10725  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
10726</svg></span></span>
10727      </span>
10728    
10729    <span
10730  class="loading-spinner add-to-cart-spinner hidden"
10731  
10732    ref="addToCartSpinner"
10733>
10734  <svg
10735    aria-hidden="true"
10736    focusable="false"
10737    class="spinner icon icon--medium"
10738    viewBox="0 0 66 66"
10739    xmlns="http://www.w3.org/2000/svg"
10740  >
10741    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
10742  </svg>
10743</span>
10744
10745  </button>
10746</add-to-cart-component>
10747
10748<button
10749            class="btn btn--primary quick-add__button quick-add__button--choose button-choose-options btn--icon-solid-desktop md:justify-start md:w-full"
10750            type="button"
10751            name="add"
10752            on:click="quick-add-component/handleClick"
10753            aria-label="Choose options"
10754          >
10755            <span class="btn__text hidden md:flex">Choose options</span>
10756            
10757<span
10758    class="icon icon--cart  md:hidden"
10759    
10760    
10761  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
10762  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
10763  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
10764  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
10765  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
10766</svg></span>
10767<span class="btn__icon hidden md:flex">
10768                <span class="btn__icon-text">Choose options</span>
10769                <span class="btn__icon-icon">
10770<span
10771    class="icon icon--plus"
10772    
10773    
10774  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
10775  <path fill="none" d="M0 0H20V20H0V0z"/>
10776  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
10777  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
10778</svg></span></span>
10779              </span><span
10780  class="loading-spinner quick-add__button-spinner hidden"
10781  
10782>
10783  <svg
10784    aria-hidden="true"
10785    focusable="false"
10786    class="spinner icon icon--medium"
10787    viewBox="0 0 66 66"
10788    xmlns="http://www.w3.org/2000/svg"
10789  >
10790    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
10791  </svg>
10792</span>
10793
10794          </button><input type="hidden" name="product-id" value="9183488671959" /><input type="hidden" name="section-id" value="template--23235915612375__apparel_grid" /></form></product-form-component>
10795</quick-add-component>
10796
10797</div></div>
10798    
10799    <div
10800      class="product-card__content flex items-end justify-between"
10801      style="--content-alignment: flex-start;"
10802    >
10803      <div class="product-card__content--wrapper flex flex-col text-left">
10804        <div class="product-card__metas"><a
10805        class="product-card__meta reversed-link"
10806        href="/collections/types?q=Hoodie"
10807        aria-label="Type:Hoodie"
10808      >
10809        <span class="reversed-link__text">Hoodie</span>
10810      </a></div>
10811<a
10812            class="product-card__title text-wrap reversed-link"
10813            href="
10814/products/hls-x-staple-hoodie-lunar-rock?variant=48288929186007"
10815            ref="productTitleLink"
10816            aria-label="HLS x Staple Hoodie {Lunar Rock}"
10817          >
10818            <span class="reversed-link__text">HLS x Staple Hoodie {Lunar Rock}</span>
10819          </a><product-price class="product-card__price">
10820          <div
10821  
10822    ref="priceContainer"
10823  
10824  data-quantity-breaks="false"
10825  class="
10826    price-container 
10827"
10828>
10829  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
10830      <span class="price">$68.00</span></div>
10831
10832  <div class="price__sale">
10833    <span class="visually-hidden">Sale price&nbsp;</span>
10834    <span class="price price--sale">$68.00</span>
10835      <span class="visually-hidden">Regular price&nbsp;</span>
10836      <span class="compare-at-price"></span></div></div>
10837
10838        </product-price>
10839          
10840
10841      </div>
10842      
10843        <div class="product-card__quick-add !bg-none color-scheme-5">
10844          
10845
10846<quick-add-component
10847  class="quick-add quick-add--combine"
10848  ref="quickAdd"
10849  data-product-title="HLS x Staple Hoodie {Lunar Rock}"
10850  data-product-url="/products/hls-x-staple-hoodie-lunar-rock"
10851  
10852    data-quick-add-button="choose"
10853    data-product-options-count="1"
10854  
10855  data-quick-add-mode="combine"
10856>
10857  <product-form-component
10858    data-section-id="template--23235915612375__apparel_grid"
10859    data-product-id="9183488671959"
10860    on:submit="/handleSubmit"
10861    class="quick-add__product-form-component flex w-full"
10862  >
10863    <div
10864      class="visually-hidden"
10865      aria-live="assertive"
10866      role="status"
10867      aria-atomic="true"
10868      ref="liveRegion"
10869    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183488671959-AT1lwT09US2hLOGNRd__static-product-card" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
10870        type="hidden"
10871        name="id"
10872        ref="variantId"
10873        value="48288929186007"
10874        
10875      >
10876      <input
10877        type="hidden"
10878        name="quantity"
10879        value="1"
10880      >
10881      
10882<add-to-cart-component class="block" ref="addToCartButtonContainer">
10883  <button
10884    id=""
10885    type="submit"
10886    name="add"
10887    ref="addToCartButton"
10888    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
10889    data-add-to-cart-text="Add to cart"
10890    data-sold-out-text="Sold out"
10891    data-unavailable-text="Unavailable"
10892    aria-label="Add to cart"
10893    
10894  >
10895    <span class="add-to-cart-text btn__text hidden">
10896      <span class="add-to-cart-text__content">Add to cart</span>
10897    </span>
10898    
10899      
10900<span
10901    class="icon icon--cart "
10902    
10903    
10904  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
10905  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
10906  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
10907  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
10908  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
10909</svg></span>
10910    
10911    
10912    <span
10913  class="loading-spinner add-to-cart-spinner hidden"
10914  
10915    ref="addToCartSpinner"
10916>
10917  <svg
10918    aria-hidden="true"
10919    focusable="false"
10920    class="spinner icon icon--medium"
10921    viewBox="0 0 66 66"
10922    xmlns="http://www.w3.org/2000/svg"
10923  >
10924    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
10925  </svg>
10926</span>
10927
10928  </button>
10929</add-to-cart-component>
10930
10931<button
10932            class="btn btn--primary quick-add__button quick-add__button--choose button-choose-options btn--icon-only btn--small"
10933            type="button"
10934            name="add"
10935            on:click="quick-add-component/handleClick"
10936            aria-label="Choose options"
10937          >
10938            <span class="btn__text hidden">Choose options</span>
10939            
10940<span
10941    class="icon icon--cart icon--semi-small "
10942    
10943    
10944  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
10945  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
10946  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
10947  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
10948  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
10949</svg></span>
10950<span
10951  class="loading-spinner quick-add__button-spinner hidden"
10952  
10953>
10954  <svg
10955    aria-hidden="true"
10956    focusable="false"
10957    class="spinner icon icon--medium"
10958    viewBox="0 0 66 66"
10959    xmlns="http://www.w3.org/2000/svg"
10960  >
10961    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
10962  </svg>
10963</span>
10964
10965          </button><input type="hidden" name="product-id" value="9183488671959" /><input type="hidden" name="section-id" value="template--23235915612375__apparel_grid" /></form></product-form-component>
10966</quick-add-component>
10967
10968        </div>
10969      
10970    </div>
10971  </div>
10972</product-card>
10973
10974
10975
10976              
10977            </div>
10978          
10979            <div class="f-column">
10980              
10981                
10982<product-card
10983  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
10984  
10985  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
10986>
10987  <a
10988    
10989      href="/products/the-hls-x-staple-hoodie-burro?variant=48288931709143"
10990    
10991    class="product-card__link focus-visible--inset absolute inset-0"
10992    ref="productCardLink"
10993    aria-label="The HLS x Staple Hoodie {Burro}"
10994  ></a>
10995  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
10996    <div
10997      class="product-card__media media-hover--scale relative media-mask-clip"
10998      style="--ratio: 1.0;"
10999    >
11000      <a
11001        
11002          href="/products/the-hls-x-staple-hoodie-burro?variant=48288931709143"
11003        
11004        ref="cardGalleryLink"
11005        aria-label="The HLS x Staple Hoodie {Burro}"
11006        tabindex="-1"
11007      >
11008
11009
11010
11011
11012
11013
11014
11015
11016
11017
11018
11019
11020
11021<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-burro-37015204200663.jpg?v=1774018136&amp;width=2000" alt="High Level Science HLS x Staple hoodie in Burro color, featuring a casual fit and branded logo on the front." srcset="//livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-burro-37015204200663.jpg?v=1774018136&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-burro-37015204200663.jpg?v=1774018136&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-burro-37015204200663.jpg?v=1774018136&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-burro-37015204200663.jpg?v=1774018136&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-burro-37015204200663.jpg?v=1774018136&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-burro-37015204200663.jpg?v=1774018136&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-burro-37015204200663.jpg?v=1774018136&amp;width=2000 2000w" width="2000" height="2000" loading="lazy" sizes="(min-width: 1440px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1200px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1024px) calc((min(100vw, 1472px) - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
11022
11023
11024</a>
11025          <product-badge data-product-id="9183490146519" class="product-card__badges">
11026            <div
11027  ref="badgesContainer"
11028  class="product-badges product-badges--vertical product-badges--empty"
11029>
11030
11031</div>
11032
11033          </product-badge>
11034        
11035<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
11036
11037<quick-add-component
11038  class="quick-add quick-add--combine color-scheme-5"
11039  ref="quickAdd"
11040  data-product-title="The HLS x Staple Hoodie {Burro}"
11041  data-product-url="/products/the-hls-x-staple-hoodie-burro"
11042  
11043    data-quick-add-button="choose"
11044    data-product-options-count="1"
11045  
11046  data-quick-add-mode="combine"
11047>
11048  <product-form-component
11049    data-section-id="template--23235915612375__apparel_grid"
11050    data-product-id="9183490146519"
11051    on:submit="/handleSubmit"
11052    class="quick-add__product-form-component flex w-full"
11053  >
11054    <div
11055      class="visually-hidden"
11056      aria-live="assertive"
11057      role="status"
11058      aria-atomic="true"
11059      ref="liveRegion"
11060    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183490146519-AT1lwT09US2hLOGNRd__static-product-card-1" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
11061        type="hidden"
11062        name="id"
11063        ref="variantId"
11064        value="48288931709143"
11065        
11066      >
11067      <input
11068        type="hidden"
11069        name="quantity"
11070        value="1"
11071      >
11072      
11073<add-to-cart-component class="block" ref="addToCartButtonContainer">
11074  <button
11075    id=""
11076    type="submit"
11077    name="add"
11078    ref="addToCartButton"
11079    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
11080    data-add-to-cart-text="Add to cart"
11081    data-sold-out-text="Sold out"
11082    data-unavailable-text="Unavailable"
11083    aria-label="Add to cart"
11084    
11085  >
11086    <span class="add-to-cart-text btn__text hidden md:flex">
11087      <span class="add-to-cart-text__content">Add to cart</span>
11088    </span>
11089    
11090      
11091<span
11092    class="icon icon--cart  md:hidden"
11093    
11094    
11095  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
11096  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
11097  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
11098  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
11099  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
11100</svg></span>
11101    
11102    
11103      <span class="add-to-cart-icon btn__icon hidden md:flex">
11104        <span class="btn__icon-text">Add to cart</span>
11105        <span class="btn__icon-icon">
11106<span
11107    class="icon icon--plus"
11108    
11109    
11110  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
11111  <path fill="none" d="M0 0H20V20H0V0z"/>
11112  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
11113  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
11114</svg></span></span>
11115      </span>
11116    
11117    <span
11118  class="loading-spinner add-to-cart-spinner hidden"
11119  
11120    ref="addToCartSpinner"
11121>
11122  <svg
11123    aria-hidden="true"
11124    focusable="false"
11125    class="spinner icon icon--medium"
11126    viewBox="0 0 66 66"
11127    xmlns="http://www.w3.org/2000/svg"
11128  >
11129    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
11130  </svg>
11131</span>
11132
11133  </button>
11134</add-to-cart-component>
11135
11136<button
11137            class="btn btn--primary quick-add__button quick-add__button--choose button-choose-options btn--icon-solid-desktop md:justify-start md:w-full"
11138            type="button"
11139            name="add"
11140            on:click="quick-add-component/handleClick"
11141            aria-label="Choose options"
11142          >
11143            <span class="btn__text hidden md:flex">Choose options</span>
11144            
11145<span
11146    class="icon icon--cart  md:hidden"
11147    
11148    
11149  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
11150  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
11151  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
11152  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
11153  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
11154</svg></span>
11155<span class="btn__icon hidden md:flex">
11156                <span class="btn__icon-text">Choose options</span>
11157                <span class="btn__icon-icon">
11158<span
11159    class="icon icon--plus"
11160    
11161    
11162  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
11163  <path fill="none" d="M0 0H20V20H0V0z"/>
11164  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
11165  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
11166</svg></span></span>
11167              </span><span
11168  class="loading-spinner quick-add__button-spinner hidden"
11169  
11170>
11171  <svg
11172    aria-hidden="true"
11173    focusable="false"
11174    class="spinner icon icon--medium"
11175    viewBox="0 0 66 66"
11176    xmlns="http://www.w3.org/2000/svg"
11177  >
11178    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
11179  </svg>
11180</span>
11181
11182          </button><input type="hidden" name="product-id" value="9183490146519" /><input type="hidden" name="section-id" value="template--23235915612375__apparel_grid" /></form></product-form-component>
11183</quick-add-component>
11184
11185</div></div>
11186    
11187    <div
11188      class="product-card__content flex items-end justify-between"
11189      style="--content-alignment: flex-start;"
11190    >
11191      <div class="product-card__content--wrapper flex flex-col text-left">
11192        
11193<a
11194            class="product-card__title text-wrap reversed-link"
11195            href="
11196/products/the-hls-x-staple-hoodie-burro?variant=48288931709143"
11197            ref="productTitleLink"
11198            aria-label="The HLS x Staple Hoodie {Burro}"
11199          >
11200            <span class="reversed-link__text">The HLS x Staple Hoodie {Burro}</span>
11201          </a><product-price class="product-card__price">
11202          <div
11203  
11204    ref="priceContainer"
11205  
11206  data-quantity-breaks="false"
11207  class="
11208    price-container 
11209"
11210>
11211  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
11212      <span class="price">$68.00</span></div>
11213
11214  <div class="price__sale">
11215    <span class="visually-hidden">Sale price&nbsp;</span>
11216    <span class="price price--sale">$68.00</span>
11217      <span class="visually-hidden">Regular price&nbsp;</span>
11218      <span class="compare-at-price"></span></div></div>
11219
11220        </product-price>
11221          
11222
11223      </div>
11224      
11225        <div class="product-card__quick-add !bg-none color-scheme-5">
11226          
11227
11228<quick-add-component
11229  class="quick-add quick-add--combine"
11230  ref="quickAdd"
11231  data-product-title="The HLS x Staple Hoodie {Burro}"
11232  data-product-url="/products/the-hls-x-staple-hoodie-burro"
11233  
11234    data-quick-add-button="choose"
11235    data-product-options-count="1"
11236  
11237  data-quick-add-mode="combine"
11238>
11239  <product-form-component
11240    data-section-id="template--23235915612375__apparel_grid"
11241    data-product-id="9183490146519"
11242    on:submit="/handleSubmit"
11243    class="quick-add__product-form-component flex w-full"
11244  >
11245    <div
11246      class="visually-hidden"
11247      aria-live="assertive"
11248      role="status"
11249      aria-atomic="true"
11250      ref="liveRegion"
11251    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183490146519-AT1lwT09US2hLOGNRd__static-product-card-1" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
11252        type="hidden"
11253        name="id"
11254        ref="variantId"
11255        value="48288931709143"
11256        
11257      >
11258      <input
11259        type="hidden"
11260        name="quantity"
11261        value="1"
11262      >
11263      
11264<add-to-cart-component class="block" ref="addToCartButtonContainer">
11265  <button
11266    id=""
11267    type="submit"
11268    name="add"
11269    ref="addToCartButton"
11270    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
11271    data-add-to-cart-text="Add to cart"
11272    data-sold-out-text="Sold out"
11273    data-unavailable-text="Unavailable"
11274    aria-label="Add to cart"
11275    
11276  >
11277    <span class="add-to-cart-text btn__text hidden">
11278      <span class="add-to-cart-text__content">Add to cart</span>
11279    </span>
11280    
11281      
11282<span
11283    class="icon icon--cart "
11284    
11285    
11286  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
11287  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
11288  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
11289  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
11290  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
11291</svg></span>
11292    
11293    
11294    <span
11295  class="loading-spinner add-to-cart-spinner hidden"
11296  
11297    ref="addToCartSpinner"
11298>
11299  <svg
11300    aria-hidden="true"
11301    focusable="false"
11302    class="spinner icon icon--medium"
11303    viewBox="0 0 66 66"
11304    xmlns="http://www.w3.org/2000/svg"
11305  >
11306    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
11307  </svg>
11308</span>
11309
11310  </button>
11311</add-to-cart-component>
11312
11313<button
11314            class="btn btn--primary quick-add__button quick-add__button--choose button-choose-options btn--icon-only btn--small"
11315            type="button"
11316            name="add"
11317            on:click="quick-add-component/handleClick"
11318            aria-label="Choose options"
11319          >
11320            <span class="btn__text hidden">Choose options</span>
11321            
11322<span
11323    class="icon icon--cart icon--semi-small "
11324    
11325    
11326  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
11327  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
11328  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
11329  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
11330  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
11331</svg></span>
11332<span
11333  class="loading-spinner quick-add__button-spinner hidden"
11334  
11335>
11336  <svg
11337    aria-hidden="true"
11338    focusable="false"
11339    class="spinner icon icon--medium"
11340    viewBox="0 0 66 66"
11341    xmlns="http://www.w3.org/2000/svg"
11342  >
11343    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
11344  </svg>
11345</span>
11346
11347          </button><input type="hidden" name="product-id" value="9183490146519" /><input type="hidden" name="section-id" value="template--23235915612375__apparel_grid" /></form></product-form-component>
11348</quick-add-component>
11349
11350        </div>
11351      
11352    </div>
11353  </div>
11354</product-card>
11355
11356
11357
11358              
11359            </div>
11360          
11361            <div class="f-column">
11362              
11363                
11364<product-card
11365  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
11366  
11367  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
11368>
11369  <a
11370    
11371      href="/products/the-hls-x-staple-hoodie-midnight?variant=48288936231127"
11372    
11373    class="product-card__link focus-visible--inset absolute inset-0"
11374    ref="productCardLink"
11375    aria-label="The HLS x Staple Hoodie {Midnight}"
11376  ></a>
11377  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
11378    <div
11379      class="product-card__media media-hover--scale relative media-mask-clip"
11380      style="--ratio: 1.0;"
11381    >
11382      <a
11383        
11384          href="/products/the-hls-x-staple-hoodie-midnight?variant=48288936231127"
11385        
11386        ref="cardGalleryLink"
11387        aria-label="The HLS x Staple Hoodie {Midnight}"
11388        tabindex="-1"
11389      >
11390
11391
11392
11393
11394
11395
11396
11397
11398
11399
11400
11401
11402
11403<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-midnight-37015209476311.jpg?v=1774018135&amp;width=2000" alt="High Level Science HLS x Staple hoodie in midnight color, featuring logo design and comfortable fabric." srcset="//livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-midnight-37015209476311.jpg?v=1774018135&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-midnight-37015209476311.jpg?v=1774018135&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-midnight-37015209476311.jpg?v=1774018135&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-midnight-37015209476311.jpg?v=1774018135&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-midnight-37015209476311.jpg?v=1774018135&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-midnight-37015209476311.jpg?v=1774018135&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-hoodie-midnight-37015209476311.jpg?v=1774018135&amp;width=2000 2000w" width="2000" height="2000" loading="lazy" sizes="(min-width: 1440px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1200px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1024px) calc((min(100vw, 1472px) - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
11404
11405
11406</a>
11407          <product-badge data-product-id="9183492210903" class="product-card__badges">
11408            <div
11409  ref="badgesContainer"
11410  class="product-badges product-badges--vertical product-badges--empty"
11411>
11412
11413</div>
11414
11415          </product-badge>
11416        
11417<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
11418
11419<quick-add-component
11420  class="quick-add quick-add--combine color-scheme-5"
11421  ref="quickAdd"
11422  data-product-title="The HLS x Staple Hoodie {Midnight}"
11423  data-product-url="/products/the-hls-x-staple-hoodie-midnight"
11424  
11425    data-quick-add-button="choose"
11426    data-product-options-count="1"
11427  
11428  data-quick-add-mode="combine"
11429>
11430  <product-form-component
11431    data-section-id="template--23235915612375__apparel_grid"
11432    data-product-id="9183492210903"
11433    on:submit="/handleSubmit"
11434    class="quick-add__product-form-component flex w-full"
11435  >
11436    <div
11437      class="visually-hidden"
11438      aria-live="assertive"
11439      role="status"
11440      aria-atomic="true"
11441      ref="liveRegion"
11442    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183492210903-AT1lwT09US2hLOGNRd__static-product-card-2" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
11443        type="hidden"
11444        name="id"
11445        ref="variantId"
11446        value="48288936231127"
11447        
11448      >
11449      <input
11450        type="hidden"
11451        name="quantity"
11452        value="1"
11453      >
11454      
11455<add-to-cart-component class="block" ref="addToCartButtonContainer">
11456  <button
11457    id=""
11458    type="submit"
11459    name="add"
11460    ref="addToCartButton"
11461    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
11462    data-add-to-cart-text="Add to cart"
11463    data-sold-out-text="Sold out"
11464    data-unavailable-text="Unavailable"
11465    aria-label="Add to cart"
11466    
11467  >
11468    <span class="add-to-cart-text btn__text hidden md:flex">
11469      <span class="add-to-cart-text__content">Add to cart</span>
11470    </span>
11471    
11472      
11473<span
11474    class="icon icon--cart  md:hidden"
11475    
11476    
11477  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
11478  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
11479  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
11480  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
11481  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
11482</svg></span>
11483    
11484    
11485      <span class="add-to-cart-icon btn__icon hidden md:flex">
11486        <span class="btn__icon-text">Add to cart</span>
11487        <span class="btn__icon-icon">
11488<span
11489    class="icon icon--plus"
11490    
11491    
11492  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
11493  <path fill="none" d="M0 0H20V20H0V0z"/>
11494  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
11495  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
11496</svg></span></span>
11497      </span>
11498    
11499    <span
11500  class="loading-spinner add-to-cart-spinner hidden"
11501  
11502    ref="addToCartSpinner"
11503>
11504  <svg
11505    aria-hidden="true"
11506    focusable="false"
11507    class="spinner icon icon--medium"
11508    viewBox="0 0 66 66"
11509    xmlns="http://www.w3.org/2000/svg"
11510  >
11511    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
11512  </svg>
11513</span>
11514
11515  </button>
11516</add-to-cart-component>
11517
11518<button
11519            class="btn btn--primary quick-add__button quick-add__button--choose button-choose-options btn--icon-solid-desktop md:justify-start md:w-full"
11520            type="button"
11521            name="add"
11522            on:click="quick-add-component/handleClick"
11523            aria-label="Choose options"
11524          >
11525            <span class="btn__text hidden md:flex">Choose options</span>
11526            
11527<span
11528    class="icon icon--cart  md:hidden"
11529    
11530    
11531  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
11532  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
11533  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
11534  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
11535  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
11536</svg></span>
11537<span class="btn__icon hidden md:flex">
11538                <span class="btn__icon-text">Choose options</span>
11539                <span class="btn__icon-icon">
11540<span
11541    class="icon icon--plus"
11542    
11543    
11544  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
11545  <path fill="none" d="M0 0H20V20H0V0z"/>
11546  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
11547  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
11548</svg></span></span>
11549              </span><span
11550  class="loading-spinner quick-add__button-spinner hidden"
11551  
11552>
11553  <svg
11554    aria-hidden="true"
11555    focusable="false"
11556    class="spinner icon icon--medium"
11557    viewBox="0 0 66 66"
11558    xmlns="http://www.w3.org/2000/svg"
11559  >
11560    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
11561  </svg>
11562</span>
11563
11564          </button><input type="hidden" name="product-id" value="9183492210903" /><input type="hidden" name="section-id" value="template--23235915612375__apparel_grid" /></form></product-form-component>
11565</quick-add-component>
11566
11567</div></div>
11568    
11569    <div
11570      class="product-card__content flex items-end justify-between"
11571      style="--content-alignment: flex-start;"
11572    >
11573      <div class="product-card__content--wrapper flex flex-col text-left">
11574        
11575<a
11576            class="product-card__title text-wrap reversed-link"
11577            href="
11578/products/the-hls-x-staple-hoodie-midnight?variant=48288936231127"
11579            ref="productTitleLink"
11580            aria-label="The HLS x Staple Hoodie {Midnight}"
11581          >
11582            <span class="reversed-link__text">The HLS x Staple Hoodie {Midnight}</span>
11583          </a><product-price class="product-card__price">
11584          <div
11585  
11586    ref="priceContainer"
11587  
11588  data-quantity-breaks="false"
11589  class="
11590    price-container 
11591"
11592>
11593  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
11594      <span class="price">$68.00</span></div>
11595
11596  <div class="price__sale">
11597    <span class="visually-hidden">Sale price&nbsp;</span>
11598    <span class="price price--sale">$68.00</span>
11599      <span class="visually-hidden">Regular price&nbsp;</span>
11600      <span class="compare-at-price"></span></div></div>
11601
11602        </product-price>
11603          
11604
11605      </div>
11606      
11607        <div class="product-card__quick-add !bg-none color-scheme-5">
11608          
11609
11610<quick-add-component
11611  class="quick-add quick-add--combine"
11612  ref="quickAdd"
11613  data-product-title="The HLS x Staple Hoodie {Midnight}"
11614  data-product-url="/products/the-hls-x-staple-hoodie-midnight"
11615  
11616    data-quick-add-button="choose"
11617    data-product-options-count="1"
11618  
11619  data-quick-add-mode="combine"
11620>
11621  <product-form-component
11622    data-section-id="template--23235915612375__apparel_grid"
11623    data-product-id="9183492210903"
11624    on:submit="/handleSubmit"
11625    class="quick-add__product-form-component flex w-full"
11626  >
11627    <div
11628      class="visually-hidden"
11629      aria-live="assertive"
11630      role="status"
11631      aria-atomic="true"
11632      ref="liveRegion"
11633    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183492210903-AT1lwT09US2hLOGNRd__static-product-card-2" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
11634        type="hidden"
11635        name="id"
11636        ref="variantId"
11637        value="48288936231127"
11638        
11639      >
11640      <input
11641        type="hidden"
11642        name="quantity"
11643        value="1"
11644      >
11645      
11646<add-to-cart-component class="block" ref="addToCartButtonContainer">
11647  <button
11648    id=""
11649    type="submit"
11650    name="add"
11651    ref="addToCartButton"
11652    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
11653    data-add-to-cart-text="Add to cart"
11654    data-sold-out-text="Sold out"
11655    data-unavailable-text="Unavailable"
11656    aria-label="Add to cart"
11657    
11658  >
11659    <span class="add-to-cart-text btn__text hidden">
11660      <span class="add-to-cart-text__content">Add to cart</span>
11661    </span>
11662    
11663      
11664<span
11665    class="icon icon--cart "
11666    
11667    
11668  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
11669  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
11670  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
11671  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
11672  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
11673</svg></span>
11674    
11675    
11676    <span
11677  class="loading-spinner add-to-cart-spinner hidden"
11678  
11679    ref="addToCartSpinner"
11680>
11681  <svg
11682    aria-hidden="true"
11683    focusable="false"
11684    class="spinner icon icon--medium"
11685    viewBox="0 0 66 66"
11686    xmlns="http://www.w3.org/2000/svg"
11687  >
11688    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
11689  </svg>
11690</span>
11691
11692  </button>
11693</add-to-cart-component>
11694
11695<button
11696            class="btn btn--primary quick-add__button quick-add__button--choose button-choose-options btn--icon-only btn--small"
11697            type="button"
11698            name="add"
11699            on:click="quick-add-component/handleClick"
11700            aria-label="Choose options"
11701          >
11702            <span class="btn__text hidden">Choose options</span>
11703            
11704<span
11705    class="icon icon--cart icon--semi-small "
11706    
11707    
11708  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
11709  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
11710  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
11711  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
11712  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
11713</svg></span>
11714<span
11715  class="loading-spinner quick-add__button-spinner hidden"
11716  
11717>
11718  <svg
11719    aria-hidden="true"
11720    focusable="false"
11721    class="spinner icon icon--medium"
11722    viewBox="0 0 66 66"
11723    xmlns="http://www.w3.org/2000/svg"
11724  >
11725    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
11726  </svg>
11727</span>
11728
11729          </button><input type="hidden" name="product-id" value="9183492210903" /><input type="hidden" name="section-id" value="template--23235915612375__apparel_grid" /></form></product-form-component>
11730</quick-add-component>
11731
11732        </div>
11733      
11734    </div>
11735  </div>
11736</product-card>
11737
11738
11739
11740              
11741            </div>
11742          
11743            <div class="f-column">
11744              
11745                
11746<product-card
11747  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
11748  
11749  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
11750>
11751  <a
11752    
11753      href="/products/the-hls-x-staple-t-faded-bone?variant=48288940327127"
11754    
11755    class="product-card__link focus-visible--inset absolute inset-0"
11756    ref="productCardLink"
11757    aria-label="The HLS x Staple T {Faded Bone}"
11758  ></a>
11759  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
11760    <div
11761      class="product-card__media media-hover--scale relative media-mask-clip"
11762      style="--ratio: 1.0;"
11763    >
11764      <a
11765        
11766          href="/products/the-hls-x-staple-t-faded-bone?variant=48288940327127"
11767        
11768        ref="cardGalleryLink"
11769        aria-label="The HLS x Staple T {Faded Bone}"
11770        tabindex="-1"
11771      >
11772
11773
11774
11775
11776
11777
11778
11779
11780
11781
11782
11783
11784
11785<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-bone-37015238377687.jpg?v=1774018135&amp;width=2000" alt="High Level Science HLS x Staple T-shirt in faded bone color, showcasing a casual fit and Staple logo design on the front." srcset="//livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-bone-37015238377687.jpg?v=1774018135&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-bone-37015238377687.jpg?v=1774018135&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-bone-37015238377687.jpg?v=1774018135&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-bone-37015238377687.jpg?v=1774018135&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-bone-37015238377687.jpg?v=1774018135&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-bone-37015238377687.jpg?v=1774018135&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-bone-37015238377687.jpg?v=1774018135&amp;width=2000 2000w" width="2000" height="2000" loading="lazy" sizes="(min-width: 1440px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1200px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1024px) calc((min(100vw, 1472px) - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
11786
11787
11788</a>
11789          <product-badge data-product-id="9183494176983" class="product-card__badges">
11790            <div
11791  ref="badgesContainer"
11792  class="product-badges product-badges--vertical product-badges--empty"
11793>
11794
11795</div>
11796
11797          </product-badge>
11798        
11799<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
11800
11801<quick-add-component
11802  class="quick-add quick-add--combine color-scheme-5"
11803  ref="quickAdd"
11804  data-product-title="The HLS x Staple T {Faded Bone}"
11805  data-product-url="/products/the-hls-x-staple-t-faded-bone"
11806  
11807    data-quick-add-button="choose"
11808    data-product-options-count="1"
11809  
11810  data-quick-add-mode="combine"
11811>
11812  <product-form-component
11813    data-section-id="template--23235915612375__apparel_grid"
11814    data-product-id="9183494176983"
11815    on:submit="/handleSubmit"
11816    class="quick-add__product-form-component flex w-full"
11817  >
11818    <div
11819      class="visually-hidden"
11820      aria-live="assertive"
11821      role="status"
11822      aria-atomic="true"
11823      ref="liveRegion"
11824    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183494176983-AT1lwT09US2hLOGNRd__static-product-card-3" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
11825        type="hidden"
11826        name="id"
11827        ref="variantId"
11828        value="48288940327127"
11829        
11830      >
11831      <input
11832        type="hidden"
11833        name="quantity"
11834        value="1"
11835      >
11836      
11837<add-to-cart-component class="block" ref="addToCartButtonContainer">
11838  <button
11839    id=""
11840    type="submit"
11841    name="add"
11842    ref="addToCartButton"
11843    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
11844    data-add-to-cart-text="Add to cart"
11845    data-sold-out-text="Sold out"
11846    data-unavailable-text="Unavailable"
11847    aria-label="Add to cart"
11848    
11849  >
11850    <span class="add-to-cart-text btn__text hidden md:flex">
11851      <span class="add-to-cart-text__content">Add to cart</span>
11852    </span>
11853    
11854      
11855<span
11856    class="icon icon--cart  md:hidden"
11857    
11858    
11859  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
11860  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
11861  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
11862  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
11863  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
11864</svg></span>
11865    
11866    
11867      <span class="add-to-cart-icon btn__icon hidden md:flex">
11868        <span class="btn__icon-text">Add to cart</span>
11869        <span class="btn__icon-icon">
11870<span
11871    class="icon icon--plus"
11872    
11873    
11874  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
11875  <path fill="none" d="M0 0H20V20H0V0z"/>
11876  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
11877  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
11878</svg></span></span>
11879      </span>
11880    
11881    <span
11882  class="loading-spinner add-to-cart-spinner hidden"
11883  
11884    ref="addToCartSpinner"
11885>
11886  <svg
11887    aria-hidden="true"
11888    focusable="false"
11889    class="spinner icon icon--medium"
11890    viewBox="0 0 66 66"
11891    xmlns="http://www.w3.org/2000/svg"
11892  >
11893    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
11894  </svg>
11895</span>
11896
11897  </button>
11898</add-to-cart-component>
11899
11900<button
11901            class="btn btn--primary quick-add__button quick-add__button--choose button-choose-options btn--icon-solid-desktop md:justify-start md:w-full"
11902            type="button"
11903            name="add"
11904            on:click="quick-add-component/handleClick"
11905            aria-label="Choose options"
11906          >
11907            <span class="btn__text hidden md:flex">Choose options</span>
11908            
11909<span
11910    class="icon icon--cart  md:hidden"
11911    
11912    
11913  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
11914  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
11915  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
11916  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
11917  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
11918</svg></span>
11919<span class="btn__icon hidden md:flex">
11920                <span class="btn__icon-text">Choose options</span>
11921                <span class="btn__icon-icon">
11922<span
11923    class="icon icon--plus"
11924    
11925    
11926  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
11927  <path fill="none" d="M0 0H20V20H0V0z"/>
11928  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
11929  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
11930</svg></span></span>
11931              </span><span
11932  class="loading-spinner quick-add__button-spinner hidden"
11933  
11934>
11935  <svg
11936    aria-hidden="true"
11937    focusable="false"
11938    class="spinner icon icon--medium"
11939    viewBox="0 0 66 66"
11940    xmlns="http://www.w3.org/2000/svg"
11941  >
11942    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
11943  </svg>
11944</span>
11945
11946          </button><input type="hidden" name="product-id" value="9183494176983" /><input type="hidden" name="section-id" value="template--23235915612375__apparel_grid" /></form></product-form-component>
11947</quick-add-component>
11948
11949</div></div>
11950    
11951    <div
11952      class="product-card__content flex items-end justify-between"
11953      style="--content-alignment: flex-start;"
11954    >
11955      <div class="product-card__content--wrapper flex flex-col text-left">
11956        
11957<a
11958            class="product-card__title text-wrap reversed-link"
11959            href="
11960/products/the-hls-x-staple-t-faded-bone?variant=48288940327127"
11961            ref="productTitleLink"
11962            aria-label="The HLS x Staple T {Faded Bone}"
11963          >
11964            <span class="reversed-link__text">The HLS x Staple T {Faded Bone}</span>
11965          </a><product-price class="product-card__price">
11966          <div
11967  
11968    ref="priceContainer"
11969  
11970  data-quantity-breaks="false"
11971  class="
11972    price-container 
11973"
11974>
11975  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
11976      <span class="price">$48.00</span></div>
11977
11978  <div class="price__sale">
11979    <span class="visually-hidden">Sale price&nbsp;</span>
11980    <span class="price price--sale">$48.00</span>
11981      <span class="visually-hidden">Regular price&nbsp;</span>
11982      <span class="compare-at-price"></span></div></div>
11983
11984        </product-price>
11985          
11986
11987      </div>
11988      
11989        <div class="product-card__quick-add !bg-none color-scheme-5">
11990          
11991
11992<quick-add-component
11993  class="quick-add quick-add--combine"
11994  ref="quickAdd"
11995  data-product-title="The HLS x Staple T {Faded Bone}"
11996  data-product-url="/products/the-hls-x-staple-t-faded-bone"
11997  
11998    data-quick-add-button="choose"
11999    data-product-options-count="1"
12000  
12001  data-quick-add-mode="combine"
12002>
12003  <product-form-component
12004    data-section-id="template--23235915612375__apparel_grid"
12005    data-product-id="9183494176983"
12006    on:submit="/handleSubmit"
12007    class="quick-add__product-form-component flex w-full"
12008  >
12009    <div
12010      class="visually-hidden"
12011      aria-live="assertive"
12012      role="status"
12013      aria-atomic="true"
12014      ref="liveRegion"
12015    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183494176983-AT1lwT09US2hLOGNRd__static-product-card-3" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
12016        type="hidden"
12017        name="id"
12018        ref="variantId"
12019        value="48288940327127"
12020        
12021      >
12022      <input
12023        type="hidden"
12024        name="quantity"
12025        value="1"
12026      >
12027      
12028<add-to-cart-component class="block" ref="addToCartButtonContainer">
12029  <button
12030    id=""
12031    type="submit"
12032    name="add"
12033    ref="addToCartButton"
12034    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
12035    data-add-to-cart-text="Add to cart"
12036    data-sold-out-text="Sold out"
12037    data-unavailable-text="Unavailable"
12038    aria-label="Add to cart"
12039    
12040  >
12041    <span class="add-to-cart-text btn__text hidden">
12042      <span class="add-to-cart-text__content">Add to cart</span>
12043    </span>
12044    
12045      
12046<span
12047    class="icon icon--cart "
12048    
12049    
12050  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
12051  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
12052  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
12053  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
12054  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
12055</svg></span>
12056    
12057    
12058    <span
12059  class="loading-spinner add-to-cart-spinner hidden"
12060  
12061    ref="addToCartSpinner"
12062>
12063  <svg
12064    aria-hidden="true"
12065    focusable="false"
12066    class="spinner icon icon--medium"
12067    viewBox="0 0 66 66"
12068    xmlns="http://www.w3.org/2000/svg"
12069  >
12070    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
12071  </svg>
12072</span>
12073
12074  </button>
12075</add-to-cart-component>
12076
12077<button
12078            class="btn btn--primary quick-add__button quick-add__button--choose button-choose-options btn--icon-only btn--small"
12079            type="button"
12080            name="add"
12081            on:click="quick-add-component/handleClick"
12082            aria-label="Choose options"
12083          >
12084            <span class="btn__text hidden">Choose options</span>
12085            
12086<span
12087    class="icon icon--cart icon--semi-small "
12088    
12089    
12090  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
12091  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
12092  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
12093  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
12094  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
12095</svg></span>
12096<span
12097  class="loading-spinner quick-add__button-spinner hidden"
12098  
12099>
12100  <svg
12101    aria-hidden="true"
12102    focusable="false"
12103    class="spinner icon icon--medium"
12104    viewBox="0 0 66 66"
12105    xmlns="http://www.w3.org/2000/svg"
12106  >
12107    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
12108  </svg>
12109</span>
12110
12111          </button><input type="hidden" name="product-id" value="9183494176983" /><input type="hidden" name="section-id" value="template--23235915612375__apparel_grid" /></form></product-form-component>
12112</quick-add-component>
12113
12114        </div>
12115      
12116    </div>
12117  </div>
12118</product-card>
12119
12120
12121
12122              
12123            </div>
12124          
12125            <div class="f-column">
12126              
12127                
12128<product-card
12129  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
12130  
12131  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
12132>
12133  <a
12134    
12135      href="/products/the-hls-x-staple-t-faded-khaki?variant=48288942915799"
12136    
12137    class="product-card__link focus-visible--inset absolute inset-0"
12138    ref="productCardLink"
12139    aria-label="The HLS x Staple T {Faded Khaki}"
12140  ></a>
12141  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
12142    <div
12143      class="product-card__media media-hover--scale relative media-mask-clip"
12144      style="--ratio: 1.0;"
12145    >
12146      <a
12147        
12148          href="/products/the-hls-x-staple-t-faded-khaki?variant=48288942915799"
12149        
12150        ref="cardGalleryLink"
12151        aria-label="The HLS x Staple T {Faded Khaki}"
12152        tabindex="-1"
12153      >
12154
12155
12156
12157
12158
12159
12160
12161
12162
12163
12164
12165
12166
12167<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-kh
12167aki-37015214817495.jpg?v=1774018134&amp;width=2000" alt="Faded khaki Staple T-shirt by High Level Science featuring a relaxed fit and casual style, displayed on a neutral background." srcset="//livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-khaki-37015214817495.jpg?v=1774018134&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-khaki-37015214817495.jpg?v=1774018134&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-khaki-37015214817495.jpg?v=1774018134&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-khaki-37015214817495.jpg?v=1774018134&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-khaki-37015214817495.jpg?v=1774018134&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-khaki-37015214817495.jpg?v=1774018134&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-khaki-37015214817495.jpg?v=1774018134&amp;width=2000 2000w" width="2000" height="2000" loading="lazy" sizes="(min-width: 1440px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1200px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1024px) calc((min(100vw, 1472px) - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
12168
12169
12170</a>
12171          <product-badge data-product-id="9183494930647" class="product-card__badges">
12172            <div
12173  ref="badgesContainer"
12174  class="product-badges product-badges--vertical product-badges--empty"
12175>
12176
12177</div>
12178
12179          </product-badge>
12180        
12181<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
12182
12183<quick-add-component
12184  class="quick-add quick-add--combine color-scheme-5"
12185  ref="quickAdd"
12186  data-product-title="The HLS x Staple T {Faded Khaki}"
12187  data-product-url="/products/the-hls-x-staple-t-faded-khaki"
12188  
12189    data-quick-add-button="choose"
12190    data-product-options-count="1"
12191  
12192  data-quick-add-mode="combine"
12193>
12194  <product-form-component
12195    data-section-id="template--23235915612375__apparel_grid"
12196    data-product-id="9183494930647"
12197    on:submit="/handleSubmit"
12198    class="quick-add__product-form-component flex w-full"
12199  >
12200    <div
12201      class="visually-hidden"
12202      aria-live="assertive"
12203      role="status"
12204      aria-atomic="true"
12205      ref="liveRegion"
12206    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183494930647-AT1lwT09US2hLOGNRd__static-product-card-4" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
12207        type="hidden"
12208        name="id"
12209        ref="variantId"
12210        value="48288942915799"
12211        
12212      >
12213      <input
12214        type="hidden"
12215        name="quantity"
12216        value="1"
12217      >
12218      
12219<add-to-cart-component class="block" ref="addToCartButtonContainer">
12220  <button
12221    id=""
12222    type="submit"
12223    name="add"
12224    ref="addToCartButton"
12225    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
12226    data-add-to-cart-text="Add to cart"
12227    data-sold-out-text="Sold out"
12228    data-unavailable-text="Unavailable"
12229    aria-label="Add to cart"
12230    
12231  >
12232    <span class="add-to-cart-text btn__text hidden md:flex">
12233      <span class="add-to-cart-text__content">Add to cart</span>
12234    </span>
12235    
12236      
12237<span
12238    class="icon icon--cart  md:hidden"
12239    
12240    
12241  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
12242  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
12243  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
12244  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
12245  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
12246</svg></span>
12247    
12248    
12249      <span class="add-to-cart-icon btn__icon hidden md:flex">
12250        <span class="btn__icon-text">Add to cart</span>
12251        <span class="btn__icon-icon">
12252<span
12253    class="icon icon--plus"
12254    
12255    
12256  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
12257  <path fill="none" d="M0 0H20V20H0V0z"/>
12258  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
12259  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
12260</svg></span></span>
12261      </span>
12262    
12263    <span
12264  class="loading-spinner add-to-cart-spinner hidden"
12265  
12266    ref="addToCartSpinner"
12267>
12268  <svg
12269    aria-hidden="true"
12270    focusable="false"
12271    class="spinner icon icon--medium"
12272    viewBox="0 0 66 66"
12273    xmlns="http://www.w3.org/2000/svg"
12274  >
12275    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
12276  </svg>
12277</span>
12278
12279  </button>
12280</add-to-cart-component>
12281
12282<button
12283            class="btn btn--primary quick-add__button quick-add__button--choose button-choose-options btn--icon-solid-desktop md:justify-start md:w-full"
12284            type="button"
12285            name="add"
12286            on:click="quick-add-component/handleClick"
12287            aria-label="Choose options"
12288          >
12289            <span class="btn__text hidden md:flex">Choose options</span>
12290            
12291<span
12292    class="icon icon--cart  md:hidden"
12293    
12294    
12295  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
12296  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
12297  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
12298  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
12299  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
12300</svg></span>
12301<span class="btn__icon hidden md:flex">
12302                <span class="btn__icon-text">Choose options</span>
12303                <span class="btn__icon-icon">
12304<span
12305    class="icon icon--plus"
12306    
12307    
12308  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
12309  <path fill="none" d="M0 0H20V20H0V0z"/>
12310  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
12311  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
12312</svg></span></span>
12313              </span><span
12314  class="loading-spinner quick-add__button-spinner hidden"
12315  
12316>
12317  <svg
12318    aria-hidden="true"
12319    focusable="false"
12320    class="spinner icon icon--medium"
12321    viewBox="0 0 66 66"
12322    xmlns="http://www.w3.org/2000/svg"
12323  >
12324    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
12325  </svg>
12326</span>
12327
12328          </button><input type="hidden" name="product-id" value="9183494930647" /><input type="hidden" name="section-id" value="template--23235915612375__apparel_grid" /></form></product-form-component>
12329</quick-add-component>
12330
12331</div></div>
12332    
12333    <div
12334      class="product-card__content flex items-end justify-between"
12335      style="--content-alignment: flex-start;"
12336    >
12337      <div class="product-card__content--wrapper flex flex-col text-left">
12338        
12339<a
12340            class="product-card__title text-wrap reversed-link"
12341            href="
12342/products/the-hls-x-staple-t-faded-khaki?variant=48288942915799"
12343            ref="productTitleLink"
12344            aria-label="The HLS x Staple T {Faded Khaki}"
12345          >
12346            <span class="reversed-link__text">The HLS x Staple T {Faded Khaki}</span>
12347          </a><product-price class="product-card__price">
12348          <div
12349  
12350    ref="priceContainer"
12351  
12352  data-quantity-breaks="false"
12353  class="
12354    price-container 
12355"
12356>
12357  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
12358      <span class="price">$48.00</span></div>
12359
12360  <div class="price__sale">
12361    <span class="visually-hidden">Sale price&nbsp;</span>
12362    <span class="price price--sale">$48.00</span>
12363      <span class="visually-hidden">Regular price&nbsp;</span>
12364      <span class="compare-at-price"></span></div></div>
12365
12366        </product-price>
12367          
12368
12369      </div>
12370      
12371        <div class="product-card__quick-add !bg-none color-scheme-5">
12372          
12373
12374<quick-add-component
12375  class="quick-add quick-add--combine"
12376  ref="quickAdd"
12377  data-product-title="The HLS x Staple T {Faded Khaki}"
12378  data-product-url="/products/the-hls-x-staple-t-faded-khaki"
12379  
12380    data-quick-add-button="choose"
12381    data-product-options-count="1"
12382  
12383  data-quick-add-mode="combine"
12384>
12385  <product-form-component
12386    data-section-id="template--23235915612375__apparel_grid"
12387    data-product-id="9183494930647"
12388    on:submit="/handleSubmit"
12389    class="quick-add__product-form-component flex w-full"
12390  >
12391    <div
12392      class="visually-hidden"
12393      aria-live="assertive"
12394      role="status"
12395      aria-atomic="true"
12396      ref="liveRegion"
12397    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183494930647-AT1lwT09US2hLOGNRd__static-product-card-4" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
12398        type="hidden"
12399        name="id"
12400        ref="variantId"
12401        value="48288942915799"
12402        
12403      >
12404      <input
12405        type="hidden"
12406        name="quantity"
12407        value="1"
12408      >
12409      
12410<add-to-cart-component class="block" ref="addToCartButtonContainer">
12411  <button
12412    id=""
12413    type="submit"
12414    name="add"
12415    ref="addToCartButton"
12416    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
12417    data-add-to-cart-text="Add to cart"
12418    data-sold-out-text="Sold out"
12419    data-unavailable-text="Unavailable"
12420    aria-label="Add to cart"
12421    
12422  >
12423    <span class="add-to-cart-text btn__text hidden">
12424      <span class="add-to-cart-text__content">Add to cart</span>
12425    </span>
12426    
12427      
12428<span
12429    class="icon icon--cart "
12430    
12431    
12432  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
12433  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
12434  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
12435  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
12436  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
12437</svg></span>
12438    
12439    
12440    <span
12441  class="loading-spinner add-to-cart-spinner hidden"
12442  
12443    ref="addToCartSpinner"
12444>
12445  <svg
12446    aria-hidden="true"
12447    focusable="false"
12448    class="spinner icon icon--medium"
12449    viewBox="0 0 66 66"
12450    xmlns="http://www.w3.org/2000/svg"
12451  >
12452    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
12453  </svg>
12454</span>
12455
12456  </button>
12457</add-to-cart-component>
12458
12459<button
12460            class="btn btn--primary quick-add__button quick-add__button--choose button-choose-options btn--icon-only btn--small"
12461            type="button"
12462            name="add"
12463            on:click="quick-add-component/handleClick"
12464            aria-label="Choose options"
12465          >
12466            <span class="btn__text hidden">Choose options</span>
12467            
12468<span
12469    class="icon icon--cart icon--semi-small "
12470    
12471    
12472  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
12473  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
12474  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
12475  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
12476  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
12477</svg></span>
12478<span
12479  class="loading-spinner quick-add__button-spinner hidden"
12480  
12481>
12482  <svg
12483    aria-hidden="true"
12484    focusable="false"
12485    class="spinner icon icon--medium"
12486    viewBox="0 0 66 66"
12487    xmlns="http://www.w3.org/2000/svg"
12488  >
12489    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
12490  </svg>
12491</span>
12492
12493          </button><input type="hidden" name="product-id" value="9183494930647" /><input type="hidden" name="section-id" value="template--23235915612375__apparel_grid" /></form></product-form-component>
12494</quick-add-component>
12495
12496        </div>
12497      
12498    </div>
12499  </div>
12500</product-card>
12501
12502
12503
12504              
12505            </div>
12506          
12507            <div class="f-column">
12508              
12509                
12510<product-card
12511  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
12512  
12513  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
12514>
12515  <a
12516    
12517      href="/products/the-hls-x-staple-t-faded-black?variant=48288946094295"
12518    
12519    class="product-card__link focus-visible--inset absolute inset-0"
12520    ref="productCardLink"
12521    aria-label="The HLS x Staple T {Faded Black}"
12522  ></a>
12523  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
12524    <div
12525      class="product-card__media media-hover--scale relative media-mask-clip"
12526      style="--ratio: 1.0;"
12527    >
12528      <a
12529        
12530          href="/products/the-hls-x-staple-t-faded-black?variant=48288946094295"
12531        
12532        ref="cardGalleryLink"
12533        aria-label="The HLS x Staple T {Faded Black}"
12534        tabindex="-1"
12535      >
12536
12537
12538
12539
12540
12541
12542
12543
12544
12545
12546
12547
12548
12549<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-black-1227971267.jpg?v=1774018272&amp;width=2000" alt="High Level Science HLS x Staple T-shirt in faded black, featuring a casual fit and Staple branding on the front." srcset="//livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-black-1227971267.jpg?v=1774018272&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-black-1227971267.jpg?v=1774018272&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-black-1227971267.jpg?v=1774018272&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-black-1227971267.jpg?v=1774018272&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-black-1227971267.jpg?v=1774018272&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-black-1227971267.jpg?v=1774018272&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-s-the-hls-x-staple-t-faded-black-1227971267.jpg?v=1774018272&amp;width=2000 2000w" width="2000" height="2000" loading="lazy" sizes="(min-width: 1440px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1200px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1024px) calc((min(100vw, 1472px) - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
12550
12551
12552</a>
12553          <product-badge data-product-id="9183495258327" class="product-card__badges">
12554            <div
12555  ref="badgesContainer"
12556  class="product-badges product-badges--vertical product-badges--empty"
12557>
12558
12559</div>
12560
12561          </product-badge>
12562        
12563<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
12564
12565<quick-add-component
12566  class="quick-add quick-add--combine color-scheme-5"
12567  ref="quickAdd"
12568  data-product-title="The HLS x Staple T {Faded Black}"
12569  data-product-url="/products/the-hls-x-staple-t-faded-black"
12570  
12571    data-quick-add-button="choose"
12572    data-product-options-count="1"
12573  
12574  data-quick-add-mode="combine"
12575>
12576  <product-form-component
12577    data-section-id="template--23235915612375__apparel_grid"
12578    data-product-id="9183495258327"
12579    on:submit="/handleSubmit"
12580    class="quick-add__product-form-component flex w-full"
12581  >
12582    <div
12583      class="visually-hidden"
12584      aria-live="assertive"
12585      role="status"
12586      aria-atomic="true"
12587      ref="liveRegion"
12588    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183495258327-AT1lwT09US2hLOGNRd__static-product-card-5" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
12589        type="hidden"
12590        name="id"
12591        ref="variantId"
12592        value="48288946094295"
12593        
12594      >
12595      <input
12596        type="hidden"
12597        name="quantity"
12598        value="1"
12599      >
12600      
12601<add-to-cart-component class="block" ref="addToCartButtonContainer">
12602  <button
12603    id=""
12604    type="submit"
12605    name="add"
12606    ref="addToCartButton"
12607    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
12608    data-add-to-cart-text="Add to cart"
12609    data-sold-out-text="Sold out"
12610    data-unavailable-text="Unavailable"
12611    aria-label="Add to cart"
12612    
12613  >
12614    <span class="add-to-cart-text btn__text hidden md:flex">
12615      <span class="add-to-cart-text__content">Add to cart</span>
12616    </span>
12617    
12618      
12619<span
12620    class="icon icon--cart  md:hidden"
12621    
12622    
12623  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
12624  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
12625  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
12626  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
12627  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
12628</svg></span>
12629    
12630    
12631      <span class="add-to-cart-icon btn__icon hidden md:flex">
12632        <span class="btn__icon-text">Add to cart</span>
12633        <span class="btn__icon-icon">
12634<span
12635    class="icon icon--plus"
12636    
12637    
12638  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
12639  <path fill="none" d="M0 0H20V20H0V0z"/>
12640  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
12641  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
12642</svg></span></span>
12643      </span>
12644    
12645    <span
12646  class="loading-spinner add-to-cart-spinner hidden"
12647  
12648    ref="addToCartSpinner"
12649>
12650  <svg
12651    aria-hidden="true"
12652    focusable="false"
12653    class="spinner icon icon--medium"
12654    viewBox="0 0 66 66"
12655    xmlns="http://www.w3.org/2000/svg"
12656  >
12657    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
12658  </svg>
12659</span>
12660
12661  </button>
12662</add-to-cart-component>
12663
12664<button
12665            class="btn btn--primary quick-add__button quick-add__button--choose button-choose-options btn--icon-solid-desktop md:justify-start md:w-full"
12666            type="button"
12667            name="add"
12668            on:click="quick-add-component/handleClick"
12669            aria-label="Choose options"
12670          >
12671            <span class="btn__text hidden md:flex">Choose options</span>
12672            
12673<span
12674    class="icon icon--cart  md:hidden"
12675    
12676    
12677  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
12678  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
12679  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
12680  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
12681  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
12682</svg></span>
12683<span class="btn__icon hidden md:flex">
12684                <span class="btn__icon-text">Choose options</span>
12685                <span class="btn__icon-icon">
12686<span
12687    class="icon icon--plus"
12688    
12689    
12690  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
12691  <path fill="none" d="M0 0H20V20H0V0z"/>
12692  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
12693  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
12694</svg></span></span>
12695              </span><span
12696  class="loading-spinner quick-add__button-spinner hidden"
12697  
12698>
12699  <svg
12700    aria-hidden="true"
12701    focusable="false"
12702    class="spinner icon icon--medium"
12703    viewBox="0 0 66 66"
12704    xmlns="http://www.w3.org/2000/svg"
12705  >
12706    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
12707  </svg>
12708</span>
12709
12710          </button><input type="hidden" name="product-id" value="9183495258327" /><input type="hidden" name="section-id" value="template--23235915612375__apparel_grid" /></form></product-form-component>
12711</quick-add-component>
12712
12713</div></div>
12714    
12715    <div
12716      class="product-card__content flex items-end justify-between"
12717      style="--content-alignment: flex-start;"
12718    >
12719      <div class="product-card__content--wrapper flex flex-col text-left">
12720        
12721<a
12722            class="product-card__title text-wrap reversed-link"
12723            href="
12724/products/the-hls-x-staple-t-faded-black?variant=48288946094295"
12725            ref="productTitleLink"
12726            aria-label="The HLS x Staple T {Faded Black}"
12727          >
12728            <span class="reversed-link__text">The HLS x Staple T {Faded Black}</span>
12729          </a><product-price class="product-card__price">
12730          <div
12731  
12732    ref="priceContainer"
12733  
12734  data-quantity-breaks="false"
12735  class="
12736    price-container 
12737"
12738>
12739  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
12740      <span class="price">$48.00</span></div>
12741
12742  <div class="price__sale">
12743    <span class="visually-hidden">Sale price&nbsp;</span>
12744    <span class="price price--sale">$48.00</span>
12745      <span class="visually-hidden">Regular price&nbsp;</span>
12746      <span class="compare-at-price"></span></div></div>
12747
12748        </product-price>
12749          
12750
12751      </div>
12752      
12753        <div class="product-card__quick-add !bg-none color-scheme-5">
12754          
12755
12756<quick-add-component
12757  class="quick-add quick-add--combine"
12758  ref="quickAdd"
12759  data-product-title="The HLS x Staple T {Faded Black}"
12760  data-product-url="/products/the-hls-x-staple-t-faded-black"
12761  
12762    data-quick-add-button="choose"
12763    data-product-options-count="1"
12764  
12765  data-quick-add-mode="combine"
12766>
12767  <product-form-component
12768    data-section-id="template--23235915612375__apparel_grid"
12769    data-product-id="9183495258327"
12770    on:submit="/handleSubmit"
12771    class="quick-add__product-form-component flex w-full"
12772  >
12773    <div
12774      class="visually-hidden"
12775      aria-live="assertive"
12776      role="status"
12777      aria-atomic="true"
12778      ref="liveRegion"
12779    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183495258327-AT1lwT09US2hLOGNRd__static-product-card-5" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
12780        type="hidden"
12781        name="id"
12782        ref="variantId"
12783        value="48288946094295"
12784        
12785      >
12786      <input
12787        type="hidden"
12788        name="quantity"
12789        value="1"
12790      >
12791      
12792<add-to-cart-component class="block" ref="addToCartButtonContainer">
12793  <button
12794    id=""
12795    type="submit"
12796    name="add"
12797    ref="addToCartButton"
12798    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
12799    data-add-to-cart-text="Add to cart"
12800    data-sold-out-text="Sold out"
12801    data-unavailable-text="Unavailable"
12802    aria-label="Add to cart"
12803    
12804  >
12805    <span class="add-to-cart-text btn__text hidden">
12806      <span class="add-to-cart-text__content">Add to cart</span>
12807    </span>
12808    
12809      
12810<span
12811    class="icon icon--cart "
12812    
12813    
12814  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
12815  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
12816  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
12817  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
12818  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
12819</svg></span>
12820    
12821    
12822    <span
12823  class="loading-spinner add-to-cart-spinner hidden"
12824  
12825    ref="addToCartSpinner"
12826>
12827  <svg
12828    aria-hidden="true"
12829    focusable="false"
12830    class="spinner icon icon--medium"
12831    viewBox="0 0 66 66"
12832    xmlns="http://www.w3.org/2000/svg"
12833  >
12834    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
12835  </svg>
12836</span>
12837
12838  </button>
12839</add-to-cart-component>
12840
12841<button
12842            class="btn btn--primary quick-add__button quick-add__button--choose button-choose-options btn--icon-only btn--small"
12843            type="button"
12844            name="add"
12845            on:click="quick-add-component/handleClick"
12846            aria-label="Choose options"
12847          >
12848            <span class="btn__text hidden">Choose options</span>
12849            
12850<span
12851    class="icon icon--cart icon--semi-small "
12852    
12853    
12854  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
12855  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
12856  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
12857  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
12858  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
12859</svg></span>
12860<span
12861  class="loading-spinner quick-add__button-spinner hidden"
12862  
12863>
12864  <svg
12865    aria-hidden="true"
12866    focusable="false"
12867    class="spinner icon icon--medium"
12868    viewBox="0 0 66 66"
12869    xmlns="http://www.w3.org/2000/svg"
12870  >
12871    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
12872  </svg>
12873</span>
12874
12875          </button><input type="hidden" name="product-id" value="9183495258327" /><input type="hidden" name="section-id" value="template--23235915612375__apparel_grid" /></form></product-form-component>
12876</quick-add-component>
12877
12878        </div>
12879      
12880    </div>
12881  </div>
12882</product-card>
12883
12884
12885
12886              
12887            </div>
12888          
12889            <div class="f-column">
12890              
12891                
12892<product-card
12893  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
12894  
12895  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
12896>
12897  <a
12898    
12899      href="/products/the-hls-x-staple-hat-stone?variant=48288948715735"
12900    
12901    class="product-card__link focus-visible--inset absolute inset-0"
12902    ref="productCardLink"
12903    aria-label="The HLS x Staple Hat {Stone}"
12904  ></a>
12905  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
12906    <div
12907      class="product-card__media media-hover--scale relative media-mask-clip"
12908      style="--ratio: 1.0;"
12909    >
12910      <a
12911        
12912          href="/products/the-hls-x-staple-hat-stone?variant=48288948715735"
12913        
12914        ref="cardGalleryLink"
12915        aria-label="The HLS x Staple Hat {Stone}"
12916        tabindex="-1"
12917      >
12918
12919
12920
12921
12922
12923
12924
12925
12926
12927
12928
12929
12930
12931<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-stone-1227971259.jpg?v=1774019171&amp;width=2000" alt="Stone-colored High Level Science HLS x Staple hat featuring a classic baseball cap design and branding details." srcset="//livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-stone-1227971259.jpg?v=1774019171&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-stone-1227971259.jpg?v=1774019171&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-stone-1227971259.jpg?v=1774019171&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-stone-1227971259.jpg?v=1774019171&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-stone-1227971259.jpg?v=1774019171&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-stone-1227971259.jpg?v=1774019171&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-stone-1227971259.jpg?v=1774019171&amp;width=2000 2000w" width="2000" height="2000" loading="lazy" sizes="(min-width: 1440px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1200px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1024px) calc((min(100vw, 1472px) - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
12932
12933
12934</a>
12935          <product-badge data-product-id="9183496798423" class="product-card__badges">
12936            <div
12937  ref="badgesContainer"
12938  class="product-badges product-badges--vertical product-badges--empty"
12939>
12940
12941</div>
12942
12943          </product-badge>
12944        
12945<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
12946
12947<quick-add-component
12948  class="quick-add quick-add--combine color-scheme-5"
12949  ref="quickAdd"
12950  data-product-title="The HLS x Staple Hat {Stone}"
12951  data-product-url="/products/the-hls-x-staple-hat-stone"
12952  
12953    data-quick-add-button="add"
12954    data-product-options-count="1"
12955  
12956  data-quick-add-mode="combine"
12957>
12958  <product-form-component
12959    data-section-id="template--23235915612375__apparel_grid"
12960    data-product-id="9183496798423"
12961    on:submit="/handleSubmit"
12962    class="quick-add__product-form-component flex w-full"
12963  >
12964    <div
12965      class="visually-hidden"
12966      aria-live="assertive"
12967      role="status"
12968      aria-atomic="true"
12969      ref="liveRegion"
12970    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183496798423-AT1lwT09US2hLOGNRd__static-product-card-6" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
12971        type="hidden"
12972        name="id"
12973        ref="variantId"
12974        value="48288948715735"
12975        
12976      >
12977      <input
12978        type="hidden"
12979        name="quantity"
12980        value="1"
12981      >
12982      
12983<add-to-cart-component class="block" ref="addToCartButtonContainer">
12984  <button
12985    id=""
12986    type="submit"
12987    name="add"
12988    ref="addToCartButton"
12989    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
12990    data-add-to-cart-text="Add to cart"
12991    data-sold-out-text="Sold out"
12992    data-unavailable-text="Unavailable"
12993    aria-label="Add to cart"
12994    
12995  >
12996    <span class="add-to-cart-text btn__text hidden md:flex">
12997      <span class="add-to-cart-text__content">Add to cart</span>
12998    </span>
12999    
13000      
13001<span
13002    class="icon icon--cart  md:hidden"
13003    
13004    
13005  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
13006  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
13007  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
13008  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
13009  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
13010</svg></span>
13011    
13012    
13013      <span class="add-to-cart-icon btn__icon hidden md:flex">
13014        <span class="btn__icon-text">Add to cart</span>
13015        <span class="btn__icon-icon">
13016<span
13017    class="icon icon--plus"
13018    
13019    
13020  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
13021  <path fill="none" d="M0 0H20V20H0V0z"/>
13022  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
13023  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
13024</svg></span></span>
13025      </span>
13026    
13027    <span
13028  class="loading-spinner add-to-cart-spinner hidden"
13029  
13030    ref="addToCartSpinner"
13031>
13032  <svg
13033    aria-hidden="true"
13034    focusable="false"
13035    class="spinner icon icon--medium"
13036    viewBox="0 0 66 66"
13037    xmlns="http://www.w3.org/2000/svg"
13038  >
13039    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
13040  </svg>
13041</span>
13042
13043  </button>
13044</add-to-cart-component>
13045
13046<input type="hidden" name="product-id" value="9183496798423" /><input type="hidden" name="section-id" value="template--23235915612375__apparel_grid" /></form></product-form-component>
13047</quick-add-component>
13048
13049</div></div>
13050    
13051    <div
13052      class="product-card__content flex items-end justify-between"
13053      style="--content-alignment: flex-start;"
13054    >
13055      <div class="product-card__content--wrapper flex flex-col text-left">
13056        
13057<a
13058            class="product-card__title text-wrap reversed-link"
13059            href="
13060/products/the-hls-x-staple-hat-stone?variant=48288948715735"
13061            ref="productTitleLink"
13062            aria-label="The HLS x Staple Hat {Stone}"
13063          >
13064            <span class="reversed-link__text">The HLS x Staple Hat {Stone}</span>
13065          </a><product-price class="product-card__price">
13066          <div
13067  
13068    ref="priceContainer"
13069  
13070  data-quantity-breaks="false"
13071  class="
13072    price-container 
13073"
13074>
13075  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
13076      <span class="price">$36.00</span></div>
13077
13078  <div class="price__sale">
13079    <span class="visually-hidden">Sale price&nbsp;</span>
13080    <span class="price price--sale">$36.00</span>
13081      <span class="visually-hidden">Regular price&nbsp;</span>
13082      <span class="compare-at-price"></span></div></div>
13083
13084        </product-price>
13085          
13086
13087      </div>
13088      
13089        <div class="product-card__quick-add !bg-none color-scheme-5">
13090          
13091
13092<quick-add-component
13093  class="quick-add quick-add--combine"
13094  ref="quickAdd"
13095  data-product-title="The HLS x Staple Hat {Stone}"
13096  data-product-url="/products/the-hls-x-staple-hat-stone"
13097  
13098    data-quick-add-button="add"
13099    data-product-options-count="1"
13100  
13101  data-quick-add-mode="combine"
13102>
13103  <product-form-component
13104    data-section-id="template--23235915612375__apparel_grid"
13105    data-product-id="9183496798423"
13106    on:submit="/handleSubmit"
13107    class="quick-add__product-form-component flex w-full"
13108  >
13109    <div
13110      class="visually-hidden"
13111      aria-live="assertive"
13112      role="status"
13113      aria-atomic="true"
13114      ref="liveRegion"
13115    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183496798423-AT1lwT09US2hLOGNRd__static-product-card-6" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
13116        type="hidden"
13117        name="id"
13118        ref="variantId"
13119        value="48288948715735"
13120        
13121      >
13122      <input
13123        type="hidden"
13124        name="quantity"
13125        value="1"
13126      >
13127      
13128<add-to-cart-component class="block" ref="addToCartButtonContainer">
13129  <button
13130    id=""
13131    type="submit"
13132    name="add"
13133    ref="addToCartButton"
13134    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
13135    data-add-to-cart-text="Add to cart"
13136    data-sold-out-text="Sold out"
13137    data-unavailable-text="Unavailable"
13138    aria-label="Add to cart"
13139    
13140  >
13141    <span class="add-to-cart-text btn__text hidden">
13142      <span class="add-to-cart-text__content">Add to cart</span>
13143    </span>
13144    
13145      
13146<span
13147    class="icon icon--cart "
13148    
13149    
13150  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
13151  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
13152  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
13153  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
13154  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
13155</svg></span>
13156    
13157    
13158    <span
13159  class="loading-spinner add-to-cart-spinner hidden"
13160  
13161    ref="addToCartSpinner"
13162>
13163  <svg
13164    aria-hidden="true"
13165    focusable="false"
13166    class="spinner icon icon--medium"
13167    viewBox="0 0 66 66"
13168    xmlns="http://www.w3.org/2000/svg"
13169  >
13170    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
13171  </svg>
13172</span>
13173
13174  </button>
13175</add-to-cart-component>
13176
13177<input type="hidden" name="product-id" value="9183496798423" /><input type="hidden" name="section-id" value="template--23235915612375__apparel_grid" /></form></product-form-component>
13178</quick-add-component>
13179
13180        </div>
13181      
13182    </div>
13183  </div>
13184</product-card>
13185
13186
13187
13188              
13189            </div>
13190          
13191            <div class="f-column">
13192              
13193                
13194<product-card
13195  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
13196  
13197  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
13198>
13199  <a
13200    
13201      href="/products/the-hls-x-staple-hat-khaki?variant=48288949076183"
13202    
13203    class="product-card__link focus-visible--inset absolute inset-0"
13204    ref="productCardLink"
13205    aria-label="The HLS x Staple Hat {Khaki}"
13206  ></a>
13207  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
13208    <div
13209      class="product-card__media media-hover--scale relative media-mask-clip"
13210      style="--ratio: 1.0;"
13211    >
13212      <a
13213        
13214          href="/products/the-hls-x-staple-hat-khaki?variant=48288949076183"
13215        
13216        ref="cardGalleryLink"
13217        aria-label="The HLS x Staple Hat {Khaki}"
13218        tabindex="-1"
13219      >
13220
13221
13222
13223
13224
13225
13226
13227
13228
13229
13230
13231
13232
13233<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-khaki-1227971254.jpg?v=1774019531&amp;width=2000" alt="Khaki HLS x Staple Hat by High Level Science featuring a classic baseball cap style with logo embroidery." srcset="//livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-khaki-1227971254.jpg?v=1774019531&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-khaki-1227971254.jpg?v=1774019531&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-khaki-1227971254.jpg?v=1774019531&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-khaki-1227971254.jpg?v=1774019531&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-khaki-1227971254.jpg?v=1774019531&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-khaki-1227971254.jpg?v=1774019531&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-khaki-1227971254.jpg?v=1774019531&amp;width=2000 2000w" width="2000" height="2000" loading="lazy" sizes="(min-width: 1440px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1200px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1024px) calc((min(100vw, 1472px) - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
13234
13235
13236</a>
13237          <product-badge data-product-id="9183496995031" class="product-card__badges">
13238            <div
13239  ref="badgesContainer"
13240  class="product-badges product-badges--vertical product-badges--empty"
13241>
13242
13243</div>
13244
13245          </product-badge>
13246        
13247<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
13248
13249<quick-add-component
13250  class="quick-add quick-add--combine color-scheme-5"
13251  ref="quickAdd"
13252  data-product-title="The HLS x Staple Hat {Khaki}"
13253  data-product-url="/products/the-hls-x-staple-hat-khaki"
13254  
13255    data-quick-add-button="add"
13256    data-product-options-count="1"
13257  
13258  data-quick-add-mode="combine"
13259>
13260  <product-form-component
13261    data-section-id="template--23235915612375__apparel_grid"
13262    data-product-id="9183496995031"
13263    on:submit="/handleSubmit"
13264    class="quick-add__product-form-component flex w-full"
13265  >
13266    <div
13267      class="visually-hidden"
13268      aria-live="assertive"
13269      role="status"
13270      aria-atomic="true"
13271      ref="liveRegion"
13272    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183496995031-AT1lwT09US2hLOGNRd__static-product-card-7" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
13273        type="hidden"
13274        name="id"
13275        ref="variantId"
13276        value="48288949076183"
13277        
13278      >
13279      <input
13280        type="hidden"
13281        name="quantity"
13282        value="1"
13283      >
13284      
13285<add-to-cart-component class="block" ref="addToCartButtonContainer">
13286  <button
13287    id=""
13288    type="submit"
13289    name="add"
13290    ref="addToCartButton"
13291    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
13292    data-add-to-cart-text="Add to cart"
13293    data-sold-out-text="Sold out"
13294    data-unavailable-text="Unavailable"
13295    aria-label="Add to cart"
13296    
13297  >
13298    <span class="add-to-cart-text btn__text hidden md:flex">
13299      <span class="add-to-cart-text__content">Add to cart</span>
13300    </span>
13301    
13302      
13303<span
13304    class="icon icon--cart  md:hidden"
13305    
13306    
13307  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
13308  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
13309  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
13310  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
13311  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
13312</svg></span>
13313    
13314    
13315      <span class="add-to-cart-icon btn__icon hidden md:flex">
13316        <span class="btn__icon-text">Add to cart</span>
13317        <span class="btn__icon-icon">
13318<span
13319    class="icon icon--plus"
13320    
13321    
13322  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
13323  <path fill="none" d="M0 0H20V20H0V0z"/>
13324  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
13325  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
13326</svg></span></span>
13327      </span>
13328    
13329    <span
13330  class="loading-spinner add-to-cart-spinner hidden"
13331  
13332    ref="addToCartSpinner"
13333>
13334  <svg
13335    aria-hidden="true"
13336    focusable="false"
13337    class="spinner icon icon--medium"
13338    viewBox="0 0 66 66"
13339    xmlns="http://www.w3.org/2000/svg"
13340  >
13341    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
13342  </svg>
13343</span>
13344
13345  </button>
13346</add-to-cart-component>
13347
13348<input type="hidden" name="product-id" value="9183496995031" /><input type="hidden" name="section-id" value="template--23235915612375__apparel_grid" /></form></product-form-component>
13349</quick-add-component>
13350
13351</div></div>
13352    
13353    <div
13354      class="product-card__content flex items-end justify-between"
13355      style="--content-alignment: flex-start;"
13356    >
13357      <div class="product-card__content--wrapper flex flex-col text-left">
13358        
13359<a
13360            class="product-card__title text-wrap reversed-link"
13361            href="
13362/products/the-hls-x-staple-hat-khaki?variant=48288949076183"
13363            ref="productTitleLink"
13364            aria-label="The HLS x Staple Hat {Khaki}"
13365          >
13366            <span class="reversed-link__text">The HLS x Staple Hat {Khaki}</span>
13367          </a><product-price class="product-card__price">
13368          <div
13369  
13370    ref="priceContainer"
13371  
13372  data-quantity-breaks="false"
13373  class="
13374    price-container 
13375"
13376>
13377  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
13378      <span class="price">$36.00</span></div>
13379
13380  <div class="price__sale">
13381    <span class="visually-hidden">Sale price&nbsp;</span>
13382    <span class="price price--sale">$36.00</span>
13383      <span class="visually-hidden">Regular price&nbsp;</span>
13384      <span class="compare-at-price"></span></div></div>
13385
13386        </product-price>
13387          
13388
13389      </div>
13390      
13391        <div class="product-card__quick-add !bg-none color-scheme-5">
13392          
13393
13394<quick-add-component
13395  class="quick-add quick-add--combine"
13396  ref="quickAdd"
13397  data-product-title="The HLS x Staple Hat {Khaki}"
13398  data-product-url="/products/the-hls-x-staple-hat-khaki"
13399  
13400    data-quick-add-button="add"
13401    data-product-options-count="1"
13402  
13403  data-quick-add-mode="combine"
13404>
13405  <product-form-component
13406    data-section-id="template--23235915612375__apparel_grid"
13407    data-product-id="9183496995031"
13408    on:submit="/handleSubmit"
13409    class="quick-add__product-form-component flex w-full"
13410  >
13411    <div
13412      class="visually-hidden"
13413      aria-live="assertive"
13414      role="status"
13415      aria-atomic="true"
13416      ref="liveRegion"
13417    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183496995031-AT1lwT09US2hLOGNRd__static-product-card-7" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
13418        type="hidden"
13419        name="id"
13420        ref="variantId"
13421        value="48288949076183"
13422        
13423      >
13424      <input
13425        type="hidden"
13426        name="quantity"
13427        value="1"
13428      >
13429      
13430<add-to-cart-component class="block" ref="addToCartButtonContainer">
13431  <button
13432    id=""
13433    type="submit"
13434    name="add"
13435    ref="addToCartButton"
13436    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
13437    data-add-to-cart-text="Add to cart"
13438    data-sold-out-text="Sold out"
13439    data-unavailable-text="Unavailable"
13440    aria-label="Add to cart"
13441    
13442  >
13443    <span class="add-to-cart-text btn__text hidden">
13444      <span class="add-to-cart-text__content">Add to cart</span>
13445    </span>
13446    
13447      
13448<span
13449    class="icon icon--cart "
13450    
13451    
13452  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
13453  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
13454  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
13455  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
13456  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
13457</svg></span>
13458    
13459    
13460    <span
13461  class="loading-spinner add-to-cart-spinner hidden"
13462  
13463    ref="addToCartSpinner"
13464>
13465  <svg
13466    aria-hidden="true"
13467    focusable="false"
13468    class="spinner icon icon--medium"
13469    viewBox="0 0 66 66"
13470    xmlns="http://www.w3.org/2000/svg"
13471  >
13472    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
13473  </svg>
13474</span>
13475
13476  </button>
13477</add-to-cart-component>
13478
13479<input type="hidden" name="product-id" value="9183496995031" /><input type="hidden" name="section-id" value="template--23235915612375__apparel_grid" /></form></product-form-component>
13480</quick-add-component>
13481
13482        </div>
13483      
13484    </div>
13485  </div>
13486</product-card>
13487
13488
13489
13490              
13491            </div>
13492          
13493            <div class="f-column">
13494              
13495                
13496<product-card
13497  class="block product-card product-card--standard product-card--style-card color-scheme-12 overflow-hidden"
13498  
13499  style="--quick-add-display: flex;    --quick-add-display-mobile: flex;"
13500>
13501  <a
13502    
13503      href="/products/the-hls-x-staple-hat-black-and-yellow?variant=48288947994839"
13504    
13505    class="product-card__link focus-visible--inset absolute inset-0"
13506    ref="productCardLink"
13507    aria-label="The HLS x Staple Hat {Black and Yellow}"
13508  ></a>
13509  <div class="product-card__wrapper flex flex-col product-card--has-quick-add">
13510    <div
13511      class="product-card__media media-hover--scale relative media-mask-clip"
13512      style="--ratio: 1.0;"
13513    >
13514      <a
13515        
13516          href="/products/the-hls-x-staple-hat-black-and-yellow?variant=48288947994839"
13517        
13518        ref="cardGalleryLink"
13519        aria-label="The HLS x Staple Hat {Black and Yellow}"
13520        tabindex="-1"
13521      >
13522
13523
13524
13525
13526
13527
13528
13529
13530
13531
13532
13533
13534
13535<div class="media image-zoom-reveal product-card__image product-card__image--first" style="--ratio: 1.0;  --ratio-mobile: 1.0;">            <img src="//livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-black-and-yellow-1227971263.jpg?v=1774018510&amp;width=2000" alt="Black and yellow HLS x Staple hat by High Level Science, featuring a stylish, branded baseball cap design." srcset="//livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-black-and-yellow-1227971263.jpg?v=1774018510&amp;width=240 240w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-black-and-yellow-1227971263.jpg?v=1774018510&amp;width=352 352w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-black-and-yellow-1227971263.jpg?v=1774018510&amp;width=832 832w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-black-and-yellow-1227971263.jpg?v=1774018510&amp;width=1200 1200w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-black-and-yellow-1227971263.jpg?v=1774018510&amp;width=1600 1600w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-black-and-yellow-1227971263.jpg?v=1774018510&amp;width=1920 1920w, //livehighlevel.com/cdn/shop/files/high-level-science-the-hls-x-staple-hat-black-and-yellow-1227971263.jpg?v=1774018510&amp;width=2000 2000w" width="2000" height="2000" loading="lazy" sizes="(min-width: 1440px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1200px) calc((min(100vw, 1472px) - 32px) / 4), (min-width: 1024px) calc((min(100vw, 1472px) - 32px) / 3), (min-width: 768px) calc((min(100vw, 1472px) - 32px) / 3), calc((100vw - 32px) / 2)" class="w-full product-card-main-image media__image media-hover__element" is="responsive-image" data-mode="liquid">          </div>
13536
13537
13538</a>
13539          <product-badge data-product-id="9183496241367" class="product-card__badges">
13540            <div
13541  ref="badgesContainer"
13542  class="product-badges product-badges--vertical product-badges--empty"
13543>
13544
13545</div>
13546
13547          </product-badge>
13548        
13549<div class="product-card__actions flex flex-col items-end justify-end gap-1 absolute pointer-events-none">
13550
13551<quick-add-component
13552  class="quick-add quick-add--combine color-scheme-5"
13553  ref="quickAdd"
13554  data-product-title="The HLS x Staple Hat {Black and Yellow}"
13555  data-product-url="/products/the-hls-x-staple-hat-black-and-yellow"
13556  
13557    data-quick-add-button="add"
13558    data-product-options-count="1"
13559  
13560  data-quick-add-mode="combine"
13561>
13562  <product-form-component
13563    data-section-id="template--23235915612375__apparel_grid"
13564    data-product-id="9183496241367"
13565    on:submit="/handleSubmit"
13566    class="quick-add__product-form-component flex w-full"
13567  >
13568    <div
13569      class="visually-hidden"
13570      aria-live="assertive"
13571      role="status"
13572      aria-atomic="true"
13573      ref="liveRegion"
13574    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183496241367-AT1lwT09US2hLOGNRd__static-product-card-8" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
13575        type="hidden"
13576        name="id"
13577        ref="variantId"
13578        value="48288947994839"
13579        
13580      >
13581      <input
13582        type="hidden"
13583        name="quantity"
13584        value="1"
13585      >
13586      
13587<add-to-cart-component class="block" ref="addToCartButtonContainer">
13588  <button
13589    id=""
13590    type="submit"
13591    name="add"
13592    ref="addToCartButton"
13593    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-solid-desktop md:justify-start md:w-full"
13594    data-add-to-cart-text="Add to cart"
13595    data-sold-out-text="Sold out"
13596    data-unavailable-text="Unavailable"
13597    aria-label="Add to cart"
13598    
13599  >
13600    <span class="add-to-cart-text btn__text hidden md:flex">
13601      <span class="add-to-cart-text__content">Add to cart</span>
13602    </span>
13603    
13604      
13605<span
13606    class="icon icon--cart  md:hidden"
13607    
13608    
13609  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
13610  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
13611  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
13612  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
13613  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
13614</svg></span>
13615    
13616    
13617      <span class="add-to-cart-icon btn__icon hidden md:flex">
13618        <span class="btn__icon-text">Add to cart</span>
13619        <span class="btn__icon-icon">
13620<span
13621    class="icon icon--plus"
13622    
13623    
13624  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
13625  <path fill="none" d="M0 0H20V20H0V0z"/>
13626  <path class="icon--plus-line-1" x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M3.125 10L16.875 10"/>
13627  <path class="icon--plus-line-2" x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M10 3.125L10 16.875"/>
13628</svg></span></span>
13629      </span>
13630    
13631    <span
13632  class="loading-spinner add-to-cart-spinner hidden"
13633  
13634    ref="addToCartSpinner"
13635>
13636  <svg
13637    aria-hidden="true"
13638    focusable="false"
13639    class="spinner icon icon--medium"
13640    viewBox="0 0 66 66"
13641    xmlns="http://www.w3.org/2000/svg"
13642  >
13643    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
13644  </svg>
13645</span>
13646
13647  </button>
13648</add-to-cart-component>
13649
13650<input type="hidden" name="product-id" value="9183496241367" /><input type="hidden" name="section-id" value="template--23235915612375__apparel_grid" /></form></product-form-component>
13651</quick-add-component>
13652
13653</div></div>
13654    
13655    <div
13656      class="product-card__content flex items-end justify-between"
13657      style="--content-alignment: flex-start;"
13658    >
13659      <div class="product-card__content--wrapper flex flex-col text-left">
13660        
13661<a
13662            class="product-card__title text-wrap reversed-link"
13663            href="
13664/products/the-hls-x-staple-hat-black-and-yellow?variant=48288947994839"
13665            ref="productTitleLink"
13666            aria-label="The HLS x Staple Hat {Black and Yellow}"
13667          >
13668            <span class="reversed-link__text">The HLS x Staple Hat {Black and Yellow}</span>
13669          </a><product-price class="product-card__price">
13670          <div
13671  
13672    ref="priceContainer"
13673  
13674  data-quantity-breaks="false"
13675  class="
13676    price-container 
13677"
13678>
13679  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
13680      <span class="price">$36.00</span></div>
13681
13682  <div class="price__sale">
13683    <span class="visually-hidden">Sale price&nbsp;</span>
13684    <span class="price price--sale">$36.00</span>
13685      <span class="visually-hidden">Regular price&nbsp;</span>
13686      <span class="compare-at-price"></span></div></div>
13687
13688        </product-price>
13689          
13690
13691      </div>
13692      
13693        <div class="product-card__quick-add !bg-none color-scheme-5">
13694          
13695
13696<quick-add-component
13697  class="quick-add quick-add--combine"
13698  ref="quickAdd"
13699  data-product-title="The HLS x Staple Hat {Black and Yellow}"
13700  data-product-url="/products/the-hls-x-staple-hat-black-and-yellow"
13701  
13702    data-quick-add-button="add"
13703    data-product-options-count="1"
13704  
13705  data-quick-add-mode="combine"
13706>
13707  <product-form-component
13708    data-section-id="template--23235915612375__apparel_grid"
13709    data-product-id="9183496241367"
13710    on:submit="/handleSubmit"
13711    class="quick-add__product-form-component flex w-full"
13712  >
13713    <div
13714      class="visually-hidden"
13715      aria-live="assertive"
13716      role="status"
13717      aria-atomic="true"
13718      ref="liveRegion"
13719    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9183496241367-AT1lwT09US2hLOGNRd__static-product-card-8" accept-charset="UTF-8" class="w-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
13720        type="hidden"
13721        name="id"
13722        ref="variantId"
13723        value="48288947994839"
13724        
13725      >
13726      <input
13727        type="hidden"
13728        name="quantity"
13729        value="1"
13730      >
13731      
13732<add-to-cart-component class="block" ref="addToCartButtonContainer">
13733  <button
13734    id=""
13735    type="submit"
13736    name="add"
13737    ref="addToCartButton"
13738    class=" btn btn--primary quick-add__button quick-add__button--add btn--icon-only btn--small"
13739    data-add-to-cart-text="Add to cart"
13740    data-sold-out-text="Sold out"
13741    data-unavailable-text="Unavailable"
13742    aria-label="Add to cart"
13743    
13744  >
13745    <span class="add-to-cart-text btn__text hidden">
13746      <span class="add-to-cart-text__content">Add to cart</span>
13747    </span>
13748    
13749      
13750<span
13751    class="icon icon--cart "
13752    
13753    
13754  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
13755  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
13756  <path cx="88" cy="216" r="16" d="M8.125 16.875A1.25 1.25 0 0 1 6.875 18.125A1.25 1.25 0 0 1 5.625 16.875A1.25 1.25 0 0 1 8.125 16.875z" fill="currentColor"/>
13757  <path cx="192" cy="216" r="16" d="M16.25 16.875A1.25 1.25 0 0 1 15 18.125A1.25 1.25 0 0 1 13.75 16.875A1.25 1.25 0 0 1 16.25 16.875z" fill="currentColor"/>
13758  <path d="M1.25 2.5h1.875l2.871 10.334A1.25 1.25 0 0 0 7.2 13.75H14.922a1.25 1.25 0 0 0 1.205 -0.916L18.125 5.625H3.993" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)"/>
13759</svg></span>
13760    
13761    
13762    <span
13763  class="loading-spinner add-to-cart-spinner hidden"
13764  
13765    ref="addToCartSpinner"
13766>
13767  <svg
13768    aria-hidden="true"
13769    focusable="false"
13770    class="spinner icon icon--medium"
13771    viewBox="0 0 66 66"
13772    xmlns="http://www.w3.org/2000/svg"
13773  >
13774    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
13775  </svg>
13776</span>
13777
13778  </button>
13779</add-to-cart-component>
13780
13781<input type="hidden" name="product-id" value="9183496241367" /><input type="hidden" name="section-id" value="template--23235915612375__apparel_grid" /></form></product-form-component>
13782</quick-add-component>
13783
13784        </div>
13785      
13786    </div>
13787  </div>
13788</product-card>
13789
13790
13791
13792              
13793            </div>
13794          
13795        
13796      
13797    </div>
13798      </div>
13799    
13800  </div>
13801</div>
13802
13803</div>
13804      
13805    </main>
13806    <!-- BEGIN sections: footer-group -->
13807<div id="shopify-section-sections--23235909353687__footer" class="shopify-section shopify-section-group-footer-group">
13808<footer
13809  class="footer block color-scheme-inverse"
13810  style="--border-width: 1px;--border-style: none;--border-color: rgb(var(--color-border) / 1.0);--border-radius: 0px;"
13811>
13812  <div
13813    class="footer__top spacing-style"
13814    style="--padding-block-start: clamp(4.0rem, calc(2.907vw + 1.77rem), 6.0rem);    --padding-block-start-mobile: 4.0rem;"
13815  >
13816    <div class="page-width">
13817      <div class="footer__top-blocks flex flex-wrap"><div
13818  class="footer__top-block accordion f-column relative w-full shrink-0"
13819  style="--col-width: 45%;--col-order: -2;"
13820  
13821  data-section-id="sections--23235909353687__footer"
13822>
13823  <div
13824    class="footer__details accordion__details"
13825    
13826  ><div
13827      class="accordion__content"
13828      ref="content"
13829    >
13830      <div class="accordion__inner">
13831<div
13832  class="group-block spacing-style border-style size-style"
13833  style="--padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: calc(0.0rem * var(--padding-block-end-scale, 1));    --padding-block-end-mobile: 0.0rem;--padding-inline-start: calc(0.0rem * var(--padding-inline-start-scale, 1));    --padding-inline-start-mobile: 0.0rem;--padding-inline-end: calc(0.0rem * var(--padding-inline-end-scale, 1));    --padding-inline-end-mobile: 0.0rem;--border-width: 1px;--border-style: none;--border-color: rgb(var(--color-border) / 1.0);--border-radius: 0px;--size-style-width: 70%;--size-style-width-mobile: 100%;        --size-style-width-mobile-min: 5rem;--order-mobile: initial;
13834  
13835"
13836  
13837>
13838  <div
13839    class="group-block-content layout-panel-flex gap-style layout-panel-flex--column"
13840    style="--flex-direction: column;--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;
13840--vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start;--f-column-gap-max: 1.2rem;  --f-column-gap: calc(1.2rem * var(--f-column-gap-scale, 1));    --f-column-gap-mobile: 1.2rem;  --f-row-gap: clamp(2.0rem, calc(0.78vw + 1.402rem), 2.4rem);    --f-row-gap-mobile: 2.0rem;"
13841  >
13842  
13843<div 
13844  class="spacing-style text-block color-text text-block--AQ1BTeFVWR2NPS3NJe__text_hlsbrand h3 rte  mobile-no-br"
13845  style="--width: fit-content;  --width-mobile: fit-content;        --padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: calc(0.0rem * var(--padding-block-end-scale, 1));    --padding-block-end-mobile: 0.0rem;--padding-inline-start: calc(0.0rem * var(--padding-inline-start-scale, 1));    --padding-inline-start-mobile: 0.0rem;--padding-inline-end: calc(0.0rem * var(--padding-inline-end-scale, 1));    --padding-inline-end-mobile: 0.0rem;"
13846  
13847  
13848>
13849    <p><strong>HIGH LEVEL SCIENCE</strong></p>
13850
13851  </div>
13852
13853
13854<div 
13855  class="spacing-style text-block color-text text-block--AMFI5M0h1YUI1VmZId__text_FaYYgr h1 rte  mobile-no-br"
13856  style="--width: fit-content;  --width-mobile: fit-content;        --padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: calc(0.0rem * var(--padding-block-end-scale, 1));    --padding-block-end-mobile: 0.0rem;--padding-inline-start: calc(0.0rem * var(--padding-inline-start-scale, 1));    --padding-inline-start-mobile: 0.0rem;--padding-inline-end: calc(0.0rem * var(--padding-inline-end-scale, 1));    --padding-inline-end-mobile: 0.0rem;"
13857  
13858  
13859>
13860    <p>We&rsquo;re obsessed with <br/>formulating the best.</p>
13861
13862  </div>
13863
13864
13865<div 
13866  class="spacing-style text-block color-subtext text-block--AeHJEemtvYS9zU243d__text_fdadisc rte"
13867  style="--width: fit-content;  --width-mobile: fit-content;        --padding-block-start: clamp(0.64rem, calc(0.233vw + 0.462rem), 0.8rem);    --padding-block-start-mobile: 0.64rem;--padding-block-end: calc(0.0rem * var(--padding-block-end-scale, 1));    --padding-block-end-mobile: 0.0rem;--padding-inline-start: calc(0.0rem * var(--padding-inline-start-scale, 1));    --padding-inline-start-mobile: 0.0rem;--padding-inline-end: calc(0.0rem * var(--padding-inline-end-scale, 1));    --padding-inline-end-mobile: 0.0rem;"
13868  
13869  
13870>
13871    <p>*These statements have not been evaluated by the FDA. This product is not intended to diagnose, treat, cure or prevent any disease. Consult your healthcare practitioner before using any supplement.</p>
13872
13873  </div>
13874
13875
13876</div>
13877</div>
13878
13879
13880</div>
13881    </div>
13882  </div>
13883</div>
13884
13885<accordion-component
13886  class="footer__top-block footer__top-block--with-border accordion f-column relative w-full shrink-0"
13887  style="--col-width: 17%;"
13888  
13889  data-section-id="sections--23235909353687__footer"
13890>
13891  <details
13892    class="footer__details accordion__details"
13893    
13894      is="footer-details"
13895      ref="item"
13896      open
13897      
13898    
13899  ><summary ref="summary" class="accordion__summary flex" on:click="/onSummaryClick">
13900        <span class="h5">
13901          Company
13902        </span>
13903        
13904<span
13905    class="icon icon--caret-down flex accordion__summary-arrow icon--caret lg:hidden"
13906    
13907    
13908  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
13909  <path fill="none" d="M0 0H20V20H0V0z"/>
13910  <path points="208 96 128 176 48 96" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M16.25 7.5L10 13.75L3.75 7.5"/>
13911</svg></span>
13912      </summary><div
13913      class="accordion__content"
13914      ref="content"
13915    >
13916      <div class="accordion__inner"><ul
13917  class="list-unstyled flex flex-col gap-2"
13918  
13919><li>
13920      <a
13921        href="/pages/our-story"
13922        class="block reversed-link color-subtext"
13923      >
13924        <span class="reversed-link__text">
13925          Our Story
13926        </span>
13927      </a>
13928    </li><li>
13929      <a
13930        href="/blogs/press-media"
13931        class="block reversed-link color-subtext"
13932      >
13933        <span class="reversed-link__text">
13934          Press
13935        </span>
13936      </a>
13937    </li><li>
13938      <a
13939        href="/pages/store-locator"
13940        class="block reversed-link color-subtext"
13941      >
13942        <span class="reversed-link__text">
13943          Find Us at GNC
13944        </span>
13945      </a>
13946    </li><li>
13947      <a
13948        href="https://shopify.com/70568870103/account/pages/63180ea1-edac-4010-98d1-d6a29078e7d5"
13949        class="block reversed-link color-subtext"
13950      >
13951        <span class="reversed-link__text">
13952          Affiliate Program
13953        </span>
13954      </a>
13955    </li></ul>
13956
13957</div>
13958    </div>
13959  </details>
13960</accordion-component>
13961
13962<accordion-component
13963  class="footer__top-block footer__top-block--with-border accordion f-column relative w-full shrink-0"
13964  style="--col-width: 17%;"
13965  
13966  data-section-id="sections--23235909353687__footer"
13967>
13968  <details
13969    class="footer__details accordion__details"
13970    
13971      is="footer-details"
13972      ref="item"
13973      open
13974      
13975    
13976  ><summary ref="summary" class="accordion__summary flex" on:click="/onSummaryClick">
13977        <span class="h5">
13978          Get Help
13979        </span>
13980        
13981<span
13982    class="icon icon--caret-down flex accordion__summary-arrow icon--caret lg:hidden"
13983    
13984    
13985  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
13986  <path fill="none" d="M0 0H20V20H0V0z"/>
13987  <path points="208 96 128 176 48 96" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M16.25 7.5L10 13.75L3.75 7.5"/>
13988</svg></span>
13989      </summary><div
13990      class="accordion__content"
13991      ref="content"
13992    >
13993      <div class="accordion__inner"><ul
13994  class="list-unstyled flex flex-col gap-2"
13995  
13996><li>
13997      <a
13998        href="/pages/faqs"
13999        class="block reversed-link color-subtext"
14000      >
14001        <span class="reversed-link__text">
14002          FAQ's
14003        </span>
14004      </a>
14005    </li><li>
14006      <a
14007        href="/pages/contact-us"
14008        class="block reversed-link color-subtext"
14009      >
14010        <span class="reversed-link__text">
14011          Contact Us
14012        </span>
14013      </a>
14014    </li><li>
14015      <a
14016        href="/tools/recurring/login"
14017        class="block reversed-link color-subtext"
14018      >
14019        <span class="reversed-link__text">
14020          Manage Subscription
14021        </span>
14022      </a>
14023    </li><li>
14024      <a
14025        href="/policies/refund-policy"
14026        class="block reversed-link color-subtext"
14027      >
14028        <span class="reversed-link__text">
14029          Refund Policy
14030        </span>
14031      </a>
14032    </li><li>
14033      <a
14034        href="/pages/privacy-policy"
14035        class="block reversed-link color-subtext"
14036      >
14037        <span class="reversed-link__text">
14038          Privacy Policy
14039        </span>
14040      </a>
14041    </li><li>
14042      <a
14043        href="/pages/terms-and-conditions"
14044        class="block reversed-link color-subtext"
14045      >
14046        <span class="reversed-link__text">
14047          Terms & Conditions
14048        </span>
14049      </a>
14050    </li></ul>
14051
14052</div>
14053    </div>
14054  </details>
14055</accordion-component>
14056
14057<accordion-component
14058  class="footer__top-block footer__top-block--with-border accordion f-column relative w-full shrink-0"
14059  style="--col-width: 17%;"
14060  
14061  data-section-id="sections--23235909353687__footer"
14062>
14063  <details
14064    class="footer__details accordion__details"
14065    
14066      is="footer-details"
14067      ref="item"
14068      open
14069      
14070    
14071  ><summary ref="summary" class="accordion__summary flex" on:click="/onSummaryClick">
14072        <span class="h5">
14073          Information
14074        </span>
14075        
14076<span
14077    class="icon icon--caret-down flex accordion__summary-arrow icon--caret lg:hidden"
14078    
14079    
14080  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
14081  <path fill="none" d="M0 0H20V20H0V0z"/>
14082  <path points="208 96 128 176 48 96" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M16.25 7.5L10 13.75L3.75 7.5"/>
14083</svg></span>
14084      </summary><div
14085      class="accordion__content"
14086      ref="content"
14087    >
14088      <div class="accordion__inner">
14089<div 
14090  class="spacing-style text-block color-subtext text-block--AU1hYaVA5TG5aNFNUd__text_67piGA rte"
14091  style="--width: fit-content;  --width-mobile: fit-content;        --padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: calc(0.0rem * var(--padding-block-end-scale, 1));    --padding-block-end-mobile: 0.0rem;--padding-inline-start: calc(0.0rem * var(--padding-inline-start-scale, 1));    --padding-inline-start-mobile: 0.0rem;--padding-inline-end: calc(0.0rem * var(--padding-inline-end-scale, 1));    --padding-inline-end-mobile: 0.0rem;"
14092  
14093  
14094>
14095    <p>High Level Science, LLC<br/>2300 Via Inspirada Ste 100-116<br/>Henderson, NV 89044</p>
14096
14097  </div>
14098
14099
14100<div 
14101  class="spacing-style text-block color-subtext text-block--AdVBRZVByai9ZQnFST__text_FmbUpy rte"
14102  style="--width: fit-content;  --width-mobile: fit-content;        --padding-block-start: clamp(0.96rem, calc(0.349vw + 0.692rem), 1.2rem);    --padding-block-start-mobile: 0.96rem;--padding-block-end: calc(0.0rem * var(--padding-block-end-scale, 1));    --padding-block-end-mobile: 0.0rem;--padding-inline-start: calc(0.0rem * var(--padding-inline-start-scale, 1));    --padding-inline-start-mobile: 0.0rem;--padding-inline-end: calc(0.0rem * var(--padding-inline-end-scale, 1));    --padding-inline-end-mobile: 0.0rem;"
14103  
14104  
14105>
14106    <p><a href="mailto:[email protected]" title="mailto:[email protected]">[email protected]</a></p>
14107
14108  </div>
14109
14110
14111<div 
14112  class="spacing-style text-block color-subtext text-block--ARXlvVW8weXJ2TkI2T__text_TRntEU rte"
14113  style="--width: fit-content;  --width-mobile: fit-content;        --padding-block-start: clamp(0.96rem, calc(0.349vw + 0.692rem), 1.2rem);    --padding-block-start-mobile: 0.96rem;--padding-block-end: calc(0.0rem * var(--padding-block-end-scale, 1));    --padding-block-end-mobile: 0.0rem;--padding-inline-start: calc(0.0rem * var(--padding-inline-start-scale, 1));    --padding-inline-start-mobile: 0.0rem;--padding-inline-end: calc(0.0rem * var(--padding-inline-end-scale, 1));    --padding-inline-end-mobile: 0.0rem;"
14114  
14115  
14116>
14117    <p>@livehighlevel on all platforms</p>
14118
14119  </div>
14120
14121</div>
14122    </div>
14123  </details>
14124</accordion-component>
14125
14126<div
14127  class="footer__top-block accordion f-column relative w-full shrink-0"
14128  style="--col-width: 100%;--col-order: -1;"
14129  
14130  data-section-id="sections--23235909353687__footer"
14131>
14132  <div
14133    class="footer__details accordion__details is-open"
14134    
14135  ><div
14136      class="accordion__content"
14137      ref="content"
14138    >
14139      <div class="accordion__inner"><div
14140  class="divider divider-ARmFHWlcyMEdKU3hJV__divider_7m3CWc spacing-style items-center self-stretch hidden md:flex"
14141  style="
14142    --divider-justify-content: center;
14143    --padding-block-start: clamp(2.4rem, calc(2.326vw + 0.616rem), 4.0rem);    --padding-block-start-mobile: 2.4rem;--padding-block-end: clamp(2.4rem, calc(2.326vw + 0.616rem), 4.0rem);    --padding-block-end-mobile: 2.4rem;
14144  "
14145  
14146    
14147  
14148>
14149  <span
14150    class="divider__line"
14151    style="
14152      --divider-border-thickness: 1px;
14153      --divider-flex-basis: 100%;
14154    "
14155  ></span>
14156</div>
14157
14158
14159
14160
14161<div
14162  class="group-block spacing-style border-style size-style"
14163  style="--padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: clamp(1.2rem, calc(2.907vw + -1.03rem), 3.2rem);    --padding-block-end-mobile: 1.2rem;--padding-inline-start: calc(0.0rem * var(--padding-inline-start-scale, 1));    --padding-inline-start-mobile: 0.0rem;--padding-inline-end: calc(0.0rem * var(--padding-inline-end-scale, 1));    --padding-inline-end-mobile: 0.0rem;--border-width: 1px;--border-style: none;--border-color: rgb(var(--color-border) / 1.0);--border-radius: 0px;--size-style-width: 100%;--size-style-width-mobile: 100%;        --size-style-width-mobile-min: 5rem;--order-mobile: initial;
14164  
14165"
14166  
14167>
14168  <div
14169    class="group-block-content layout-panel-flex gap-style layout-panel-flex--row mobile-column"
14170    style="--flex-direction: row;--horizontal-alignment: space-between;--horizontal-alignment-mobile: space-between;--vertical-alignment: center;
14170--vertical-alignment-mobile: center;--f-column-gap-max: 3.0rem;  --f-column-gap: clamp(1.2rem, calc(3.509vw + -1.491rem), 3.0rem);    --f-column-gap-mobile: 1.2rem;  --f-row-gap: calc(0.0rem * var(--f-row-gap-scale, 1));    --f-row-gap-mobile: 0.4rem;"
14171  >
14172  
14173<div 
14174  class="spacing-style text-block color-text text-block--ALzR3R2RqV2tjZkdCd__text_ExLaFM h5 rte"
14175  style="--width: fit-content;  --width-mobile: fit-content;        --padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: calc(0.0rem * var(--padding-block-end-scale, 1));    --padding-block-end-mobile: 0.0rem;--padding-inline-start: calc(0.0rem * var(--padding-inline-start-scale, 1));    --padding-inline-start-mobile: 0.0rem;--padding-inline-end: calc(0.0rem * var(--padding-inline-end-scale, 1));    --padding-inline-end-mobile: 0.0rem;"
14176  
14177  
14178>
14179    <p>Follow Us on Instagram</p>
14180
14181  </div>
14182
14183
14184<div 
14185  class="spacing-style text-block color-subtext text-block--AV2cxejlkRzJEMy9PO__text_nFHpCb rte"
14186  style="--width: fit-content;  --width-mobile: fit-content;        --padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: calc(0.0rem * var(--padding-block-end-scale, 1));    --padding-block-end-mobile: 0.0rem;--padding-inline-start: calc(0.0rem * var(--padding-inline-start-scale, 1));    --padding-inline-start-mobile: 0.0rem;--padding-inline-end: calc(0.0rem * var(--padding-inline-end-scale, 1));    --padding-inline-end-mobile: 0.0rem;"
14187  
14188  
14189>
14190    <p><a href="https://instagram.com/livehighlevel" title="High Level Science on Instagram">@livehighlevel</a></p>
14191
14192  </div>
14193
14194
14195</div>
14196</div>
14197
14198
14199</div>
14200    </div>
14201  </div>
14202</div>
14203
14204</div>
14205    </div>
14206  </div>
14207  <div class="footer__bottom page-width"><div class="footer__bottom-row flex flex-wrap gap-5 md:gap-6 justify-between items-end"><ul
14208  class="list-unstyled flex flex-wrap items-center socials socials--solid gap-2"
14209  role="list"
14210><li class="social__item inline-flex">
14211      <a
14212        href="https://www.facebook.com/profile.php?id=61563338084876"
14213        class="social__link btn btn--secondary btn--icon-only"
14214      >
14215<span
14216    class="icon icon--facebook icon--extra-large"
14217    
14218    
14219  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
14220  <path d="M8.9999 13.6241V21.6004H13.3499V13.6241H16.5937L17.2687 9.95664H13.3499V8.65914C13.3499 6.72039 14.1112 5.97789 16.0762 5.97789C16.6874 5.97789 17.1787 5.99289 17.4637 6.02289V2.69664C16.9274 2.55039 15.6149 2.40039 14.8574 2.40039C10.8487 2.40039 8.9999 4.29414 8.9999 8.37789V9.95664H6.5249V13.6241H8.9999Z" fill="currentColor"/>
14221</svg></span><span class="visually-hidden">Facebook</span>
14222      </a>
14223    </li><li class="social__item inline-flex">
14224      <a
14225        href="https://x.com/livehighlevel"
14226        class="social__link btn btn--secondary btn--icon-only"
14227      >
14228<span
14229    class="icon icon--x icon--extra-large"
14230    
14231    
14232  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
14233  <path d="M4.03961 4.33398L10.3116 12.7232L4 19.544H5.42048L10.9463 13.5723L15.411 19.544H20.2449L13.62 10.6829L19.4948 4.33398H18.0743L12.9854 9.8338L8.87357 4.33398H4.03961ZM6.12854 5.38069H8.34927L18.1557 18.4971H15.9349L6.12854 5.38069Z" fill="currentColor"/>
14234</svg>
14235</span><span class="visually-hidden">X</span>
14236      </a>
14237    </li><li class="social__item inline-flex">
14238      <a
14239        href="https://instagram.com/livehighlevel"
14240        class="social__link btn btn--secondary btn--icon-only"
14241      >
14242<span
14243    class="icon icon--instagram icon--extra-large"
14244    
14245    
14246  >
14247<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
14248  <path d="M12.0004 3.27344C9.63033 3.27344 9.33289 3.2838 8.402 3.32616C7.47294 3.36871 6.83878 3.5158 6.28389 3.73162C5.7099 3.95453 5.22301 4.25271 4.73793 4.73798C4.25249 5.22307 3.95432 5.70998 3.73069 6.2838C3.51433 6.83889 3.36707 7.47326 3.32525 8.40198C3.28361 9.33289 3.27271 9.63053 3.27271 12.0007C3.27271 14.3709 3.28325 14.6674 3.32543 15.5983C3.36816 16.5274 3.51524 17.1616 3.73087 17.7165C3.95396 18.2905 4.25213 18.7774 4.73739 19.2625C5.22228 19.748 5.70918 20.0469 6.2828 20.2698C6.83805 20.4856 7.4724 20.6327 8.40128 20.6753C9.33216 20.7176 9.62942 20.728 11.9993 20.728C14.3696 20.728 14.6662 20.7176 15.5971 20.6753C16.5261 20.6327 17.161 20.4856 17.7163 20.2698C18.2901 20.0469 18.7762 19.748 19.2611 19.2625C19.7466 18.7774 20.0447 18.2905 20.2684 17.7167C20.4829 17.1616 20.6302 16.5273 20.6738 15.5985C20.7156 14.6676 20.7265 14.3709 20.7265 12.0007C20.7265 9.63053 20.7156 9.33307 20.6738 8.40216C20.6302 7.47307 20.4829 6.83889 20.2684 6.28398C20.0447 5.70998 19.7466 5.22307 19.2611 4.73798C18.7757 4.25253 18.2903 3.95435 17.7157 3.73162C17.1594 3.5158 16.5248 3.36871 15.5958 3.32616C14.6649 3.2838 14.3686 3.27344 11.9977 3.27344H12.0004ZM11.2176 4.84616C11.4499 4.8458 11.7092 4.84616 12.0004 4.84616C14.3306 4.84616 14.6067 4.85453 15.5269 4.89635C16.3778 4.93526 16.8396 5.07744 17.1472 5.19689C17.5545 5.3550
142487 17.8448 5.54416 18.1501 5.84962C18.4555 6.15507 18.6446 6.44598 18.8031 6.85326C18.9226 7.16053 19.065 7.62235 19.1037 8.47326C19.1455 9.39326 19.1546 9.66962 19.1546 11.9987C19.1546 14.3278 19.1455 14.6042 19.1037 15.5242C19.0648 16.3751 18.9226 16.8369 18.8031 17.1442C18.645 17.5514 18.4555 17.8414 18.1501 18.1467C17.8446 18.4522 17.5546 18.6413 17.1472 18.7994C16.8399 18.9194 16.3778 19.0613 15.5269 19.1002C14.6069 19.142 14.3306 19.1511 12.0004 19.1511C9.67015 19.1511 9.39397 19.142 8.474 19.1002C7.62312 19.0609 7.16131 18.9187 6.85351 18.7993C6.44625 18.6411 6.15534 18.452 5.8499 18.1465C5.54445 17.8411 5.35537 17.5509 5.19683 17.1434C5.07738 16.8362 4.93502 16.3743 4.89629 15.5234C4.85448 14.6034 4.84611 14.3271 4.84611 11.9965C4.84611 9.66598 4.85448 9.39107 4.89629 8.47107C4.9352 7.62016 5.07738 7.15835 5.19683 6.85071C5.35501 6.44344 5.54445 6.15253 5.8499 5.84707C6.15534 5.54162 6.44625 5.35253 6.85351 5.19398C7.16113 5.07398 7.62312 4.93216 8.474 4.89307C9.27907 4.85671 9.59106 4.8458 11.2176 4.84398V4.84616ZM16.6588 6.29526C16.0807 6.29526 15.6116 6.7638 15.6116 7.34216C15.6116 7.92035 16.0807 8.38944 16.6588 8.38944C17.237 8.38944 17.7061 7.92035 17.7061 7.34216C17.7061 6.76398 17.237 6.29489 16.6588 6.29489V6.29526ZM12.0004 7.51889C9.52542 7.51889 7.51876 9.52562 7.51876 12.0007C7.51876 14.4758 9.52542 16.4816 12.0004 16.4816C14.4755 16.4816 16.4814 14.4758 16.4814 12.0007C16.4814 9.52562 14.4753 7.51889 12.0003 7.51889H12.0004ZM12.0004 9.09162C13.6069 9.09162 14.9094 10.394 14.9094 12.0007C14.9094 13.6073 13.6069 14.9098 12.0004 14.9098C10.3938 14.9098 9.09144 13.6073 9.09144 12.0007C9.09144 10.394 10.3938 9.09162 12.0004 9.09162V9.09162Z" fill="currentColor"/>
14249</svg></span><span class="visually-hidden">Instagram</span>
14250      </a>
14251    </li><li class="social__item inline-flex">
14252      <a
14253        href="https://tiktok.com/@livehighlevel"
14254        class="social__link btn btn--secondary btn--icon-only"
14255      >
14256<span
14257    class="icon icon--tiktok icon--extra-large"
14258    
14259    
14260  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
14261  <path d="M9.98981 17.2589C11.3248 17.2589 12.407 16.3032 12.407 14.8417V4H15.306C15.1434 5.97723 17.1089 7.88718 19.2766 7.8435V10.5695C17.4228 10.5695 15.8464 9.78561 15.2977 9.35059V14.8417C15.2977 17.2589 13.3961 20 9.98981 20C6.58348 20 4.72339 17.2589 4.72339 14.8417C4.72339 11.43 8.33382 9.45136 10.7251 9.93497V12.7115C10.6048 12.669 10.2946 12.6061 10.0303 12.6061C8.68425 12.5564 7.57259 13.6482 7.57259 14.8417C7.57259 16.1767 8.65482 17.2589 9.98981 17.2589Z" fill="currentColor"/>
14262</svg></span><span class="visually-hidden">TikTok</span>
14263      </a>
14264    </li></ul>
14265
14266<ul class="footer__links list-unstyled flex flex-wrap gap-1 gap-x-3 md:gap-x-6"></ul>
14267      </div><div class="footer__bottom-row flex flex-wrap gap-5 md:gap-6 justify-between items-center"><div class="flex flex-wrap items-center justify-start md:justify-end gap-5 md:gap-6"><div class="footer__follow-on-shop">
14268              
14269              
14270              
14270<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-follow-button.en.esm.js"></script>
vendor: 1 bytes, line 14270
14270
14271<script type="module">
14272  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-follow-button.en.esm.js");
14273
14274  
14275</script>
14275
14276
14277<shop-follow-button ux-mode="windoid" return-uri="https://livehighlevel.com/account/redirect" proxy="true"></shop-follow-button>
14278
14279              
14280            </div></div><div class="footer__copyright text-wrap">
14281        &copy;
14282        2026
14283        <a href="/" title="">High Level Science</a>
14284      </div>
14285    </div>
14286  </div>
14287</footer>
14288
14289</div>
14290<!-- END sections: footer-group -->
14291    <!-- BEGIN sections: overlay-group -->
14292<div id="shopify-section-sections--23235910369495__cart-drawer" class="shopify-section shopify-section-group-overlay-group">
14293  <link
14294    rel="stylesheet"
14295    href="//livehighlevel.com/cdn/shop/t/26/assets/cart-drawer.css?v=37304295047642483951789446022"
14296    media="print"
14297    onload="this.media='all'"
14298  >
14299  <link
14300    rel="stylesheet"
14301    href="//livehighlevel.com/cdn/shop/t/26/assets/cart-modules.css?v=15298611638066947451789446022"
14302    media="print"
14303    onload="this.media='all'"
14304  >
14305  <noscript><link href="//livehighlevel.com/cdn/shop/t/26/assets/cart-drawer.css?v=37304295047642483951789446022" rel="stylesheet" type="text/css" media="all" /></noscript>
14306  <noscript><link href="//livehighlevel.com/cdn/shop/t/26/assets/cart-modules.css?v=15298611638066947451789446022" rel="stylesheet" type="text/css" media="all" /></noscript>
14307  
14307<script
14308    src="//livehighlevel.com/cdn/shop/t/26/assets/cart-drawer.js?v=19882561015598337881789446022"
14309    type="module"
14310    fetchpriority="low"
14311  ></script>
14311
14312  
14312<script
14313    src="//livehighlevel.com/cdn/shop/t/26/assets/cart-items.js?v=71188228796630364101789446022"
14314    type="module"
14315    fetchpriority="low"
14316  ></script>
14316
14317  
14318    
14318<script
14319      src="//livehighlevel.com/cdn/shop/t/26/assets/cart-shipping.js?v=155155703356540600101789446022"
14320      type="module"
14321      fetchpriority="low"
14322    ></script>
14322
14323  
14324  
14325    
14325<script
14326      src="//livehighlevel.com/cdn/shop/t/26/assets/product-recommendations.js?v=121710763207335066721789446022"
14327      type="module"
14328      fetchpriority="low"
14329    ></script>
14329
14330  
14331  <cart-drawer-component
14332    id="CartDrawer"
14333    class="cart-drawer"
14334    
14335      auto-open
14336    
14337    shopify-design-mode
14338  >
14339    <dialog
14340      id="cart-drawer-dialog"
14341      ref="dialog"
14342      class="dialog dialog--drawer dialog--cart-drawer dialog--drawer-right overflow-hidden"
14343      scroll-lock
14344    >
14345      <div class="cart-drawer__inner">
14346        
14347        <cart-items-component
14348          class="cart-items-component"
14349          data-section-id="sections--23235910369495__cart-drawer"
14350          data-gift-variant-id=""
14351          data-gift-wrap-per-product="false"
14352          data-gift-sync-quantity="true"
14353        ><div
14354              class="cart-drawer__header relative flex items-center justify-between gap-2"
14355              id="cart-drawer-header"
14356            >
14357              <span class="cart-drawer__heading cart__heading relative h3">
14358                Your cart
14359                
14360
14361<cart-count
14362  class="cart-count cart-count--absolute cart-count--unstyled hidden"
14363  
14364    data-context="drawer"
14365  
14366>
14367  <span class="visually-hidden">Total items in cart: 0
14368  </span>
14369  <span
14370    class="cart-bubble__text-count"
14371    ref="cartBubbleCount"
14372    aria-hidden="true"
14373  >
14374    
143750
14376  </span>
14377</cart-count>
14378
14379              </span>
14380              <button
14381                class="cart-drawer__close dialog__close shrink-0"
14382                on:click="cart-drawer-component/close"
14383              >
14384                
14385<span
14386    class="icon icon--close icon--large"
14387    
14388    
14389  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
14390  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
14391  <path x1="200" y1="56" x2="56" y2="200" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M15.625 4.375L4.375 15.625"/>
14392  <path x1="200" y1="200" x2="56" y2="56" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M15.625 15.625L4.375 4.375"/>
14393</svg>
14394</span>
14395              </button>
14396            </div>
14397            <div class="cart-drawer__content">
14398              <div class="cart-drawer__empty flex flex-col justify-center items-center gap-6 xl:gap-8">
14399                <div class="cart-drawer__empty-header flex items-center flex-col gap-3 xl:gap-4 justify-center">
14400                  <span class="cart-drawer__empty-heading h3">
14401                    Your cart is empty
14402                  </span><div class="cart-drawer__empty-description color-subtext text-center">Have an account? <a href="https://livehighlevel.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
14403</div></div>
14404                
14405                <a
14406                  class="btn btn--primary btn--icon-solid cart-items__empty-button"
14407                  href="/collections/all-products"
14408                >
14409                  <span class="btn__text">Continue shopping</span>
14410                  <span class="btn__icon">
14411                    <span class="btn__icon-text">Continue shopping</span>
14412                    <span class="btn__icon-icon">
14413<span
14414    class="icon icon--caret-right"
14415    
14416    
14417  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="rtl-flip-x">
14418  <path fill="none" d="M0 0H20V20H0V0z"/>
14419  <path points="96 48 176 128 96 208" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M7.5 3.75L13.75 10L7.5 16.25"/>
14420</svg>
14421</span></span>
14422                  </span>
14423                </a>
14424              </div>
14425              <div class="cart-drawer__items">
14426                
14427<div
14428  
14429  class="cart-items__wrapper"
14430>
14431  <form
14432    action="/cart"
14433    class="cart-form"
14434    id="cart-form"
14435    method="post"
14436  >
14437    <div class="cart-items">
14438      <table class="cart-items__table">
14439        <caption class="visually-hidden">
14440          Cart total
14441          <span>$0.00 USD</span>
14442        </caption>
14443        <thead class="visually-hidden">
14444          <tr class="cart-items__table-row">
14445            <th id="productImage" scope="col">
14446              Product image
14447            </th>
14448            <th id="productInformation" scope="col">
14449              Product information
14450            </th>
14451            <th id="quantity" scope="col">
14452              Quantity
14453            </th>
14454            <th id="productTotal" scope="col">
14455              Product total
14456            </th>
14457          </tr>
14458        </thead>
14459        <tbody>
14460          
14461        </tbody>
14462      </table>
14463    </div>
14464  </form>
14465</div>
14466
14467              </div>
14468            </div></cart-items-component>
14469      </div>
14470    </dialog>
14471  </cart-drawer-component>
14472
14473
14474</div><div id="shopify-section-sections--23235910369495__search-drawer" class="shopify-section shopify-section-group-overlay-group"><dialog-component
14475  id="search-drawer"
14476  class="search-drawer"
14477  shopify-design-mode
14478>
14479  <dialog
14480    id="search-drawer-dialog"
14481    ref="dialog"
14482    class="dialog dialog--drawer dialog--drawer-right"
14483    scroll-lock
14484  >
14485    <div class="dialog__content"><predictive-search
14486  class="search__form search__form--solid search__form--predictive dir-rtl flex flex-col w-full"
14487  data-empty-recommendations="false"
14488  data-results-limit="3"
14489  data-context="drawer"
14490>
14491  <div class="search__header flex dir-ltr">
14492    <form
14493      class="w-full"
14494      action="/search"
14495      method="get"
14496      role="search"
14497      id="PredictiveSearch-sections--23235910369495__search-drawer"
14498    >
14499      <input type="hidden" name="options[prefix]" value="last">
14500      <input type="hidden" name="type" value="product,article">
14501      <div class="search__field relative flex items-center w-full">
14502        <input
14503          ref="searchInput"
14504          on:focus="/onFocus"
14505          id="SearchInput-sections--23235910369495__search-drawer"
14506          class="search__input form-control w-full"
14507          type="search"
14508          name="q"
14509          
14510          placeholder="Search"
14511          
14512            on:input="/onInputDebounced"
14513            role="combobox"
14514            aria-expanded="false"
14515            aria-owns="PredictiveSearchResults-sections--23235910369495__search-drawer"
14516            aria-controls="PredictiveSearchResults-sections--23235910369495__search-drawer"
14517            aria-haspopup="listbox"
14518            aria-autocomplete="list"
14519            autocorrect="off"
14520            autocomplete="off"
14521            autocapitalize="off"
14522            spellcheck="false"
14523          
14524        >
14525        <label class="visually-hidden" for="SearchInput-sections--23235910369495__search-drawer">Search</label>
14526        <button
14527          ref="clearButton"
14528          on:click="/clear"
14529          type="reset"
14530          class="search__reset button-unstyled btn absolute flex items-center justify-center cursor-pointer"
14531        >
14532          <span>Clear</span>
14533        </button><span
14534  class="loading-spinner search__spinner pointer-events-none absolute flex items-center"
14535  
14536    ref="spinner"
14537>
14538  <svg
14539    aria-hidden="true"
14540    focusable="false"
14541    class="spinner icon icon--medium"
14542    viewBox="0 0 66 66"
14543    xmlns="http://www.w3.org/2000/svg"
14544  >
14545    <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
14546  </svg>
14547</span>
14548
14549<button
14550          on:click="/onSubmit"
14551          type="submit"
14552          class="search__submit search__submit--predictive button-unstyled absolute flex items-center justify-center cursor-pointer"
14553          aria-label="Search"
14554        >
14555<span
14556    class="icon icon--search icon--large"
14557    
14558    
14559  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
14560  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
14561  <path cx="112" cy="112" r="80" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M15 8.75A6.25 6.25 0 0 1 8.75 15A6.25 6.25 0 0 1 2.5 8.75A6.25 6.25 0 0 1 15 8.75z"/>
14562  <path x1="168.57" y1="168.57" x2="224" y2="224" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M13.17 13.17L17.5 17.5"/>
14563</svg>
14564</span></button>
14565      </div>
14566    </form><button
14567        class="dialog__close color-current shrink-0"
14568        on:click="#search-drawer/closeDialog"
14569        aria-label="Close dialog"
14570      >
14571        
14572<span
14573    class="icon icon--close icon--large"
14574    
14575    
14576  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
14577  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
14578  <path x1="200" y1="56" x2="56" y2="200" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M15.625 4.375L4.375 15.625"/>
14579  <path x1="200" y1="200" x2="56" y2="56" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M15.625 15.625L4.375 4.375"/>
14580</svg>
14581</span>
14582      </button></div>
14583  <div
14584    ref="searchContent"
14585    class="search__content dir-ltr flex flex-col"
14586  >
14587    <div class="search__content-inner v-scrollable"><div class="search__recommendations flex flex-col gap-6"><div class="search__recommendation--keywords flex flex-col gap-3">
14588              <h4 class="text-capitalize h6">
14589                Popular search
14590              </h4>
14591              <ul class="flex flex-wrap gap-2 list-unstyled search__list--btn"><li class="flex">
14592                    <a
14593                      class="btn btn--secondary btn--tag"
14594                      href="/search?type=product&options%5Bprefix%5D=last&q=coq10 supplements Ashley Parker angel supplements dr rizik heart body mind testosterone"
14595                    >
14596                      <span class="btn__text">coq10 supplements Ashley Parker angel supplements dr rizik heart body mind testosterone</span>
14597                    </a>
14598                  </li></ul>
14599            </div></div><div class="search__results">
14600        <div
14601          id="PredictiveSearchResults-sections--23235910369495__search-drawer"
14602          role="listbox"
14603          class="flex flex-col gap-6 w-full"
14604        ></div>
14605      </div>
14606    </div>
14607  </div>
14608</predictive-search>
14609</div>
14610  </dialog>
14611</dialog-component>
14612
14613</div><div id="shopify-section-sections--23235910369495__quick-add-drawer" class="shopify-section shopify-section-group-overlay-group"><link
14614  rel="stylesheet"
14615  href="//livehighlevel.com/cdn/shop/t/26/assets/quick-view.css?v=45259115340521265151789446022"
14616  media="print"
14617  onload="this.media='all'"
14618>
14619
14620
14621
14622
14623
14624<div class="quick-add" id="quick-add-drawer" data-section-id="sections--23235910369495__quick-add-drawer" hidden>
14625  <div class="quick-add__inner" data-quick-add-content>
14626    
14627  <div
14628    class="quick-add__content v-scrollable flex flex-col flex-1 gap-style"
14629    style="--f-column-gap-max: 0.0rem;  --f-column-gap: calc(0.0rem * var(--f-column-gap-scale, 1));    --f-column-gap-mobile: 0.0rem;  --f-row-gap: clamp(0.0rem, calc(0.78vw + -0.598rem), 0.4rem);    --f-row-gap-mobile: clamp(0.0rem, calc(0.78vw + -0.598rem), 0.4rem);"
14630    data-product-url=""
14631  >
14632    
14633
14634<product-badge
14635  class="block product-badges spacing-style"
14636  data-product-id=""
14637  
14638  style="--padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: calc(0.4rem * var(--padding-block-end-scale, 1));    --padding-block-end-mobile: 0.4rem;--padding-inline-start: calc(0.0rem * var(--padding-inline-start-scale, 1));    --padding-inline-start-mobile: 0.0rem;--padding-inline-end: calc(0.0rem * var(--padding-inline-end-scale, 1));    --padding-inline-end-mobile: 0.0rem;"
14639>
14640  <div
14641  ref="badgesContainer"
14642  class="product-badges product-badges--horizontal product-badges--empty"
14643>
14644
14645</div>
14646
14647</product-badge>
14648
14649
14650<product-title
14651  class="block product-title-block"
14652  data-block-id="AS3hydGtkVjA5TnFiT__product_title_PQ88wz"
14653  
14654>
14655<div 
14656  class="spacing-style text-block color-text text-block--AS3hydGtkVjA5TnFiT__product_title_PQ88wz h3 rte"
14657  style="--padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: calc(0.0rem * var(--padding-block-end-scale, 1));    --padding-block-end-mobile: 0.0rem;--padding-inline-start: calc(0.0rem * var(--padding-inline-start-scale, 1));    --padding-inline-start-mobile: 0.0rem;--padding-inline-end: calc(0.0rem * var(--padding-inline-end-scale, 1));    --padding-inline-end-mobile: 0.0rem;"
14658  
14659  
14660>
14661    <p>Product title
14662</p>
14663  </div>
14664</product-title>
14665
14666
14667<product-price
14668  class="block product-price-block product-price spacing-style"
14669  data-block-id="AaWdDZ2RseWNLbzRlT__product_price_NG4dBt"
14670  data-product-id=""
14671  style="--padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: calc(1.2rem * var(--padding-block-end-scale, 1));    --padding-block-end-mobile: 1.2rem;--padding-inline-start: calc(0.0rem * var(--padding-inline-start-scale, 1));    --padding-inline-start-mobile: 0.0rem;--padding-inline-end: calc(0.0rem * var(--padding-inline-end-scale, 1));    --padding-inline-end-mobile: 0.0rem;"
14672  
14673>
14674  <div
14675  
14676    ref="priceContainer"
14677  
14678  data-quantity-breaks=""
14679  class="
14680    price-container h5
14681 price--sold-out"
14682>
14683  <div class="price__regular"><span class="visually-hidden">Regular price&nbsp;</span>
14684      <span class="price"> - </span>
14685      
14686</div>
14687
14688  <div class="price__sale">
14689    <span class="visually-hidden">Sale price&nbsp;</span>
14690    <span class="price price--sale">From $19.99</span>
14691      <span class="visually-hidden">Regular price&nbsp;</span>
14692      <span class="compare-at-price"></span></div></div>
14693
14694
14695  
14696</product-price>
14697
14698
14699
14700
14701
14702<media-gallery
14703  class="block media-gallery media-gallery--quick-add spacing-style hidden"
14704  style="--media-radius: 2.0rem; --padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: clamp(1.28rem, calc(0.465vw + 0.923rem), 1.6rem);    --padding-block-end-mobile: 1.28rem;"
14705>
14706  <carousel-slider class="carousel media-gallery__carousel carousel--visible" ref="carousel">
14707    
14707<script type="application/json" ref="config">
14708      {
14709        "loop": false,
14710        "pagination": false,
14711        "counter": false,
14712        "slidesPerView": "auto",
14713        "spaceBetween": 8,
14714        "counter": true,
14715        "pagination": {
14716          "type": "progressbar"
14717        }
14718      }
14719    </script>
14719
14720    <div ref="container" class="swiper media-gallery__carousel-container">
14721      <div class="swiper-wrapper media-gallery__carousel-wrapper">
14722        
14723      </div>
14724      
14725    </div>
14726  </carousel-slider>
14727</media-gallery>
14728
14729
14730
14731
14732
14733
14734
14735
14736
14737
14738
14739<product-inventory
14740  class="
14741    product-inventory spacing-style
14742    
14743  "
14744  style="--padding-block-start: calc(0.0rem * var(--padding-block-start-scale, 1));    --padding-block-start-mobile: 0.0rem;--padding-block-end: calc(1.6rem * var(--padding-block-end-scale, 1));    --padding-block-end-mobile: 1.6rem;--padding-inline-start: calc(0.0rem * var(--padding-inline-start-scale, 1));    --padding-inline-start-mobile: 0.0rem;--padding-inline-end: calc(0.0rem * var(--padding-inline-end-scale, 1));    --padding-inline-end-mobile: 0.0rem;"
14745  
14746  data-product-id=""
14747>
14748  <span
14749    class="product-inventory__status notification--success"
14750  >
14751    <span
14752      class="inline-flex icon product-inventory__icon product-inventory__icon-in_stock"
14753    >
14754      
14755          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="none" d="M0 0h256v256H0z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="m40 144 56 56L224 72"/></svg>
14756        
14757    </span>
14758    <span
14759      class="product-inventory__text"
14760      id="Inventory-sections--23235910369495__quick-add-drawer"
14761      role="status"
14762      aria-label="Inventory status"
14763    >In - stock and ready to ship</span>
14764  </span>
14765</product-inventory>
14766
14767
14768
14769
14770<span
14771  class="buy-buttons-block buy-buttons-block--Ac0FBanBzRUZKZ2lSS__buy_buttons_zVdFdm"
14772  
14773></span>
14774
14775
14776
14777  </div>
14778  <div class="quick-add__footer">
14779    <a href="" class="quick-add__footer-link flex items-center justify-center gap-2 reversed-link">
14780      <span class="reversed-link__text">View more details</span>
14781      
14782<span
14783    class="icon icon--caret-right icon--extra-small"
14784    
14785    
14786  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="rtl-flip-x">
14787  <path fill="none" d="M0 0H20V20H0V0z"/>
14788  <path points="96 48 176 128 96 208" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M7.5 3.75L13.75 10L7.5 16.25"/>
14789</svg>
14790</span>
14791    </a>
14792  </div>
14793
14794  </div>
14795</div>
14796
14797  
14798  <quick-add-dialog id="quick-add-dialog" shopify-design-mode>
14799    <dialog
14800      ref="dialog"
14801      class="dialog dialog--drawer dialog--quick-add-drawer dialog--drawer-right dialog--drawer-mobile-bottom overflow-hidden"
14802      scroll-lock
14803    >
14804      <button
14805        class="dialog__close dialog__close--absolute"
14806        on:click="/closeDialog"
14807        aria-label="Close dialog"
14808      >
14809        
14810<span
14811    class="icon icon--close icon--large"
14812    
14813    
14814  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
14815  <path width="256" height="256" fill="none" d="M0 0H20V20H0V0z"/>
14816  <path x1="200" y1="56" x2="56" y2="200" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M15.625 4.375L4.375 15.625"/>
14817  <path x1="200" y1="200" x2="56" y2="56" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width, 2)" d="M15.625 15.625L4.375 4.375"/>
14818</svg>
14819</span>
14820      </button>
14821      <div class="quick-add-dialog__inner flex flex-col h-full" id="quick-add-drawer-content">
14822        
14823      </div>
14824    </dialog>
14825  </quick-add-dialog>
14826
14827
14828</div><div id="shopify-section-sections--23235910369495__popup" class="shopify-section shopify-section-group-overlay-group">
14829</div>
14830<!-- END sections: overlay-group -->
14831<style> body.klaviyo-prevent-body-scrolling {overflow: visible !important } </style>
14832<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
14832
14833</body>
14834</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.