PageSourceSearch

https://soulfire.farm/collections/all-products

html soulfire.farm collected 2026-10-10 02:42:39 UTC 751,844 bytes, 23,809 lines download raw bytes

1<!doctype html>
2<html
3  
4  lang="en"
5>
6  <head><link
7        rel="icon"
8        type="image/png"
9        href="//soulfire.farm/cdn/shop/files/logo-rooster-favicon.jpg?crop=center&height=32&v=1734294611&width=32"
10      >
11    
12    
13      <link
14        rel="expect"
15        href="#MainContent"
16        blocking="render"
17        id="view-transition-render-blocker"
18      >
19    
20
21
22<meta charset="utf-8">
23<meta
24  http-equiv="X-UA-Compatible"
25  content="IE=edge"
26>
27<meta
28  name="viewport"
29  content="width=device-width,initial-scale=1"
30>
31<meta
32  name="view-transition"
33  content="same-origin"
34>
35<meta
36  name="theme-color"
37  content=""
38>
39
40<meta
41  property="og:site_name"
42  content="SoulFire Farm"
43>
44<meta
45  property="og:url"
46  content="https://soulfire.farm/collections/all-products"
47>
48<meta
49  property="og:title"
50  content="All Products"
51>
52<meta
53  property="og:type"
54  content="website"
55>
56<meta
57  property="og:description"
58  content="We offer edible plants, grafted fruit trees, ornamental plants, edible perennials and much more. "
59><meta
60    property="og:image"
61    content="http://soulfire.farm/cdn/shop/collections/nursery_image.jpg?v=1748212351"
62  >
63  <meta
64    property="og:image:secure_url"
65    content="https://soulfire.farm/cdn/shop/collections/nursery_image.jpg?v=1748212351"
66  >
67  <meta
68    property="og:image:width"
69    content="600"
70  >
71  <meta
72    property="og:image:height"
73    content="750"
74  ><meta
75  name="twitter:card"
76  content="summary_large_image"
77>
78<meta
79  name="twitter:title"
80  content="All Products"
81>
82<meta
83  name="twitter:description"
84  content="We offer edible plants, grafted fruit trees, ornamental plants, edible perennials and much more. "
85>
86
87<title>
88  All Products
89 &ndash; SoulFire Farm</title>
90
91<link
92  rel="canonical"
93  href="https://soulfire.farm/collections/all-products"
94>
95
96
97<link href="//soulfire.farm/cdn/shop/t/32/assets/overflow-list.css?v=16727044177065489451774915450" as="style" rel="preload">
98<link href="//soulfire.farm/cdn/shop/t/32/assets/base.css?v=110558660533795380521774915450" rel="stylesheet" type="text/css" media="all" />
99
100<link
101    rel="preload"
102    as="font"
103    href="//soulfire.farm/cdn/fonts/quicksand/quicksand_n4.bf8322a9d1da765aa396ad7b6eeb81930a6214de.woff2"
104    type="font/woff2"
105    crossorigin
106    fetchpriority="low"
107  ><link
108    rel="preload"
109    as="font"
110    href="//soulfire.farm/cdn/fonts/quicksand/quicksand_n4.bf8322a9d1da765aa396ad7b6eeb81930a6214de.woff2"
111    type="font/woff2"
112    crossorigin
113    fetchpriority="low"
114  ><link
115    rel="preload"
116    as="font"
117    href="//soulfire.farm/cdn/fonts/quicksand/quicksand_n4.bf8322a9d1da765aa396ad7b6eeb81930a6214de.woff2"
118    type="font/woff2"
119    crossorigin
120    fetchpriority="low"
121  ><link
122    rel="preload"
123    as="font"
124    href="//soulfire.farm/cdn/fonts/quicksand/quicksand_n5.8f86b119923a62b5ca76bc9a6fb25da7a7498802.woff2"
125    type="font/woff2"
126    crossorigin
127    fetchpriority="low"
128  >
129
130
131<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 131
131
132<script type="importmap">
133  {
134    "imports": {
135      "@theme/overflow-list": "//soulfire.farm/cdn/shop/t/32/assets/overflow-list.js?v=46858356770684902511774915450",
136      "@theme/product-title": "//soulfire.farm/cdn/shop/t/32/assets/product-title-truncation.js?v=81744426891537421781774915450",
137      "@theme/component": "//soulfire.farm/cdn/shop/t/32/assets/component.js?v=184240237101443119871774915450",
138      "@theme/dialog": "//soulfire.farm/cdn/shop/t/32/assets/dialog.js?v=150888536568694194021774915450",
139      "@theme/events": "//soulfire.farm/cdn/shop/t/32/assets/events.js?v=1118589085892804011774915450",
140      "@theme/focus": "//soulfire.farm/cdn/shop/t/32/assets/focus.js?v=60436577539430446401774915450",
141      "@theme/morph": "//soulfire.farm/cdn/shop/t/32/assets/morph.js?v=104045809772310330131774915450",
142      "@theme/paginated-list": "//soulfire.farm/cdn/shop/t/32/assets/paginated-list.js?v=95298315036233333871774915450",
143      "@theme/performance": "//soulfire.farm/cdn/shop/t/32/assets/performance.js?v=171015751390534793081774915450",
144      "@theme/product-form": "//soulfire.farm/cdn/shop/t/32/assets/product-form.js?v=142170751179338062901774915450",
145      "@theme/recently-viewed-products": "//soulfire.farm/cdn/shop/t/32/assets/recently-viewed-products.js?v=94729125001750262651774915450",
146      "@theme/scrolling": "//soulfire.farm/cdn/shop/t/32/assets/scrolling.js?v=162288454571026455011774915450",
147      "@theme/section-renderer": "//soulfire.farm/cdn/shop/t/32/assets/section-renderer.js?v=123311117485513785771774915450",
148      "@theme/section-hydration": "//soulfire.farm/cdn/shop/t/32/assets/section-hydration.js?v=108434990705342316311774915450",
149      "@theme/money-formatting": "//soulfire.farm/cdn/shop/t/32/assets/money-formatting.js?v=182191346160333327151774915450",
150      "@theme/utilities": "//soulfire.farm/cdn/shop/t/32/assets/utilities.js?v=28506172887375975941774915450",
151      "@theme/variant-picker": "//soulfire.farm/cdn/shop/t/32/assets/variant-picker.js?v=24924540959574313291774915450",
152      "@theme/media-gallery": "//soulfire.farm/cdn/shop/t/32/assets/media-gallery.js?v=14624021005636302161774915450",
153      "@theme/quick-add": "//soulfire.farm/cdn/shop/t/32/assets/quick-add.js?v=114575661933533593881774915450",
154      "@theme/paginated-list-aspect-ratio": "//soulfire.farm/cdn/shop/t/32/assets/paginated-list-aspect-ratio.js?v=25254270272143792451774915450",
155      "@theme/popover-polyfill": "//soulfire.farm/cdn/shop/t/32/assets/popover-polyfill.js?v=119029313658895111201774915450",
156      "@theme/component-quantity-selector": "//soulfire.farm/cdn/shop/t/32/assets/component-quantity-selector.js?v=67906657287482036641774915450",
157      "@theme/comparison-slider": "//soulfire.farm/cdn/shop/t/32/assets/comparison-slider.js?v=106705562947035711941774915450",
158      "@theme/sticky-add-to-cart": "//soulfire.farm/cdn/shop/t/32/assets/sticky-add-to-cart.js?v=48956925339276737091774915450",
159      "@theme/fly-to-cart": "//soulfire.farm/cdn/shop/t/32/assets/fly-to-cart.js?v=48483246440248933081774915450"
160    }
161  }
162</script>
162
163
164<script
165  src="//soulfire.farm/cdn/shop/t/32/assets/view-transitions.js?v=7106414069516106341774915450"
166  async
167  
168    blocking="render"
169  
170></script>
170
171
172<link
173  rel="modulepreload"
174  href="//soulfire.farm/cdn/shop/t/32/assets/utilities.js?v=28506172887375975941774915450"
175  fetchpriority="low"
176>
177<link
178  rel="modulepreload"
179  href="//soulfire.farm/cdn/shop/t/32/assets/component.js?v=184240237101443119871774915450"
180  fetchpriority="low"
181>
182<link
183  rel="modulepreload"
184  href="//soulfire.farm/cdn/shop/t/32/assets/section-renderer.js?v=123311117485513785771774915450"
185  fetchpriority="low"
186>
187<link
188  rel="modulepreload"
189  href="//soulfire.farm/cdn/shop/t/32/assets/section-hydration.js?v=108434990705342316311774915450"
190  fetchpriority="low"
191>
192<link
193  rel="modulepreload"
194  href="//soulfire.farm/cdn/shop/t/32/assets/morph.js?v=104045809772310330131774915450"
195  fetchpriority="low"
196>
197
198
199  <link
200    rel="modulepreload"
201    href="//soulfire.farm/cdn/shop/t/32/assets/paginated-list-aspect-ratio.js?v=25254270272143792451774915450"
202    fetchpriority="low"
203  >
204  <link
205    rel="modulepreload"
206    href="//soulfire.farm/cdn/shop/t/32/assets/paginated-list.js?v=95298315036233333871774915450"
207    fetchpriority="low"
208  >
209
210  <link
211    rel="modulepreload"
212    href="//soulfire.farm/cdn/shop/t/32/assets/product-title-truncation.js?v=81744426891537421781774915450"
213    fetchpriority="low"
214  >
215
216
217<link
218  rel="modulepreload"
219  href="//soulfire.farm/cdn/shop/t/32/assets/focus.js?v=60436577539430446401774915450"
220  fetchpriority="low"
221>
222<link
223  rel="modulepreload"
224  href="//soulfire.farm/cdn/shop/t/32/assets/recently-viewed-products.js?v=94729125001750262651774915450"
225  fetchpriority="low"
226>
227<link
228  rel="modulepreload"
229  href="//soulfire.farm/cdn/shop/t/32/assets/scrolling.js?v=162288454571026455011774915450"
230  fetchpriority="low"
231>
232<link
233  rel="modulepreload"
234  href="//soulfire.farm/cdn/shop/t/32/assets/events.js?v=1118589085892804011774915450"
235  fetchpriority="low"
236>
237<script
238  src="//soulfire.farm/cdn/shop/t/32/assets/popover-polyfill.js?v=119029313658895111201774915450"
239  type="module"
240  fetchpriority="low"
241></script>
vendor: 1 bytes, line 241
241
242<script
243  src="//soulfire.farm/cdn/shop/t/32/assets/overflow-list.js?v=46858356770684902511774915450"
244  type="module"
245  fetchpriority="low"
246></script>
vendor: 1 bytes, line 246
246
247<script
248  src="//soulfire.farm/cdn/shop/t/32/assets/quick-add.js?v=114575661933533593881774915450"
249  type="module"
250  fetchpriority="low"
251></script>
251
252
253  
253<script
254    src="//soulfire.farm/cdn/shop/t/32/assets/cart-discount.js?v=107077853990124422021774915450"
255    type="module"
256    fetchpriority="low"
257  ></script>
257
258
259
260<script
261  src="//soulfire.farm/cdn/shop/t/32/assets/dialog.js?v=150888536568694194021774915450"
262  type="module"
263  fetchpriority="low"
264></script>
vendor: 1 bytes, line 264
264
265<script
266  src="//soulfire.farm/cdn/shop/t/32/assets/variant-picker.js?v=24924540959574313291774915450"
267  type="module"
268  fetchpriority="low"
269></script>
vendor: 1 bytes, line 269
269
270<script
271  src="//soulfire.farm/cdn/shop/t/32/assets/product-card.js?v=28695665944407642501774915450"
272  type="module"
273  fetchpriority="low"
274></script>
vendor: 1 bytes, line 274
274
275<script
276  src="//soulfire.farm/cdn/shop/t/32/assets/product-form.js?v=142170751179338062901774915450"
277  type="module"
278  fetchpriority="low"
279></script>
vendor: 1 bytes, line 279
279
280<script
281  src="//soulfire.farm/cdn/shop/t/32/assets/fly-to-cart.js?v=48483246440248933081774915450"
282  type="module"
283  fetchpriority="low"
284></script>
vendor: 1 bytes, line 284
284
285<script
286  src="//soulfire.farm/cdn/shop/t/32/assets/accordion-custom.js?v=97588419883090888471774915450"
287  type="module"
288  fetchpriority="low"
289></script>
vendor: 1 bytes, line 289
289
290<script
291  src="//soulfire.farm/cdn/shop/t/32/assets/media.js?v=37825095869491791421774915450"
292  type="module"
293  fetchpriority="low"
294></script>
vendor: 1 bytes, line 294
294
295<script
296  src="//soulfire.farm/cdn/shop/t/32/assets/product-price.js?v=83480980452100801711774915450"
297  type="module"
298  fetchpriority="low"
299></script>
vendor: 1 bytes, line 299
299
300<script
301  src="//soulfire.farm/cdn/shop/t/32/assets/product-sku.js?v=121804655373531320511774915450"
302  type="module"
303  fetchpriority="low"
304></script>
vendor: 1 bytes, line 304
304
305<script
306  src="//soulfire.farm/cdn/shop/t/32/assets/product-title-truncation.js?v=81744426891537421781774915450"
307  type="module"
308  fetchpriority="low"
309></script>
vendor: 1 bytes, line 309
309
310<script
311  src="//soulfire.farm/cdn/shop/t/32/assets/product-inventory.js?v=81520546963552472391774915450"
312  type="module"
313  fetchpriority="low"
314></script>
vendor: 1 bytes, line 314
314
315<script
316  src="//soulfire.farm/cdn/shop/t/32/assets/show-more.js?v=94563802205717136101774915450"
317  type="module"
318  fetchpriority="low"
319></script>
vendor: 1 bytes, line 319
319
320<script
321  src="//soulfire.farm/cdn/shop/t/32/assets/slideshow.js?v=168726587398279102001774915450"
322  type="module"
323  fetchpriority="low"
324></script>
vendor: 1 bytes, line 324
324
325<script
326  src="//soulfire.farm/cdn/shop/t/32/assets/layered-slideshow.js?v=30135417790894624731774915450"
327  type="module"
328  fetchpriority="low"
329></script>
vendor: 1 bytes, line 329
329
330<script
331  src="//soulfire.farm/cdn/shop/t/32/assets/anchored-popover.js?v=95953304814728754461774915450"
332  type="module"
333  fetchpriority="low"
334></script>
vendor: 1 bytes, line 334
334
335<script
336  src="//soulfire.farm/cdn/shop/t/32/assets/floating-panel.js?v=151277338116891310371774915450"
337  type="module"
338  fetchpriority="low"
339></script>
vendor: 1 bytes, line 339
339
340<script
341  src="//soulfire.farm/cdn/shop/t/32/assets/video-background.js?v=25237992823806706551774915450"
342  type="module"
343  fetchpriority="low"
344></script>
vendor: 1 bytes, line 344
344
345<script
346  src="//soulfire.farm/cdn/shop/t/32/assets/component-quantity-selector.js?v=67906657287482036641774915450"
347  type="module"
348  fetchpriority="low"
349></script>
vendor: 1 bytes, line 349
349
350<script
351  src="//soulfire.farm/cdn/shop/t/32/assets/media-gallery.js?v=14624021005636302161774915450"
352  type="module"
353  fetchpriority="low"
354></script>
vendor: 1 bytes, line 354
354
355<script
356  src="//soulfire.farm/cdn/shop/t/32/assets/rte-formatter.js?v=40306132146590816021774915450"
357  type="module"
358  fetchpriority="low"
359></script>
vendor: 1 bytes, line 359
359
360<script
361  src="//soulfire.farm/cdn/shop/t/32/assets/volume-pricing.js?v=15442793518842484731774915450"
362  type="module"
363  fetchpriority="low"
364></script>
vendor: 1 bytes, line 364
364
365<script
366  src="//soulfire.farm/cdn/shop/t/32/assets/price-per-item.js?v=144512917617120124431774915450"
367  type="module"
368  fetchpriority="low"
369></script>
vendor: 1 bytes, line 369
369
370<script
371  src="//soulfire.farm/cdn/shop/t/32/assets/volume-pricing-info.js?v=94479640769665442661774915450"
372  type="module"
373  fetchpriority="low"
374></script>
374
375
376
377  
377<script
378    src="//soulfire.farm/cdn/shop/t/32/assets/localization.js?v=15585934801240115691774915450"
379    type="module"
380    fetchpriority="low"
381  ></script>
381
382
383
384
385
386<script
387  src="//soulfire.farm/cdn/shop/t/32/assets/auto-close-details.js?v=58350291535404441581774915450"
388  defer="defer"
389></script>
389
390
391<script>
392  const Theme = {
393    translations: {
394      placeholder_image: `Placeholder image`,
395      added: `Added`,
396      recipient_form_fields_visible: `Recipient form fields are now visible`,
397      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
398      recipient_form_error: `There was an error with the form submission`,
399      items_added_to_cart_one: `1 item added to cart`,
400      items_added_to_cart_other: `{{ count }} items added to cart`,
401      cart_count: `Total items in cart`,
402    },
403    routes: {
404      cart_add_url: '/cart/add.js',
405      cart_change_url: '/cart/change',
406      cart_update_url: '/cart/update',
407      cart_url: '/cart',
408      predictive_search_url: '/search/suggest',
409      search_url: '/search',
410    },
411    template: {
412      name: 'collection',
413    },
414  };
415</script>
415
416<style data-shopify>
417@font-face {
418  font-family: Quicksand;
419  font-weight: 400;
420  font-style: normal;
421  font-display: swap;
422  src: url("//soulfire.farm/cdn/fonts/quicksand/quicksand_n4.bf8322a9d1da765aa396ad7b6eeb81930a6214de.woff2") format("woff2"),
423       url("//soulfire.farm/cdn/fonts/quicksand/quicksand_n4.fa4cbd232d3483059e72b11f7239959a64c98426.woff") format("woff");
424}
425@font-face {
426  font-family: Quicksand;
427  font-weight: 700;
428  font-style: normal;
429  font-display: swap;
430  src: url("//soulfire.farm/cdn/fonts/quicksand/quicksand_n7.d375fe11182475f82f7bb6306a0a0e4018995610.woff2") format("woff2"),
431       url("//soulfire.farm/cdn/fonts/quicksand/quicksand_n7.8ac2ae2fc4b90ef79aaa7aedb927d39f9f9aa3f4.woff") format("woff");
432}
433@font-face {
434  font-family: Quicksand;
435  font-weight: 500;
436  font-style: normal;
437  font-display: swap;
438  src: url("//soulfire.farm/cdn/fonts/quicksand/quicksand_n5.8f86b119923a62b5ca76bc9a6fb25da7a7498802.woff2") format("woff2"),
439       url("//soulfire.farm/cdn/fonts/quicksand/quicksand_n5.c31882e058f76d723a7b6b725ac3ca095b5a2a70.woff") format("woff");
440}
441
442
443  :root {
444    /* Page Layout */
445    --sidebar-width: 25rem;
446    --narrow-content-width: 36rem;
447    --normal-content-width: 42rem;
448    --wide-content-width: 46rem;
449    --narrow-page-width: 90rem;
450    --normal-page-width: 120rem;
451    --wide-page-width: 150rem;
452
453    /* Section Heights */
454    --section-height-small: 15rem;
455    --section-height-medium: 25rem;
456    --section-height-large: 35rem;
457
458    @media screen and (min-width: 40em) {
459      --section-height-small: 40svh;
460      --section-height-medium: 55svh;
461      --section-height-large: 70svh;
462    }
463
464    @media screen and (min-width: 60em) {
465      --section-height-small: 50svh;
466      --section-height-medium: 65svh;
467      --section-height-large: 80svh;
468    }
469
470    /* Letter spacing */
471    --letter-spacing-sm: 0.06em;
472    --letter-spacing-md: 0.13em;
473
474    /* Font families */
475    --font-body--family: Quicksand, sans-serif;
476    --font-body--style: normal;
477    --font-body--weight: 400;
478    --font-subheading--family: Quicksand, sans-serif;
479    --font-subheading--style: normal;
480    --font-subheading--weight: 400;
481    --font-heading--family: Quicksand, sans-serif;
482    --font-heading--style: normal;
483    --font-heading--weight: 400;
484    --font-accent--family: Quicksand, sans-serif;
485    --font-accent--style: normal;
486    --font-accent--weight: 500;
487
488    /* Margin sizes */
489    --font-heading--spacing: 0.25em;
490    --font-h1--spacing: var(--font-heading--spacing);
491    --font-h2--spacing: var(--font-heading--spacing);
492    --font-h3--spacing: var(--font-heading--spacing);
493    --font-h4--spacing: var(--font-heading--spacing);
494    --font-h5--spacing: var(--font-heading--spacing);
495    --font-h6--spacing: var(--font-heading--spacing);
496    --font-paragraph--spacing: 0.5em;
497
498    /* Heading colors */
499    --font-h1--color: var(--color-foreground-heading);
500    --font-h2--color: var(--color-foreground-heading);
501    --font-h3--color: var(--color-foreground-heading);
502    --font-h4--color: var(--color-foreground-heading);
503    --font-h5--color: var(--color-foreground-heading);
504    --font-h6--color: var(--color-foreground-heading);
505
506    /** Z-Index / Layering */
507    --layer-section-background: -2;
508    --layer-lowest: -1;
509    --layer-base: 0;
510    --layer-flat: 1;
511    --layer-raised: 2;
512    --layer-heightened: 4;
513    --layer-sticky: 8;
514    --layer-window-overlay: 10;
515    --layer-header-menu: 12;
516    --layer-overlay: 16;
517    --layer-menu-drawer: 18;
518    --layer-temporary: 20;
519
520    /* Max-width / Measure */
521    --max-width--body-normal: 32.5em;
522    --max-width--body-narrow: 22.75em;
523
524    --max-width--heading-normal: 32.5em;
525    --max-width--heading-narrow: 19.5em;
526
527    --max-width--display-normal: 13em;
528    --max-width--display-narrow: 9.75em;
529    --max-width--display-tight: 3.25em;
530
531    /* Letter-spacing / Tracking */
532    --letter-spacing--display-tight: -0.03em;
533    --letter-spacing--display-normal: 0em;
534    --letter-spacing--display-loose: 0.03em;
535
536    --letter-spacing--heading-tight: -0.03em;
537    --letter-spacing--heading-normal: 0em;
538    --letter-spacing--heading-loose: 0.03em;
539
540    --letter-spacing--body-tight: -0.03em;
541    --letter-spacing--body-normal: 0em;
542    --letter-spacing--body-loose: 0.03em;
543
544    /* Line height / Leading */
545    --line-height: 1;
546
547    --line-height--display-tight: 1;
548    --line-height--display-normal: 1.1;
549    --line-height--display-loose: 1.2;
550
551    --line-height--heading-tight: 1.15;
552    --line-height--heading-normal: 1.25;
553    --line-height--heading-loose: 1.35;
554
555    --line-height--body-tight: 1.2;
556    --line-height--body-normal: 1.4;
557    --line-height--body-loose: 1.6;
558
559    /* Typography presets */
560    --font-size--paragraph: 1.125rem;--font-size--h1: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h2: 2.0rem;--font-size--h3: 1.5rem;--font-size--h4: 1.125rem;--font-size--h5: 1.0rem;--font-size--h6: 1.0rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: uppercase;--font-h1--line-height: var(--line-height--display-normal);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: uppercase;--font-h2--line-height: var(--line-height--display-normal);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: uppercase;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-subheading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-subheading--family);--font-h4--style: var(--font-subheading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-normal);
561
562    /* Hardcoded font sizes */
563    --font-size--3xs: 0.625rem;
564    --font-size--2xs: 0.75rem;
565    --font-size--xs: 0.8125rem;
566    --font-size--sm: 0.875rem;
567    --font-size--md: 1rem;
568    --font-size--lg: 1.125rem;
569    --font-size--xl: 1.25rem;
570    --font-size--2xl: 1.5rem;
571    --font-size--3xl: 2rem;
572    --font-size--4xl: 2.5rem;
573    --font-size--5xl: 3rem;
574    --font-size--6xl: 3.5rem;
575
576    /* Menu font sizes */
577    --menu-font-sm--size: 0.875rem;
578    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
579    --menu-font-md--size: 1rem;
580    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
581    --menu-font-lg--size: 1.125rem;
582    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
583    --menu-font-xl--size: 1.25rem;
584    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
585    --menu-font-2xl--size: 1.75rem;
586    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
587
588    /* Colors */
589    --color-error: #8B0000;
590    --color-success: #006400;
591    --color-white: #FFFFFF;
592    --color-white-rgb: 255 255 255;
593    --color-black: #000000;
594    --color-instock: #3ED660;
595    --color-lowstock: #EE9441;
596    --color-outofstock: #C8C8C8;
597
598    /* Opacity */
599    --opacity-5: 0.05;
600    --opacity-8: 0.08;
601    --opacity-10: 0.1;
602    --opacity-15: 0.15;
603    --opacity-20: 0.2;
604    --opacity-25: 0.25;
605    --opacity-30: 0.3;
606    --opacity-40: 0.4;
607    --opacity-50: 0.5;
608    --opacity-60: 0.6;
609    --opacity-70: 0.7;
610    --opacity-80: 0.8;
611    --opacity-85: 0.85;
612    --opacity-90: 0.9;
613    --opacity-subdued-text: var(--opacity-70);
614
615    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
616    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
617
618    /* Spacing */
619    --margin-3xs: 0.125rem;
620    --margin-2xs: 0.3rem;
621    --margin-xs: 0.5rem;
622    --margin-sm: 0.7rem;
623    --margin-md: 0.8rem;
624    --margin-lg: 1rem;
625    --margin-xl: 1.25rem;
626    --margin-2xl: 1.5rem;
627    --margin-3xl: 1.75rem;
628    --margin-4xl: 2rem;
629    --margin-5xl: 3rem;
630    --margin-6xl: 5rem;
631
632    --scroll-margin: 50px;
633
634    --padding-3xs: 0.125rem;
635    --padding-2xs: 0.25rem;
636    --padding-xs: 0.5rem;
637    --padding-sm: 0.7rem;
638    --padding-md: 0.8rem;
639    --padding-lg: 1rem;
640    --padding-xl: 1.25rem;
641    --padding-2xl: 1.5rem;
642    --padding-3xl: 1.75rem;
643    --padding-4xl: 2rem;
644    --padding-5xl: 3rem;
645    --padding-6xl: 4rem;
646
647    --gap-3xs: 0.125rem;
648    --gap-2xs: 0.3rem;
649    --gap-xs: 0.5rem;
650    --gap-sm: 0.7rem;
651    --gap-md: 0.9rem;
652    --gap-lg: 1rem;
653    --gap-xl: 1.25rem;
654    --gap-2xl: 2rem;
655    --gap-3xl: 3rem;
656
657    --spacing-scale-sm: 0.6;
658    --spacing-scale-md: 0.7;
659    --spacing-scale-default: 1.0;
660
661    /* Checkout buttons gap */
662    --checkout-button-gap: 10px;
663
664    /* Borders */
665    --style-border-width: 1px;
666    --style-border-radius-xs: 0.2rem;
667    --style-border-radius-sm: 0.6rem;
668    --style-border-radius-md: 0.8rem;
669    --style-border-radius-50: 50%;
670    --style-border-radius-lg: 1rem;
671    --style-border-radius-pills: 40px;
672    --style-border-radius-inputs: 8px;
673    --style-border-radius-buttons-primary: 6px;
674    --style-border-radius-buttons-secondary: 100px;
675    --style-border-width-primary: 0px;
676    --style-border-width-secondary: 0px;
677    --style-border-width-inputs: 1px;
678    --style-border-radius-popover: 8px;
679    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
680    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
681    --style-border-swatch-opacity: 10%;
682    --style-border-swatch-width: 1px;
683    --style-border-swatch-style: solid;
684
685    /* Animation */
686    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
687    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
688    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
689    --animation-speed-fast: 0.0625s;
690    --animation-speed: 0.125s;
691    --animation-speed-slow: 0.2s;
692    --animation-speed-medium: 0.15s;
693    --animation-easing: ease-in-out;
694    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
695    --drawer-animation-speed: 0.2s;
696    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
697    --animation-values: var(--animation-speed) var(--animation-easing);
698    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
699    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
700    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
701    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
702    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
703    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
704    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
705    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
706    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
707    --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
708    --spring-d300-b0-duration: 0.4980s;
709    --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
710    --spring-d280-b0-duration: 0.4648s;
711    --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
712    --spring-d260-b0-duration: 0.4316s;
713    --spring-d220-b0-easing: linear(
714      0,
715      0.0093 1.37%,
716      0.0696 4.12%,
717      0.4667 15.09%,
718      0.6322 20.58%,
719      0.6986 23.32%,
720      0.7793 27.44%,
721      0.8219 30.18%,
722      0.8721,
723      0.9089 38.42%,
724      0.9427,
725      0.9644,
726      0.978 54.88%,
727      0.9881 61.74%,
728      0.9944 69.97%,
729      0.998 80.95%,
730      0.9996 98.78%
731    );
732    --spring-d220-b0-duration: 0.3818s;
733    --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
734    --spring-d180-b0-duration: 0.2988s;
735
736    /* View transitions */
737    /* View transition old */
738    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
739
740    /* View transition new */
741    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
742
743    /* Focus */
744    --focus-outline-width: 0.09375rem;
745    --focus-outline-offset: 0.2em;
746
747    /* Badges */
748    --badge-blob-padding-block: 1px;
749    --badge-blob-padding-inline: 12px 8px;
750    --badge-rectangle-padding-block: 1px;
751    --badge-rectangle-padding-inline: 6px;
752    @media screen and (min-width: 750px) {
753      --badge-blob-padding-block: 4px;
754      --badge-blob-padding-inline: 16px 12px;
755      --badge-rectangle-padding-block: 4px;
756      --badge-rectangle-padding-inline: 10px;
757    }
758
759    /* Icons */
760    --icon-size-2xs: 0.6rem;
761    --icon-size-xs: 0.85rem;
762    --icon-size-sm: 1.25rem;
763    --icon-size-md: 1.375rem;
764    --icon-size-lg: 1.5rem;
765    --icon-stroke-width: 1.5px;
766
767    /* Input */
768    --input-email-min-width: 200px;
769    --input-search-max-width: 650px;
770    --input-padding-y: 0.8rem;
771    --input-padding-x: 0.8rem;
772    --input-padding: var(--input-padding-y) var(--input-padding-x);
773    --input-box-shadow-width: var(--style-border-width-inputs);
774    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
775    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
776    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
777    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
778    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
779    --input-textarea-min-height: 55px;
780
781    /* Checkbox */
782    --checkbox-size: 22px;
783    --checkbox-border-radius: 7px;
784    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
785    --checkbox-label-padding: 8px;
786
787    @media screen and (min-width: 750px) {
788      --checkbox-size: 16px;
789      --checkbox-border-radius: 5px;
790      --checkbox-label-padding: 6px;
791    }
792
793    /* Button size */
794    --button-size-sm: 30px;
795    --button-size-md: 36px;
796    --button-size: var(--minimum-touch-target);
797    --button-padding-inline: 24px;
798    --button-padding-block: 16px;
799
800    /* Button font-family */
801    --button-font-family-primary: var(--font-accent--family);
802    --button-font-family-secondary: var(--font-accent--family);
803
804    /* Button text case */
805    --button-text-case: ;
806    --button-text-case-primary: uppercase;
807    --button-text-case-secondary: uppercase;
808
809    /* Borders */
810    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
811    --border-width-sm: 1px;
812    --border-width-md: 2px;
813    --border-width-lg: 5px;
814    --border-radius-sm: 0.25rem;
815
816    /* Drawers */
817    --drawer-inline-padding: 25px;
818    --drawer-menu-inline-padding: 2.5rem;
819    --drawer-header-block-padding: 20px;
820    --drawer-content-block-padding: 10px;
821    --drawer-header-desktop-top: 0rem;
822    --drawer-padding: calc(var(--padding-sm) + 7px);
823    --drawer-height: 100dvh;
824    --drawer-width: 95vw;
825    --drawer-max-width: 500px;
826
827    /* Variant Picker Swatches */
828    --variant-picker-swatch-width-unitless: 30;
829    --variant-picker-swatch-height-unitless: 30;
830    --variant-picker-swatch-width: 30px;
831    --variant-picker-swatch-height: 30px;
832    --variant-picker-swatch-radius: 100px;
833    --variant-picker-border-width: 1px;
834    --variant-picker-border-style: solid;
835    --variant-picker-border-opacity: 10%;
836
837    /* Variant Picker Buttons */
838    --variant-picker-button-radius: 100px;
839    --variant-picker-button-border-width: 1px;
840
841    /* Slideshow */
842    --slideshow-controls-size: 3.5rem;
843    --slideshow-controls-icon: 2rem;
844    --peek-next-slide-size: 3rem;
845
846    /* Utilities */
847    --backdrop-opacity: 0.15;
848    --backdrop-color-rgb: var(--color-shadow-rgb);
849    --minimum-touch-target: 44px;
850    --disabled-opacity: 0.5;
851    --skeleton-opacity: 0.025;
852
853    /* Shapes */
854    --shape--circle: circle(50% at center);
855    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
856    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
857    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883
857% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
858
859    /* Buy buttons */
860    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
861
862    /* Card image width and height variables */
863    --card-width-small: 10rem;
864
865    --height-small: 10rem;
866    --height-medium: 11.5rem;
867    --height-large: 13rem;
868    --height-full: 100vh;
869
870    @media screen and (min-width: 750px) {
871      --height-small: 17.5rem;
872      --height-medium: 21.25rem;
873      --height-large: 25rem;
874    }
875
876    /* Modal */
877    --modal-max-height: 65dvh;
878    --quick-add-modal-height: min(38.5rem, 96vh);
879    --quick-add-modal-width: min(54rem, 96vw);
880    --quick-add-modal-gallery-width: 24rem;
881
882    /* Card styles for search */
883    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
884    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
885    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
886
887    /* Cart */
888    --cart-primary-font-family: var(--font-body--family);
889    --cart-primary-font-style: var(--font-body--style);
890    --cart-primary-font-weight: var(--font-body--weight);
891    --cart-secondary-font-family: var(--font-subheading--family);
892    --cart-secondary-font-style: var(--font-subheading--style);
893    --cart-secondary-font-weight: var(--font-subheading--weight);
894  }
895</style>
896
897
898<style data-shopify>
899  
900    
901      :root,
902    
903    
904    
905    .color-scheme-1 {
906        --color-background: rgb(255 255 255 / 1.0);
907        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
908        --color-background-rgb: 255 255 255;
909        --opacity-5-15: 0.05;
910        --opacity-10-25: 0.1;
911        --opacity-35-55: 0.35;
912        --opacity-40-60: 0.4;
913        --opacity-30-60: 0.3;
914        --color-foreground: rgb(0 0 0 / 1.0);
915        --color-foreground-rgb: 0 0 0;
916        --color-foreground-heading: rgb(0 0 0 / 1.0);
917        --color-foreground-heading-rgb: 0 0 0;
918        --color-primary: rgb(0 0 0 / 1.0);
919        --color-primary-rgb: 0 0 0;
920        --color-primary-hover: rgb(130 163 26 / 1.0);
921        --color-primary-hover-rgb: 130 163 26;
922        --color-border: rgb(230 230 230 / 1.0);
923        --color-border-rgb: 230 230 230;
924        --color-shadow: rgb(0 0 0 / 1.0);
925        --color-shadow-rgb: 0 0 0;
926        --color-primary-button-text: rgb(255 255 255 / 1.0);
927        --color-primary-button-background: rgb(0 0 0 / 0.84);
928        --color-primary-button-border: rgb(0 0 0 / 1.0);
929        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
930        --color-primary-button-hover-background: rgb(0 0 0 / 0.8);
931        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
932        --color-secondary-button-text: rgb(0 0 0 / 1.0);
933        --color-secondary-button-background: rgb(239 239 239 / 1.0);
934        --color-secondary-button-border: rgb(0 0 0 / 1.0);
935        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
936        --color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
937        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
938        --color-input-background: rgb(255 255 255 / 1.0);
939        --color-input-text: rgb(0 0 0 / 1.0);
940        --color-input-text-rgb: 0 0 0;
941        --color-input-border: rgb(0 0 0 / 0.84);
942        --color-input-hover-background: rgb(245 245 245 / 1.0);
943        --color-variant-background: rgb(255 255 255 / 1.0);
944        --color-variant-border: rgb(230 230 230 / 1.0);
945        --color-variant-text: rgb(0 0 0 / 1.0);
946        --color-variant-text-rgb: 0 0 0;
947        --color-variant-hover-background: rgb(245 245 245 / 1.0);
948        --color-variant-hover-text: rgb(0 0 0 / 1.0);
949        --color-variant-hover-border: rgb(230 230 230 / 1.0);
950        --color-selected-variant-background: rgb(0 0 0 / 1.0);
951        --color-selected-variant-border: rgb(0 0 0 / 1.0);
952        --color-selected-variant-text: rgb(255 255 255 / 1.0);
953        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
954        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
955        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
956
957        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
958        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
959        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
960        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
961        --font-h1--color: var(--color-foreground-heading);
962        --font-h2--color: var(--color-foreground-heading);
963        --font-h3--color: var(--color-foreground-heading);
964        --font-h4--color: var(--color-foreground-heading);
965        --font-h5--color: var(--color-foreground-heading);
966        --font-h6--color: var(--color-foreground-heading);
967
968        /* Shadows */
969        
970        
971          --shadow-blur: 20px;
972          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
973        
974      }
975  
976    
977    
978    
979    .color-scheme-2 {
980        --color-background: rgb(247 247 247 / 1.0);
981        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
982        --color-background-rgb: 247 247 247;
983        --opacity-5-15: 0.05;
984        --opacity-10-25: 0.1;
985        --opacity-35-55: 0.35;
986        --opacity-40-60: 0.4;
987        --opacity-30-60: 0.3;
988        --color-foreground: rgb(0 0 0 / 1.0);
989        --color-foreground-rgb: 0 0 0;
990        --color-foreground-heading: rgb(0 0 0 / 1.0);
991        --color-foreground-heading-rgb: 0 0 0;
992        --color-primary: rgb(0 0 0 / 1.0);
993        --color-primary-rgb: 0 0 0;
994        --color-primary-hover: rgb(0 0 0 / 1.0);
995        --color-primary-hover-rgb: 0 0 0;
996        --color-border: rgb(230 230 230 / 1.0);
997        --color-border-rgb: 230 230 230;
998        --color-shadow: rgb(0 0 0 / 1.0);
999        --color-shadow-rgb: 0 0 0;
1000        --color-primary-button-text: rgb(0 0 0 / 1.0);
1001        --color-primary-button-background: rgb(195 204 166 / 1.0);
1002        --color-primary-button-border: rgb(0 0 0 / 1.0);
1003        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1004        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1005        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1006        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1007        --color-secondary-button-background: rgb(255 255 255 / 1.0);
1008        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1009        --color-secondary-button-hover-text: rgb(32 32 32 / 1.0);
1010        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
1011        --color-secondary-button-hover-border: rgb(32 32 32 / 1.0);
1012        --color-input-background: rgb(255 255 255 / 1.0);
1013        --color-input-text: rgb(0 0 0 / 1.0);
1014        --color-input-text-rgb: 0 0 0;
1015        --color-input-border: rgb(0 0 0 / 1.0);
1016        --color-input-hover-background: rgb(245 245 245 / 1.0);
1017        --color-variant-background: rgb(255 255 255 / 1.0);
1018        --color-variant-border: rgb(230 230 230 / 1.0);
1019        --color-variant-text: rgb(0 0 0 / 1.0);
1020        --color-variant-text-rgb: 0 0 0;
1021        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1022        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1023        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1024        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1025        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1026        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1027        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1028        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1029        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1030
1031        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1032        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1033        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1034        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1035        --font-h1--color: var(--color-foreground-heading);
1036        --font-h2--color: var(--color-foreground-heading);
1037        --font-h3--color: var(--color-foreground-heading);
1038        --font-h4--color: var(--color-foreground-heading);
1039        --font-h5--color: var(--color-foreground-heading);
1040        --font-h6--color: var(--color-foreground-heading);
1041
1042        /* Shadows */
1043        
1044        
1045          --shadow-blur: 20px;
1046          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1047        
1048      }
1049  
1050    
1051    
1052    
1053    .color-scheme-3 {
1054        --color-background: rgb(173 196 194 / 1.0);
1055        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1056        --color-background-rgb: 173 196 194;
1057        --opacity-5-15: 0.05;
1058        --opacity-10-25: 0.1;
1059        --opacity-35-55: 0.35;
1060        --opacity-40-60: 0.4;
1061        --opacity-30-60: 0.3;
1062        --color-foreground: rgb(0 0 0 / 1.0);
1063        --color-foreground-rgb: 0 0 0;
1064        --color-foreground-heading: rgb(0 0 0 / 1.0);
1065        --color-foreground-heading-rgb: 0 0 0;
1066        --color-primary: rgb(0 0 0 / 1.0);
1067        --color-primary-rgb: 0 0 0;
1068        --color-primary-hover: rgb(0 0 0 / 1.0);
1069        --color-primary-hover-rgb: 0 0 0;
1070        --color-border: rgb(0 0 0 / 1.0);
1071        --color-border-rgb: 0 0 0;
1072        --color-shadow: rgb(0 0 0 / 1.0);
1073        --color-shadow-rgb: 0 0 0;
1074        --color-primary-button-text: rgb(255 255 255 / 1.0);
1075        --color-primary-button-background: rgb(0 0 0 / 1.0);
1076        --color-primary-button-border: rgb(0 0 0 / 1.0);
1077        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1078        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1079        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1080        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1081        --color-secondary-button-background: rgb(104 128 126 / 1.0);
1082        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1083        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1084        --color-secondary-button-hover-background: rgb(239 239 239 / 1.0);
1085        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1086        --color-input-background: rgb(255 255 255 / 1.0);
1087        --color-input-text: rgb(0 0 0 / 1.0);
1088        --color-input-text-rgb: 0 0 0;
1089        --color-input-border: rgb(0 0 0 / 1.0);
1090        --color-input-hover-background: rgb(245 245 245 / 1.0);
1091        --color-variant-background: rgb(255 255 255 / 1.0);
1092        --color-variant-border: rgb(230 230 230 / 1.0);
1093        --color-variant-text: rgb(0 0 0 / 1.0);
1094        --color-variant-text-rgb: 0 0 0;
1095        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1096        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1097        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1098        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1099        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1100        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1101        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1102        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1103        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1104
1105        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1106        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1107        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1108        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1109        --font-h1--color: var(--color-foreground-heading);
1110        --font-h2--color: var(--color-foreground-heading);
1111        --font-h3--color: var(--color-foreground-heading);
1112        --font-h4--color: var(--color-foreground-heading);
1113        --font-h5--color: var(--color-foreground-heading);
1114        --font-h6--color: var(--color-foreground-heading);
1115
1116        /* Shadows */
1117        
1118        
1119          --shadow-blur: 20px;
1120          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1121        
1122      }
1123  
1124    
1125    
1126    
1127    .color-scheme-4 {
1128        --color-background: rgb(253 198 86 / 1.0);
1129        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1130        --color-background-rgb: 253 198 86;
1131        --opacity-5-15: 0.05;
1132        --opacity-10-25: 0.1;
1133        --opacity-35-55: 0.35;
1134        --opacity-40-60: 0.4;
1135        --opacity-30-60: 0.3;
1136        --color-foreground: rgb(0 0 0 / 1.0);
1137        --color-foreground-rgb: 0 0 0;
1138        --color-foreground-heading: rgb(0 0 0 / 1.0);
1139        --color-foreground-heading-rgb: 0 0 0;
1140        --color-primary: rgb(0 0 0 / 1.0);
1141        --color-primary-rgb: 0 0 0;
1142        --color-primary-hover: rgb(0 0 0 / 1.0);
1143        --color-primary-hover-rgb: 0 0 0;
1144        --color-border: rgb(0 0 0 / 1.0);
1145        --color-border-rgb: 0 0 0;
1146        --color-shadow: rgb(0 0 0 / 1.0);
1147        --color-shadow-rgb: 0 0 0;
1148        --color-primary-button-text: rgb(0 0 0 / 1.0);
1149        --color-primary-button-background: rgb(255 255 255 / 1.0);
1150        --color-primary-button-border: rgb(255 255 255 / 1.0);
1151        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
1152        --color-primary-button-hover-background: rgb(255 230 180 / 1.0);
1153        --color-primary-button-hover-border: rgb(255 230 180 / 1.0);
1154        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1155        --color-secondary-button-background: rgb(253 198 86 / 1.0);
1156        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1157        --color-secondary-button-hover-text: rgb(48 48 48 / 1.0);
1158        --color-secondary-button-hover-background: rgb(253 198 86 / 1.0);
1159        --color-secondary-button-hover-border: rgb(48 48 48 / 1.0);
1160        --color-input-background: rgb(255 255 255 / 1.0);
1161        --color-input-text: rgb(0 0 0 / 1.0);
1162        --color-input-text-rgb: 0 0 0;
1163        --color-input-border: rgb(0 0 0 / 1.0);
1164        --color-input-hover-background: rgb(245 245 245 / 1.0);
1165        --color-variant-background: rgb(255 255 255 / 1.0);
1166        --color-variant-border: rgb(230 230 230 / 1.0);
1167        --color-variant-text: rgb(0 0 0 / 1.0);
1168        --color-variant-text-rgb: 0 0 0;
1169        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1170        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1171        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1172        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1173        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1174        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1175        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1176        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1177        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1178
1179        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1180        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1181        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1182        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1183        --font-h1--color: var(--color-foreground-heading);
1184        --font-h2--color: var(--color-foreground-heading);
1185        --font-h3--color: var(--color-foreground-heading);
1186        --font-h4--color: var(--color-foreground-heading);
1187        --font-h5--color: var(--color-foreground-heading);
1188        --font-h6--color: var(--color-foreground-heading);
1189
1190        /* Shadows */
1191        
1192        
1193          --shadow-blur: 20px;
1194          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1195        
1196      }
1197  
1198    
1199    
1200    
1201    .color-scheme-5 {
1202        --color-background: rgb(0 0 0 / 0.84);
1203        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1204        --color-background-rgb: 0 0 0;
1205        --opacity-5-15: 0.15;
1206        --opacity-10-25: 0.25;
1207        --opacity-35-55: 0.55;
1208        --opacity-40-60: 0.6;
1209        --opacity-30-60: 0.6;
1210        --color-foreground: rgb(255 255 255 / 1.0);
1211        --color-foreground-rgb: 255 255 255;
1212        --color-foreground-heading: rgb(255 255 255 / 1.0);
1213        --color-foreground-heading-rgb: 255 255 255;
1214        --color-primary: rgb(255 255 255 / 1.0);
1215        --color-primary-rgb: 255 255 255;
1216        --color-primary-hover: rgb(172 172 172 / 1.0);
1217        --color-primary-hover-rgb: 172 172 172;
1218        --color-border: rgb(102 102 102 / 1.0);
1219        --color-border-rgb: 102 102 102;
1220        --color-shadow: rgb(0 0 0 / 1.0);
1221        --color-shadow-rgb: 0 0 0;
1222        --color-primary-button-text: rgb(0 0 0 / 1.0);
1223        --color-primary-button-background: rgb(255 255 255 / 1.0);
1224        --color-primary-button-border: rgb(255 255 255 / 1.0);
1225        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
1226        --color-primary-button-hover-background: rgb(222 222 222 / 1.0);
1227        --color-primary-button-hover-border: rgb(222 222 222 / 1.0);
1228        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1229        --color-secondary-button-background: rgb(0 0 0 / 1.0);
1230        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1231        --color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
1232        --color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
1233        --color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
1234        --color-input-background: rgb(0 0 0 / 1.0);
1235        --color-input-text: rgb(255 255 255 / 1.0);
1236        --color-input-text-rgb: 255 255 255;
1237        --color-input-border: rgb(255 255 255 / 1.0);
1238        --color-input-hover-background: rgb(24 24 24 / 0.75);
1239        --color-variant-background: rgb(255 255 255 / 1.0);
1240        --color-variant-border: rgb(230 230 230 / 1.0);
1241        --color-variant-text: rgb(0 0 0 / 1.0);
1242        --color-variant-text-rgb: 0 0 0;
1243        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1244        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1245        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1246        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1247        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1248        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1249        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1250        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1251        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1252
1253        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1254        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1255        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1256        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1257        --font-h1--color: var(--color-foreground-heading);
1258        --font-h2--color: var(--color-foreground-heading);
1259        --font-h3--color: var(--color-foreground-heading);
1260        --font-h4--color: var(--color-foreground-heading);
1261        --font-h5--color: var(--color-foreground-heading);
1262        --font-h6--color: var(--color-foreground-heading);
1263
1264        /* Shadows */
1265        
1266        
1267          --shadow-blur: 20px;
1268          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1269        
1270      }
1271  
1272    
1273    
1274    
1275    .color-scheme-6 {
1276        --color-background: rgb(0 0 0 / 0.0);
1277        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1278        --color-background-rgb: 0 0 0;
1279        --opacity-5-15: 0.15;
1280        --opacity-10-25: 0.25;
1281        --opacity-35-55: 0.55;
1282        --opacity-40-60: 0.6;
1283        --opacity-30-60: 0.6;
1284        --color-foreground: rgb(255 255 255 / 1.0);
1285        --color-foreground-rgb: 255 255 255;
1286        --color-foreground-heading: rgb(255 255 255 / 1.0);
1287        --color-foreground-heading-rgb: 255 255 255;
1288        --color-primary: rgb(255 255 255 / 1.0);
1289        --color-primary-rgb: 255 255 255;
1290        --color-primary-hover: rgb(172 172 172 / 1.0);
1291        --color-primary-hover-rgb: 172 172 172;
1292        --color-border: rgb(0 0 0 / 0.0);
1293        --color-border-rgb: 0 0 0;
1294        --color-shadow: rgb(0 0 0 / 0.0);
1295        --color-shadow-rgb: 0 0 0;
1296        --color-primary-button-text: rgb(0 0 0 / 1.0);
1297        --color-primary-button-background: rgb(253 198 86 / 1.0);
1298        --color-primary-button-border: rgb(255 255 255 / 1.0);
1299        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
1300        --color-primary-button-hover-background: rgb(222 222 222 / 1.0);
1301        --color-primary-button-hover-border: rgb(222 222 222 / 1.0);
1302        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1303        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1304        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1305        --color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
1306        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
1307        --color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
1308        --color-input-background: rgb(255 255 255 / 1.0);
1309        --color-input-text: rgb
1309(0 0 0 / 1.0);
1310        --color-input-text-rgb: 0 0 0;
1311        --color-input-border: rgb(0 0 0 / 1.0);
1312        --color-input-hover-background: rgb(245 245 245 / 1.0);
1313        --color-variant-background: rgb(255 255 255 / 1.0);
1314        --color-variant-border: rgb(230 230 230 / 1.0);
1315        --color-variant-text: rgb(0 0 0 / 1.0);
1316        --color-variant-text-rgb: 0 0 0;
1317        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1318        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1319        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1320        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1321        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1322        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1323        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1324        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1325        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1326
1327        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1328        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1329        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1330        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1331        --font-h1--color: var(--color-foreground-heading);
1332        --font-h2--color: var(--color-foreground-heading);
1333        --font-h3--color: var(--color-foreground-heading);
1334        --font-h4--color: var(--color-foreground-heading);
1335        --font-h5--color: var(--color-foreground-heading);
1336        --font-h6--color: var(--color-foreground-heading);
1337
1338        /* Shadows */
1339        
1340        
1341          --shadow-blur: 20px;
1342          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1343        
1344      }
1345  
1346    
1347    
1348    
1349    .color-scheme-7 {
1350        --color-background: rgb(241 237 231 / 1.0);
1351        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1352        --color-background-rgb: 241 237 231;
1353        --opacity-5-15: 0.05;
1354        --opacity-10-25: 0.1;
1355        --opacity-35-55: 0.35;
1356        --opacity-40-60: 0.4;
1357        --opacity-30-60: 0.3;
1358        --color-foreground: rgb(0 0 0 / 1.0);
1359        --color-foreground-rgb: 0 0 0;
1360        --color-foreground-heading: rgb(0 0 0 / 1.0);
1361        --color-foreground-heading-rgb: 0 0 0;
1362        --color-primary: rgb(0 0 0 / 1.0);
1363        --color-primary-rgb: 0 0 0;
1364        --color-primary-hover: rgb(0 0 0 / 1.0);
1365        --color-primary-hover-rgb: 0 0 0;
1366        --color-border: rgb(0 0 0 / 1.0);
1367        --color-border-rgb: 0 0 0;
1368        --color-shadow: rgb(0 0 0 / 1.0);
1369        --color-shadow-rgb: 0 0 0;
1370        --color-primary-button-text: rgb(0 0 0 / 1.0);
1371        --color-primary-button-background: rgb(195 204 166 / 1.0);
1372        --color-primary-button-border: rgb(0 0 0 / 1.0);
1373        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1374        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1375        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1376        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1377        --color-secondary-button-background: rgb(239 239 239 / 1.0);
1378        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1379        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1380        --color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
1381        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1382        --color-input-background: rgb(255 255 255 / 1.0);
1383        --color-input-text: rgb(0 0 0 / 1.0);
1384        --color-input-text-rgb: 0 0 0;
1385        --color-input-border: rgb(0 0 0 / 1.0);
1386        --color-input-hover-background: rgb(245 245 245 / 1.0);
1387        --color-variant-background: rgb(255 255 255 / 1.0);
1388        --color-variant-border: rgb(230 230 230 / 1.0);
1389        --color-variant-text: rgb(0 0 0 / 1.0);
1390        --color-variant-text-rgb: 0 0 0;
1391        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1392        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1393        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1394        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1395        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1396        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1397        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1398        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1399        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1400
1401        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1402        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1403        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1404        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1405        --font-h1--color: var(--color-foreground-heading);
1406        --font-h2--color: var(--color-foreground-heading);
1407        --font-h3--color: var(--color-foreground-heading);
1408        --font-h4--color: var(--color-foreground-heading);
1409        --font-h5--color: var(--color-foreground-heading);
1410        --font-h6--color: var(--color-foreground-heading);
1411
1412        /* Shadows */
1413        
1414        
1415          --shadow-blur: 20px;
1416          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1417        
1418      }
1419  
1420    
1421    
1422    
1423    .color-scheme-8 {
1424        --color-background: rgb(250 249 241 / 1.0);
1425        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1426        --color-background-rgb: 250 249 241;
1427        --opacity-5-15: 0.05;
1428        --opacity-10-25: 0.1;
1429        --opacity-35-55: 0.35;
1430        --opacity-40-60: 0.4;
1431        --opacity-30-60: 0.3;
1432        --color-foreground: rgb(0 0 0 / 0.74);
1433        --color-foreground-rgb: 0 0 0;
1434        --color-foreground-heading: rgb(0 0 0 / 1.0);
1435        --color-foreground-heading-rgb: 0 0 0;
1436        --color-primary: rgb(0 0 0 / 0.84);
1437        --color-primary-rgb: 0 0 0;
1438        --color-primary-hover: rgb(0 0 0 / 1.0);
1439        --color-primary-hover-rgb: 0 0 0;
1440        --color-border: rgb(230 230 230 / 1.0);
1441        --color-border-rgb: 230 230 230;
1442        --color-shadow: rgb(0 0 0 / 1.0);
1443        --color-shadow-rgb: 0 0 0;
1444        --color-primary-button-text: rgb(255 255 255 / 1.0);
1445        --color-primary-button-background: rgb(0 0 0 / 1.0);
1446        --color-primary-button-border: rgb(0 0 0 / 1.0);
1447        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1448        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1449        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1450        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1451        --color-secondary-button-background: rgb(239 239 239 / 1.0);
1452        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1453        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1454        --color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
1455        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1456        --color-input-background: rgb(255 255 255 / 1.0);
1457        --color-input-text: rgb(0 0 0 / 1.0);
1458        --color-input-text-rgb: 0 0 0;
1459        --color-input-border: rgb(0 0 0 / 1.0);
1460        --color-input-hover-background: rgb(250 249 241 / 1.0);
1461        --color-variant-background: rgb(255 255 255 / 1.0);
1462        --color-variant-border: rgb(230 230 230 / 1.0);
1463        --color-variant-text: rgb(0 0 0 / 1.0);
1464        --color-variant-text-rgb: 0 0 0;
1465        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1466        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1467        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1468        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1469        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1470        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1471        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1472        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1473        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1474
1475        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1476        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1477        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1478        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1479        --font-h1--color: var(--color-foreground-heading);
1480        --font-h2--color: var(--color-foreground-heading);
1481        --font-h3--color: var(--color-foreground-heading);
1482        --font-h4--color: var(--color-foreground-heading);
1483        --font-h5--color: var(--color-foreground-heading);
1484        --font-h6--color: var(--color-foreground-heading);
1485
1486        /* Shadows */
1487        
1488        
1489          --shadow-blur: 20px;
1490          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1491        
1492      }
1493  
1494    
1495    
1496    
1497    .color-scheme-cb76390f-038c-41ce-9a93-fc1d1f7315af {
1498        --color-background: rgb(255 255 255 / 1.0);
1499        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1500        --color-background-rgb: 255 255 255;
1501        --opacity-5-15: 0.05;
1502        --opacity-10-25: 0.1;
1503        --opacity-35-55: 0.35;
1504        --opacity-40-60: 0.4;
1505        --opacity-30-60: 0.3;
1506        --color-foreground: rgb(0 0 0 / 1.0);
1507        --color-foreground-rgb: 0 0 0;
1508        --color-foreground-heading: rgb(0 0 0 / 1.0);
1509        --color-foreground-heading-rgb: 0 0 0;
1510        --color-primary: rgb(0 0 0 / 1.0);
1511        --color-primary-rgb: 0 0 0;
1512        --color-primary-hover: rgb(130 163 26 / 1.0);
1513        --color-primary-hover-rgb: 130 163 26;
1514        --color-border: rgb(230 230 230 / 1.0);
1515        --color-border-rgb: 230 230 230;
1516        --color-shadow: rgb(0 0 0 / 1.0);
1517        --color-shadow-rgb: 0 0 0;
1518        --color-primary-button-text: rgb(255 255 255 / 1.0);
1519        --color-primary-button-background: rgb(0 0 0 / 0.84);
1520        --color-primary-button-border: rgb(0 0 0 / 1.0);
1521        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1522        --color-primary-button-hover-background: rgb(0 0 0 / 0.8);
1523        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1524        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1525        --color-secondary-button-background: rgb(239 239 239 / 1.0);
1526        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1527        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1528        --color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
1529        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1530        --color-input-background: rgb(255 255 255 / 1.0);
1531        --color-input-text: rgb(0 0 0 / 1.0);
1532        --color-input-text-rgb: 0 0 0;
1533        --color-input-border: rgb(0 0 0 / 0.84);
1534        --color-input-hover-background: rgb(245 245 245 / 1.0);
1535        --color-variant-background: rgb(255 255 255 / 1.0);
1536        --color-variant-border: rgb(230 230 230 / 1.0);
1537        --color-variant-text: rgb(0 0 0 / 1.0);
1538        --color-variant-text-rgb: 0 0 0;
1539        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1540        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1541        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1542        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1543        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1544        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1545        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1546        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1547        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1548
1549        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1550        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1551        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1552        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1553        --font-h1--color: var(--color-foreground-heading);
1554        --font-h2--color: var(--color-foreground-heading);
1555        --font-h3--color: var(--color-foreground-heading);
1556        --font-h4--color: var(--color-foreground-heading);
1557        --font-h5--color: var(--color-foreground-heading);
1558        --font-h6--color: var(--color-foreground-heading);
1559
1560        /* Shadows */
1561        
1562        
1563          --shadow-blur: 20px;
1564          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1565        
1566      }
1567  
1568
1569  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-7, .color-scheme-8, .color-scheme-cb76390f-038c-41ce-9a93-fc1d1f7315af {
1570    color: var(--color-foreground);
1571    background-color: var(--color-background);
1572  }
1573</style>
1574
1575<link rel="alternate" hreflang="en-pa" href="https://soulfire.farm/" />
1576<link rel="alternate" hreflang="es-pa" href="https://soulfire.farm/es" />
1577<link rel="alternate" hreflang="x-default" href="https://soulfire.farm/" />
1578    
1578<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1578<meta name="google-site-verification" content="bYsNegjuFehIumm74Qlkw5hQ1JtvTKx5gZSpOBJTh3k">
1579<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/90971472190/digital_wallets/dialog">
1580<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" />
1581<link rel="next" href="/collections/all-products?page=2">
1582<link rel="alternate" hreflang="x-default" href="https://soulfire.farm/collections/all-products">
1583<link rel="alternate" hreflang="en" href="https://soulfire.farm/collections/all-products">
1584<link rel="alternate" hreflang="es" href="https://soulfire.farm/es/collections/all-products">
1585<link rel="alternate" type="application/json+oembed" href="https://soulfire.farm/collections/all-products.oembed">
1586<script async="async" src="/checkouts/internal/preloads.js?locale=en-PA"></script>
vendor: 1 bytes, line 1586
1586
1587<script id="shopify-features" type="application/json">{"accessToken":"3f35466355e36f6f398b386c8428d7f1","betas":["rich-media-storefront-analytics"],"domain":"soulfire.farm","predictiveSearch":true,"shopId":90971472190,"locale":"en"}</script>
vendor: 1 bytes, line 1587
1587
1588<script>var Shopify = Shopify || {};
1589Shopify.shop = "t39rbf-rz.myshopify.com";
1590Shopify.locale = "en";
1591Shopify.currency = {"active":"USD","rate":"1.0"};
1592Shopify.country = "PA";
1593Shopify.theme = {"name":"SITE","id":184985551166,"schema_name":"Tinker","schema_version":"3.5.1","theme_store_id":3627,"role":"main"};
1594Shopify.theme.handle = "null";
1595Shopify.theme.style = {"id":null,"handle":null};
1596Shopify.cdnHost = "soulfire.farm/cdn";
1597Shopify.routes = Shopify.routes || {};
1598Shopify.routes.root = "/";
1599Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1600Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1601Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1602Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1602
1602
1603<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1603
1603
1604<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 1604
1604
1605<script>
1606  window.Shopify = window.Shopify || {};
1607  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1608  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1609  window.Shopify.SignInWithShop.eligible = true;
1610</script>
vendor: 1 bytes, line 1610
1610
1611<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
vendor: 1 bytes, line 1611
1611
1612<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 1612
1612
1613<script type="module">
1614  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1615
1616  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1617
1618</script>
vendor: 1 bytes, line 1618
1618
1619<script>
1620  window.Shopify = window.Shopify || {};
1621  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1622  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"]};
1623</script>
vendor: 1 bytes, line 1623
1623
1624<script id="__st">var __st={"a":90971472190,"offset":-18000,"reqid":"5ab80573-e543-4b14-a983-dbfd56b823d9-1791600158","pageurl":"soulfire.farm\/collections\/all-products","u":"cad9a51ae85c","p":"collection","rtyp":"collection","rid":491221745982};</script>
vendor: 1 bytes, line 1624
1624
1625<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1625
1625
1626<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 1626
1626
1627<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//soulfire.farm/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1627
1627
1628<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 = "//soulfire.farm/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>
1628<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 1628
1628
1629<script>
1630  window.Shopify = window.Shopify || {};
1631  window.Shopify.MCP = window.Shopify.MCP || {};
1632  window.Shopify.MCP.enabled = true;
1633  window.Shopify.MCP.shop = "t39rbf-rz.myshopify.com";
1634  window.Shopify.MCP.mcpEndpoint = "https:\/\/soulfire.farm\/api\/mcp";
1635  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?\"\nSet policy_types to also get the store's written policies (full text and URL).\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."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
1636</script>
vendor: 1 bytes, line 1636
1636
1637<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("\/\/soulfire.farm\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-f427de6a.js","sha256-ypGF+5vIq4Psw4WG7nsVtdd\/TCfsJWnrNuACdqLCElY=");})();
1638</script>
vendor: 1 bytes, line 1638
1638
1639<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://soulfire.farm/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1640</script>
vendor: 1 bytes, line 1640
1640
1641<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1642  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);
1643</script>
vendor: 1 bytes, line 1643
1643
1644<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})}}));
1645</script>
1645
1646<link rel="compression-dictionary" href="//soulfire.farm/cdn/shop/t/32/compiled_assets/styles.css?v=38669598824890977791779030049" crossorigin="anonymous">
1647<link rel="stylesheet" media="screen" href="//soulfire.farm/cdn/shop/t/32/compiled_assets/styles.css?v=38669598824890977791779030049&subset=ABoAAAAgAAAABgAAAAAAKQMAReEDRA8YALmqcE0BAQQ" crossorigin="anonymous">
1648<script id="sections-script" data-sections="main-collection" defer="defer" src="//soulfire.farm/cdn/shop/t/32/compiled_assets/scripts.js?v=47368013396670054441774915466"></script>
vendor: 1 bytes, line 1648
1648
1649<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1649
1650    
1651  <!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/brandAgents_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
1652
1653
1654
1655
1656
1657<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
1658<script type="text/javascript">
1659  (function (c, l, a, r, i, t, y) {
1660    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
1661    t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
1662    y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
1663
1664    c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
1665      if (error) {
1666        console.error("Error loading Shopify features:", error);
1667        return;
1668      }
1669
1670      c[a]('consentv2', {
1671        ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
1672        analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
1673        source: 101,
1674      });
1675    });
1676
1677    l.addEventListener("visitorConsentCollected", function (e) {
1678      c[a]('consentv2', {
1679        ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
1680        analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
1681        source: 101,
1682      });
1683    });
1684  })(window, document, "clarity", "script", "ppx4kgn87u");
1685</script>
1685
1686
1687
1688
1689<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1690<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: 90971472190,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 1690
1690
1691<script>
1692  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1693</script>
vendor: 1 bytes, line 1693
1693
1694<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}
1694).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: 90971472190,storefrontBaseUrl: "https://soulfire.farm",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://soulfire.farm/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab"],webPixelsConfigList: [{"id":"2134376766","configuration":"{\"projectId\":\"ppx4kgn87u\"}","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"]}
1694,"dataSharingState":"unrestricted"},{"id":"1268121918","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-6TJ9W2CH9B\\\",\\\"GT-KVFKJM33\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-6TJ9W2CH9B\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-6TJ9W2CH9B\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-6TJ9W2CH9B\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-6TJ9W2CH9B\\\",\\\"MC-V8R5PB6R67\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-6TJ9W2CH9B\\\",\\\"MC-V8R5PB6R67\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-6TJ9W2CH9B\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-6TJ9W2CH9B\\\",\\\"MC-V8R5PB6R67\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-6TJ9W2CH9B\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-6TJ9W2CH9B\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-6TJ9W2CH9B\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-6TJ9W2CH9B\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"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":"SoulFire Farm","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"t39rbf-rz.myshopify.com","countryCode":"PA","storefrontUrl":"https:\/\/soulfire.farm"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"11744310788414","handle":"premium-potting-soil-mix","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51053423984958","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11744310952254","handle":"enriched-compost","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51053424181566","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11874832711998","handle":"rainbow-eucalyptus-tree","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51595710759230","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11744316129598","handle":"rosemary-plant","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51053441876286","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11744319045950","handle":"bougainvillea-plant","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51329967882558","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11744320946494","handle":"canna-lily-plant","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51053450821950","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11746940846398","handle":"npk-micros","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51067100660030","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1694,{"id":"11744316260670","handle":"oregano-plant-greek","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51053442105662","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11744310755646","handle":"lime-calcium-carbonate","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51053423919422","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11744319766846","handle":"persian-shield-plant","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51053448298814","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11744316326206","handle":"thyme-plant","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51053442236734","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11744318619966","handle":"red-malabar-spinach-plant","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51053446136126","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11744317964606","handle":"cranberry-hibiscus-plant","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51053445218622","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11746603827518","handle":"jungle-geranium-plant","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51064782848318","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11744318226750","handle":"purslane-plant-electric-orange","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51053445579070","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11744318914878","handle":"aloe-vera-plant","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51053446594878","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11744315146558","handle":"jacaranda-tree","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51053436731710","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11744313868606","handle":"everbearing-mulberry-tree","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51053434569022","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11744310853950","handle":"rice-hulls","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51053424050494","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11759563997502","handle":"mexican-sunflower-plant","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51129570689342","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11746595307838","handle":"lemon-grass-plant-west-indian","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51064690082110","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11745313292606","handle":"black-pearl-pepper-plant","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51058113315134","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1694,{"id":"11744318390590","handle":"holy-basil-tulsi-plant","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51053445775678","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11744316981566","handle":"brazilian-spinach-plant","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51053443088702","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://soulfire.farm/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"184985551166","themeStoreId":"3627","themePublished":"true","eventMetadataId":"3a9612f2-0fe6-4876-9b52-e30983618604","pageType":"collection","resourceId":"491221745982","shopId":"90971472190","storefrontBaseUrl":"https:\/\/soulfire.farm","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"491221745982\",\"title\":\"All Products\",\"productVariants\":[{\"price\":{\"amount\":8.5,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Premium Potting Soil Mix 25lb Bag\",\"vendor\":\"SoulFire Farm\",\"id\":\"11744310788414\",\"untranslatedTitle\":\"Premium Potting Soil Mix 25lb Bag\",\"url\":\"\/products\/premium-potting-soil-mix\",\"type\":\"\"},\"id\":\"51053423984958\",\"image\":{\"src\":\"\/\/soulfire.farm\/cdn\/shop\/files\/DSC0079.jpg?v=1734740685\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":9.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Enriched Compost 15lb Bag\",\"vendor\":\"SoulFire Farm\",\"id\":\"11744310952254\",\"untranslatedTitle\":\"Enriched Compost 15lb Bag\",\"url\":\"\/products\/enriched-compost\",\"type\":\"\"},\"id\":\"51053424181566\",\"image\":{\"src\":\"\/\/soulfire.farm\/cdn\/shop\/files\/DSC0083.jpg?v=1734740698\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":15.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Rainbow Eucalyptus Tree\",\"vendor\":\"SoulFire Farm\",\"id\":\"11874832711998\",\"untranslatedTitle\":\"Rainbow Eucalyptus Tree\",\"url\":\"\/products\/rainbow-eucalyptus-tree\",\"type\":\"\"},\"id\":\"51595710759230\",\"image\":{\"src\":\"\/\/soulfire.farm\/cdn\/shop\/files\/rainboweuc.jpg?v=1744483294\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":6.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Rosemary Plant\",\"vendor\":\"SoulFire Farm\",\"id\":\"11744316129598\",\"untranslatedTitle\":\"Rosemary Plant\",\"url\":\"\/products\/rosemary-plant\",\"type\":\"\"},\"id\":\"51053441876286\",\"image\":{\"src\":\"\/\/soulfire.farm\/cdn\/shop\/files\/rosemary.jpg?v=1736708989\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":12.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Bougainvillea Plant\",\"vendor\":\"SoulFire Farm\",\"id\":\"11744319045950\",\"untranslatedTitle\":\"Bougainvillea Plant\",\"url\":\"\/products\/bougainvillea-plant\",\"type\":\"\"},\"id\":\"51329967882558\",\"image\":{\"src\":\"\/\/soulfire.farm\/cdn\/shop\/files\/DSC1154.jpg?v=1739662925\"},\"sku\":\"\",\"title\":\"Red\",\"untranslatedTitle\":\"Red\"},{\"price\":{\"amount\":12.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Canna Lily Plant\",\"vendor\":\"SoulFire Farm\",\"id\":\"11744320946494\",\"untranslatedTitle\":\"Canna Lily Plant\",\"url\":\"\/products\/canna-lily-plant\",\"type\":\"\"},\"id\":\"51053450821950\",\"image\":{\"src\":\"\/\/soulfire.farm\/cdn\/shop\/files\/DSC0343.jpg?v=1734741736\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":5.5,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"NPK Complex + Micros 2lb Bag\",\"vendor\":\"SoulFire Farm\",\"
1694id\":\"11746940846398\",\"untranslatedTitle\":\"NPK Complex + Micros 2lb Bag\",\"url\":\"\/products\/npk-micros\",\"type\":\"\"},\"id\":\"51067100660030\",\"image\":{\"src\":\"\/\/soulfire.farm\/cdn\/shop\/files\/npkcomplex.jpg?v=1735147299\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":6.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Greek Oregano Plant\",\"vendor\":\"SoulFire Farm\",\"id\":\"11744316260670\",\"untranslatedTitle\":\"Greek Oregano Plant\",\"url\":\"\/products\/oregano-plant-greek\",\"type\":\"\"},\"id\":\"51053442105662\",\"image\":{\"src\":\"\/\/soulfire.farm\/cdn\/shop\/files\/DSC9877.jpg?v=1734741152\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":6.5,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Lime - Calcium Carbonate 20lb Bag\",\"vendor\":\"SoulFire Farm\",\"id\":\"11744310755646\",\"untranslatedTitle\":\"Lime - Calcium Carbonate 20lb Bag\",\"url\":\"\/products\/lime-calcium-carbonate\",\"type\":\"\"},\"id\":\"51053423919422\",\"image\":{\"src\":\"\/\/soulfire.farm\/cdn\/shop\/files\/DSC0087.jpg?v=1734740678\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":12.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Persian Shield Plant\",\"vendor\":\"SoulFire Farm\",\"id\":\"11744319766846\",\"untranslatedTitle\":\"Persian Shield Plant\",\"url\":\"\/products\/persian-shield-plant\",\"type\":\"\"},\"id\":\"51053448298814\",\"image\":{\"src\":\"\/\/soulfire.farm\/cdn\/shop\/files\/persianshield.jpg?v=1736725118\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":6.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Thyme Plant\",\"vendor\":\"SoulFire Farm\",\"id\":\"11744316326206\",\"untranslatedTitle\":\"Thyme Plant\",\"url\":\"\/products\/thyme-plant\",\"type\":\"\"},\"id\":\"51053442236734\",\"image\":{\"src\":\"\/\/soulfire.farm\/cdn\/shop\/files\/DSC9882.jpg?v=1734741160\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":6.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Red Malabar Spinach Plant\",\"vendor\":\"SoulFire Farm\",\"id\":\"11744318619966\",\"untranslatedTitle\":\"Red Malabar Spinach Plant\",\"url\":\"\/products\/red-malabar-spinach-plant\",\"type\":\"\"},\"id\":\"51053446136126\",\"image\":{\"src\":\"\/\/soulfire.farm\/cdn\/shop\/files\/DSC0350.jpg?v=1734741432\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":6.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Cranberry Hibiscus Plant\",\"vendor\":\"SoulFire Farm\",\"id\":\"11744317964606\",\"untranslatedTitle\":\"Cranberry Hibiscus Plant\",\"url\":\"\/products\/cranberry-hibiscus-plant\",\"type\":\"\"},\"id\":\"51053445218622\",\"image\":{\"src\":\"\/\/soulfire.farm\/cdn\/shop\/files\/DSC9933.jpg?v=1734741335\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":6.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Jungle Geranium Plant\",\"vendor\":\"SoulFire Farm\",\"id\":\"11746603827518\",\"untranslatedTitle\":\"Jungle Geranium Plant\",\"url\":\"\/products\/jungle-geranium-plant\",\"type\":\"\"},\"id\":\"51064782848318\",\"image\":{\"src\":\"\/\/soulfire.farm\/cdn\/shop\/files\/DSC0482.jpg?v=1735061925\"},\"sku\":\"\",\"title\":\"Yellow\",\"untranslatedTitle\":\"Yellow\"},{\"price\":{\"amount\":6.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Purslane Plant (Electric Orange)\",\"vendor\":\"SoulFire Farm\",\"id\":\"11744318226750\",\"untranslatedTitle\":\"Purslane Plant (Electric Orange)\",\"url\":\"\/products\/purslane-plant-electric-orange\",\"type\":\"\"},\"id\":\"51053445579070\",\"image\":{\"src\":\"\/\/soulfire.farm\/cdn\/shop\/files\/puslane-plant-ver.jpg?v=1734741376\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":6.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Aloe Vera Plant\",\"vendor\":\"SoulFire Farm\",\"
1694id\":\"11744318914878\",\"untranslatedTitle\":\"Aloe Vera Plant\",\"url\":\"\/products\/aloe-vera-plant\",\"type\":\"\"},\"id\":\"51053446594878\",\"image\":{\"src\":\"\/\/soulfire.farm\/cdn\/shop\/files\/aloe_vera.jpg?v=1736708066\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":18.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Jacaranda Tree\",\"vendor\":\"SoulFire Farm\",\"id\":\"11744315146558\",\"untranslatedTitle\":\"Jacaranda Tree\",\"url\":\"\/products\/jacaranda-tree\",\"type\":\"\"},\"id\":\"51053436731710\",\"image\":{\"src\":\"\/\/soulfire.farm\/cdn\/shop\/files\/jacaranda-2.jpg?v=1734741099\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":22.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Everbearing Mulberry Tree\",\"vendor\":\"SoulFire Farm\",\"id\":\"11744313868606\",\"untranslatedTitle\":\"Everbearing Mulberry Tree\",\"url\":\"\/products\/everbearing-mulberry-tree\",\"type\":\"\"},\"id\":\"51053434569022\",\"image\":{\"src\":\"\/\/soulfire.farm\/cdn\/shop\/files\/mulberry.jpg?v=1734740960\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":4.5,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Rice Hulls 5lb Bag\",\"vendor\":\"SoulFire Farm\",\"id\":\"11744310853950\",\"untranslatedTitle\":\"Rice Hulls 5lb Bag\",\"url\":\"\/products\/rice-hulls\",\"type\":\"\"},\"id\":\"51053424050494\",\"image\":{\"src\":\"\/\/soulfire.farm\/cdn\/shop\/files\/DSC0080.jpg?v=1734740691\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":10.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Mexican Sunflower (10 Cuttings)\",\"vendor\":\"SoulFire Farm\",\"id\":\"11759563997502\",\"untranslatedTitle\":\"Mexican Sunflower (10 Cuttings)\",\"url\":\"\/products\/mexican-sunflower-plant\",\"type\":\"\"},\"id\":\"51129570689342\",\"image\":{\"src\":\"\/\/soulfire.farm\/cdn\/shop\/files\/mexicansunflower.jpg?v=1736795533\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":8.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Lemon Grass Plant - West Indian\",\"vendor\":\"SoulFire Farm\",\"id\":\"11746595307838\",\"untranslatedTitle\":\"Lemon Grass Plant - West Indian\",\"url\":\"\/products\/lemon-grass-plant-west-indian\",\"type\":\"\"},\"id\":\"51064690082110\",\"image\":{\"src\":\"\/\/soulfire.farm\/cdn\/shop\/files\/DSC0498.jpg?v=1735058719\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":8.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Black Pearl Pepper Plant\",\"vendor\":\"SoulFire Farm\",\"id\":\"11745313292606\",\"untranslatedTitle\":\"Black Pearl Pepper Plant\",\"url\":\"\/products\/black-pearl-pepper-plant\",\"type\":\"\"},\"id\":\"51058113315134\",\"image\":{\"src\":\"\/\/soulfire.farm\/cdn\/shop\/files\/blackpearlpepper.jpg?v=1734924931\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":9.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Holy Basil (Tulsi) Plant\",\"vendor\":\"SoulFire Farm\",\"id\":\"11744318390590\",\"untranslatedTitle\":\"Holy Basil (Tulsi) Plant\",\"url\":\"\/products\/holy-basil-tulsi-plant\",\"type\":\"\"},\"id\":\"51053445775678\",\"image\":{\"src\":\"\/\/soulfire.farm\/cdn\/shop\/files\/DSC0053.jpg?v=1734741400\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":6.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Brazilian Spinach Plant\",\"vendor\":\"SoulFire Farm\",\"id\":\"11744316981566\",\"untranslatedTitle\":\"Brazilian Spinach Plant\",\"url\":\"\/products\/brazilian-spinach-plant\",\"type\":\"\"},\"id\":\"51053443088702\",\"image\":{\"src\":\"\/\/soulfire.farm\/cdn\/shop\/files\/DSC9769.jpg?v=1734741217\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}]}}]]"});})();</script>
1694<script>
1695  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1696  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1697  window.ShopifyAnalytics.meta.currency = 'USD';
1698  var meta = {"products":[{"id":11744310788414,"gid":"gid:\/\/shopify\/Product\/11744310788414","vendor":"SoulFire Farm","type":"","handle":"premium-potting-soil-mix","variants":[{"id":51053423984958,"price":850,"name":"Premium Potting Soil Mix 25lb Bag","public_title":null,"sku":null}],"remote":false},{"id":11744310952254,"gid":"gid:\/\/shopify\/Product\/11744310952254","vendor":"SoulFire Farm","type":"","handle":"enriched-compost","variants":[{"id":51053424181566,"price":900,"name":"Enriched Compost 15lb Bag","public_title":null,"sku":null}],"remote":false},{"id":11874832711998,"gid":"gid:\/\/shopify\/Product\/11874832711998","vendor":"SoulFire Farm","type":"","handle":"rainbow-eucalyptus-tree","variants":[{"id":51595710759230,"price":1500,"name":"Rainbow Eucalyptus Tree","public_title":null,"sku":null}],"remote":false},{"id":11744316129598,"gid":"gid:\/\/shopify\/Product\/11744316129598","vendor":"SoulFire Farm","type":"","handle":"rosemary-plant","variants":[{"id":51053441876286,"price":600,"name":"Rosemary Plant","public_title":null,"sku":null}],"remote":false},{"id":11744319045950,"gid":"gid:\/\/shopify\/Product\/11744319045950","vendor":"SoulFire Farm","type":"","handle":"bougainvillea-plant","variants":[{"id":51329967882558,"price":1200,"name":"Bougainvillea Plant - Red","public_title":"Red","sku":""},{"id":51329967915326,"price":1200,"name":"Bougainvillea Plant - White","public_title":"White","sku":""},{"id":51329967948094,"price":1200,"name":"Bougainvillea Plant - Salmon","public_title":"Salmon","sku":""}],"remote":false},{"id":11744320946494,"gid":"gid:\/\/shopify\/Product\/11744320946494","vendor":"SoulFire Farm","type":"","handle":"canna-lily-plant","variants":[{"id":51053450821950,"price":1200,"name":"Canna Lily Plant","public_title":null,"sku":null}],"remote":false},{"id":11746940846398,"gid":"gid:\/\/shopify\/Product\/11746940846398","vendor":"SoulFire Farm","type":"","handle":"npk-micros","variants":[{"id":51067100660030,"price":550,"name":"NPK Complex + Micros 2lb Bag","public_title":null,"sku":null}],"remote":false},{"id":11744316260670,"gid":"gid:\/\/shopify\/Product\/11744316260670","vendor":"SoulFire Farm","type":"","handle":"oregano-plant-greek","variants":[{"id":51053442105662,"price":600,"name":"Greek Oregano Plant","public_title":null,"sku":null}],"remote":false},{"id":11744310755646,"gid":"gid:\/\/shopify\/Product\/11744310755646","vendor":"SoulFire Farm","type":"","handle":"lime-calcium-carbonate","variants":[{"id":51053423919422,"price":650,"name":"Lime - Calcium Carbonate 20lb Bag","public_title":null,"sku":null}],"remote":false},{"id":11744319766846,"gid":"gid:\/\/shopify\/Product\/11744319766846","vendor":"SoulFire Farm","type":"","handle":"persian-shield-plant","variants":[{"id":51053448298814,"price":1200,"name":"Persian Shield Plant","public_title":null,"sku":null}],"remote":false},{"id":11744316326206,"gid":"gid:\/\/shopify\/Product\/11744316326206","vendor":"SoulFire Farm","type":"","handle":"thyme-plant","variants":[{"id":51053442236734,"price":600,"name":"Thyme Plant","public_title":null,"sku":null}],"remote":false},{"id":11744318619966,"gid":"gid:\/\/shopify\/Product\/11744318619966","vendor":"SoulFire Farm","type":"","handle":"red-malabar-spinach-plant","variants":[{"id":51053446136126,"price":600,"name":"Red Malabar Spinach Plant","public_title":null,"sku":null}],"remote":false},{"id":11744317964606,"gid":"gid:\/\/shopify\/Product\/11744317964606","vendor":"SoulFire Farm","type":"","handle":"cranberry-hibiscus-plant","variants":[{"id":51053445218622,"price":600,"name":"Cranberry Hibiscus Plant","public_title":null,"sku":null}],"remote":false},{"id":11746603827518,"gid":"gid:\/\/shopify\/Product\/11746603827518","vendor":"SoulFire Farm","type":"","handle":"jungle-geranium-plant","variants":[{"id":51064782848318,"price":600,"name":"Jungle Geranium Plant - Yellow","public_title":"Yellow","sku":""},{"id":51064782881086,"price":600,"name":"Jungle Geranium Plant - Pink","public_title":"Pink","sku":""},{"id":51064782913854,"price":600,"name":"Jungle Geranium Plant - Red","public_title":"Red","sku":""}],"remote":false},{"id":11744318226750,"gid":"gid:\/\/shopify\/Product\/11744318226750","vendor":"SoulFire Farm","type":"","handle":"purslane-plant-electric-orange","variants":[{"id":51053445579070,"price":600,"name":"Purslane Plant (Electric Orange)","public_title":null,"sku":null}],"remote":false},{"id":11744318914878,"gid":"gid:\/\/shopify\/Product\/11744318914878","vendor":"SoulFire Farm","type":"","handle":"aloe-vera-plant","variants":[{"id":51053446594878,"price":600,"name":"Aloe Vera Plant","public_title":null,"sku":null}],"remote":false},{"id":11744315146558,"gid":"gid:\/\/shopify\/Product\/11744315146558","vendor":"SoulFire Farm","type":"","handle":"jacaranda-tree","variants":[{"id":51053436731710,"price":1800,"name":"Jacaranda Tree","public_title":null,"sku":null}],"remote":false},{"id":11744313868606,"gid":"gid:\/\/shopify\/Product\/11744313868606","vendor":"SoulFire Farm","type":"","handle":"everbearing-mulberry-tree","variants":[{"id":51053434569022,"price":2200,"name":"Everbearing Mulberry Tree","public_title":null,"sku":null}],"remote":false},{"id":11744310853950,"gid":"gid:\/\/shopify\/Product\/11744310853950","vendor":"SoulFire Farm","type":"","handle":"rice-hulls","variants":[{"id":51053424050494,"price":450,"name":"Rice Hulls 5lb Bag","public_title":null,"sku":null}],"remote":false},{"id":11759563997502,"gid":"gid:\/\/shopify\/Product\/11759563997502","vendor":"SoulFire Farm","type":"","handle":"mexican-sunflower-plant","variants":[{"id":51129570689342,"price":1000,"name":"Mexican Sunflower (10 Cuttings)","public_title":null,"sku":null}],"remote":false},{"id":11746595307838,"gid":"gid:\/\/shopify\/Product\/11746595307838","vendor":"SoulFire Farm","type":"","handle":"lemon-grass-plant-west-indian","variants":[{"id":51064690082110,"price":800,"name":"Lemon Grass Plant - West Indian","public_title":null,"sku":null}],"remote":false},{"id":11745313292606,"gid":"gid:\/\/shopify\/Product\/11745313292606","vendor":"SoulFire Farm","type":"","handle":"black-pearl-pepper-plant","variants":[{"id":51058113315134,"price":800,"name":"Black Pearl Pepper Plant","public_title":null,"sku":null}],"remote":false},{"id":11744318390590,"gid":"gid:\/\/shopify\/Product\/11744318390590","vendor":"SoulFire Farm","type":"","handle":"holy-basil-tulsi-plant","variants":[{"id":51053445775678,"price":900,"name":"Holy Basil (Tulsi) Plant","public_title":null,"sku":null}],"remote":false},{"id":11744316981566,"gid":"gid:\/\/shopify\/Product\/11744316981566","vendor":"SoulFire Farm","type":"","handle":"brazilian-s
1698pinach-plant","variants":[{"id":51053443088702,"price":600,"name":"Brazilian Spinach Plant","public_title":null,"sku":null}],"remote":false}],"page":{"pageType":"collection","resourceType":"collection","resourceId":491221745982,"requestId":"5ab80573-e543-4b14-a983-dbfd56b823d9-1791600158"}};
1699  for (var attr in meta) {
1700    window.ShopifyAnalytics.meta[attr] = meta[attr];
1701  }
1702</script>
vendor: 1 bytes, line 1702
1702
1703<script class="analytics">
1704  (function () {
1705    var customDocumentWrite = function(content) {
1706      var jquery = null;
1707
1708      if (window.jQuery) {
1709        jquery = window.jQuery;
1710      } else if (window.Checkout && window.Checkout.$) {
1711        jquery = window.Checkout.$;
1712      }
1713
1714      if (jquery) {
1715        jquery('body').append(content);
1716      }
1717    };
1718
1719    var hasLoggedConversion = function(token) {
1720      if (token) {
1721        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1722      }
1723      return false;
1724    }
1725
1726    var setCookieIfConversion = function(token) {
1727      if (token) {
1728        var twoMonthsFromNow = new Date(Date.now());
1729        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1730
1731        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1732      }
1733    }
1734
1735    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1736    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1737    if (trekkie.integrations) {
1738      return;
1739    }
1740    trekkie.methods = [
1741      'identify',
1742      'page',
1743      'ready',
1744      'track',
1745      'trackForm',
1746      'trackLink'
1747    ];
1748    trekkie.factory = function(method) {
1749      return function() {
1750        var args = Array.prototype.slice.call(arguments);
1751        args.unshift(method);
1752        trekkie.push(args);
1753        if (method == 'track' || method == 'page') {
1754          var pageUrl;
1755          try {
1756            pageUrl = window.location.href;
1757          } catch (e) {}
1758          var pageReferrer;
1759          try {
1760            pageReferrer = document.referrer;
1761          } catch (e) {}
1762          try {
1763            if (window.__TREKKIE_SHIM_QUEUE == null) {
1764              window.__TREKKIE_SHIM_QUEUE = [];
1765            }
1766            window.__TREKKIE_SHIM_QUEUE.push({
1767              from: 'trekkie-stub',
1768              method: method,
1769              args: args.slice(1),
1770              pageContext: {
1771                url: pageUrl,
1772                referrer: pageReferrer
1773              }
1774            });
1775          } catch (e) {
1776            // no-op
1777          }
1778        }
1779        return trekkie;
1780      };
1781    };
1782    for (var i = 0; i < trekkie.methods.length; i++) {
1783      var key = trekkie.methods[i];
1784      trekkie[key] = trekkie.factory(key);
1785    }
1786    trekkie.load = function(config) {
1787      trekkie.config = config || {};
1788      trekkie.config.initialDocumentCookie = document.cookie;
1789      var first = document.getElementsByTagName('script')[0];
1790var script = document.createElement('script');
1791script.type = 'text/javascript';
1792script.onerror = function(e) {
1793  var scriptFallback = document.createElement('script');
1794  scriptFallback.type = 'text/javascript';
1795  scriptFallback.onerror = function(error) {
1796          var Monorail = {
1797      produce: function produce(monorailDomain, schemaId, payload) {
1798        var currentMs = new Date().getTime();
1799        var event = {
1800          schema_id: schemaId,
1801          payload: payload,
1802          metadata: {
1803            event_created_at_ms: currentMs,
1804            event_sent_at_ms: currentMs
1805          }
1806        };
1807        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1808      },
1809      sendRequest: function sendRequest(endpointUrl, payload) {
1810        // Try the sendBeacon API
1811        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1812          var blobData = new window.Blob([payload], {
1813            type: 'text/plain'
1814          });
1815
1816          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1817            return true;
1818          } // sendBeacon was not successful
1819
1820        } // XHR beacon
1821
1822        var xhr = new XMLHttpRequest();
1823
1824        try {
1825          xhr.open('POST', endpointUrl);
1826          xhr.setRequestHeader('Content-Type', 'text/plain');
1827          xhr.send(payload);
1828        } catch (e) {
1829          console.log(e);
1830        }
1831
1832        return false;
1833      },
1834      isIos12: function isIos12() {
1835        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1836      }
1837    };
1838    Monorail.produce('monorail-edge.shopifysvc.com',
1839      'trekkie_storefront_load_errors/1.1',
1840      {shop_id: 90971472190,
1841      theme_id: 184985551166,
1842      app_name: "storefront",
1843      context_url: window.location.href,
1844      source_url: "//soulfire.farm/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"});
1845
1846  };
1847  scriptFallback.async = true;
1848  scriptFallback.src = '//soulfire.farm/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
1849  first.parentNode.insertBefore(scriptFallback, first);
1850};
1851script.async = true;
1852script.src = '//soulfire.farm/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
1853first.parentNode.insertBefore(script, first);
1854
1855    };
1856    trekkie.load(
1857      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":90971472190,"isMerchantRequest":null,"themeId":184985551166,"themeCityHash":"1552107004666457129","contentLanguage":"en","currency":"USD","eventMetadataId":"3a9612f2-0fe6-4876-9b52-e30983618604"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1858    );
1859
1860    var loaded = false;
1861    trekkie.ready(function() {
1862      if (loaded) return;
1863      loaded = true;
1864
1865      window.ShopifyAnalytics.lib = window.trekkie;
1866
1867      var originalDocumentWrite = document.write;
1868      document.write = customDocumentWrite;
1869      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1870      document.write = originalDocumentWrite;
1871
1872      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1873      var token = match? match[1]: undefined;
1874      if (!hasLoggedConversion(token)) {
1875        setCookieIfConversion(token);
1876        window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: all-products","collectionName":"all-products","collectionId":491221745982,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true});
1877      }
1878    });
1879
1880    window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":491221745982,"requestId":"5ab80573-e543-4b14-a983-dbfd56b823d9-1791600158","shopifyEmitted":true});
1881
1882    var eventsListenerScript = document.createElement('script');
1883    eventsListenerScript.async = true;
1884    eventsListenerScript.src = "//soulfire.farm/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1885    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1886})();</script>
vendor: 1 bytes, line 1886
1886
1887<script
1888  defer
1889  src="https://soulfire.farm/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.1.min.js"
1890  data-application="storefront-renderer"
1891  data-shop-id="90971472190"
1892  data-render-region="gcp-us-central1"
1893  data-page-type="collection"
1894  data-theme-instance-id="184985551166"
1895  data-theme-name="Tinker"
1896  data-theme-version="3.5.1"
1897  data-monorail-region="shop_domain"
1898  data-resource-timing-sampling-rate="10"
1899  data-shs="true"
1900  data-shs-beacon="true"
1901  data-shs-export-with-fetch="true"
1902  data-shs-logs-sample-rate="1"
1903  data-shs-beacon-endpoint="https://soulfire.farm/api/collect"
1904></script>
vendor: 1 bytes, line 1904
1904
1905<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
1905<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"90971472190","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.loading","value":"Loading"},{"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":"PA","language":"en"}}</script>
1905
1906<meta name="shopify-y" content="78f1f53f-b951-4012-8231-ffdd032f514b" data-expiration="1823157758000"><meta name="shopify-s" content="a034ef8f-3991-46ca-96ed-355b6f8bdf6e" data-expiration="1791601958000">
1907</head>
1908
1909  <body class="page-width-narrow card-hover-effect-lift">
1910    <a
1911  class="skip-to-content-link button-secondary"
1912  href="#MainContent"
1913>
1914  Skip to content
1915</a>
1916
1917
1918
1919    <div id="header-group">
1920      <!-- BEGIN sections: header-group -->
1921<div id="shopify-section-sections--26206028628286__header_announcements_yftQkh" class="shopify-section shopify-section-group-header-group">
1922
1923
1924
1925<div class="section-background color-scheme-4"></div>
1926<aside
1927  class="announcement-bar spacing-style section section--page-width color-scheme-4"
1928  style="--padding-block-start: 8px; --padding-block-end:8px; 
1929--padding-inline-start:0px; --padding-inline-end:0px; 
1930; --border-bottom-width: 0px;"
1931>
1932  
1933
1934  <announcement-bar-component
1935    class="announcement-bar__slider"
1936    
1937  >
1938    
1939
1940    <div class="announcement-bar__slides">
1941      
1942<slideshow-slide
1943    ref="slides[]"
1944    class="
1945      announcement-bar__slide
1946      text-block
1947      text-block--ASHdqeW1YT0p0RHEzZ__announcement_7x7aeB
1948      text-block--align-center
1949      text-block--full-width
1950      custom-typography
1951      custom-font-size
1952      
1953    "
1954    style="
1955      
1956--color: ;--font-size: 1.125rem;      --font-weight: var(--font-accent--weight);--font-family: var(--font-accent--family);    --text-transform: uppercase;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
1957      --width: 100%;
1958      --text-align: center;
1959      --line-height: 1;
1960    "
1961    
1962    aria-hidden="false"
1963  >
1964    <p class="announcement-bar__text">
1965      WE'RE SELLING OUR FARM - CLICK TO LEARN MORE >
1966    </p>
1967
1968    
1969      <a
1970        class="announcement-bar__link"
1971        href="https://sale.soulfire.farm/"
1972      >
1973        <span class="visually-hidden">
1974          WE'RE SELLING OUR FARM - CLICK TO LEARN MORE >
1975        </span>
1976      </a>
1977    
1978  </slideshow-slide>
1979
1980
1981
1982    </div>
1983  </announcement-bar-component>
1984</aside>
1985
1986
1987
1988
1989</div><header id="shopify-section-sections--26206028628286__header_section" class="shopify-section shopify-section-group-header-group header-section">
1990
1991
1992
1993
1994
1995
1996
1997
1998
1999<script type="application/ld+json">
2000  {
2001    "@context": "http://schema.org",
2002    "@type": "Organization",
2003    "name": "SoulFire Farm",
2004    
2005      "logo": "https:\/\/soulfire.farm\/cdn\/shop\/files\/logo_dark.png?v=1753300623\u0026width=500",
2006    
2007    "url": "https:\/\/soulfire.farm"
2008  }
2009</script>
2009
2010
2011<header-component
2012  id="header-component"
2013  class="header  header--compact"
2014  data-theme-color="rgb(255 255 255)"
2015  
2016  
2017    sticky="always"
2018  
2019  data-skip-node-update
2020  data-scroll-direction="none"
2021  
2022  
2023  style="
2024    --color-scheme-top-row: rgba(255 255 255 / 1.0);
2025    --color-scheme-bottom-row: rgba(255 255 255 / 1.0);
2026    
2027  "
2028>
2029  <div class="header__underlay header__underlay-closed"></div>
2030  <div
2031    class="header__underlay header__underlay-open"
2032  ></div>
2033    
2034
2035    
2036
2037    
2038    
2039      <div
2040        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--full-width"
2041        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
2042        <div class="header__columns spacing-style">
2043          <div
2044      class="header__column header__column--left"
2045      data-testid="header-top-left"
2046    >
2047      
2048        
2049          
2050              
2051
2052
2053
2054    <div
2055      class="header__drawer"
2056      ref="headerDrawerContainer"
2057      data-hydration-key="header-drawer-mobile"
2058      
2059    >
2060      
2061
2062<script
2063  src="//soulfire.farm/cdn/shop/t/32/assets/header-drawer.js?v=121243031541024704371774915450"
2064  type="module"
2065  fetchpriority="low"
2066></script>
2066
2067
2068<header-drawer
2069  class="header-drawer "
2070  style="--menu-image-border-radius: 15px; --resource-card-corner-radius: 15px;"
2071>
2072  <details
2073    id="Details-menu-drawer-container"
2074    data-skip-node-update="true"
2075    class="menu-drawer-container"
2076    ref="details"
2077    scroll-lock
2078  >
2079    <summary
2080      class="header__icon header__icon--menu header__icon--summary"
2081      aria-label="Menu"
2082      on:click="/toggle"
2083    >
2084      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2085  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2086  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2087</svg>
2088</span>
2089      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2090  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2091  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2092</svg>
2093</span>
2094    </summary>
2095    <div
2096      ref="menuDrawer"
2097      class="
2098        menu-drawer
2099        color-scheme-1
2100      "
2101    >
2102      <button
2103        class="button close-button menu-drawer__close-button"
2104        type="button"
2105        aria-label="Close"
2106        on:click="/close"
2107      >
2108        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2109  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2110  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2111</svg>
2112</span>
2113      </button>
2114      <nav
2115        class="menu-drawer__navigation"
2116        style="--menu-top-level-font-family: var(--font-accent--family);
2117--menu-top-level-font-size-desktop: 1.125rem; --menu-top-level-font-style: var(--font-accent--style); --menu-top-level-font-weight: var(--font-accent--weight); --menu-top-level-font-case:uppercase;
2118
2119  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
2120  var(--menu-font-2xl--line-height);
2121
2122--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2123
2124--menu-parent-font-family: var(--font-accent--family); --menu-parent-font-style:
2125var(--font-accent--style); --menu-parent-font-weight: var(--font-accent--weight); --menu-parent-font-case:
2126uppercase;
2127
2128    --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
2129    var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
2130    --menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
2131  
2132--menu-child-font-family: var(--font-accent--family); --menu-child-font-style:
2133var(--font-accent--style); --menu-child-font-weight: var(--font-accent--weight); --menu-child-font-case:
2134uppercase;
2135
2136    --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
2137    --menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
2138    --menu-child-active-font-color: var(--color-foreground);
2139  
2140
2141        "
2142        aria-label="Primary"
2143      >
2144        <ul
2145          class="menu-drawer__menu has-submenu"
2146          role="list"
2147        >
2148            
2149            
2150
2151              <li
2152                style="--menu-drawer-animation-index: 1;"
2153                class="menu-drawer__list-item--flat"
2154              >
2155                
2156<a
2157                    id="HeaderDrawer-all-products"
2158                    href="/collections/all-products"
2159                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2160                    
2161                      aria-current="page"
2162                    
2163                  >
2164                    <span class="menu-drawer__menu-item-text wrap-text">ALL PRODUCTS</span>
2165                  </a>
2166                
2167              </li>
2168              <li
2169                style="--menu-drawer-animation-index: 2;"
2170                class="menu-drawer__list-item--flat"
2171              >
2172                
2173<a
2174                    id="HeaderDrawer-trees"
2175                    href="#"
2176                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2177                    
2178                  >
2179                    <span class="menu-drawer__menu-item-text wrap-text">TREES ⏷</span>
2180                  </a>
2181                  
2182                  <ul
2183                    class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid"
2184                    role="list"
2185                    tabindex="-1"
2186                  ><li
2187                        class="menu-drawer__list-item"
2188                        style="--menu-drawer-animation-index: 2;"
2189                      >
2190                        <a
2191                          href="/collections/all-trees"
2192                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2193                          
2194                        >
2195                          
2196                            
2197
2198
2199  
2200    <img src="//soulfire.farm/cdn/shop/collections/all_trees.jpg?v=1734812952&amp;width=800" alt="All Trees" srcset="//soulfire.farm/cdn/shop/collections/all_trees.jpg?v=1734812952&amp;width=352 352w, //soulfire.farm/cdn/shop/collections/all_trees.jpg?v=1734812952&amp;width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
2201  
2202
2203
2204                          
2205                          <span class="menu-drawer__menu-item-text wrap-text">ALL TREES</span>
2206                        </a>
2207                      </li><li
2208                        class="menu-drawer__list-item"
2209                        style="--menu-drawer-animation-index: 2;"
2210                      >
2211                        <a
2212                          href="/collections/grafted-mangos"
2213                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2214                          
2215                        >
2216                          
2217                            
2218
2219
2220  
2221    <img src="//soulfire.farm/cdn/shop/collections/julie5.jpg?v=1748212018&amp;width=800" alt="Grafted Mangos" srcset="//soulfire.farm/cdn/shop/collections/julie5.jpg?v=1748212018&amp;width=352 352w, //soulfire.farm/cdn/shop/collections/julie5.jpg?v=1748212018&amp;width=800 800w" width="800" height="603" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
2222  
2223
2224
2225                          
2226                          <span class="menu-drawer__menu-item-text wrap-text">GRAFTED MANGO TREES</span>
2227                        </a>
2228                      </li><li
2229                        class="menu-drawer__list-item"
2230                        style="--menu-drawer-animation-index: 2;"
2231                      >
2232                        <a
2233                          href="/collections/grafted-avocados"
2234                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2235                          
2236                        >
2237                          
2238                            
2239
2240
2241  
2242    <img src="//soulfire.farm/cdn/shop/collections/simmondsavocado.jpg?v=1748211788&amp;width=800" alt="Grafted Avocados" srcset="//soulfire.farm/cdn/shop/collections/simmondsavocado.jpg?v=1748211788&amp;width=352 352w, //soulfire.farm/cdn/shop/collections/simmondsavocado.jpg?v=1748211788&amp;width=800 800w" width="800" height="1199" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
2243  
2244
2245
2246                          
2247                          <span class="menu-drawer__menu-item-text wrap-text">GRAFTED AVOCADO TREES</span>
2248                        </a>
2249                      </li><li
2250                        class="menu-drawer__list-item"
2251                        style="--menu-drawer-animation-index: 2;"
2252                      >
2253                        <a
2254                          href="/collections/grafted-citrus"
2255                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2256                          
2257                        >
2258                          
2259                            
2260
2261
2262  
2263    <img src="//soulfire.farm/cdn/shop/files/meyer-lemon-fruit.jpg?v=1734740741&amp;width=800" alt="" srcset="//soulfire.farm/cdn/shop/files/meyer-lemon-fruit.jpg?v=1734740741&amp;width=352 352w, //soulfire.farm/cdn/shop/files/meyer-lemon-fruit.jpg?v=1734740741&amp;width=800 800w" width="800" height="1199" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
2264  
2265
2266
2267                          
2268                          <span class="menu-drawer__menu-item-text wrap-text">GRAFTED CITRUS TREES</span>
2269                        </a>
2270                      </li><li
2271                        class="menu-drawer__list-item"
2272                        style="--menu-drawer-animation-index: 2;"
2273                      >
2274                        <a
2275                          href="/collections/palms-ornamental-trees"
2276                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2277                          
2278                        >
2279                          
2280                            
2281
2282
2283  
2284    <img src="//soulfire.farm/cdn/shop/collections/jacaranda.png?v=1734812896&amp;width=800" alt="Palms &amp; Ornamental Trees" srcset="//soulfire.farm/cdn/shop/collections/jacaranda.png?v=1734812896&amp;width=352 352w, //soulfire.farm/cdn/shop/collections/jacaranda.png?v=1734812896&amp;width=800 800w" width="800" height="803" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
2285  
2286
2287
2288                          
2289                          <span class="menu-drawer__menu-item-text wrap-text">PALMS &amp; FLOWERING TREES</span>
2290                        </a>
2291                      </li></ul>
2292                
2293              </li>
2294              <li
2295                style="--menu-drawer-animation-index: 3;"
2296                class="menu-drawer__list-item--flat"
2297              >
2298                
2299<a
2300                    id="HeaderDrawer-plants"
2301                    href="#"
2302                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2303                    
2304                  >
2305                    <span class="menu-drawer__menu-item-text wrap-text">PLANTS ⏷</span>
2306                  </a>
2307                  
2308                  <ul
2309                    class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid"
2310                    role="list"
2311                    tabindex="-1"
2312                  ><li
2313                        class="menu-drawer__list-item"
2314                        style="--menu-drawer-animation-index: 3;"
2315                      >
2316                        <a
2317                          href="/collections/all-plants"
2318                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2319                          
2320                        >
2321                          
2322                            
2323
2324
2325  
2326    <img src="//soulfire.farm/cdn/shop/collections/all_plants.jpg?v=1734825775&amp;width=800" alt="All Plants" srcset="//soulfire.farm/cdn/shop/collections/all_plants.jpg?v=1734825775&amp;width=352 352w, //soulfire.farm/cdn/shop/collections/all_plants.jpg?v=1734825775&amp;width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
2327  
2328
2329
2330                          
2331                          <span class="menu-drawer__menu-item-text wrap-text">ALL PLANTS</span>
2332                        </a>
2333                      </li><li
2334                        class="menu-drawer__list-item"
2335                        style="--menu-drawer-animation-index: 3;"
2336                      >
2337                        <a
2338                          href="/collections/ornamental-plants"
2339                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2340                          
2341                        >
2342                          
2343                            
2344
2345
2346  
2347    <img src="//soulfire.farm/cdn/shop/collections/DSC0216.jpg?v=1748212624&amp;width=800" alt="Ornamental Plants" srcset="//soulfire.farm/cdn/shop/collections/DSC0216.jpg?v=1748212624&amp;width=352 352w, //soulfire.farm/cdn/shop/collections/DSC0216.jpg?v=1748212624&amp;width=800 800w" width="800" height="534" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
2348  
2349
2350
2351                          
2352                          <span class="menu-drawer__menu-item-text wrap-text">ORNAMENTAL PLANTS</span>
2353                        </a>
2354                      </li><li
2355                        class="menu-drawer__list-item"
2356                        style="--menu-drawer-animation-index: 3;"
2357                      >
2358                        <a
2359                          href="/collections/culinary-edible-plants"
2360                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2361                          
2362                        >
2363                          
2364                            
2365
2366
2367  
2368    <img src="//soulfire.farm/cdn/shop/collections/water-spinach-1.jpg?v=1736207236&amp;width=800" alt="Culinary &amp; Edible Plants" srcset="//soulfire.farm/cdn/shop/collections/water-spinach-1.jpg?v=1736207236&amp;width=352 352w, //soulfire.farm/cdn/shop/collections/water-spinach-1.jpg?v=1736207236&amp;width=800 800w" width="800" height="1199" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
2369  
2370
2371
2372                          
2373                          <span class="menu-drawer__menu-item-text wrap-text">EDIBLE &amp; CULINARY PLANTS</span>
2374                        </a>
2375                      </li><li
2376                        class="menu-drawer__list-item"
2377                        style="--menu-drawer-animation-index: 3;"
2378                      >
2379                        <a
2380                          href="/collections/medicinal-plants"
2381                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2382                          
2383                        >
2384                          
2385                            
2386
2387
2388  
2389    <img src="//soulfire.farm/cdn/shop/collections/aloe_plant.jpg?v=1734825652&amp;width=800" alt="Medicinal Plants" srcset="//soulfire.farm/cdn/shop/collections/aloe_plant.jpg?v=1734825652&amp;width=352 352w, //soulfire.farm/cdn/shop/collections/aloe_plant.jpg?v=1734825652&amp;width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
2390  
2391
2392
2393                          
2394                          <span class="menu-drawer__menu-item-text wrap-text">MEDICINAL PLANTS</span>
2395                        </a>
2396                      </li></ul>
2397                
2398              </li>
2399              <li
2400                style="--menu-drawer-animation-index: 4;"
2401                class="menu-drawer__list-item--flat"
2402              >
2403                
2404<a
2405                    id="HeaderDrawer-garden-supplies"
2406                    href="/collections/garden-supplies"
2407                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2408                    
2409                  >
2410                    <span class="menu-drawer__menu-item-text wrap-text">GARDEN SUPPLIES</span>
2411                  </a>
2412                
2413              </li>
2414              <li
2415                style="--menu-drawer-animation-index: 5;"
2416                class="menu-drawer__list-item--flat"
2417              >
2418                
2419<a
2420                    id="HeaderDrawer-about-us"
2421                    href="/pages/about"
2422                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2423                    
2424                  >
2425                    <span class="menu-drawer__menu-item-text wrap-text">ABOUT US</span>
2426                  </a>
2427                
2428              </li>
2429              <li
2430                style="--menu-drawer-animation-index: 6;"
2431                class="menu-drawer__list-item--flat"
2432              >
2433                
2434<a
2435                    id="HeaderDrawer-blog"
2436                    href="/blogs/blog"
2437                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2438                    
2439                  >
2440                    <span class="menu-drawer__menu-item-text wrap-text">Blog</span>
2441                  </a>
2442                
2443              </li>
2444              <li
2445                style="--menu-drawer-animation-index: 7;"
2446                class="menu-drawer__list-item--flat"
2447              >
2448                
2449<a
2450                    id="HeaderDrawer-contact-us"
2451                    href="/pages/contact"
2452                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2453                    
2454                  >
2455                    <span class="menu-drawer__menu-item-text wrap-text">CONTACT US</span>
2456                  </a>
2457                
2458              </li>
2459        </ul>
2460      </nav>
2461      <div
2462        class="menu-drawer__utility-links menu-drawer__animated-element"
2463        style="--menu-drawer-animation-index: 7;"
2464      >
2465        
2466        
2467          
2468          
2469            <div class="menu-drawer__localization color-scheme-1">
2470              
2471<localization-form-component
2472  ref="localizationForm"
2473  data-label-results-count="[count] results"
2474  data-show-filter="false"
2475  style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
2476>
2477  
2478<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
2479
2480    
2481      <div class="language-selector language-selector--collapse-space h5">
2482        <h2
2483          class="visually-hidden"
2484          id="drawer-LanguageLabel"
2485        >
2486          Language
2487        </h2>
2488        
2489        <select
2490          id="drawerSelect"
2491          class="localization-form__select"
2492          name="language_code"
2493          aria-label="Language"
2494          ref="languageInput"
2495          on:change="/changeLanguage"
2496        ><option
2497              value="en"
2498              lang="en"
2499              
2500                selected
2501              
2502            >
2503              English
2504            </option><option
2505              value="es"
2506              lang="es"
2507              
2508            >
2509              Español
2510            </option></select>
2511        <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2512  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2513</svg>
2514</span>
2515      </div>
2516    
2517</form></localization-form-component>
2518
2519
2520
2521            </div>
2522          
2523</div>
2524
2525      
2526    </div>
2527    <div
2528      class="menu-drawer__backdrop"
2529      on:click="header-drawer/close"
2530    ></div>
2531  </details>
2532</header-drawer>
2533
2534
2535
2536    </div>
2537
2538  
2539
2540<style data-shopify>
2541  .header__underlay {
2542    --color-submenu: rgb(255 255 255 / 1.0);
2543  }
2544</style>
2545
2546
2547
2548
2549            
2550        
2551      
2552        
2553          
2554              
2555  <search-button
2556    class="search-action search-action--hidden-on-menu"
2557  >
2558    <button
2559      on:click="#search-modal/showDialog"
2560      class="button-unstyled header-actions__action"
2561      aria-label="Search"
2562      aria-haspopup="dialog"
2563    >
2564      <span class="hidden">
2565        Search
2566      </span>
2567
2568      <span class="svg-wrapper ">
2569        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
2570
2571      </span>
2572    </button>
2573  </search-button>
2574
2575
2576
2577
2578            
2579        
2580      
2581        
2582          
2583              
2584
2585
2586
2587
2588<a
2589  
2590  href="/"
2591  class="size-style spacing-style header-logo"
2592  style="
2593    --size-style-width: ;--size-style-height: ;
2594    --padding-block-start: 10px;--padding-block-end: 0px;
2595    --font-family: var(--font-body--family);
2596    --font-style: var(--font-body--style);
2597    --font-weight: 600;
2598  "
2599  
2600>
2601  
2602
2603  <span
2604    class="header-logo__image-container header-logo__image-container--original"
2605    data-testid="header-logo"
2606  >
2607    
2608  
2609  
2610  
2611  
2612
2613  
2614
2615  
2616
2617  
2618
2619  <img src="//soulfire.farm/cdn/shop/files/logo_dark.png?height=54&amp;v=1753300623" alt="SoulFire Farm - Home" width="127" height="54" class="header-logo__image" srcset="//soulfire.farm/cdn/shop/files/logo_dark.png?height=54&amp;v=1753300623 1x, //soulfire.farm/cdn/shop/files/logo_dark.png?height=108&amp;v=1753300623 2x, //soulfire.farm/cdn/shop/files/logo_dark.png?height=162&amp;v=1753300623 3x" style="--header-logo-image-width: 127px;--header-logo-image-width-mobile: 94px; --header-logo-image-height: 54px; --header-logo-image-height-mobile: 40px;">
2620
2621
2622  </span>
2623
2624  
2625</a>
2626
2627
2628
2629
2630
2631            
2632        
2633      
2634    </div><div
2635      class="header__column header__column--center"
2636      data-testid="header-top-center"
2637    >
2638      
2639        
2640          
2641              
2642
2643
2644
2645    
2646
2647    
2648
2649    <header-menu
2650      ref="headerMenu"
2651      class="header-menu"
2652      
2653      data-hydration-key="header-menu"
2654    >
2655      <div class="header-menu__inner">
2656        <nav
2657          class="menu-list"
2658          aria-label="Primary"
2659          style="--menu-top-level-font-family: var(--font-accent--family);
2660--menu-top-level-font-size-desktop: 1.125rem; --menu-top-level-font-style: var(--font-accent--style); --menu-top-level-font-weight: var(--font-accent--weight); --menu-top-level-font-case:uppercase;
2661
2662  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
2663  var(--menu-font-sm--line-height);
2664
2665--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2666"
2667        >
2668          
2669          <overflow-list
2670  
2671    ref="overflowMenu"
2672  
2673  
2674    class="overflow-menu color-scheme-matches-parent"
2675  
2676  
2677    minimum-items="2"
2678  
2679  
2680    data-testid="header-menu-overflow-list"
2681  
2682  
2683    data-skip-node-update
2684  
2685>
2686  <template shadowrootmode="open">
2687    <link href="//soulfire.farm/cdn/shop/t/32/assets/overflow-list.css?v=16727044177065489451774915450" rel="stylesheet" type="text/css" media="all" />
2688
2689    <ul part="list">
2690      <slot></slot>
2691      <slot
2692        name="more"
2693        part="more"
2694        hidden
2695        
2696      >
2697        <li
2698          part="more"
2699        >
2700          <button
2701            class="button"
2702            type="button"
2703            tabindex="0"
2704            
2705          >
2706            More
2707          </button>
2708        </li>
2709      </slot>
2710      <li
2711        part="placeholder"
2712        hidden
2713      ></li>
2714    </ul>
2715
2716    <div part="overflow">
2717      <ul part="overflow-list">
2718        <slot name="overflow"></slot>
2719      </ul>
2720    </div>
2721  </template>
2722
2723  
2724      
2725        <li
2726          role="presentation"
2727          class="menu-list__list-item"
2728          on:focus="/activate"
2729          on:blur="/deactivate"
2730          on:pointerenter="/activate"
2731          on:pointerleave="/deactivate"
2732        >
2733          <a
2734            href="/collections/all-products"
2735            data-skip-node-update="true"
2736            class="menu-list__link menu-list__link--active"
2737              aria-current="page"
2738            
2739            ref="menuitem"
2740          >
2741            <span class="menu-list__link-title">ALL PRODUCTS</span>
2742          </a></li>
2743      
2744        <li
2745          role="presentation"
2746          class="menu-list__list-item"
2747          on:focus="/activate"
2748          on:blur="/deactivate"
2749          on:pointerenter="/activate"
2750          on:pointerleave="/deactivate"
2751        >
2752          <a
2753            href="#"
2754            data-skip-node-update="true"
2755            class="menu-list__link"aria-controls="submenu-2"
2756              aria-haspopup="true"
2757              aria-expanded="false"
2758            ref="menuitem"
2759          >
2760            <span class="menu-list__link-title">TREES ⏷</span>
2761          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
2762              <div
2763                id="submenu-2"
2764                class="menu-list__submenu-inner"
2765                style="--menu-parent-font-family: var(--font-accent--family); --menu-parent-font-style:
2766var(--font-accent--style); --menu-parent-font-weight: var(--font-accent--weight); --menu-parent-font-case:
2767uppercase;
2768
2769    --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
2770    var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
2771    --menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
2772  
2773--menu-child-font-family: var(--font-accent--family); --menu-child-font-style:
2774var(--font-accent--style); --menu-child-font-weight: var(--font-accent--weight); --menu-child-font-case:
2775uppercase;
2776
2777    --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
2778    --menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
2779    --menu-child-active-font-color: var(--color-foreground);
2780  
2781"
2782              >
2783                
2784                <div class="mega-menu section section--full-width-margin section--full-width">
2785                  <div
2786                    class="mega-menu__grid"
2787                    data-menu-grid-id="MegaMenuList-2"
2788                  >
2789                    
2790<ul
2791  data-menu-list-id="MegaMenuList-2"
2792  class="mega-menu__list list-unstyled"
2793  style="--menu-image-border-radius: 15px;"
2794>
2795  
2796    <li class="mega-menu__column ">
2797    <div>
2798      <a
2799        href="/collections/all-trees"
2800        class="mega-menu__link "
2801      >
2802        
2803
2804
2805
2806  
2807    <img src="//soulfire.farm/cdn/shop/collections/all_trees.jpg?v=1734812952&amp;width=800" alt="All Trees" srcset="//soulfire.farm/cdn/shop/collections/all_trees.jpg?v=1734812952&amp;width=352 352w, //soulfire.farm/cdn/shop/collections/all_trees.jpg?v=1734812952&amp;width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="
2808(min-width: 95rem) calc((90rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)
2809">
2810  
2811
2812
2813        
2814        <span class="wrap-text">ALL TREES</span>
2815      </a>
2816      
2817    </div>
2818
2819    </li>
2820  
2821    <li class="mega-menu__column ">
2822    <div>
2823      <a
2824        href="/collections/grafted-mangos"
2825        class="mega-menu__link "
2826      >
2827        
2828
2829
2830
2831  
2832    <img src="//soulfire.farm/cdn/shop/collections/julie5.jpg?v=1748212018&amp;width=800" alt="Grafted Mangos" srcset="//soulfire.farm/cdn/shop/collections/julie5.jpg?v=1748212018&amp;width=352 352w, //soulfire.farm/cdn/shop/collections/julie5.jpg?v=1748212018&amp;width=800 800w" width="800" height="603" loading="lazy" class="mega-menu__link-image" sizes="
2833(min-width: 95rem) calc((90rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)
2834">
2835  
2836
2837
2838        
2839        <span class="wrap-text">GRAFTED MANGO TREES</span>
2840      </a>
2841      
2842    </div>
2843
2844    </li>
2845  
2846    <li class="mega-menu__column ">
2847    <div>
2848      <a
2849        href="/collections/grafted-avocados"
2850        class="mega-menu__link "
2851      >
2852        
2853
2854
2855
2856  
2857    <img src="//soulfire.farm/cdn/shop/collections/simmondsavocado.jpg?v=1748211788&amp;width=800" alt="Grafted Avocados" srcset="//soulfire.farm/cdn/shop/collections/simmondsavocado.jpg?v=1748211788&amp;width=352 352w, //soulfire.farm/cdn/shop/collections/simmondsavocado.jpg?v=1748211788&amp;width=800 800w" width="800" height="1199" loading="lazy" class="mega-menu__link-image" sizes="
2858(min-width: 95rem) calc((90rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)
2859">
2860  
2861
2862
2863        
2864        <span class="wrap-text">GRAFTED AVOCADO TREES</span>
2865      </a>
2866      
2867    </div>
2868
2869    </li>
2870  
2871    <li class="mega-menu__column ">
2872    <div>
2873      <a
2874        href="/collections/grafted-citrus"
2875        class="mega-menu__link "
2876      >
2877        
2878
2879
2880
2881  
2882    <img src="//soulfire.farm/cdn/shop/files/meyer-lemon-fruit.jpg?v=1734740741&amp;width=800" alt="" srcset="//soulfire.farm/cdn/shop/files/meyer-lemon-fruit.jpg?v=1734740741&amp;width=352 352w, //soulfire.farm/cdn/shop/files/meyer-lemon-fruit.jpg?v=1734740741&amp;width=800 800w" width="800" height="1199" loading="lazy" class="mega-menu__link-image" sizes="
2883(min-width: 95rem) calc((90rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)
2884">
2885  
2886
2887
2888        
2889        <span class="wrap-text">GRAFTED CITRUS TREES</span>
2890      </a>
2891      
2892    </div>
2893
2894    </li>
2895  
2896    <li class="mega-menu__column ">
2897    <div>
2898      <a
2899        href="/collections/palms-ornamental-trees"
2900        class="mega-menu__link "
2901      >
2902        
2903
2904
2905
2906  
2907    <img src="//soulfire.farm/cdn/shop/collections/jacaranda.png?v=1734812896&amp;width=800" alt="Palms &amp; Ornamental Trees" srcset="//soulfire.farm/cdn/shop/collections/jacaranda.png?v=1734812896&amp;width=352 352w, //soulfire.farm/cdn/shop/collections/jacaranda.png?v=1734812896&amp;width=800 800w" width="800" height="803" loading="lazy" class="mega-menu__link-image" sizes="
2908(min-width: 95rem) calc((90rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)
2909">
2910  
2911
2912
2913        
2914        <span class="wrap-text">PALMS & FLOWERING TREES</span>
2915      </a>
2916      
2917    </div>
2918
2919    </li>
2920  
2921</ul>
2922
2923
2924
2925<style data-shopify>
2926  [data-menu-grid-id="MegaMenuList-2"] {
2927    
2928      --menu-columns-desktop: 6;
2929      --menu-columns-tablet: 4;
2930    
2931  }
2932
2933  [data-menu-list-id="MegaMenuList-2"] {
2934    
2935      --menu-columns-desktop: 6;
2936      --menu-columns-tablet: 4;
2937    
2938  }
2939</style>
2940
2941
2942
2943                  </div>
2944                </div>
2945              </div>
2946            </div></li>
2947      
2948        <li
2949          role="presentation"
2950          class="menu-list__list-item"
2951          on:focus="/activate"
2952          on:blur="/deactivate"
2953          on:pointerenter="/activate"
2954          on:pointerleave="/deactivate"
2955        >
2956          <a
2957            href="#"
2958            data-skip-node-update="true"
2959            class="menu-list__link"aria-controls="submenu-3"
2960              aria-haspopup="true"
2961              aria-expanded="false"
2962            ref="menuitem"
2963          >
2964            <span class="menu-list__link-title">PLANTS ⏷</span>
2965          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
2966              <div
2967                id="submenu-3"
2968                class="menu-list__submenu-inner"
2969                style="--menu-parent-font-family: var(--font-accent--family); --menu-parent-font-style:
2970var(--font-accent--style); --menu-parent-font-weight: var(--font-accent--weight); --menu-parent-font-case:
2971uppercase;
2972
2973    --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
2974    var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
2975    --menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
2976  
2977--menu-child-font-family: var(--font-accent--family); --menu-child-font-style:
2978var(--font-accent--style); --menu-child-font-weight: var(--font-accent--weight); --menu-child-font-case:
2979uppercase;
2980
2981    --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
2982    --menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
2983    --menu-child-active-font-color: var(--color-foreground);
2984  
2985"
2986              >
2987                
2988                <div class="mega-menu section section--full-width-margin section--full-width">
2989                  <div
2990                    class="mega-menu__grid"
2991                    data-menu-grid-id="MegaMenuList-3"
2992                  >
2993                    
2994<ul
2995  data-menu-list-id="MegaMenuList-3"
2996  class="mega-menu__list list-unstyled"
2997  style="--menu-image-border-radius: 15px;"
2998>
2999  
3000    <li class="mega-menu__column mega-menu__column--wide-collection-image">
3001    <div>
3002      <a
3003        href="/collections/all-plants"
3004        class="mega-menu__link "
3005      >
3006        
3007
3008
3009
3010  
3011    <img src="//soulfire.farm/cdn/shop/collections/all_plants.jpg?v=1734825775&amp;width=800" alt="All Plants" srcset="//soulfire.farm/cdn/shop/collections/all_plants.jpg?v=1734825775&amp;width=352 352w, //soulfire.farm/cdn/shop/collections/all_plants.jpg?v=1734825775&amp;width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="
3012(min-width: 95rem) calc((90rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)
3013">
3014  
3015
3016
3017        
3018        <span class="wrap-text">ALL PLANTS</span>
3019      </a>
3020      
3021    </div>
3022
3023    </li>
3024  
3025    <li class="mega-menu__column mega-menu__column--wide-collection-image">
3026    <div>
3027      <a
3028        href="/collections/ornamental-plants"
3029        class="mega-menu__link "
3030      >
3031        
3032
3033
3034
3035  
3036    <img src="//soulfire.farm/cdn/shop/collections/DSC0216.jpg?v=1748212624&amp;width=800" alt="Ornamental Plants" srcset="//soulfire.farm/cdn/shop/collections/DSC0216.jpg?v=1748212624&amp;width=352 352w, //soulfire.farm/cdn/shop/collections/DSC0216.jpg?v=1748212624&amp;width=800 800w" width="800" height="534" loading="lazy" class="mega-menu__link-image" sizes="
3037(min-width: 95rem) calc((90rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)
3038">
3039  
3040
3041
3042        
3043        <span class="wrap-text">ORNAMENTAL PLANTS</span>
3044      </a>
3045      
3046    </div>
3047
3048    </li>
3049  
3050    <li class="mega-menu__column mega-menu__column--wide-collection-image">
3051    <div>
3052      <a
3053        href="/collections/culinary-edible-plants"
3054        class="mega-menu__link "
3055      >
3056        
3057
3058
3059
3060  
3061    <img src="//soulfire.farm/cdn/shop/collections/water-spinach-1.jpg?v=1736207236&amp;width=800" alt="Culinary &amp; Edible Plants" srcset="//soulfire.farm/cdn/shop/collections/water-spinach-1.jpg?v=1736207236&amp;width=352 352w, //soulfire.farm/cdn/shop/collections/water-spinach-1.jpg?v=1736207236&amp;width=800 800w" width="800" height="1199" loading="lazy" class="mega-menu__link-image" sizes="
3062(min-width: 95rem) calc((90rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)
3063">
3064  
3065
3066
3067        
3068        <span class="wrap-text">EDIBLE & CULINARY PLANTS</span>
3069      </a>
3070      
3071    </div>
3072
3073    </li>
3074  
3075    <li class="mega-menu__column mega-menu__column--wide-collection-image">
3076    <div>
3077      <a
3078        href="/collections/medicinal-plants"
3079        class="mega-menu__link "
3080      >
3081        
3082
3083
3084
3085  
3086    <img src="//soulfire.farm/cdn/shop/collections/aloe_plant.jpg?v=1734825652&amp;width=800" alt="Medicinal Plants" srcset="//soulfire.farm/cdn/shop/collections/aloe_plant.jpg?v=1734825652&amp;width=352 352w, //soulfire.farm/cdn/shop/collections/aloe_plant.jpg?v=1734825652&amp;width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="
3087(min-width: 95rem) calc((90rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)
3088">
3089  
3090
3091
3092        
3093        <span class="wrap-text">MEDICINAL PLANTS</span>
3094      </a>
3095      
3096    </div>
3097
3098    </li>
3099  
3100</ul>
3101
3102
3103
3104<style data-shopify>
3105  [data-menu-grid-id="MegaMenuList-3"] {
3106    
3107      --menu-columns-desktop: 8;
3108      --menu-columns-tablet: 4;
3109    
3110  }
3111
3112  [data-menu-list-id="MegaMenuList-3"] {
3113    
3114      --menu-columns-desktop: 8;
3115      --menu-columns-tablet: 4;
3116    
3117  }
3118</style>
3119
3120
3121
3122                  </div>
3123                </div>
3124              </div>
3125            </div></li>
3126      
3127        <li
3128          role="presentation"
3129          class="menu-list__list-item"
3130          on:focus="/activate"
3131          on:blur="/deactivate"
3132          on:pointerenter="/activate"
3133          on:pointerleave="/deactivate"
3134        >
3135          <a
3136            href="/collections/garden-supplies"
3137            data-skip-node-update="true"
3138            class="menu-list__link"
3139            ref="menuitem"
3140          >
3141            <span class="menu-list__link-title">GARDEN SUPPLIES</span>
3142          </a></li>
3143      
3144        <li
3145          role="presentation"
3146          class="menu-list__list-item"
3147          on:focus="/activate"
3148          on:blur="/deactivate"
3149          on:pointerenter="/activate"
3150          on:pointerleave="/deactivate"
3151        >
3152          <a
3153            href="/pages/about"
3154            data-skip-node-update="true"
3155            class="menu-list__link"
3156            ref="menuitem"
3157          >
3158            <span class="menu-list__link-title">ABOUT US</span>
3159          </a></li>
3160      
3161        <li
3162          role="presentation"
3163          class="menu-list__list-item"
3164          on:focus="/activate"
3165          on:blur="/deactivate"
3166          on:pointerenter="/activate"
3167          on:pointerleave="/deactivate"
3168        >
3169          <a
3170            href="/blogs/blog"
3171            data-skip-node-update="true"
3172            class="menu-list__link"
3173            ref="menuitem"
3174          >
3175            <span class="menu-list__link-title">Blog</span>
3176          </a></li>
3177      
3178        <li
3179          role="presentation"
3180          class="menu-list__list-item"
3181          on:focus="/activate"
3182          on:blur="/deactivate"
3183          on:pointerenter="/activate"
3184          on:pointerleave="/deactivate"
3185        >
3186          <a
3187            href="/pages/contact"
3188            data-skip-node-update="true"
3189            class="menu-list__link"
3190            ref="menuitem"
3191          >
3192            <span class="menu-list__link-title">CONTACT US</span>
3193          </a></li>
3194      
3195      <li
3196        class="menu-list__list-item"
3197        role="presentation"
3198        slot="more"
3199        on:focus="/activate"
3200        on:blur="/deactivate"
3201        on:pointerenter="/activate"
3202        on:pointerleave="/deactivate"
3203      >
3204        <button role="listitem" class="menu-list__link button-unstyled">
3205          <span class="menu-list__link-title">More</span>
3206        </button>
3207      </li>
3208    
3209</overflow-list>
3210
3211        </nav>
3212      </div>
3213
3214      
3214<script
3215        src="//soulfire.farm/cdn/shop/t/32/assets/header-menu.js?v=97820922056036071501774915450"
3216        type="module"
3217        fetchpriority="low"
3218      ></script>
3218
3219    </header-menu>
3220
3221
3222<style data-shopify>
3223  .header__underlay {
3224    --color-submenu: rgb(255 255 255 / 1.0);
3225  }
3226</style>
3227
3228
3229
3230
3231            
3232        
3233      
3234    </div><div
3235      class="header__column header__column--right"
3236      data-testid="header-top-right"
3237    >
3238      
3239        
3240          
3241              
3242  
3243  
3244    <div class="dropdown-localization mobile:hidden">
3245      
3246<localization-form-component
3247  ref="localizationForm"
3248  data-label-results-count="[count] results"
3249  data-show-filter="false"
3250  style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 1rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
3251>
3252  
3253<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
3254
3255    
3256      <div class="language-selector language-selector--collapse-space">
3257        <h2
3258          class="visually-hidden"
3259          id="dropdown-LanguageLabel"
3260        >
3261          Language
3262        </h2>
3263        
3264        <select
3265          id="dropdownSelect"
3266          class="localization-form__select"
3267          name="language_code"
3268          aria-label="Language"
3269          ref="languageInput"
3270          on:change="/changeLanguage"
3271        ><option
3272              value="en"
3273              lang="en"
3274              
3275                selected
3276              
3277            >
3278              English
3279            </option><option
3280              value="es"
3281              lang="es"
3282              
3283            >
3284              Español
3285            </option></select>
3286        <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3287  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3288</svg>
3289</span>
3290      </div>
3291    
3292</form></localization-form-component>
3293
3294
3295
3296    </div>
3297  
3298
3299            
3300        
3301      
3302        
3303          
3304              
3305  <search-button
3306    class="search-action search-action--hidden-on-drawer"
3307  >
3308    <button
3309      on:click="#search-modal/showDialog"
3310      class="button-unstyled header-actions__action"
3311      aria-label="Search"
3312      aria-haspopup="dialog"
3313    >
3314      <span class="hidden">
3315        Search
3316      </span>
3317
3318      <span class="svg-wrapper ">
3319        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
3320
3321      </span>
3322    </button>
3323  </search-button>
3324
3325
3326
3327
3328            
3329        
3330      
3331        
3332          
3333              
3334
3335<script
3336  type="module"
3337  src="//soulfire.farm/cdn/shop/t/32/assets/cart-icon.js?v=157241182139685326961774915450"
3338  fetchpriority="low"
3339></script>
3339
3340
3341
3342
3343
3344
3345<header-actions
3346  
3347>
3348  
3349    
3350    <div
3351      class="account-button header-actions__action color-scheme-1"
3352    >
3353      <shopify-store store-domain="https://soulfire.farm" country="PA" language="en"></shopify-store>
3354<shopify-account
3355        menu="customer-account-main-menu"
3356        
3357      >
3358        
3359          <span
3360            slot="signed-out-avatar"
3361            class="account-button__text header-actions__text-style hidden"
3362          >
3363            Account
3364          </span>
3365
3366          <span
3367            slot="signed-out-avatar"
3368            class=""
3369            aria-hidden="true"
3370          >
3371            
3372  <svg
3373    xmlns="http://www.w3.org/2000/svg"
3374    width="15"
3375    height="17"
3376    viewBox="0 0 15 17"
3377    fill="none"
3378    slot="signed-out-avatar"
3379    class="account-button__icon"
3380  >
3381    <path
3382      stroke="currentColor"
3383      stroke-linejoin="round"
3384      stroke-width="var(--icon-stroke-width)"
3385      d="M10.375 3.813a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 0 1 6.125 0ZM7.313 9.5c-3.667 0-6.24 2.691-6.563 6.125h13.125C13.552 12.191 10.979 9.5 7.312 9.5Z"
3386    />
3387  </svg>
3388
3389          </span>
3390        
3391      </shopify-account>
3392    </div>
3393  
3394
3395  
3396    
3396<script
3397      src="//soulfire.farm/cdn/shop/t/32/assets/cart-drawer.js?v=35649724213056774541774915450"
3398      type="module"
3399      fetchpriority="low"
3400    ></script>
3400
3401
3402    
3403
3404    <cart-drawer-component
3405      class="cart-drawer"
3406      
3407      
3408        auto-open
3409      
3410    >
3411      <template id="empty-cart-template">
3412        
3413      <div class="cart-drawer__header">
3414        <button
3415          ref="closeButton"
3416          on:click="cart-drawer-component/close"
3417          class="button close-button cart-drawer__close-button button-unstyled"
3418          aria-label="Close dialog"
3419        >
3420          <span class="svg-wrapper"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3421  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3422  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3423</svg>
3424</span>
3425        </button>
3426      </div>
3427
3428      <div
3429        class="cart-drawer__content"
3430        aria-label="Cart"
3431      >
3432        <h2
3433          class="cart-drawer__heading h4 cart-drawer__heading--empty"
3434          id="cart-drawer-heading-empty"
3435        >
3436          Your cart is empty
3437        </h2>
3438
3439        <div class="cart-drawer__items">
3440          
3441
3442
3443
3444<script
3445  src="//soulfire.farm/cdn/shop/t/32/assets/component-cart-items.js?v=165440327125931659001774915450"
3446  type="module"
3447  fetchpriority="low"
3448></script>
vendor: 1 bytes, line 3448
3448
3449<script
3450  src="//soulfire.farm/cdn/shop/t/32/assets/component-cart-quantity-selector.js?v=105130809908858639751774915450"
3451  type="module"
3452  fetchpriority="low"
3453></script>
vendor: 1 bytes, line 3453
3453
3454<script
3455  src="//soulfire.farm/cdn/shop/t/32/assets/volume-pricing-info.js?v=94479640769665442661774915450"
3456  type="module"
3457  fetchpriority="low"
3458></script>
3458
3459
3460<div
3461  
3462  class="cart-items__wrapper"
3463  
3464>
3465  
3466<p>
3467        Have an account? <a href="https://soulfire.farm/customer_authentication/redirect?locale=en&region_country=PA">Log in</a> to check out faster.
3468      </p><a
3469      class="button cart-items__empty-button"
3470      href="/collections/all"
3471    >
3472      <span class="button-text">
3473        Continue shopping
3474      </span>
3475    </a></div>
3476
3477
3478
3479        </div>
3480      </div>
3481    
3482      </template>
3483      <button
3484        class="header-actions__action button-unstyled"
3485        on:click="/open"
3486        aria-haspopup="dialog"
3487        aria-label="Cart"
3488        aria-describedby="cart-bubble-text"
3489        data-testid="cart-drawer-trigger"
3490      >
3491        
3492  <cart-icon
3493    class="header-actions__cart-icon"
3494    data-testid="cart-icon"
3495  >
3496    <span class="hidden">
3497      Cart
3498    </span>
3499
3500    <span
3501      class="svg-wrapper "
3502      aria-hidden="true"
3503    >
3504      <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
3505
3506    </span>
3507
3508    <div
3509  ref="cartBubble"
3510  class="cart-bubble visually-hidden"
3511  
3512  
3513    data-maintain-ratio
3514  
3515>
3516  <span class="cart-bubble__background"></span>
3517  <span
3518    ref="cartBubbleText"
3519    id="cart-bubble-text"
3520    class="cart-bubble__text"
3521  >
3522    <span
3523      class="cart-bubble__text-count hidden"
3524      ref="cartBubbleCount"
3525      aria-hidden="true"
3526      data-testid="cart-bubble"
3527    >
35280</span>
3529  </span>
3530</div>
3531
3532
3533
3534  </cart-icon>
3535
3536      </button>
3537
3538      <dialog
3539        ref="dialog"
3540        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
3541        data-testid="cart-drawer-dialog"
3542        aria-labelledby="cart-drawer-heading-empty"
3543        scroll-lock
3544        cart-summary-sticky="true"
3545      >
3546        <span
3547          ref="liveRegion"
3548          class="visually-hidden"
3549          role="status"
3550        ></span>
3551        <div
3552          class="cart-drawer__inner"
3553          data-hydration-key="cart-drawer-inner"
3554        >
3555          
3556          
3557
3558<cart-items-component
3559  class="cart-items-component"
3560  
3561    data-drawer
3562  
3563  data-section-id="sections--26206028628286__header_section"
3564>
3565  
3566
3567      <div class="cart-drawer__header">
3568        <button
3569          ref="closeButton"
3570          on:click="cart-drawer-component/close"
3571          class="button close-button cart-drawer__close-button button-unstyled"
3572          aria-label="Close dialog"
3573        >
3574          <span class="svg-wrapper"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3575  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3576  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3577</svg>
3578</span>
3579        </button>
3580      </div>
3581
3582      <div
3583        class="cart-drawer__content"
3584        aria-label="Cart"
3585      >
3586        <h2
3587          class="cart-drawer__heading h4 cart-drawer__heading--empty"
3588          id="cart-drawer-heading-empty"
3589        >
3590          Your cart is empty
3591        </h2>
3592
3593        <div class="cart-drawer__items">
3594          
3595
3596
3597
3598<script
3599  src="//soulfire.farm/cdn/shop/t/32/assets/component-cart-items.js?v=165440327125931659001774915450"
3600  type="module"
3601  fetchpriority="low"
3602></script>
vendor: 1 bytes, line 3602
3602
3603<script
3604  src="//soulfire.farm/cdn/shop/t/32/assets/component-cart-quantity-selector.js?v=105130809908858639751774915450"
3605  type="module"
3606  fetchpriority="low"
3607></script>
vendor: 1 bytes, line 3607
3607
3608<script
3609  src="//soulfire.farm/cdn/shop/t/32/assets/volume-pricing-info.js?v=94479640769665442661774915450"
3610  type="module"
3611  fetchpriority="low"
3612></script>
3612
3613
3614<div
3615  
3616  class="cart-items__wrapper"
3617  
3618>
3619  
3620<p>
3621        Have an account? <a href="https://soulfire.farm/customer_authentication/redirect?locale=en&region_country=PA">Log in</a> to check out faster.
3622      </p><a
3623      class="button cart-items__empty-button"
3624      href="/collections/all"
3625    >
3626      <span class="button-text">
3627        Continue shopping
3628      </span>
3629    </a></div>
3630
3631
3632
3633        </div>
3634      </div>
3635    
3636
3637</cart-items-component>
3638
3639
3640
3641        </div>
3642      </dialog>
3643    </cart-drawer-component>
3644  
3645
3646  <span
3647    ref="liveRegion"
3648    class="visually-hidden"
3649    role="status"
3650    data-testid="cart-count-live-region"
3651  ></span>
3652</header-actions>
3653
3654<script
3655  type="module"
3656  src="//soulfire.farm/cdn/shop/t/32/assets/header-actions.js?v=121308165565653895611774915450"
3657  fetchpriority="low"
3658></script>
3658
3659
3660
3661
3662          
3663        
3664      
3665    </div>
3666        </div>
3667      </div>
3668    
3669  
3670    
3671
3672    
3673
3674    
3675    
3676  
3677
3678  
3679    <div class="header__row header__navigation-bar-row color-scheme-1">
3680      
3681
3682
3683
3684    
3685  
3686
3687<style data-shopify>
3688  .header__underlay {
3689    --color-submenu: rgb(255 255 255 / 1.0);
3690  }
3691</style>
3692
3693
3694
3695
3696    </div>
3697  
3698</header-component>
3699
3700<script
3701  src="//soulfire.farm/cdn/shop/t/32/assets/header.js?v=36718054510661947891774915450"
3702  type="module"
3703></script>
3703
3704
3705
3706
3707
3708  
3708<script type="module">
3709    import { hydrate } from '@theme/section-hydration';
3710    const url = new URL(window.location.href);
3711    url.searchParams.delete('page');
3712    hydrate('sections--26206028628286__header_section', url);
3713  </script>
3713
3714
3715
3716
3717</header><div id="shopify-section-sections--26206028628286__ss_whatsapp_button_K3nkTC" class="shopify-section shopify-section-group-header-group">
3718
3719
3720
3721
3722</div>
3723<!-- END sections: header-group -->
3724    </div>
3725
3726    
3726<script>
3727      // Inline header height and menu style calculations to prevent layout shift
3728      // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
3729      (function setHeaderHeighCustomProperties() {
3730        /*
3731         * Header calculation functions for maintaining CSS variables
3732         * Mimic calculateHeaderGroupHeight() in utilities.js
3733         */
3734        const header = document.querySelector('header-component');
3735        const headerGroup = document.querySelector('#header-group');
3736        const hasHeaderSection = headerGroup?.querySelector('.header-section');
3737
3738        if (!header || !headerGroup) return;
3739
3740        const headerTopRow = header.querySelector('.header__row--top');
3741        const headerHeight = header.offsetHeight;
3742
3743        // Calculate the total height of the header group
3744        let headerGroupHeight = 0;
3745        const children = headerGroup.children;
3746        for (let i = 0; i < children.length; i++) {
3747          const element = children[i];
3748          if (element === header || !(element instanceof HTMLElement)) continue;
3749          headerGroupHeight += element.offsetHeight;
3750        }
3751
3752        // Check for transparent header special case
3753        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
3754          headerGroupHeight += headerHeight;
3755        }
3756
3757        // Set CSS variables
3758        document.body.style.setProperty('--header-height', `${headerHeight}px`);
3759        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
3760
3761        if (headerTopRow) {
3762          window.requestAnimationFrame(function () {
3763            document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
3764          });
3765        }
3766
3767        /**
3768         * Updates CSS custom properties for transparent header offset calculation
3769         * Mimic updateTransparentHeaderOffset() in utilities.js
3770         */
3771
3772        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
3773          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
3774          return;
3775        }
3776
3777        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
3778
3779        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
3780        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
3781      })();
3782
3783      (function setHeaderMenuStyle() {
3784        const headerComponent = document.querySelector('#header-component');
3785        if (headerComponent) {
3786          const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
3787          const overflowList = headerComponent?.querySelector('overflow-list');
3788          const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
3789          headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
3790        }
3791      })();
3792    </script>
3792
3793
3794    <main
3795      id="MainContent"
3796      class="content-for-layout"
3797      role="main"
3798      data-page-transition-enabled="true"
3799      data-product-transition="true"
3800      data-template="collection"
3801    >
3802      <div id="shopify-section-template--26206028398910__section" class="shopify-section section-wrapper">
3803
3804
3805
3806<div class="section-background color-scheme-1"></div>
3807<div
3808  class="section section--page-width color-scheme-1"
3809  data-testid="ui-test-section"
3810
3811  
3812
3813  style="
3814    
3815
3816    
3817  "
3818>
3819  <div class="custom-section-background">
3820    
3821
3822
3823
3824  </div>
3825
3826  <div
3827    class="border-style custom-section-content"
3828    style="--border-width: 1px; --border-style: none; --border-color:
3829rgb(var(--color-border-rgb) / 1.0); --border-radius:
38300px; 
3831"
3832  >
3833    
3834
3835    <div
3836      class="
3837        spacing-style
3838        layout-panel-flex
3839        layout-panel-flex--row
3840        section-content-wrapper
3841         mobile-column
3842      "
3843      style="
3844        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
3845
3846--gap: 12px;
3847
3848--horizontal-alignment: space-between; --vertical-alignment: center;
3849--vertical-alignment-mobile: center;
3850
3851        --padding-block-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 32px));
3852      "
3853      data-testid="section-content"
3854    >
3855      
3856  
3857
3858
3859
3860
3861
3862
3863
3864
3865  <div class=" spacing-style text-block text-block--AdVVEcXZMdkJNUVdzZ__text_tqQTNE h1      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
3866    <p>All Products</p>
3867  </div>
3868
3869
3870
3871
3872
3873
3874
3875
3876
3877<div
3878  class="
3879    group-block
3880    group-block--height-fit
3881    group-block--width-custom
3882    border-style
3883    spacing-style
3884    size-style
3885    
3886    
3887  "
3888  style="
3889    --border-width: 1px; --border-style: none; --border-color:
3890rgb(var(--color-border-rgb) / 1.0); --border-radius:
38910px; 
3892
3893    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
3894    --size-style-width:35%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
3895    
3896  "
3897  
3898  data-testid="group-block"
3899><div class="group-block__media-wrapper">
3900    
3901
3902
3903
3904    
3905  </div>
3906
3907  <div
3908    class="
3909      group-block-content
3910      
3911      layout-panel-flex
3912      layout-panel-flex--column
3913       mobile-column
3914    "
3915    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
3916
3917--gap: 12px;
3918
3919--horizontal-alignment: flex-start; --vertical-alignment: center;
3920--vertical-alignment-mobile: center;
3921"
3922  >
3923  
3924
3925
3926
3927
3928
3929
3930
3931
3932
3933
3934
3935
3936
3937
3938</div>
3939</div>
3940
3941
3942
3943
3944
3945
3946
3947    </div>
3948  </div>
3949</div>
3950
3951
3952
3953
3954
3955</div><div id="shopify-section-template--26206028398910__main" class="shopify-section">
3956
3957<script
3958  src="//soulfire.farm/cdn/shop/t/32/assets/results-list.js?v=28346210841421047511774915450"
3959  type="module"
3960  fetchpriority="low"
3961></script>
3961
3962
3963
3964
3965
3966<div class="section-background color-scheme-1"></div>
3967<results-list
3968  class="section product-grid-container color-scheme-1"
3969  style="--padding-block-start: 32px; --padding-block-end: 32px;"
3970  section-id="template--26206028398910__main"
3971  infinite-scroll="true"
3972>
3973  <a
3974  class="skip-to-content-link button-secondary"
3975  href="#ResultsList"
3976>
3977  Skip to results list
3978</a>
3979
3980
3981
3982
3983  <div
3984    class="collection-wrapper grid gap-style"
3985  >
3986    
3987<script
3988  src="//soulfire.farm/cdn/shop/t/32/assets/facets.js?v=177903033754413523221774915450"
3989  type="module"
3990  fetchpriority="low"
3991></script>
3991
3992
3993<script
3994  src="//soulfire.farm/cdn/shop/t/32/assets/scrolling.js?v=162288454571026455011774915450"
3995  type="module"
3996  fetchpriority="low"
3997></script>
3997
3998  
3999
4000  <div
4001    class="
4002      
4003      facets-block-wrapper
4004      facets-block-wrapper--horizontal
4005
4006
4007    "
4008    style="
4009      --grid-column--desktop:var(--centered);
4010      --facets-margin: 0px  0px 8px 0px;
4011      --facets-inner-padding-block: 8px 8px;
4012      --facets-inner-padding-inline: var(--padding-lg);
4013    "
4014    
4015  >
4016    <div
4017      class="facets facets--horizontal spacing-style"
4018      style="--padding-block-start: 8px;--padding-block-end: 8px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
4019      aria-label="Filters"
4020    >
4021      <facets-form-component
4022        class="facets__form-wrapper"
4023        section-id="template--26206028398910__main"
4024        form-style="horizontal"
4025      >
4026        <form
4027          action="/collections/all-products"
4028          id="FacetFiltersForm--template--26206028398910__main-desktop"
4029          class="facets__form"
4030          ref="facetsForm"
4031        >
4032          
4033            <div class="facets-remove facets-remove--mobile-and-vertical"><h3 class="visually-hidden">Active filters:</h3>
4034
4035
4036
4037
4038
4039
4040
4041
4042
4043
4044
4045
4046</div>
4047
4048
4049
4050
4051            
4052              
4053
4054              
4055
4056              <div class="facets__filters-wrapper">
4057                
4058                  
4059                  <overflow-list
4060  
4061  
4062    class="facets__overflow-list"
4063  
4064  
4065    minimum-items="2"
4066  
4067  
4068    data-testid="horizontal-filters-overflow-list"
4069  
4070  
4071>
4072  <template shadowrootmode="open">
4073    <link href="//soulfire.farm/cdn/shop/t/32/assets/overflow-list.css?v=16727044177065489451774915450" rel="stylesheet" type="text/css" media="all" />
4074
4075    <ul part="list">
4076      <slot></slot>
4077      <slot
4078        name="more"
4079        part="more"
4080        hidden
4081        
4082          on:click="#filters-drawer/showDialog"
4083        
4084      >
4085        <li
4086          part="more"
4087        >
4088          <button
4089            class="button"
4090            type="button"
4091            tabindex="0"
4092            
4093              aria-haspopup="dialog"
4094            
4095          >
4096            More
4097          </button>
4098        </li>
4099      </slot>
4100      <li
4101        part="placeholder"
4102        hidden
4103      ></li>
4104    </ul>
4105
4106    <div part="overflow">
4107      <ul part="overflow-list">
4108        <slot name="overflow"></slot>
4109      </ul>
4110    </div>
4111  </template>
4112
4113  
4114
4115                      
4116
4117<accordion-custom
4118  
4119    class="facets__item"
4120  
4121  
4122  
4123  
4124  
4125  
4126  
4127    data-disable-animation-on-desktop="true"
4128  
4129  
4130    data-close-with-escape="true"
4131  
4132  
4133    data-filter-param-name="filter-v-availability"
4134  
4135>
4136  
4137  <details
4138    id="Facet-Details-template--26206028398910__main-filter-v-availability"
4139    class="facets__panel"
4140    
4141      data-auto-close-details="desktop"
4142    
4143    
4144  >
4145    <summary class="facets__summary">
4146      <span class="facets__label">Availability</span>
4147
4148      <div class="facets__status-wrapper">
4149        
4150          <facet-status-component
4151            class="facets__status"
4152            facet-type="list"
4153            data-filter-style="horizontal"
4154          >
4155            <span
4156              class="
4157                hide-when-empty
4158              "
4159              ref="facetStatus"
4160            ></span>
4161          </facet-status-component>
4162        
4163        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4164  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4165</svg>
4166</span>
4167      </div>
4168    </summary>
4169    <floating-panel-component
4170      
4171        data-close-on-resize
4172      
4173      class="facets__inputs facets__panel-content details-content color-scheme-1"
4174      id="facet-inputs-filter-v-availability"
4175    >
4176      <facet-inputs-component
4177        on:change="/updateFilters"
4178        id="facet-inputs-component-filter-v-availability"
4179      >
4180        
4181        
4182
4183        <div
4184          class="facets__inputs-wrapper"
4185          ref="showMoreContent"
4186        >
4187          
4188          <ul
4189            id="filters-list-template--26206028398910__main-filter-v-availability"
4190            class="facets__inputs-list list-unstyled"
4191            
4192            
4193            name="Availability"
4194          >
4195              <li
4196                data-skip-node-update="true"
4197                class="
4198                  facets__inputs-list-item
4199                  
4200                  
4201                "
4202                
4203              >
4204                
4205                
4206                  
4207                    <div
4208  class="checkbox"
4209  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
4210>
4211  <input
4212    type="checkbox"
4213    name="filter.v.availability"
4214    value="1"
4215    id="Filter-filter-v-availability-1-horizontal-"
4216    class="checkbox__input"
4217    data-label="In stock"
4218    
4219    
4220    
4221    
4222    
4223      ref="facetInputs[]"
4224    
4225    
4226  >
4227  <label
4228    class="checkbox__label"
4229    for="Filter-filter-v-availability-1-horizontal-"
4230    
4231  >
4232    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4233<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4234</svg>
4235
4236    <span class="checkbox__label-text">In stock</span>
4237  </label>
4238</div>
4239
4240                  
4241                
4242              </li>
4243              <li
4244                data-skip-node-update="true"
4245                class="
4246                  facets__inputs-list-item
4247                  
4248                  
4249                "
4250                
4251              >
4252                
4253                
4254                  
4255                    <div
4256  class="checkbox"
4257  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
4258>
4259  <input
4260    type="checkbox"
4261    name="filter.v.availability"
4262    value="0"
4263    id="Filter-filter-v-availability-2-horizontal-"
4264    class="checkbox__input"
4265    data-label="Out of stock"
4266    
4267    
4268    
4269    
4270    
4271      ref="facetInputs[]"
4272    
4273    
4274  >
4275  <label
4276    class="checkbox__label"
4277    for="Filter-filter-v-availability-2-horizontal-"
4278    
4279  >
4280    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4281<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4282</svg>
4283
4284    <span class="checkbox__label-text">Out of stock</span>
4285  </label>
4286</div>
4287
4288                  
4289                
4290              </li></ul>
4291        </div>
4292        
4293
4294        
4295          <facet-clear-component>
4296            <div
4297              class="facets__clear "
4298              ref="clearButton"
4299            >
4300              <button
4301                type="button"
4302                on:click="/clearFilter"
4303                on:keydown="/clearFilter"
4304                class="clear-filter button button-secondary"
4305              >Clear</button>
4306            </div>
4307          </facet-clear-component>
4308        
4309      </facet-inputs-component>
4310    </floating-panel-component>
4311  </details>
4312
4313</accordion-custom>
4314
4315
4316
4317
4318
4319
4320
4321
4322                  
4323
4324                      
4325
4326<accordion-custom
4327  
4328    class="facets__item"
4329  
4330  
4331  
4332  
4333  
4334  
4335  
4336    data-disable-animation-on-desktop="true"
4337  
4338  
4339    data-close-with-escape="true"
4340  
4341  
4342    data-filter-param-name="filter-p-t-category"
4343  
4344>
4345  
4346  <details
4347    id="Facet-Details-template--26206028398910__main-filter-p-t-category"
4348    class="facets__panel"
4349    
4350      data-auto-close-details="desktop"
4351    
4352    
4353  >
4354    <summary class="facets__summary">
4355      <span class="facets__label">Category</span>
4356
4357      <div class="facets__status-wrapper">
4358        
4359          <facet-status-component
4360            class="facets__status"
4361            facet-type="list"
4362            data-filter-style="horizontal"
4363          >
4364            <span
4365              class="
4366                hide-when-empty
4367              "
4368              ref="facetStatus"
4369            ></span>
4370          </facet-status-component>
4371        
4372        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4373  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4374</svg>
4375</span>
4376      </div>
4377    </summary>
4378    <floating-panel-component
4379      
4380        data-close-on-resize
4381      
4382      class="facets__inputs facets__panel-content details-content color-scheme-1"
4383      id="facet-inputs-filter-p-t-category"
4384    >
4385      <facet-inputs-component
4386        on:change="/updateFilters"
4387        id="facet-inputs-component-filter-p-t-category"
4388      >
4389        
4390        
4391
4392        <div
4393          class="facets__inputs-wrapper"
4394          ref="showMoreContent"
4395        >
4396          
4397          <ul
4398            id="filters-list-template--26206028398910__main-filter-p-t-category"
4399            class="facets__inputs-list list-unstyled"
4400            
4401            
4402            name="Category"
4403          >
4404              <li
4405                data-skip-node-update="true"
4406                class="
4407                  facets__inputs-list-item
4408                  
4409                  
4410                "
4411                
4412              >
4413                
4414                
4415                  
4416                    <div
4417  class="checkbox"
4418  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
4419>
4420  <input
4421    type="checkbox"
4422    name="filter.p.t.category"
4423    value="hg-12-1"
4424    id="Filter-filter-p-t-category-1-horizontal-"
4425    class="checkbox__input"
4426    data-label="Gardening"
4427    
4428    
4429    
4430    
4431    
4432      ref="facetInputs[]"
4433    
4434    
4435  >
4436  <label
4437    class="checkbox__label"
4438    for="Filter-filter-p-t-category-1-horizontal-"
4439    
4440  >
4441    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4442<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4443</svg>
4444
4445    <span class="checkbox__label-text">Gardening</span>
4446  </label>
4447</div>
4448
4449                  
4450                
4451              </li>
4452              <li
4453                data-skip-node-update="true"
4454                class="
4455                  facets__inputs-list-item
4456                  
4457                  
4458                "
4459                
4460              >
4461                
4462                
4463                  
4464                    <div
4465  class="checkbox"
4466  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
4467>
4468  <input
4469    type="checkbox"
4470    name="filter.p.t.category"
4471    value="gc"
4472    id="Filter-filter-p-t-category-2-horizontal-"
4473    class="checkbox__input"
4474    data-label="Gift Cards"
4475    
4476    
4477    
4478    
4479    
4480      ref="facetInputs[]"
4481    
4482    
4483  >
4484  <label
4485    class="checkbox__label"
4486    for="Filter-filter-p-t-category-2-horizontal-"
4487    
4488  >
4489    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4490<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4491</svg>
4492
4493    <span class="checkbox__label-text">Gift Cards</span>
4494  </label>
4495</div>
4496
4497                  
4498                
4499              </li>
4500              <li
4501                data-skip-node-update="true"
4502                class="
4503                  facets__inputs-list-item
4504                  
4505                  
4506                "
4507                
4508              >
4509                
4510                
4511                  
4512                    <div
4513  class="checkbox"
4514  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
4515>
4516  <input
4517    type="checkbox"
4518    name="filter.p.t.category"
4519    value="hg-17"
4520    id="Filter-filter-p-t-category-3-horizontal-"
4521    class="checkbox__input"
4522    data-label="Plants"
4523    
4524    
4525    
4526    
4527    
4528      ref="facetInputs[]"
4529    
4530    
4531  >
4532  <label
4533    class="checkbox__label"
4534    for="Filter-filter-p-t-category-3-horizontal-"
4535    
4536  >
4537    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4538<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4539</svg>
4540
4541    <span class="checkbox__label-text">Plants</span>
4542  </label>
4543</div>
4544
4545                  
4546                
4547              </li>
4548              <li
4549                data-skip-node-update="true"
4550                class="
4551                  facets__inputs-list-item
4552                  
4553                  
4554                "
4555                
4556              >
4557                
4558                
4559                  
4560                    <div
4561  class="checkbox"
4562  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
4563>
4564  <input
4565    type="checkbox"
4566    name="filter.p.t.category"
4567    value="hg-17-6"
4568    id="Filter-filter-p-t-category-4-horizontal-"
4569    class="checkbox__input"
4570    data-label="Trees"
4571    
4572    
4573    
4574    
4575    
4576      ref="facetInputs[]"
4577    
4578    
4579  >
4580  <label
4581    class="checkbox__label"
4582    for="Filter-filter-p-t-category-4-horizontal-"
4583    
4584  >
4585    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4586<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4587</svg>
4588
4589    <span class="checkbox__label-text">Trees</span>
4590  </label>
4591</div>
4592
4593                  
4594                
4595              </li></ul>
4596        </div>
4597        
4598
4599        
4600          <facet-clear-component>
4601            <div
4602              class="facets__clear "
4603              ref="clearButton"
4604            >
4605              <button
4606                type="button"
4607                on:click="/clearFilter"
4608                on:keydown="/clearFilter"
4609                class="clear-filter button button-secondary"
4610              >Clear</button>
4611            </div>
4612          </facet-clear-component>
4613        
4614      </facet-inputs-component>
4615    </floating-panel-component>
4616  </details>
4617
4618</accordion-custom>
4619
4620
4621
4622
4623
4624
4625
4626
4627                  
4628
4629                      
4630
4631<accordion-custom
4632  
4633    class="facets__item"
4634  
4635  
4636  
4637  
4638  
4639  
4640  
4641    data-disable-animation-on-desktop="true"
4642  
4643  
4644    data-close-with-escape="true"
4645  
4646  
4647    data-filter-param-name="filter-v-t-shopify-sunlight"
4648  
4649>
4650  
4651  <details
4652    id="Facet-Details-template--26206028398910__main-filter-v-t-shopify-sunlight"
4653    class="facets__panel"
4654    
4655      data-auto-close-details="desktop"
4656    
4657    
4658  >
4659    <summary class="facets__summary">
4660      <span class="facets__label">Sunlight</span>
4661
4662      <div class="facets__status-wrapper">
4663        
4664          <facet-status-component
4665            class="facets__status"
4666            facet-type="list"
4667            data-filter-style="horizontal"
4668          >
4669            <span
4670              class="
4671                hide-when-empty
4672              "
4673              ref="facetStatus"
4674            ></span>
4675          </facet-status-component>
4676        
4677        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4678  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4679</svg>
4680</span>
4681      </div>
4682    </summary>
4683    <floating-panel-component
4684      
4685        data-close-on-resize
4686      
4687      class="facets__inputs facets__panel-content details-content color-scheme-1"
4688      id="facet-inputs-filter-v-t-shopify-sunlight"
4689    >
4690      <facet-inputs-component
4691        on:change="/updateFilters"
4692        id="facet-inputs-component-filter-v-t-shopify-sunlight"
4693      >
4694        
4695        
4696
4697        <div
4698          class="facets__inputs-wrapper"
4699          ref="showMoreContent"
4700        >
4701          
4702          <ul
4703            id="filters-list-template--26206028398910__main-filter-v-t-shopify-sunlight"
4704            class="facets__inputs-list list-unstyled"
4705            
4706            
4707            name="Sunlight"
4708          >
4709              <li
4710                data-skip-node-update="true"
4711                class="
4712                  facets__inputs-list-item
4713                  
4714                  
4715                "
4716                
4717              >
4718                
4719                
4720                  
4721                    <div
4722  class="checkbox"
4723  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
4724>
4725  <input
4726    type="checkbox"
4727    name="filter.v.t.shopify.sunlight"
4728    value="gid://shopify/TaxonomyValue/8576"
4729    id="Filter-filter-v-t-shopify-sunlight-1-horizontal-"
4730    class="checkbox__input"
4731    data-label="Full sun"
4732    
4733    
4734    
4735    
4736    
4737      ref="facetInputs[]"
4738    
4739    
4740  >
4741  <label
4742    class="checkbox__label"
4743    for="Filter-filter-v-t-shopify-sunlight-1-horizontal-"
4744    
4745  >
4746    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4747<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4748</svg>
4749
4750    <span class="checkbox__label-text">Full sun</span>
4751  </label>
4752</div>
4753
4754                  
4755                
4756              </li>
4757              <li
4758                data-skip-node-update="true"
4759                class="
4760                  facets__inputs-list-item
4761                  
4762                  
4763                "
4764                
4765              >
4766                
4767                
4768                  
4769                    <div
4770  class="checkbox"
4771  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
4772>
4773  <input
4774    type="checkbox"
4775    name="filter.v.t.shopify.sunlight"
4776    value="gid://shopify/TaxonomyValue/8577"
4777    id="Filter-filter-v-t-shopify-sunlight-2-horizontal-"
4778    class="checkbox__input"
4779    data-label="Partial shade"
4780    
4781    
4782    
4783    
4784    
4785      ref="facetInputs[]"
4786    
4787    
4788  >
4789  <label
4790    class="checkbox__label"
4791    for="Filter-filter-v-t-shopify-sunlight-2-horizontal-"
4792    
4793  >
4794    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4795<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4796</svg>
4797
4798    <span class="checkbox__label-text">
4798Partial shade</span>
4799  </label>
4800</div>
4801
4802                  
4803                
4804              </li>
4805              <li
4806                data-skip-node-update="true"
4807                class="
4808                  facets__inputs-list-item
4809                  
4810                  
4811                "
4812                
4813              >
4814                
4815                
4816                  
4817                    <div
4818  class="checkbox"
4819  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
4820>
4821  <input
4822    type="checkbox"
4823    name="filter.v.t.shopify.sunlight"
4824    value="gid://shopify/TaxonomyValue/8578"
4825    id="Filter-filter-v-t-shopify-sunlight-3-horizontal-"
4826    class="checkbox__input"
4827    data-label="Shade"
4828    
4829    
4830    
4831    
4832    
4833      ref="facetInputs[]"
4834    
4835    
4836  >
4837  <label
4838    class="checkbox__label"
4839    for="Filter-filter-v-t-shopify-sunlight-3-horizontal-"
4840    
4841  >
4842    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4843<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4844</svg>
4845
4846    <span class="checkbox__label-text">Shade</span>
4847  </label>
4848</div>
4849
4850                  
4851                
4852              </li></ul>
4853        </div>
4854        
4855
4856        
4857          <facet-clear-component>
4858            <div
4859              class="facets__clear "
4860              ref="clearButton"
4861            >
4862              <button
4863                type="button"
4864                on:click="/clearFilter"
4865                on:keydown="/clearFilter"
4866                class="clear-filter button button-secondary"
4867              >Clear</button>
4868            </div>
4869          </facet-clear-component>
4870        
4871      </facet-inputs-component>
4872    </floating-panel-component>
4873  </details>
4874
4875</accordion-custom>
4876
4877
4878
4879
4880
4881
4882
4883
4884                  
4885
4886                      
4887
4888<accordion-custom
4889  
4890    class="facets__item"
4891  
4892  
4893  
4894  
4895  
4896  
4897  
4898    data-disable-animation-on-desktop="true"
4899  
4900  
4901    data-close-with-escape="true"
4902  
4903  
4904    data-filter-param-name="filter-p-m-custom-plant_type"
4905  
4906>
4907  
4908  <details
4909    id="Facet-Details-template--26206028398910__main-filter-p-m-custom-plant_type"
4910    class="facets__panel"
4911    
4912      data-auto-close-details="desktop"
4913    
4914    
4915  >
4916    <summary class="facets__summary">
4917      <span class="facets__label">Plant Type</span>
4918
4919      <div class="facets__status-wrapper">
4920        
4921          <facet-status-component
4922            class="facets__status"
4923            facet-type="list"
4924            data-filter-style="horizontal"
4925          >
4926            <span
4927              class="
4928                hide-when-empty
4929              "
4930              ref="facetStatus"
4931            ></span>
4932          </facet-status-component>
4933        
4934        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4935  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4936</svg>
4937</span>
4938      </div>
4939    </summary>
4940    <floating-panel-component
4941      
4942        data-close-on-resize
4943      
4944      class="facets__inputs facets__panel-content details-content color-scheme-1"
4945      id="facet-inputs-filter-p-m-custom-plant_type"
4946    >
4947      <facet-inputs-component
4948        on:change="/updateFilters"
4949        id="facet-inputs-component-filter-p-m-custom-plant_type"
4950      >
4951        
4952        
4953
4954        <div
4955          class="facets__inputs-wrapper"
4956          ref="showMoreContent"
4957        >
4958          
4959          <ul
4960            id="filters-list-template--26206028398910__main-filter-p-m-custom-plant_type"
4961            class="facets__inputs-list list-unstyled"
4962            
4963            
4964            name="Plant Type"
4965          >
4966              <li
4967                data-skip-node-update="true"
4968                class="
4969                  facets__inputs-list-item
4970                  
4971                  
4972                "
4973                
4974              >
4975                
4976                
4977                  
4978                    <div
4979  class="checkbox"
4980  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
4981>
4982  <input
4983    type="checkbox"
4984    name="filter.p.m.custom.plant_type"
4985    value="Tree"
4986    id="Filter-filter-p-m-custom-plant_type-1-horizontal-"
4987    class="checkbox__input"
4988    data-label="Tree"
4989    
4990    
4991    
4992    
4993    
4994      ref="facetInputs[]"
4995    
4996    
4997  >
4998  <label
4999    class="checkbox__label"
5000    for="Filter-filter-p-m-custom-plant_type-1-horizontal-"
5001    
5002  >
5003    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5004<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5005</svg>
5006
5007    <span class="checkbox__label-text">Tree</span>
5008  </label>
5009</div>
5010
5011                  
5012                
5013              </li>
5014              <li
5015                data-skip-node-update="true"
5016                class="
5017                  facets__inputs-list-item
5018                  
5019                  
5020                "
5021                
5022              >
5023                
5024                
5025                  
5026                    <div
5027  class="checkbox"
5028  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
5029>
5030  <input
5031    type="checkbox"
5032    name="filter.p.m.custom.plant_type"
5033    value="Fruit Tree"
5034    id="Filter-filter-p-m-custom-plant_type-2-horizontal-"
5035    class="checkbox__input"
5036    data-label="Fruit Tree"
5037    
5038    
5039    
5040    
5041    
5042      ref="facetInputs[]"
5043    
5044    
5045  >
5046  <label
5047    class="checkbox__label"
5048    for="Filter-filter-p-m-custom-plant_type-2-horizontal-"
5049    
5050  >
5051    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5052<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5053</svg>
5054
5055    <span class="checkbox__label-text">Fruit Tree</span>
5056  </label>
5057</div>
5058
5059                  
5060                
5061              </li>
5062              <li
5063                data-skip-node-update="true"
5064                class="
5065                  facets__inputs-list-item
5066                  
5067                  
5068                "
5069                
5070              >
5071                
5072                
5073                  
5074                    <div
5075  class="checkbox"
5076  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
5077>
5078  <input
5079    type="checkbox"
5080    name="filter.p.m.custom.plant_type"
5081    value="Grafted Fruit Tree"
5082    id="Filter-filter-p-m-custom-plant_type-3-horizontal-"
5083    class="checkbox__input"
5084    data-label="Grafted Fruit Tree"
5085    
5086    
5087    
5088    
5089    
5090      ref="facetInputs[]"
5091    
5092    
5093  >
5094  <label
5095    class="checkbox__label"
5096    for="Filter-filter-p-m-custom-plant_type-3-horizontal-"
5097    
5098  >
5099    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5100<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5101</svg>
5102
5103    <span class="checkbox__label-text">Grafted Fruit Tree</span>
5104  </label>
5105</div>
5106
5107                  
5108                
5109              </li>
5110              <li
5111                data-skip-node-update="true"
5112                class="
5113                  facets__inputs-list-item
5114                  
5115                  
5116                "
5117                
5118              >
5119                
5120                
5121                  
5122                    <div
5123  class="checkbox"
5124  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
5125>
5126  <input
5127    type="checkbox"
5128    name="filter.p.m.custom.plant_type"
5129    value="Palm Tree"
5130    id="Filter-filter-p-m-custom-plant_type-4-horizontal-"
5131    class="checkbox__input"
5132    data-label="Palm Tree"
5133    
5134    
5135    
5136    
5137    
5138      ref="facetInputs[]"
5139    
5140    
5141  >
5142  <label
5143    class="checkbox__label"
5144    for="Filter-filter-p-m-custom-plant_type-4-horizontal-"
5145    
5146  >
5147    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5148<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5149</svg>
5150
5151    <span class="checkbox__label-text">Palm Tree</span>
5152  </label>
5153</div>
5154
5155                  
5156                
5157              </li>
5158              <li
5159                data-skip-node-update="true"
5160                class="
5161                  facets__inputs-list-item
5162                  
5163                  
5164                "
5165                
5166              >
5167                
5168                
5169                  
5170                    <div
5171  class="checkbox"
5172  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
5173>
5174  <input
5175    type="checkbox"
5176    name="filter.p.m.custom.plant_type"
5177    value="Annual"
5178    id="Filter-filter-p-m-custom-plant_type-5-horizontal-"
5179    class="checkbox__input"
5180    data-label="Annual"
5181    
5182    
5183    
5184    
5185    
5186      ref="facetInputs[]"
5187    
5188    
5189  >
5190  <label
5191    class="checkbox__label"
5192    for="Filter-filter-p-m-custom-plant_type-5-horizontal-"
5193    
5194  >
5195    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5196<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5197</svg>
5198
5199    <span class="checkbox__label-text">Annual</span>
5200  </label>
5201</div>
5202
5203                  
5204                
5205              </li>
5206              <li
5207                data-skip-node-update="true"
5208                class="
5209                  facets__inputs-list-item
5210                  
5211                  
5212                "
5213                
5214              >
5215                
5216                
5217                  
5218                    <div
5219  class="checkbox"
5220  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
5221>
5222  <input
5223    type="checkbox"
5224    name="filter.p.m.custom.plant_type"
5225    value="Perennial"
5226    id="Filter-filter-p-m-custom-plant_type-6-horizontal-"
5227    class="checkbox__input"
5228    data-label="Perennial"
5229    
5230    
5231    
5232    
5233    
5234      ref="facetInputs[]"
5235    
5236    
5237  >
5238  <label
5239    class="checkbox__label"
5240    for="Filter-filter-p-m-custom-plant_type-6-horizontal-"
5241    
5242  >
5243    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5244<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5245</svg>
5246
5247    <span class="checkbox__label-text">Perennial</span>
5248  </label>
5249</div>
5250
5251                  
5252                
5253              </li>
5254              <li
5255                data-skip-node-update="true"
5256                class="
5257                  facets__inputs-list-item
5258                  
5259                  
5260                "
5261                
5262              >
5263                
5264                
5265                  
5266                    <div
5267  class="checkbox"
5268  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
5269>
5270  <input
5271    type="checkbox"
5272    name="filter.p.m.custom.plant_type"
5273    value="Perennial Vine"
5274    id="Filter-filter-p-m-custom-plant_type-7-horizontal-"
5275    class="checkbox__input"
5276    data-label="Perennial Vine"
5277    
5278    
5279    
5280    
5281    
5282      ref="facetInputs[]"
5283    
5284    
5285  >
5286  <label
5287    class="checkbox__label"
5288    for="Filter-filter-p-m-custom-plant_type-7-horizontal-"
5289    
5290  >
5291    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5292<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5293</svg>
5294
5295    <span class="checkbox__label-text">Perennial Vine</span>
5296  </label>
5297</div>
5298
5299                  
5300                
5301              </li>
5302              <li
5303                data-skip-node-update="true"
5304                class="
5305                  facets__inputs-list-item
5306                  
5307                  
5308                "
5309                
5310              >
5311                
5312                
5313                  
5314                    <div
5315  class="checkbox"
5316  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
5317>
5318  <input
5319    type="checkbox"
5320    name="filter.p.m.custom.plant_type"
5321    value="Perennial Bush"
5322    id="Filter-filter-p-m-custom-plant_type-8-horizontal-"
5323    class="checkbox__input"
5324    data-label="Perennial Bush"
5325    
5326    
5327    
5328    
5329    
5330      ref="facetInputs[]"
5331    
5332    
5333  >
5334  <label
5335    class="checkbox__label"
5336    for="Filter-filter-p-m-custom-plant_type-8-horizontal-"
5337    
5338  >
5339    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5340<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5341</svg>
5342
5343    <span class="checkbox__label-text">Perennial Bush</span>
5344  </label>
5345</div>
5346
5347                  
5348                
5349              </li>
5350              <li
5351                data-skip-node-update="true"
5352                class="
5353                  facets__inputs-list-item
5354                  
5355                  
5356                "
5357                
5358              >
5359                
5360                
5361                  
5362                    <div
5363  class="checkbox"
5364  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
5365>
5366  <input
5367    type="checkbox"
5368    name="filter.p.m.custom.plant_type"
5369    value="Ornamental Tree"
5370    id="Filter-filter-p-m-custom-plant_type-9-horizontal-"
5371    class="checkbox__input"
5372    data-label="Ornamental Tree"
5373    
5374    
5375    
5376    
5377    
5378      ref="facetInputs[]"
5379    
5380    
5381  >
5382  <label
5383    class="checkbox__label"
5384    for="Filter-filter-p-m-custom-plant_type-9-horizontal-"
5385    
5386  >
5387    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5388<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5389</svg>
5390
5391    <span class="checkbox__label-text">Ornamental Tree</span>
5392  </label>
5393</div>
5394
5395                  
5396                
5397              </li></ul>
5398        </div>
5399        
5400
5401        
5402          <facet-clear-component>
5403            <div
5404              class="facets__clear "
5405              ref="clearButton"
5406            >
5407              <button
5408                type="button"
5409                on:click="/clearFilter"
5410                on:keydown="/clearFilter"
5411                class="clear-filter button button-secondary"
5412              >Clear</button>
5413            </div>
5414          </facet-clear-component>
5415        
5416      </facet-inputs-component>
5417    </floating-panel-component>
5418  </details>
5419
5420</accordion-custom>
5421
5422
5423
5424
5425
5426
5427
5428
5429                  
5430
5431                      
5432
5433<accordion-custom
5434  
5435    class="facets__item"
5436  
5437  
5438  
5439  
5440  
5441  
5442  
5443    data-disable-animation-on-desktop="true"
5444  
5445  
5446    data-close-with-escape="true"
5447  
5448  
5449    data-filter-param-name="filter-p-m-custom-uses"
5450  
5451>
5452  
5453  <details
5454    id="Facet-Details-template--26206028398910__main-filter-p-m-custom-uses"
5455    class="facets__panel"
5456    
5457      data-auto-close-details="desktop"
5458    
5459    
5460  >
5461    <summary class="facets__summary">
5462      <span class="facets__label">Uses</span>
5463
5464      <div class="facets__status-wrapper">
5465        
5466          <facet-status-component
5467            class="facets__status"
5468            facet-type="list"
5469            data-filter-style="horizontal"
5470          >
5471            <span
5472              class="
5473                hide-when-empty
5474              "
5475              ref="facetStatus"
5476            ></span>
5477          </facet-status-component>
5478        
5479        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5480  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5481</svg>
5482</span>
5483      </div>
5484    </summary>
5485    <floating-panel-component
5486      
5487        data-close-on-resize
5488      
5489      class="facets__inputs facets__panel-content details-content color-scheme-1"
5490      id="facet-inputs-filter-p-m-custom-uses"
5491    >
5492      <facet-inputs-component
5493        on:change="/updateFilters"
5494        id="facet-inputs-component-filter-p-m-custom-uses"
5495      >
5496        
5497        
5498
5499        <div
5500          class="facets__inputs-wrapper"
5501          ref="showMoreContent"
5502        >
5503          
5504          <ul
5505            id="filters-list-template--26206028398910__main-filter-p-m-custom-uses"
5506            class="facets__inputs-list list-unstyled"
5507            
5508            
5509            name="Uses"
5510          >
5511              <li
5512                data-skip-node-update="true"
5513                class="
5514                  facets__inputs-list-item
5515                  
5516                  
5517                "
5518                
5519              >
5520                
5521                
5522                  
5523                    <div
5524  class="checkbox"
5525  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
5526>
5527  <input
5528    type="checkbox"
5529    name="filter.p.m.custom.uses"
5530    value="Ornamental"
5531    id="Filter-filter-p-m-custom-uses-1-horizontal-"
5532    class="checkbox__input"
5533    data-label="Ornamental"
5534    
5535    
5536    
5537    
5538    
5539      ref="facetInputs[]"
5540    
5541    
5542  >
5543  <label
5544    class="checkbox__label"
5545    for="Filter-filter-p-m-custom-uses-1-horizontal-"
5546    
5547  >
5548    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5549<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5550</svg>
5551
5552    <span class="checkbox__label-text">Ornamental</span>
5553  </label>
5554</div>
5555
5556                  
5557                
5558              </li>
5559              <li
5560                data-skip-node-update="true"
5561                class="
5562                  facets__inputs-list-item
5563                  
5564                  
5565                "
5566                
5567              >
5568                
5569                
5570                  
5571                    <div
5572  class="checkbox"
5573  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
5574>
5575  <input
5576    type="checkbox"
5577    name="filter.p.m.custom.uses"
5578    value="Edible or Culinary"
5579    id="Filter-filter-p-m-custom-uses-2-horizontal-"
5580    class="checkbox__input"
5581    data-label="Edible or Culinary"
5582    
5583    
5584    
5585    
5586    
5587      ref="facetInputs[]"
5588    
5589    
5590  >
5591  <label
5592    class="checkbox__label"
5593    for="Filter-filter-p-m-custom-uses-2-horizontal-"
5594    
5595  >
5596    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5597<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5598</svg>
5599
5600    <span class="checkbox__label-text">Edible or Culinary</span>
5601  </label>
5602</div>
5603
5604                  
5605                
5606              </li>
5607              <li
5608                data-skip-node-update="true"
5609                class="
5610                  facets__inputs-list-item
5611                  
5612                  
5613                "
5614                
5615              >
5616                
5617                
5618                  
5619                    <div
5620  class="checkbox"
5621  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
5622>
5623  <input
5624    type="checkbox"
5625    name="filter.p.m.custom.uses"
5626    value="Medicinal"
5627    id="Filter-filter-p-m-custom-uses-3-horizontal-"
5628    class="checkbox__input"
5629    data-label="Medicinal"
5630    
5631    
5632    
5633    
5634    
5635      ref="facetInputs[]"
5636    
5637    
5638  >
5639  <label
5640    class="checkbox__label"
5641    for="Filter-filter-p-m-custom-uses-3-horizontal-"
5642    
5643  >
5644    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5645<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5646</svg>
5647
5648    <span class="checkbox__label-text">Medicinal</span>
5649  </label>
5650</div>
5651
5652                  
5653                
5654              </li>
5655              <li
5656                data-skip-node-update="true"
5657                class="
5658                  facets__inputs-list-item
5659                  
5660                  
5661                "
5662                
5663              >
5664                
5665                
5666                  
5667                    <div
5668  class="checkbox"
5669  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
5670>
5671  <input
5672    type="checkbox"
5673    name="filter.p.m.custom.uses"
5674    value="Good for Tea"
5675    id="Filter-filter-p-m-custom-uses-4-horizontal-"
5676    class="checkbox__input"
5677    data-label="Good for Tea"
5678    
5679    
5680    
5681    
5682    
5683      ref="facetInputs[]"
5684    
5685    
5686  >
5687  <label
5688    class="checkbox__label"
5689    for="Filter-filter-p-m-custom-uses-4-horizontal-"
5690    
5691  >
5692    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5693<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5694</svg>
5695
5696    <span class="checkbox__label-text">Good for Tea</span>
5697  </label>
5698</div>
5699
5700                  
5701                
5702              </li>
5703              <li
5704                data-skip-node-update="true"
5705                class="
5706                  facets__inputs-list-item
5707                  
5708                  
5709                "
5710                
5711              >
5712                
5713                
5714                  
5715                    <div
5716  class="checkbox"
5717  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
5718>
5719  <input
5720    type="checkbox"
5721    name="filter.p.m.custom.uses"
5722    value="Support Plant"
5723    id="Filter-filter-p-m-custom-uses-5-horizontal-"
5724    class="checkbox__input"
5725    data-label="Support Plant"
5726    
5727    
5728    
5729    
5730    
5731      ref="facetInputs[]"
5732    
5733    
5734  >
5735  <label
5736    class="checkbox__label"
5737    for="Filter-filter-p-m-custom-uses-5-horizontal-"
5738    
5739  >
5740    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5741<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5742</svg>
5743
5744    <span class="checkbox__label-text">Support Plant</span>
5745  </label>
5746</div>
5747
5748                  
5749                
5750              </li></ul>
5751        </div>
5752        
5753
5754        
5755          <facet-clear-component>
5756            <div
5757              class="facets__clear "
5758              ref="clearButton"
5759            >
5760              <button
5761                type="button"
5762                on:click="/clearFilter"
5763                on:keydown="/clearFilter"
5764                class="clear-filter button button-secondary"
5765              >Clear</button>
5766            </div>
5767          </facet-clear-component>
5768        
5769      </facet-inputs-component>
5770    </floating-panel-component>
5771  </details>
5772
5773</accordion-custom>
5774
5775
5776
5777
5778
5779
5780
5781
5782                  
5783
5784                      
5785
5786<accordion-custom
5787  
5788    class="facets__item"
5789  
5790  
5791  
5792  
5793  
5794  
5795  
5796    data-disable-animation-on-desktop="true"
5797  
5798  
5799    data-close-with-escape="true"
5800  
5801  
5802    data-filter-param-name="filter-v-t-shopify-suitable-space"
5803  
5804>
5805  
5806  <details
5807    id="Facet-Details-template--26206028398910__main-filter-v-t-shopify-suitable-space"
5808    class="facets__panel"
5809    
5810      data-auto-close-details="desktop"
5811    
5812    
5813  >
5814    <summary class="facets__summary">
5815      <span class="facets__label">Suitable space</span>
5816
5817      <div class="facets__status-wrapper">
5818        
5819          <facet-status-component
5820            class="facets__status"
5821            facet-type="list"
5822            data-filter-style="horizontal"
5823          >
5824            <span
5825              class="
5826                hide-when-empty
5827              "
5828              ref="facetStatus"
5829            ></span>
5830          </facet-status-component>
5831        
5832        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5833  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5834</svg>
5835</span>
5836      </div>
5837    </summary>
5838    <floating-panel-component
5839      
5840        data-close-on-resize
5841      
5842      class="facets__inputs facets__panel-content details-content color-scheme-1"
5843      id="facet-inputs-filter-v-t-shopify-suitable-space"
5844    >
5845      <facet-inputs-component
5846        on:change="/updateFilters"
5847        id="facet-inputs-component-filter-v-t-shopify-suitable-space"
5848      >
5849        
5850        
5851
5852        <div
5853          class="facets__inputs-wrapper"
5854          ref="showMoreContent"
5855        >
5856          
5857          <ul
5858            id="filters-list-template--26206028398910__main-filter-v-t-shopify-suitable-space"
5859            class="facets__inputs-list list-unstyled"
5860            
5861            
5862            name="Suitable space"
5863          >
5864              <li
5865                data-skip-node-update="true"
5866                class="
5867                  facets__inputs-list-item
5868                  
5869                  
5870                "
5871                
5872              >
5873                
5874                
5875                  
5876                    <div
5877  class="checkbox"
5878  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
5879>
5880  <input
5881    type="checkbox"
5882    name="filter.v.t.shopify.suitable-space"
5883    value="gid://shopify/TaxonomyValue/6911"
5884    id="Filter-filter-v-t-shopify-suitable-space-1-horizontal-"
5885    class="checkbox__input"
5886    data-label="Indoors"
5887    
5888    
5889    
5890    
5891    
5892      ref="facetInputs[]"
5893    
5894    
5895  >
5896  <label
5897    class="checkbox__label"
5898    for="Filter-filter-v-t-shopify-suitable-space-1-horizontal-"
5899    
5900  >
5901    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5902<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5903</svg>
5904
5905    <span class="checkbox__label-text">Indoors</span>
5906  </label>
5907</div>
5908
5909                  
5910                
5911              </li>
5912              <li
5913                data-skip-node-update="true"
5914                class="
5915                  facets__inputs-list-item
5916                  
5917                  
5918                "
5919                
5920              >
5921                
5922                
5923                  
5924                    <div
5925  class="checkbox"
5926  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
5927>
5928  <input
5929    type="checkbox"
5930    name="filter.v.t.shopify.suitable-space"
5931    value="gid://shopify/TaxonomyValue/6912"
5932    id="Filter-filter-v-t-shopify-suitable-space-2-horizontal-"
5933    class="checkbox__input"
5934    data-label="Outdoors"
5935    
5936    
5937    
5938    
5939    
5940      ref="facetInputs[]"
5941    
5942    
5943  >
5944  <label
5945    class="checkbox__label"
5946    for="Filter-filter-v-t-shopify-suitable-space-2-horizontal-"
5947    
5948  >
5949    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5950<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5951</svg>
5952
5953    <span class="checkbox__label-text">Outdoors</span>
5954  </label>
5955</div>
5956
5957                  
5958                
5959              </li></ul>
5960        </div>
5961        
5962
5963        
5964          <facet-clear-component>
5965            <div
5966              class="facets__clear "
5967              ref="clearButton"
5968            >
5969              <button
5970                type="button"
5971                on:click="/clearFilter"
5972                on:keydown="/clearFilter"
5973                class="clear-filter button button-secondary"
5974              >Clear</button>
5975            </div>
5976          </facet-clear-component>
5977        
5978      </facet-inputs-component>
5979    </floating-panel-component>
5980  </details>
5981
5982</accordion-custom>
5983
5984
5985
5986
5987
5988
5989
5990
5991                  
5992
5993</overflow-list>
5994
5995                
5996              </div>
5997
5998              
5999                <facet-remove-component
6000                  class="facets-horizontal-remove "
6001                  active-class="facets__clear-all-link--active"
6002                  data-url="/collections/all-products"
6003                >
6004                  <button
6005                    type="button"
6006                    class="button-unstyled facets__clear-all-link facets__clear-all-link--horizontal "
6007                    ref="clearButton"
6008                    on:click="/removeFilter?form="
6009                    on:keydown="/removeFilter?form="
6010                  >Clear all</button>
6011                </facet-remove-component>
6012              
6013            
6014            
6015              <div
6016                class="products-count-wrapper"
6017                data-testid="products-count"
6018              >
6019                <span role="status">
6020                  
6021226 items
6022                </span>
6023              </div>
6024
6025              
6026                <sorting-filter-component
6027  class="sorting-filter sorting-filter__horizontal"
6028  on:change="/updateFilterAndSorting"
6029  on:keydown="/handleKeyDown"
6030  
6031    data-testid="sorting-filter-component-desktop"
6032  
6033  data-should-use-select-on-mobile="false"
6034>
6035  
6036
6037  <div class="sorting-filter__container  hidden ">
6038    <label
6039      for="sort-select-template--26206028398910__main"
6040      class="facets__label"
6041    >Sort</label>
6042    <div class="sorting-filter__select-wrapper">
6043      <select
6044        id="sort-select-template--26206028398910__main"
6045        name="sort_by"
6046        class="sorting-filter__select"
6047        
6048          disabled
6049        
6050      >
6051        
6052          <option
6053            value="manual"
6054            
6055          >
6056            Featured
6057          </option>
6058        
6059          <option
6060            value="most-relevant"
6061            
6062          >
6063            Most relevant
6064          </option>
6065        
6066          <option
6067            value="best-selling"
6068            
6069              selected
6070            
6071          >
6072            Best selling
6073          </option>
6074        
6075          <option
6076            value="title-ascending"
6077            
6078          >
6079            Alphabetically, A-Z
6080          </option>
6081        
6082          <option
6083            value="title-descending"
6084            
6085          >
6086            Alphabetically, Z-A
6087          </option>
6088        
6089          <option
6090            value="price-ascending"
6091            
6092          >
6093            Price, low to high
6094          </option>
6095        
6096          <option
6097            value="price-descending"
6098            
6099          >
6100            Price, high to low
6101          </option>
6102        
6103          <option
6104            value="created-ascending"
6105            
6106          >
6107            Date, old to new
6108          </option>
6109        
6110          <option
6111            value="created-descending"
6112            
6113          >
6114            Date, new to old
6115          </option>
6116        
6117      </select>
6118      <svg
6119        aria-hidden="true"
6120        focusable="false"
6121        class="icon icon-caret"
6122        width="8"
6123        height="13"
6124        viewBox="0 0 8 13"
6125      >
6126
6127
6128<g opacity="0.6">
6129      <path
6130        d="M4.93509 1.08583C4.44566 0.596391 3.65213 0.596391 3.16269 1.08583L0.509308 3.73921C0.215647 4.03287 0.215647 4.50899 0.509308 4.80265C0.802969 5.09631 1.27909 5.09631 1.57275 4.80265L4.04889 2.32651L6.52504 4.80265C6.8187 5.09631 7.29482 5.09631 7.58848 4.80265C7.88214 4.50899 7.88214 4.03287 7.58848 3.73921L4.93509 1.08583Z"
6131        fill="#333030"
6132      />
6133      <path
6134        d="M7.58848 9.81591L4.93509 12.4693C4.44566 12.9587 3.65213 12.9587 3.16269 12.4693L0.509308 9.81591C0.215647 9.52225 0.215647 9.04613 0.509308 8.75247C0.802969 8.45881 1.27909 8.45881 1.57275 8.75247L4.04889 11.2286L6.52504 8.75247C6.8187 8.45881 7.29482 8.45881 7.58848 8.75247C7.88214 9.04613 7.88214 9.52225 7.58848 9.81591Z"
6135        fill="#333030"
6136      />
6137    </g></svg>
6138    </div>
6139  </div>
6140
6141  
6142<accordion-custom
6143  
6144  
6145  
6146  
6147  
6148  
6149  
6150    data-disable-animation-on-desktop="true"
6151  
6152  
6153    data-close-with-escape="true"
6154  
6155  
6156>
6157  
6158    <details
6159      ref="details"
6160      id="Sorting-template--26206028398910__main"
6161      data-default-sort-by="best-selling"
6162      class="facets__panel "
6163      data-auto-close-details="desktop,mobile"
6164      on:toggle="/handleToggle"
6165    >
6166      <summary
6167        class="facets__summary"
6168        role="button"
6169        aria-expanded="false"
6170        aria-controls="sorting-options-template--26206028398910__main-desktop"
6171        ref="summary"
6172      >
6173        <span
6174          class="facets__label"
6175          id="sort-label-template--26206028398910__main"
6176        >Sort</span>
6177        <span
6178          class="facets__status h6 desktop:hidden"
6179        >Best selling</span>
6180        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6181  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6182</svg>
6183</span>
6184      </summary>
6185      <floating-panel-component
6186        id="sorting-options-template--26206028398910__main-desktop"
6187        class="sorting-filter__options color-scheme-1"
6188        role="listbox"
6189        aria-labelledby="sort-label-template--26206028398910__main"
6190        ref="listbox"
6191      >
6192        <div class="sorting-filter__options-inner">
6193          
6194            <label
6195              for="sort-option-manual-template--26206028398910__main"
6196            >
6197              <div
6198                class="sorting-filter__option"
6199                role="option"
6200                aria-selected="false"
6201                tabindex="-1"
6202              >
6203                <input
6204                  type="radio"
6205                  name="sort_by"
6206                  id="sort-option-manual-template--26206028398910__main"
6207                  
6208                    form="FacetFiltersForm--template--26206028398910__main-desktop"
6209                  
6210                  value="manual"
6211                  class="sorting-filter__input"
6212                  data-option-name="Featured"
6213                  
6214                  aria-hidden="true"
6215                >
6216                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6217<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6218</svg>
6219</span>
6220                <span class="sorting-filter__label">Featured</span>
6221              </div>
6222            </label>
6223          
6224            <label
6225              for="sort-option-most-relevant-template--26206028398910__main"
6226            >
6227              <div
6228                class="sorting-filter__option"
6229                role="option"
6230                aria-selected="false"
6231                tabindex="-1"
6232              >
6233                <input
6234                  type="radio"
6235                  name="sort_by"
6236                  id="sort-option-most-relevant-template--26206028398910__main"
6237                  
6238                    form="FacetFiltersForm--template--26206028398910__main-desktop"
6239                  
6240                  value="most-relevant"
6241                  class="sorting-filter__input"
6242                  data-option-name="Most relevant"
6243                  
6244                  aria-hidden="true"
6245                >
6246                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6247<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6248</svg>
6249</span>
6250                <span class="sorting-filter__label">Most relevant</span>
6251              </div>
6252            </label>
6253          
6254            <label
6255              for="sort-option-best-selling-template--26206028398910__main"
6256            >
6257              <div
6258                class="sorting-filter__option"
6259                role="option"
6260                aria-selected="true"
6261                tabindex="0"
6262              >
6263                <input
6264                  type="radio"
6265                  name="sort_by"
6266                  id="sort-option-best-selling-template--26206028398910__main"
6267                  
6268                    form="FacetFiltersForm--template--26206028398910__main-desktop"
6269                  
6270                  value="best-selling"
6271                  class="sorting-filter__input"
6272                  data-option-name="Best selling"
6273                  
6274                    checked
6275                  
6276                  aria-hidden="true"
6277                >
6278                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6279<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6280</svg>
6281</span>
6282                <span class="sorting-filter__label">Best selling</span>
6283              </div>
6284            </label>
6285          
6286            <label
6287              for="sort-option-title-ascending-template--26206028398910__main"
6288            >
6289              <div
6290                class="sorting-filter__option"
6291                role="option"
6292                aria-selected="false"
6293                tabindex="-1"
6294              >
6295                <input
6296                  type="radio"
6297                  name="sort_by"
6298                  id="sort-option-title-ascending-template--26206028398910__main"
6299                  
6300                    form="FacetFiltersForm--template--26206028398910__main-desktop"
6301                  
6302                  value="title-ascending"
6303                  class="sorting-filter__input"
6304                  data-option-name="Alphabetically, A-Z"
6305                  
6306                  aria-hidden="true"
6307                >
6308                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6309<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6310</svg>
6311</span>
6312                <span class="sorting-filter__label">Alphabetically, A-Z</span>
6313              </div>
6314            </label>
6315          
6316            <label
6317              for="sort-option-title-descending-template--26206028398910__main"
6318            >
6319              <div
6320                class="sorting-filter__option"
6321                role="option"
6322                aria-selected="false"
6323                tabindex="-1"
6324              >
6325                <input
6326                  type="radio"
6327                  name="sort_by"
6328                  id="sort-option-title-descending-template--26206028398910__main"
6329                  
6330                    form="FacetFiltersForm--template--26206028398910__main-desktop"
6331                  
6332                  value="title-descending"
6333                  class="sorting-filter__input"
6334                  data-option-name="Alphabetically, Z-A"
6335                  
6336                  aria-hidden="true"
6337                >
6338                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6339<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6340</svg>
6341</span>
6342                <span class="sorting-filter__label">Alphabetically, Z-A</span>
6343              </div>
6344            </label>
6345          
6346            <label
6347              for="sort-option-price-ascending-template--26206028398910__main"
6348            >
6349              <div
6350                class="sorting-filter__option"
6351                role="option"
6352                aria-selected="false"
6353                tabindex="-1"
6354              >
6355                <input
6356                  type="radio"
6357                  name="sort_by"
6358                  id="sort-option-price-ascending-template--26206028398910__main"
6359                  
6360                    form="FacetFiltersForm--template--26206028398910__main-desktop"
6361                  
6362                  value="price-ascending"
6363                  class="sorting-filter__input"
6364                  data-option-name="Price, low to high"
6365                  
6366                  aria-hidden="true"
6367                >
6368                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6369<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6370</svg>
6371</span>
6372                <span class="sorting-filter__label">Price, low to high</span>
6373              </div>
6374            </label>
6375          
6376            <label
6377              for="sort-option-price-descending-template--26206028398910__main"
6378            >
6379              <div
6380                class="sorting-filter__option"
6381                role="option"
6382                aria-selected="false"
6383                tabindex="-1"
6384              >
6385                <input
6386                  type="radio"
6387                  name="sort_by"
6388                  id="sort-option-price-descending-template--26206028398910__main"
6389                  
6390                    form="FacetFiltersForm--template--26206028398910__main-desktop"
6391                  
6392                  value="price-descending"
6393                  class="sorting-filter__input"
6394                  data-option-name="Price, high to low"
6395                  
6396                  aria-hidden="true"
6397                >
6398                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6399<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6400</svg>
6401</span>
6402                <span class="sorting-filter__label">Price, high to low</span>
6403              </div>
6404            </label>
6405          
6406            <label
6407              for="sort-option-created-ascending-template--26206028398910__main"
6408            >
6409              <div
6410                class="sorting-filter__option"
6411                role="option"
6412                aria-selected="false"
6413                tabindex="-1"
6414              >
6415                <input
6416                  type="radio"
6417                  name="sort_by"
6418                  id="sort-option-created-ascending-template--26206028398910__main"
6419                  
6420                    form="FacetFiltersForm--template--26206028398910__main-desktop"
6421                  
6422                  value="created-ascending"
6423                  class="sorting-filter__input"
6424                  data-option-name="Date, old to new"
6425                  
6426                  aria-hidden="true"
6427                >
6428                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6429<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6430</svg>
6431</span>
6432                <span class="sorting-filter__label">Date, old to new</span>
6433              </div>
6434            </label>
6435          
6436            <label
6437              for="sort-option-created-descending-template--26206028398910__main"
6438            >
6439              <div
6440                class="sorting-filter__option"
6441                role="option"
6442                aria-selected="false"
6443                tabindex="-1"
6444              >
6445                <input
6446                  type="radio"
6447                  name="sort_by"
6448                  id="sort-option-created-descending-template--26206028398910__main"
6449                  
6450                    form="FacetFiltersForm--template--26206028398910__main-desktop"
6451                  
6452                  value="created-descending"
6453                  class="sorting-filter__input"
6454                  data-option-name="Date, new to old"
6455                  
6456                  aria-hidden="true"
6457                >
6458                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6459<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6460</svg>
6461</span>
6462                <span class="sorting-filter__label">Date, new to old</span>
6463              </div>
6464            </label>
6465          
6466        </div>
6467      </floating-panel-component>
6468    </details>
6469  
6470</accordion-custom>
6471
6472
6473
6474
6475
6476</sorting-filter-component>
6477
6478
6479
6480              
6481
6482              
6483                <div class="column-options-wrapper">
6484  <fieldset class="column-options">
6485    <legend class="column-options__legend visually-hidden">
6486      Column grid
6487    </legend>
6488
6489    
6490      <label class="column-options__option">
6491        <input
6492          type="radio"
6493          name="grid"
6494          value="default"
6495          class="column-options__option-input"
6496          checked
6497          aria-label="Default"
6498          data-grid-layout="desktop-default-option"
6499          on:change="results-list/updateLayout"
6500          data-skip-node-update
6501        >
6502        <span class="column-picker column-picker--default"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
6503<path fill-rule="evenodd" clip-rule="evenodd" d="M13.324 3.5H14.176C14.434 3.5 14.67 3.5 14.868 3.516C15.081 3.534 15.314 3.573 15.544 3.691C15.874 3.859 16.142 4.126 16.309 4.456C16.427 4.686 16.466 4.919 16.484 5.132C16.5 5.33 16.5 5.566 16.5 5.824V6.676C16.5 6.934 16.5 7.17 16.484 7.368C16.471 7.6027 16.4115 7.83248 16.309 8.044C16.1412 8.3734 15.8734 8.6412 15.544 8.809C15.3325 8.91164 15.1027 8.97113 14.868 8.984C14.67 9 14.434 9 14.176 9H13.324C13.066 9 12.83 9 12.632 8.984C12.3973 8.97103 12.1675 8.91154 11.956 8.809C11.6266 8.6412 11.3588 8.3734 11.191 8.044C11.0885 7.83248 11.029 7.6027 11.016 7.368C11 7.17 11 6.934 11 6.676V5.824C11 5.566 11 5.33 11.016 5.132C11.0289 4.89728 11.0884 4.66748 11.191 4.456C11.3585 4.12675 11.626 3.85897 11.955 3.691C12.185 3.573 12.419 3.534 12.632 3.516C12.83 3.5 13.066 3.5 13.324 3.5ZM12.633 5.029C12.6726 5.01906 12.7132 5.01304 12.754 5.011C12.884 5.001 13.058 5 13.35 5H14.15C14.442 5 14.617 5 14.746 5.011C14.7865 5.0131 14.8267 5.01913 14.866 5.029C14.9107 5.05229 14.9473 5.08854 14.971 5.133C14.9809 5.17266 14.9869 5.21318 14.989 5.254C14.999 5.384 15 5.558 15 5.85V6.65C15 6.942 15 7.117 14.989 7.246C14.9868 7.28648 14.9808 7.32666 14.971 7.366C14.9477 7.41068 14.9115 7.44728 14.867 7.471C14.8274 7.48094 14.7868 7.48696 14.746 7.489C14.616 7.499 14.442 7.5 14.15 7.5H13.35C13.058 7.5 12.883 7.5 12.754 7.489C12.7135 7.4869 12.6733 7.48087 12.634 7.471C12.5893 7.44771 12.5527 7.41146 12.529 7.367C12.5191 7.32734 12.5131 7.28682 12.511 7.246C12.5003 7.04753 12.4966 6.84873 12.5 6.65V5.85C12.5 5.558 12.5 5.383 12.511 5.254C12.5132 5.21352 12.5192 5.17334 12.529 5.134C12.5523 5.08932 12.5885 5.05272 12.633 5.029Z" fill="currentColor"/>
6504<path fill-rule="evenodd" clip-rule="evenodd" d="M5.824 3.5H6.676C6.934 3.5 7.17 3.5 7.368 3.516C7.581 3.534 7.814 3.573 8.044 3.691C8.374 3.859 8.642 4.126 8.809 4.456C8.927 4.686 8.966 4.919 8.984 5.132C9 5.33 9 5.566 9 5.824V6.676C9 6.934 9 7.17 8.984 7.368C8.971 7.6027 8.91152 7.83248 8.809 8.044C8.6412 8.3734 8.3734 8.6412 8.044 8.809C7.83252 8.91164 7.60272 8.97113 7.368 8.984C7.17 9 6.934 9 6.676 9H5.824C5.566 9 5.33 9 5.132 8.984C4.8973 8.97103 4.66751 8.91154 4.456 8.809C4.12
650466 8.6412 3.8588 8.3734 3.691 8.044C3.58848 7.83248 3.529 7.6027 3.516 7.368C3.5 7.17 3.5 6.934 3.5 6.676V5.824C3.5 5.566 3.5 5.33 3.516 5.132C3.52887 4.89728 3.58836 4.66748 3.691 4.456C3.85854 4.12675 4.12597 3.85897 4.455 3.691C4.685 3.573 4.919 3.534 5.132 3.516C5.33 3.5 5.566 3.5 5.824 3.5ZM5.133 5.029C5.17265 5.01906 5.21318 5.01304 5.254 5.011C5.384 5.001 5.558 5 5.85 5H6.65C6.942 5 7.117 5 7.246 5.011C7.28649 5.0131 7.32668 5.01913 7.366 5.029C7.41068 5.05229 7.44728 5.08854 7.471 5.133C7.48086 5.17266 7.48689 5.21318 7.489 5.254C7.499 5.384 7.5 5.558 7.5 5.85V6.65C7.5 6.942 7.5 7.117 7.489 7.246C7.48683 7.28648 7.4808 7.32666 7.471 7.366C7.44771 7.41068 7.41146 7.44728 7.367 7.471C7.32735 7.48094 7.28682 7.48696 7.246 7.489C7.116 7.499 6.942 7.5 6.65 7.5H5.85C5.558 7.5 5.383 7.5 5.254 7.489C5.21351 7.4869 5.17332 7.48087 5.134 7.471C5.08932 7.44771 5.05272 7.41146 5.029 7.367C5.01914 7.32734 5.01311 7.28682 5.011 7.246C5.00026 7.04753 4.99659 6.84873 5 6.65V5.85C5 5.558 5 5.383 5.011 5.254C5.01317 5.21352 5.0192 5.17334 5.029 5.134C5.05229 5.08932 5.08854 5.05272 5.133 5.029Z" fill="currentColor"/>
6505<path fill-rule="evenodd" clip-rule="evenodd" d="M13.324 11H14.176C14.434 11 14.67 11 14.868 11.016C15.081 11.034 15.314 11.073 15.544 11.191C15.874 11.359 16.142 11.626 16.309 11.956C16.427 12.186 16.466 12.419 16.484 12.632C16.5 12.83 16.5 13.066 16.5 13.324V14.176C16.5 14.434 16.5 14.67 16.484 14.868C16.471 15.1027 16.4115 15.3325 16.309 15.544C16.1412 15.8734 15.8734 16.1412 15.544 16.309C15.3325 16.4116 15.1027 16.4711 14.868 16.484C14.67 16.5 14.434 16.5 14.176 16.5H13.324C13.066 16.5 12.83 16.5 12.632 16.484C12.3973 16.471 12.1675 16.4115 11.956 16.309C11.6266 16.1412 11.3588 15.8734 11.191 15.544C11.0885 15.3325 11.029 15.1027 11.016 14.868C11 14.67 11 14.434 11 14.176V13.324C11 13.066 11 12.83 11.016 12.632C11.0289 12.3973 11.0884 12.1675 11.191 11.956C11.3585 11.6268 11.626 11.359 11.955 11.191C12.185 11.073 12.419 11.034 12.632 11.016C12.83 11 13.066 11 13.324 11ZM12.633 12.529C12.6726 12.5191 12.7132 12.513 12.754 12.511C12.884 12.501 13.058 12.5 13.35 12.5H14.15C14.442 12.5 14.617 12.5 14.746 12.511C14.7865 12.5131 14.8267 12.5191 14.866 12.529C14.9107 12.5523 14.9473 12.5885 14.971 12.633C14.9809 12.6727 14.9869 12.7132 14.989 12.754C14.999 12.884 15 13.058 15 13.35V14.15C15 14.442 15 14.617 14.989 14.746C14.9868 14.7865 14.9808 14.8267 14.971 14.866C14.9477 14.9107 14.9115 14.9473 14.867 14.971C14.8274 14.9809 14.7868 14.987 14.746 14.989C14.616 14.999 14.442 15 14.15 15H13.35C13.058 15 12.883 15 12.754 14.989C12.7135 14.9869 12.6733 14.9809 12.634 14.971C12.5893 14.9477 12.5527 14.9115 12.529 14.867C12.5191 14.8273 12.5131 14.7868 12.511 14.746C12.5003 14.5475 12.4966 14.3487 12.5 14.15V13.35C12.5 13.058 12.5 12.883 12.511 12.754C12.5132 12.7135 12.5192 12.6733 12.529 12.634C12.5523 12.5893 12.5885 12.5527 12.633 12.529Z" fill="currentColor"/>
6506<path fill-rule="evenodd" clip-rule="evenodd" d="M6.676 16.5H5.824C5.566 16.5 5.33 16.5 5.132 16.484C4.8973 16.471 4.66752 16.4115 4.456 16.309C4.1266 16.1412 3.8588 15.8734 3.691 15.544C3.58846 15.3325 3.52897 15.1027 3.516 14.868C3.5 14.67 3.5 14.434 3.5 14.176V13.324C3.5 13.066 3.5 12.83 3.516 12.632C3.52887 12.3973 3.58836 12.1675 3.691 11.956C3.8588 11.6266 4.1266 11.3588 4.456 11.191C4.686 11.073 4.919 11.033 5.132 11.016C5.33 11 5.566 11 5.824 11H6.676C6.934 11 7.17 11 7.368 11.016C7.581 11.034 7.814 11.073 8.044 11.191C8.374 11.358 8.641 11.626 8.809 11.955C8.927 12.185 8.966 12.419 8.984 12.632C9 12.83 9 13.066 9 13.324V14.176C9 14.434 9 14.67 8.984 14.868C8.97103 15.1027 8.91154 15.3325 8.809 15.544C8.6412 15.8734 8.3734 16.1412 8.044 16.309C7.83252 16.4116 7.60272 16.4711 7.368 16.484C7.17 16.5 6.934 16.5 6.676 16.5ZM7.367 14.971C7.32734 14.9809 7.28682 14.9869 7.246 14.989C7.116 14.999 6.942 15 6.65 15H5.85C5.558 15 5.383 15 5.254 14.989C5.21352 14.9868 5.17334 14.9808 5.134 14.971C5.08932 14.9477 5.05272 14.9115 5.029 14.867C5.01906 14.8274 5.01304 14.7868 5.
6506011 14.746C5.00023 14.5475 4.99656 14.3487 5 14.15V13.35C5 13.058 5 12.883 5.011 12.754C5.0131 12.7135 5.01913 12.6733 5.029 12.634C5.05229 12.5893 5.08854 12.5527 5.133 12.529C5.17266 12.5191 5.21318 12.5131 5.254 12.511C5.384 12.501 5.558 12.5 5.85 12.5H6.65C6.942 12.5 7.117 12.5 7.246 12.511C7.28648 12.5132 7.32666 12.5192 7.366 12.529C7.41068 12.5523 7.44728 12.5885 7.471 12.633C7.48094 12.6726 7.48696 12.7132 7.489 12.754C7.499 12.884 7.5 13.058 7.5 13.35V14.15C7.5 14.442 7.5 14.617 7.489 14.746C7.4869 14.7865 7.48087 14.8267 7.471 14.866C7.44771 14.9107 7.41146 14.9473 7.367 14.971Z" fill="currentColor"/>
6507</svg>
6508</span>
6509      </label>
6510
6511      <label class="column-options__option">
6512        <input
6513          type="radio"
6514          name="grid"
6515          value="zoom-out"
6516          class="column-options__option-input"
6517          aria-label="Zoom out"
6518          on:change="results-list/updateLayout"
6519          data-skip-node-update
6520        >
6521        <span class="column-picker column-picker--zoom-out"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
6522<path d="M15 6C15.2652 6 15.5196 5.89464 15.7071 5.70711C15.8946 5.51957 16 5.26522 16 5C16 4.73478 15.8946 4.48043 15.7071 4.29289C15.5196 4.10536 15.2652 4 15 4C14.7348 4 14.4804 4.10536 14.2929 4.29289C14.1054 4.48043 14 4.73478 14 5C14 5.26522 14.1054 5.51957 14.2929 5.70711C14.4804 5.89464 14.7348 6 15 6Z" fill="currentColor"/>
6523<path d="M5 6C5.26522 6 5.51957 5.89464 5.70711 5.70711C5.89464 5.51957 6 5.26522 6 5C6 4.73478 5.89464 4.48043 5.70711 4.29289C5.51957 4.10536 5.26522 4 5 4C4.73478 4 4.48043 4.10536 4.29289 4.29289C4.10536 4.48043 4 4.73478 4 5C4 5.26522 4.10536 5.51957 4.29289 5.70711C4.48043 5.89464 4.73478 6 5 6Z" fill="currentColor"/>
6524<path d="M5 11C5.26522 11 5.51957 10.8946 5.70711 10.7071C5.89464 10.5196 6 10.2652 6 10C6 9.73478 5.89464 9.48043 5.70711 9.29289C5.51957 9.10536 5.26522 9 5 9C4.73478 9 4.48043 9.10536 4.29289 9.29289C4.10536 9.48043 4 9.73478 4 10C4 10.2652 4.10536 10.5196 4.29289 10.7071C4.48043 10.8946 4.73478 11 5 11Z" fill="currentColor"/>
6525<path d="M5 16C5.26522 16 5.51957 15.8946 5.70711 15.7071C5.89464 15.5196 6 15.2652 6 15C6 14.7348 5.89464 14.4804 5.70711 14.2929C5.51957 14.1054 5.26522 14 5 14C4.73478 14 4.48043 14.1054 4.29289 14.2929C4.10536 14.4804 4 14.7348 4 15C4 15.2652 4.10536 15.5196 4.29289 15.7071C4.48043 15.8946 4.73478 16 5 16Z" fill="currentColor"/>
6526<path d="M10 6C10.2652 6 10.5196 5.89464 10.7071 5.70711C10.8946 5.51957 11 5.26522 11 5C11 4.73478 10.8946 4.48043 10.7071 4.29289C10.5196 4.10536 10.2652 4 10 4C9.73478 4 9.48043 4.10536 9.29289 4.29289C9.10536 4.48043 9 4.73478 9 5C9 5.26522 9.10536 5.51957 9.29289 5.70711C9.48043 5.89464 9.73478 6 10 6Z" fill="currentColor"/>
6527<path d="M10 11C10.2652 11 10.5196 10.8946 10.7071 10.7071C10.8946 10.5196 11 10.2652 11 10C11 9.73478 10.8946 9.48043 10.7071 9.29289C10.5196 9.10536 10.2652 9 10 9C9.73478 9 9.48043 9.10536 9.29289 9.29289C9.10536 9.48043 9 9.73478 9 10C9 10.2652 9.10536 10.5196 9.29289 10.7071C9.48043 10.8946 9.73478 11 10 11Z" fill="currentColor"/>
6528<path d="M10 16C10.2652 16 10.5196 15.8946 10.7071 15.7071C10.8946 15.5196 11 15.2652 11 15C11 14.7348 10.8946 14.4804 10.7071 14.2929C10.5196 14.1054 10.2652 14 10 14C9.73478 14 9.48043 14.1054 9.29289 14.2929C9.10536 14.4804 9 14.7348 9 15C9 15.2652 9.10536 15.5196 9.29289 15.7071C9.48043 15.8946 9.73478 16 10 16Z" fill="currentColor"/>
6529<path d="M15 11C15.2652 11 15.5196 10.8946 15.7071 10.7071C15.8946 10.5196 16 10.2652 16 10C16 9.73478 15.8946 9.48043 15.7071 9.29289C15.5196 9.10536 15.2652 9 15 9C14.7348 9 14.4804 9.10536 14.2929 9.29289C14.1054 9.48043 14 9.73478 14 10C14 10.2652 14.1054 10.5196 14.2929 10.7071C14.4804 10.8946 14.7348 11 15 11Z" fill="currentColor"/>
6530<path d="M16 15C16 15.2652 15.8946 15.5196 15.7071 15.7071C15.5196 15.8946 15.2652 16 15 16C14.7348 16 14.4804 15.8946 14.2929 15.7071C14.1054 15.5196 14 15.2652 14 15C14 14.7348 14.1054 14.4804 14.2929 14.2929C14.4804 14.1054 14.7348 14 15 14C15.2652 14 15.5196 14.1054 15.7071 14.2929C15.8946 14.4804 16 14.7348 16 15Z" fill="currentColor"/>
6531</svg>
6532</span>
6533      </label>
6534    
6535  </fieldset>
6536</div>
6537
6538
6539
6540              
6541            
6542          
6543        </form>
6544      </facets-form-component>
6545    </div>
6546  </div>
6547
6548  <div
6549    class="facets-toggle"
6550    style="
6551      --facets-inner-padding-block: 8px 8px; --facets-inner-padding-inline: var(--padding-lg);
6552      --facets-margin: 0px  0px 8px 0px;
6553    "
6554  >
6555    
6556      <div class="facets-toggle__wrapper">
6557        <button
6558          class="button facets-toggle__button button-unstyled button-unstyled--with-icon"
6559          on:click="#filters-drawer/showDialog"
6560          type="button"
6561          aria-haspopup="dialog"
6562        >
6563          <span class="svg-wrapper">
6564            <svg aria-hidden="true" width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M16.823 6h-12m10 4h-8m2 4h4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" /></svg>
6565
6566          </span>
6567
6568          Filter
6569
6570          
6571        </button>
6572      </div>
6573    
6574
6575    
6576
6577    <div class="facets-mobile-wrapper facets-controls-wrapper">
6578      
6579      
6580        <div class="column-options-wrapper">
6581  <fieldset class="column-options">
6582    <legend class="column-options__legend visually-hidden">
6583      Column grid
6584    </legend>
6585
6586    
6587      <label class="column-options__option">
6588        <input
6589          type="radio"
6590          name="grid-mobile"
6591          value="mobile-single"
6592          class="column-options__option-input"
6593          aria-label="Single"
6594          on:change="results-list/updateLayout"
6595        >
6596        <span class="column-picker column-picker-mobile--single"><svg aria-hidden="true" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
6597<rect x="4.75" y="4.25" width="10" height="12" rx="2.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/>
6598</svg>
6599</span>
6600      </label>
6601
6602      <label class="column-options__option">
6603        <input
6604          type="radio"
6605          class="column-options__option-input"
6606          name="grid-mobile"
6607          value="default"
6608          checked
6609          aria-label="Default"
6610          data-grid-layout="mobile-option"
6611          on:change="results-list/updateLayout"
6612        >
6613        <span class="column-picker column-picker-mobile--double"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
6614<path fill-rule="evenodd" clip-rule="evenodd" d="M13.324 3.5H14.176C14.434 3.5 14.67 3.5 14.868 3.516C15.081 3.534 15.314 3.573 15.544 3.691C15.874 3.859 16.142 4.126 16.309 4.456C16.427 4.686 16.466 4.919 16.484 5.132C16.5 5.33 16.5 5.566 16.5 5.824V6.676C16.5 6.934 16.5 7.17 16.484 7.368C16.471 7.6027 16.4115 7.83248 16.309 8.044C16.1412 8.3734 15.8734 8.6412 15.544 8.809C15.3325 8.91164 15.1027 8.97113 14.868 8.984C14.67 9 14.434 9 14.176 9H13.324C13.066 9 12.83 9 12.632 8.984C12.3973 8.97103 12.1675 8.91154 11.956 8.809C11.6266 8.6412 11.3588 8.3734 11.191 8.044C11.0885 7.83248 11.029 7.6027 11.016 7.368C11 7.17 11 6.934 11 6.676V5.824C11 5.566 11 5.33 11.016 5.132C11.0289 4.89728 11.0884 4.66748 11.191 4.456C11.3585 4.12675 11.626 3.85897 11.955 3.691C12.185 3.573 12.419 3.534 12.632 3.516C12.83 3.5 13.066 3.5 13.324 3.5ZM12.633 5.029C12.6726 5.01906 12.7132 5.01304 12.754 5.011C12.884 5.001 13.058 5 13.35 5H14.15C14.442 5 14.617 5 14.746 5.011C14.7865 5.0131 14.8267 5.01913 14.866 5.029C14.9107 5.05229 14.9473 5.08854 14.971 5.133C14.9809 5.17266 14.9869 5.21318 14.989 5.254C14.999 5.384 15 5.558 15 5.85V6.65C15 6.942 15 7.117 14.989 7.246C14.9868 7.28648 14.9808 7.32666 14.971 7.366C14.9477 7.41068 14.9115 7.44728 14.867 7.471C14.8274 7.48094 14.7868 7.48696 14.746 7.489C14.616 7.499 14.442 7.5 14.15 7.5H13.35C13.058 7.5 12.883 7.5 12.754 7.489C12.7135 7.4869 12.6733 7.48087 12.634 7.471C12.5893 7.44771 12.5527 7.41146 12.529 7.367C12.5191 7.32734 12.5131 7.28682 12.511 7.246C12.5003 7.04753 12.4966 6.84873 12.5 6.65V5.85C12.5 5.558 12.5 5.383 12.511 5.254C12.5132 5.21352 12.5192 5.17334 12.529 5.134C12.5523 5.08932 12.5885 5.05272 12.633 5.029Z" fill="currentColor"/>
6615<path fill-rule="evenodd" clip-rule="evenodd" d="M5.824 3.5H6.676C6.934 3.5 7.17 3.5 7.368 3.516C7.581 3.534 7.814 3.573 8.044 3.691C8.374 3.859 8.642 4.126 8.809 4.456C8.927 4.686 8.966 4.919 8.984 5.132C9 5.33 9 5.566 9 5.824V6.676C9 6.934 9 7.17 8.984 7.368C8.971 7.6027 8.91152 7.83248 8.809 8.044C8.6412 8.3734 8.3734 8.6412 8.044 8.809C7.83252 8.91164 7.60272 8.97113 7.368 8.984C7.17 9 6.934 9 6.676 9H5.824C5.566 9 5.33 9 5.132 8.984C4.8973 8.97103 4.66751 8.91154 4.456 8.809C4.1266 8.6412 3.8588 8.3734 3.691 8.044C3.58848 7.83248 3.529 7.6027 3.516 7.368C3.5 7.17 3.5 6.934 3.5 6.676V5.824C3.5 5.566 3.5 5.33 3.516 5.132C3.52887 4.89728 3.58836 4.66748 3.691 4.456C3.85854 4.12675 4.12597 3.85897 4.455 3.691C4.685 3.573 4.919 3.534 5.132 3.516C5.33 3.5 5.566 3.5 5.824 3.5ZM5.133 5.029C5.17265 5.01906 5.21318 5.01304 5.254 5.011C5.384 5.001 5.558 5 5.85 5H6.65C6.942 5 7.117 5 7.246 5.011C7.28649 5.0131 7.32668 5.01913 7.366 5.029C7.41068 5.05229 7.44728 5.08854 7.471 5.133C7.48086 5.17266 7.48689 5.21318 7.489 5.254C7.499 5.384 7.5 5.558 7.5 5.85V6.65C7.5 6.942 7.5 7.117 7.489 7.246C7.48683 7.28648 7.4808 7.32666 7.471 7.366C7.44771 7.41068 7.41146 7.44728 7.367 7.471C7.32735 7.48094 7.28
6615682 7.48696 7.246 7.489C7.116 7.499 6.942 7.5 6.65 7.5H5.85C5.558 7.5 5.383 7.5 5.254 7.489C5.21351 7.4869 5.17332 7.48087 5.134 7.471C5.08932 7.44771 5.05272 7.41146 5.029 7.367C5.01914 7.32734 5.01311 7.28682 5.011 7.246C5.00026 7.04753 4.99659 6.84873 5 6.65V5.85C5 5.558 5 5.383 5.011 5.254C5.01317 5.21352 5.0192 5.17334 5.029 5.134C5.05229 5.08932 5.08854 5.05272 5.133 5.029Z" fill="currentColor"/>
6616<path fill-rule="evenodd" clip-rule="evenodd" d="M13.324 11H14.176C14.434 11 14.67 11 14.868 11.016C15.081 11.034 15.314 11.073 15.544 11.191C15.874 11.359 16.142 11.626 16.309 11.956C16.427 12.186 16.466 12.419 16.484 12.632C16.5 12.83 16.5 13.066 16.5 13.324V14.176C16.5 14.434 16.5 14.67 16.484 14.868C16.471 15.1027 16.4115 15.3325 16.309 15.544C16.1412 15.8734 15.8734 16.1412 15.544 16.309C15.3325 16.4116 15.1027 16.4711 14.868 16.484C14.67 16.5 14.434 16.5 14.176 16.5H13.324C13.066 16.5 12.83 16.5 12.632 16.484C12.3973 16.471 12.1675 16.4115 11.956 16.309C11.6266 16.1412 11.3588 15.8734 11.191 15.544C11.0885 15.3325 11.029 15.1027 11.016 14.868C11 14.67 11 14.434 11 14.176V13.324C11 13.066 11 12.83 11.016 12.632C11.0289 12.3973 11.0884 12.1675 11.191 11.956C11.3585 11.6268 11.626 11.359 11.955 11.191C12.185 11.073 12.419 11.034 12.632 11.016C12.83 11 13.066 11 13.324 11ZM12.633 12.529C12.6726 12.5191 12.7132 12.513 12.754 12.511C12.884 12.501 13.058 12.5 13.35 12.5H14.15C14.442 12.5 14.617 12.5 14.746 12.511C14.7865 12.5131 14.8267 12.5191 14.866 12.529C14.9107 12.5523 14.9473 12.5885 14.971 12.633C14.9809 12.6727 14.9869 12.7132 14.989 12.754C14.999 12.884 15 13.058 15 13.35V14.15C15 14.442 15 14.617 14.989 14.746C14.9868 14.7865 14.9808 14.8267 14.971 14.866C14.9477 14.9107 14.9115 14.9473 14.867 14.971C14.8274 14.9809 14.7868 14.987 14.746 14.989C14.616 14.999 14.442 15 14.15 15H13.35C13.058 15 12.883 15 12.754 14.989C12.7135 14.9869 12.6733 14.9809 12.634 14.971C12.5893 14.9477 12.5527 14.9115 12.529 14.867C12.5191 14.8273 12.5131 14.7868 12.511 14.746C12.5003 14.5475 12.4966 14.3487 12.5 14.15V13.35C12.5 13.058 12.5 12.883 12.511 12.754C12.5132 12.7135 12.5192 12.6733 12.529 12.634C12.5523 12.5893 12.5885 12.5527 12.633 12.529Z" fill="currentColor"/>
6617<path fill-rule="evenodd" clip-rule="evenodd" d="M6.676 16.5H5.824C5.566 16.5 5.33 16.5 5.132 16.484C4.8973 16.471 4.66752 16.4115 4.456 16.309C4.1266 16.1412 3.8588 15.8734 3.691 15.544C3.58846 15.3325 3.52897 15.1027 3.516 14.868C3.5 14.67 3.5 14.434 3.5 14.176V13.324C3.5 13.066 3.5 12.83 3.516 12.632C3.52887 12.3973 3.58836 12.1675 3.691 11.956C3.8588 11.6266 4.1266 11.3588 4.456 11.191C4.686 11.073 4.919 11.033 5.132 11.016C5.33 11 5.566 11 5.824 11H6.676C6.934 11 7.17 11 7.368 11.016C7.581 11.034 7.814 11.073 8.044 11.191C8.374 11.358 8.641 11.626 8.809 11.955C8.927 12.185 8.966 12.419 8.984 12.632C9 12.83 9 13.066 9 13.324V14.176C9 14.434 9 14.67 8.984 14.868C8.97103 15.1027 8.91154 15.3325 8.809 15.544C8.6412 15.8734 8.3734 16.1412 8.044 16.309C7.83252 16.4116 7.60272 16.4711 7.368 16.484C7.17 16.5 6.934 16.5 6.676 16.5ZM7.367 14.971C7.32734 14.9809 7.28682 14.9869 7.246 14.989C7.116 14.999 6.942 15 6.65 15H5.85C5.558 15 5.383 15 5.254 14.989C5.21352 14.9868 5.17334 14.9808 5.134 14.971C5.08932 14.9477 5.05272 14.9115 5.029 14.867C5.01906 14.8274 5.01304 14.7868 5.
6617011 14.746C5.00023 14.5475 4.99656 14.3487 5 14.15V13.35C5 13.058 5 12.883 5.011 12.754C5.0131 12.7135 5.01913 12.6733 5.029 12.634C5.05229 12.5893 5.08854 12.5527 5.133 12.529C5.17266 12.5191 5.21318 12.5131 5.254 12.511C5.384 12.501 5.558 12.5 5.85 12.5H6.65C6.942 12.5 7.117 12.5 7.246 12.511C7.28648 12.5132 7.32666 12.5192 7.366 12.529C7.41068 12.5523 7.44728 12.5885 7.471 12.633C7.48094 12.6726 7.48696 12.7132 7.489 12.754C7.499 12.884 7.5 13.058 7.5 13.35V14.15C7.5 14.442 7.5 14.617 7.489 14.746C7.4869 14.7865 7.48087 14.8267 7.471 14.866C7.44771 14.9107 7.41146 14.9473 7.367 14.971Z" fill="currentColor"/>
6618</svg>
6619</span>
6620      </label>
6621
6622    
6623  </fieldset>
6624</div>
6625
6626
6627
6628      
6629    </div>
6630  </div>
6631
6632
6633
6634  <dialog-component
6635    id="filters-drawer"
6636    class="facets-block-wrapper facets-block-wrapper--vertical color-scheme-1"
6637  >
6638    <dialog
6639      ref="dialog"
6640      class="facets facets--drawer dialog-modal drawer dialog-drawer dialog-drawer--right spacing-style"
6641      style="--padding-block-start: 8px;--padding-block-end: 8px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
6642      scroll-lock
6643      aria-labelledby="filters-drawer-heading"
6644    >
6645      
6646      <facets-form-component
6647        class="facets__form-wrapper facets-drawer__form-wrapper"
6648        section-id="template--26206028398910__main"
6649        id="FacetFiltersFormComponent--template--26206028398910__main-overflow"
6650      >
6651        <form
6652          action="/collections/all-products"
6653          id="FacetFiltersForm--template--26206028398910__main-overflow"
6654          class="facets__form"
6655          ref="facetsForm"
6656        >
6657          <div
6658            class="facets__title-wrapper"
6659            style="--color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
6660          >
6661            <h2
6662              id="filters-drawer-heading"
6663              class="facets-drawer__title h3"
6664            >
6665              Filter
6666
6667              
6668            </h2>
6669            <button
6670              class="facets-drawer__close button-unstyled close-button"
6671              on:click="dialog-component/closeDialog"
6672              type="button"
6673              aria-label="Close"
6674              autofocus
6675            >
6676              <span class="svg-wrapper svg-wrapper--small">
6677                <svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6678  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6679  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6680</svg>
6681
6682              </span>
6683            </button>
6684          </div>
6685
6686          <scroll-hint
6687            class="facets-drawer__filters"
6688          >
6689            
6690              <div class="facets-remove facets-remove--mobile-and-vertical"><h3 class="visually-hidden">Active filters:</h3>
6691
6692
6693
6694
6695
6696
6697
6698
6699
6700
6701
6702
6703</div>
6704
6705
6706
6707
6708              <div class="facets__filters-wrapper">
6709                
6710                
6711
6712                      
6713
6714<accordion-custom
6715  
6716    class="facets__item"
6717  
6718  
6719    open
6720  
6721  
6722    open-by-default-on-desktop
6723  
6724  
6725    open-by-default-on-mobile
6726  
6727  
6728  
6729  
6730  
6731  
6732    data-filter-param-name="filter-v-availability"
6733  
6734>
6735  
6736  <details
6737    id="Facet-Details-template--26206028398910__main-filter-v-availability"
6738    class="facets__panel"
6739    
6740    
6741      open
6742    
6743  >
6744    <summary class="facets__summary">
6745      <span class="facets__label">Availability</span>
6746
6747      <div class="facets__status-wrapper">
6748        
6749          <facet-status-component
6750            class="facets__status"
6751            facet-type="list"
6752            data-filter-style="vertical"
6753          >
6754            <span
6755              class="
6756                hide-when-empty
6757              "
6758              ref="facetStatus"
6759            ></span>
6760          </facet-status-component>
6761        
6762        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6763  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6764</svg>
6765</span>
6766      </div>
6767    </summary>
6768    <floating-panel-component
6769      
6770      class="facets__inputs facets__panel-content details-content"
6771      id="facet-inputs-filter-v-availability"
6772    >
6773      <facet-inputs-component
6774        on:change="/updateFilters"
6775        id="facet-inputs-component-filter-v-availability"
6776      >
6777        
6778        
6779
6780        <div
6781          class="facets__inputs-wrapper"
6782          ref="showMoreContent"
6783        >
6784          
6785          <ul
6786            id="filters-list-template--26206028398910__main-filter-v-availability"
6787            class="facets__inputs-list list-unstyled"
6788            
6789            
6790            name="Availability"
6791          >
6792              <li
6793                data-skip-node-update="true"
6794                class="
6795                  facets__inputs-list-item
6796                  
6797                  
6798                "
6799                
6800              >
6801                
6802                
6803                  
6804                    <div
6805  class="checkbox"
6806  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
6807>
6808  <input
6809    type="checkbox"
6810    name="filter.v.availability"
6811    value="1"
6812    id="Filter-filter-v-availability-1-vertical-true"
6813    class="checkbox__input"
6814    data-label="In stock"
6815    
6816    
6817    
6818    
6819    
6820      ref="facetInputs[]"
6821    
6822    
6823  >
6824  <label
6825    class="checkbox__label"
6826    for="Filter-filter-v-availability-1-vertical-true"
6827    
6828  >
6829    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6830<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6831</svg>
6832
6833    <span class="checkbox__label-text">In stock</span>
6834  </label>
6835</div>
6836
6837                  
6838                
6839              </li>
6840              <li
6841                data-skip-node-update="true"
6842                class="
6843                  facets__inputs-list-item
6844                  
6845                  
6846                "
6847                
6848              >
6849                
6850                
6851                  
6852                    <div
6853  class="checkbox"
6854  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
6855>
6856  <input
6857    type="checkbox"
6858    name="filter.v.availability"
6859    value="0"
6860    id="Filter-filter-v-availability-2-vertical-true"
6861    class="checkbox__input"
6862    data-label="Out of stock"
6863    
6864    
6865    
6866    
6867    
6868      ref="facetInputs[]"
6869    
6870    
6871  >
6872  <label
6873    class="checkbox__label"
6874    for="Filter-filter-v-availability-2-vertical-true"
6875    
6876  >
6877    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6878<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6879</svg>
6880
6881    <span class="checkbox__label-text">Out of stock</span>
6882  </label>
6883</div>
6884
6885                  
6886                
6887              </li></ul>
6888        </div>
6889        
6890
6891        
6892      </facet-inputs-component>
6893    </floating-panel-component>
6894  </details>
6895
6896</accordion-custom>
6897
6898
6899
6900
6901
6902
6903
6904
6905                  
6906
6907                      
6908
6909<accordion-custom
6910  
6911    class="facets__item"
6912  
6913  
6914    open
6915  
6916  
6917    open-by-default-on-desktop
6918  
6919  
6920    open-by-default-on-mobile
6921  
6922  
6923  
6924  
6925  
6926  
6927    data-filter-param-name="filter-p-t-category"
6928  
6929>
6930  
6931  <details
6932    id="Facet-Details-template--26206028398910__main-filter-p-t-category"
6933    class="facets__panel"
6934    
6935    
6936      open
6937    
6938  >
6939    <summary class="facets__summary">
6940      <span class="facets__label">Category</span>
6941
6942      <div class="facets__status-wrapper">
6943        
6944          <facet-status-component
6945            class="facets__status"
6946            facet-type="list"
6947            data-filter-style="vertical"
6948          >
6949            <span
6950              class="
6951                hide-when-empty
6952              "
6953              ref="facetStatus"
6954            ></span>
6955          </facet-status-component>
6956        
6957        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6958  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6959</svg>
6960</span>
6961      </div>
6962    </summary>
6963    <floating-panel-component
6964      
6965      class="facets__inputs facets__panel-content details-content"
6966      id="facet-inputs-filter-p-t-category"
6967    >
6968      <facet-inputs-component
6969        on:change="/updateFilters"
6970        id="facet-inputs-component-filter-p-t-category"
6971      >
6972        
6973        
6974
6975        <div
6976          class="facets__inputs-wrapper"
6977          ref="showMoreContent"
6978        >
6979          
6980          <ul
6981            id="filters-list-template--26206028398910__main-filter-p-t-category"
6982            class="facets__inputs-list list-unstyled"
6983            
6984            
6985            name="Category"
6986          >
6987              <li
6988                data-skip-node-update="true"
6989                class="
6990                  facets__inputs-list-item
6991                  
6992                  
6993                "
6994                
6995              >
6996                
6997                
6998                  
6999                    <div
7000  class="checkbox"
7001  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7002>
7003  <input
7004    type="checkbox"
7005    name="filter.p.t.category"
7006    value="hg-12-1"
7007    id="Filter-filter-p-t-category-1-vertical-true"
7008    class="checkbox__input"
7009    data-label="Gardening"
7010    
7011    
7012    
7013    
7014    
7015      ref="facetInputs[]"
7016    
7017    
7018  >
7019  <label
7020    class="checkbox__label"
7021    for="Filter-filter-p-t-category-1-vertical-true"
7022    
7023  >
7024    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7025<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7026</svg>
7027
7028    <span class="checkbox__label-text">Gardening</span>
7029  </label>
7030</div>
7031
7032                  
7033                
7034              </li>
7035              <li
7036                data-skip-node-update="true"
7037                class="
7038                  facets__inputs-list-item
7039                  
7040                  
7041                "
7042                
7043              >
7044                
7045                
7046                  
7047                    <div
7048  class="checkbox"
7049  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7050>
7051  <input
7052    type="checkbox"
7053    name="filter.p.t.category"
7054    value="gc"
7055    id="Filter-filter-p-t-category-2-vertical-true"
7056    class="checkbox__input"
7057    data-label="Gift Cards"
7058    
7059    
7060    
7061    
7062    
7063      ref="facetInputs[]"
7064    
7065    
7066  >
7067  <label
7068    class="checkbox__label"
7069    for="Filter-filter-p-t-category-2-vertical-true"
7070    
7071  >
7072    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7073<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7074</svg>
7075
7076    <span class="checkbox__label-text">Gift Cards</span>
7077  </label>
7078</div>
7079
7080                  
7081                
7082              </li>
7083              <li
7084                data-skip-node-update="true"
7085                class="
7086                  facets__inputs-list-item
7087                  
7088                  
7089                "
7090                
7091              >
7092                
7093                
7094                  
7095                    <div
7096  class="checkbox"
7097  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7098>
7099  <input
7100    type="checkbox"
7101    name="filter.p.t.category"
7102    value="hg-17"
7103    id="Filter-filter-p-t-category-3-vertical-true"
7104    class="checkbox__input"
7105    data-label="Plants"
7106    
7107    
7108    
7109    
7110    
7111      ref="facetInputs[]"
7112    
7113    
7114  >
7115  <label
7116    class="checkbox__label"
7117    for="Filter-filter-p-t-category-3-vertical-true"
7118    
7119  >
7120    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7121<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7122</svg>
7123
7124    <span class="checkbox__label-text">Plants</span>
7125  </label>
7126</div>
7127
7128                  
7129                
7130              </li>
7131              <li
7132                data-skip-node-update="true"
7133                class="
7134                  facets__inputs-list-item
7135                  
7136                  
7137                "
7138                
7139              >
7140                
7141                
7142                  
7143                    <div
7144  class="checkbox"
7145  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7146>
7147  <input
7148    type="checkbox"
7149    name="filter.p.t.category"
7150    value="hg-17-6"
7151    id="Filter-filter-p-t-category-4-vertical-true"
7152    class="checkbox__input"
7153    data-label="Trees"
7154    
7155    
7156    
7157    
7158    
7159      ref="facetInputs[]"
7160    
7161    
7162  >
7163  <label
7164    class="checkbox__label"
7165    for="Filter-filter-p-t-category-4-vertical-true"
7166    
7167  >
7168    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7169<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7170</svg>
7171
7172    <span class="checkbox__label-text">Trees</span>
7173  </label>
7174</div>
7175
7176                  
7177                
7178              </li></ul>
7179        </div>
7180        
7181
7182        
7183      </facet-inputs-component>
7184    </floating-panel-component>
7185  </details>
7186
7187</accordion-custom>
7188
7189
7190
7191
7192
7193
7194
7195
7196                  
7197
7198                      
7199
7200<accordion-custom
7201  
7202    class="facets__item"
7203  
7204  
7205    open
7206  
7207  
7208    open-by-default-on-desktop
7209  
7210  
7211    open-by-default-on-mobile
7212  
7213  
7214  
7215  
7216  
7217  
7218    data-filter-param-name="filter-v-t-shopify-sunlight"
7219  
7220>
7221  
7222  <details
7223    id="Facet-Details-template--26206028398910__main-filter-v-t-shopify-sunlight"
7224    class="facets__panel"
7225    
7226    
7227      open
7228    
7229  >
7230    <summary class="facets__summary">
7231      <span class="facets__label">Sunlight</span>
7232
7233      <div class="facets__status-wrapper">
7234        
7235          <facet-status-component
7236            class="facets__status"
7237            facet-type="list"
7238            data-filter-style="vertical"
7239          >
7240            <span
7241              class="
7242                hide-when-empty
7243              "
7244              ref="facetStatus"
7245            ></span>
7246          </facet-status-component>
7247        
7248        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
7249  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7250</svg>
7251</span>
7252      </div>
7253    </summary>
7254    <floating-panel-component
7255      
7256      class="facets__inputs facets__panel-content details-content"
7257      id="facet-inputs-filter-v-t-shopify-sunlight"
7258    >
7259      <facet-inputs-component
7260        on:change="/updateFilters"
7261        id="facet-inputs-component-filter-v-t-shopify-sunlight"
7262      >
7263        
7264        
7265
7266        <div
7267          class="facets__inputs-wrapper"
7268          ref="showMoreContent"
7269        >
7270          
7271          <ul
7272            id="filters-list-template--26206028398910__main-filter-v-t-shopify-sunlight"
7273            class="facets__inputs-list list-unstyled"
7274            
7275            
7276            name="Sunlight"
7277          >
7278              <li
7279                data-skip-node-update="true"
7280                class="
7281                  facets__inputs-list-item
7282                  
7283                  
7284                "
7285                
7286              >
7287                
7288                
7289                  
7290                    <div
7291  class="checkbox"
7292  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7293>
7294  <input
7295    type="checkbox"
7296    name="filter.v.t.shopify.sunlight"
7297    value="gid://shopify/TaxonomyValue/8576"
7298    id="Filter-filter-v-t-shopify-sunlight-1-vertical-true"
7299    class="checkbox__input"
7300    data-label="Full sun"
7301    
7302    
7303    
7304    
7305    
7306      ref="facetInputs[]"
7307    
7308    
7309  >
7310  <label
7311    class="checkbox__label"
7312    for="Filter-filter-v-t-shopify-sunlight-1-vertical-true"
7313    
7314  >
7315    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7316<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7317</svg>
7318
7319    <span class="checkbox__label-text">Full sun</span>
7320  </label>
7321</div>
7322
7323                  
7324                
7325              </li>
7326              <li
7327                data-skip-node-update="true"
7328                class="
7329                  facets__inputs-list-item
7330                  
7331                  
7332                "
7333                
7334              >
7335                
7336                
7337                  
7338                    <div
7339  class="checkbox"
7340  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7341>
7342  <input
7343    type="checkbox"
7344    name="filter.v.t.shopify.sunlight"
7345    value="gid://shopify/TaxonomyValue/8577"
7346    id="Filter-filter-v-t-shopify-sunlight-2-vertical-true"
7347    class="checkbox__input"
7348    data-label="Partial shade"
7349    
7350    
7351    
7352    
7353    
7354      ref="facetInputs[]"
7355    
7356    
7357  >
7358  <label
7359    class="checkbox__label"
7360    for="Filter-filter-v-t-shopify-sunlight-2-vertical-true"
7361    
7362  >
7363    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7364<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7365</svg>
7366
7367    <span class="checkbox__label-text">
7367Partial shade</span>
7368  </label>
7369</div>
7370
7371                  
7372                
7373              </li>
7374              <li
7375                data-skip-node-update="true"
7376                class="
7377                  facets__inputs-list-item
7378                  
7379                  
7380                "
7381                
7382              >
7383                
7384                
7385                  
7386                    <div
7387  class="checkbox"
7388  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7389>
7390  <input
7391    type="checkbox"
7392    name="filter.v.t.shopify.sunlight"
7393    value="gid://shopify/TaxonomyValue/8578"
7394    id="Filter-filter-v-t-shopify-sunlight-3-vertical-true"
7395    class="checkbox__input"
7396    data-label="Shade"
7397    
7398    
7399    
7400    
7401    
7402      ref="facetInputs[]"
7403    
7404    
7405  >
7406  <label
7407    class="checkbox__label"
7408    for="Filter-filter-v-t-shopify-sunlight-3-vertical-true"
7409    
7410  >
7411    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7412<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7413</svg>
7414
7415    <span class="checkbox__label-text">Shade</span>
7416  </label>
7417</div>
7418
7419                  
7420                
7421              </li></ul>
7422        </div>
7423        
7424
7425        
7426      </facet-inputs-component>
7427    </floating-panel-component>
7428  </details>
7429
7430</accordion-custom>
7431
7432
7433
7434
7435
7436
7437
7438
7439                  
7440
7441                      
7442
7443<accordion-custom
7444  
7445    class="facets__item"
7446  
7447  
7448    open
7449  
7450  
7451    open-by-default-on-desktop
7452  
7453  
7454    open-by-default-on-mobile
7455  
7456  
7457  
7458  
7459  
7460  
7461    data-filter-param-name="filter-p-m-custom-plant_type"
7462  
7463>
7464  
7465  <details
7466    id="Facet-Details-template--26206028398910__main-filter-p-m-custom-plant_type"
7467    class="facets__panel"
7468    
7469    
7470      open
7471    
7472  >
7473    <summary class="facets__summary">
7474      <span class="facets__label">Plant Type</span>
7475
7476      <div class="facets__status-wrapper">
7477        
7478          <facet-status-component
7479            class="facets__status"
7480            facet-type="list"
7481            data-filter-style="vertical"
7482          >
7483            <span
7484              class="
7485                hide-when-empty
7486              "
7487              ref="facetStatus"
7488            ></span>
7489          </facet-status-component>
7490        
7491        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
7492  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7493</svg>
7494</span>
7495      </div>
7496    </summary>
7497    <floating-panel-component
7498      
7499      class="facets__inputs facets__panel-content details-content"
7500      id="facet-inputs-filter-p-m-custom-plant_type"
7501    >
7502      <facet-inputs-component
7503        on:change="/updateFilters"
7504        id="facet-inputs-component-filter-p-m-custom-plant_type"
7505      >
7506        
7507        
7508
7509        <div
7510          class="facets__inputs-wrapper"
7511          ref="showMoreContent"
7512        >
7513          
7514          <ul
7515            id="filters-list-template--26206028398910__main-filter-p-m-custom-plant_type"
7516            class="facets__inputs-list list-unstyled"
7517            
7518            
7519            name="Plant Type"
7520          >
7521              <li
7522                data-skip-node-update="true"
7523                class="
7524                  facets__inputs-list-item
7525                  
7526                  
7527                "
7528                
7529              >
7530                
7531                
7532                  
7533                    <div
7534  class="checkbox"
7535  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7536>
7537  <input
7538    type="checkbox"
7539    name="filter.p.m.custom.plant_type"
7540    value="Tree"
7541    id="Filter-filter-p-m-custom-plant_type-1-vertical-true"
7542    class="checkbox__input"
7543    data-label="Tree"
7544    
7545    
7546    
7547    
7548    
7549      ref="facetInputs[]"
7550    
7551    
7552  >
7553  <label
7554    class="checkbox__label"
7555    for="Filter-filter-p-m-custom-plant_type-1-vertical-true"
7556    
7557  >
7558    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7559<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7560</svg>
7561
7562    <span class="checkbox__label-text">Tree</span>
7563  </label>
7564</div>
7565
7566                  
7567                
7568              </li>
7569              <li
7570                data-skip-node-update="true"
7571                class="
7572                  facets__inputs-list-item
7573                  
7574                  
7575                "
7576                
7577              >
7578                
7579                
7580                  
7581                    <div
7582  class="checkbox"
7583  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7584>
7585  <input
7586    type="checkbox"
7587    name="filter.p.m.custom.plant_type"
7588    value="Fruit Tree"
7589    id="Filter-filter-p-m-custom-plant_type-2-vertical-true"
7590    class="checkbox__input"
7591    data-label="Fruit Tree"
7592    
7593    
7594    
7595    
7596    
7597      ref="facetInputs[]"
7598    
7599    
7600  >
7601  <label
7602    class="checkbox__label"
7603    for="Filter-filter-p-m-custom-plant_type-2-vertical-true"
7604    
7605  >
7606    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7607<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7608</svg>
7609
7610    <span class="checkbox__label-text">Fruit Tree</span>
7611  </label>
7612</div>
7613
7614                  
7615                
7616              </li>
7617              <li
7618                data-skip-node-update="true"
7619                class="
7620                  facets__inputs-list-item
7621                  
7622                  
7623                "
7624                
7625              >
7626                
7627                
7628                  
7629                    <div
7630  class="checkbox"
7631  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7632>
7633  <input
7634    type="checkbox"
7635    name="filter.p.m.custom.plant_type"
7636    value="Grafted Fruit Tree"
7637    id="Filter-filter-p-m-custom-plant_type-3-vertical-true"
7638    class="checkbox__input"
7639    data-label="Grafted Fruit Tree"
7640    
7641    
7642    
7643    
7644    
7645      ref="facetInputs[]"
7646    
7647    
7648  >
7649  <label
7650    class="checkbox__label"
7651    for="Filter-filter-p-m-custom-plant_type-3-vertical-true"
7652    
7653  >
7654    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7655<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7656</svg>
7657
7658    <span class="checkbox__label-text">Grafted Fruit Tree</span>
7659  </label>
7660</div>
7661
7662                  
7663                
7664              </li>
7665              <li
7666                data-skip-node-update="true"
7667                class="
7668                  facets__inputs-list-item
7669                  
7670                  
7671                "
7672                
7673              >
7674                
7675                
7676                  
7677                    <div
7678  class="checkbox"
7679  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7680>
7681  <input
7682    type="checkbox"
7683    name="filter.p.m.custom.plant_type"
7684    value="Palm Tree"
7685    id="Filter-filter-p-m-custom-plant_type-4-vertical-true"
7686    class="checkbox__input"
7687    data-label="Palm Tree"
7688    
7689    
7690    
7691    
7692    
7693      ref="facetInputs[]"
7694    
7695    
7696  >
7697  <label
7698    class="checkbox__label"
7699    for="Filter-filter-p-m-custom-plant_type-4-vertical-true"
7700    
7701  >
7702    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7703<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7704</svg>
7705
7706    <span class="checkbox__label-text">Palm Tree</span>
7707  </label>
7708</div>
7709
7710                  
7711                
7712              </li>
7713              <li
7714                data-skip-node-update="true"
7715                class="
7716                  facets__inputs-list-item
7717                  
7718                  
7719                "
7720                
7721              >
7722                
7723                
7724                  
7725                    <div
7726  class="checkbox"
7727  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7728>
7729  <input
7730    type="checkbox"
7731    name="filter.p.m.custom.plant_type"
7732    value="Annual"
7733    id="Filter-filter-p-m-custom-plant_type-5-vertical-true"
7734    class="checkbox__input"
7735    data-label="Annual"
7736    
7737    
7738    
7739    
7740    
7741      ref="facetInputs[]"
7742    
7743    
7744  >
7745  <label
7746    class="checkbox__label"
7747    for="Filter-filter-p-m-custom-plant_type-5-vertical-true"
7748    
7749  >
7750    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7751<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7752</svg>
7753
7754    <span class="checkbox__label-text">Annual</span>
7755  </label>
7756</div>
7757
7758                  
7759                
7760              </li>
7761              <li
7762                data-skip-node-update="true"
7763                class="
7764                  facets__inputs-list-item
7765                  
7766                  
7767                "
7768                
7769              >
7770                
7771                
7772                  
7773                    <div
7774  class="checkbox"
7775  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7776>
7777  <input
7778    type="checkbox"
7779    name="filter.p.m.custom.plant_type"
7780    value="Perennial"
7781    id="Filter-filter-p-m-custom-plant_type-6-vertical-true"
7782    class="checkbox__input"
7783    data-label="Perennial"
7784    
7785    
7786    
7787    
7788    
7789      ref="facetInputs[]"
7790    
7791    
7792  >
7793  <label
7794    class="checkbox__label"
7795    for="Filter-filter-p-m-custom-plant_type-6-vertical-true"
7796    
7797  >
7798    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7799<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7800</svg>
7801
7802    <span class="checkbox__label-text">Perennial</span>
7803  </label>
7804</div>
7805
7806                  
7807                
7808              </li>
7809              <li
7810                data-skip-node-update="true"
7811                class="
7812                  facets__inputs-list-item
7813                  
7814                  
7815                "
7816                
7817              >
7818                
7819                
7820                  
7821                    <div
7822  class="checkbox"
7823  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7824>
7825  <input
7826    type="checkbox"
7827    name="filter.p.m.custom.plant_type"
7828    value="Perennial Vine"
7829    id="Filter-filter-p-m-custom-plant_type-7-vertical-true"
7830    class="checkbox__input"
7831    data-label="Perennial Vine"
7832    
7833    
7834    
7835    
7836    
7837      ref="facetInputs[]"
7838    
7839    
7840  >
7841  <label
7842    class="checkbox__label"
7843    for="Filter-filter-p-m-custom-plant_type-7-vertical-true"
7844    
7845  >
7846    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7847<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7848</svg>
7849
7850    <span class="checkbox__label-text">Perennial Vine</span>
7851  </label>
7852</div>
7853
7854                  
7855                
7856              </li>
7857              <li
7858                data-skip-node-update="true"
7859                class="
7860                  facets__inputs-list-item
7861                  
7862                  
7863                "
7864                
7865              >
7866                
7867                
7868                  
7869                    <div
7870  class="checkbox"
7871  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7872>
7873  <input
7874    type="checkbox"
7875    name="filter.p.m.custom.plant_type"
7876    value="Perennial Bush"
7877    id="Filter-filter-p-m-custom-plant_type-8-vertical-true"
7878    class="checkbox__input"
7879    data-label="Perennial Bush"
7880    
7881    
7882    
7883    
7884    
7885      ref="facetInputs[]"
7886    
7887    
7888  >
7889  <label
7890    class="checkbox__label"
7891    for="Filter-filter-p-m-custom-plant_type-8-vertical-true"
7892    
7893  >
7894    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7895<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7896</svg>
7897
7898    <span class="checkbox__label-text">Perennial Bush</span>
7899  </label>
7900</div>
7901
7902                  
7903                
7904              </li>
7905              <li
7906                data-skip-node-update="true"
7907                class="
7908                  facets__inputs-list-item
7909                  
7910                  
7911                "
7912                
7913              >
7914                
7915                
7916                  
7917                    <div
7918  class="checkbox"
7919  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7920>
7921  <input
7922    type="checkbox"
7923    name="filter.p.m.custom.plant_type"
7924    value="Ornamental Tree"
7925    id="Filter-filter-p-m-custom-plant_type-9-vertical-true"
7926    class="checkbox__input"
7927    data-label="Ornamental Tree"
7928    
7929    
7930    
7931    
7932    
7933      ref="facetInputs[]"
7934    
7935    
7936  >
7937  <label
7938    class="checkbox__label"
7939    for="Filter-filter-p-m-custom-plant_type-9-vertical-true"
7940    
7941  >
7942    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7943<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7944</svg>
7945
7946    <span class="checkbox__label-text">Ornamental Tree</span>
7947  </label>
7948</div>
7949
7950                  
7951                
7952              </li></ul>
7953        </div>
7954        
7955
7956        
7957      </facet-inputs-component>
7958    </floating-panel-component>
7959  </details>
7960
7961</accordion-custom>
7962
7963
7964
7965
7966
7967
7968
7969
7970                  
7971
7972                      
7973
7974<accordion-custom
7975  
7976    class="facets__item"
7977  
7978  
7979    open
7980  
7981  
7982    open-by-default-on-desktop
7983  
7984  
7985    open-by-default-on-mobile
7986  
7987  
7988  
7989  
7990  
7991  
7992    data-filter-param-name="filter-p-m-custom-uses"
7993  
7994>
7995  
7996  <details
7997    id="Facet-Details-template--26206028398910__main-filter-p-m-custom-uses"
7998    class="facets__panel"
7999    
8000    
8001      open
8002    
8003  >
8004    <summary class="facets__summary">
8005      <span class="facets__label">Uses</span>
8006
8007      <div class="facets__status-wrapper">
8008        
8009          <facet-status-component
8010            class="facets__status"
8011            facet-type="list"
8012            data-filter-style="vertical"
8013          >
8014            <span
8015              class="
8016                hide-when-empty
8017              "
8018              ref="facetStatus"
8019            ></span>
8020          </facet-status-component>
8021        
8022        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8023  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8024</svg>
8025</span>
8026      </div>
8027    </summary>
8028    <floating-panel-component
8029      
8030      class="facets__inputs facets__panel-content details-content"
8031      id="facet-inputs-filter-p-m-custom-uses"
8032    >
8033      <facet-inputs-component
8034        on:change="/updateFilters"
8035        id="facet-inputs-component-filter-p-m-custom-uses"
8036      >
8037        
8038        
8039
8040        <div
8041          class="facets__inputs-wrapper"
8042          ref="showMoreContent"
8043        >
8044          
8045          <ul
8046            id="filters-list-template--26206028398910__main-filter-p-m-custom-uses"
8047            class="facets__inputs-list list-unstyled"
8048            
8049            
8050            name="Uses"
8051          >
8052              <li
8053                data-skip-node-update="true"
8054                class="
8055                  facets__inputs-list-item
8056                  
8057                  
8058                "
8059                
8060              >
8061                
8062                
8063                  
8064                    <div
8065  class="checkbox"
8066  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
8067>
8068  <input
8069    type="checkbox"
8070    name="filter.p.m.custom.uses"
8071    value="Ornamental"
8072    id="Filter-filter-p-m-custom-uses-1-vertical-true"
8073    class="checkbox__input"
8074    data-label="Ornamental"
8075    
8076    
8077    
8078    
8079    
8080      ref="facetInputs[]"
8081    
8082    
8083  >
8084  <label
8085    class="checkbox__label"
8086    for="Filter-filter-p-m-custom-uses-1-vertical-true"
8087    
8088  >
8089    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8090<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8091</svg>
8092
8093    <span class="checkbox__label-text">Ornamental</span>
8094  </label>
8095</div>
8096
8097                  
8098                
8099              </li>
8100              <li
8101                data-skip-node-update="true"
8102                class="
8103                  facets__inputs-list-item
8104                  
8105                  
8106                "
8107                
8108              >
8109                
8110                
8111                  
8112                    <div
8113  class="checkbox"
8114  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
8115>
8116  <input
8117    type="checkbox"
8118    name="filter.p.m.custom.uses"
8119    value="Edible or Culinary"
8120    id="Filter-filter-p-m-custom-uses-2-vertical-true"
8121    class="checkbox__input"
8122    data-label="Edible or Culinary"
8123    
8124    
8125    
8126    
8127    
8128      ref="facetInputs[]"
8129    
8130    
8131  >
8132  <label
8133    class="checkbox__label"
8134    for="Filter-filter-p-m-custom-uses-2-vertical-true"
8135    
8136  >
8137    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8138<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8139</svg>
8140
8141    <span class="checkbox__label-text">Edible or Culinary</span>
8142  </label>
8143</div>
8144
8145                  
8146                
8147              </li>
8148              <li
8149                data-skip-node-update="true"
8150                class="
8151                  facets__inputs-list-item
8152                  
8153                  
8154                "
8155                
8156              >
8157                
8158                
8159                  
8160                    <div
8161  class="checkbox"
8162  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
8163>
8164  <input
8165    type="checkbox"
8166    name="filter.p.m.custom.uses"
8167    value="Medicinal"
8168    id="Filter-filter-p-m-custom-uses-3-vertical-true"
8169    class="checkbox__input"
8170    data-label="Medicinal"
8171    
8172    
8173    
8174    
8175    
8176      ref="facetInputs[]"
8177    
8178    
8179  >
8180  <label
8181    class="checkbox__label"
8182    for="Filter-filter-p-m-custom-uses-3-vertical-true"
8183    
8184  >
8185    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8186<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8187</svg>
8188
8189    <span class="checkbox__label-text">Medicinal</span>
8190  </label>
8191</div>
8192
8193                  
8194                
8195              </li>
8196              <li
8197                data-skip-node-update="true"
8198                class="
8199                  facets__inputs-list-item
8200                  
8201                  
8202                "
8203                
8204              >
8205                
8206                
8207                  
8208                    <div
8209  class="checkbox"
8210  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
8211>
8212  <input
8213    type="checkbox"
8214    name="filter.p.m.custom.uses"
8215    value="Good for Tea"
8216    id="Filter-filter-p-m-custom-uses-4-vertical-true"
8217    class="checkbox__input"
8218    data-label="Good for Tea"
8219    
8220    
8221    
8222    
8223    
8224      ref="facetInputs[]"
8225    
8226    
8227  >
8228  <label
8229    class="checkbox__label"
8230    for="Filter-filter-p-m-custom-uses-4-vertical-true"
8231    
8232  >
8233    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8234<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8235</svg>
8236
8237    <span class="checkbox__label-text">Good for Tea</span>
8238  </label>
8239</div>
8240
8241                  
8242                
8243              </li>
8244              <li
8245                data-skip-node-update="true"
8246                class="
8247                  facets__inputs-list-item
8248                  
8249                  
8250                "
8251                
8252              >
8253                
8254                
8255                  
8256                    <div
8257  class="checkbox"
8258  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
8259>
8260  <input
8261    type="checkbox"
8262    name="filter.p.m.custom.uses"
8263    value="Support Plant"
8264    id="Filter-filter-p-m-custom-uses-5-vertical-true"
8265    class="checkbox__input"
8266    data-label="Support Plant"
8267    
8268    
8269    
8270    
8271    
8272      ref="facetInputs[]"
8273    
8274    
8275  >
8276  <label
8277    class="checkbox__label"
8278    for="Filter-filter-p-m-custom-uses-5-vertical-true"
8279    
8280  >
8281    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8282<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8283</svg>
8284
8285    <span class="checkbox__label-text">Support Plant</span>
8286  </label>
8287</div>
8288
8289                  
8290                
8291              </li></ul>
8292        </div>
8293        
8294
8295        
8296      </facet-inputs-component>
8297    </floating-panel-component>
8298  </details>
8299
8300</accordion-custom>
8301
8302
8303
8304
8305
8306
8307
8308
8309                  
8310
8311                      
8312
8313<accordion-custom
8314  
8315    class="facets__item"
8316  
8317  
8318    open
8319  
8320  
8321    open-by-default-on-desktop
8322  
8323  
8324    open-by-default-on-mobile
8325  
8326  
8327  
8328  
8329  
8330  
8331    data-filter-param-name="filter-v-t-shopify-suitable-space"
8332  
8333>
8334  
8335  <details
8336    id="Facet-Details-template--26206028398910__main-filter-v-t-shopify-suitable-space"
8337    class="facets__panel"
8338    
8339    
8340      open
8341    
8342  >
8343    <summary class="facets__summary">
8344      <span class="facets__label">Suitable space</span>
8345
8346      <div class="facets__status-wrapper">
8347        
8348          <facet-status-component
8349            class="facets__status"
8350            facet-type="list"
8351            data-filter-style="vertical"
8352          >
8353            <span
8354              class="
8355                hide-when-empty
8356              "
8357              ref="facetStatus"
8358            ></span>
8359          </facet-status-component>
8360        
8361        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8362  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8363</svg>
8364</span>
8365      </div>
8366    </summary>
8367    <floating-panel-component
8368      
8369      class="facets__inputs facets__panel-content details-content"
8370      id="facet-inputs-filter-v-t-shopify-suitable-space"
8371    >
8372      <facet-inputs-component
8373        on:change="/updateFilters"
8374        id="facet-inputs-component-filter-v-t-shopify-suitable-space"
8375      >
8376        
8377        
8378
8379        <div
8380          class="facets__inputs-wrapper"
8381          ref="showMoreContent"
8382        >
8383          
8384          <ul
8385            id="filters-list-template--26206028398910__main-filter-v-t-shopify-suitable-space"
8386            class="facets__inputs-list list-unstyled"
8387            
8388            
8389            name="Suitable space"
8390          >
8391              <li
8392                data-skip-node-update="true"
8393                class="
8394                  facets__inputs-list-item
8395                  
8396                  
8397                "
8398                
8399              >
8400                
8401                
8402                  
8403                    <div
8404  class="checkbox"
8405  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
8406>
8407  <input
8408    type="checkbox"
8409    name="filter.v.t.shopify.suitable-space"
8410    value="gid://shopify/TaxonomyValue/6911"
8411    id="Filter-filter-v-t-shopify-suitable-space-1-vertical-true"
8412    class="checkbox__input"
8413    data-label="Indoors"
8414    
8415    
8416    
8417    
8418    
8419      ref="facetInputs[]"
8420    
8421    
8422  >
8423  <label
8424    class="checkbox__label"
8425    for="Filter-filter-v-t-shopify-suitable-space-1-vertical-true"
8426    
8427  >
8428    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8429<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8430</svg>
8431
8432    <span class="checkbox__label-text">Indoors</span>
8433  </label>
8434</div>
8435
8436                  
8437                
8438              </li>
8439              <li
8440                data-skip-node-update="true"
8441                class="
8442                  facets__inputs-list-item
8443                  
8444                  
8445                "
8446                
8447              >
8448                
8449                
8450                  
8451                    <div
8452  class="checkbox"
8453  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
8454>
8455  <input
8456    type="checkbox"
8457    name="filter.v.t.shopify.suitable-space"
8458    value="gid://shopify/TaxonomyValue/6912"
8459    id="Filter-filter-v-t-shopify-suitable-space-2-vertical-true"
8460    class="checkbox__input"
8461    data-label="Outdoors"
8462    
8463    
8464    
8465    
8466    
8467      ref="facetInputs[]"
8468    
8469    
8470  >
8471  <label
8472    class="checkbox__label"
8473    for="Filter-filter-v-t-shopify-suitable-space-2-vertical-true"
8474    
8475  >
8476    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8477<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8478</svg>
8479
8480    <span class="checkbox__label-text">Outdoors</span>
8481  </label>
8482</div>
8483
8484                  
8485                
8486              </li></ul>
8487        </div>
8488        
8489
8490        
8491      </facet-inputs-component>
8492    </floating-panel-component>
8493  </details>
8494
8495</accordion-custom>
8496
8497
8498
8499
8500
8501
8502
8503
8504                  
8505</div>
8506            
8507
8508            
8509              <sorting-filter-component
8510  class="sorting-filter sorting-filter__horizontal"
8511  on:change="/updateFilterAndSorting"
8512  on:keydown="/handleKeyDown"
8513  
8514  data-should-use-select-on-mobile="true"
8515>
8516  
8517
8518  <div class="sorting-filter__container  desktop:hidden ">
8519    <label
8520      for="sort-select-template--26206028398910__main"
8521      class="facets__label"
8522    >Sort</label>
8523    <div class="sorting-filter__select-wrapper">
8524      <select
8525        id="sort-select-template--26206028398910__main"
8526        name="sort_by"
8527        class="sorting-filter__select"
8528        
8529      >
8530        
8531          <option
8532            value="manual"
8533            
8534          >
8535            Featured
8536          </option>
8537        
8538          <option
8539            value="most-relevant"
8540            
8541          >
8542            Most relevant
8543          </option>
8544        
8545          <option
8546            value="best-selling"
8547            
8548              selected
8549            
8550          >
8551            Best selling
8552          </option>
8553        
8554          <option
8555            value="title-ascending"
8556            
8557          >
8558            Alphabetically, A-Z
8559          </option>
8560        
8561          <option
8562            value="title-descending"
8563            
8564          >
8565            Alphabetically, Z-A
8566          </option>
8567        
8568          <option
8569            value="price-ascending"
8570            
8571          >
8572            Price, low to high
8573          </option>
8574        
8575          <option
8576            value="price-descending"
8577            
8578          >
8579            Price, high to low
8580          </option>
8581        
8582          <option
8583            value="created-ascending"
8584            
8585          >
8586            Date, old to new
8587          </option>
8588        
8589          <option
8590            value="created-descending"
8591            
8592          >
8593            Date, new to old
8594          </option>
8595        
8596      </select>
8597      <svg
8598        aria-hidden="true"
8599        focusable="false"
8600        class="icon icon-caret"
8601        width="8"
8602        height="13"
8603        viewBox="0 0 8 13"
8604      >
8605
8606
8607<g opacity="0.6">
8608      <path
8609        d="M4.93509 1.08583C4.44566 0.596391 3.65213 0.596391 3.16269 1.08583L0.509308 3.73921C0.215647 4.03287 0.215647 4.50899 0.509308 4.80265C0.802969 5.09631 1.27909 5.09631 1.57275 4.80265L4.04889 2.32651L6.52504 4.80265C6.8187 5.09631 7.29482 5.09631 7.58848 4.80265C7.88214 4.50899 7.88214 4.03287 7.58848 3.73921L4.93509 1.08583Z"
8610        fill="#333030"
8611      />
8612      <path
8613        d="M7.58848 9.81591L4.93509 12.4693C4.44566 12.9587 3.65213 12.9587 3.16269 12.4693L0.509308 9.81591C0.215647 9.52225 0.215647 9.04613 0.509308 8.75247C0.802969 8.45881 1.27909 8.45881 1.57275 8.75247L4.04889 11.2286L6.52504 8.75247C6.8187 8.45881 7.29482 8.45881 7.58848 8.75247C7.88214 9.04613 7.88214 9.52225 7.58848 9.81591Z"
8614        fill="#333030"
8615      />
8616    </g></svg>
8617    </div>
8618  </div>
8619
8620  
8621<accordion-custom
8622  
8623  
8624  
8625  
8626  
8627  
8628  
8629    data-disable-animation-on-desktop="true"
8630  
8631  
8632    data-close-with-escape="true"
8633  
8634  
8635>
8636  
8637    <details
8638      ref="details"
8639      id="Sorting-template--26206028398910__main"
8640      data-default-sort-by="best-selling"
8641      class="facets__panel  mobile:hidden "
8642      data-auto-close-details="desktop,mobile"
8643      on:toggle="/handleToggle"
8644    >
8645      <summary
8646        class="facets__summary"
8647        role="button"
8648        aria-expanded="false"
8649        aria-controls="sorting-options-template--26206028398910__main-overflow"
8650        ref="summary"
8651      >
8652        <span
8653          class="facets__label"
8654          id="sort-label-template--26206028398910__main"
8655        >Sort</span>
8656        <span
8657          class="facets__status h6 desktop:hidden"
8658        >Best selling</span>
8659        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8660  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8661</svg>
8662</span>
8663      </summary>
8664      <floating-panel-component
8665        id="sorting-options-template--26206028398910__main-overflow"
8666        class="sorting-filter__options color-scheme-1"
8667        role="listbox"
8668        aria-labelledby="sort-label-template--26206028398910__main"
8669        ref="listbox"
8670      >
8671        <div class="sorting-filter__options-inner">
8672          
8673            <label
8674              for="sort-option-manual-template--26206028398910__main"
8675            >
8676              <div
8677                class="sorting-filter__option"
8678                role="option"
8679                aria-selected="false"
8680                tabindex="-1"
8681              >
8682                <input
8683                  type="radio"
8684                  name="sort_by"
8685                  id="sort-option-manual-template--26206028398910__main"
8686                  
8687                    form="FacetFiltersForm--template--26206028398910__main-overflow"
8688                  
8689                  value="manual"
8690                  class="sorting-filter__input"
8691                  data-option-name="Featured"
8692                  
8693                  aria-hidden="true"
8694                >
8695                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8696<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8697</svg>
8698</span>
8699                <span class="sorting-filter__label">Featured</span>
8700              </div>
8701            </label>
8702          
8703            <label
8704              for="sort-option-most-relevant-template--26206028398910__main"
8705            >
8706              <div
8707                class="sorting-filter__option"
8708                role="option"
8709                aria-selected="false"
8710                tabindex="-1"
8711              >
8712                <input
8713                  type="radio"
8714                  name="sort_by"
8715                  id="sort-option-most-relevant-template--26206028398910__main"
8716                  
8717                    form="FacetFiltersForm--template--26206028398910__main-overflow"
8718                  
8719                  value="most-relevant"
8720                  class="sorting-filter__input"
8721                  data-option-name="Most relevant"
8722                  
8723                  aria-hidden="true"
8724                >
8725                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8726<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8727</svg>
8728</span>
8729                <span class="sorting-filter__label">Most relevant</span>
8730              </div>
8731            </label>
8732          
8733            <label
8734              for="sort-option-best-selling-template--26206028398910__main"
8735            >
8736              <div
8737                class="sorting-filter__option"
8738                role="option"
8739                aria-selected="true"
8740                tabindex="0"
8741              >
8742                <input
8743                  type="radio"
8744                  name="sort_by"
8745                  id="sort-option-best-selling-template--26206028398910__main"
8746                  
8747                    form="FacetFiltersForm--template--26206028398910__main-overflow"
8748                  
8749                  value="best-selling"
8750                  class="sorting-filter__input"
8751                  data-option-name="Best selling"
8752                  
8753                    checked
8754                  
8755                  aria-hidden="true"
8756                >
8757                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8758<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8759</svg>
8760</span>
8761                <span class="sorting-filter__label">Best selling</span>
8762              </div>
8763            </label>
8764          
8765            <label
8766              for="sort-option-title-ascending-template--26206028398910__main"
8767            >
8768              <div
8769                class="sorting-filter__option"
8770                role="option"
8771                aria-selected="false"
8772                tabindex="-1"
8773              >
8774                <input
8775                  type="radio"
8776                  name="sort_by"
8777                  id="sort-option-title-ascending-template--26206028398910__main"
8778                  
8779                    form="FacetFiltersForm--template--26206028398910__main-overflow"
8780                  
8781                  value="title-ascending"
8782                  class="sorting-filter__input"
8783                  data-option-name="Alphabetically, A-Z"
8784                  
8785                  aria-hidden="true"
8786                >
8787                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8788<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8789</svg>
8790</span>
8791                <span class="sorting-filter__label">Alphabetically, A-Z</span>
8792              </div>
8793            </label>
8794          
8795            <label
8796              for="sort-option-title-descending-template--26206028398910__main"
8797            >
8798              <div
8799                class="sorting-filter__option"
8800                role="option"
8801                aria-selected="false"
8802                tabindex="-1"
8803              >
8804                <input
8805                  type="radio"
8806                  name="sort_by"
8807                  id="sort-option-title-descending-template--26206028398910__main"
8808                  
8809                    form="FacetFiltersForm--template--26206028398910__main-overflow"
8810                  
8811                  value="title-descending"
8812                  class="sorting-filter__input"
8813                  data-option-name="Alphabetically, Z-A"
8814                  
8815                  aria-hidden="true"
8816                >
8817                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8818<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8819</svg>
8820</span>
8821                <span class="sorting-filter__label">Alphabetically, Z-A</span>
8822              </div>
8823            </label>
8824          
8825            <label
8826              for="sort-option-price-ascending-template--26206028398910__main"
8827            >
8828              <div
8829                class="sorting-filter__option"
8830                role="option"
8831                aria-selected="false"
8832                tabindex="-1"
8833              >
8834                <input
8835                  type="radio"
8836                  name="sort_by"
8837                  id="sort-option-price-ascending-template--26206028398910__main"
8838                  
8839                    form="FacetFiltersForm--template--26206028398910__main-overflow"
8840                  
8841                  value="price-ascending"
8842                  class="sorting-filter__input"
8843                  data-option-name="Price, low to high"
8844                  
8845                  aria-hidden="true"
8846                >
8847                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8848<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8849</svg>
8850</span>
8851                <span class="sorting-filter__label">Price, low to high</span>
8852              </div>
8853            </label>
8854          
8855            <label
8856              for="sort-option-price-descending-template--26206028398910__main"
8857            >
8858              <div
8859                class="sorting-filter__option"
8860                role="option"
8861                aria-selected="false"
8862                tabindex="-1"
8863              >
8864                <input
8865                  type="radio"
8866                  name="sort_by"
8867                  id="sort-option-price-descending-template--26206028398910__main"
8868                  
8869                    form="FacetFiltersForm--template--26206028398910__main-overflow"
8870                  
8871                  value="price-descending"
8872                  class="sorting-filter__input"
8873                  data-option-name="Price, high to low"
8874                  
8875                  aria-hidden="true"
8876                >
8877                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8878<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8879</svg>
8880</span>
8881                <span class="sorting-filter__label">Price, high to low</span>
8882              </div>
8883            </label>
8884          
8885            <label
8886              for="sort-option-created-ascending-template--26206028398910__main"
8887            >
8888              <div
8889                class="sorting-filter__option"
8890                role="option"
8891                aria-selected="false"
8892                tabindex="-1"
8893              >
8894                <input
8895                  type="radio"
8896                  name="sort_by"
8897                  id="sort-option-created-ascending-template--26206028398910__main"
8898                  
8899                    form="FacetFiltersForm--template--26206028398910__main-overflow"
8900                  
8901                  value="created-ascending"
8902                  class="sorting-filter__input"
8903                  data-option-name="Date, old to new"
8904                  
8905                  aria-hidden="true"
8906                >
8907                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8908<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8909</svg>
8910</span>
8911                <span class="sorting-filter__label">Date, old to new</span>
8912              </div>
8913            </label>
8914          
8915            <label
8916              for="sort-option-created-descending-template--26206028398910__main"
8917            >
8918              <div
8919                class="sorting-filter__option"
8920                role="option"
8921                aria-selected="false"
8922                tabindex="-1"
8923              >
8924                <input
8925                  type="radio"
8926                  name="sort_by"
8927                  id="sort-option-created-descending-template--26206028398910__main"
8928                  
8929                    form="FacetFiltersForm--template--26206028398910__main-overflow"
8930                  
8931                  value="created-descending"
8932                  class="sorting-filter__input"
8933                  data-option-name="Date, new to old"
8934                  
8935                  aria-hidden="true"
8936                >
8937                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8938<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8939</svg>
8940</span>
8941                <span class="sorting-filter__label">Date, new to old</span>
8942              </div>
8943            </label>
8944          
8945        </div>
8946      </floating-panel-component>
8947    </details>
8948  
8949</accordion-custom>
8950
8951
8952
8953
8954
8955</sorting-filter-component>
8956
8957
8958
8959            
8960          </scroll-hint>
8961        </form>
8962      </facets-form-component>
8963
8964      <div
8965        class="facets__drawer-actions"
8966      >
8967        <facet-remove-component
8968          data-url="/collections/all-products"
8969          active-class="facets__clear-all--active"
8970        >
8971          <button
8972            type="button"
8973            class="button-secondary facets__clear-all"
8974            ref="clearButton"
8975            on:click="/removeFilter?form=FacetFiltersFormComponent--template--26206028398910__main-overflow"
8976            on:keydown="/removeFilter?form=FacetFiltersFormComponent--template--26206028398910__main-overflow"
8977          >Clear all</button>
8978        </facet-remove-component>
8979
8980        
8981          <button
8982            class="button facets__see-results"
8983            type="button"
8984            on:click="dialog-component/closeDialog"
8985          >See 226 items</button>
8986        
8987      </div>
8988    </dialog>
8989  </dialog-component>
8990
8991
8992
8993
8994
8995
8996
8997    
8998
8999    
9000
9001    
9002      
9003
9004      
9005
9006
9007<style data-shopify>
9008  @media screen and (min-width: 750px) {
9009    
9010        .product-grid--template--26206028398910__main:is(.product-grid--grid) {
9011          --product-grid-columns-desktop: repeat(auto-fill, minmax(340px, 1fr));
9012        }
9013
9014
9015      
9016
9017    /* This logic helps prevent displaying one column for an large or extra-large product card size on a small screen. We want it to display at least two columns. */
9018    
9019        @container product-grid (max-width: calc(340px * 3 + 16px * 2)) {
9020          .product-grid--template--26206028398910__main:is(.product-grid--grid) {
9021            --product-grid-columns-desktop: repeat(2, 1fr);
9022          }
9023        }
9024    
9025
9026    /* When zoomed out, fit as many 100px-wide columns as possible */
9027    .product-grid--template--26206028398910__main[product-grid-view='zoom-out'] {
9028      --product-grid-columns-desktop: repeat(auto-fill, minmax(6.25rem, 1fr));
9029    }
9030
9031    .product-grid--template--26206028398910__main[product-grid-view='zoom-out'] .product-grid-view-zoom-out--details {
9032      display: block;
9033    }
9034
9035    .product-grid--template--26206028398910__main[product-grid-view='zoom-out'] .product-grid__card {
9036      padding-inline-start: var(--zoom-out-padding-inline-start, 0);
9037      padding-inline-end: var(--zoom-out-padding-inline-end, 0);
9038      padding-block-start: var(--zoom-out-padding-block-start, 0);
9039      padding-block-end: var(--zoom-out-padding-block-end, 0);
9040    }
9041  }
9042</style>
9043<div
9044  id="ResultsList"
9045  class="
9046    grid main-collection-grid
9047
9048
9049    spacing-style
9050  "
9051
9052  style="
9053    --grid--margin--mobile: 0 var(--margin-lg);
9054    --grid-column--desktop: var(--centered);
9055    --grid-column--mobile: var(--centered);
9056    --padding-inline-start: 0px;
9057    --padding-inline-end: 0px;
9058  "
9059>
9060  <div
9061    style="
9062      grid-column: var(--full-width);
9063      --product-grid-gap-mobile: 12px 12px;
9064      --product-grid-gap-desktop: 16px 16px;
9065      container-type: inline-size;
9066      container-name: product-grid;
9067    "
9068  >
9069    
9070      
9071        <span ref="viewMorePrevious"></span>
9072      
9073
9074      
9075      <ul
9076        class="product-grid product-grid--template--26206028398910__main product-grid--grid "
9077        data-testid="product-grid"
9078        product-grid-view="default"
9079        ref="grid"
9080        role="list"
9081        data-last-page="10"
9082        data-product-card-size="large"
9083        style="--mobile-columns: 2;"
9084      >
9085        
9086        
9087          
9087<script>
9088            (() => {
9089              const grid = document.querySelector('.product-grid');
9090              if (!grid) return;
9091
9092              const storedLayoutMobile = sessionStorage.getItem('product-grid-view-mobile') || 'default';
9093              const storedLayoutDesktop = sessionStorage.getItem('product-grid-view-desktop') || 'default';
9094
9095              // No need to read the window width if no custom layouts were saved.
9096              if (storedLayoutMobile === 'default' && storedLayoutDesktop === 'default') return;
9097
9098              const storedLayout = window.innerWidth >= 750 ? storedLayoutDesktop : storedLayoutMobile;
9099              if (storedLayout === 'default') return;
9100
9101              grid.setAttribute('product-grid-view', storedLayout);
9102
9103              const options = document.querySelectorAll(
9104                'input[type="radio"][name="grid"], input[type="radio"][name="grid-mobile"]'
9105              );
9106              for (const option of options) {
9107                option.checked = option.value === storedLayout;
9108              }
9109            })();
9110          </script>
9110
9111        
9112
9113        
9114        
9115          <li
9116            id="template--26206028398910__main-11744310788414"
9117            class="product-grid__item product-grid__item--0"
9118            data-page="1"
9119            data-product-id="11744310788414"
9120            ref="cards[]"
9121          >
9122            
9123            
9124
9125
9126
9127
9128
9129<style data-shopify>
9130  
9131</style>
9132
9133
9134
9135<product-card
9136  class="product-card size-style"
9137  style="--size-style-width: ;--size-style-height: ;"
9138  data-product-id="11744310788414"
9139  id="product-card-AQzU4Yk1uZjhwcEdmR__product-card"
9140  
9141    data-product-transition="true"
9142    data-featured-media-url="//soulfire.farm/cdn/shop/files/DSC0079.jpg?v=1734740685&width=500"
9143    on:click="/handleViewTransition"
9144  
9145  
9146  
9147>
9148  <a
9149    id="116674d07a35c7f16f1aa3aa176c5087"
9150    
9151      href="/products/premium-potting-soil-mix?variant=51053423984958"
9152    
9153    class="product-card__link"
9154    ref="productCardLink"
9155  >
9156    <span class="visually-hidden">
9157      Premium Potting Soil Mix 25lb Bag
9158    </span>
9159  </a>
9160  <div
9161    class="
9162      product-card__content
9163      layout-panel-flex
9164      layout-panel-flex--column
9165      product-grid__card
9166      spacing-style
9167      border-style
9168      gap-style
9169       color-scheme-8
9170    "
9171    style="
9172      --border-width: 1px; --border-style: none; --border-color:
9173rgb(var(--color-border-rgb) / 1.0); --border-radius:
917410px;  overflow: hidden; 
9175
9176      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
9177
9178
9179
9180--horizontal-alignment: ; --vertical-alignment: ;
9181--vertical-alignment-mobile: ;
9182
9183      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9184      --product-card-gap: 0px;
9185      --quick-add-display: flex;
9186      --quick-add-mobile-display: flex;
9187      --quick-add-mobile-opacity: 1;
9188      
9189      
9190      
9191      
9192    "
9193  >
9194    
9195  
9196
9197
9198
9199
9200
9201
9202
9203<div
9204  ref="cardGallery"
9205  class="card-gallery card-gallery-Ad0hPaWttaDI0dVNlb__card-gallery spacing-style border-style"
9206  style="
9207    --border-width: 1px; --border-style: none; --border-color:
9208rgb(var(--color-border-rgb) / 1.0); --border-radius:
92090px; 
9210
9211    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9212    --gallery-aspect-ratio: 4 / 5;
9213  "
9214  data-product-id="11744310788414"
9215  
9216    on:pointerenter="/previewImage"
9217    on:pointerleave="/resetImage"
9218  
9219  
9220    data-view-transition-to-main-product
9221  
9222  data-image-ratio="portrait"
9223  
9224>
9225    <a
9226      class="contents"
9227      ref="cardGalleryLink"
9228      href="/products/premium-potting-soil-mix?variant=51053423984958"
9229      aria-label="Premium Potting Soil Mix 25lb Bag"
9230    >
9231      <slideshow-component
9232  
9233    ref="slideshow"
9234  
9235  
9236  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
9237  
9238  initial-slide="0"
9239  
9240  
9241    infinite
9242  
9243
9244  data-generic-media-size="1"
9245>
9246  
9247  <slideshow-container ref="slideshowContainer">
9248    
9249    
9250    <slideshow-slides
9251      tabindex="-1"
9252      ref="scroller"
9253      
9254    >
9255      <slideshow-slide
9256  ref="slides[]"
9257  aria-hidden="false"
9258  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
9259  
9260    class="product-media-container media-fit product-media-container--image"
9261  
9262  
9263  
9264  
9265    slide-id="42052347232574"
9266  
9267  
9268  
9269  
9270>
9271  
9272
9273<div
9274  class="product-media"
9275  style="--ratio: 0.667"
9276  data-media-id="42052347232574"
9277>
9278  
9279  <img src="//soulfire.farm/cdn/shop/files/DSC0079.jpg?v=1734740685&amp;width=3840" alt="Premium Potting Soil Mix 25lb Bag" srcset="//soulfire.farm/cdn/shop/files/DSC0079.jpg?v=1734740685&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC0079.jpg?v=1734740685&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC0079.jpg?v=1734740685&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC0079.jpg?v=1734740685&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0079.jpg?v=1734740685&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0079.jpg?v=1734740685&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0079.jpg?v=1734740685&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0079.jpg?v=1734740685&amp;width=3840 3840w" width="3840" height="5757" loading="eager" sizes="(min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC0079.jpg?v=1734740685&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
9280
9281  
9282</div>
9283
9284
9285
9286</slideshow-slide>
9287
9288
9289
9290
9291    </slideshow-slides>
9292  </slideshow-container>
9293  
9294</slideshow-component>
9295
9296
9297
9298
9299    </a>
9300  
9301  
9302    <div
9303      class="product-badges product-badges--top-left"
9304      style="
9305        --badge-border-radius: 40px;
9306        --badge-font-family: var(--font-accent--family);
9306 --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
9307      "
9308    ></div>
9309    
9310      
9311
9312<quick-add-component
9313  class="quick-add color-scheme-1 "
9314  ref="quickAdd"
9315  data-product-title="Premium Potting Soil Mix 25lb Bag"
9316  data-quick-add-button="add"
9317  data-product-options-count="1"
9318>
9319  <product-form-component
9320    data-section-id="template--26206028398910__main"
9321    data-product-id="11744310788414"
9322    on:submit="/handleSubmit"
9323    class="quick-add__product-form-component"
9324  >
9325    <div
9326      class="visually-hidden"
9327      aria-live="assertive"
9328      role="status"
9329      aria-atomic="true"
9330      ref="liveRegion"
9331    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11744310788414-Ad0hPaWttaDI0dVNlb__card-gallery" accept-charset="UTF-8" class="shopify-product-form" 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
9332        type="hidden"
9333        name="id"
9334        ref="variantId"
9335        value="51053423984958"
9336        
9337      >
9338      <input
9339        type="hidden"
9340        name="quantity"
9341        value="1"
9342      >
9343      
9344      <add-to-cart-component
9345  ref="addToCartButtonContainer"
9346  data-product-variant-media="//soulfire.farm/cdn/shop/files/DSC0079.jpg?v=1734740685&width=100"
9347  data-add-to-cart-animation="true"
9348>
9349  <button
9350    
9351    type="submit"
9352    name="add"
9353    ref="addToCartButton"
9354    on:click="/handleClick"
9355    class="button button quick-add__button quick-add__button--add add-to-cart-button"
9356    
9357    
9358  >
9359    <span
9360      class="add-to-cart-text"
9361    >
9362      
9363        <span
9364          aria-hidden="true"
9365          class="svg-wrapper add-to-cart-icon"
9366        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
9367</span>
9368      
9369      <span class="add-to-cart-text__content is-visually-hidden-mobile">
9370        <span>
9371          <span>Add</span>
9372        </span>
9373      </span>
9374    </span>
9375    
9376    <span class="add-to-cart__added">
9377      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
9378  <g class="check">
9379    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
9380    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
9381  </g>
9382  <g class="burst">
9383    <g style="--index: 0;">
9384      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
9385    </g>
9386    <g style="--index: 1;">
9387      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
9388    </g>
9389    <g style="--index: 2;">
9390      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
9391    </g>
9392    <g style="--index: 3;">
9393      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
9394    </g>
9395    <g style="--index: 4;">
9396      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
9397    </g>
9398    <g style="--index: 5;">
9399      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
9400    </g>
9401    <g style="--index: 6;">
9402      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
9403    </g>
9404    <g style="--index: 7;">
9405      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
9406    </g>
9407  </g>
9408</svg>
9409</span>
9410    </span>
9411  </button>
9412</add-to-cart-component>
9413
9414
9415      <button
9416        class="button quick-add__button quick-add__button--choose add-to-cart-button"
9417        
9418        type="button"
9419        name="add"
9420        on:click="quick-add-component/handleClick"
9421      >
9422        <span
9423          class="add-to-cart-text"
9424        >
9425          
9426          <span
9427            aria-hidden="true"
9428            class="svg-wrapper add-to-cart-icon"
9429          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
9430</span>
9431          <span class="add-to-cart-text__content is-visually-hidden-mobile">
9432            <span>
9433              
9434              <span>
9435                Choose
9436              </span>
9437            </span>
9438          </span>
9439        </span>
9440      </button><input type="hidden" name="product-id" value="11744310788414" /><input type="hidden" name="section-id" value="template--26206028398910__main" /></form></product-form-component>
9441</quick-add-component>
9442
9443
9444
9445
9446    
9447  
9448
9449</div>
9450
9451
9452
9453
9454
9455<div class="product-grid-view-zoom-out--details">
9456  
9457    <h3 class="h4">Premium Potting Soil Mix 25lb Bag</h3>
9458  
9459</div>
9460
9461
9462
9463
9464
9465
9466
9467
9468
9469<div
9470  class="
9471    group-block
9472    group-block--height-fit
9473    group-block--width-fill
9474    border-style
9475    spacing-style
9476    size-style
9477    
9478    
9479  "
9480  style="
9481    --border-width: 1px; --border-style: none; --border-color:
9482rgb(var(--color-border-rgb) / 1.0); --border-radius:
94830px; 
9484
9485    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));
9486    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
9487    
9488  "
9489  
9490  data-testid="group-block"
9491><div class="group-block__media-wrapper">
9492    
9493
9494
9495
9496    
9497  </div>
9498
9499  <div
9500    class="
9501      group-block-content
9502      
9503      layout-panel-flex
9504      layout-panel-flex--column
9505       mobile-column
9506    "
9507    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
9508
9509--gap: 4px;
9510
9511--horizontal-alignment: flex-start; --vertical-alignment: center;
9512--vertical-alignment-mobile: center;
9513"
9514  >
9515  
9516
9517
9518  
9519  <a
9520    class="contents user-select-text"
9521    ref="productTitleLink"
9522    href="/products/premium-potting-soil-mix?variant=51053423984958"
9523  >
9524    
9525
9526
9527
9528
9529
9530
9531  <div class=" spacing-style text-block text-block--AOUpha1M4eVNTZ3VDN__product_title_NzQUxN paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
9532    <p role="heading" aria-level="3">Premium Potting Soil Mix 25lb Bag</p>
9533  </div>
9534
9535
9536
9537
9538  </a>
9539
9540
9541
9542
9543
9544
9545<product-price
9546  class="text-block  rte text-center paragraph spacing-style"
9547  data-block-id="AdzVoVDNUc2tZSXRmb__price"
9548  data-product-id="11744310788414"
9549  style="
9550    
9551--color: var(--color-foreground);
9552    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9553    --width: fit-content;
9554  "
9555  
9556>
9557  <div ref="priceContainer">
9558  
9559    
9560    <div
9561      class="
9562        price__regular
9563        
9564      "
9565    >
9566      <span class="price">$8.50 USD</span>
9567    </div>
9568    <div
9569      class="
9570        price__sale
9571        
9572          price__hidden
9573        
9574      "
9575    >
9576      
9577        <span class="price-item__group">
9578          <span class="visually-hidden">Sale price&nbsp;</span>
9579          <span class="price-item--sale price">$8.50 USD</span>
9580        </span>
9581        <span class="price-item__group">
9582          <span class="visually-hidden">Regular price&nbsp;</span>
9583          <span class="price-item--regular compare-at-price"></span>
9584        </span>
9585      
9586    </div>
9587  
9588</div>
9589
9590  
9591</product-price>
9592
9593
9594
9595
9596
9597
9598
9599
9600
9601
9602</div>
9603</div>
9604
9605
9606
9607
9608
9609
9610
9611  </div>
9612</product-card>
9613
9614
9615
9616
9617
9618
9619
9620
9621
9622
9623
9624
9625
9626
9627
9628
9629            
9630          </li>
9631        
9632          <li
9633            id="template--26206028398910__main-11744310952254"
9634            class="product-grid__item product-grid__item--1"
9635            data-page="1"
9636            data-product-id="11744310952254"
9637            ref="cards[]"
9638          >
9639            
9640            
9641
9642
9643
9644
9645
9646<style data-shopify>
9647  
9648</style>
9649
9650
9651
9652<product-card
9653  class="product-card size-style"
9654  style="--size-style-width: ;--size-style-height: ;"
9655  data-product-id="11744310952254"
9656  id="product-card-AQzU4Yk1uZjhwcEdmR__product-card-1"
9657  
9658    data-product-transition="true"
9659    data-featured-media-url="//soulfire.farm/cdn/shop/files/DSC0083.jpg?v=1734740698&width=500"
9660    on:click="/handleViewTransition"
9661  
9662  
9663  
9664>
9665  <a
9666    id="e492c950e8a393f869a34a9aadaebb63"
9667    
9668      href="/products/enriched-compost?variant=51053424181566"
9669    
9670    class="product-card__link"
9671    ref="productCardLink"
9672  >
9673    <span class="visually-hidden">
9674      Enriched Compost 15lb Bag
9675    </span>
9676  </a>
9677  <div
9678    class="
9679      product-card__content
9680      layout-panel-flex
9681      layout-panel-flex--column
9682      product-grid__card
9683      spacing-style
9684      border-style
9685      gap-style
9686       color-scheme-8
9687    "
9688    style="
9689      --border-width: 1px; --border-style: none; --border-color:
9690rgb(var(--color-border-rgb) / 1.0); --border-radius:
969110px;  overflow: hidden; 
9692
9693      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
9694
9695
9696
9697--horizontal-alignment: ; --vertical-alignment: ;
9698--vertical-alignment-mobile: ;
9699
9700      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9701      --product-card-gap: 0px;
9702      --quick-add-display: none;
9703      --quick-add-mobile-display: none;
9704      --quick-add-mobile-opacity: 0;
9705      
9706      
9707      
9708      
9709    "
9710  >
9711    
9712  
9713
9714
9715
9716
9717
9718
9719
9720<div
9721  ref="cardGallery"
9722  class="card-gallery card-gallery-Ad0hPaWttaDI0dVNlb__card-gallery-1 spacing-style border-style card-gallery--badge-top-left"
9723  style="
9724    --border-width: 1px; --border-style: none; --border-color:
9725rgb(var(--color-border-rgb) / 1.0); --border-radius:
97260px; 
9727
9728    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9729    --gallery-aspect-ratio: 4 / 5;
9730  "
9731  data-product-id="11744310952254"
9732  
9733    on:pointerenter="/previewImage"
9734    on:pointerleave="/resetImage"
9735  
9736  
9737    data-view-transition-to-main-product
9738  
9739  data-image-ratio="portrait"
9740  
9741>
9742    <a
9743      class="contents"
9744      ref="cardGalleryLink"
9745      href="/products/enriched-compost?variant=51053424181566"
9746      aria-label="Enriched Compost 15lb Bag"
9747    >
9748      <slideshow-component
9749  
9750    ref="slideshow"
9751  
9752  
9753  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
9754  
9755  initial-slide="0"
9756  
9757  
9758    infinite
9759  
9760
9761  data-generic-media-size="1"
9762>
9763  
9764  <slideshow-container ref="slideshowContainer">
9765    
9766    
9767    <slideshow-slides
9768      tabindex="-1"
9769      ref="scroller"
9770      
9771    >
9772      <slideshow-slide
9773  ref="slides[]"
9774  aria-hidden="false"
9775  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
9776  
9777    class="product-media-container media-fit product-media-container--image"
9778  
9779  
9780  
9781  
9782    slide-id="42052348117310"
9783  
9784  
9785  
9786  
9787>
9788  
9789
9790<div
9791  class="product-media"
9792  style="--ratio: 0.667"
9793  data-media-id="42052348117310"
9794>
9795  
9796  <img src="//soulfire.farm/cdn/shop/files/DSC0083.jpg?v=1734740698&amp;width=3840" alt="Enriched Compost 15lb Bag" srcset="//soulfire.farm/cdn/shop/files/DSC0083.jpg?v=1734740698&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC0083.jpg?v=1734740698&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC0083.jpg?v=1734740698&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC0083.jpg?v=1734740698&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0083.jpg?v=1734740698&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0083.jpg?v=1734740698&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0083.jpg?v=1734740698&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0083.jpg?v=1734740698&amp;width=3840 3840w" width="3840" height="5757" loading="eager" sizes="(min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC0083.jpg?v=1734740698&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
9797
9798  
9799</div>
9800
9801
9802
9803</slideshow-slide>
9804
9805
9806
9807
9808    </slideshow-slides>
9809  </slideshow-container>
9810  
9811</slideshow-component>
9812
9813
9814
9815
9816    </a>
9817  
9818  
9819    <div
9820      class="product-badges product-badges--top-left"
9821      style="
9822        --badge-border-radius: 40px;
9823        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
9824      "
9825    ><div
9826          class="
9827            product-badges__badge product-badges__badge--rectangle
9828             color-scheme-cb76390f-038c-41ce-9a93-fc1d1f7315af
9829          "
9830        >Sold out
9831</div></div>
9832    
9833      
9834
9835<quick-add-component
9836  class="quick-add color-scheme-1 "
9837  ref="quickAdd"
9838  data-product-title="Enriched Compost 15lb Bag"
9839  data-quick-add-button="add"
9840  data-product-options-count="1"
9841>
9842  <product-form-component
9843    data-section-id="template--26206028398910__main"
9844    data-product-id="11744310952254"
9845    on:submit="/handleSubmit"
9846    class="quick-add__product-form-component"
9847  >
9848    <div
9849      class="visually-hidden"
9850      aria-live="assertive"
9851      role="status"
9852      aria-atomic="true"
9853      ref="liveRegion"
9854    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11744310952254-Ad0hPaWttaDI0dVNlb__card-gallery-1" accept-charset="UTF-8" class="shopify-product-form" 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
9855        type="hidden"
9856        name="id"
9857        ref="variantId"
9858        value="51053424181566"
9859        
9860          disabled
9861        
9862      >
9863      <input
9864        type="hidden"
9865        name="quantity"
9866        value="1"
9867      >
9868      
9869      <add-to-cart-component
9870  ref="addToCartButtonContainer"
9871  data-product-variant-media="//soulfire.farm/cdn/shop/files/DSC0083.jpg?v=1734740698&width=100"
9872  data-add-to-cart-animation="true"
9873>
9874  <button
9875    
9876    type="submit"
9877    name="add"
9878    ref="addToCartButton"
9879    on:click="/handleClick"
9880    class="button button quick-add__button quick-add__button--add add-to-cart-button"
9881    
9882    
9883      disabled
9884    
9885  >
9886    <span
9887      class="add-to-cart-text"
9888    >
9889      
9890      <span class="add-to-cart-text__content is-visually-hidden-mobile">
9891        <span>
9892          <span>Add</span>
9893        </span>
9894      </span>
9895    </span>
9896    
9897    <span class="add-to-cart__added">
9898      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
9899  <g class="check">
9900    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
9901    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
9902  </g>
9903  <g class="burst">
9904    <g style="--index: 0;">
9905      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
9906    </g>
9907    <g style="--index: 1;">
9908      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
9909    </g>
9910    <g style="--index: 2;">
9911      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
9912    </g>
9913    <g style="--index: 3;">
9914      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
9915    </g>
9916    <g style="--index: 4;">
9917      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
9918    </g>
9919    <g style="--index: 5;">
9920      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
9921    </g>
9922    <g style="--index: 6;">
9923      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
9924    </g>
9925    <g style="--index: 7;">
9926      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
9927    </g>
9928  </g>
9929</svg>
9930</span>
9931    </span>
9932  </button>
9933</add-to-cart-component>
9934
9935
9936      <button
9937        class="button quick-add__button quick-add__button--choose add-to-cart-button"
9938        
9939        type="button"
9940        name="add"
9941        on:click="quick-add-component/handleClick"
9942      >
9943        <span
9944          class="add-to-cart-text"
9945        >
9946          
9947          <span
9948            aria-hidden="true"
9949            class="svg-wrapper add-to-cart-icon"
9950          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
9951</span>
9952          <span class="add-to-cart-text__content is-visually-hidden-mobile">
9953            <span>
9954              
9955              <span>
9956                Choose
9957              </span>
9958            </span>
9959          </span>
9960        </span>
9961      </button><input type="hidden" name="product-id" value="11744310952254" /><input type="hidden" name="section-id" value="template--26206028398910__main" /></form></product-form-component>
9962</quick-add-component>
9963
9964
9965
9966
9967    
9968  
9969
9970</div>
9971
9972
9973
9974
9975
9976<div class="product-grid-view-zoom-out--details">
9977  
9978    <h3 class="h4">Enriched Compost 15lb Bag</h3>
9979  
9980</div>
9981
9982
9983
9984
9985
9986
9987
9988
9989
9990<div
9991  class="
9992    group-block
9993    group-block--height-fit
9994    group-block--width-fill
9995    border-style
9996    spacing-style
9997    size-style
9998    
9999    
10000  "
10001  style="
10002    --border-width: 1px; --border-style: none; --border-color:
10003rgb(var(--color-border-rgb) / 1.0); --border-radius:
100040px; 
10005
10006    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));
10007    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
10008    
10009  "
10010  
10011  data-testid="group-block"
10012><div class="group-block__media-wrapper">
10013    
10014
10015
10016
10017    
10018  </div>
10019
10020  <div
10021    class="
10022      group-block-content
10023      
10024      layout-panel-flex
10025      layout-panel-flex--column
10026       mobile-column
10027    "
10028    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
10029
10030--gap: 4px;
10031
10032--horizontal-alignment: flex-start; --vertical-alignment: center;
10033--vertical-alignment-mobile: center;
10034"
10035  >
10036  
10037
10038
10039  
10040  <a
10041    class="contents user-select-text"
10042    ref="productTitleLink"
10043    href="/products/enriched-compost?variant=51053424181566"
10044  >
10045    
10046
10047
10048
10049
10050
10051
10052  <div class=" spacing-style text-block text-block--AOUpha1M4eVNTZ3VDN__product_title_NzQUxN-1 paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
10053    <p role="heading" aria-level="3">Enriched Compost 15lb Bag</p>
10054  </div>
10055
10056
10057
10058
10059  </a>
10060
10061
10062
10063
10064
10065
10066<product-price
10067  class="text-block  rte text-center paragraph spacing-style"
10068  data-block-id="AdzVoVDNUc2tZSXRmb__price-1"
10069  data-product-id="11744310952254"
10070  style="
10071    
10072--color: var(--color-foreground);
10073    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
10074    --width: fit-content;
10075  "
10076  
10077>
10078  <div ref="priceContainer">
10079  
10080    
10081    <div
10082      class="
10083        price__regular
10084        
10085      "
10086    >
10087      <span class="price">$9.00 USD</span>
10088    </div>
10089    <div
10090      class="
10091        price__sale
10092        
10093          price__hidden
10094        
10095      "
10096    >
10097      
10098        <span class="price-item__group">
10099          <span class="visually-hidden">Sale price&nbsp;</span>
10100          <span class="price-item--sale price">$9.00 USD</span>
10101        </span>
10102        <span class="price-item__group">
10103          <span class="visually-hidden">Regular price&nbsp;</span>
10104          <span class="price-item--regular compare-at-price"></span>
10105        </span>
10106      
10107    </div>
10108  
10109</div>
10110
10111  
10112</product-price>
10113
10114
10115
10116
10117
10118
10119
10120
10121
10122
10123</div>
10124</div>
10125
10126
10127
10128
10129
10130
10131
10132  </div>
10133</product-card>
10134
10135
10136
10137
10138
10139
10140
10141
10142
10143
10144
10145
10146
10147
10148
10149
10150            
10151          </li>
10152        
10153          <li
10154            id="template--26206028398910__main-11874832711998"
10155            class="product-grid__item product-grid__item--2"
10156            data-page="1"
10157            data-product-id="11874832711998"
10158            ref="cards[]"
10159          >
10160            
10161            
10162
10163
10164
10165
10166
10167<style data-shopify>
10168  
10169</style>
10170
10171
10172
10173<product-card
10174  class="product-card size-style"
10175  style="--size-style-width: ;--size-style-height: ;"
10176  data-product-id="11874832711998"
10177  id="product-card-AQzU4Yk1uZjhwcEdmR__product-card-2"
10178  
10179    data-product-transition="true"
10180    data-featured-media-url="//soulfire.farm/cdn/shop/files/rainboweuc.jpg?v=1744483294&width=500"
10181    on:click="/handleViewTransition"
10182  
10183  
10184  
10185>
10186  <a
10187    id="c777d1982308f8b280ac5405e407be31"
10188    
10189      href="/products/rainbow-eucalyptus-tree?variant=51595710759230"
10190    
10191    class="product-card__link"
10192    ref="productCardLink"
10193  >
10194    <span class="visually-hidden">
10195      Rainbow Eucalyptus Tree
10196    </span>
10197  </a>
10198  <div
10199    class="
10200      product-card__content
10201      layout-panel-flex
10202      layout-panel-flex--column
10203      product-grid__card
10204      spacing-style
10205      border-style
10206      gap-style
10207       color-scheme-8
10208    "
10209    style="
10210      --border-width: 1px; --border-style: none; --border-color:
10211rgb(var(--color-border-rgb) / 1.0); --border-radius:
1021210px;  overflow: hidden; 
10213
10214      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
10215
10216
10217
10218--horizontal-alignment: ; --vertical-alignment: ;
10219--vertical-alignment-mobile: ;
10220
10221      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
10222      --product-card-gap: 0px;
10223      --quick-add-display: flex;
10224      --quick-add-mobile-display: flex;
10225      --quick-add-mobile-opacity: 1;
10226      
10227      
10228      
10229      
10230    "
10231  >
10232    
10233  
10234
10235
10236
10237
10238
10239
10240
10241<div
10242  ref="cardGallery"
10243  class="card-gallery card-gallery-Ad0hPaWttaDI0dVNlb__card-gallery-2 spacing-style border-style"
10244  style="
10245    --border-width: 1px; --border-style: none; --border-color:
10246rgb(var(--color-border-rgb) / 1.0); --border-radius:
102470px; 
10248
10249    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
10250    --gallery-aspect-ratio: 4 / 5;
10251  "
10252  data-product-id="11874832711998"
10253  
10254    on:pointerenter="/previewImage"
10255    on:pointerleave="/resetImage"
10256  
10257  
10258    data-view-transition-to-main-product
10259  
10260  data-image-ratio="portrait"
10261  
10262>
10263    <a
10264      class="contents"
10265      ref="cardGalleryLink"
10266      href="/products/rainbow-eucalyptus-tree?variant=51595710759230"
10267      aria-label="Rainbow Eucalyptus Tree"
10268    >
10269      <slideshow-component
10270  
10271    ref="slideshow"
10272  
10273  
10274  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
10275  
10276  initial-slide="0"
10277  
10278  
10279    infinite
10280  
10281
10282  data-generic-media-size="2"
10283>
10284  
10285  <slideshow-container ref="slideshowContainer">
10286    
10287    
10288    <slideshow-slides
10289      tabindex="-1"
10290      ref="scroller"
10291      
10292    >
10293      <slideshow-slide
10294  ref="slides[]"
10295  aria-hidden="false"
10296  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
10297  
10298    class="product-media-container media-fit product-media-container--image"
10299  
10300  
10301  
10302  
10303    slide-id="42721199948094"
10304  
10305  
10306  
10307  
10308>
10309  
10310
10311<div
10312  class="product-media"
10313  style="--ratio: 0.667"
10314  data-media-id="42721199948094"
10315>
10316  
10317  <img src="//soulfire.farm/cdn/shop/files/rainboweuc.jpg?v=1744483294&amp;width=3840" alt="Rainbow Eucalyptus Tree" srcset="//soulfire.farm/cdn/shop/files/rainboweuc.jpg?v=1744483294&amp;width=240 240w, //soulfire.farm/cdn/shop/files/rainboweuc.jpg?v=1744483294&amp;width=352 352w, //soulfire.farm/cdn/shop/files/rainboweuc.jpg?v=1744483294&amp;width=832 832w, //soulfire.farm/cdn/shop/files/rainboweuc.jpg?v=1744483294&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/rainboweuc.jpg?v=1744483294&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/rainboweuc.jpg?v=1744483294&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/rainboweuc.jpg?v=1744483294&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/rainboweuc.jpg?v=1744483294&amp;width=3840 3840w" width="3840" height="5757" loading="eager" sizes="(min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/rainboweuc.jpg?v=1744483294&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
10318
10319  
10320</div>
10321
10322
10323
10324</slideshow-slide>
10325
10326
10327
10328<slideshow-slide
10329  ref="slides[]"
10330  aria-hidden="true"
10331  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
10332  
10333    class="product-media-container media-fit product-media-container--image"
10334  
10335  
10336  
10337  
10338    slide-id="42721202831678"
10339  
10340  
10341  
10342  
10343>
10344  
10345
10346<div
10347  class="product-media"
10348  style="--ratio: 0.667"
10349  data-media-id="42721202831678"
10350>
10351  
10352  <img src="//soulfire.farm/cdn/shop/files/DSC1615.jpg?v=1744483372&amp;width=3840" alt="Rainbow Eucalyptus Tree" srcset="//soulfire.farm/cdn/shop/files/DSC1615.jpg?v=1744483372&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC1615.jpg?v=1744483372&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC1615.jpg?v=1744483372&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC1615.jpg?v=1744483372&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC1615.jpg?v=1744483372&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC1615.jpg?v=1744483372&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC1615.jpg?v=1744483372&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC1615.jpg?v=1744483372&amp;width=3840 3840w" width="3840" height="5757" loading="lazy" sizes="auto, (min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC1615.jpg?v=1744483372&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
10353
10354  
10355</div>
10356
10357
10358
10359</slideshow-slide>
10360
10361
10362
10363
10364    </slideshow-slides>
10365  </slideshow-container>
10366  
10367</slideshow-component>
10368
10369
10370
10371
10372    </a>
10373  
10374  
10375    <div
10376      class="product-badges product-badges--top-left"
10377      style="
10378        --badge-border-radius: 40px;
10379        --badge-font-family: var(--font-accent--family);
10379 --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
10380      "
10381    ></div>
10382    
10383      
10384
10385<quick-add-component
10386  class="quick-add color-scheme-1 "
10387  ref="quickAdd"
10388  data-product-title="Rainbow Eucalyptus Tree"
10389  data-quick-add-button="add"
10390  data-product-options-count="1"
10391>
10392  <product-form-component
10393    data-section-id="template--26206028398910__main"
10394    data-product-id="11874832711998"
10395    on:submit="/handleSubmit"
10396    class="quick-add__product-form-component"
10397  >
10398    <div
10399      class="visually-hidden"
10400      aria-live="assertive"
10401      role="status"
10402      aria-atomic="true"
10403      ref="liveRegion"
10404    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11874832711998-Ad0hPaWttaDI0dVNlb__card-gallery-2" accept-charset="UTF-8" class="shopify-product-form" 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
10405        type="hidden"
10406        name="id"
10407        ref="variantId"
10408        value="51595710759230"
10409        
10410      >
10411      <input
10412        type="hidden"
10413        name="quantity"
10414        value="1"
10415      >
10416      
10417      <add-to-cart-component
10418  ref="addToCartButtonContainer"
10419  data-product-variant-media="//soulfire.farm/cdn/shop/files/rainboweuc.jpg?v=1744483294&width=100"
10420  data-add-to-cart-animation="true"
10421>
10422  <button
10423    
10424    type="submit"
10425    name="add"
10426    ref="addToCartButton"
10427    on:click="/handleClick"
10428    class="button button quick-add__button quick-add__button--add add-to-cart-button"
10429    
10430    
10431  >
10432    <span
10433      class="add-to-cart-text"
10434    >
10435      
10436        <span
10437          aria-hidden="true"
10438          class="svg-wrapper add-to-cart-icon"
10439        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
10440</span>
10441      
10442      <span class="add-to-cart-text__content is-visually-hidden-mobile">
10443        <span>
10444          <span>Add</span>
10445        </span>
10446      </span>
10447    </span>
10448    
10449    <span class="add-to-cart__added">
10450      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
10451  <g class="check">
10452    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
10453    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
10454  </g>
10455  <g class="burst">
10456    <g style="--index: 0;">
10457      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
10458    </g>
10459    <g style="--index: 1;">
10460      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
10461    </g>
10462    <g style="--index: 2;">
10463      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
10464    </g>
10465    <g style="--index: 3;">
10466      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
10467    </g>
10468    <g style="--index: 4;">
10469      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
10470    </g>
10471    <g style="--index: 5;">
10472      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
10473    </g>
10474    <g style="--index: 6;">
10475      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
10476    </g>
10477    <g style="--index: 7;">
10478      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
10479    </g>
10480  </g>
10481</svg>
10482</span>
10483    </span>
10484  </button>
10485</add-to-cart-component>
10486
10487
10488      <button
10489        class="button quick-add__button quick-add__button--choose add-to-cart-button"
10490        
10491        type="button"
10492        name="add"
10493        on:click="quick-add-component/handleClick"
10494      >
10495        <span
10496          class="add-to-cart-text"
10497        >
10498          
10499          <span
10500            aria-hidden="true"
10501            class="svg-wrapper add-to-cart-icon"
10502          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
10503</span>
10504          <span class="add-to-cart-text__content is-visually-hidden-mobile">
10505            <span>
10506              
10507              <span>
10508                Choose
10509              </span>
10510            </span>
10511          </span>
10512        </span>
10513      </button><input type="hidden" name="product-id" value="11874832711998" /><input type="hidden" name="section-id" value="template--26206028398910__main" /></form></product-form-component>
10514</quick-add-component>
10515
10516
10517
10518
10519    
10520  
10521
10522</div>
10523
10524
10525
10526
10527
10528<div class="product-grid-view-zoom-out--details">
10529  
10530    <h3 class="h4">Rainbow Eucalyptus Tree</h3>
10531  
10532</div>
10533
10534
10535
10536
10537
10538
10539
10540
10541
10542<div
10543  class="
10544    group-block
10545    group-block--height-fit
10546    group-block--width-fill
10547    border-style
10548    spacing-style
10549    size-style
10550    
10551    
10552  "
10553  style="
10554    --border-width: 1px; --border-style: none; --border-color:
10555rgb(var(--color-border-rgb) / 1.0); --border-radius:
105560px; 
10557
10558    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));
10559    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
10560    
10561  "
10562  
10563  data-testid="group-block"
10564><div class="group-block__media-wrapper">
10565    
10566
10567
10568
10569    
10570  </div>
10571
10572  <div
10573    class="
10574      group-block-content
10575      
10576      layout-panel-flex
10577      layout-panel-flex--column
10578       mobile-column
10579    "
10580    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
10581
10582--gap: 4px;
10583
10584--horizontal-alignment: flex-start; --vertical-alignment: center;
10585--vertical-alignment-mobile: center;
10586"
10587  >
10588  
10589
10590
10591  
10592  <a
10593    class="contents user-select-text"
10594    ref="productTitleLink"
10595    href="/products/rainbow-eucalyptus-tree?variant=51595710759230"
10596  >
10597    
10598
10599
10600
10601
10602
10603
10604  <div class=" spacing-style text-block text-block--AOUpha1M4eVNTZ3VDN__product_title_NzQUxN-2 paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
10605    <p role="heading" aria-level="3">Rainbow Eucalyptus Tree</p>
10606  </div>
10607
10608
10609
10610
10611  </a>
10612
10613
10614
10615
10616
10617
10618<product-price
10619  class="text-block  rte text-center paragraph spacing-style"
10620  data-block-id="AdzVoVDNUc2tZSXRmb__price-2"
10621  data-product-id="11874832711998"
10622  style="
10623    
10624--color: var(--color-foreground);
10625    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
10626    --width: fit-content;
10627  "
10628  
10629>
10630  <div ref="priceContainer">
10631  
10632    
10633    <div
10634      class="
10635        price__regular
10636        
10637      "
10638    >
10639      <span class="price">$15.00 USD</span>
10640    </div>
10641    <div
10642      class="
10643        price__sale
10644        
10645          price__hidden
10646        
10647      "
10648    >
10649      
10650        <span class="price-item__group">
10651          <span class="visually-hidden">Sale price&nbsp;</span>
10652          <span class="price-item--sale price">$15.00 USD</span>
10653        </span>
10654        <span class="price-item__group">
10655          <span class="visually-hidden">Regular price&nbsp;</span>
10656          <span class="price-item--regular compare-at-price"></span>
10657        </span>
10658      
10659    </div>
10660  
10661</div>
10662
10663  
10664</product-price>
10665
10666
10667
10668
10669
10670
10671
10672
10673
10674
10675</div>
10676</div>
10677
10678
10679
10680
10681
10682
10683
10684  </div>
10685</product-card>
10686
10687
10688
10689
10690
10691
10692
10693
10694
10695
10696
10697
10698
10699
10700
10701
10702            
10703          </li>
10704        
10705          <li
10706            id="template--26206028398910__main-11744316129598"
10707            class="product-grid__item product-grid__item--3"
10708            data-page="1"
10709            data-product-id="11744316129598"
10710            ref="cards[]"
10711          >
10712            
10713            
10714
10715
10716
10717
10718
10719<style data-shopify>
10720  
10721</style>
10722
10723
10724
10725<product-card
10726  class="product-card size-style"
10727  style="--size-style-width: ;--size-style-height: ;"
10728  data-product-id="11744316129598"
10729  id="product-card-AQzU4Yk1uZjhwcEdmR__product-card-3"
10730  
10731    data-product-transition="true"
10732    data-featured-media-url="//soulfire.farm/cdn/shop/files/rosemary.jpg?v=1736708989&width=500"
10733    on:click="/handleViewTransition"
10734  
10735  
10736  
10737>
10738  <a
10739    id="5a96d05eb4b011f08a2847c278499ad7"
10740    
10741      href="/products/rosemary-plant?variant=51053441876286"
10742    
10743    class="product-card__link"
10744    ref="productCardLink"
10745  >
10746    <span class="visually-hidden">
10747      Rosemary Plant
10748    </span>
10749  </a>
10750  <div
10751    class="
10752      product-card__content
10753      layout-panel-flex
10754      layout-panel-flex--column
10755      product-grid__card
10756      spacing-style
10757      border-style
10758      gap-style
10759       color-scheme-8
10760    "
10761    style="
10762      --border-width: 1px; --border-style: none; --border-color:
10763rgb(var(--color-border-rgb) / 1.0); --border-radius:
1076410px;  overflow: hidden; 
10765
10766      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
10767
10768
10769
10770--horizontal-alignment: ; --vertical-alignment: ;
10771--vertical-alignment-mobile: ;
10772
10773      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
10774      --product-card-gap: 0px;
10775      --quick-add-display: none;
10776      --quick-add-mobile-display: none;
10777      --quick-add-mobile-opacity: 0;
10778      
10779      
10780      
10781      
10782    "
10783  >
10784    
10785  
10786
10787
10788
10789
10790
10791
10792
10793<div
10794  ref="cardGallery"
10795  class="card-gallery card-gallery-Ad0hPaWttaDI0dVNlb__card-gallery-3 spacing-style border-style card-gallery--badge-top-left"
10796  style="
10797    --border-width: 1px; --border-style: none; --border-color:
10798rgb(var(--color-border-rgb) / 1.0); --border-radius:
107990px; 
10800
10801    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
10802    --gallery-aspect-ratio: 4 / 5;
10803  "
10804  data-product-id="11744316129598"
10805  
10806    on:pointerenter="/previewImage"
10807    on:pointerleave="/resetImage"
10808  
10809  
10810    data-view-transition-to-main-product
10811  
10812  data-image-ratio="portrait"
10813  
10814>
10815    <a
10816      class="contents"
10817      ref="cardGalleryLink"
10818      href="/products/rosemary-plant?variant=51053441876286"
10819      aria-label="Rosemary Plant"
10820    >
10821      <slideshow-component
10822  
10823    ref="slideshow"
10824  
10825  
10826  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
10827  
10828  initial-slide="0"
10829  
10830  
10831    infinite
10832  
10833
10834  data-generic-media-size="1"
10835>
10836  
10837  <slideshow-container ref="slideshowContainer">
10838    
10839    
10840    <slideshow-slides
10841      tabindex="-1"
10842      ref="scroller"
10843      
10844    >
10845      <slideshow-slide
10846  ref="slides[]"
10847  aria-hidden="false"
10848  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
10849  
10850    class="product-media-container media-fit product-media-container--image"
10851  
10852  
10853  
10854  
10855    slide-id="42144831177022"
10856  
10857  
10858  
10859  
10860>
10861  
10862
10863<div
10864  class="product-media"
10865  style="--ratio: 0.667"
10866  data-media-id="42144831177022"
10867>
10868  
10869  <img src="//soulfire.farm/cdn/shop/files/rosemary.jpg?v=1736708989&amp;width=3840" alt="Rosemary Plant" srcset="//soulfire.farm/cdn/shop/files/rosemary.jpg?v=1736708989&amp;width=240 240w, //soulfire.farm/cdn/shop/files/rosemary.jpg?v=1736708989&amp;width=352 352w, //soulfire.farm/cdn/shop/files/rosemary.jpg?v=1736708989&amp;width=832 832w, //soulfire.farm/cdn/shop/files/rosemary.jpg?v=1736708989&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/rosemary.jpg?v=1736708989&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/rosemary.jpg?v=1736708989&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/rosemary.jpg?v=1736708989&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/rosemary.jpg?v=1736708989&amp;width=3840 3840w" width="3840" height="5757" loading="eager" sizes="(min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/rosemary.jpg?v=1736708989&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
10870
10871  
10872</div>
10873
10874
10875
10876</slideshow-slide>
10877
10878
10879
10880
10881    </slideshow-slides>
10882  </slideshow-container>
10883  
10884</slideshow-component>
10885
10886
10887
10888
10889    </a>
10890  
10891  
10892    <div
10893      class="product-badges product-badges--top-left"
10894      style="
10895        --badge-border-radius: 40px;
10896        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
10897      "
10898    ><div
10899          class="
10900            product-badges__badge product-badges__badge--rectangle
10901             color-scheme-cb76390f-038c-41ce-9a93-fc1d1f7315af
10902          "
10903        >Sold out
10904</div></div>
10905    
10906      
10907
10908<quick-add-component
10909  class="quick-add color-scheme-1 "
10910  ref="quickAdd"
10911  data-product-title="Rosemary Plant"
10912  data-quick-add-button="add"
10913  data-product-options-count="1"
10914>
10915  <product-form-component
10916    data-section-id="template--26206028398910__main"
10917    data-product-id="11744316129598"
10918    on:submit="/handleSubmit"
10919    class="quick-add__product-form-component"
10920  >
10921    <div
10922      class="visually-hidden"
10923      aria-live="assertive"
10924      role="status"
10925      aria-atomic="true"
10926      ref="liveRegion"
10927    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11744316129598-Ad0hPaWttaDI0dVNlb__card-gallery-3" accept-charset="UTF-8" class="shopify-product-form" 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
10928        type="hidden"
10929        name="id"
10930        ref="variantId"
10931        value="51053441876286"
10932        
10933          disabled
10934        
10935      >
10936      <input
10937        type="hidden"
10938        name="quantity"
10939        value="1"
10940      >
10941      
10942      <add-to-cart-component
10943  ref="addToCartButtonContainer"
10944  data-product-variant-media="//soulfire.farm/cdn/shop/files/rosemary.jpg?v=1736708989&width=100"
10945  data-add-to-cart-animation="true"
10946>
10947  <button
10948    
10949    type="submit"
10950    name="add"
10951    ref="addToCartButton"
10952    on:click="/handleClick"
10953    class="button button quick-add__button quick-add__button--add add-to-cart-button"
10954    
10955    
10956      disabled
10957    
10958  >
10959    <span
10960      class="add-to-cart-text"
10961    >
10962      
10963      <span class="add-to-cart-text__content is-visually-hidden-mobile">
10964        <span>
10965          <span>Add</span>
10966        </span>
10967      </span>
10968    </span>
10969    
10970    <span class="add-to-cart__added">
10971      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
10972  <g class="check">
10973    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
10974    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
10975  </g>
10976  <g class="burst">
10977    <g style="--index: 0;">
10978      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
10979    </g>
10980    <g style="--index: 1;">
10981      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
10982    </g>
10983    <g style="--index: 2;">
10984      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
10985    </g>
10986    <g style="--index: 3;">
10987      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
10988    </g>
10989    <g style="--index: 4;">
10990      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
10991    </g>
10992    <g style="--index: 5;">
10993      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
10994    </g>
10995    <g style="--index: 6;">
10996      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
10997    </g>
10998    <g style="--index: 7;">
10999      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11000    </g>
11001  </g>
11002</svg>
11003</span>
11004    </span>
11005  </button>
11006</add-to-cart-component>
11007
11008
11009      <button
11010        class="button quick-add__button quick-add__button--choose add-to-cart-button"
11011        
11012        type="button"
11013        name="add"
11014        on:click="quick-add-component/handleClick"
11015      >
11016        <span
11017          class="add-to-cart-text"
11018        >
11019          
11020          <span
11021            aria-hidden="true"
11022            class="svg-wrapper add-to-cart-icon"
11023          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
11024</span>
11025          <span class="add-to-cart-text__content is-visually-hidden-mobile">
11026            <span>
11027              
11028              <span>
11029                Choose
11030              </span>
11031            </span>
11032          </span>
11033        </span>
11034      </button><input type="hidden" name="product-id" value="11744316129598" /><input type="hidden" name="section-id" value="template--26206028398910__main" /></form></product-form-component>
11035</quick-add-component>
11036
11037
11038
11039
11040    
11041  
11042
11043</div>
11044
11045
11046
11047
11048
11049<div class="product-grid-view-zoom-out--details">
11050  
11051    <h3 class="h4">Rosemary Plant</h3>
11052  
11053</div>
11054
11055
11056
11057
11058
11059
11060
11061
11062
11063<div
11064  class="
11065    group-block
11066    group-block--height-fit
11067    group-block--width-fill
11068    border-style
11069    spacing-style
11070    size-style
11071    
11072    
11073  "
11074  style="
11075    --border-width: 1px; --border-style: none; --border-color:
11076rgb(var(--color-border-rgb) / 1.0); --border-radius:
110770px; 
11078
11079    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));
11080    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
11081    
11082  "
11083  
11084  data-testid="group-block"
11085><div class="group-block__media-wrapper">
11086    
11087
11088
11089
11090    
11091  </div>
11092
11093  <div
11094    class="
11095      group-block-content
11096      
11097      layout-panel-flex
11098      layout-panel-flex--column
11099       mobile-column
11100    "
11101    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
11102
11103--gap: 4px;
11104
11105--horizontal-alignment: flex-start; --vertical-alignment: center;
11106--vertical-alignment-mobile: center;
11107"
11108  >
11109  
11110
11111
11112  
11113  <a
11114    class="contents user-select-text"
11115    ref="productTitleLink"
11116    href="/products/rosemary-plant?variant=51053441876286"
11117  >
11118    
11119
11120
11121
11122
11123
11124
11125  <div class=" spacing-style text-block text-block--AOUpha1M4eVNTZ3VDN__product_title_NzQUxN-3 paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
11126    <p role="heading" aria-level="3">Rosemary Plant</p>
11127  </div>
11128
11129
11130
11131
11132  </a>
11133
11134
11135
11136
11137
11138
11139<product-price
11140  class="text-block  rte text-center paragraph spacing-style"
11141  data-block-id="AdzVoVDNUc2tZSXRmb__price-3"
11142  data-product-id="11744316129598"
11143  style="
11144    
11145--color: var(--color-foreground);
11146    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11147    --width: fit-content;
11148  "
11149  
11150>
11151  <div ref="priceContainer">
11152  
11153    
11154    <div
11155      class="
11156        price__regular
11157        
11158      "
11159    >
11160      <span class="price">$6.00 USD</span>
11161    </div>
11162    <div
11163      class="
11164        price__sale
11165        
11166          price__hidden
11167        
11168      "
11169    >
11170      
11171        <span class="price-item__group">
11172          <span class="visually-hidden">Sale price&nbsp;</span>
11173          <span class="price-item--sale price">$6.00 USD</span>
11174        </span>
11175        <span class="price-item__group">
11176          <span class="visually-hidden">Regular price&nbsp;</span>
11177          <span class="price-item--regular compare-at-price"></span>
11178        </span>
11179      
11180    </div>
11181  
11182</div>
11183
11184  
11185</product-price>
11186
11187
11188
11189
11190
11191
11192
11193
11194
11195
11196</div>
11197</div>
11198
11199
11200
11201
11202
11203
11204
11205  </div>
11206</product-card>
11207
11208
11209
11210
11211
11212
11213
11214
11215
11216
11217
11218
11219
11220
11221
11222
11223            
11224          </li>
11225        
11226          <li
11227            id="template--26206028398910__main-11744319045950"
11228            class="product-grid__item product-grid__item--4"
11229            data-page="1"
11230            data-product-id="11744319045950"
11231            ref="cards[]"
11232          >
11233            
11234            
11235
11236
11237
11238
11239
11240<style data-shopify>
11241  
11242</style>
11243
11244
11245
11246<product-card
11247  class="product-card size-style"
11248  style="--size-style-width: ;--size-style-height: ;"
11249  data-product-id="11744319045950"
11250  id="product-card-AQzU4Yk1uZjhwcEdmR__product-card-4"
11251  
11252    data-product-transition="true"
11253    data-featured-media-url="//soulfire.farm/cdn/shop/files/DSC1154.jpg?v=1739662925&width=500"
11254    on:click="/handleViewTransition"
11255  
11256  
11257  
11258>
11259  <a
11260    id="29cf931474cc9ceced41d0227ff633f3"
11261    
11262      href="/products/bougainvillea-plant?variant=51329967882558"
11263    
11264    class="product-card__link"
11265    ref="productCardLink"
11266  >
11267    <span class="visually-hidden">
11268      Bougainvillea Plant
11269    </span>
11270  </a>
11271  <div
11272    class="
11273      product-card__content
11274      layout-panel-flex
11275      layout-panel-flex--column
11276      product-grid__card
11277      spacing-style
11278      border-style
11279      gap-style
11280       color-scheme-8
11281    "
11282    style="
11283      --border-width: 1px; --border-style: none; --border-color:
11284rgb(var(--color-border-rgb) / 1.0); --border-radius:
1128510px;  overflow: hidden; 
11286
11287      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
11288
11289
11290
11291--horizontal-alignment: ; --vertical-alignment: ;
11292--vertical-alignment-mobile: ;
11293
11294      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11295      --product-card-gap: 0px;
11296      --quick-add-display: flex;
11297      --quick-add-mobile-display: flex;
11298      --quick-add-mobile-opacity: 1;
11299      
11300      
11301      
11302      
11303    "
11304  >
11305    
11306  
11307
11308
11309
11310
11311
11312
11313
11314<div
11315  ref="cardGallery"
11316  class="card-gallery card-gallery-Ad0hPaWttaDI0dVNlb__card-gallery-4 spacing-style border-style"
11317  style="
11318    --border-width: 1px; --border-style: none; --border-color:
11319rgb(var(--color-border-rgb) / 1.0); --border-radius:
113200px; 
11321
11322    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11323    --gallery-aspect-ratio: 4 / 5;
11324  "
11325  data-product-id="11744319045950"
11326  
11327    on:pointerenter="/previewImage"
11328    on:pointerleave="/resetImage"
11329  
11330  
11331    data-view-transition-to-main-product
11332  
11333  data-image-ratio="portrait"
11334  
11335>
11336    <a
11337      class="contents"
11338      ref="cardGalleryLink"
11339      href="/products/bougainvillea-plant?variant=51329967882558"
11340      aria-label="Bougainvillea Plant"
11341    >
11342      <slideshow-component
11343  
11344    ref="slideshow"
11345  
11346  
11347  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
11348  
11349  initial-slide="0"
11350  
11351  
11352    infinite
11353  
11354
11355  data-generic-media-size="0"
11356>
11357  
11358  <slideshow-container ref="slideshowContainer">
11359    
11360    
11361    <slideshow-slides
11362      tabindex="-1"
11363      ref="scroller"
11364      
11365    >
11366      <slideshow-slide
11367  ref="slides[]"
11368  aria-hidden="false"
11369  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
11370  
11371    class="product-media-container media-fit product-media-container--image"
11372  
11373  variant-image
11374  
11375  
11376    slide-id="42374172082494"
11377  
11378  
11379  
11380  variant-image
11381>
11382  
11383
11384<div
11385  class="product-media"
11386  style="--ratio: 0.667"
11387  data-media-id="42374172082494"
11388>
11389  
11390  <img src="//soulfire.farm/cdn/shop/files/DSC1154.jpg?v=1739662925&amp;width=3840" alt="Bougainvillea Plant" srcset="//soulfire.farm/cdn/shop/files/DSC1154.jpg?v=1739662925&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC1154.jpg?v=1739662925&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC1154.jpg?v=1739662925&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC1154.jpg?v=1739662925&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC1154.jpg?v=1739662925&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC1154.jpg?v=1739662925&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC1154.jpg?v=1739662925&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC1154.jpg?v=1739662925&amp;width=3840 3840w" width="3840" height="5757" loading="eager" sizes="(min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC1154.jpg?v=1739662925&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
11391
11392  
11393</div>
11394
11395
11396
11397</slideshow-slide>
11398
11399
11400
11401<slideshow-slide
11402  ref="slides[]"
11403  aria-hidden="true"
11404  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
11405  
11406    class="product-media-container media-fit product-media-container--image"
11407  
11408  variant-image
11409  
11410  
11411    slide-id="42374172148030"
11412  
11413  
11414    hidden
11415  
11416  
11417  variant-image
11418>
11419  
11420
11421<div
11422  class="product-media"
11423  style="--ratio: 0.667"
11424  data-media-id="42374172148030"
11425>
11426  
11427  <img src="//soulfire.farm/cdn/shop/files/DSC1152.jpg?v=1739662925&amp;width=3840" alt="Bougainvillea Plant" srcset="//soulfire.farm/cdn/shop/files/DSC1152.jpg?v=1739662925&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC1152.jpg?v=1739662925&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC1152.jpg?v=1739662925&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC1152.jpg?v=1739662925&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC1152.jpg?v=1739662925&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC1152.jpg?v=1739662925&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC1152.jpg?v=1739662925&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC1152.jpg?v=1739662925&amp;width=3840 3840w" width="3840" height="5757" loading="lazy" sizes="auto, (min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC1152.jpg?v=1739662925&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
11428
11429  
11430</div>
11431
11432
11433
11434</slideshow-slide>
11435
11436
11437
11438<slideshow-slide
11439  ref="slides[]"
11440  aria-hidden="true"
11441  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
11442  
11443    class="product-media-container media-fit product-media-container--image"
11444  
11445  variant-image
11446  
11447  
11448    slide-id="42374172115262"
11449  
11450  
11451    hidden
11452  
11453  
11454  variant-image
11455>
11456  
11457
11458<div
11459  class="product-media"
11460  style="--ratio: 0.667"
11461  data-media-id="42374172115262"
11462>
11463  
11464  <img src="//soulfire.farm/cdn/shop/files/DSC1157.jpg?v=1739662925&amp;width=3840" alt="Bougainvillea Plant" srcset="//soulfire.farm/cdn/shop/files/DSC1157.jpg?v=1739662925&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC1157.jpg?v=1739662925&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC1157.jpg?v=1739662925&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC1157.jpg?v=1739662925&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC1157.jpg?v=1739662925&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC1157.jpg?v=1739662925&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC1157.jpg?v=1739662925&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC1157.jpg?v=1739662925&amp;width=3840 3840w" width="3840" height="5757" loading="lazy" sizes="auto, (min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC1157.jpg?v=1739662925&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
11465
11466  
11467</div>
11468
11469
11470
11471</slideshow-slide>
11472
11473
11474
11475
11476    </slideshow-slides>
11477  </slideshow-container>
11478  
11479</slideshow-component>
11480
11481
11482
11483
11484    </a>
11485  
11486  
11487    <div
11488      class="product-badges product-badges--top-left"
11489      style="
11490        --badge-border-radius: 40px;
11491        --badge-font-family: var(--font-accent--family);
11491 --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
11492      "
11493    ></div>
11494    
11495      
11496
11497<quick-add-component
11498  class="quick-add color-scheme-1 "
11499  ref="quickAdd"
11500  data-product-title="Bougainvillea Plant"
11501  data-quick-add-button="choose"
11502  data-product-options-count="1"
11503>
11504  <product-form-component
11505    data-section-id="template--26206028398910__main"
11506    data-product-id="11744319045950"
11507    on:submit="/handleSubmit"
11508    class="quick-add__product-form-component"
11509  >
11510    <div
11511      class="visually-hidden"
11512      aria-live="assertive"
11513      role="status"
11514      aria-atomic="true"
11515      ref="liveRegion"
11516    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11744319045950-Ad0hPaWttaDI0dVNlb__card-gallery-4" accept-charset="UTF-8" class="shopify-product-form" 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
11517        type="hidden"
11518        name="id"
11519        ref="variantId"
11520        value="51329967882558"
11521        
11522      >
11523      <input
11524        type="hidden"
11525        name="quantity"
11526        value="1"
11527      >
11528      
11529      <add-to-cart-component
11530  ref="addToCartButtonContainer"
11531  data-product-variant-media="//soulfire.farm/cdn/shop/files/DSC1154.jpg?v=1739662925&width=100"
11532  data-add-to-cart-animation="true"
11533>
11534  <button
11535    
11536    type="submit"
11537    name="add"
11538    ref="addToCartButton"
11539    on:click="/handleClick"
11540    class="button button quick-add__button quick-add__button--add add-to-cart-button"
11541    
11542    
11543  >
11544    <span
11545      class="add-to-cart-text"
11546    >
11547      
11548        <span
11549          aria-hidden="true"
11550          class="svg-wrapper add-to-cart-icon"
11551        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
11552</span>
11553      
11554      <span class="add-to-cart-text__content is-visually-hidden-mobile">
11555        <span>
11556          <span>Add</span>
11557        </span>
11558      </span>
11559    </span>
11560    
11561    <span class="add-to-cart__added">
11562      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
11563  <g class="check">
11564    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
11565    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
11566  </g>
11567  <g class="burst">
11568    <g style="--index: 0;">
11569      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11570    </g>
11571    <g style="--index: 1;">
11572      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11573    </g>
11574    <g style="--index: 2;">
11575      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11576    </g>
11577    <g style="--index: 3;">
11578      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11579    </g>
11580    <g style="--index: 4;">
11581      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11582    </g>
11583    <g style="--index: 5;">
11584      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11585    </g>
11586    <g style="--index: 6;">
11587      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11588    </g>
11589    <g style="--index: 7;">
11590      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11591    </g>
11592  </g>
11593</svg>
11594</span>
11595    </span>
11596  </button>
11597</add-to-cart-component>
11598
11599
11600      <button
11601        class="button quick-add__button quick-add__button--choose add-to-cart-button"
11602        
11603        type="button"
11604        name="add"
11605        on:click="quick-add-component/handleClick"
11606      >
11607        <span
11608          class="add-to-cart-text"
11609        >
11610          
11611          <span
11612            aria-hidden="true"
11613            class="svg-wrapper add-to-cart-icon"
11614          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
11615</span>
11616          <span class="add-to-cart-text__content is-visually-hidden-mobile">
11617            <span>
11618              
11619              <span>
11620                Choose
11621              </span>
11622            </span>
11623          </span>
11624        </span>
11625      </button><input type="hidden" name="product-id" value="11744319045950" /><input type="hidden" name="section-id" value="template--26206028398910__main" /></form></product-form-component>
11626</quick-add-component>
11627
11628
11629
11630
11631    
11632  
11633
11634</div>
11635
11636
11637
11638
11639
11640<div class="product-grid-view-zoom-out--details">
11641  
11642    <h3 class="h4">Bougainvillea Plant</h3>
11643  
11644</div>
11645
11646
11647
11648
11649
11650
11651
11652
11653
11654<div
11655  class="
11656    group-block
11657    group-block--height-fit
11658    group-block--width-fill
11659    border-style
11660    spacing-style
11661    size-style
11662    
11663    
11664  "
11665  style="
11666    --border-width: 1px; --border-style: none; --border-color:
11667rgb(var(--color-border-rgb) / 1.0); --border-radius:
116680px; 
11669
11670    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));
11671    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
11672    
11673  "
11674  
11675  data-testid="group-block"
11676><div class="group-block__media-wrapper">
11677    
11678
11679
11680
11681    
11682  </div>
11683
11684  <div
11685    class="
11686      group-block-content
11687      
11688      layout-panel-flex
11689      layout-panel-flex--column
11690       mobile-column
11691    "
11692    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
11693
11694--gap: 4px;
11695
11696--horizontal-alignment: flex-start; --vertical-alignment: center;
11697--vertical-alignment-mobile: center;
11698"
11699  >
11700  
11701
11702
11703  
11704  <a
11705    class="contents user-select-text"
11706    ref="productTitleLink"
11707    href="/products/bougainvillea-plant?variant=51329967882558"
11708  >
11709    
11710
11711
11712
11713
11714
11715
11716  <div class=" spacing-style text-block text-block--AOUpha1M4eVNTZ3VDN__product_title_NzQUxN-4 paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
11717    <p role="heading" aria-level="3">Bougainvillea Plant</p>
11718  </div>
11719
11720
11721
11722
11723  </a>
11724
11725
11726
11727
11728
11729
11730<product-price
11731  class="text-block  rte text-center paragraph spacing-style"
11732  data-block-id="AdzVoVDNUc2tZSXRmb__price-4"
11733  data-product-id="11744319045950"
11734  style="
11735    
11736--color: var(--color-foreground);
11737    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11738    --width: fit-content;
11739  "
11740  
11741>
11742  <div ref="priceContainer">
11743  
11744    
11745    <div
11746      class="
11747        price__regular
11748        
11749      "
11750    >
11751      <span class="price">$12.00 USD</span>
11752    </div>
11753    <div
11754      class="
11755        price__sale
11756        
11757          price__hidden
11758        
11759      "
11760    >
11761      
11762        <span class="price-item__group">
11763          <span class="visually-hidden">Sale price&nbsp;</span>
11764          <span class="price-item--sale price">$12.00 USD</span>
11765        </span>
11766        <span class="price-item__group">
11767          <span class="visually-hidden">Regular price&nbsp;</span>
11768          <span class="price-item--regular compare-at-price"></span>
11769        </span>
11770      
11771    </div>
11772  
11773</div>
11774
11775  
11776</product-price>
11777
11778
11779
11780
11781
11782
11783  <product-swatches
11784    data-product-id="11744319045950"
11785    data-product-url="/products/bougainvillea-plant"
11786    style="
11787      --overflow-list-alignment: flex-start;
11788      --overflow-list-alignment-mobile: flex-start;
11789      --product-swatches-alignment: start;
11790      --product-swatches-alignment-mobile: start;
11791      --product-swatches-padding-block-start: 4px;
11792      --product-swatches-padding-block-end: 0px;
11793      --product-swatches-padding-inline-start: 0px;
11794      --product-swatches-padding-inline-end: 0px;
11795    "
11796    
11797  >
11798    
11799
11800
11801
11802<swatches-variant-picker-component
11803  data-product-id="11744319045950"
11804  data-product-url="/products/bougainvillea-plant"
11805  ref="swatchesVariantPicker"
11806>
11807  <form>
11808    
11809
11810<fieldset class="variant-option variant-option--buttons variant-option--swatches">
11811        
11812
11813        <overflow-list
11814  
11815    ref="overflowList"
11816  
11817  
11818  
11819  
11820  
11821>
11822  <template shadowrootmode="open">
11823    <link href="//soulfire.farm/cdn/shop/t/32/assets/overflow-list.css?v=16727044177065489451774915450" rel="stylesheet" type="text/css" media="all" />
11824
11825    <ul part="list">
11826      <slot></slot>
11827      <slot
11828        name="more"
11829        part="more"
11830        hidden
11831        
11832      >
11833        <li
11834          part="more"
11835        >
11836          <button
11837            class="button"
11838            type="button"
11839            tabindex="0"
11840            
11841          >
11842            More
11843          </button>
11844        </li>
11845      </slot>
11846      <li
11847        part="placeholder"
11848        hidden
11849      ></li>
11850    </ul>
11851
11852    <div part="overflow">
11853      <ul part="overflow-list">
11854        <slot name="overflow"></slot>
11855      </ul>
11856    </div>
11857  </template>
11858
11859  
11860
11861
11862            <li class="variant-option__swatch">
11863              <label
11864                data-media-id="42374172082494"
11865                class="variant-option__button-label variant-option__button-label--has-swatch"
11866                on:pointerenter="product-card/previewVariant/42374172082494"
11867                on:pointerleave="product-card/resetVariant"
11868              >
11869                <input
11870                  type="radio"
11871                  name="Color-11744319045950-swatch"
11872                  value="Red"
11873                  aria-label="Red"
11874                  data-input-id="1-0"
11875                  data-option-media-id="42374172082494"
11876                  data-option-value-id="5345408254270"
11877                  data-option-available="true"
11878                  data-connected-product-url=""
11879                  
11880                  data-variant-id="51329967882558"
11881                  data-first-available-or-first-variant-id="51329967882558"
11882                >
11883                
11884
11885<span
11886  class="
11887    swatch
11888    
11889    
11890  "
11891  style="
11892    --swatch-background: rgb(246 31 31);
11893    
11894  "
11895>
11896</span>
11897                
11898
11899
11900
11901              </label>
11902            </li>
11903
11904            <li class="variant-option__swatch">
11905              <label
11906                data-media-id="42374172148030"
11907                class="variant-option__button-label variant-option__button-label--has-swatch"
11908                on:pointerenter="product-card/previewVariant/42374172148030"
11909                on:pointerleave="product-card/resetVariant"
11910              >
11911                <input
11912                  type="radio"
11913                  name="Color-11744319045950-swatch"
11914                  value="White"
11915                  aria-label="White"
11916                  data-input-id="1-1"
11917                  data-option-media-id="42374172148030"
11918                  data-option-value-id="5345408287038"
11919                  data-option-available="false"
11920                  data-connected-product-url=""
11921                  
11922                  data-variant-id="51329967915326"
11923                  data-first-available-or-first-variant-id="51329967915326"
11924                >
11925                
11926
11927<span
11928  class="
11929    swatch
11930    
11931    
11932  "
11933  style="
11934    --swatch-background: rgb(255 255 255);
11935    
11936  "
11937>
11938</span>
11939                
11940
11941
11942  <svg
11943    viewBox="0 0 100 46"
11944    preserveAspectRatio="xMidYMid slice"
11945    class="variant-option__strikethrough"
11946    aria-hidden="true"
11947  >
11948    
11949    <line x1="100" y1="0" x2="0" y2="46" vector-effect="non-scaling-stroke" />
11950    
11951    <line x1="100" y1="0" x2="0" y2="46" vector-effect="non-scaling-stroke" />
11952  </svg>
11953
11954
11955              </label>
11956            </li>
11957
11958            <li class="variant-option__swatch">
11959              <label
11960                data-media-id="42374172115262"
11961                class="variant-option__button-label variant-option__button-label--has-swatch"
11962                on:pointerenter="product-card/previewVariant/42374172115262"
11963                on:pointerleave="product-card/resetVariant"
11964              >
11965                <input
11966                  type="radio"
11967                  name="Color-11744319045950-swatch"
11968                  value="Salmon"
11969                  aria-label="Salmon"
11970                  data-input-id="1-2"
11971                  data-option-media-id="42374172115262"
11972                  data-option-value-id="5345408319806"
11973                  data-option-available="true"
11974                  data-connected-product-url=""
11975                  
11976                  data-variant-id="51329967948094"
11977                  data-first-available-or-first-variant-id="51329967948094"
11978                >
11979                
11980
11981<span
11982  class="
11983    swatch
11984    
11985    
11986  "
11987  style="
11988    --swatch-background: rgb(255 181 120);
11989    
11990  "
11991>
11992</span>
11993                
11994
11995
11996
11997              </label>
11998            </li><li
11999            slot="more"
12000          >
12001            <button
12002              class="hidden-swatches__count"
12003              aria-label="Show all options"
12004              on:click="/showAllSwatches"
12005            ></button>
12006          </li>
12007        
12008</overflow-list>
12009
12010      </fieldset>
12010<script type="application/json">
12011      {"id":51329967882558,"title":"Red","option1":"Red","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":false,"featured_image":{"id":50557700243774,"product_id":11744319045950,"position":1,"created_at":"2025-02-15T18:41:42-05:00","updated_at":"2025-02-15T18:42:05-05:00","alt":null,"width":667,"height":1000,"src":"\/\/soulfire.farm\/cdn\/shop\/files\/DSC1154.jpg?v=1739662925","variant_ids":[51329967882558]},"available":true,"name":"Bougainvillea Plant - Red","public_title":"Red","options":["Red"],"price":1200,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":null,"id":42374172082494,"position":1,"preview_image":{"aspect_ratio":0.667,"height":1000,"width":667,"src":"\/\/soulfire.farm\/cdn\/shop\/files\/DSC1154.jpg?v=1739662925"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}
12012    </script>
12012
12013  </form>
12014</swatches-variant-picker-component>
12015
12016  </product-swatches>
12017
12018
12019
12020
12021
12022</div>
12023</div>
12024
12025
12026
12027
12028
12029
12030
12031  </div>
12032</product-card>
12033
12034
12035
12036
12037
12038
12039
12040
12041
12042
12043
12044
12045
12046
12047
12048
12049            
12050          </li>
12051        
12052          <li
12053            id="template--26206028398910__main-11744320946494"
12054            class="product-grid__item product-grid__item--5"
12055            data-page="1"
12056            data-product-id="11744320946494"
12057            ref="cards[]"
12058          >
12059            
12060            
12061
12062
12063
12064
12065
12066<style data-shopify>
12067  
12068</style>
12069
12070
12071
12072<product-card
12073  class="product-card size-style"
12074  style="--size-style-width: ;--size-style-height: ;"
12075  data-product-id="11744320946494"
12076  id="product-card-AQzU4Yk1uZjhwcEdmR__product-card-5"
12077  
12078    data-product-transition="true"
12079    data-featured-media-url="//soulfire.farm/cdn/shop/files/DSC0343.jpg?v=1734741736&width=500"
12080    on:click="/handleViewTransition"
12081  
12082  
12083  
12084>
12085  <a
12086    id="cf4e09fd233121c1900b7148b7b1e71f"
12087    
12088      href="/products/canna-lily-plant?variant=51053450821950"
12089    
12090    class="product-card__link"
12091    ref="productCardLink"
12092  >
12093    <span class="visually-hidden">
12094      Canna Lily Plant
12095    </span>
12096  </a>
12097  <div
12098    class="
12099      product-card__content
12100      layout-panel-flex
12101      layout-panel-flex--column
12102      product-grid__card
12103      spacing-style
12104      border-style
12105      gap-style
12106       color-scheme-8
12107    "
12108    style="
12109      --border-width: 1px; --border-style: none; --border-color:
12110rgb(var(--color-border-rgb) / 1.0); --border-radius:
1211110px;  overflow: hidden; 
12112
12113      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
12114
12115
12116
12117--horizontal-alignment: ; --vertical-alignment: ;
12118--vertical-alignment-mobile: ;
12119
12120      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
12121      --product-card-gap: 0px;
12122      --quick-add-display: flex;
12123      --quick-add-mobile-display: flex;
12124      --quick-add-mobile-opacity: 1;
12125      
12126      
12127      
12128      
12129    "
12130  >
12131    
12132  
12133
12134
12135
12136
12137
12138
12139
12140<div
12141  ref="cardGallery"
12142  class="card-gallery card-gallery-Ad0hPaWttaDI0dVNlb__card-gallery-5 spacing-style border-style"
12143  style="
12144    --border-width: 1px; --border-style: none; --border-color:
12145rgb(var(--color-border-rgb) / 1.0); --border-radius:
121460px; 
12147
12148    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
12149    --gallery-aspect-ratio: 4 / 5;
12150  "
12151  data-product-id="11744320946494"
12152  
12153    on:pointerenter="/previewImage"
12154    on:pointerleave="/resetImage"
12155  
12156  
12157    data-view-transition-to-main-product
12158  
12159  data-image-ratio="portrait"
12160  
12161>
12162    <a
12163      class="contents"
12164      ref="cardGalleryLink"
12165      href="/products/canna-lily-plant?variant=51053450821950"
12166      aria-label="Canna Lily Plant"
12167    >
12168      <slideshow-component
12169  
12170    ref="slideshow"
12171  
12172  
12173  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
12174  
12175  initial-slide="0"
12176  
12177  
12178    infinite
12179  
12180
12181  data-generic-media-size="2"
12182>
12183  
12184  <slideshow-container ref="slideshowContainer">
12185    
12186    
12187    <slideshow-slides
12188      tabindex="-1"
12189      ref="scroller"
12190      
12191    >
12192      <slideshow-slide
12193  ref="slides[]"
12194  aria-hidden="false"
12195  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
12196  
12197    class="product-media-container media-fit product-media-container--image"
12198  
12199  
12200  
12201  
12202    slide-id="42052408246590"
12203  
12204  
12205  
12206  
12207>
12208  
12209
12210<div
12211  class="product-media"
12212  style="--ratio: 0.667"
12213  data-media-id="42052408246590"
12214>
12215  
12216  <img src="//soulfire.farm/cdn/shop/files/DSC0343.jpg?v=1734741736&amp;width=3840" alt="Canna Lily Plant" srcset="//soulfire.farm/cdn/shop/files/DSC0343.jpg?v=1734741736&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC0343.jpg?v=1734741736&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC0343.jpg?v=1734741736&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC0343.jpg?v=1734741736&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0343.jpg?v=1734741736&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0343.jpg?v=1734741736&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0343.jpg?v=1734741736&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0343.jpg?v=1734741736&amp;width=3840 3840w" width="3840" height="5757" loading="eager" sizes="(min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC0343.jpg?v=1734741736&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
12217
12218  
12219</div>
12220
12221
12222
12223</slideshow-slide>
12224
12225
12226
12227<slideshow-slide
12228  ref="slides[]"
12229  aria-hidden="true"
12230  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
12231  
12232    class="product-media-container media-fit product-media-container--image"
12233  
12234  
12235  
12236  
12237    slide-id="42052408279358"
12238  
12239  
12240  
12241  
12242>
12243  
12244
12245<div
12246  class="product-media"
12247  style="--ratio: 0.667"
12248  data-media-id="42052408279358"
12249>
12250  
12251  <img src="//soulfire.farm/cdn/shop/files/DSC0344.jpg?v=1734741736&amp;width=3840" alt="Canna Lily Plant" srcset="//soulfire.farm/cdn/shop/files/DSC0344.jpg?v=1734741736&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC0344.jpg?v=1734741736&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC0344.jpg?v=1734741736&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC0344.jpg?v=1734741736&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0344.jpg?v=1734741736&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0344.jpg?v=1734741736&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0344.jpg?v=1734741736&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0344.jpg?v=1734741736&amp;width=3840 3840w" width="3840" height="5757" loading="lazy" sizes="auto, (min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC0344.jpg?v=1734741736&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
12252
12253  
12254</div>
12255
12256
12257
12258</slideshow-slide>
12259
12260
12261
12262
12263    </slideshow-slides>
12264  </slideshow-container>
12265  
12266</slideshow-component>
12267
12268
12269
12270
12271    </a>
12272  
12273  
12274    <div
12275      class="product-badges product-badges--top-left"
12276      style="
12277        --badge-border-radius: 40px;
12278        --badge-font-family: var(--font-accent--family);
12278 --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
12279      "
12280    ></div>
12281    
12282      
12283
12284<quick-add-component
12285  class="quick-add color-scheme-1 "
12286  ref="quickAdd"
12287  data-product-title="Canna Lily Plant"
12288  data-quick-add-button="add"
12289  data-product-options-count="1"
12290>
12291  <product-form-component
12292    data-section-id="template--26206028398910__main"
12293    data-product-id="11744320946494"
12294    on:submit="/handleSubmit"
12295    class="quick-add__product-form-component"
12296  >
12297    <div
12298      class="visually-hidden"
12299      aria-live="assertive"
12300      role="status"
12301      aria-atomic="true"
12302      ref="liveRegion"
12303    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11744320946494-Ad0hPaWttaDI0dVNlb__card-gallery-5" accept-charset="UTF-8" class="shopify-product-form" 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
12304        type="hidden"
12305        name="id"
12306        ref="variantId"
12307        value="51053450821950"
12308        
12309      >
12310      <input
12311        type="hidden"
12312        name="quantity"
12313        value="1"
12314      >
12315      
12316      <add-to-cart-component
12317  ref="addToCartButtonContainer"
12318  data-product-variant-media="//soulfire.farm/cdn/shop/files/DSC0343.jpg?v=1734741736&width=100"
12319  data-add-to-cart-animation="true"
12320>
12321  <button
12322    
12323    type="submit"
12324    name="add"
12325    ref="addToCartButton"
12326    on:click="/handleClick"
12327    class="button button quick-add__button quick-add__button--add add-to-cart-button"
12328    
12329    
12330  >
12331    <span
12332      class="add-to-cart-text"
12333    >
12334      
12335        <span
12336          aria-hidden="true"
12337          class="svg-wrapper add-to-cart-icon"
12338        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
12339</span>
12340      
12341      <span class="add-to-cart-text__content is-visually-hidden-mobile">
12342        <span>
12343          <span>Add</span>
12344        </span>
12345      </span>
12346    </span>
12347    
12348    <span class="add-to-cart__added">
12349      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
12350  <g class="check">
12351    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
12352    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
12353  </g>
12354  <g class="burst">
12355    <g style="--index: 0;">
12356      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12357    </g>
12358    <g style="--index: 1;">
12359      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12360    </g>
12361    <g style="--index: 2;">
12362      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12363    </g>
12364    <g style="--index: 3;">
12365      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12366    </g>
12367    <g style="--index: 4;">
12368      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12369    </g>
12370    <g style="--index: 5;">
12371      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12372    </g>
12373    <g style="--index: 6;">
12374      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12375    </g>
12376    <g style="--index: 7;">
12377      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12378    </g>
12379  </g>
12380</svg>
12381</span>
12382    </span>
12383  </button>
12384</add-to-cart-component>
12385
12386
12387      <button
12388        class="button quick-add__button quick-add__button--choose add-to-cart-button"
12389        
12390        type="button"
12391        name="add"
12392        on:click="quick-add-component/handleClick"
12393      >
12394        <span
12395          class="add-to-cart-text"
12396        >
12397          
12398          <span
12399            aria-hidden="true"
12400            class="svg-wrapper add-to-cart-icon"
12401          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
12402</span>
12403          <span class="add-to-cart-text__content is-visually-hidden-mobile">
12404            <span>
12405              
12406              <span>
12407                Choose
12408              </span>
12409            </span>
12410          </span>
12411        </span>
12412      </button><input type="hidden" name="product-id" value="11744320946494" /><input type="hidden" name="section-id" value="template--26206028398910__main" /></form></product-form-component>
12413</quick-add-component>
12414
12415
12416
12417
12418    
12419  
12420
12421</div>
12422
12423
12424
12425
12426
12427<div class="product-grid-view-zoom-out--details">
12428  
12429    <h3 class="h4">Canna Lily Plant</h3>
12430  
12431</div>
12432
12433
12434
12435
12436
12437
12438
12439
12440
12441<div
12442  class="
12443    group-block
12444    group-block--height-fit
12445    group-block--width-fill
12446    border-style
12447    spacing-style
12448    size-style
12449    
12450    
12451  "
12452  style="
12453    --border-width: 1px; --border-style: none; --border-color:
12454rgb(var(--color-border-rgb) / 1.0); --border-radius:
124550px; 
12456
12457    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));
12458    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
12459    
12460  "
12461  
12462  data-testid="group-block"
12463><div class="group-block__media-wrapper">
12464    
12465
12466
12467
12468    
12469  </div>
12470
12471  <div
12472    class="
12473      group-block-content
12474      
12475      layout-panel-flex
12476      layout-panel-flex--column
12477       mobile-column
12478    "
12479    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
12480
12481--gap: 4px;
12482
12483--horizontal-alignment: flex-start; --vertical-alignment: center;
12484--vertical-alignment-mobile: center;
12485"
12486  >
12487  
12488
12489
12490  
12491  <a
12492    class="contents user-select-text"
12493    ref="productTitleLink"
12494    href="/products/canna-lily-plant?variant=51053450821950"
12495  >
12496    
12497
12498
12499
12500
12501
12502
12503  <div class=" spacing-style text-block text-block--AOUpha1M4eVNTZ3VDN__product_title_NzQUxN-5 paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
12504    <p role="heading" aria-level="3">Canna Lily Plant</p>
12505  </div>
12506
12507
12508
12509
12510  </a>
12511
12512
12513
12514
12515
12516
12517<product-price
12518  class="text-block  rte text-center paragraph spacing-style"
12519  data-block-id="AdzVoVDNUc2tZSXRmb__price-5"
12520  data-product-id="11744320946494"
12521  style="
12522    
12523--color: var(--color-foreground);
12524    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
12525    --width: fit-content;
12526  "
12527  
12528>
12529  <div ref="priceContainer">
12530  
12531    
12532    <div
12533      class="
12534        price__regular
12535        
12536      "
12537    >
12538      <span class="price">$12.00 USD</span>
12539    </div>
12540    <div
12541      class="
12542        price__sale
12543        
12544          price__hidden
12545        
12546      "
12547    >
12548      
12549        <span class="price-item__group">
12550          <span class="visually-hidden">Sale price&nbsp;</span>
12551          <span class="price-item--sale price">$12.00 USD</span>
12552        </span>
12553        <span class="price-item__group">
12554          <span class="visually-hidden">Regular price&nbsp;</span>
12555          <span class="price-item--regular compare-at-price"></span>
12556        </span>
12557      
12558    </div>
12559  
12560</div>
12561
12562  
12563</product-price>
12564
12565
12566
12567
12568
12569
12570
12571
12572
12573
12574</div>
12575</div>
12576
12577
12578
12579
12580
12581
12582
12583  </div>
12584</product-card>
12585
12586
12587
12588
12589
12590
12591
12592
12593
12594
12595
12596
12597
12598
12599
12600
12601            
12602          </li>
12603        
12604          <li
12605            id="template--26206028398910__main-11746940846398"
12606            class="product-grid__item product-grid__item--6"
12607            data-page="1"
12608            data-product-id="11746940846398"
12609            ref="cards[]"
12610          >
12611            
12612            
12613
12614
12615
12616
12617
12618<style data-shopify>
12619  
12620</style>
12621
12622
12623
12624<product-card
12625  class="product-card size-style"
12626  style="--size-style-width: ;--size-style-height: ;"
12627  data-product-id="11746940846398"
12628  id="product-card-AQzU4Yk1uZjhwcEdmR__product-card-6"
12629  
12630    data-product-transition="true"
12631    data-featured-media-url="//soulfire.farm/cdn/shop/files/npkcomplex.jpg?v=1735147299&width=500"
12632    on:click="/handleViewTransition"
12633  
12634  
12635  
12636>
12637  <a
12638    id="1453afb6dcc70e9cd4eb3abe3498d68b"
12639    
12640      href="/products/npk-micros?variant=51067100660030"
12641    
12642    class="product-card__link"
12643    ref="productCardLink"
12644  >
12645    <span class="visually-hidden">
12646      NPK Complex + Micros 2lb Bag
12647    </span>
12648  </a>
12649  <div
12650    class="
12651      product-card__content
12652      layout-panel-flex
12653      layout-panel-flex--column
12654      product-grid__card
12655      spacing-style
12656      border-style
12657      gap-style
12658       color-scheme-8
12659    "
12660    style="
12661      --border-width: 1px; --border-style: none; --border-color:
12662rgb(var(--color-border-rgb) / 1.0); --border-radius:
1266310px;  overflow: hidden; 
12664
12665      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
12666
12667
12668
12669--horizontal-alignment: ; --vertical-alignment: ;
12670--vertical-alignment-mobile: ;
12671
12672      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
12673      --product-card-gap: 0px;
12674      --quick-add-display: flex;
12675      --quick-add-mobile-display: flex;
12676      --quick-add-mobile-opacity: 1;
12677      
12678      
12679      
12680      
12681    "
12682  >
12683    
12684  
12685
12686
12687
12688
12689
12690
12691
12692<div
12693  ref="cardGallery"
12694  class="card-gallery card-gallery-Ad0hPaWttaDI0dVNlb__card-gallery-6 spacing-style border-style"
12695  style="
12696    --border-width: 1px; --border-style: none; --border-color:
12697rgb(var(--color-border-rgb) / 1.0); --border-radius:
126980px; 
12699
12700    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
12701    --gallery-aspect-ratio: 4 / 5;
12702  "
12703  data-product-id="11746940846398"
12704  
12705    on:pointerenter="/previewImage"
12706    on:pointerleave="/resetImage"
12707  
12708  
12709    data-view-transition-to-main-product
12710  
12711  data-image-ratio="portrait"
12712  
12713>
12714    <a
12715      class="contents"
12716      ref="cardGalleryLink"
12717      href="/products/npk-micros?variant=51067100660030"
12718      aria-label="NPK Complex + Micros 2lb Bag"
12719    >
12720      <slideshow-component
12721  
12722    ref="slideshow"
12723  
12724  
12725  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
12726  
12727  initial-slide="0"
12728  
12729  
12730    infinite
12731  
12732
12733  data-generic-media-size="1"
12734>
12735  
12736  <slideshow-container ref="slideshowContainer">
12737    
12738    
12739    <slideshow-slides
12740      tabindex="-1"
12741      ref="scroller"
12742      
12743    >
12744      <slideshow-slide
12745  ref="slides[]"
12746  aria-hidden="false"
12747  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
12748  
12749    class="product-media-container media-fit product-media-container--image"
12750  
12751  
12752  
12753  
12754    slide-id="42068691976510"
12755  
12756  
12757  
12758  
12759>
12760  
12761
12762<div
12763  class="product-media"
12764  style="--ratio: 0.6675"
12765  data-media-id="42068691976510"
12766>
12767  
12768  <img src="//soulfire.farm/cdn/shop/files/npkcomplex.jpg?v=1735147299&amp;width=3840" alt="NPK Complex + Micros 2lb Bag" srcset="//soulfire.farm/cdn/shop/files/npkcomplex.jpg?v=1735147299&amp;width=240 240w, //soulfire.farm/cdn/shop/files/npkcomplex.jpg?v=1735147299&amp;width=352 352w, //soulfire.farm/cdn/shop/files/npkcomplex.jpg?v=1735147299&amp;width=832 832w, //soulfire.farm/cdn/shop/files/npkcomplex.jpg?v=1735147299&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/npkcomplex.jpg?v=1735147299&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/npkcomplex.jpg?v=1735147299&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/npkcomplex.jpg?v=1735147299&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/npkcomplex.jpg?v=1735147299&amp;width=3840 3840w" width="3840" height="5753" loading="eager" sizes="(min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/npkcomplex.jpg?v=1735147299&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
12769
12770  
12771</div>
12772
12773
12774
12775</slideshow-slide>
12776
12777
12778
12779
12780    </slideshow-slides>
12781  </slideshow-container>
12782  
12783</slideshow-component>
12784
12785
12786
12787
12788    </a>
12789  
12790  
12791    <div
12792      class="product-badges product-badges--top-left"
12793      style="
12794        --badge-border-radius: 40px;
12795        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
12796      "
12797    ></div>
12798    
12799      
12800
12801<quick-add-component
12802  class="quick-add color-scheme-1 "
12803  ref="quickAdd"
12804  data-product-title="NPK Complex + Micros 2lb Bag"
12805  data-quick-add-button="add"
12806  data-product-options-count="1"
12807>
12808  <product-form-component
12809    data-section-id="template--26206028398910__main"
12810    data-product-id="11746940846398"
12811    on:submit="/handleSubmit"
12812    class="quick-add__product-form-component"
12813  >
12814    <div
12815      class="visually-hidden"
12816      aria-live="assertive"
12817      role="status"
12818      aria-atomic="true"
12819      ref="liveRegion"
12820    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11746940846398-Ad0hPaWttaDI0dVNlb__card-gallery-6" accept-charset="UTF-8" class="shopify-product-form" 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
12821        type="hidden"
12822        name="id"
12823        ref="variantId"
12824        value="51067100660030"
12825        
12826      >
12827      <input
12828        type="hidden"
12829        name="quantity"
12830        value="1"
12831      >
12832      
12833      <add-to-cart-component
12834  ref="addToCartButtonContainer"
12835  data-product-variant-media="//soulfire.farm/cdn/shop/files/npkcomplex.jpg?v=1735147299&width=100"
12836  data-add-to-cart-animation="true"
12837>
12838  <button
12839    
12840    type="submit"
12841    name="add"
12842    ref="addToCartButton"
12843    on:click="/handleClick"
12844    class="button button quick-add__button quick-add__button--add add-to-cart-button"
12845    
12846    
12847  >
12848    <span
12849      class="add-to-cart-text"
12850    >
12851      
12852        <span
12853          aria-hidden="true"
12854          class="svg-wrapper add-to-cart-icon"
12855        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
12856</span>
12857      
12858      <span class="add-to-cart-text__content is-visually-hidden-mobile">
12859        <span>
12860          <span>Add</span>
12861        </span>
12862      </span>
12863    </span>
12864    
12865    <span class="add-to-cart__added">
12866      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
12867  <g class="check">
12868    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
12869    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
12870  </g>
12871  <g class="burst">
12872    <g style="--index: 0;">
12873      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12874    </g>
12875    <g style="--index: 1;">
12876      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12877    </g>
12878    <g style="--index: 2;">
12879      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12880    </g>
12881    <g style="--index: 3;">
12882      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12883    </g>
12884    <g style="--index: 4;">
12885      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12886    </g>
12887    <g style="--index: 5;">
12888      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12889    </g>
12890    <g style="--index: 6;">
12891      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12892    </g>
12893    <g style="--index: 7;">
12894      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12895    </g>
12896  </g>
12897</svg>
12898</span>
12899    </span>
12900  </button>
12901</add-to-cart-component>
12902
12903
12904      <button
12905        class="button quick-add__button quick-add__button--choose add-to-cart-button"
12906        
12907        type="button"
12908        name="add"
12909        on:click="quick-add-component/handleClick"
12910      >
12911        <span
12912          class="add-to-cart-text"
12913        >
12914          
12915          <span
12916            aria-hidden="true"
12917            class="svg-wrapper add-to-cart-icon"
12918          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
12919</span>
12920          <span class="add-to-cart-text__content is-visually-hidden-mobile">
12921            <span>
12922              
12923              <span>
12924                Choose
12925              </span>
12926            </span>
12927          </span>
12928        </span>
12929      </button><input type="hidden" name="product-id" value="11746940846398" /><input type="hidden" name="section-id" value="template--26206028398910__main" /></form></product-form-component>
12930</quick-add-component>
12931
12932
12933
12934
12935    
12936  
12937
12938</div>
12939
12940
12941
12942
12943
12944<div class="product-grid-view-zoom-out--details">
12945  
12946    <h3 class="h4">NPK Complex + Micros 2lb Bag</h3>
12947  
12948</div>
12949
12950
12951
12952
12953
12954
12955
12956
12957
12958<div
12959  class="
12960    group-block
12961    group-block--height-fit
12962    group-block--width-fill
12963    border-style
12964    spacing-style
12965    size-style
12966    
12967    
12968  "
12969  style="
12970    --border-width: 1px; --border-style: none; --border-color:
12971rgb(var(--color-border-rgb) / 1.0); --border-radius:
129720px; 
12973
12974    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));
12975    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
12976    
12977  "
12978  
12979  data-testid="group-block"
12980><div class="group-block__media-wrapper">
12981    
12982
12983
12984
12985    
12986  </div>
12987
12988  <div
12989    class="
12990      group-block-content
12991      
12992      layout-panel-flex
12993      layout-panel-flex--column
12994       mobile-column
12995    "
12996    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
12997
12998--gap: 4px;
12999
13000--horizontal-alignment: flex-start; --vertical-alignment: center;
13001--vertical-alignment-mobile: center;
13002"
13003  >
13004  
13005
13006
13007  
13008  <a
13009    class="contents user-select-text"
13010    ref="productTitleLink"
13011    href="/products/npk-micros?variant=51067100660030"
13012  >
13013    
13014
13015
13016
13017
13018
13019
13020  <div class=" spacing-style text-block text-block--AOUpha1M4eVNTZ3VDN__product_title_NzQUxN-6 paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
13021    <p role="heading" aria-level="3">NPK Complex + Micros 2lb Bag</p>
13022  </div>
13023
13024
13025
13026
13027  </a>
13028
13029
13030
13031
13032
13033
13034<product-price
13035  class="text-block  rte text-center paragraph spacing-style"
13036  data-block-id="AdzVoVDNUc2tZSXRmb__price-6"
13037  data-product-id="11746940846398"
13038  style="
13039    
13040--color: var(--color-foreground);
13041    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
13042    --width: fit-content;
13043  "
13044  
13045>
13046  <div ref="priceContainer">
13047  
13048    
13049    <div
13050      class="
13051        price__regular
13052        
13053      "
13054    >
13055      <span class="price">$5.50 USD</span>
13056    </div>
13057    <div
13058      class="
13059        price__sale
13060        
13061          price__hidden
13062        
13063      "
13064    >
13065      
13066        <span class="price-item__group">
13067          <span class="visually-hidden">Sale price&nbsp;</span>
13068          <span class="price-item--sale price">$5.50 USD</span>
13069        </span>
13070        <span class="price-item__group">
13071          <span class="visually-hidden">Regular price&nbsp;</span>
13072          <span class="price-item--regular compare-at-price"></span>
13073        </span>
13074      
13075    </div>
13076  
13077</div>
13078
13079  
13080</product-price>
13081
13082
13083
13084
13085
13086
13087
13088
13089
13090
13091</div>
13092</div>
13093
13094
13095
13096
13097
13098
13099
13100  </div>
13101</product-card>
13102
13103
13104
13105
13106
13107
13108
13109
13110
13111
13112
13113
13114
13115
13116
13117
13118            
13119          </li>
13120        
13121          <li
13122            id="template--26206028398910__main-11744316260670"
13123            class="product-grid__item product-grid__item--7"
13124            data-page="1"
13125            data-product-id="11744316260670"
13126            ref="cards[]"
13127          >
13128            
13129            
13130
13131
13132
13133
13134
13135<style data-shopify>
13136  
13137</style>
13138
13139
13140
13141<product-card
13142  class="product-card size-style"
13143  style="--size-style-width: ;--size-style-height: ;"
13144  data-product-id="11744316260670"
13145  id="product-card-AQzU4Yk1uZjhwcEdmR__product-card-7"
13146  
13147    data-product-transition="true"
13148    data-featured-media-url="//soulfire.farm/cdn/shop/files/DSC9877.jpg?v=1734741152&width=500"
13149    on:click="/handleViewTransition"
13150  
13151  
13152  
13153>
13154  <a
13155    id="b7e731ec62d824ece20598d527319b86"
13156    
13157      href="/products/oregano-plant-greek?variant=51053442105662"
13158    
13159    class="product-card__link"
13160    ref="productCardLink"
13161  >
13162    <span class="visually-hidden">
13163      Greek Oregano Plant
13164    </span>
13165  </a>
13166  <div
13167    class="
13168      product-card__content
13169      layout-panel-flex
13170      layout-panel-flex--column
13171      product-grid__card
13172      spacing-style
13173      border-style
13174      gap-style
13175       color-scheme-8
13176    "
13177    style="
13178      --border-width: 1px; --border-style: none; --border-color:
13179rgb(var(--color-border-rgb) / 1.0); --border-radius:
1318010px;  overflow: hidden; 
13181
13182      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
13183
13184
13185
13186--horizontal-alignment: ; --vertical-alignment: ;
13187--vertical-alignment-mobile: ;
13188
13189      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
13190      --product-card-gap: 0px;
13191      --quick-add-display: flex;
13192      --quick-add-mobile-display: flex;
13193      --quick-add-mobile-opacity: 1;
13194      
13195      
13196      
13197      
13198    "
13199  >
13200    
13201  
13202
13203
13204
13205
13206
13207
13208
13209<div
13210  ref="cardGallery"
13211  class="card-gallery card-gallery-Ad0hPaWttaDI0dVNlb__card-gallery-7 spacing-style border-style"
13212  style="
13213    --border-width: 1px; --border-style: none; --border-color:
13214rgb(var(--color-border-rgb) / 1.0); --border-radius:
132150px; 
13216
13217    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
13218    --gallery-aspect-ratio: 4 / 5;
13219  "
13220  data-product-id="11744316260670"
13221  
13222    on:pointerenter="/previewImage"
13223    on:pointerleave="/resetImage"
13224  
13225  
13226    data-view-transition-to-main-product
13227  
13228  data-image-ratio="portrait"
13229  
13230>
13231    <a
13232      class="contents"
13233      ref="cardGalleryLink"
13234      href="/products/oregano-plant-greek?variant=51053442105662"
13235      aria-label="Greek Oregano Plant"
13236    >
13237      <slideshow-component
13238  
13239    ref="slideshow"
13240  
13241  
13242  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
13243  
13244  initial-slide="0"
13245  
13246  
13247    infinite
13248  
13249
13250  data-generic-media-size="1"
13251>
13252  
13253  <slideshow-container ref="slideshowContainer">
13254    
13255    
13256    <slideshow-slides
13257      tabindex="-1"
13258      ref="scroller"
13259      
13260    >
13261      <slideshow-slide
13262  ref="slides[]"
13263  aria-hidden="false"
13264  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
13265  
13266    class="product-media-container media-fit product-media-container--image"
13267  
13268  
13269  
13270  
13271    slide-id="42052381835582"
13272  
13273  
13274  
13275  
13276>
13277  
13278
13279<div
13280  class="product-media"
13281  style="--ratio: 0.667"
13282  data-media-id="42052381835582"
13283>
13284  
13285  <img src="//soulfire.farm/cdn/shop/files/DSC9877.jpg?v=1734741152&amp;width=3840" alt="Greek Oregano Plant" srcset="//soulfire.farm/cdn/shop/files/DSC9877.jpg?v=1734741152&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC9877.jpg?v=1734741152&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC9877.jpg?v=1734741152&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC9877.jpg?v=1734741152&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC9877.jpg?v=1734741152&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC9877.jpg?v=1734741152&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC9877.jpg?v=1734741152&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC9877.jpg?v=1734741152&amp;width=3840 3840w" width="3840" height="5757" loading="eager" sizes="(min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC9877.jpg?v=1734741152&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
13286
13287  
13288</div>
13289
13290
13291
13292</slideshow-slide>
13293
13294
13295
13296
13297    </slideshow-slides>
13298  </slideshow-container>
13299  
13300</slideshow-component>
13301
13302
13303
13304
13305    </a>
13306  
13307  
13308    <div
13309      class="product-badges product-badges--top-left"
13310      style="
13311        --badge-border-radius: 40px;
13312        --badge-font-family: var(--font-accent--family);
13312 --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
13313      "
13314    ></div>
13315    
13316      
13317
13318<quick-add-component
13319  class="quick-add color-scheme-1 "
13320  ref="quickAdd"
13321  data-product-title="Greek Oregano Plant"
13322  data-quick-add-button="add"
13323  data-product-options-count="1"
13324>
13325  <product-form-component
13326    data-section-id="template--26206028398910__main"
13327    data-product-id="11744316260670"
13328    on:submit="/handleSubmit"
13329    class="quick-add__product-form-component"
13330  >
13331    <div
13332      class="visually-hidden"
13333      aria-live="assertive"
13334      role="status"
13335      aria-atomic="true"
13336      ref="liveRegion"
13337    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11744316260670-Ad0hPaWttaDI0dVNlb__card-gallery-7" accept-charset="UTF-8" class="shopify-product-form" 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
13338        type="hidden"
13339        name="id"
13340        ref="variantId"
13341        value="51053442105662"
13342        
13343      >
13344      <input
13345        type="hidden"
13346        name="quantity"
13347        value="1"
13348      >
13349      
13350      <add-to-cart-component
13351  ref="addToCartButtonContainer"
13352  data-product-variant-media="//soulfire.farm/cdn/shop/files/DSC9877.jpg?v=1734741152&width=100"
13353  data-add-to-cart-animation="true"
13354>
13355  <button
13356    
13357    type="submit"
13358    name="add"
13359    ref="addToCartButton"
13360    on:click="/handleClick"
13361    class="button button quick-add__button quick-add__button--add add-to-cart-button"
13362    
13363    
13364  >
13365    <span
13366      class="add-to-cart-text"
13367    >
13368      
13369        <span
13370          aria-hidden="true"
13371          class="svg-wrapper add-to-cart-icon"
13372        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
13373</span>
13374      
13375      <span class="add-to-cart-text__content is-visually-hidden-mobile">
13376        <span>
13377          <span>Add</span>
13378        </span>
13379      </span>
13380    </span>
13381    
13382    <span class="add-to-cart__added">
13383      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
13384  <g class="check">
13385    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
13386    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
13387  </g>
13388  <g class="burst">
13389    <g style="--index: 0;">
13390      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13391    </g>
13392    <g style="--index: 1;">
13393      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13394    </g>
13395    <g style="--index: 2;">
13396      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13397    </g>
13398    <g style="--index: 3;">
13399      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13400    </g>
13401    <g style="--index: 4;">
13402      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13403    </g>
13404    <g style="--index: 5;">
13405      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13406    </g>
13407    <g style="--index: 6;">
13408      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13409    </g>
13410    <g style="--index: 7;">
13411      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13412    </g>
13413  </g>
13414</svg>
13415</span>
13416    </span>
13417  </button>
13418</add-to-cart-component>
13419
13420
13421      <button
13422        class="button quick-add__button quick-add__button--choose add-to-cart-button"
13423        
13424        type="button"
13425        name="add"
13426        on:click="quick-add-component/handleClick"
13427      >
13428        <span
13429          class="add-to-cart-text"
13430        >
13431          
13432          <span
13433            aria-hidden="true"
13434            class="svg-wrapper add-to-cart-icon"
13435          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
13436</span>
13437          <span class="add-to-cart-text__content is-visually-hidden-mobile">
13438            <span>
13439              
13440              <span>
13441                Choose
13442              </span>
13443            </span>
13444          </span>
13445        </span>
13446      </button><input type="hidden" name="product-id" value="11744316260670" /><input type="hidden" name="section-id" value="template--26206028398910__main" /></form></product-form-component>
13447</quick-add-component>
13448
13449
13450
13451
13452    
13453  
13454
13455</div>
13456
13457
13458
13459
13460
13461<div class="product-grid-view-zoom-out--details">
13462  
13463    <h3 class="h4">Greek Oregano Plant</h3>
13464  
13465</div>
13466
13467
13468
13469
13470
13471
13472
13473
13474
13475<div
13476  class="
13477    group-block
13478    group-block--height-fit
13479    group-block--width-fill
13480    border-style
13481    spacing-style
13482    size-style
13483    
13484    
13485  "
13486  style="
13487    --border-width: 1px; --border-style: none; --border-color:
13488rgb(var(--color-border-rgb) / 1.0); --border-radius:
134890px; 
13490
13491    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));
13492    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
13493    
13494  "
13495  
13496  data-testid="group-block"
13497><div class="group-block__media-wrapper">
13498    
13499
13500
13501
13502    
13503  </div>
13504
13505  <div
13506    class="
13507      group-block-content
13508      
13509      layout-panel-flex
13510      layout-panel-flex--column
13511       mobile-column
13512    "
13513    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
13514
13515--gap: 4px;
13516
13517--horizontal-alignment: flex-start; --vertical-alignment: center;
13518--vertical-alignment-mobile: center;
13519"
13520  >
13521  
13522
13523
13524  
13525  <a
13526    class="contents user-select-text"
13527    ref="productTitleLink"
13528    href="/products/oregano-plant-greek?variant=51053442105662"
13529  >
13530    
13531
13532
13533
13534
13535
13536
13537  <div class=" spacing-style text-block text-block--AOUpha1M4eVNTZ3VDN__product_title_NzQUxN-7 paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
13538    <p role="heading" aria-level="3">Greek Oregano Plant</p>
13539  </div>
13540
13541
13542
13543
13544  </a>
13545
13546
13547
13548
13549
13550
13551<product-price
13552  class="text-block  rte text-center paragraph spacing-style"
13553  data-block-id="AdzVoVDNUc2tZSXRmb__price-7"
13554  data-product-id="11744316260670"
13555  style="
13556    
13557--color: var(--color-foreground);
13558    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
13559    --width: fit-content;
13560  "
13561  
13562>
13563  <div ref="priceContainer">
13564  
13565    
13566    <div
13567      class="
13568        price__regular
13569        
13570      "
13571    >
13572      <span class="price">$6.00 USD</span>
13573    </div>
13574    <div
13575      class="
13576        price__sale
13577        
13578          price__hidden
13579        
13580      "
13581    >
13582      
13583        <span class="price-item__group">
13584          <span class="visually-hidden">Sale price&nbsp;</span>
13585          <span class="price-item--sale price">$6.00 USD</span>
13586        </span>
13587        <span class="price-item__group">
13588          <span class="visually-hidden">Regular price&nbsp;</span>
13589          <span class="price-item--regular compare-at-price"></span>
13590        </span>
13591      
13592    </div>
13593  
13594</div>
13595
13596  
13597</product-price>
13598
13599
13600
13601
13602
13603
13604
13605
13606
13607
13608</div>
13609</div>
13610
13611
13612
13613
13614
13615
13616
13617  </div>
13618</product-card>
13619
13620
13621
13622
13623
13624
13625
13626
13627
13628
13629
13630
13631
13632
13633
13634
13635            
13636          </li>
13637        
13638          <li
13639            id="template--26206028398910__main-11744310755646"
13640            class="product-grid__item product-grid__item--8"
13641            data-page="1"
13642            data-product-id="11744310755646"
13643            ref="cards[]"
13644          >
13645            
13646            
13647
13648
13649
13650
13651
13652<style data-shopify>
13653  
13654</style>
13655
13656
13657
13658<product-card
13659  class="product-card size-style"
13660  style="--size-style-width: ;--size-style-height: ;"
13661  data-product-id="11744310755646"
13662  id="product-card-AQzU4Yk1uZjhwcEdmR__product-card-8"
13663  
13664    data-product-transition="true"
13665    data-featured-media-url="//soulfire.farm/cdn/shop/files/DSC0087.jpg?v=1734740678&width=500"
13666    on:click="/handleViewTransition"
13667  
13668  
13669  
13670>
13671  <a
13672    id="57108943b4926d2b3aa52f1c135c26c2"
13673    
13674      href="/products/lime-calcium-carbonate?variant=51053423919422"
13675    
13676    class="product-card__link"
13677    ref="productCardLink"
13678  >
13679    <span class="visually-hidden">
13680      Lime - Calcium Carbonate 20lb Bag
13681    </span>
13682  </a>
13683  <div
13684    class="
13685      product-card__content
13686      layout-panel-flex
13687      layout-panel-flex--column
13688      product-grid__card
13689      spacing-style
13690      border-style
13691      gap-style
13692       color-scheme-8
13693    "
13694    style="
13695      --border-width: 1px; --border-style: none; --border-color:
13696rgb(var(--color-border-rgb) / 1.0); --border-radius:
1369710px;  overflow: hidden; 
13698
13699      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
13700
13701
13702
13703--horizontal-alignment: ; --vertical-alignment: ;
13704--vertical-alignment-mobile: ;
13705
13706      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
13707      --product-card-gap: 0px;
13708      --quick-add-display: none;
13709      --quick-add-mobile-display: none;
13710      --quick-add-mobile-opacity: 0;
13711      
13712      
13713      
13714      
13715    "
13716  >
13717    
13718  
13719
13720
13721
13722
13723
13724
13725
13726<div
13727  ref="cardGallery"
13728  class="card-gallery card-gallery-Ad0hPaWttaDI0dVNlb__card-gallery-8 spacing-style border-style card-gallery--badge-top-left"
13729  style="
13730    --border-width: 1px; --border-style: none; --border-color:
13731rgb(var(--color-border-rgb) / 1.0); --border-radius:
137320px; 
13733
13734    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
13735    --gallery-aspect-ratio: 4 / 5;
13736  "
13737  data-product-id="11744310755646"
13738  
13739    on:pointerenter="/previewImage"
13740    on:pointerleave="/resetImage"
13741  
13742  
13743    data-view-transition-to-main-product
13744  
13745  data-image-ratio="portrait"
13746  
13747>
13748    <a
13749      class="contents"
13750      ref="cardGalleryLink"
13751      href="/products/lime-calcium-carbonate?variant=51053423919422"
13752      aria-label="Lime - Calcium Carbonate 20lb Bag"
13753    >
13754      <slideshow-component
13755  
13756    ref="slideshow"
13757  
13758  
13759  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
13760  
13761  initial-slide="0"
13762  
13763  
13764    infinite
13765  
13766
13767  data-generic-media-size="1"
13768>
13769  
13770  <slideshow-container ref="slideshowContainer">
13771    
13772    
13773    <slideshow-slides
13774      tabindex="-1"
13775      ref="scroller"
13776      
13777    >
13778      <slideshow-slide
13779  ref="slides[]"
13780  aria-hidden="false"
13781  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
13782  
13783    class="product-media-container media-fit product-media-container--image"
13784  
13785  
13786  
13787  
13788    slide-id="42052346970430"
13789  
13790  
13791  
13792  
13793>
13794  
13795
13796<div
13797  class="product-media"
13798  style="--ratio: 0.668"
13799  data-media-id="42052346970430"
13800>
13801  
13802  <img src="//soulfire.farm/cdn/shop/files/DSC0087.jpg?v=1734740678&amp;width=3840" alt="Lime - Calcium Carbonate 20lb Bag" srcset="//soulfire.farm/cdn/shop/files/DSC0087.jpg?v=1734740678&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC0087.jpg?v=1734740678&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC0087.jpg?v=1734740678&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC0087.jpg?v=1734740678&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0087.jpg?v=1734740678&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0087.jpg?v=1734740678&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0087.jpg?v=1734740678&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0087.jpg?v=1734740678&amp;width=3840 3840w" width="3840" height="5749" loading="eager" sizes="(min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC0087.jpg?v=1734740678&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
13803
13804  
13805</div>
13806
13807
13808
13809</slideshow-slide>
13810
13811
13812
13813
13814    </slideshow-slides>
13815  </slideshow-container>
13816  
13817</slideshow-component>
13818
13819
13820
13821
13822    </a>
13823  
13824  
13825    <div
13826      class="product-badges product-badges--top-left"
13827      style="
13828        --badge-border-radius: 40px;
13829        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
13830      "
13831    ><div
13832          class="
13833            product-badges__badge product-badges__badge--rectangle
13834             color-scheme-cb76390f-038c-41ce-9a93-fc1d1f7315af
13835          "
13836        >Sold out
13837</div></div>
13838    
13839      
13840
13841<quick-add-component
13842  class="quick-add color-scheme-1 "
13843  ref="quickAdd"
13844  data-product-title="Lime - Calcium Carbonate 20lb Bag"
13845  data-quick-add-button="add"
13846  data-product-options-count="1"
13847>
13848  <product-form-component
13849    data-section-id="template--26206028398910__main"
13850    data-product-id="11744310755646"
13851    on:submit="/handleSubmit"
13852    class="quick-add__product-form-component"
13853  >
13854    <div
13855      class="visually-hidden"
13856      aria-live="assertive"
13857      role="status"
13858      aria-atomic="true"
13859      ref="liveRegion"
13860    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11744310755646-Ad0hPaWttaDI0dVNlb__card-gallery-8" accept-charset="UTF-8" class="shopify-product-form" 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
13861        type="hidden"
13862        name="id"
13863        ref="variantId"
13864        value="51053423919422"
13865        
13866          disabled
13867        
13868      >
13869      <input
13870        type="hidden"
13871        name="quantity"
13872        value="1"
13873      >
13874      
13875      <add-to-cart-component
13876  ref="addToCartButtonContainer"
13877  data-product-variant-media="//soulfire.farm/cdn/shop/files/DSC0087.jpg?v=1734740678&width=100"
13878  data-add-to-cart-animation="true"
13879>
13880  <button
13881    
13882    type="submit"
13883    name="add"
13884    ref="addToCartButton"
13885    on:click="/handleClick"
13886    class="button button quick-add__button quick-add__button--add add-to-cart-button"
13887    
13888    
13889      disabled
13890    
13891  >
13892    <span
13893      class="add-to-cart-text"
13894    >
13895      
13896      <span class="add-to-cart-text__content is-visually-hidden-mobile">
13897        <span>
13898          <span>Add</span>
13899        </span>
13900      </span>
13901    </span>
13902    
13903    <span class="add-to-cart__added">
13904      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
13905  <g class="check">
13906    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
13907    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
13908  </g>
13909  <g class="burst">
13910    <g style="--index: 0;">
13911      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13912    </g>
13913    <g style="--index: 1;">
13914      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13915    </g>
13916    <g style="--index: 2;">
13917      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13918    </g>
13919    <g style="--index: 3;">
13920      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13921    </g>
13922    <g style="--index: 4;">
13923      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13924    </g>
13925    <g style="--index: 5;">
13926      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13927    </g>
13928    <g style="--index: 6;">
13929      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13930    </g>
13931    <g style="--index: 7;">
13932      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13933    </g>
13934  </g>
13935</svg>
13936</span>
13937    </span>
13938  </button>
13939</add-to-cart-component>
13940
13941
13942      <button
13943        class="button quick-add__button quick-add__button--choose add-to-cart-button"
13944        
13945        type="button"
13946        name="add"
13947        on:click="quick-add-component/handleClick"
13948      >
13949        <span
13950          class="add-to-cart-text"
13951        >
13952          
13953          <span
13954            aria-hidden="true"
13955            class="svg-wrapper add-to-cart-icon"
13956          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
13957</span>
13958          <span class="add-to-cart-text__content is-visually-hidden-mobile">
13959            <span>
13960              
13961              <span>
13962                Choose
13963              </span>
13964            </span>
13965          </span>
13966        </span>
13967      </button><input type="hidden" name="product-id" value="11744310755646" /><input type="hidden" name="section-id" value="template--26206028398910__main" /></form></product-form-component>
13968</quick-add-component>
13969
13970
13971
13972
13973    
13974  
13975
13976</div>
13977
13978
13979
13980
13981
13982<div class="product-grid-view-zoom-out--details">
13983  
13984    <h3 class="h4">Lime - Calcium Carbonate 20lb Bag</h3>
13985  
13986</div>
13987
13988
13989
13990
13991
13992
13993
13994
13995
13996<div
13997  class="
13998    group-block
13999    group-block--height-fit
14000    group-block--width-fill
14001    border-style
14002    spacing-style
14003    size-style
14004    
14005    
14006  "
14007  style="
14008    --border-width: 1px; --border-style: none; --border-color:
14009rgb(var(--color-border-rgb) / 1.0); --border-radius:
140100px; 
14011
14012    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));
14013    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
14014    
14015  "
14016  
14017  data-testid="group-block"
14018><div class="group-block__media-wrapper">
14019    
14020
14021
14022
14023    
14024  </div>
14025
14026  <div
14027    class="
14028      group-block-content
14029      
14030      layout-panel-flex
14031      layout-panel-flex--column
14032       mobile-column
14033    "
14034    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
14035
14036--gap: 4px;
14037
14038--horizontal-alignment: flex-start; --vertical-alignment: center;
14039--vertical-alignment-mobile: center;
14040"
14041  >
14042  
14043
14044
14045  
14046  <a
14047    class="contents user-select-text"
14048    ref="productTitleLink"
14049    href="/products/lime-calcium-carbonate?variant=51053423919422"
14050  >
14051    
14052
14053
14054
14055
14056
14057
14058  <div class=" spacing-style text-block text-block--AOUpha1M4eVNTZ3VDN__product_title_NzQUxN-8 paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
14059    <p role="heading" aria-level="3">Lime - Calcium Carbonate 20lb Bag</p>
14060  </div>
14061
14062
14063
14064
14065  </a>
14066
14067
14068
14069
14070
14071
14072<product-price
14073  class="text-block  rte text-center paragraph spacing-style"
14074  data-block-id="AdzVoVDNUc2tZSXRmb__price-8"
14075  data-product-id="11744310755646"
14076  style="
14077    
14078--color: var(--color-foreground);
14079    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
14080    --width: fit-content;
14081  "
14082  
14083>
14084  <div ref="priceContainer">
14085  
14086    
14087    <div
14088      class="
14089        price__regular
14090        
14091      "
14092    >
14093      <span class="price">$6.50 USD</span>
14094    </div>
14095    <div
14096      class="
14097        price__sale
14098        
14099          price__hidden
14100        
14101      "
14102    >
14103      
14104        <span class="price-item__group">
14105          <span class="visually-hidden">Sale price&nbsp;</span>
14106          <span class="price-item--sale price">$6.50 USD</span>
14107        </span>
14108        <span class="price-item__group">
14109          <span class="visually-hidden">Regular price&nbsp;</span>
14110          <span class="price-item--regular compare-at-price"></span>
14111        </span>
14112      
14113    </div>
14114  
14115</div>
14116
14117  
14118</product-price>
14119
14120
14121
14122
14123
14124
14125
14126
14127
14128
14129</div>
14130</div>
14131
14132
14133
14134
14135
14136
14137
14138  </div>
14139</product-card>
14140
14141
14142
14143
14144
14145
14146
14147
14148
14149
14150
14151
14152
14153
14154
14155
14156            
14157          </li>
14158        
14159          <li
14160            id="template--26206028398910__main-11744319766846"
14161            class="product-grid__item product-grid__item--9"
14162            data-page="1"
14163            data-product-id="11744319766846"
14164            ref="cards[]"
14165          >
14166            
14167            
14168
14169
14170
14171
14172
14173<style data-shopify>
14174  
14175</style>
14176
14177
14178
14179<product-card
14180  class="product-card size-style"
14181  style="--size-style-width: ;--size-style-height: ;"
14182  data-product-id="11744319766846"
14183  id="product-card-AQzU4Yk1uZjhwcEdmR__product-card-9"
14184  
14185    data-product-transition="true"
14186    data-featured-media-url="//soulfire.farm/cdn/shop/files/persianshield.jpg?v=1736725118&width=500"
14187    on:click="/handleViewTransition"
14188  
14189  
14190  
14191>
14192  <a
14193    id="fcf01f50d92acdd37dbe3ddd30861a4c"
14194    
14195      href="/products/persian-shield-plant?variant=51053448298814"
14196    
14197    class="product-card__link"
14198    ref="productCardLink"
14199  >
14200    <span class="visually-hidden">
14201      Persian Shield Plant
14202    </span>
14203  </a>
14204  <div
14205    class="
14206      product-card__content
14207      layout-panel-flex
14208      layout-panel-flex--column
14209      product-grid__card
14210      spacing-style
14211      border-style
14212      gap-style
14213       color-scheme-8
14214    "
14215    style="
14216      --border-width: 1px; --border-style: none; --border-color:
14217rgb(var(--color-border-rgb) / 1.0); --border-radius:
1421810px;  overflow: hidden; 
14219
14220      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
14221
14222
14223
14224--horizontal-alignment: ; --vertical-alignment: ;
14225--vertical-alignment-mobile: ;
14226
14227      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
14228      --product-card-gap: 0px;
14229      --quick-add-display: flex;
14230      --quick-add-mobile-display: flex;
14231      --quick-add-mobile-opacity: 1;
14232      
14233      
14234      
14235      
14236    "
14237  >
14238    
14239  
14240
14241
14242
14243
14244
14245
14246
14247<div
14248  ref="cardGallery"
14249  class="card-gallery card-gallery-Ad0hPaWttaDI0dVNlb__card-gallery-9 spacing-style border-style"
14250  style="
14251    --border-width: 1px; --border-style: none; --border-color:
14252rgb(var(--color-border-rgb) / 1.0); --border-radius:
142530px; 
14254
14255    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
14256    --gallery-aspect-ratio: 4 / 5;
14257  "
14258  data-product-id="11744319766846"
14259  
14260    on:pointerenter="/previewImage"
14261    on:pointerleave="/resetImage"
14262  
14263  
14264    data-view-transition-to-main-product
14265  
14266  data-image-ratio="portrait"
14267  
14268>
14269    <a
14270      class="contents"
14271      ref="cardGalleryLink"
14272      href="/products/persian-shield-plant?variant=51053448298814"
14273      aria-label="Persian Shield Plant"
14274    >
14275      <slideshow-component
14276  
14277    ref="slideshow"
14278  
14279  
14280  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
14281  
14282  initial-slide="0"
14283  
14284  
14285    infinite
14286  
14287
14288  data-generic-media-size="1"
14289>
14290  
14291  <slideshow-container ref="slideshowContainer">
14292    
14293    
14294    <slideshow-slides
14295      tabindex="-1"
14296      ref="scroller"
14297      
14298    >
14299      <slideshow-slide
14300  ref="slides[]"
14301  aria-hidden="false"
14302  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
14303  
14304    class="product-media-container media-fit product-media-container--image"
14305  
14306  
14307  
14308  
14309    slide-id="42145715454270"
14310  
14311  
14312  
14313  
14314>
14315  
14316
14317<div
14318  class="product-media"
14319  style="--ratio: 0.667"
14320  data-media-id="42145715454270"
14321>
14322  
14323  <img src="//soulfire.farm/cdn/shop/files/persianshield.jpg?v=1736725118&amp;width=3840" alt="Persian Shield Plant" srcset="//soulfire.farm/cdn/shop/files/persianshield.jpg?v=1736725118&amp;width=240 240w, //soulfire.farm/cdn/shop/files/persianshield.jpg?v=1736725118&amp;width=352 352w, //soulfire.farm/cdn/shop/files/persianshield.jpg?v=1736725118&amp;width=832 832w, //soulfire.farm/cdn/shop/files/persianshield.jpg?v=1736725118&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/persianshield.jpg?v=1736725118&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/persianshield.jpg?v=1736725118&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/persianshield.jpg?v=1736725118&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/persianshield.jpg?v=1736725118&amp;width=3840 3840w" width="3840" height="5757" loading="eager" sizes="(min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/persianshield.jpg?v=1736725118&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
14324
14325  
14326</div>
14327
14328
14329
14330</slideshow-slide>
14331
14332
14333
14334
14335    </slideshow-slides>
14336  </slideshow-container>
14337  
14338</slideshow-component>
14339
14340
14341
14342
14343    </a>
14344  
14345  
14346    <div
14347      class="product-badges product-badges--top-left"
14348      style="
14349        --badge-border-radius: 40px;
14350        --badge-font-family: var(--font-accent--family);
14350 --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
14351      "
14352    ></div>
14353    
14354      
14355
14356<quick-add-component
14357  class="quick-add color-scheme-1 "
14358  ref="quickAdd"
14359  data-product-title="Persian Shield Plant"
14360  data-quick-add-button="add"
14361  data-product-options-count="1"
14362>
14363  <product-form-component
14364    data-section-id="template--26206028398910__main"
14365    data-product-id="11744319766846"
14366    on:submit="/handleSubmit"
14367    class="quick-add__product-form-component"
14368  >
14369    <div
14370      class="visually-hidden"
14371      aria-live="assertive"
14372      role="status"
14373      aria-atomic="true"
14374      ref="liveRegion"
14375    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11744319766846-Ad0hPaWttaDI0dVNlb__card-gallery-9" accept-charset="UTF-8" class="shopify-product-form" 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
14376        type="hidden"
14377        name="id"
14378        ref="variantId"
14379        value="51053448298814"
14380        
14381      >
14382      <input
14383        type="hidden"
14384        name="quantity"
14385        value="1"
14386      >
14387      
14388      <add-to-cart-component
14389  ref="addToCartButtonContainer"
14390  data-product-variant-media="//soulfire.farm/cdn/shop/files/persianshield.jpg?v=1736725118&width=100"
14391  data-add-to-cart-animation="true"
14392>
14393  <button
14394    
14395    type="submit"
14396    name="add"
14397    ref="addToCartButton"
14398    on:click="/handleClick"
14399    class="button button quick-add__button quick-add__button--add add-to-cart-button"
14400    
14401    
14402  >
14403    <span
14404      class="add-to-cart-text"
14405    >
14406      
14407        <span
14408          aria-hidden="true"
14409          class="svg-wrapper add-to-cart-icon"
14410        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
14411</span>
14412      
14413      <span class="add-to-cart-text__content is-visually-hidden-mobile">
14414        <span>
14415          <span>Add</span>
14416        </span>
14417      </span>
14418    </span>
14419    
14420    <span class="add-to-cart__added">
14421      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
14422  <g class="check">
14423    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
14424    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
14425  </g>
14426  <g class="burst">
14427    <g style="--index: 0;">
14428      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14429    </g>
14430    <g style="--index: 1;">
14431      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14432    </g>
14433    <g style="--index: 2;">
14434      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14435    </g>
14436    <g style="--index: 3;">
14437      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14438    </g>
14439    <g style="--index: 4;">
14440      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14441    </g>
14442    <g style="--index: 5;">
14443      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14444    </g>
14445    <g style="--index: 6;">
14446      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14447    </g>
14448    <g style="--index: 7;">
14449      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14450    </g>
14451  </g>
14452</svg>
14453</span>
14454    </span>
14455  </button>
14456</add-to-cart-component>
14457
14458
14459      <button
14460        class="button quick-add__button quick-add__button--choose add-to-cart-button"
14461        
14462        type="button"
14463        name="add"
14464        on:click="quick-add-component/handleClick"
14465      >
14466        <span
14467          class="add-to-cart-text"
14468        >
14469          
14470          <span
14471            aria-hidden="true"
14472            class="svg-wrapper add-to-cart-icon"
14473          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
14474</span>
14475          <span class="add-to-cart-text__content is-visually-hidden-mobile">
14476            <span>
14477              
14478              <span>
14479                Choose
14480              </span>
14481            </span>
14482          </span>
14483        </span>
14484      </button><input type="hidden" name="product-id" value="11744319766846" /><input type="hidden" name="section-id" value="template--26206028398910__main" /></form></product-form-component>
14485</quick-add-component>
14486
14487
14488
14489
14490    
14491  
14492
14493</div>
14494
14495
14496
14497
14498
14499<div class="product-grid-view-zoom-out--details">
14500  
14501    <h3 class="h4">Persian Shield Plant</h3>
14502  
14503</div>
14504
14505
14506
14507
14508
14509
14510
14511
14512
14513<div
14514  class="
14515    group-block
14516    group-block--height-fit
14517    group-block--width-fill
14518    border-style
14519    spacing-style
14520    size-style
14521    
14522    
14523  "
14524  style="
14525    --border-width: 1px; --border-style: none; --border-color:
14526rgb(var(--color-border-rgb) / 1.0); --border-radius:
145270px; 
14528
14529    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));
14530    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
14531    
14532  "
14533  
14534  data-testid="group-block"
14535><div class="group-block__media-wrapper">
14536    
14537
14538
14539
14540    
14541  </div>
14542
14543  <div
14544    class="
14545      group-block-content
14546      
14547      layout-panel-flex
14548      layout-panel-flex--column
14549       mobile-column
14550    "
14551    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
14552
14553--gap: 4px;
14554
14555--horizontal-alignment: flex-start; --vertical-alignment: center;
14556--vertical-alignment-mobile: center;
14557"
14558  >
14559  
14560
14561
14562  
14563  <a
14564    class="contents user-select-text"
14565    ref="productTitleLink"
14566    href="/products/persian-shield-plant?variant=51053448298814"
14567  >
14568    
14569
14570
14571
14572
14573
14574
14575  <div class=" spacing-style text-block text-block--AOUpha1M4eVNTZ3VDN__product_title_NzQUxN-9 paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
14576    <p role="heading" aria-level="3">Persian Shield Plant</p>
14577  </div>
14578
14579
14580
14581
14582  </a>
14583
14584
14585
14586
14587
14588
14589<product-price
14590  class="text-block  rte text-center paragraph spacing-style"
14591  data-block-id="AdzVoVDNUc2tZSXRmb__price-9"
14592  data-product-id="11744319766846"
14593  style="
14594    
14595--color: var(--color-foreground);
14596    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
14597    --width: fit-content;
14598  "
14599  
14600>
14601  <div ref="priceContainer">
14602  
14603    
14604    <div
14605      class="
14606        price__regular
14607        
14608      "
14609    >
14610      <span class="price">$12.00 USD</span>
14611    </div>
14612    <div
14613      class="
14614        price__sale
14615        
14616          price__hidden
14617        
14618      "
14619    >
14620      
14621        <span class="price-item__group">
14622          <span class="visually-hidden">Sale price&nbsp;</span>
14623          <span class="price-item--sale price">$12.00 USD</span>
14624        </span>
14625        <span class="price-item__group">
14626          <span class="visually-hidden">Regular price&nbsp;</span>
14627          <span class="price-item--regular compare-at-price"></span>
14628        </span>
14629      
14630    </div>
14631  
14632</div>
14633
14634  
14635</product-price>
14636
14637
14638
14639
14640
14641
14642
14643
14644
14645
14646</div>
14647</div>
14648
14649
14650
14651
14652
14653
14654
14655  </div>
14656</product-card>
14657
14658
14659
14660
14661
14662
14663
14664
14665
14666
14667
14668
14669
14670
14671
14672
14673            
14674          </li>
14675        
14676          <li
14677            id="template--26206028398910__main-11744316326206"
14678            class="product-grid__item product-grid__item--10"
14679            data-page="1"
14680            data-product-id="11744316326206"
14681            ref="cards[]"
14682          >
14683            
14684            
14685
14686
14687
14688
14689
14690<style data-shopify>
14691  
14692</style>
14693
14694
14695
14696<product-card
14697  class="product-card size-style"
14698  style="--size-style-width: ;--size-style-height: ;"
14699  data-product-id="11744316326206"
14700  id="product-card-AQzU4Yk1uZjhwcEdmR__product-card-10"
14701  
14702    data-product-transition="true"
14703    data-featured-media-url="//soulfire.farm/cdn/shop/files/DSC9882.jpg?v=1734741160&width=500"
14704    on:click="/handleViewTransition"
14705  
14706  
14707  
14708>
14709  <a
14710    id="4cc9eeb6e8176734ff02412f80d23db7"
14711    
14712      href="/products/thyme-plant?variant=51053442236734"
14713    
14714    class="product-card__link"
14715    ref="productCardLink"
14716  >
14717    <span class="visually-hidden">
14718      Thyme Plant
14719    </span>
14720  </a>
14721  <div
14722    class="
14723      product-card__content
14724      layout-panel-flex
14725      layout-panel-flex--column
14726      product-grid__card
14727      spacing-style
14728      border-style
14729      gap-style
14730       color-scheme-8
14731    "
14732    style="
14733      --border-width: 1px; --border-style: none; --border-color:
14734rgb(var(--color-border-rgb) / 1.0); --border-radius:
1473510px;  overflow: hidden; 
14736
14737      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
14738
14739
14740
14741--horizontal-alignment: ; --vertical-alignment: ;
14742--vertical-alignment-mobile: ;
14743
14744      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
14745      --product-card-gap: 0px;
14746      --quick-add-display: none;
14747      --quick-add-mobile-display: none;
14748      --quick-add-mobile-opacity: 0;
14749      
14750      
14751      
14752      
14753    "
14754  >
14755    
14756  
14757
14758
14759
14760
14761
14762
14763
14764<div
14765  ref="cardGallery"
14766  class="card-gallery card-gallery-Ad0hPaWttaDI0dVNlb__card-gallery-10 spacing-style border-style card-gallery--badge-top-left"
14767  style="
14768    --border-width: 1px; --border-style: none; --border-color:
14769rgb(var(--color-border-rgb) / 1.0); --border-radius:
147700px; 
14771
14772    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
14773    --gallery-aspect-ratio: 4 / 5;
14774  "
14775  data-product-id="11744316326206"
14776  
14777    on:pointerenter="/previewImage"
14778    on:pointerleave="/resetImage"
14779  
14780  
14781    data-view-transition-to-main-product
14782  
14783  data-image-ratio="portrait"
14784  
14785>
14786    <a
14787      class="contents"
14788      ref="cardGalleryLink"
14789      href="/products/thyme-plant?variant=51053442236734"
14790      aria-label="Thyme Plant"
14791    >
14792      <slideshow-component
14793  
14794    ref="slideshow"
14795  
14796  
14797  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
14798  
14799  initial-slide="0"
14800  
14801  
14802    infinite
14803  
14804
14805  data-generic-media-size="1"
14806>
14807  
14808  <slideshow-container ref="slideshowContainer">
14809    
14810    
14811    <slideshow-slides
14812      tabindex="-1"
14813      ref="scroller"
14814      
14815    >
14816      <slideshow-slide
14817  ref="slides[]"
14818  aria-hidden="false"
14819  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
14820  
14821    class="product-media-container media-fit product-media-container--image"
14822  
14823  
14824  
14825  
14826    slide-id="42052382064958"
14827  
14828  
14829  
14830  
14831>
14832  
14833
14834<div
14835  class="product-media"
14836  style="--ratio: 0.667"
14837  data-media-id="42052382064958"
14838>
14839  
14840  <img src="//soulfire.farm/cdn/shop/files/DSC9882.jpg?v=1734741160&amp;width=3840" alt="Thyme Plant" srcset="//soulfire.farm/cdn/shop/files/DSC9882.jpg?v=1734741160&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC9882.jpg?v=1734741160&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC9882.jpg?v=1734741160&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC9882.jpg?v=1734741160&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC9882.jpg?v=1734741160&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC9882.jpg?v=1734741160&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC9882.jpg?v=1734741160&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC9882.jpg?v=1734741160&amp;width=3840 3840w" width="3840" height="5757" loading="eager" sizes="(min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC9882.jpg?v=1734741160&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
14841
14842  
14843</div>
14844
14845
14846
14847</slideshow-slide>
14848
14849
14850
14851
14852    </slideshow-slides>
14853  </slideshow-container>
14854  
14855</slideshow-component>
14856
14857
14858
14859
14860    </a>
14861  
14862  
14863    <div
14864      class="product-badges product-badges--top-left"
14865      style="
14866        --badge-border-radius: 40px;
14867        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
14868      "
14869    ><div
14870          class="
14871            product-badges__badge product-badges__badge--rectangle
14872             color-scheme-cb76390f-038c-41ce-9a93-fc1d1f7315af
14873          "
14874        >Sold out
14875</div></div>
14876    
14877      
14878
14879<quick-add-component
14880  class="quick-add color-scheme-1 "
14881  ref="quickAdd"
14882  data-product-title="Thyme Plant"
14883  data-quick-add-button="add"
14884  data-product-options-count="1"
14885>
14886  <product-form-component
14887    data-section-id="template--26206028398910__main"
14888    data-product-id="11744316326206"
14889    on:submit="/handleSubmit"
14890    class="quick-add__product-form-component"
14891  >
14892    <div
14893      class="visually-hidden"
14894      aria-live="assertive"
14895      role="status"
14896      aria-atomic="true"
14897      ref="liveRegion"
14898    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11744316326206-Ad0hPaWttaDI0dVNlb__card-gallery-10" accept-charset="UTF-8" class="shopify-product-form" 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
14899        type="hidden"
14900        name="id"
14901        ref="variantId"
14902        value="51053442236734"
14903        
14904          disabled
14905        
14906      >
14907      <input
14908        type="hidden"
14909        name="quantity"
14910        value="1"
14911      >
14912      
14913      <add-to-cart-component
14914  ref="addToCartButtonContainer"
14915  data-product-variant-media="//soulfire.farm/cdn/shop/files/DSC9882.jpg?v=1734741160&width=100"
14916  data-add-to-cart-animation="true"
14917>
14918  <button
14919    
14920    type="submit"
14921    name="add"
14922    ref="addToCartButton"
14923    on:click="/handleClick"
14924    class="button button quick-add__button quick-add__button--add add-to-cart-button"
14925    
14926    
14927      disabled
14928    
14929  >
14930    <span
14931      class="add-to-cart-text"
14932    >
14933      
14934      <span class="add-to-cart-text__content is-visually-hidden-mobile">
14935        <span>
14936          <span>Add</span>
14937        </span>
14938      </span>
14939    </span>
14940    
14941    <span class="add-to-cart__added">
14942      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
14943  <g class="check">
14944    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
14945    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
14946  </g>
14947  <g class="burst">
14948    <g style="--index: 0;">
14949      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14950    </g>
14951    <g style="--index: 1;">
14952      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14953    </g>
14954    <g style="--index: 2;">
14955      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14956    </g>
14957    <g style="--index: 3;">
14958      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14959    </g>
14960    <g style="--index: 4;">
14961      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14962    </g>
14963    <g style="--index: 5;">
14964      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14965    </g>
14966    <g style="--index: 6;">
14967      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14968    </g>
14969    <g style="--index: 7;">
14970      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14971    </g>
14972  </g>
14973</svg>
14974</span>
14975    </span>
14976  </button>
14977</add-to-cart-component>
14978
14979
14980      <button
14981        class="button quick-add__button quick-add__button--choose add-to-cart-button"
14982        
14983        type="button"
14984        name="add"
14985        on:click="quick-add-component/handleClick"
14986      >
14987        <span
14988          class="add-to-cart-text"
14989        >
14990          
14991          <span
14992            aria-hidden="true"
14993            class="svg-wrapper add-to-cart-icon"
14994          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
14995</span>
14996          <span class="add-to-cart-text__content is-visually-hidden-mobile">
14997            <span>
14998              
14999              <span>
15000                Choose
15001              </span>
15002            </span>
15003          </span>
15004        </span>
15005      </button><input type="hidden" name="product-id" value="11744316326206" /><input type="hidden" name="section-id" value="template--26206028398910__main" /></form></product-form-component>
15006</quick-add-component>
15007
15008
15009
15010
15011    
15012  
15013
15014</div>
15015
15016
15017
15018
15019
15020<div class="product-grid-view-zoom-out--details">
15021  
15022    <h3 class="h4">Thyme Plant</h3>
15023  
15024</div>
15025
15026
15027
15028
15029
15030
15031
15032
15033
15034<div
15035  class="
15036    group-block
15037    group-block--height-fit
15038    group-block--width-fill
15039    border-style
15040    spacing-style
15041    size-style
15042    
15043    
15044  "
15045  style="
15046    --border-width: 1px; --border-style: none; --border-color:
15047rgb(var(--color-border-rgb) / 1.0); --border-radius:
150480px; 
15049
15050    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));
15051    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
15052    
15053  "
15054  
15055  data-testid="group-block"
15056><div class="group-block__media-wrapper">
15057    
15058
15059
15060
15061    
15062  </div>
15063
15064  <div
15065    class="
15066      group-block-content
15067      
15068      layout-panel-flex
15069      layout-panel-flex--column
15070       mobile-column
15071    "
15072    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
15073
15074--gap: 4px;
15075
15076--horizontal-alignment: flex-start; --vertical-alignment: center;
15077--vertical-alignment-mobile: center;
15078"
15079  >
15080  
15081
15082
15083  
15084  <a
15085    class="contents user-select-text"
15086    ref="productTitleLink"
15087    href="/products/thyme-plant?variant=51053442236734"
15088  >
15089    
15090
15091
15092
15093
15094
15095
15096  <div class=" spacing-style text-block text-block--AOUpha1M4eVNTZ3VDN__product_title_NzQUxN-10 paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
15097    <p role="heading" aria-level="3">Thyme Plant</p>
15098  </div>
15099
15100
15101
15102
15103  </a>
15104
15105
15106
15107
15108
15109
15110<product-price
15111  class="text-block  rte text-center paragraph spacing-style"
15112  data-block-id="AdzVoVDNUc2tZSXRmb__price-10"
15113  data-product-id="11744316326206"
15114  style="
15115    
15116--color: var(--color-foreground);
15117    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
15118    --width: fit-content;
15119  "
15120  
15121>
15122  <div ref="priceContainer">
15123  
15124    
15125    <div
15126      class="
15127        price__regular
15128        
15129      "
15130    >
15131      <span class="price">$6.00 USD</span>
15132    </div>
15133    <div
15134      class="
15135        price__sale
15136        
15137          price__hidden
15138        
15139      "
15140    >
15141      
15142        <span class="price-item__group">
15143          <span class="visually-hidden">Sale price&nbsp;</span>
15144          <span class="price-item--sale price">$6.00 USD</span>
15145        </span>
15146        <span class="price-item__group">
15147          <span class="visually-hidden">Regular price&nbsp;</span>
15148          <span class="price-item--regular compare-at-price"></span>
15149        </span>
15150      
15151    </div>
15152  
15153</div>
15154
15155  
15156</product-price>
15157
15158
15159
15160
15161
15162
15163
15164
15165
15166
15167</div>
15168</div>
15169
15170
15171
15172
15173
15174
15175
15176  </div>
15177</product-card>
15178
15179
15180
15181
15182
15183
15184
15185
15186
15187
15188
15189
15190
15191
15192
15193
15194            
15195          </li>
15196        
15197          <li
15198            id="template--26206028398910__main-11744318619966"
15199            class="product-grid__item product-grid__item--11"
15200            data-page="1"
15201            data-product-id="11744318619966"
15202            ref="cards[]"
15203          >
15204            
15205            
15206
15207
15208
15209
15210
15211<style data-shopify>
15212  
15213</style>
15214
15215
15216
15217<product-card
15218  class="product-card size-style"
15219  style="--size-style-width: ;--size-style-height: ;"
15220  data-product-id="11744318619966"
15221  id="product-card-AQzU4Yk1uZjhwcEdmR__product-card-11"
15222  
15223    data-product-transition="true"
15224    data-featured-media-url="//soulfire.farm/cdn/shop/files/DSC0350.jpg?v=1734741432&width=500"
15225    on:click="/handleViewTransition"
15226  
15227  
15228  
15229>
15230  <a
15231    id="4c6ec8ce9e7b815407762086f3f6809f"
15232    
15233      href="/products/red-malabar-spinach-plant?variant=51053446136126"
15234    
15235    class="product-card__link"
15236    ref="productCardLink"
15237  >
15238    <span class="visually-hidden">
15239      Red Malabar Spinach Plant
15240    </span>
15241  </a>
15242  <div
15243    class="
15244      product-card__content
15245      layout-panel-flex
15246      layout-panel-flex--column
15247      product-grid__card
15248      spacing-style
15249      border-style
15250      gap-style
15251       color-scheme-8
15252    "
15253    style="
15254      --border-width: 1px; --border-style: none; --border-color:
15255rgb(var(--color-border-rgb) / 1.0); --border-radius:
1525610px;  overflow: hidden; 
15257
15258      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
15259
15260
15261
15262--horizontal-alignment: ; --vertical-alignment: ;
15263--vertical-alignment-mobile: ;
15264
15265      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
15266      --product-card-gap: 0px;
15267      --quick-add-display: none;
15268      --quick-add-mobile-display: none;
15269      --quick-add-mobile-opacity: 0;
15270      
15271      
15272      
15273      
15274    "
15275  >
15276    
15277  
15278
15279
15280
15281
15282
15283
15284
15285<div
15286  ref="cardGallery"
15287  class="card-gallery card-gallery-Ad0hPaWttaDI0dVNlb__card-gallery-11 spacing-style border-style card-gallery--badge-top-left"
15288  style="
15289    --border-width: 1px; --border-style: none; --border-color:
15290rgb(var(--color-border-rgb) / 1.0); --border-radius:
152910px; 
15292
15293    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
15294    --gallery-aspect-ratio: 4 / 5;
15295  "
15296  data-product-id="11744318619966"
15297  
15298    on:pointerenter="/previewImage"
15299    on:pointerleave="/resetImage"
15300  
15301  
15302    data-view-transition-to-main-product
15303  
15304  data-image-ratio="portrait"
15305  
15306>
15307    <a
15308      class="contents"
15309      ref="cardGalleryLink"
15310      href="/products/red-malabar-spinach-plant?variant=51053446136126"
15311      aria-label="Red Malabar Spinach Plant"
15312    >
15313      <slideshow-component
15314  
15315    ref="slideshow"
15316  
15317  
15318  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
15319  
15320  initial-slide="0"
15321  
15322  
15323    infinite
15324  
15325
15326  data-generic-media-size="1"
15327>
15328  
15329  <slideshow-container ref="slideshowContainer">
15330    
15331    
15332    <slideshow-slides
15333      tabindex="-1"
15334      ref="scroller"
15335      
15336    >
15337      <slideshow-slide
15338  ref="slides[]"
15339  aria-hidden="false"
15340  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
15341  
15342    class="product-media-container media-fit product-media-container--image"
15343  
15344  
15345  
15346  
15347    slide-id="42052393206078"
15348  
15349  
15350  
15351  
15352>
15353  
15354
15355<div
15356  class="product-media"
15357  style="--ratio: 0.667"
15358  data-media-id="42052393206078"
15359>
15360  
15361  <img src="//soulfire.farm/cdn/shop/files/DSC0350.jpg?v=1734741432&amp;width=3840" alt="Red Malabar Spinach Plant" srcset="//soulfire.farm/cdn/shop/files/DSC0350.jpg?v=1734741432&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC0350.jpg?v=1734741432&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC0350.jpg?v=1734741432&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC0350.jpg?v=1734741432&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0350.jpg?v=1734741432&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0350.jpg?v=1734741432&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0350.jpg?v=1734741432&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0350.jpg?v=1734741432&amp;width=3840 3840w" width="3840" height="5757" loading="eager" sizes="(min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC0350.jpg?v=1734741432&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
15362
15363  
15364</div>
15365
15366
15367
15368</slideshow-slide>
15369
15370
15371
15372
15373    </slideshow-slides>
15374  </slideshow-container>
15375  
15376</slideshow-component>
15377
15378
15379
15380
15381    </a>
15382  
15383  
15384    <div
15385      class="product-badges product-badges--top-left"
15386      style="
15387        --badge-border-radius: 40px;
15388        --badge-font-family: var(--font-accent--family);
15388 --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
15389      "
15390    ><div
15391          class="
15392            product-badges__badge product-badges__badge--rectangle
15393             color-scheme-cb76390f-038c-41ce-9a93-fc1d1f7315af
15394          "
15395        >Sold out
15396</div></div>
15397    
15398      
15399
15400<quick-add-component
15401  class="quick-add color-scheme-1 "
15402  ref="quickAdd"
15403  data-product-title="Red Malabar Spinach Plant"
15404  data-quick-add-button="add"
15405  data-product-options-count="1"
15406>
15407  <product-form-component
15408    data-section-id="template--26206028398910__main"
15409    data-product-id="11744318619966"
15410    on:submit="/handleSubmit"
15411    class="quick-add__product-form-component"
15412  >
15413    <div
15414      class="visually-hidden"
15415      aria-live="assertive"
15416      role="status"
15417      aria-atomic="true"
15418      ref="liveRegion"
15419    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11744318619966-Ad0hPaWttaDI0dVNlb__card-gallery-11" accept-charset="UTF-8" class="shopify-product-form" 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
15420        type="hidden"
15421        name="id"
15422        ref="variantId"
15423        value="51053446136126"
15424        
15425          disabled
15426        
15427      >
15428      <input
15429        type="hidden"
15430        name="quantity"
15431        value="1"
15432      >
15433      
15434      <add-to-cart-component
15435  ref="addToCartButtonContainer"
15436  data-product-variant-media="//soulfire.farm/cdn/shop/files/DSC0350.jpg?v=1734741432&width=100"
15437  data-add-to-cart-animation="true"
15438>
15439  <button
15440    
15441    type="submit"
15442    name="add"
15443    ref="addToCartButton"
15444    on:click="/handleClick"
15445    class="button button quick-add__button quick-add__button--add add-to-cart-button"
15446    
15447    
15448      disabled
15449    
15450  >
15451    <span
15452      class="add-to-cart-text"
15453    >
15454      
15455      <span class="add-to-cart-text__content is-visually-hidden-mobile">
15456        <span>
15457          <span>Add</span>
15458        </span>
15459      </span>
15460    </span>
15461    
15462    <span class="add-to-cart__added">
15463      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
15464  <g class="check">
15465    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
15466    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
15467  </g>
15468  <g class="burst">
15469    <g style="--index: 0;">
15470      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
15471    </g>
15472    <g style="--index: 1;">
15473      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
15474    </g>
15475    <g style="--index: 2;">
15476      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
15477    </g>
15478    <g style="--index: 3;">
15479      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
15480    </g>
15481    <g style="--index: 4;">
15482      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
15483    </g>
15484    <g style="--index: 5;">
15485      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
15486    </g>
15487    <g style="--index: 6;">
15488      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
15489    </g>
15490    <g style="--index: 7;">
15491      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
15492    </g>
15493  </g>
15494</svg>
15495</span>
15496    </span>
15497  </button>
15498</add-to-cart-component>
15499
15500
15501      <button
15502        class="button quick-add__button quick-add__button--choose add-to-cart-button"
15503        
15504        type="button"
15505        name="add"
15506        on:click="quick-add-component/handleClick"
15507      >
15508        <span
15509          class="add-to-cart-text"
15510        >
15511          
15512          <span
15513            aria-hidden="true"
15514            class="svg-wrapper add-to-cart-icon"
15515          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
15516</span>
15517          <span class="add-to-cart-text__content is-visually-hidden-mobile">
15518            <span>
15519              
15520              <span>
15521                Choose
15522              </span>
15523            </span>
15524          </span>
15525        </span>
15526      </button><input type="hidden" name="product-id" value="11744318619966" /><input type="hidden" name="section-id" value="template--26206028398910__main" /></form></product-form-component>
15527</quick-add-component>
15528
15529
15530
15531
15532    
15533  
15534
15535</div>
15536
15537
15538
15539
15540
15541<div class="product-grid-view-zoom-out--details">
15542  
15543    <h3 class="h4">Red Malabar Spinach Plant</h3>
15544  
15545</div>
15546
15547
15548
15549
15550
15551
15552
15553
15554
15555<div
15556  class="
15557    group-block
15558    group-block--height-fit
15559    group-block--width-fill
15560    border-style
15561    spacing-style
15562    size-style
15563    
15564    
15565  "
15566  style="
15567    --border-width: 1px; --border-style: none; --border-color:
15568rgb(var(--color-border-rgb) / 1.0); --border-radius:
155690px; 
15570
15571    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));
15572    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
15573    
15574  "
15575  
15576  data-testid="group-block"
15577><div class="group-block__media-wrapper">
15578    
15579
15580
15581
15582    
15583  </div>
15584
15585  <div
15586    class="
15587      group-block-content
15588      
15589      layout-panel-flex
15590      layout-panel-flex--column
15591       mobile-column
15592    "
15593    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
15594
15595--gap: 4px;
15596
15597--horizontal-alignment: flex-start; --vertical-alignment: center;
15598--vertical-alignment-mobile: center;
15599"
15600  >
15601  
15602
15603
15604  
15605  <a
15606    class="contents user-select-text"
15607    ref="productTitleLink"
15608    href="/products/red-malabar-spinach-plant?variant=51053446136126"
15609  >
15610    
15611
15612
15613
15614
15615
15616
15617  <div class=" spacing-style text-block text-block--AOUpha1M4eVNTZ3VDN__product_title_NzQUxN-11 paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
15618    <p role="heading" aria-level="3">Red Malabar Spinach Plant</p>
15619  </div>
15620
15621
15622
15623
15624  </a>
15625
15626
15627
15628
15629
15630
15631<product-price
15632  class="text-block  rte text-center paragraph spacing-style"
15633  data-block-id="AdzVoVDNUc2tZSXRmb__price-11"
15634  data-product-id="11744318619966"
15635  style="
15636    
15637--color: var(--color-foreground);
15638    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
15639    --width: fit-content;
15640  "
15641  
15642>
15643  <div ref="priceContainer">
15644  
15645    
15646    <div
15647      class="
15648        price__regular
15649        
15650      "
15651    >
15652      <span class="price">$6.00 USD</span>
15653    </div>
15654    <div
15655      class="
15656        price__sale
15657        
15658          price__hidden
15659        
15660      "
15661    >
15662      
15663        <span class="price-item__group">
15664          <span class="visually-hidden">Sale price&nbsp;</span>
15665          <span class="price-item--sale price">$6.00 USD</span>
15666        </span>
15667        <span class="price-item__group">
15668          <span class="visually-hidden">Regular price&nbsp;</span>
15669          <span class="price-item--regular compare-at-price"></span>
15670        </span>
15671      
15672    </div>
15673  
15674</div>
15675
15676  
15677</product-price>
15678
15679
15680
15681
15682
15683
15684
15685
15686
15687
15688</div>
15689</div>
15690
15691
15692
15693
15694
15695
15696
15697  </div>
15698</product-card>
15699
15700
15701
15702
15703
15704
15705
15706
15707
15708
15709
15710
15711
15712
15713
15714
15715            
15716          </li>
15717        
15718          <li
15719            id="template--26206028398910__main-11744317964606"
15720            class="product-grid__item product-grid__item--12"
15721            data-page="1"
15722            data-product-id="11744317964606"
15723            ref="cards[]"
15724          >
15725            
15726            
15727
15728
15729
15730
15731
15732<style data-shopify>
15733  
15734</style>
15735
15736
15737
15738<product-card
15739  class="product-card size-style"
15740  style="--size-style-width: ;--size-style-height: ;"
15741  data-product-id="11744317964606"
15742  id="product-card-AQzU4Yk1uZjhwcEdmR__product-card-12"
15743  
15744    data-product-transition="true"
15745    data-featured-media-url="//soulfire.farm/cdn/shop/files/DSC9933.jpg?v=1734741335&width=500"
15746    on:click="/handleViewTransition"
15747  
15748  
15749  
15750>
15751  <a
15752    id="da111326c2a436f4afae954c323847e6"
15753    
15754      href="/products/cranberry-hibiscus-plant?variant=51053445218622"
15755    
15756    class="product-card__link"
15757    ref="productCardLink"
15758  >
15759    <span class="visually-hidden">
15760      Cranberry Hibiscus Plant
15761    </span>
15762  </a>
15763  <div
15764    class="
15765      product-card__content
15766      layout-panel-flex
15767      layout-panel-flex--column
15768      product-grid__card
15769      spacing-style
15770      border-style
15771      gap-style
15772       color-scheme-8
15773    "
15774    style="
15775      --border-width: 1px; --border-style: none; --border-color:
15776rgb(var(--color-border-rgb) / 1.0); --border-radius:
1577710px;  overflow: hidden; 
15778
15779      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
15780
15781
15782
15783--horizontal-alignment: ; --vertical-alignment: ;
15784--vertical-alignment-mobile: ;
15785
15786      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
15787      --product-card-gap: 0px;
15788      --quick-add-display: none;
15789      --quick-add-mobile-display: none;
15790      --quick-add-mobile-opacity: 0;
15791      
15792      
15793      
15794      
15795    "
15796  >
15797    
15798  
15799
15800
15801
15802
15803
15804
15805
15806<div
15807  ref="cardGallery"
15808  class="card-gallery card-gallery-Ad0hPaWttaDI0dVNlb__card-gallery-12 spacing-style border-style card-gallery--badge-top-left"
15809  style="
15810    --border-width: 1px; --border-style: none; --border-color:
15811rgb(var(--color-border-rgb) / 1.0); --border-radius:
158120px; 
15813
15814    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
15815    --gallery-aspect-ratio: 4 / 5;
15816  "
15817  data-product-id="11744317964606"
15818  
15819    on:pointerenter="/previewImage"
15820    on:pointerleave="/resetImage"
15821  
15822  
15823    data-view-transition-to-main-product
15824  
15825  data-image-ratio="portrait"
15826  
15827>
15828    <a
15829      class="contents"
15830      ref="cardGalleryLink"
15831      href="/products/cranberry-hibiscus-plant?variant=51053445218622"
15832      aria-label="Cranberry Hibiscus Plant"
15833    >
15834      <slideshow-component
15835  
15836    ref="slideshow"
15837  
15838  
15839  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
15840  
15841  initial-slide="0"
15842  
15843  
15844    infinite
15845  
15846
15847  data-generic-media-size="1"
15848>
15849  
15850  <slideshow-container ref="slideshowContainer">
15851    
15852    
15853    <slideshow-slides
15854      tabindex="-1"
15855      ref="scroller"
15856      
15857    >
15858      <slideshow-slide
15859  ref="slides[]"
15860  aria-hidden="false"
15861  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
15862  
15863    class="product-media-container media-fit product-media-container--image"
15864  
15865  
15866  
15867  
15868    slide-id="42052389503294"
15869  
15870  
15871  
15872  
15873>
15874  
15875
15876<div
15877  class="product-media"
15878  style="--ratio: 0.667"
15879  data-media-id="42052389503294"
15880>
15881  
15882  <img src="//soulfire.farm/cdn/shop/files/DSC9933.jpg?v=1734741335&amp;width=3840" alt="Cranberry Hibiscus Plant" srcset="//soulfire.farm/cdn/shop/files/DSC9933.jpg?v=1734741335&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC9933.jpg?v=1734741335&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC9933.jpg?v=1734741335&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC9933.jpg?v=1734741335&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC9933.jpg?v=1734741335&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC9933.jpg?v=1734741335&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC9933.jpg?v=1734741335&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC9933.jpg?v=1734741335&amp;width=3840 3840w" width="3840" height="5757" loading="eager" sizes="(min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC9933.jpg?v=1734741335&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
15883
15884  
15885</div>
15886
15887
15888
15889</slideshow-slide>
15890
15891
15892
15893
15894    </slideshow-slides>
15895  </slideshow-container>
15896  
15897</slideshow-component>
15898
15899
15900
15901
15902    </a>
15903  
15904  
15905    <div
15906      class="product-badges product-badges--top-left"
15907      style="
15908        --badge-border-radius: 40px;
15909        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
15910      "
15911    ><div
15912          class="
15913            product-badges__badge product-badges__badge--rectangle
15914             color-scheme-cb76390f-038c-41ce-9a93-fc1d1f7315af
15915          "
15916        >Sold out
15917</div></div>
15918    
15919      
15920
15921<quick-add-component
15922  class="quick-add color-scheme-1 "
15923  ref="quickAdd"
15924  data-product-title="Cranberry Hibiscus Plant"
15925  data-quick-add-button="add"
15926  data-product-options-count="1"
15927>
15928  <product-form-component
15929    data-section-id="template--26206028398910__main"
15930    data-product-id="11744317964606"
15931    on:submit="/handleSubmit"
15932    class="quick-add__product-form-component"
15933  >
15934    <div
15935      class="visually-hidden"
15936      aria-live="assertive"
15937      role="status"
15938      aria-atomic="true"
15939      ref="liveRegion"
15940    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11744317964606-Ad0hPaWttaDI0dVNlb__card-gallery-12" accept-charset="UTF-8" class="shopify-product-form" 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
15941        type="hidden"
15942        name="id"
15943        ref="variantId"
15944        value="51053445218622"
15945        
15946          disabled
15947        
15948      >
15949      <input
15950        type="hidden"
15951        name="quantity"
15952        value="1"
15953      >
15954      
15955      <add-to-cart-component
15956  ref="addToCartButtonContainer"
15957  data-product-variant-media="//soulfire.farm/cdn/shop/files/DSC9933.jpg?v=1734741335&width=100"
15958  data-add-to-cart-animation="true"
15959>
15960  <button
15961    
15962    type="submit"
15963    name="add"
15964    ref="addToCartButton"
15965    on:click="/handleClick"
15966    class="button button quick-add__button quick-add__button--add add-to-cart-button"
15967    
15968    
15969      disabled
15970    
15971  >
15972    <span
15973      class="add-to-cart-text"
15974    >
15975      
15976      <span class="add-to-cart-text__content is-visually-hidden-mobile">
15977        <span>
15978          <span>Add</span>
15979        </span>
15980      </span>
15981    </span>
15982    
15983    <span class="add-to-cart__added">
15984      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
15985  <g class="check">
15986    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
15987    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
15988  </g>
15989  <g class="burst">
15990    <g style="--index: 0;">
15991      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
15992    </g>
15993    <g style="--index: 1;">
15994      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
15995    </g>
15996    <g style="--index: 2;">
15997      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
15998    </g>
15999    <g style="--index: 3;">
16000      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
16001    </g>
16002    <g style="--index: 4;">
16003      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
16004    </g>
16005    <g style="--index: 5;">
16006      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
16007    </g>
16008    <g style="--index: 6;">
16009      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
16010    </g>
16011    <g style="--index: 7;">
16012      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
16013    </g>
16014  </g>
16015</svg>
16016</span>
16017    </span>
16018  </button>
16019</add-to-cart-component>
16020
16021
16022      <button
16023        class="button quick-add__button quick-add__button--choose add-to-cart-button"
16024        
16025        type="button"
16026        name="add"
16027        on:click="quick-add-component/handleClick"
16028      >
16029        <span
16030          class="add-to-cart-text"
16031        >
16032          
16033          <span
16034            aria-hidden="true"
16035            class="svg-wrapper add-to-cart-icon"
16036          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
16037</span>
16038          <span class="add-to-cart-text__content is-visually-hidden-mobile">
16039            <span>
16040              
16041              <span>
16042                Choose
16043              </span>
16044            </span>
16045          </span>
16046        </span>
16047      </button><input type="hidden" name="product-id" value="11744317964606" /><input type="hidden" name="section-id" value="template--26206028398910__main" /></form></product-form-component>
16048</quick-add-component>
16049
16050
16051
16052
16053    
16054  
16055
16056</div>
16057
16058
16059
16060
16061
16062<div class="product-grid-view-zoom-out--details">
16063  
16064    <h3 class="h4">Cranberry Hibiscus Plant</h3>
16065  
16066</div>
16067
16068
16069
16070
16071
16072
16073
16074
16075
16076<div
16077  class="
16078    group-block
16079    group-block--height-fit
16080    group-block--width-fill
16081    border-style
16082    spacing-style
16083    size-style
16084    
16085    
16086  "
16087  style="
16088    --border-width: 1px; --border-style: none; --border-color:
16089rgb(var(--color-border-rgb) / 1.0); --border-radius:
160900px; 
16091
16092    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));
16093    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
16094    
16095  "
16096  
16097  data-testid="group-block"
16098><div class="group-block__media-wrapper">
16099    
16100
16101
16102
16103    
16104  </div>
16105
16106  <div
16107    class="
16108      group-block-content
16109      
16110      layout-panel-flex
16111      layout-panel-flex--column
16112       mobile-column
16113    "
16114    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
16115
16116--gap: 4px;
16117
16118--horizontal-alignment: flex-start; --vertical-alignment: center;
16119--vertical-alignment-mobile: center;
16120"
16121  >
16122  
16123
16124
16125  
16126  <a
16127    class="contents user-select-text"
16128    ref="productTitleLink"
16129    href="/products/cranberry-hibiscus-plant?variant=51053445218622"
16130  >
16131    
16132
16133
16134
16135
16136
16137
16138  <div class=" spacing-style text-block text-block--AOUpha1M4eVNTZ3VDN__product_title_NzQUxN-12 paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
16139    <p role="heading" aria-level="3">Cranberry Hibiscus Plant</p>
16140  </div>
16141
16142
16143
16144
16145  </a>
16146
16147
16148
16149
16150
16151
16152<product-price
16153  class="text-block  rte text-center paragraph spacing-style"
16154  data-block-id="AdzVoVDNUc2tZSXRmb__price-12"
16155  data-product-id="11744317964606"
16156  style="
16157    
16158--color: var(--color-foreground);
16159    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
16160    --width: fit-content;
16161  "
16162  
16163>
16164  <div ref="priceContainer">
16165  
16166    
16167    <div
16168      class="
16169        price__regular
16170        
16171      "
16172    >
16173      <span class="price">$6.00 USD</span>
16174    </div>
16175    <div
16176      class="
16177        price__sale
16178        
16179          price__hidden
16180        
16181      "
16182    >
16183      
16184        <span class="price-item__group">
16185          <span class="visually-hidden">Sale price&nbsp;</span>
16186          <span class="price-item--sale price">$6.00 USD</span>
16187        </span>
16188        <span class="price-item__group">
16189          <span class="visually-hidden">Regular price&nbsp;</span>
16190          <span class="price-item--regular compare-at-price"></span>
16191        </span>
16192      
16193    </div>
16194  
16195</div>
16196
16197  
16198</product-price>
16199
16200
16201
16202
16203
16204
16205
16206
16207
16208
16209</div>
16210</div>
16211
16212
16213
16214
16215
16216
16217
16218  </div>
16219</product-card>
16220
16221
16222
16223
16224
16225
16226
16227
16228
16229
16230
16231
16232
16233
16234
16235
16236            
16237          </li>
16238        
16239          <li
16240            id="template--26206028398910__main-11746603827518"
16241            class="product-grid__item product-grid__item--13"
16242            data-page="1"
16243            data-product-id="11746603827518"
16244            ref="cards[]"
16245          >
16246            
16247            
16248
16249
16250
16251
16252
16253<style data-shopify>
16254  
16255</style>
16256
16257
16258
16259<product-card
16260  class="product-card size-style"
16261  style="--size-style-width: ;--size-style-height: ;"
16262  data-product-id="11746603827518"
16263  id="product-card-AQzU4Yk1uZjhwcEdmR__product-card-13"
16264  
16265    data-product-transition="true"
16266    data-featured-media-url="//soulfire.farm/cdn/shop/files/DSC0482.jpg?v=1735061925&width=500"
16267    on:click="/handleViewTransition"
16268  
16269  
16270  
16271>
16272  <a
16273    id="3f61a086f50624208ef6239624c49ee3"
16274    
16275      href="/products/jungle-geranium-plant?variant=51064782848318"
16276    
16277    class="product-card__link"
16278    ref="productCardLink"
16279  >
16280    <span class="visually-hidden">
16281      Jungle Geranium Plant
16282    </span>
16283  </a>
16284  <div
16285    class="
16286      product-card__content
16287      layout-panel-flex
16288      layout-panel-flex--column
16289      product-grid__card
16290      spacing-style
16291      border-style
16292      gap-style
16293       color-scheme-8
16294    "
16295    style="
16296      --border-width: 1px; --border-style: none; --border-color:
16297rgb(var(--color-border-rgb) / 1.0); --border-radius:
1629810px;  overflow: hidden; 
16299
16300      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
16301
16302
16303
16304--horizontal-alignment: ; --vertical-alignment: ;
16305--vertical-alignment-mobile: ;
16306
16307      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
16308      --product-card-gap: 0px;
16309      --quick-add-display: flex;
16310      --quick-add-mobile-display: flex;
16311      --quick-add-mobile-opacity: 1;
16312      
16313      
16314      
16315      
16316    "
16317  >
16318    
16319  
16320
16321
16322
16323
16324
16325
16326
16327<div
16328  ref="cardGallery"
16329  class="card-gallery card-gallery-Ad0hPaWttaDI0dVNlb__card-gallery-13 spacing-style border-style"
16330  style="
16331    --border-width: 1px; --border-style: none; --border-color:
16332rgb(var(--color-border-rgb) / 1.0); --border-radius:
163330px; 
16334
16335    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
16336    --gallery-aspect-ratio: 4 / 5;
16337  "
16338  data-product-id="11746603827518"
16339  
16340    on:pointerenter="/previewImage"
16341    on:pointerleave="/resetImage"
16342  
16343  
16344    data-view-transition-to-main-product
16345  
16346  data-image-ratio="portrait"
16347  
16348>
16349    <a
16350      class="contents"
16351      ref="cardGalleryLink"
16352      href="/products/jungle-geranium-plant?variant=51064782848318"
16353      aria-label="Jungle Geranium Plant"
16354    >
16355      <slideshow-component
16356  
16357    ref="slideshow"
16358  
16359  
16360  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
16361  
16362  initial-slide="0"
16363  
16364  
16365    infinite
16366  
16367
16368  data-generic-media-size="1"
16369>
16370  
16371  <slideshow-container ref="slideshowContainer">
16372    
16373      <slideshow-arrows
16374  position="center"
16375  
16376><button
16377  class="
16378    slideshow-control slideshow-control--previous
16379    
16380    
16381    slideshow-control--style-arrow
16382    button button-unstyled button-unstyled--transparent
16383     flip-x
16384  "
16385  
16386  aria-label="Previous slide"
16387  
16388  on:click="/previous"
16389  ref="previous"
16390>
16391  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
16392</span>
16393</button>
16394
16395
16396<button
16397  class="
16398    slideshow-control slideshow-control--next
16399    
16400    
16401    slideshow-control--style-arrow
16402    button button-unstyled button-unstyled--transparent
16403    
16404  "
16405  
16406  aria-label="Next slide"
16407  
16408  on:click="/next"
16409  ref="next"
16410>
16411  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
16412</span>
16413</button>
16414
16415
16416</slideshow-arrows>
16417
16418
16419
16420    
16421    
16422    <slideshow-slides
16423      tabindex="-1"
16424      ref="scroller"
16425      
16426    >
16427      <slideshow-slide
16428  ref="slides[]"
16429  aria-hidden="false"
16430  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
16431  
16432    class="product-media-container media-fit product-media-container--image"
16433  
16434  variant-image
16435  
16436  
16437    slide-id="42064716595518"
16438  
16439  
16440  
16441  variant-image
16442>
16443  
16444
16445<div
16446  class="product-media"
16447  style="--ratio: 0.6675"
16448  data-media-id="42064716595518"
16449>
16450  
16451  <img src="//soulfire.farm/cdn/shop/files/DSC0482.jpg?v=1735061925&amp;width=3840" alt="Jungle Geranium Plant" srcset="//soulfire.farm/cdn/shop/files/DSC0482.jpg?v=1735061925&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC0482.jpg?v=1735061925&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC0482.jpg?v=1735061925&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC0482.jpg?v=1735061925&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0482.jpg?v=1735061925&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0482.jpg?v=1735061925&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0482.jpg?v=1735061925&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0482.jpg?v=1735061925&amp;width=3840 3840w" width="3840" height="5753" loading="eager" sizes="(min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC0482.jpg?v=1735061925&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
16452
16453  
16454</div>
16455
16456
16457
16458</slideshow-slide>
16459
16460
16461
16462<slideshow-slide
16463  ref="slides[]"
16464  aria-hidden="true"
16465  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
16466  
16467    class="product-media-container media-fit product-media-container--image"
16468  
16469  variant-image
16470  
16471  
16472    slide-id="42064716628286"
16473  
16474  
16475    hidden
16476  
16477  
16478  variant-image
16479>
16480  
16481
16482<div
16483  class="product-media"
16484  style="--ratio: 0.6675"
16485  data-media-id="42064716628286"
16486>
16487  
16488  <img src="//soulfire.farm/cdn/shop/files/DSC0484.jpg?v=1735061925&amp;width=3840" alt="Jungle Geranium Plant" srcset="//soulfire.farm/cdn/shop/files/DSC0484.jpg?v=1735061925&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC0484.jpg?v=1735061925&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC0484.jpg?v=1735061925&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC0484.jpg?v=1735061925&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0484.jpg?v=1735061925&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0484.jpg?v=1735061925&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0484.jpg?v=1735061925&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0484.jpg?v=1735061925&amp;width=3840 3840w" width="3840" height="5753" loading="lazy" sizes="auto, (min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC0484.jpg?v=1735061925&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
16489
16490  
16491</div>
16492
16493
16494
16495</slideshow-slide>
16496
16497
16498
16499<slideshow-slide
16500  ref="slides[]"
16501  aria-hidden="true"
16502  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
16503  
16504    class="product-media-container media-fit product-media-container--image"
16505  
16506  variant-image
16507  
16508  
16509    slide-id="42064716661054"
16510  
16511  
16512    hidden
16513  
16514  
16515  variant-image
16516>
16517  
16518
16519<div
16520  class="product-media"
16521  style="--ratio: 0.6675"
16522  data-media-id="42064716661054"
16523>
16524  
16525  <img src="//soulfire.farm/cdn/shop/files/DSC0486.jpg?v=1735061925&amp;width=3840" alt="Jungle Geranium Plant" srcset="//soulfire.farm/cdn/shop/files/DSC0486.jpg?v=1735061925&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC0486.jpg?v=1735061925&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC0486.jpg?v=1735061925&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC0486.jpg?v=1735061925&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0486.jpg?v=1735061925&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0486.jpg?v=1735061925&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0486.jpg?v=1735061925&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0486.jpg?v=1735061925&amp;width=3840 3840w" width="3840" height="5753" loading="lazy" sizes="auto, (min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC0486.jpg?v=1735061925&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
16526
16527  
16528</div>
16529
16530
16531
16532</slideshow-slide>
16533
16534
16535
16536<slideshow-slide
16537  ref="slides[]"
16538  aria-hidden="true"
16539  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
16540  
16541    class="product-media-container media-fit product-media-container--image"
16542  
16543  
16544  
16545  
16546    slide-id="42064716693822"
16547  
16548  
16549  
16550  
16551>
16552  
16553
16554<div
16555  class="product-media"
16556  style="--ratio: 0.6675"
16557  data-media-id="42064716693822"
16558>
16559  
16560  <img src="//soulfire.farm/cdn/shop/files/DSC0488.jpg?v=1735061925&amp;width=3840" alt="Jungle Geranium Plant" srcset="//soulfire.farm/cdn/shop/files/DSC0488.jpg?v=1735061925&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC0488.jpg?v=1735061925&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC0488.jpg?v=1735061925&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC0488.jpg?v=1735061925&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0488.jpg?v=1735061925&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0488.jpg?v=1735061925&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0488.jpg?v=1735061925&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0488.jpg?v=1735061925&amp;width=3840 3840w" width="3840" height="5753" loading="lazy" sizes="auto, (min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC0488.jpg?v=1735061925&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
16561
16562  
16563</div>
16564
16565
16566
16567</slideshow-slide>
16568
16569
16570
16571
16572    </slideshow-slides>
16573  </slideshow-container>
16574  
16575</slideshow-component>
16576
16577
16578
16579
16580    </a>
16581  
16582  
16583    <div
16584      class="product-badges product-badges--top-left"
16585      style="
16586        --badge-border-radius: 40px;
16587        --badge-font-family: var(--font-accent--family);
16587 --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
16588      "
16589    ></div>
16590    
16591      
16592
16593<quick-add-component
16594  class="quick-add color-scheme-1 "
16595  ref="quickAdd"
16596  data-product-title="Jungle Geranium Plant"
16597  data-quick-add-button="choose"
16598  data-product-options-count="1"
16599>
16600  <product-form-component
16601    data-section-id="template--26206028398910__main"
16602    data-product-id="11746603827518"
16603    on:submit="/handleSubmit"
16604    class="quick-add__product-form-component"
16605  >
16606    <div
16607      class="visually-hidden"
16608      aria-live="assertive"
16609      role="status"
16610      aria-atomic="true"
16611      ref="liveRegion"
16612    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11746603827518-Ad0hPaWttaDI0dVNlb__card-gallery-13" accept-charset="UTF-8" class="shopify-product-form" 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
16613        type="hidden"
16614        name="id"
16615        ref="variantId"
16616        value="51064782848318"
16617        
16618      >
16619      <input
16620        type="hidden"
16621        name="quantity"
16622        value="1"
16623      >
16624      
16625      <add-to-cart-component
16626  ref="addToCartButtonContainer"
16627  data-product-variant-media="//soulfire.farm/cdn/shop/files/DSC0482.jpg?v=1735061925&width=100"
16628  data-add-to-cart-animation="true"
16629>
16630  <button
16631    
16632    type="submit"
16633    name="add"
16634    ref="addToCartButton"
16635    on:click="/handleClick"
16636    class="button button quick-add__button quick-add__button--add add-to-cart-button"
16637    
16638    
16639  >
16640    <span
16641      class="add-to-cart-text"
16642    >
16643      
16644        <span
16645          aria-hidden="true"
16646          class="svg-wrapper add-to-cart-icon"
16647        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
16648</span>
16649      
16650      <span class="add-to-cart-text__content is-visually-hidden-mobile">
16651        <span>
16652          <span>Add</span>
16653        </span>
16654      </span>
16655    </span>
16656    
16657    <span class="add-to-cart__added">
16658      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
16659  <g class="check">
16660    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
16661    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
16662  </g>
16663  <g class="burst">
16664    <g style="--index: 0;">
16665      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
16666    </g>
16667    <g style="--index: 1;">
16668      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
16669    </g>
16670    <g style="--index: 2;">
16671      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
16672    </g>
16673    <g style="--index: 3;">
16674      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
16675    </g>
16676    <g style="--index: 4;">
16677      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
16678    </g>
16679    <g style="--index: 5;">
16680      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
16681    </g>
16682    <g style="--index: 6;">
16683      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
16684    </g>
16685    <g style="--index: 7;">
16686      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
16687    </g>
16688  </g>
16689</svg>
16690</span>
16691    </span>
16692  </button>
16693</add-to-cart-component>
16694
16695
16696      <button
16697        class="button quick-add__button quick-add__button--choose add-to-cart-button"
16698        
16699        type="button"
16700        name="add"
16701        on:click="quick-add-component/handleClick"
16702      >
16703        <span
16704          class="add-to-cart-text"
16705        >
16706          
16707          <span
16708            aria-hidden="true"
16709            class="svg-wrapper add-to-cart-icon"
16710          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
16711</span>
16712          <span class="add-to-cart-text__content is-visually-hidden-mobile">
16713            <span>
16714              
16715              <span>
16716                Choose
16717              </span>
16718            </span>
16719          </span>
16720        </span>
16721      </button><input type="hidden" name="product-id" value="11746603827518" /><input type="hidden" name="section-id" value="template--26206028398910__main" /></form></product-form-component>
16722</quick-add-component>
16723
16724
16725
16726
16727    
16728  
16729
16730</div>
16731
16732
16733
16734
16735
16736<div class="product-grid-view-zoom-out--details">
16737  
16738    <h3 class="h4">Jungle Geranium Plant</h3>
16739  
16740</div>
16741
16742
16743
16744
16745
16746
16747
16748
16749
16750<div
16751  class="
16752    group-block
16753    group-block--height-fit
16754    group-block--width-fill
16755    border-style
16756    spacing-style
16757    size-style
16758    
16759    
16760  "
16761  style="
16762    --border-width: 1px; --border-style: none; --border-color:
16763rgb(var(--color-border-rgb) / 1.0); --border-radius:
167640px; 
16765
16766    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));
16767    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
16768    
16769  "
16770  
16771  data-testid="group-block"
16772><div class="group-block__media-wrapper">
16773    
16774
16775
16776
16777    
16778  </div>
16779
16780  <div
16781    class="
16782      group-block-content
16783      
16784      layout-panel-flex
16785      layout-panel-flex--column
16786       mobile-column
16787    "
16788    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
16789
16790--gap: 4px;
16791
16792--horizontal-alignment: flex-start; --vertical-alignment: center;
16793--vertical-alignment-mobile: center;
16794"
16795  >
16796  
16797
16798
16799  
16800  <a
16801    class="contents user-select-text"
16802    ref="productTitleLink"
16803    href="/products/jungle-geranium-plant?variant=51064782848318"
16804  >
16805    
16806
16807
16808
16809
16810
16811
16812  <div class=" spacing-style text-block text-block--AOUpha1M4eVNTZ3VDN__product_title_NzQUxN-13 paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
16813    <p role="heading" aria-level="3">Jungle Geranium Plant</p>
16814  </div>
16815
16816
16817
16818
16819  </a>
16820
16821
16822
16823
16824
16825
16826<product-price
16827  class="text-block  rte text-center paragraph spacing-style"
16828  data-block-id="AdzVoVDNUc2tZSXRmb__price-13"
16829  data-product-id="11746603827518"
16830  style="
16831    
16832--color: var(--color-foreground);
16833    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
16834    --width: fit-content;
16835  "
16836  
16837>
16838  <div ref="priceContainer">
16839  
16840    
16841    <div
16842      class="
16843        price__regular
16844        
16845      "
16846    >
16847      <span class="price">$6.00 USD</span>
16848    </div>
16849    <div
16850      class="
16851        price__sale
16852        
16853          price__hidden
16854        
16855      "
16856    >
16857      
16858        <span class="price-item__group">
16859          <span class="visually-hidden">Sale price&nbsp;</span>
16860          <span class="price-item--sale price">$6.00 USD</span>
16861        </span>
16862        <span class="price-item__group">
16863          <span class="visually-hidden">Regular price&nbsp;</span>
16864          <span class="price-item--regular compare-at-price"></span>
16865        </span>
16866      
16867    </div>
16868  
16869</div>
16870
16871  
16872</product-price>
16873
16874
16875
16876
16877
16878
16879
16880
16881
16882
16883</div>
16884</div>
16885
16886
16887
16888
16889
16890
16891
16892  </div>
16893</product-card>
16894
16895
16896
16897
16898
16899
16900
16901
16902
16903
16904
16905
16906
16907
16908
16909
16910            
16911          </li>
16912        
16913          <li
16914            id="template--26206028398910__main-11744318226750"
16915            class="product-grid__item product-grid__item--14"
16916            data-page="1"
16917            data-product-id="11744318226750"
16918            ref="cards[]"
16919          >
16920            
16921            
16922
16923
16924
16925
16926
16927<style data-shopify>
16928  
16929</style>
16930
16931
16932
16933<product-card
16934  class="product-card size-style"
16935  style="--size-style-width: ;--size-style-height: ;"
16936  data-product-id="11744318226750"
16937  id="product-card-AQzU4Yk1uZjhwcEdmR__product-card-14"
16938  
16939    data-product-transition="true"
16940    data-featured-media-url="//soulfire.farm/cdn/shop/files/puslane-plant-ver.jpg?v=1734741376&width=500"
16941    on:click="/handleViewTransition"
16942  
16943  
16944  
16945>
16946  <a
16947    id="27a740d8ed5e7b7a8baebf3163e2a81e"
16948    
16949      href="/products/purslane-plant-electric-orange?variant=51053445579070"
16950    
16951    class="product-card__link"
16952    ref="productCardLink"
16953  >
16954    <span class="visually-hidden">
16955      Purslane Plant (Electric Orange)
16956    </span>
16957  </a>
16958  <div
16959    class="
16960      product-card__content
16961      layout-panel-flex
16962      layout-panel-flex--column
16963      product-grid__card
16964      spacing-style
16965      border-style
16966      gap-style
16967       color-scheme-8
16968    "
16969    style="
16970      --border-width: 1px; --border-style: none; --border-color:
16971rgb(var(--color-border-rgb) / 1.0); --border-radius:
1697210px;  overflow: hidden; 
16973
16974      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
16975
16976
16977
16978--horizontal-alignment: ; --vertical-alignment: ;
16979--vertical-alignment-mobile: ;
16980
16981      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
16982      --product-card-gap: 0px;
16983      --quick-add-display: flex;
16984      --quick-add-mobile-display: flex;
16985      --quick-add-mobile-opacity: 1;
16986      
16987      
16988      
16989      
16990    "
16991  >
16992    
16993  
16994
16995
16996
16997
16998
16999
17000
17001<div
17002  ref="cardGallery"
17003  class="card-gallery card-gallery-Ad0hPaWttaDI0dVNlb__card-gallery-14 spacing-style border-style"
17004  style="
17005    --border-width: 1px; --border-style: none; --border-color:
17006rgb(var(--color-border-rgb) / 1.0); --border-radius:
170070px; 
17008
17009    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
17010    --gallery-aspect-ratio: 4 / 5;
17011  "
17012  data-product-id="11744318226750"
17013  
17014    on:pointerenter="/previewImage"
17015    on:pointerleave="/resetImage"
17016  
17017  
17018    data-view-transition-to-main-product
17019  
17020  data-image-ratio="portrait"
17021  
17022>
17023    <a
17024      class="contents"
17025      ref="cardGalleryLink"
17026      href="/products/purslane-plant-electric-orange?variant=51053445579070"
17027      aria-label="Purslane Plant (Electric Orange)"
17028    >
17029      <slideshow-component
17030  
17031    ref="slideshow"
17032  
17033  
17034  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
17035  
17036  initial-slide="0"
17037  
17038  
17039    infinite
17040  
17041
17042  data-generic-media-size="2"
17043>
17044  
17045  <slideshow-container ref="slideshowContainer">
17046    
17047    
17048    <slideshow-slides
17049      tabindex="-1"
17050      ref="scroller"
17051      
17052    >
17053      <slideshow-slide
17054  ref="slides[]"
17055  aria-hidden="false"
17056  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
17057  
17058    class="product-media-container media-fit product-media-container--image"
17059  
17060  
17061  
17062  
17063    slide-id="42052391305534"
17064  
17065  
17066  
17067  
17068>
17069  
17070
17071<div
17072  class="product-media"
17073  style="--ratio: 0.6683375104427736"
17074  data-media-id="42052391305534"
17075>
17076  
17077  <img src="//soulfire.farm/cdn/shop/files/puslane-plant-ver.jpg?v=1734741376&amp;width=3840" alt="Purslane Plant (Electric Orange)" srcset="//soulfire.farm/cdn/shop/files/puslane-plant-ver.jpg?v=1734741376&amp;width=240 240w, //soulfire.farm/cdn/shop/files/puslane-plant-ver.jpg?v=1734741376&amp;width=352 352w, //soulfire.farm/cdn/shop/files/puslane-plant-ver.jpg?v=1734741376&amp;width=832 832w, //soulfire.farm/cdn/shop/files/puslane-plant-ver.jpg?v=1734741376&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/puslane-plant-ver.jpg?v=1734741376&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/puslane-plant-ver.jpg?v=1734741376&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/puslane-plant-ver.jpg?v=1734741376&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/puslane-plant-ver.jpg?v=1734741376&amp;width=3840 3840w" width="3840" height="5746" loading="eager" sizes="(min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/puslane-plant-ver.jpg?v=1734741376&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
17078
17079  
17080</div>
17081
17082
17083
17084</slideshow-slide>
17085
17086
17087
17088<slideshow-slide
17089  ref="slides[]"
17090  aria-hidden="true"
17091  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
17092  
17093    class="product-media-container media-fit product-media-container--image"
17094  
17095  
17096  
17097  
17098    slide-id="42052391338302"
17099  
17100  
17101  
17102  
17103>
17104  
17105
17106<div
17107  class="product-media"
17108  style="--ratio: 0.667"
17109  data-media-id="42052391338302"
17110>
17111  
17112  <img src="//soulfire.farm/cdn/shop/files/DSC0021.jpg?v=1734741376&amp;width=3840" alt="Purslane Plant (Electric Orange)" srcset="//soulfire.farm/cdn/shop/files/DSC0021.jpg?v=1734741376&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC0021.jpg?v=1734741376&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC0021.jpg?v=1734741376&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC0021.jpg?v=1734741376&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0021.jpg?v=1734741376&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0021.jpg?v=1734741376&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0021.jpg?v=1734741376&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0021.jpg?v=1734741376&amp;width=3840 3840w" width="3840" height="5757" loading="lazy" sizes="auto, (min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC0021.jpg?v=1734741376&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
17113
17114  
17115</div>
17116
17117
17118
17119</slideshow-slide>
17120
17121
17122
17123
17124    </slideshow-slides>
17125  </slideshow-container>
17126  
17127</slideshow-component>
17128
17129
17130
17131
17132    </a>
17133  
17134  
17135    <div
17136      class="product-badges product-badges--top-left"
17137      style="
17138        --badge-border-radius: 40px;
17139        --badge-font-family: var(--font-accent--family);
17139 --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
17140      "
17141    ></div>
17142    
17143      
17144
17145<quick-add-component
17146  class="quick-add color-scheme-1 "
17147  ref="quickAdd"
17148  data-product-title="Purslane Plant (Electric Orange)"
17149  data-quick-add-button="add"
17150  data-product-options-count="1"
17151>
17152  <product-form-component
17153    data-section-id="template--26206028398910__main"
17154    data-product-id="11744318226750"
17155    on:submit="/handleSubmit"
17156    class="quick-add__product-form-component"
17157  >
17158    <div
17159      class="visually-hidden"
17160      aria-live="assertive"
17161      role="status"
17162      aria-atomic="true"
17163      ref="liveRegion"
17164    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11744318226750-Ad0hPaWttaDI0dVNlb__card-gallery-14" accept-charset="UTF-8" class="shopify-product-form" 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
17165        type="hidden"
17166        name="id"
17167        ref="variantId"
17168        value="51053445579070"
17169        
17170      >
17171      <input
17172        type="hidden"
17173        name="quantity"
17174        value="1"
17175      >
17176      
17177      <add-to-cart-component
17178  ref="addToCartButtonContainer"
17179  data-product-variant-media="//soulfire.farm/cdn/shop/files/puslane-plant-ver.jpg?v=1734741376&width=100"
17180  data-add-to-cart-animation="true"
17181>
17182  <button
17183    
17184    type="submit"
17185    name="add"
17186    ref="addToCartButton"
17187    on:click="/handleClick"
17188    class="button button quick-add__button quick-add__button--add add-to-cart-button"
17189    
17190    
17191  >
17192    <span
17193      class="add-to-cart-text"
17194    >
17195      
17196        <span
17197          aria-hidden="true"
17198          class="svg-wrapper add-to-cart-icon"
17199        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
17200</span>
17201      
17202      <span class="add-to-cart-text__content is-visually-hidden-mobile">
17203        <span>
17204          <span>Add</span>
17205        </span>
17206      </span>
17207    </span>
17208    
17209    <span class="add-to-cart__added">
17210      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
17211  <g class="check">
17212    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
17213    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
17214  </g>
17215  <g class="burst">
17216    <g style="--index: 0;">
17217      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
17218    </g>
17219    <g style="--index: 1;">
17220      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
17221    </g>
17222    <g style="--index: 2;">
17223      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
17224    </g>
17225    <g style="--index: 3;">
17226      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
17227    </g>
17228    <g style="--index: 4;">
17229      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
17230    </g>
17231    <g style="--index: 5;">
17232      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
17233    </g>
17234    <g style="--index: 6;">
17235      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
17236    </g>
17237    <g style="--index: 7;">
17238      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
17239    </g>
17240  </g>
17241</svg>
17242</span>
17243    </span>
17244  </button>
17245</add-to-cart-component>
17246
17247
17248      <button
17249        class="button quick-add__button quick-add__button--choose add-to-cart-button"
17250        
17251        type="button"
17252        name="add"
17253        on:click="quick-add-component/handleClick"
17254      >
17255        <span
17256          class="add-to-cart-text"
17257        >
17258          
17259          <span
17260            aria-hidden="true"
17261            class="svg-wrapper add-to-cart-icon"
17262          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
17263</span>
17264          <span class="add-to-cart-text__content is-visually-hidden-mobile">
17265            <span>
17266              
17267              <span>
17268                Choose
17269              </span>
17270            </span>
17271          </span>
17272        </span>
17273      </button><input type="hidden" name="product-id" value="11744318226750" /><input type="hidden" name="section-id" value="template--26206028398910__main" /></form></product-form-component>
17274</quick-add-component>
17275
17276
17277
17278
17279    
17280  
17281
17282</div>
17283
17284
17285
17286
17287
17288<div class="product-grid-view-zoom-out--details">
17289  
17290    <h3 class="h4">Purslane Plant (Electric Orange)</h3>
17291  
17292</div>
17293
17294
17295
17296
17297
17298
17299
17300
17301
17302<div
17303  class="
17304    group-block
17305    group-block--height-fit
17306    group-block--width-fill
17307    border-style
17308    spacing-style
17309    size-style
17310    
17311    
17312  "
17313  style="
17314    --border-width: 1px; --border-style: none; --border-color:
17315rgb(var(--color-border-rgb) / 1.0); --border-radius:
173160px; 
17317
17318    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));
17319    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
17320    
17321  "
17322  
17323  data-testid="group-block"
17324><div class="group-block__media-wrapper">
17325    
17326
17327
17328
17329    
17330  </div>
17331
17332  <div
17333    class="
17334      group-block-content
17335      
17336      layout-panel-flex
17337      layout-panel-flex--column
17338       mobile-column
17339    "
17340    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
17341
17342--gap: 4px;
17343
17344--horizontal-alignment: flex-start; --vertical-alignment: center;
17345--vertical-alignment-mobile: center;
17346"
17347  >
17348  
17349
17350
17351  
17352  <a
17353    class="contents user-select-text"
17354    ref="productTitleLink"
17355    href="/products/purslane-plant-electric-orange?variant=51053445579070"
17356  >
17357    
17358
17359
17360
17361
17362
17363
17364  <div class=" spacing-style text-block text-block--AOUpha1M4eVNTZ3VDN__product_title_NzQUxN-14 paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
17365    <p role="heading" aria-level="3">Purslane Plant (Electric Orange)</p>
17366  </div>
17367
17368
17369
17370
17371  </a>
17372
17373
17374
17375
17376
17377
17378<product-price
17379  class="text-block  rte text-center paragraph spacing-style"
17380  data-block-id="AdzVoVDNUc2tZSXRmb__price-14"
17381  data-product-id="11744318226750"
17382  style="
17383    
17384--color: var(--color-foreground);
17385    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
17386    --width: fit-content;
17387  "
17388  
17389>
17390  <div ref="priceContainer">
17391  
17392    
17393    <div
17394      class="
17395        price__regular
17396        
17397      "
17398    >
17399      <span class="price">$6.00 USD</span>
17400    </div>
17401    <div
17402      class="
17403        price__sale
17404        
17405          price__hidden
17406        
17407      "
17408    >
17409      
17410        <span class="price-item__group">
17411          <span class="visually-hidden">Sale price&nbsp;</span>
17412          <span class="price-item--sale price">$6.00 USD</span>
17413        </span>
17414        <span class="price-item__group">
17415          <span class="visually-hidden">Regular price&nbsp;</span>
17416          <span class="price-item--regular compare-at-price"></span>
17417        </span>
17418      
17419    </div>
17420  
17421</div>
17422
17423  
17424</product-price>
17425
17426
17427
17428
17429
17430
17431
17432
17433
17434
17435</div>
17436</div>
17437
17438
17439
17440
17441
17442
17443
17444  </div>
17445</product-card>
17446
17447
17448
17449
17450
17451
17452
17453
17454
17455
17456
17457
17458
17459
17460
17461
17462            
17463          </li>
17464        
17465          <li
17466            id="template--26206028398910__main-11744318914878"
17467            class="product-grid__item product-grid__item--15"
17468            data-page="1"
17469            data-product-id="11744318914878"
17470            ref="cards[]"
17471          >
17472            
17473            
17474
17475
17476
17477
17478
17479<style data-shopify>
17480  
17481</style>
17482
17483
17484
17485<product-card
17486  class="product-card size-style"
17487  style="--size-style-width: ;--size-style-height: ;"
17488  data-product-id="11744318914878"
17489  id="product-card-AQzU4Yk1uZjhwcEdmR__product-card-15"
17490  
17491    data-product-transition="true"
17492    data-featured-media-url="//soulfire.farm/cdn/shop/files/aloe_vera.jpg?v=1736708066&width=500"
17493    on:click="/handleViewTransition"
17494  
17495  
17496  
17497>
17498  <a
17499    id="90ffa6ea067e943be31e84f288c197cb"
17500    
17501      href="/products/aloe-vera-plant?variant=51053446594878"
17502    
17503    class="product-card__link"
17504    ref="productCardLink"
17505  >
17506    <span class="visually-hidden">
17507      Aloe Vera Plant
17508    </span>
17509  </a>
17510  <div
17511    class="
17512      product-card__content
17513      layout-panel-flex
17514      layout-panel-flex--column
17515      product-grid__card
17516      spacing-style
17517      border-style
17518      gap-style
17519       color-scheme-8
17520    "
17521    style="
17522      --border-width: 1px; --border-style: none; --border-color:
17523rgb(var(--color-border-rgb) / 1.0); --border-radius:
1752410px;  overflow: hidden; 
17525
17526      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
17527
17528
17529
17530--horizontal-alignment: ; --vertical-alignment: ;
17531--vertical-alignment-mobile: ;
17532
17533      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
17534      --product-card-gap: 0px;
17535      --quick-add-display: flex;
17536      --quick-add-mobile-display: flex;
17537      --quick-add-mobile-opacity: 1;
17538      
17539      
17540      
17541      
17542    "
17543  >
17544    
17545  
17546
17547
17548
17549
17550
17551
17552
17553<div
17554  ref="cardGallery"
17555  class="card-gallery card-gallery-Ad0hPaWttaDI0dVNlb__card-gallery-15 spacing-style border-style"
17556  style="
17557    --border-width: 1px; --border-style: none; --border-color:
17558rgb(var(--color-border-rgb) / 1.0); --border-radius:
175590px; 
17560
17561    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
17562    --gallery-aspect-ratio: 4 / 5;
17563  "
17564  data-product-id="11744318914878"
17565  
17566    on:pointerenter="/previewImage"
17567    on:pointerleave="/resetImage"
17568  
17569  
17570    data-view-transition-to-main-product
17571  
17572  data-image-ratio="portrait"
17573  
17574>
17575    <a
17576      class="contents"
17577      ref="cardGalleryLink"
17578      href="/products/aloe-vera-plant?variant=51053446594878"
17579      aria-label="Aloe Vera Plant"
17580    >
17581      <slideshow-component
17582  
17583    ref="slideshow"
17584  
17585  
17586  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
17587  
17588  initial-slide="0"
17589  
17590  
17591    infinite
17592  
17593
17594  data-generic-media-size="1"
17595>
17596  
17597  <slideshow-container ref="slideshowContainer">
17598    
17599    
17600    <slideshow-slides
17601      tabindex="-1"
17602      ref="scroller"
17603      
17604    >
17605      <slideshow-slide
17606  ref="slides[]"
17607  aria-hidden="false"
17608  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
17609  
17610    class="product-media-container media-fit product-media-container--image"
17611  
17612  
17613  
17614  
17615    slide-id="42144747847998"
17616  
17617  
17618  
17619  
17620>
17621  
17622
17623<div
17624  class="product-media"
17625  style="--ratio: 0.667"
17626  data-media-id="42144747847998"
17627>
17628  
17629  <img src="//soulfire.farm/cdn/shop/files/aloe_vera.jpg?v=1736708066&amp;width=3840" alt="Aloe Vera Plant" srcset="//soulfire.farm/cdn/shop/files/aloe_vera.jpg?v=1736708066&amp;width=240 240w, //soulfire.farm/cdn/shop/files/aloe_vera.jpg?v=1736708066&amp;width=352 352w, //soulfire.farm/cdn/shop/files/aloe_vera.jpg?v=1736708066&amp;width=832 832w, //soulfire.farm/cdn/shop/files/aloe_vera.jpg?v=1736708066&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/aloe_vera.jpg?v=1736708066&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/aloe_vera.jpg?v=1736708066&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/aloe_vera.jpg?v=1736708066&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/aloe_vera.jpg?v=1736708066&amp;width=3840 3840w" width="3840" height="5757" loading="eager" sizes="(min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/aloe_vera.jpg?v=1736708066&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
17630
17631  
17632</div>
17633
17634
17635
17636</slideshow-slide>
17637
17638
17639
17640
17641    </slideshow-slides>
17642  </slideshow-container>
17643  
17644</slideshow-component>
17645
17646
17647
17648
17649    </a>
17650  
17651  
17652    <div
17653      class="product-badges product-badges--top-left"
17654      style="
17655        --badge-border-radius: 40px;
17656        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
17657      "
17658    ></div>
17659    
17660      
17661
17662<quick-add-component
17663  class="quick-add color-scheme-1 "
17664  ref="quickAdd"
17665  data-product-title="Aloe Vera Plant"
17666  data-quick-add-button="add"
17667  data-product-options-count="1"
17668>
17669  <product-form-component
17670    data-section-id="template--26206028398910__main"
17671    data-product-id="11744318914878"
17672    on:submit="/handleSubmit"
17673    class="quick-add__product-form-component"
17674  >
17675    <div
17676      class="visually-hidden"
17677      aria-live="assertive"
17678      role="status"
17679      aria-atomic="true"
17680      ref="liveRegion"
17681    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11744318914878-Ad0hPaWttaDI0dVNlb__card-gallery-15" accept-charset="UTF-8" class="shopify-product-form" 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
17682        type="hidden"
17683        name="id"
17684        ref="variantId"
17685        value="51053446594878"
17686        
17687      >
17688      <input
17689        type="hidden"
17690        name="quantity"
17691        value="1"
17692      >
17693      
17694      <add-to-cart-component
17695  ref="addToCartButtonContainer"
17696  data-product-variant-media="//soulfire.farm/cdn/shop/files/aloe_vera.jpg?v=1736708066&width=100"
17697  data-add-to-cart-animation="true"
17698>
17699  <button
17700    
17701    type="submit"
17702    name="add"
17703    ref="addToCartButton"
17704    on:click="/handleClick"
17705    class="button button quick-add__button quick-add__button--add add-to-cart-button"
17706    
17707    
17708  >
17709    <span
17710      class="add-to-cart-text"
17711    >
17712      
17713        <span
17714          aria-hidden="true"
17715          class="svg-wrapper add-to-cart-icon"
17716        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
17717</span>
17718      
17719      <span class="add-to-cart-text__content is-visually-hidden-mobile">
17720        <span>
17721          <span>Add</span>
17722        </span>
17723      </span>
17724    </span>
17725    
17726    <span class="add-to-cart__added">
17727      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
17728  <g class="check">
17729    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
17730    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
17731  </g>
17732  <g class="burst">
17733    <g style="--index: 0;">
17734      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
17735    </g>
17736    <g style="--index: 1;">
17737      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
17738    </g>
17739    <g style="--index: 2;">
17740      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
17741    </g>
17742    <g style="--index: 3;">
17743      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
17744    </g>
17745    <g style="--index: 4;">
17746      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
17747    </g>
17748    <g style="--index: 5;">
17749      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
17750    </g>
17751    <g style="--index: 6;">
17752      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
17753    </g>
17754    <g style="--index: 7;">
17755      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
17756    </g>
17757  </g>
17758</svg>
17759</span>
17760    </span>
17761  </button>
17762</add-to-cart-component>
17763
17764
17765      <button
17766        class="button quick-add__button quick-add__button--choose add-to-cart-button"
17767        
17768        type="button"
17769        name="add"
17770        on:click="quick-add-component/handleClick"
17771      >
17772        <span
17773          class="add-to-cart-text"
17774        >
17775          
17776          <span
17777            aria-hidden="true"
17778            class="svg-wrapper add-to-cart-icon"
17779          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
17780</span>
17781          <span class="add-to-cart-text__content is-visually-hidden-mobile">
17782            <span>
17783              
17784              <span>
17785                Choose
17786              </span>
17787            </span>
17788          </span>
17789        </span>
17790      </button><input type="hidden" name="product-id" value="11744318914878" /><input type="hidden" name="section-id" value="template--26206028398910__main" /></form></product-form-component>
17791</quick-add-component>
17792
17793
17794
17795
17796    
17797  
17798
17799</div>
17800
17801
17802
17803
17804
17805<div class="product-grid-view-zoom-out--details">
17806  
17807    <h3 class="h4">Aloe Vera Plant</h3>
17808  
17809</div>
17810
17811
17812
17813
17814
17815
17816
17817
17818
17819<div
17820  class="
17821    group-block
17822    group-block--height-fit
17823    group-block--width-fill
17824    border-style
17825    spacing-style
17826    size-style
17827    
17828    
17829  "
17830  style="
17831    --border-width: 1px; --border-style: none; --border-color:
17832rgb(var(--color-border-rgb) / 1.0); --border-radius:
178330px; 
17834
17835    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));
17836    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
17837    
17838  "
17839  
17840  data-testid="group-block"
17841><div class="group-block__media-wrapper">
17842    
17843
17844
17845
17846    
17847  </div>
17848
17849  <div
17850    class="
17851      group-block-content
17852      
17853      layout-panel-flex
17854      layout-panel-flex--column
17855       mobile-column
17856    "
17857    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
17858
17859--gap: 4px;
17860
17861--horizontal-alignment: flex-start; --vertical-alignment: center;
17862--vertical-alignment-mobile: center;
17863"
17864  >
17865  
17866
17867
17868  
17869  <a
17870    class="contents user-select-text"
17871    ref="productTitleLink"
17872    href="/products/aloe-vera-plant?variant=51053446594878"
17873  >
17874    
17875
17876
17877
17878
17879
17880
17881  <div class=" spacing-style text-block text-block--AOUpha1M4eVNTZ3VDN__product_title_NzQUxN-15 paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
17882    <p role="heading" aria-level="3">Aloe Vera Plant</p>
17883  </div>
17884
17885
17886
17887
17888  </a>
17889
17890
17891
17892
17893
17894
17895<product-price
17896  class="text-block  rte text-center paragraph spacing-style"
17897  data-block-id="AdzVoVDNUc2tZSXRmb__price-15"
17898  data-product-id="11744318914878"
17899  style="
17900    
17901--color: var(--color-foreground);
17902    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
17903    --width: fit-content;
17904  "
17905  
17906>
17907  <div ref="priceContainer">
17908  
17909    
17910    <div
17911      class="
17912        price__regular
17913        
17914      "
17915    >
17916      <span class="price">$6.00 USD</span>
17917    </div>
17918    <div
17919      class="
17920        price__sale
17921        
17922          price__hidden
17923        
17924      "
17925    >
17926      
17927        <span class="price-item__group">
17928          <span class="visually-hidden">Sale price&nbsp;</span>
17929          <span class="price-item--sale price">$6.00 USD</span>
17930        </span>
17931        <span class="price-item__group">
17932          <span class="visually-hidden">Regular price&nbsp;</span>
17933          <span class="price-item--regular compare-at-price"></span>
17934        </span>
17935      
17936    </div>
17937  
17938</div>
17939
17940  
17941</product-price>
17942
17943
17944
17945
17946
17947
17948
17949
17950
17951
17952</div>
17953</div>
17954
17955
17956
17957
17958
17959
17960
17961  </div>
17962</product-card>
17963
17964
17965
17966
17967
17968
17969
17970
17971
17972
17973
17974
17975
17976
17977
17978
17979            
17980          </li>
17981        
17982          <li
17983            id="template--26206028398910__main-11744315146558"
17984            class="product-grid__item product-grid__item--16"
17985            data-page="1"
17986            data-product-id="11744315146558"
17987            ref="cards[]"
17988          >
17989            
17990            
17991
17992
17993
17994
17995
17996<style data-shopify>
17997  
17998</style>
17999
18000
18001
18002<product-card
18003  class="product-card size-style"
18004  style="--size-style-width: ;--size-style-height: ;"
18005  data-product-id="11744315146558"
18006  id="product-card-AQzU4Yk1uZjhwcEdmR__product-card-16"
18007  
18008    data-product-transition="true"
18009    data-featured-media-url="//soulfire.farm/cdn/shop/files/jacaranda-2.jpg?v=1734741099&width=500"
18010    on:click="/handleViewTransition"
18011  
18012  
18013  
18014>
18015  <a
18016    id="99891b259c2e8a53f6ca000ca3b96466"
18017    
18018      href="/products/jacaranda-tree?variant=51053436731710"
18019    
18020    class="product-card__link"
18021    ref="productCardLink"
18022  >
18023    <span class="visually-hidden">
18024      Jacaranda Tree
18025    </span>
18026  </a>
18027  <div
18028    class="
18029      product-card__content
18030      layout-panel-flex
18031      layout-panel-flex--column
18032      product-grid__card
18033      spacing-style
18034      border-style
18035      gap-style
18036       color-scheme-8
18037    "
18038    style="
18039      --border-width: 1px; --border-style: none; --border-color:
18040rgb(var(--color-border-rgb) / 1.0); --border-radius:
1804110px;  overflow: hidden; 
18042
18043      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
18044
18045
18046
18047--horizontal-alignment: ; --vertical-alignment: ;
18048--vertical-alignment-mobile: ;
18049
18050      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
18051      --product-card-gap: 0px;
18052      --quick-add-display: flex;
18053      --quick-add-mobile-display: flex;
18054      --quick-add-mobile-opacity: 1;
18055      
18056      
18057      
18058      
18059    "
18060  >
18061    
18062  
18063
18064
18065
18066
18067
18068
18069
18070<div
18071  ref="cardGallery"
18072  class="card-gallery card-gallery-Ad0hPaWttaDI0dVNlb__card-gallery-16 spacing-style border-style"
18073  style="
18074    --border-width: 1px; --border-style: none; --border-color:
18075rgb(var(--color-border-rgb) / 1.0); --border-radius:
180760px; 
18077
18078    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
18079    --gallery-aspect-ratio: 4 / 5;
18080  "
18081  data-product-id="11744315146558"
18082  
18083    on:pointerenter="/previewImage"
18084    on:pointerleave="/resetImage"
18085  
18086  
18087    data-view-transition-to-main-product
18088  
18089  data-image-ratio="portrait"
18090  
18091>
18092    <a
18093      class="contents"
18094      ref="cardGalleryLink"
18095      href="/products/jacaranda-tree?variant=51053436731710"
18096      aria-label="Jacaranda Tree"
18097    >
18098      <slideshow-component
18099  
18100    ref="slideshow"
18101  
18102  
18103  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
18104  
18105  initial-slide="0"
18106  
18107  
18108    infinite
18109  
18110
18111  data-generic-media-size="2"
18112>
18113  
18114  <slideshow-container ref="slideshowContainer">
18115    
18116    
18117    <slideshow-slides
18118      tabindex="-1"
18119      ref="scroller"
18120      
18121    >
18122      <slideshow-slide
18123  ref="slides[]"
18124  aria-hidden="false"
18125  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
18126  
18127    class="product-media-container media-fit product-media-container--image"
18128  
18129  
18130  
18131  
18132    slide-id="42052369973566"
18133  
18134  
18135  
18136  
18137>
18138  
18139
18140<div
18141  class="product-media"
18142  style="--ratio: 0.667"
18143  data-media-id="42052369973566"
18144>
18145  
18146  <img src="//soulfire.farm/cdn/shop/files/jacaranda-2.jpg?v=1734741099&amp;width=3840" alt="Jacaranda Tree" srcset="//soulfire.farm/cdn/shop/files/jacaranda-2.jpg?v=1734741099&amp;width=240 240w, //soulfire.farm/cdn/shop/files/jacaranda-2.jpg?v=1734741099&amp;width=352 352w, //soulfire.farm/cdn/shop/files/jacaranda-2.jpg?v=1734741099&amp;width=832 832w, //soulfire.farm/cdn/shop/files/jacaranda-2.jpg?v=1734741099&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/jacaranda-2.jpg?v=1734741099&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/jacaranda-2.jpg?v=1734741099&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/jacaranda-2.jpg?v=1734741099&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/jacaranda-2.jpg?v=1734741099&amp;width=3840 3840w" width="3840" height="5757" loading="eager" sizes="(min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/jacaranda-2.jpg?v=1734741099&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
18147
18148  
18149</div>
18150
18151
18152
18153</slideshow-slide>
18154
18155
18156
18157<slideshow-slide
18158  ref="slides[]"
18159  aria-hidden="true"
18160  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
18161  
18162    class="product-media-container media-fit product-media-container--image"
18163  
18164  
18165  
18166  
18167    slide-id="42052370006334"
18168  
18169  
18170  
18171  
18172>
18173  
18174
18175<div
18176  class="product-media"
18177  style="--ratio: 0.667"
18178  data-media-id="42052370006334"
18179>
18180  
18181  <img src="//soulfire.farm/cdn/shop/files/jacaranda.jpg?v=1734741099&amp;width=3840" alt="Jacaranda Tree" srcset="//soulfire.farm/cdn/shop/files/jacaranda.jpg?v=1734741099&amp;width=240 240w, //soulfire.farm/cdn/shop/files/jacaranda.jpg?v=1734741099&amp;width=352 352w, //soulfire.farm/cdn/shop/files/jacaranda.jpg?v=1734741099&amp;width=832 832w, //soulfire.farm/cdn/shop/files/jacaranda.jpg?v=1734741099&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/jacaranda.jpg?v=1734741099&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/jacaranda.jpg?v=1734741099&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/jacaranda.jpg?v=1734741099&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/jacaranda.jpg?v=1734741099&amp;width=3840 3840w" width="3840" height="5757" loading="lazy" sizes="auto, (min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/jacaranda.jpg?v=1734741099&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
18182
18183  
18184</div>
18185
18186
18187
18188</slideshow-slide>
18189
18190
18191
18192
18193    </slideshow-slides>
18194  </slideshow-container>
18195  
18196</slideshow-component>
18197
18198
18199
18200
18201    </a>
18202  
18203  
18204    <div
18205      class="product-badges product-badges--top-left"
18206      style="
18207        --badge-border-radius: 40px;
18208        --badge-font-family: var(--font-accent--family);
18208 --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
18209      "
18210    ></div>
18211    
18212      
18213
18214<quick-add-component
18215  class="quick-add color-scheme-1 "
18216  ref="quickAdd"
18217  data-product-title="Jacaranda Tree"
18218  data-quick-add-button="add"
18219  data-product-options-count="1"
18220>
18221  <product-form-component
18222    data-section-id="template--26206028398910__main"
18223    data-product-id="11744315146558"
18224    on:submit="/handleSubmit"
18225    class="quick-add__product-form-component"
18226  >
18227    <div
18228      class="visually-hidden"
18229      aria-live="assertive"
18230      role="status"
18231      aria-atomic="true"
18232      ref="liveRegion"
18233    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11744315146558-Ad0hPaWttaDI0dVNlb__card-gallery-16" accept-charset="UTF-8" class="shopify-product-form" 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
18234        type="hidden"
18235        name="id"
18236        ref="variantId"
18237        value="51053436731710"
18238        
18239      >
18240      <input
18241        type="hidden"
18242        name="quantity"
18243        value="1"
18244      >
18245      
18246      <add-to-cart-component
18247  ref="addToCartButtonContainer"
18248  data-product-variant-media="//soulfire.farm/cdn/shop/files/jacaranda-2.jpg?v=1734741099&width=100"
18249  data-add-to-cart-animation="true"
18250>
18251  <button
18252    
18253    type="submit"
18254    name="add"
18255    ref="addToCartButton"
18256    on:click="/handleClick"
18257    class="button button quick-add__button quick-add__button--add add-to-cart-button"
18258    
18259    
18260  >
18261    <span
18262      class="add-to-cart-text"
18263    >
18264      
18265        <span
18266          aria-hidden="true"
18267          class="svg-wrapper add-to-cart-icon"
18268        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
18269</span>
18270      
18271      <span class="add-to-cart-text__content is-visually-hidden-mobile">
18272        <span>
18273          <span>Add</span>
18274        </span>
18275      </span>
18276    </span>
18277    
18278    <span class="add-to-cart__added">
18279      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
18280  <g class="check">
18281    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
18282    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
18283  </g>
18284  <g class="burst">
18285    <g style="--index: 0;">
18286      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
18287    </g>
18288    <g style="--index: 1;">
18289      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
18290    </g>
18291    <g style="--index: 2;">
18292      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
18293    </g>
18294    <g style="--index: 3;">
18295      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
18296    </g>
18297    <g style="--index: 4;">
18298      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
18299    </g>
18300    <g style="--index: 5;">
18301      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
18302    </g>
18303    <g style="--index: 6;">
18304      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
18305    </g>
18306    <g style="--index: 7;">
18307      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
18308    </g>
18309  </g>
18310</svg>
18311</span>
18312    </span>
18313  </button>
18314</add-to-cart-component>
18315
18316
18317      <button
18318        class="button quick-add__button quick-add__button--choose add-to-cart-button"
18319        
18320        type="button"
18321        name="add"
18322        on:click="quick-add-component/handleClick"
18323      >
18324        <span
18325          class="add-to-cart-text"
18326        >
18327          
18328          <span
18329            aria-hidden="true"
18330            class="svg-wrapper add-to-cart-icon"
18331          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
18332</span>
18333          <span class="add-to-cart-text__content is-visually-hidden-mobile">
18334            <span>
18335              
18336              <span>
18337                Choose
18338              </span>
18339            </span>
18340          </span>
18341        </span>
18342      </button><input type="hidden" name="product-id" value="11744315146558" /><input type="hidden" name="section-id" value="template--26206028398910__main" /></form></product-form-component>
18343</quick-add-component>
18344
18345
18346
18347
18348    
18349  
18350
18351</div>
18352
18353
18354
18355
18356
18357<div class="product-grid-view-zoom-out--details">
18358  
18359    <h3 class="h4">Jacaranda Tree</h3>
18360  
18361</div>
18362
18363
18364
18365
18366
18367
18368
18369
18370
18371<div
18372  class="
18373    group-block
18374    group-block--height-fit
18375    group-block--width-fill
18376    border-style
18377    spacing-style
18378    size-style
18379    
18380    
18381  "
18382  style="
18383    --border-width: 1px; --border-style: none; --border-color:
18384rgb(var(--color-border-rgb) / 1.0); --border-radius:
183850px; 
18386
18387    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));
18388    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
18389    
18390  "
18391  
18392  data-testid="group-block"
18393><div class="group-block__media-wrapper">
18394    
18395
18396
18397
18398    
18399  </div>
18400
18401  <div
18402    class="
18403      group-block-content
18404      
18405      layout-panel-flex
18406      layout-panel-flex--column
18407       mobile-column
18408    "
18409    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
18410
18411--gap: 4px;
18412
18413--horizontal-alignment: flex-start; --vertical-alignment: center;
18414--vertical-alignment-mobile: center;
18415"
18416  >
18417  
18418
18419
18420  
18421  <a
18422    class="contents user-select-text"
18423    ref="productTitleLink"
18424    href="/products/jacaranda-tree?variant=51053436731710"
18425  >
18426    
18427
18428
18429
18430
18431
18432
18433  <div class=" spacing-style text-block text-block--AOUpha1M4eVNTZ3VDN__product_title_NzQUxN-16 paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
18434    <p role="heading" aria-level="3">Jacaranda Tree</p>
18435  </div>
18436
18437
18438
18439
18440  </a>
18441
18442
18443
18444
18445
18446
18447<product-price
18448  class="text-block  rte text-center paragraph spacing-style"
18449  data-block-id="AdzVoVDNUc2tZSXRmb__price-16"
18450  data-product-id="11744315146558"
18451  style="
18452    
18453--color: var(--color-foreground);
18454    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
18455    --width: fit-content;
18456  "
18457  
18458>
18459  <div ref="priceContainer">
18460  
18461    
18462    <div
18463      class="
18464        price__regular
18465        
18466      "
18467    >
18468      <span class="price">$18.00 USD</span>
18469    </div>
18470    <div
18471      class="
18472        price__sale
18473        
18474          price__hidden
18475        
18476      "
18477    >
18478      
18479        <span class="price-item__group">
18480          <span class="visually-hidden">Sale price&nbsp;</span>
18481          <span class="price-item--sale price">$18.00 USD</span>
18482        </span>
18483        <span class="price-item__group">
18484          <span class="visually-hidden">Regular price&nbsp;</span>
18485          <span class="price-item--regular compare-at-price"></span>
18486        </span>
18487      
18488    </div>
18489  
18490</div>
18491
18492  
18493</product-price>
18494
18495
18496
18497
18498
18499
18500
18501
18502
18503
18504</div>
18505</div>
18506
18507
18508
18509
18510
18511
18512
18513  </div>
18514</product-card>
18515
18516
18517
18518
18519
18520
18521
18522
18523
18524
18525
18526
18527
18528
18529
18530
18531            
18532          </li>
18533        
18534          <li
18535            id="template--26206028398910__main-11744313868606"
18536            class="product-grid__item product-grid__item--17"
18537            data-page="1"
18538            data-product-id="11744313868606"
18539            ref="cards[]"
18540          >
18541            
18542            
18543
18544
18545
18546
18547
18548<style data-shopify>
18549  
18550</style>
18551
18552
18553
18554<product-card
18555  class="product-card size-style"
18556  style="--size-style-width: ;--size-style-height: ;"
18557  data-product-id="11744313868606"
18558  id="product-card-AQzU4Yk1uZjhwcEdmR__product-card-17"
18559  
18560    data-product-transition="true"
18561    data-featured-media-url="//soulfire.farm/cdn/shop/files/mulberry.jpg?v=1734740960&width=500"
18562    on:click="/handleViewTransition"
18563  
18564  
18565  
18566>
18567  <a
18568    id="8d1b7783d90f1cfb1d30e60e1c441706"
18569    
18570      href="/products/everbearing-mulberry-tree?variant=51053434569022"
18571    
18572    class="product-card__link"
18573    ref="productCardLink"
18574  >
18575    <span class="visually-hidden">
18576      Everbearing Mulberry Tree
18577    </span>
18578  </a>
18579  <div
18580    class="
18581      product-card__content
18582      layout-panel-flex
18583      layout-panel-flex--column
18584      product-grid__card
18585      spacing-style
18586      border-style
18587      gap-style
18588       color-scheme-8
18589    "
18590    style="
18591      --border-width: 1px; --border-style: none; --border-color:
18592rgb(var(--color-border-rgb) / 1.0); --border-radius:
1859310px;  overflow: hidden; 
18594
18595      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
18596
18597
18598
18599--horizontal-alignment: ; --vertical-alignment: ;
18600--vertical-alignment-mobile: ;
18601
18602      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
18603      --product-card-gap: 0px;
18604      --quick-add-display: none;
18605      --quick-add-mobile-display: none;
18606      --quick-add-mobile-opacity: 0;
18607      
18608      
18609      
18610      
18611    "
18612  >
18613    
18614  
18615
18616
18617
18618
18619
18620
18621
18622<div
18623  ref="cardGallery"
18624  class="card-gallery card-gallery-Ad0hPaWttaDI0dVNlb__card-gallery-17 spacing-style border-style card-gallery--badge-top-left"
18625  style="
18626    --border-width: 1px; --border-style: none; --border-color:
18627rgb(var(--color-border-rgb) / 1.0); --border-radius:
186280px; 
18629
18630    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
18631    --gallery-aspect-ratio: 4 / 5;
18632  "
18633  data-product-id="11744313868606"
18634  
18635    on:pointerenter="/previewImage"
18636    on:pointerleave="/resetImage"
18637  
18638  
18639    data-view-transition-to-main-product
18640  
18641  data-image-ratio="portrait"
18642  
18643>
18644    <a
18645      class="contents"
18646      ref="cardGalleryLink"
18647      href="/products/everbearing-mulberry-tree?variant=51053434569022"
18648      aria-label="Everbearing Mulberry Tree"
18649    >
18650      <slideshow-component
18651  
18652    ref="slideshow"
18653  
18654  
18655  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
18656  
18657  initial-slide="0"
18658  
18659  
18660    infinite
18661  
18662
18663  data-generic-media-size="3"
18664>
18665  
18666  <slideshow-container ref="slideshowContainer">
18667    
18668      <slideshow-arrows
18669  position="center"
18670  
18671><button
18672  class="
18673    slideshow-control slideshow-control--previous
18674    
18675    
18676    slideshow-control--style-arrow
18677    button button-unstyled button-unstyled--transparent
18678     flip-x
18679  "
18680  
18681  aria-label="Previous slide"
18682  
18683  on:click="/previous"
18684  ref="previous"
18685>
18686  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
18687</span>
18688</button>
18689
18690
18691<button
18692  class="
18693    slideshow-control slideshow-control--next
18694    
18695    
18696    slideshow-control--style-arrow
18697    button button-unstyled button-unstyled--transparent
18698    
18699  "
18700  
18701  aria-label="Next slide"
18702  
18703  on:click="/next"
18704  ref="next"
18705>
18706  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
18707</span>
18708</button>
18709
18710
18711</slideshow-arrows>
18712
18713
18714
18715    
18716    
18717    <slideshow-slides
18718      tabindex="-1"
18719      ref="scroller"
18720      
18721    >
18722      <slideshow-slide
18723  ref="slides[]"
18724  aria-hidden="false"
18725  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
18726  
18727    class="product-media-container media-fit product-media-container--image"
18728  
18729  
18730  
18731  
18732    slide-id="42052363649342"
18733  
18734  
18735  
18736  
18737>
18738  
18739
18740<div
18741  class="product-media"
18742  style="--ratio: 0.667"
18743  data-media-id="42052363649342"
18744>
18745  
18746  <img src="//soulfire.farm/cdn/shop/files/mulberry.jpg?v=1734740960&amp;width=3840" alt="Everbearing Mulberry Tree" srcset="//soulfire.farm/cdn/shop/files/mulberry.jpg?v=1734740960&amp;width=240 240w, //soulfire.farm/cdn/shop/files/mulberry.jpg?v=1734740960&amp;width=352 352w, //soulfire.farm/cdn/shop/files/mulberry.jpg?v=1734740960&amp;width=832 832w, //soulfire.farm/cdn/shop/files/mulberry.jpg?v=1734740960&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/mulberry.jpg?v=1734740960&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/mulberry.jpg?v=1734740960&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/mulberry.jpg?v=1734740960&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/mulberry.jpg?v=1734740960&amp;width=3840 3840w" width="3840" height="5757" loading="eager" sizes="(min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/mulberry.jpg?v=1734740960&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
18747
18748  
18749</div>
18750
18751
18752
18753</slideshow-slide>
18754
18755
18756
18757<slideshow-slide
18758  ref="slides[]"
18759  aria-hidden="true"
18760  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
18761  
18762    class="product-media-container media-fit product-media-container--image"
18763  
18764  
18765  
18766  
18767    slide-id="42052363682110"
18768  
18769  
18770  
18771  
18772>
18773  
18774
18775<div
18776  class="product-media"
18777  style="--ratio: 0.667"
18778  data-media-id="42052363682110"
18779>
18780  
18781  <img src="//soulfire.farm/cdn/shop/files/DSC0028.jpg?v=1734740960&amp;width=3840" alt="Everbearing Mulberry Tree" srcset="//soulfire.farm/cdn/shop/files/DSC0028.jpg?v=1734740960&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC0028.jpg?v=1734740960&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC0028.jpg?v=1734740960&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC0028.jpg?v=1734740960&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0028.jpg?v=1734740960&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0028.jpg?v=1734740960&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0028.jpg?v=1734740960&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0028.jpg?v=1734740960&amp;width=3840 3840w" width="3840" height="5757" loading="lazy" sizes="auto, (min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC0028.jpg?v=1734740960&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
18782
18783  
18784</div>
18785
18786
18787
18788</slideshow-slide>
18789
18790
18791
18792<slideshow-slide
18793  ref="slides[]"
18794  aria-hidden="true"
18795  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
18796  
18797    class="product-media-container media-fit product-media-container--image"
18798  
18799  
18800  
18801  
18802    slide-id="42052363714878"
18803  
18804  
18805  
18806  
18807>
18808  
18809
18810<div
18811  class="product-media"
18812  style="--ratio: 0.667"
18813  data-media-id="42052363714878"
18814>
18815  
18816  <img src="//soulfire.farm/cdn/shop/files/DSC0031.jpg?v=1734740960&amp;width=3840" alt="Everbearing Mulberry Tree" srcset="//soulfire.farm/cdn/shop/files/DSC0031.jpg?v=1734740960&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC0031.jpg?v=1734740960&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC0031.jpg?v=1734740960&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC0031.jpg?v=1734740960&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0031.jpg?v=1734740960&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0031.jpg?v=1734740960&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0031.jpg?v=1734740960&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0031.jpg?v=1734740960&amp;width=3840 3840w" width="3840" height="5757" loading="lazy" sizes="auto, (min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC0031.jpg?v=1734740960&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
18817
18818  
18819</div>
18820
18821
18822
18823</slideshow-slide>
18824
18825
18826
18827
18828    </slideshow-slides>
18829  </slideshow-container>
18830  
18831</slideshow-component>
18832
18833
18834
18835
18836    </a>
18837  
18838  
18839    <div
18840      class="product-badges product-badges--top-left"
18841      style="
18842        --badge-border-radius: 40px;
18843        --badge-font-family: var(--font-accent--family);
18843 --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
18844      "
18845    ><div
18846          class="
18847            product-badges__badge product-badges__badge--rectangle
18848             color-scheme-cb76390f-038c-41ce-9a93-fc1d1f7315af
18849          "
18850        >Sold out
18851</div></div>
18852    
18853      
18854
18855<quick-add-component
18856  class="quick-add color-scheme-1 "
18857  ref="quickAdd"
18858  data-product-title="Everbearing Mulberry Tree"
18859  data-quick-add-button="add"
18860  data-product-options-count="1"
18861>
18862  <product-form-component
18863    data-section-id="template--26206028398910__main"
18864    data-product-id="11744313868606"
18865    on:submit="/handleSubmit"
18866    class="quick-add__product-form-component"
18867  >
18868    <div
18869      class="visually-hidden"
18870      aria-live="assertive"
18871      role="status"
18872      aria-atomic="true"
18873      ref="liveRegion"
18874    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11744313868606-Ad0hPaWttaDI0dVNlb__card-gallery-17" accept-charset="UTF-8" class="shopify-product-form" 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
18875        type="hidden"
18876        name="id"
18877        ref="variantId"
18878        value="51053434569022"
18879        
18880          disabled
18881        
18882      >
18883      <input
18884        type="hidden"
18885        name="quantity"
18886        value="1"
18887      >
18888      
18889      <add-to-cart-component
18890  ref="addToCartButtonContainer"
18891  data-product-variant-media="//soulfire.farm/cdn/shop/files/mulberry.jpg?v=1734740960&width=100"
18892  data-add-to-cart-animation="true"
18893>
18894  <button
18895    
18896    type="submit"
18897    name="add"
18898    ref="addToCartButton"
18899    on:click="/handleClick"
18900    class="button button quick-add__button quick-add__button--add add-to-cart-button"
18901    
18902    
18903      disabled
18904    
18905  >
18906    <span
18907      class="add-to-cart-text"
18908    >
18909      
18910      <span class="add-to-cart-text__content is-visually-hidden-mobile">
18911        <span>
18912          <span>Add</span>
18913        </span>
18914      </span>
18915    </span>
18916    
18917    <span class="add-to-cart__added">
18918      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
18919  <g class="check">
18920    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
18921    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
18922  </g>
18923  <g class="burst">
18924    <g style="--index: 0;">
18925      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
18926    </g>
18927    <g style="--index: 1;">
18928      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
18929    </g>
18930    <g style="--index: 2;">
18931      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
18932    </g>
18933    <g style="--index: 3;">
18934      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
18935    </g>
18936    <g style="--index: 4;">
18937      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
18938    </g>
18939    <g style="--index: 5;">
18940      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
18941    </g>
18942    <g style="--index: 6;">
18943      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
18944    </g>
18945    <g style="--index: 7;">
18946      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
18947    </g>
18948  </g>
18949</svg>
18950</span>
18951    </span>
18952  </button>
18953</add-to-cart-component>
18954
18955
18956      <button
18957        class="button quick-add__button quick-add__button--choose add-to-cart-button"
18958        
18959        type="button"
18960        name="add"
18961        on:click="quick-add-component/handleClick"
18962      >
18963        <span
18964          class="add-to-cart-text"
18965        >
18966          
18967          <span
18968            aria-hidden="true"
18969            class="svg-wrapper add-to-cart-icon"
18970          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
18971</span>
18972          <span class="add-to-cart-text__content is-visually-hidden-mobile">
18973            <span>
18974              
18975              <span>
18976                Choose
18977              </span>
18978            </span>
18979          </span>
18980        </span>
18981      </button><input type="hidden" name="product-id" value="11744313868606" /><input type="hidden" name="section-id" value="template--26206028398910__main" /></form></product-form-component>
18982</quick-add-component>
18983
18984
18985
18986
18987    
18988  
18989
18990</div>
18991
18992
18993
18994
18995
18996<div class="product-grid-view-zoom-out--details">
18997  
18998    <h3 class="h4">Everbearing Mulberry Tree</h3>
18999  
19000</div>
19001
19002
19003
19004
19005
19006
19007
19008
19009
19010<div
19011  class="
19012    group-block
19013    group-block--height-fit
19014    group-block--width-fill
19015    border-style
19016    spacing-style
19017    size-style
19018    
19019    
19020  "
19021  style="
19022    --border-width: 1px; --border-style: none; --border-color:
19023rgb(var(--color-border-rgb) / 1.0); --border-radius:
190240px; 
19025
19026    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));
19027    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
19028    
19029  "
19030  
19031  data-testid="group-block"
19032><div class="group-block__media-wrapper">
19033    
19034
19035
19036
19037    
19038  </div>
19039
19040  <div
19041    class="
19042      group-block-content
19043      
19044      layout-panel-flex
19045      layout-panel-flex--column
19046       mobile-column
19047    "
19048    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
19049
19050--gap: 4px;
19051
19052--horizontal-alignment: flex-start; --vertical-alignment: center;
19053--vertical-alignment-mobile: center;
19054"
19055  >
19056  
19057
19058
19059  
19060  <a
19061    class="contents user-select-text"
19062    ref="productTitleLink"
19063    href="/products/everbearing-mulberry-tree?variant=51053434569022"
19064  >
19065    
19066
19067
19068
19069
19070
19071
19072  <div class=" spacing-style text-block text-block--AOUpha1M4eVNTZ3VDN__product_title_NzQUxN-17 paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
19073    <p role="heading" aria-level="3">Everbearing Mulberry Tree</p>
19074  </div>
19075
19076
19077
19078
19079  </a>
19080
19081
19082
19083
19084
19085
19086<product-price
19087  class="text-block  rte text-center paragraph spacing-style"
19088  data-block-id="AdzVoVDNUc2tZSXRmb__price-17"
19089  data-product-id="11744313868606"
19090  style="
19091    
19092--color: var(--color-foreground);
19093    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
19094    --width: fit-content;
19095  "
19096  
19097>
19098  <div ref="priceContainer">
19099  
19100    
19101    <div
19102      class="
19103        price__regular
19104        
19105          price__hidden
19106        
19107      "
19108    >
19109      <span class="price">$22.00 USD</span>
19110    </div>
19111    <div
19112      class="
19113        price__sale
19114        
19115      "
19116    >
19117      
19118        <span class="price-item__group">
19119          <span class="visually-hidden">Sale price&nbsp;</span>
19120          <span class="price-item--sale price">$22.00 USD</span>
19121        </span>
19122        <span class="price-item__group">
19123          <span class="visually-hidden">Regular price&nbsp;</span>
19124          <span class="price-item--regular compare-at-price">$28.00 USD</span>
19125        </span>
19126      
19127    </div>
19128  
19129</div>
19130
19131  
19132</product-price>
19133
19134
19135
19136
19137
19138
19139
19140
19141
19142
19143</div>
19144</div>
19145
19146
19147
19148
19149
19150
19151
19152  </div>
19153</product-card>
19154
19155
19156
19157
19158
19159
19160
19161
19162
19163
19164
19165
19166
19167
19168
19169
19170            
19171          </li>
19172        
19173          <li
19174            id="template--26206028398910__main-11744310853950"
19175            class="product-grid__item product-grid__item--18"
19176            data-page="1"
19177            data-product-id="11744310853950"
19178            ref="cards[]"
19179          >
19180            
19181            
19182
19183
19184
19185
19186
19187<style data-shopify>
19188  
19189</style>
19190
19191
19192
19193<product-card
19194  class="product-card size-style"
19195  style="--size-style-width: ;--size-style-height: ;"
19196  data-product-id="11744310853950"
19197  id="product-card-AQzU4Yk1uZjhwcEdmR__product-card-18"
19198  
19199    data-product-transition="true"
19200    data-featured-media-url="//soulfire.farm/cdn/shop/files/DSC0080.jpg?v=1734740691&width=500"
19201    on:click="/handleViewTransition"
19202  
19203  
19204  
19205>
19206  <a
19207    id="340b6134ed2b6adede0b7d0a84f02d86"
19208    
19209      href="/products/rice-hulls?variant=51053424050494"
19210    
19211    class="product-card__link"
19212    ref="productCardLink"
19213  >
19214    <span class="visually-hidden">
19215      Rice Hulls 5lb Bag
19216    </span>
19217  </a>
19218  <div
19219    class="
19220      product-card__content
19221      layout-panel-flex
19222      layout-panel-flex--column
19223      product-grid__card
19224      spacing-style
19225      border-style
19226      gap-style
19227       color-scheme-8
19228    "
19229    style="
19230      --border-width: 1px; --border-style: none; --border-color:
19231rgb(var(--color-border-rgb) / 1.0); --border-radius:
1923210px;  overflow: hidden; 
19233
19234      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
19235
19236
19237
19238--horizontal-alignment: ; --vertical-alignment: ;
19239--vertical-alignment-mobile: ;
19240
19241      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
19242      --product-card-gap: 0px;
19243      --quick-add-display: flex;
19244      --quick-add-mobile-display: flex;
19245      --quick-add-mobile-opacity: 1;
19246      
19247      
19248      
19249      
19250    "
19251  >
19252    
19253  
19254
19255
19256
19257
19258
19259
19260
19261<div
19262  ref="cardGallery"
19263  class="card-gallery card-gallery-Ad0hPaWttaDI0dVNlb__card-gallery-18 spacing-style border-style"
19264  style="
19265    --border-width: 1px; --border-style: none; --border-color:
19266rgb(var(--color-border-rgb) / 1.0); --border-radius:
192670px; 
19268
19269    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
19270    --gallery-aspect-ratio: 4 / 5;
19271  "
19272  data-product-id="11744310853950"
19273  
19274    on:pointerenter="/previewImage"
19275    on:pointerleave="/resetImage"
19276  
19277  
19278    data-view-transition-to-main-product
19279  
19280  data-image-ratio="portrait"
19281  
19282>
19283    <a
19284      class="contents"
19285      ref="cardGalleryLink"
19286      href="/products/rice-hulls?variant=51053424050494"
19287      aria-label="Rice Hulls 5lb Bag"
19288    >
19289      <slideshow-component
19290  
19291    ref="slideshow"
19292  
19293  
19294  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
19295  
19296  initial-slide="0"
19297  
19298  
19299    infinite
19300  
19301
19302  data-generic-media-size="1"
19303>
19304  
19305  <slideshow-container ref="slideshowContainer">
19306    
19307    
19308    <slideshow-slides
19309      tabindex="-1"
19310      ref="scroller"
19311      
19312    >
19313      <slideshow-slide
19314  ref="slides[]"
19315  aria-hidden="false"
19316  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
19317  
19318    class="product-media-container media-fit product-media-container--image"
19319  
19320  
19321  
19322  
19323    slide-id="42052347887934"
19324  
19325  
19326  
19327  
19328>
19329  
19330
19331<div
19332  class="product-media"
19333  style="--ratio: 0.667"
19334  data-media-id="42052347887934"
19335>
19336  
19337  <img src="//soulfire.farm/cdn/shop/files/DSC0080.jpg?v=1734740691&amp;width=3840" alt="Rice Hulls 5lb Bag" srcset="//soulfire.farm/cdn/shop/files/DSC0080.jpg?v=1734740691&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC0080.jpg?v=1734740691&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC0080.jpg?v=1734740691&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC0080.jpg?v=1734740691&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0080.jpg?v=1734740691&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0080.jpg?v=1734740691&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0080.jpg?v=1734740691&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0080.jpg?v=1734740691&amp;width=3840 3840w" width="3840" height="5757" loading="eager" sizes="(min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC0080.jpg?v=1734740691&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
19338
19339  
19340</div>
19341
19342
19343
19344</slideshow-slide>
19345
19346
19347
19348
19349    </slideshow-slides>
19350  </slideshow-container>
19351  
19352</slideshow-component>
19353
19354
19355
19356
19357    </a>
19358  
19359  
19360    <div
19361      class="product-badges product-badges--top-left"
19362      style="
19363        --badge-border-radius: 40px;
19364        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
19365      "
19366    ></div>
19367    
19368      
19369
19370<quick-add-component
19371  class="quick-add color-scheme-1 "
19372  ref="quickAdd"
19373  data-product-title="Rice Hulls 5lb Bag"
19374  data-quick-add-button="add"
19375  data-product-options-count="1"
19376>
19377  <product-form-component
19378    data-section-id="template--26206028398910__main"
19379    data-product-id="11744310853950"
19380    on:submit="/handleSubmit"
19381    class="quick-add__product-form-component"
19382  >
19383    <div
19384      class="visually-hidden"
19385      aria-live="assertive"
19386      role="status"
19387      aria-atomic="true"
19388      ref="liveRegion"
19389    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11744310853950-Ad0hPaWttaDI0dVNlb__card-gallery-18" accept-charset="UTF-8" class="shopify-product-form" 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
19390        type="hidden"
19391        name="id"
19392        ref="variantId"
19393        value="51053424050494"
19394        
19395      >
19396      <input
19397        type="hidden"
19398        name="quantity"
19399        value="1"
19400      >
19401      
19402      <add-to-cart-component
19403  ref="addToCartButtonContainer"
19404  data-product-variant-media="//soulfire.farm/cdn/shop/files/DSC0080.jpg?v=1734740691&width=100"
19405  data-add-to-cart-animation="true"
19406>
19407  <button
19408    
19409    type="submit"
19410    name="add"
19411    ref="addToCartButton"
19412    on:click="/handleClick"
19413    class="button button quick-add__button quick-add__button--add add-to-cart-button"
19414    
19415    
19416  >
19417    <span
19418      class="add-to-cart-text"
19419    >
19420      
19421        <span
19422          aria-hidden="true"
19423          class="svg-wrapper add-to-cart-icon"
19424        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
19425</span>
19426      
19427      <span class="add-to-cart-text__content is-visually-hidden-mobile">
19428        <span>
19429          <span>Add</span>
19430        </span>
19431      </span>
19432    </span>
19433    
19434    <span class="add-to-cart__added">
19435      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
19436  <g class="check">
19437    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
19438    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
19439  </g>
19440  <g class="burst">
19441    <g style="--index: 0;">
19442      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
19443    </g>
19444    <g style="--index: 1;">
19445      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
19446    </g>
19447    <g style="--index: 2;">
19448      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
19449    </g>
19450    <g style="--index: 3;">
19451      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
19452    </g>
19453    <g style="--index: 4;">
19454      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
19455    </g>
19456    <g style="--index: 5;">
19457      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
19458    </g>
19459    <g style="--index: 6;">
19460      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
19461    </g>
19462    <g style="--index: 7;">
19463      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
19464    </g>
19465  </g>
19466</svg>
19467</span>
19468    </span>
19469  </button>
19470</add-to-cart-component>
19471
19472
19473      <button
19474        class="button quick-add__button quick-add__button--choose add-to-cart-button"
19475        
19476        type="button"
19477        name="add"
19478        on:click="quick-add-component/handleClick"
19479      >
19480        <span
19481          class="add-to-cart-text"
19482        >
19483          
19484          <span
19485            aria-hidden="true"
19486            class="svg-wrapper add-to-cart-icon"
19487          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
19488</span>
19489          <span class="add-to-cart-text__content is-visually-hidden-mobile">
19490            <span>
19491              
19492              <span>
19493                Choose
19494              </span>
19495            </span>
19496          </span>
19497        </span>
19498      </button><input type="hidden" name="product-id" value="11744310853950" /><input type="hidden" name="section-id" value="template--26206028398910__main" /></form></product-form-component>
19499</quick-add-component>
19500
19501
19502
19503
19504    
19505  
19506
19507</div>
19508
19509
19510
19511
19512
19513<div class="product-grid-view-zoom-out--details">
19514  
19515    <h3 class="h4">
19515Rice Hulls 5lb Bag</h3>
19516  
19517</div>
19518
19519
19520
19521
19522
19523
19524
19525
19526
19527<div
19528  class="
19529    group-block
19530    group-block--height-fit
19531    group-block--width-fill
19532    border-style
19533    spacing-style
19534    size-style
19535    
19536    
19537  "
19538  style="
19539    --border-width: 1px; --border-style: none; --border-color:
19540rgb(var(--color-border-rgb) / 1.0); --border-radius:
195410px; 
19542
19543    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));
19544    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
19545    
19546  "
19547  
19548  data-testid="group-block"
19549><div class="group-block__media-wrapper">
19550    
19551
19552
19553
19554    
19555  </div>
19556
19557  <div
19558    class="
19559      group-block-content
19560      
19561      layout-panel-flex
19562      layout-panel-flex--column
19563       mobile-column
19564    "
19565    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
19566
19567--gap: 4px;
19568
19569--horizontal-alignment: flex-start; --vertical-alignment: center;
19570--vertical-alignment-mobile: center;
19571"
19572  >
19573  
19574
19575
19576  
19577  <a
19578    class="contents user-select-text"
19579    ref="productTitleLink"
19580    href="/products/rice-hulls?variant=51053424050494"
19581  >
19582    
19583
19584
19585
19586
19587
19588
19589  <div class=" spacing-style text-block text-block--AOUpha1M4eVNTZ3VDN__product_title_NzQUxN-18 paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
19590    <p role="heading" aria-level="3">Rice Hulls 5lb Bag</p>
19591  </div>
19592
19593
19594
19595
19596  </a>
19597
19598
19599
19600
19601
19602
19603<product-price
19604  class="text-block  rte text-center paragraph spacing-style"
19605  data-block-id="AdzVoVDNUc2tZSXRmb__price-18"
19606  data-product-id="11744310853950"
19607  style="
19608    
19609--color: var(--color-foreground);
19610    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
19611    --width: fit-content;
19612  "
19613  
19614>
19615  <div ref="priceContainer">
19616  
19617    
19618    <div
19619      class="
19620        price__regular
19621        
19622      "
19623    >
19624      <span class="price">$4.50 USD</span>
19625    </div>
19626    <div
19627      class="
19628        price__sale
19629        
19630          price__hidden
19631        
19632      "
19633    >
19634      
19635        <span class="price-item__group">
19636          <span class="visually-hidden">Sale price&nbsp;</span>
19637          <span class="price-item--sale price">$4.50 USD</span>
19638        </span>
19639        <span class="price-item__group">
19640          <span class="visually-hidden">Regular price&nbsp;</span>
19641          <span class="price-item--regular compare-at-price"></span>
19642        </span>
19643      
19644    </div>
19645  
19646</div>
19647
19648  
19649</product-price>
19650
19651
19652
19653
19654
19655
19656
19657
19658
19659
19660</div>
19661</div>
19662
19663
19664
19665
19666
19667
19668
19669  </div>
19670</product-card>
19671
19672
19673
19674
19675
19676
19677
19678
19679
19680
19681
19682
19683
19684
19685
19686
19687            
19688          </li>
19689        
19690          <li
19691            id="template--26206028398910__main-11759563997502"
19692            class="product-grid__item product-grid__item--19"
19693            data-page="1"
19694            data-product-id="11759563997502"
19695            ref="cards[]"
19696          >
19697            
19698            
19699
19700
19701
19702
19703
19704<style data-shopify>
19705  
19706</style>
19707
19708
19709
19710<product-card
19711  class="product-card size-style"
19712  style="--size-style-width: ;--size-style-height: ;"
19713  data-product-id="11759563997502"
19714  id="product-card-AQzU4Yk1uZjhwcEdmR__product-card-19"
19715  
19716    data-product-transition="true"
19717    data-featured-media-url="//soulfire.farm/cdn/shop/files/mexicansunflower.jpg?v=1736795533&width=500"
19718    on:click="/handleViewTransition"
19719  
19720  
19721  
19722>
19723  <a
19724    id="9a0e5112ac53cb539701d06cec1bea6b"
19725    
19726      href="/products/mexican-sunflower-plant?variant=51129570689342"
19727    
19728    class="product-card__link"
19729    ref="productCardLink"
19730  >
19731    <span class="visually-hidden">
19732      Mexican Sunflower (10 Cuttings)
19733    </span>
19734  </a>
19735  <div
19736    class="
19737      product-card__content
19738      layout-panel-flex
19739      layout-panel-flex--column
19740      product-grid__card
19741      spacing-style
19742      border-style
19743      gap-style
19744       color-scheme-8
19745    "
19746    style="
19747      --border-width: 1px; --border-style: none; --border-color:
19748rgb(var(--color-border-rgb) / 1.0); --border-radius:
1974910px;  overflow: hidden; 
19750
19751      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
19752
19753
19754
19755--horizontal-alignment: ; --vertical-alignment: ;
19756--vertical-alignment-mobile: ;
19757
19758      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
19759      --product-card-gap: 0px;
19760      --quick-add-display: flex;
19761      --quick-add-mobile-display: flex;
19762      --quick-add-mobile-opacity: 1;
19763      
19764      
19765      
19766      
19767    "
19768  >
19769    
19770  
19771
19772
19773
19774
19775
19776
19777
19778<div
19779  ref="cardGallery"
19780  class="card-gallery card-gallery-Ad0hPaWttaDI0dVNlb__card-gallery-19 spacing-style border-style"
19781  style="
19782    --border-width: 1px; --border-style: none; --border-color:
19783rgb(var(--color-border-rgb) / 1.0); --border-radius:
197840px; 
19785
19786    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
19787    --gallery-aspect-ratio: 4 / 5;
19788  "
19789  data-product-id="11759563997502"
19790  
19791    on:pointerenter="/previewImage"
19792    on:pointerleave="/resetImage"
19793  
19794  
19795    data-view-transition-to-main-product
19796  
19797  data-image-ratio="portrait"
19798  
19799>
19800    <a
19801      class="contents"
19802      ref="cardGalleryLink"
19803      href="/products/mexican-sunflower-plant?variant=51129570689342"
19804      aria-label="Mexican Sunflower (10 Cuttings)"
19805    >
19806      <slideshow-component
19807  
19808    ref="slideshow"
19809  
19810  
19811  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
19812  
19813  initial-slide="0"
19814  
19815  
19816    infinite
19817  
19818
19819  data-generic-media-size="2"
19820>
19821  
19822  <slideshow-container ref="slideshowContainer">
19823    
19824    
19825    <slideshow-slides
19826      tabindex="-1"
19827      ref="scroller"
19828      
19829    >
19830      <slideshow-slide
19831  ref="slides[]"
19832  aria-hidden="false"
19833  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
19834  
19835    class="product-media-container media-fit product-media-container--image"
19836  
19837  
19838  
19839  
19840    slide-id="42149573624126"
19841  
19842  
19843  
19844  
19845>
19846  
19847
19848<div
19849  class="product-media"
19850  style="--ratio: 0.667"
19851  data-media-id="42149573624126"
19852>
19853  
19854  <img src="//soulfire.farm/cdn/shop/files/mexicansunflower.jpg?v=1736795533&amp;width=3840" alt="Mexican Sunflower (10 Cuttings)" srcset="//soulfire.farm/cdn/shop/files/mexicansunflower.jpg?v=1736795533&amp;width=240 240w, //soulfire.farm/cdn/shop/files/mexicansunflower.jpg?v=1736795533&amp;width=352 352w, //soulfire.farm/cdn/shop/files/mexicansunflower.jpg?v=1736795533&amp;width=832 832w, //soulfire.farm/cdn/shop/files/mexicansunflower.jpg?v=1736795533&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/mexicansunflower.jpg?v=1736795533&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/mexicansunflower.jpg?v=1736795533&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/mexicansunflower.jpg?v=1736795533&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/mexicansunflower.jpg?v=1736795533&amp;width=3840 3840w" width="3840" height="5757" loading="eager" sizes="(min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/mexicansunflower.jpg?v=1736795533&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
19855
19856  
19857</div>
19858
19859
19860
19861</slideshow-slide>
19862
19863
19864
19865<slideshow-slide
19866  ref="slides[]"
19867  aria-hidden="true"
19868  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
19869  
19870    class="product-media-container media-fit product-media-container--image"
19871  
19872  
19873  
19874  
19875    slide-id="42149594988862"
19876  
19877  
19878  
19879  
19880>
19881  
19882
19883<div
19884  class="product-media"
19885  style="--ratio: 0.667"
19886  data-media-id="42149594988862"
19887>
19888  
19889  <img src="//soulfire.farm/cdn/shop/files/mexican_sunflower_2.jpg?v=1736795533&amp;width=3840" alt="Mexican Sunflower (10 Cuttings)" srcset="//soulfire.farm/cdn/shop/files/mexican_sunflower_2.jpg?v=1736795533&amp;width=240 240w, //soulfire.farm/cdn/shop/files/mexican_sunflower_2.jpg?v=1736795533&amp;width=352 352w, //soulfire.farm/cdn/shop/files/mexican_sunflower_2.jpg?v=1736795533&amp;width=832 832w, //soulfire.farm/cdn/shop/files/mexican_sunflower_2.jpg?v=1736795533&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/mexican_sunflower_2.jpg?v=1736795533&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/mexican_sunflower_2.jpg?v=1736795533&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/mexican_sunflower_2.jpg?v=1736795533&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/mexican_sunflower_2.jpg?v=1736795533&amp;width=3840 3840w" width="3840" height="5757" loading="lazy" sizes="auto, (min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/mexican_sunflower_2.jpg?v=1736795533&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
19890
19891  
19892</div>
19893
19894
19895
19896</slideshow-slide>
19897
19898
19899
19900
19901    </slideshow-slides>
19902  </slideshow-container>
19903  
19904</slideshow-component>
19905
19906
19907
19908
19909    </a>
19910  
19911  
19912    <div
19913      class="product-badges product-badges--top-left"
19914      style="
19915        --badge-border-radius: 40px;
19916        --badge-font-family: var(--font-accent--family);
19916 --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
19917      "
19918    ></div>
19919    
19920      
19921
19922<quick-add-component
19923  class="quick-add color-scheme-1 "
19924  ref="quickAdd"
19925  data-product-title="Mexican Sunflower (10 Cuttings)"
19926  data-quick-add-button="add"
19927  data-product-options-count="1"
19928>
19929  <product-form-component
19930    data-section-id="template--26206028398910__main"
19931    data-product-id="11759563997502"
19932    on:submit="/handleSubmit"
19933    class="quick-add__product-form-component"
19934  >
19935    <div
19936      class="visually-hidden"
19937      aria-live="assertive"
19938      role="status"
19939      aria-atomic="true"
19940      ref="liveRegion"
19941    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11759563997502-Ad0hPaWttaDI0dVNlb__card-gallery-19" accept-charset="UTF-8" class="shopify-product-form" 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
19942        type="hidden"
19943        name="id"
19944        ref="variantId"
19945        value="51129570689342"
19946        
19947      >
19948      <input
19949        type="hidden"
19950        name="quantity"
19951        value="1"
19952      >
19953      
19954      <add-to-cart-component
19955  ref="addToCartButtonContainer"
19956  data-product-variant-media="//soulfire.farm/cdn/shop/files/mexicansunflower.jpg?v=1736795533&width=100"
19957  data-add-to-cart-animation="true"
19958>
19959  <button
19960    
19961    type="submit"
19962    name="add"
19963    ref="addToCartButton"
19964    on:click="/handleClick"
19965    class="button button quick-add__button quick-add__button--add add-to-cart-button"
19966    
19967    
19968  >
19969    <span
19970      class="add-to-cart-text"
19971    >
19972      
19973        <span
19974          aria-hidden="true"
19975          class="svg-wrapper add-to-cart-icon"
19976        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
19977</span>
19978      
19979      <span class="add-to-cart-text__content is-visually-hidden-mobile">
19980        <span>
19981          <span>Add</span>
19982        </span>
19983      </span>
19984    </span>
19985    
19986    <span class="add-to-cart__added">
19987      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
19988  <g class="check">
19989    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
19990    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
19991  </g>
19992  <g class="burst">
19993    <g style="--index: 0;">
19994      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
19995    </g>
19996    <g style="--index: 1;">
19997      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
19998    </g>
19999    <g style="--index: 2;">
20000      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20001    </g>
20002    <g style="--index: 3;">
20003      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20004    </g>
20005    <g style="--index: 4;">
20006      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20007    </g>
20008    <g style="--index: 5;">
20009      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20010    </g>
20011    <g style="--index: 6;">
20012      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20013    </g>
20014    <g style="--index: 7;">
20015      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20016    </g>
20017  </g>
20018</svg>
20019</span>
20020    </span>
20021  </button>
20022</add-to-cart-component>
20023
20024
20025      <button
20026        class="button quick-add__button quick-add__button--choose add-to-cart-button"
20027        
20028        type="button"
20029        name="add"
20030        on:click="quick-add-component/handleClick"
20031      >
20032        <span
20033          class="add-to-cart-text"
20034        >
20035          
20036          <span
20037            aria-hidden="true"
20038            class="svg-wrapper add-to-cart-icon"
20039          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
20040</span>
20041          <span class="add-to-cart-text__content is-visually-hidden-mobile">
20042            <span>
20043              
20044              <span>
20045                Choose
20046              </span>
20047            </span>
20048          </span>
20049        </span>
20050      </button><input type="hidden" name="product-id" value="11759563997502" /><input type="hidden" name="section-id" value="template--26206028398910__main" /></form></product-form-component>
20051</quick-add-component>
20052
20053
20054
20055
20056    
20057  
20058
20059</div>
20060
20061
20062
20063
20064
20065<div class="product-grid-view-zoom-out--details">
20066  
20067    <h3 class="h4">Mexican Sunflower (10 Cuttings)</h3>
20068  
20069</div>
20070
20071
20072
20073
20074
20075
20076
20077
20078
20079<div
20080  class="
20081    group-block
20082    group-block--height-fit
20083    group-block--width-fill
20084    border-style
20085    spacing-style
20086    size-style
20087    
20088    
20089  "
20090  style="
20091    --border-width: 1px; --border-style: none; --border-color:
20092rgb(var(--color-border-rgb) / 1.0); --border-radius:
200930px; 
20094
20095    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));
20096    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
20097    
20098  "
20099  
20100  data-testid="group-block"
20101><div class="group-block__media-wrapper">
20102    
20103
20104
20105
20106    
20107  </div>
20108
20109  <div
20110    class="
20111      group-block-content
20112      
20113      layout-panel-flex
20114      layout-panel-flex--column
20115       mobile-column
20116    "
20117    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
20118
20119--gap: 4px;
20120
20121--horizontal-alignment: flex-start; --vertical-alignment: center;
20122--vertical-alignment-mobile: center;
20123"
20124  >
20125  
20126
20127
20128  
20129  <a
20130    class="contents user-select-text"
20131    ref="productTitleLink"
20132    href="/products/mexican-sunflower-plant?variant=51129570689342"
20133  >
20134    
20135
20136
20137
20138
20139
20140
20141  <div class=" spacing-style text-block text-block--AOUpha1M4eVNTZ3VDN__product_title_NzQUxN-19 paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
20142    <p role="heading" aria-level="3">Mexican Sunflower (10 Cuttings)</p>
20143  </div>
20144
20145
20146
20147
20148  </a>
20149
20150
20151
20152
20153
20154
20155<product-price
20156  class="text-block  rte text-center paragraph spacing-style"
20157  data-block-id="AdzVoVDNUc2tZSXRmb__price-19"
20158  data-product-id="11759563997502"
20159  style="
20160    
20161--color: var(--color-foreground);
20162    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
20163    --width: fit-content;
20164  "
20165  
20166>
20167  <div ref="priceContainer">
20168  
20169    
20170    <div
20171      class="
20172        price__regular
20173        
20174      "
20175    >
20176      <span class="price">$10.00 USD</span>
20177    </div>
20178    <div
20179      class="
20180        price__sale
20181        
20182          price__hidden
20183        
20184      "
20185    >
20186      
20187        <span class="price-item__group">
20188          <span class="visually-hidden">Sale price&nbsp;</span>
20189          <span class="price-item--sale price">$10.00 USD</span>
20190        </span>
20191        <span class="price-item__group">
20192          <span class="visually-hidden">Regular price&nbsp;</span>
20193          <span class="price-item--regular compare-at-price"></span>
20194        </span>
20195      
20196    </div>
20197  
20198</div>
20199
20200  
20201</product-price>
20202
20203
20204
20205
20206
20207
20208
20209
20210
20211
20212</div>
20213</div>
20214
20215
20216
20217
20218
20219
20220
20221  </div>
20222</product-card>
20223
20224
20225
20226
20227
20228
20229
20230
20231
20232
20233
20234
20235
20236
20237
20238
20239            
20240          </li>
20241        
20242          <li
20243            id="template--26206028398910__main-11746595307838"
20244            class="product-grid__item product-grid__item--20"
20245            data-page="1"
20246            data-product-id="11746595307838"
20247            ref="cards[]"
20248          >
20249            
20250            
20251
20252
20253
20254
20255
20256<style data-shopify>
20257  
20258</style>
20259
20260
20261
20262<product-card
20263  class="product-card size-style"
20264  style="--size-style-width: ;--size-style-height: ;"
20265  data-product-id="11746595307838"
20266  id="product-card-AQzU4Yk1uZjhwcEdmR__product-card-20"
20267  
20268    data-product-transition="true"
20269    data-featured-media-url="//soulfire.farm/cdn/shop/files/DSC0498.jpg?v=1735058719&width=500"
20270    on:click="/handleViewTransition"
20271  
20272  
20273  
20274>
20275  <a
20276    id="001c8c7f80ea8130f1897824c36218bc"
20277    
20278      href="/products/lemon-grass-plant-west-indian?variant=51064690082110"
20279    
20280    class="product-card__link"
20281    ref="productCardLink"
20282  >
20283    <span class="visually-hidden">
20284      Lemon Grass Plant - West Indian
20285    </span>
20286  </a>
20287  <div
20288    class="
20289      product-card__content
20290      layout-panel-flex
20291      layout-panel-flex--column
20292      product-grid__card
20293      spacing-style
20294      border-style
20295      gap-style
20296       color-scheme-8
20297    "
20298    style="
20299      --border-width: 1px; --border-style: none; --border-color:
20300rgb(var(--color-border-rgb) / 1.0); --border-radius:
2030110px;  overflow: hidden; 
20302
20303      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
20304
20305
20306
20307--horizontal-alignment: ; --vertical-alignment: ;
20308--vertical-alignment-mobile: ;
20309
20310      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
20311      --product-card-gap: 0px;
20312      --quick-add-display: none;
20313      --quick-add-mobile-display: none;
20314      --quick-add-mobile-opacity: 0;
20315      
20316      
20317      
20318      
20319    "
20320  >
20321    
20322  
20323
20324
20325
20326
20327
20328
20329
20330<div
20331  ref="cardGallery"
20332  class="card-gallery card-gallery-Ad0hPaWttaDI0dVNlb__card-gallery-20 spacing-style border-style card-gallery--badge-top-left"
20333  style="
20334    --border-width: 1px; --border-style: none; --border-color:
20335rgb(var(--color-border-rgb) / 1.0); --border-radius:
203360px; 
20337
20338    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
20339    --gallery-aspect-ratio: 4 / 5;
20340  "
20341  data-product-id="11746595307838"
20342  
20343    on:pointerenter="/previewImage"
20344    on:pointerleave="/resetImage"
20345  
20346  
20347    data-view-transition-to-main-product
20348  
20349  data-image-ratio="portrait"
20350  
20351>
20352    <a
20353      class="contents"
20354      ref="cardGalleryLink"
20355      href="/products/lemon-grass-plant-west-indian?variant=51064690082110"
20356      aria-label="Lemon Grass Plant - West Indian"
20357    >
20358      <slideshow-component
20359  
20360    ref="slideshow"
20361  
20362  
20363  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
20364  
20365  initial-slide="0"
20366  
20367  
20368    infinite
20369  
20370
20371  data-generic-media-size="1"
20372>
20373  
20374  <slideshow-container ref="slideshowContainer">
20375    
20376    
20377    <slideshow-slides
20378      tabindex="-1"
20379      ref="scroller"
20380      
20381    >
20382      <slideshow-slide
20383  ref="slides[]"
20384  aria-hidden="false"
20385  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
20386  
20387    class="product-media-container media-fit product-media-container--image"
20388  
20389  
20390  
20391  
20392    slide-id="42064604692798"
20393  
20394  
20395  
20396  
20397>
20398  
20399
20400<div
20401  class="product-media"
20402  style="--ratio: 0.6675"
20403  data-media-id="42064604692798"
20404>
20405  
20406  <img src="//soulfire.farm/cdn/shop/files/DSC0498.jpg?v=1735058719&amp;width=3840" alt="Lemon Grass Plant - West Indian" srcset="//soulfire.farm/cdn/shop/files/DSC0498.jpg?v=1735058719&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC0498.jpg?v=1735058719&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC0498.jpg?v=1735058719&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC0498.jpg?v=1735058719&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0498.jpg?v=1735058719&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0498.jpg?v=1735058719&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0498.jpg?v=1735058719&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0498.jpg?v=1735058719&amp;width=3840 3840w" width="3840" height="5753" loading="eager" sizes="(min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC0498.jpg?v=1735058719&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
20407
20408  
20409</div>
20410
20411
20412
20413</slideshow-slide>
20414
20415
20416
20417
20418    </slideshow-slides>
20419  </slideshow-container>
20420  
20421</slideshow-component>
20422
20423
20424
20425
20426    </a>
20427  
20428  
20429    <div
20430      class="product-badges product-badges--top-left"
20431      style="
20432        --badge-border-radius: 40px;
20433        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
20434      "
20435    ><div
20436          class="
20437            product-badges__badge product-badges__badge--rectangle
20438             color-scheme-cb76390f-038c-41ce-9a93-fc1d1f7315af
20439          "
20440        >Sold out
20441</div></div>
20442    
20443      
20444
20445<quick-add-component
20446  class="quick-add color-scheme-1 "
20447  ref="quickAdd"
20448  data-product-title="Lemon Grass Plant - West Indian"
20449  data-quick-add-button="add"
20450  data-product-options-count="1"
20451>
20452  <product-form-component
20453    data-section-id="template--26206028398910__main"
20454    data-product-id="11746595307838"
20455    on:submit="/handleSubmit"
20456    class="quick-add__product-form-component"
20457  >
20458    <div
20459      class="visually-hidden"
20460      aria-live="assertive"
20461      role="status"
20462      aria-atomic="true"
20463      ref="liveRegion"
20464    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11746595307838-Ad0hPaWttaDI0dVNlb__card-gallery-20" accept-charset="UTF-8" class="shopify-product-form" 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
20465        type="hidden"
20466        name="id"
20467        ref="variantId"
20468        value="51064690082110"
20469        
20470          disabled
20471        
20472      >
20473      <input
20474        type="hidden"
20475        name="quantity"
20476        value="1"
20477      >
20478      
20479      <add-to-cart-component
20480  ref="addToCartButtonContainer"
20481  data-product-variant-media="//soulfire.farm/cdn/shop/files/DSC0498.jpg?v=1735058719&width=100"
20482  data-add-to-cart-animation="true"
20483>
20484  <button
20485    
20486    type="submit"
20487    name="add"
20488    ref="addToCartButton"
20489    on:click="/handleClick"
20490    class="button button quick-add__button quick-add__button--add add-to-cart-button"
20491    
20492    
20493      disabled
20494    
20495  >
20496    <span
20497      class="add-to-cart-text"
20498    >
20499      
20500      <span class="add-to-cart-text__content is-visually-hidden-mobile">
20501        <span>
20502          <span>Add</span>
20503        </span>
20504      </span>
20505    </span>
20506    
20507    <span class="add-to-cart__added">
20508      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
20509  <g class="check">
20510    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
20511    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
20512  </g>
20513  <g class="burst">
20514    <g style="--index: 0;">
20515      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20516    </g>
20517    <g style="--index: 1;">
20518      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20519    </g>
20520    <g style="--index: 2;">
20521      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20522    </g>
20523    <g style="--index: 3;">
20524      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20525    </g>
20526    <g style="--index: 4;">
20527      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20528    </g>
20529    <g style="--index: 5;">
20530      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20531    </g>
20532    <g style="--index: 6;">
20533      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20534    </g>
20535    <g style="--index: 7;">
20536      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20537    </g>
20538  </g>
20539</svg>
20540</span>
20541    </span>
20542  </button>
20543</add-to-cart-component>
20544
20545
20546      <button
20547        class="button quick-add__button quick-add__button--choose add-to-cart-button"
20548        
20549        type="button"
20550        name="add"
20551        on:click="quick-add-component/handleClick"
20552      >
20553        <span
20554          class="add-to-cart-text"
20555        >
20556          
20557          <span
20558            aria-hidden="true"
20559            class="svg-wrapper add-to-cart-icon"
20560          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
20561</span>
20562          <span class="add-to-cart-text__content is-visually-hidden-mobile">
20563            <span>
20564              
20565              <span>
20566                Choose
20567              </span>
20568            </span>
20569          </span>
20570        </span>
20571      </button><input type="hidden" name="product-id" value="11746595307838" /><input type="hidden" name="section-id" value="template--26206028398910__main" /></form></product-form-component>
20572</quick-add-component>
20573
20574
20575
20576
20577    
20578  
20579
20580</div>
20581
20582
20583
20584
20585
20586<div class="product-grid-view-zoom-out--details">
20587  
20588    <h3 class="h4">Lemon Grass Plant - West Indian</h3>
20589  
20590</div>
20591
20592
20593
20594
20595
20596
20597
20598
20599
20600<div
20601  class="
20602    group-block
20603    group-block--height-fit
20604    group-block--width-fill
20605    border-style
20606    spacing-style
20607    size-style
20608    
20609    
20610  "
20611  style="
20612    --border-width: 1px; --border-style: none; --border-color:
20613rgb(var(--color-border-rgb) / 1.0); --border-radius:
206140px; 
20615
20616    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));
20617    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
20618    
20619  "
20620  
20621  data-testid="group-block"
20622><div class="group-block__media-wrapper">
20623    
20624
20625
20626
20627    
20628  </div>
20629
20630  <div
20631    class="
20632      group-block-content
20633      
20634      layout-panel-flex
20635      layout-panel-flex--column
20636       mobile-column
20637    "
20638    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
20639
20640--gap: 4px;
20641
20642--horizontal-alignment: flex-start; --vertical-alignment: center;
20643--vertical-alignment-mobile: center;
20644"
20645  >
20646  
20647
20648
20649  
20650  <a
20651    class="contents user-select-text"
20652    ref="productTitleLink"
20653    href="/products/lemon-grass-plant-west-indian?variant=51064690082110"
20654  >
20655    
20656
20657
20658
20659
20660
20661
20662  <div class=" spacing-style text-block text-block--AOUpha1M4eVNTZ3VDN__product_title_NzQUxN-20 paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
20663    <p role="heading" aria-level="3">Lemon Grass Plant - West Indian</p>
20664  </div>
20665
20666
20667
20668
20669  </a>
20670
20671
20672
20673
20674
20675
20676<product-price
20677  class="text-block  rte text-center paragraph spacing-style"
20678  data-block-id="AdzVoVDNUc2tZSXRmb__price-20"
20679  data-product-id="11746595307838"
20680  style="
20681    
20682--color: var(--color-foreground);
20683    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
20684    --width: fit-content;
20685  "
20686  
20687>
20688  <div ref="priceContainer">
20689  
20690    
20691    <div
20692      class="
20693        price__regular
20694        
20695      "
20696    >
20697      <span class="price">$8.00 USD</span>
20698    </div>
20699    <div
20700      class="
20701        price__sale
20702        
20703          price__hidden
20704        
20705      "
20706    >
20707      
20708        <span class="price-item__group">
20709          <span class="visually-hidden">Sale price&nbsp;</span>
20710          <span class="price-item--sale price">$8.00 USD</span>
20711        </span>
20712        <span class="price-item__group">
20713          <span class="visually-hidden">Regular price&nbsp;</span>
20714          <span class="price-item--regular compare-at-price"></span>
20715        </span>
20716      
20717    </div>
20718  
20719</div>
20720
20721  
20722</product-price>
20723
20724
20725
20726
20727
20728
20729
20730
20731
20732
20733</div>
20734</div>
20735
20736
20737
20738
20739
20740
20741
20742  </div>
20743</product-card>
20744
20745
20746
20747
20748
20749
20750
20751
20752
20753
20754
20755
20756
20757
20758
20759
20760            
20761          </li>
20762        
20763          <li
20764            id="template--26206028398910__main-11745313292606"
20765            class="product-grid__item product-grid__item--21"
20766            data-page="1"
20767            data-product-id="11745313292606"
20768            ref="cards[]"
20769          >
20770            
20771            
20772
20773
20774
20775
20776
20777<style data-shopify>
20778  
20779</style>
20780
20781
20782
20783<product-card
20784  class="product-card size-style"
20785  style="--size-style-width: ;--size-style-height: ;"
20786  data-product-id="11745313292606"
20787  id="product-card-AQzU4Yk1uZjhwcEdmR__product-card-21"
20788  
20789    data-product-transition="true"
20790    data-featured-media-url="//soulfire.farm/cdn/shop/files/blackpearlpepper.jpg?v=1734924931&width=500"
20791    on:click="/handleViewTransition"
20792  
20793  
20794  
20795>
20796  <a
20797    id="1939fd4e19ab6b193ed3797340b20014"
20798    
20799      href="/products/black-pearl-pepper-plant?variant=51058113315134"
20800    
20801    class="product-card__link"
20802    ref="productCardLink"
20803  >
20804    <span class="visually-hidden">
20805      Black Pearl Pepper Plant
20806    </span>
20807  </a>
20808  <div
20809    class="
20810      product-card__content
20811      layout-panel-flex
20812      layout-panel-flex--column
20813      product-grid__card
20814      spacing-style
20815      border-style
20816      gap-style
20817       color-scheme-8
20818    "
20819    style="
20820      --border-width: 1px; --border-style: none; --border-color:
20821rgb(var(--color-border-rgb) / 1.0); --border-radius:
2082210px;  overflow: hidden; 
20823
20824      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
20825
20826
20827
20828--horizontal-alignment: ; --vertical-alignment: ;
20829--vertical-alignment-mobile: ;
20830
20831      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
20832      --product-card-gap: 0px;
20833      --quick-add-display: none;
20834      --quick-add-mobile-display: none;
20835      --quick-add-mobile-opacity: 0;
20836      
20837      
20838      
20839      
20840    "
20841  >
20842    
20843  
20844
20845
20846
20847
20848
20849
20850
20851<div
20852  ref="cardGallery"
20853  class="card-gallery card-gallery-Ad0hPaWttaDI0dVNlb__card-gallery-21 spacing-style border-style card-gallery--badge-top-left"
20854  style="
20855    --border-width: 1px; --border-style: none; --border-color:
20856rgb(var(--color-border-rgb) / 1.0); --border-radius:
208570px; 
20858
20859    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
20860    --gallery-aspect-ratio: 4 / 5;
20861  "
20862  data-product-id="11745313292606"
20863  
20864    on:pointerenter="/previewImage"
20865    on:pointerleave="/resetImage"
20866  
20867  
20868    data-view-transition-to-main-product
20869  
20870  data-image-ratio="portrait"
20871  
20872>
20873    <a
20874      class="contents"
20875      ref="cardGalleryLink"
20876      href="/products/black-pearl-pepper-plant?variant=51058113315134"
20877      aria-label="Black Pearl Pepper Plant"
20878    >
20879      <slideshow-component
20880  
20881    ref="slideshow"
20882  
20883  
20884  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
20885  
20886  initial-slide="0"
20887  
20888  
20889    infinite
20890  
20891
20892  data-generic-media-size="1"
20893>
20894  
20895  <slideshow-container ref="slideshowContainer">
20896    
20897    
20898    <slideshow-slides
20899      tabindex="-1"
20900      ref="scroller"
20901      
20902    >
20903      <slideshow-slide
20904  ref="slides[]"
20905  aria-hidden="false"
20906  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
20907  
20908    class="product-media-container media-fit product-media-container--image"
20909  
20910  
20911  
20912  
20913    slide-id="42057385476414"
20914  
20915  
20916  
20917  
20918>
20919  
20920
20921<div
20922  class="product-media"
20923  style="--ratio: 0.6675"
20924  data-media-id="42057385476414"
20925>
20926  
20927  <img src="//soulfire.farm/cdn/shop/files/blackpearlpepper.jpg?v=1734924931&amp;width=3840" alt="Black Pearl Pepper Plant" srcset="//soulfire.farm/cdn/shop/files/blackpearlpepper.jpg?v=1734924931&amp;width=240 240w, //soulfire.farm/cdn/shop/files/blackpearlpepper.jpg?v=1734924931&amp;width=352 352w, //soulfire.farm/cdn/shop/files/blackpearlpepper.jpg?v=1734924931&amp;width=832 832w, //soulfire.farm/cdn/shop/files/blackpearlpepper.jpg?v=1734924931&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/blackpearlpepper.jpg?v=1734924931&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/blackpearlpepper.jpg?v=1734924931&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/blackpearlpepper.jpg?v=1734924931&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/blackpearlpepper.jpg?v=1734924931&amp;width=3840 3840w" width="3840" height="5753" loading="eager" sizes="(min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/blackpearlpepper.jpg?v=1734924931&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
20928
20929  
20930</div>
20931
20932
20933
20934</slideshow-slide>
20935
20936
20937
20938
20939    </slideshow-slides>
20940  </slideshow-container>
20941  
20942</slideshow-component>
20943
20944
20945
20946
20947    </a>
20948  
20949  
20950    <div
20951      class="product-badges product-badges--top-left"
20952      style="
20953        --badge-border-radius: 40px;
20954        --badge-font-family: var(--font-accent--family);
20954 --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
20955      "
20956    ><div
20957          class="
20958            product-badges__badge product-badges__badge--rectangle
20959             color-scheme-cb76390f-038c-41ce-9a93-fc1d1f7315af
20960          "
20961        >Sold out
20962</div></div>
20963    
20964      
20965
20966<quick-add-component
20967  class="quick-add color-scheme-1 "
20968  ref="quickAdd"
20969  data-product-title="Black Pearl Pepper Plant"
20970  data-quick-add-button="add"
20971  data-product-options-count="1"
20972>
20973  <product-form-component
20974    data-section-id="template--26206028398910__main"
20975    data-product-id="11745313292606"
20976    on:submit="/handleSubmit"
20977    class="quick-add__product-form-component"
20978  >
20979    <div
20980      class="visually-hidden"
20981      aria-live="assertive"
20982      role="status"
20983      aria-atomic="true"
20984      ref="liveRegion"
20985    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11745313292606-Ad0hPaWttaDI0dVNlb__card-gallery-21" accept-charset="UTF-8" class="shopify-product-form" 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
20986        type="hidden"
20987        name="id"
20988        ref="variantId"
20989        value="51058113315134"
20990        
20991          disabled
20992        
20993      >
20994      <input
20995        type="hidden"
20996        name="quantity"
20997        value="1"
20998      >
20999      
21000      <add-to-cart-component
21001  ref="addToCartButtonContainer"
21002  data-product-variant-media="//soulfire.farm/cdn/shop/files/blackpearlpepper.jpg?v=1734924931&width=100"
21003  data-add-to-cart-animation="true"
21004>
21005  <button
21006    
21007    type="submit"
21008    name="add"
21009    ref="addToCartButton"
21010    on:click="/handleClick"
21011    class="button button quick-add__button quick-add__button--add add-to-cart-button"
21012    
21013    
21014      disabled
21015    
21016  >
21017    <span
21018      class="add-to-cart-text"
21019    >
21020      
21021      <span class="add-to-cart-text__content is-visually-hidden-mobile">
21022        <span>
21023          <span>Add</span>
21024        </span>
21025      </span>
21026    </span>
21027    
21028    <span class="add-to-cart__added">
21029      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
21030  <g class="check">
21031    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
21032    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
21033  </g>
21034  <g class="burst">
21035    <g style="--index: 0;">
21036      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
21037    </g>
21038    <g style="--index: 1;">
21039      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
21040    </g>
21041    <g style="--index: 2;">
21042      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
21043    </g>
21044    <g style="--index: 3;">
21045      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
21046    </g>
21047    <g style="--index: 4;">
21048      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
21049    </g>
21050    <g style="--index: 5;">
21051      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
21052    </g>
21053    <g style="--index: 6;">
21054      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
21055    </g>
21056    <g style="--index: 7;">
21057      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
21058    </g>
21059  </g>
21060</svg>
21061</span>
21062    </span>
21063  </button>
21064</add-to-cart-component>
21065
21066
21067      <button
21068        class="button quick-add__button quick-add__button--choose add-to-cart-button"
21069        
21070        type="button"
21071        name="add"
21072        on:click="quick-add-component/handleClick"
21073      >
21074        <span
21075          class="add-to-cart-text"
21076        >
21077          
21078          <span
21079            aria-hidden="true"
21080            class="svg-wrapper add-to-cart-icon"
21081          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
21082</span>
21083          <span class="add-to-cart-text__content is-visually-hidden-mobile">
21084            <span>
21085              
21086              <span>
21087                Choose
21088              </span>
21089            </span>
21090          </span>
21091        </span>
21092      </button><input type="hidden" name="product-id" value="11745313292606" /><input type="hidden" name="section-id" value="template--26206028398910__main" /></form></product-form-component>
21093</quick-add-component>
21094
21095
21096
21097
21098    
21099  
21100
21101</div>
21102
21103
21104
21105
21106
21107<div class="product-grid-view-zoom-out--details">
21108  
21109    <h3 class="h4">Black Pearl Pepper Plant</h3>
21110  
21111</div>
21112
21113
21114
21115
21116
21117
21118
21119
21120
21121<div
21122  class="
21123    group-block
21124    group-block--height-fit
21125    group-block--width-fill
21126    border-style
21127    spacing-style
21128    size-style
21129    
21130    
21131  "
21132  style="
21133    --border-width: 1px; --border-style: none; --border-color:
21134rgb(var(--color-border-rgb) / 1.0); --border-radius:
211350px; 
21136
21137    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));
21138    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
21139    
21140  "
21141  
21142  data-testid="group-block"
21143><div class="group-block__media-wrapper">
21144    
21145
21146
21147
21148    
21149  </div>
21150
21151  <div
21152    class="
21153      group-block-content
21154      
21155      layout-panel-flex
21156      layout-panel-flex--column
21157       mobile-column
21158    "
21159    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
21160
21161--gap: 4px;
21162
21163--horizontal-alignment: flex-start; --vertical-alignment: center;
21164--vertical-alignment-mobile: center;
21165"
21166  >
21167  
21168
21169
21170  
21171  <a
21172    class="contents user-select-text"
21173    ref="productTitleLink"
21174    href="/products/black-pearl-pepper-plant?variant=51058113315134"
21175  >
21176    
21177
21178
21179
21180
21181
21182
21183  <div class=" spacing-style text-block text-block--AOUpha1M4eVNTZ3VDN__product_title_NzQUxN-21 paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
21184    <p role="heading" aria-level="3">Black Pearl Pepper Plant</p>
21185  </div>
21186
21187
21188
21189
21190  </a>
21191
21192
21193
21194
21195
21196
21197<product-price
21198  class="text-block  rte text-center paragraph spacing-style"
21199  data-block-id="AdzVoVDNUc2tZSXRmb__price-21"
21200  data-product-id="11745313292606"
21201  style="
21202    
21203--color: var(--color-foreground);
21204    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
21205    --width: fit-content;
21206  "
21207  
21208>
21209  <div ref="priceContainer">
21210  
21211    
21212    <div
21213      class="
21214        price__regular
21215        
21216      "
21217    >
21218      <span class="price">$8.00 USD</span>
21219    </div>
21220    <div
21221      class="
21222        price__sale
21223        
21224          price__hidden
21225        
21226      "
21227    >
21228      
21229        <span class="price-item__group">
21230          <span class="visually-hidden">Sale price&nbsp;</span>
21231          <span class="price-item--sale price">$8.00 USD</span>
21232        </span>
21233        <span class="price-item__group">
21234          <span class="visually-hidden">Regular price&nbsp;</span>
21235          <span class="price-item--regular compare-at-price"></span>
21236        </span>
21237      
21238    </div>
21239  
21240</div>
21241
21242  
21243</product-price>
21244
21245
21246
21247
21248
21249
21250
21251
21252
21253
21254</div>
21255</div>
21256
21257
21258
21259
21260
21261
21262
21263  </div>
21264</product-card>
21265
21266
21267
21268
21269
21270
21271
21272
21273
21274
21275
21276
21277
21278
21279
21280
21281            
21282          </li>
21283        
21284          <li
21285            id="template--26206028398910__main-11744318390590"
21286            class="product-grid__item product-grid__item--22"
21287            data-page="1"
21288            data-product-id="11744318390590"
21289            ref="cards[]"
21290          >
21291            
21292            
21293
21294
21295
21296
21297
21298<style data-shopify>
21299  
21300</style>
21301
21302
21303
21304<product-card
21305  class="product-card size-style"
21306  style="--size-style-width: ;--size-style-height: ;"
21307  data-product-id="11744318390590"
21308  id="product-card-AQzU4Yk1uZjhwcEdmR__product-card-22"
21309  
21310    data-product-transition="true"
21311    data-featured-media-url="//soulfire.farm/cdn/shop/files/DSC0053.jpg?v=1734741400&width=500"
21312    on:click="/handleViewTransition"
21313  
21314  
21315  
21316>
21317  <a
21318    id="92c7f1a0e0e8d88f8d4bb2efb6f7079a"
21319    
21320      href="/products/holy-basil-tulsi-plant?variant=51053445775678"
21321    
21322    class="product-card__link"
21323    ref="productCardLink"
21324  >
21325    <span class="visually-hidden">
21326      Holy Basil (Tulsi) Plant
21327    </span>
21328  </a>
21329  <div
21330    class="
21331      product-card__content
21332      layout-panel-flex
21333      layout-panel-flex--column
21334      product-grid__card
21335      spacing-style
21336      border-style
21337      gap-style
21338       color-scheme-8
21339    "
21340    style="
21341      --border-width: 1px; --border-style: none; --border-color:
21342rgb(var(--color-border-rgb) / 1.0); --border-radius:
2134310px;  overflow: hidden; 
21344
21345      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
21346
21347
21348
21349--horizontal-alignment: ; --vertical-alignment: ;
21350--vertical-alignment-mobile: ;
21351
21352      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
21353      --product-card-gap: 0px;
21354      --quick-add-display: none;
21355      --quick-add-mobile-display: none;
21356      --quick-add-mobile-opacity: 0;
21357      
21358      
21359      
21360      
21361    "
21362  >
21363    
21364  
21365
21366
21367
21368
21369
21370
21371
21372<div
21373  ref="cardGallery"
21374  class="card-gallery card-gallery-Ad0hPaWttaDI0dVNlb__card-gallery-22 spacing-style border-style card-gallery--badge-top-left"
21375  style="
21376    --border-width: 1px; --border-style: none; --border-color:
21377rgb(var(--color-border-rgb) / 1.0); --border-radius:
213780px; 
21379
21380    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
21381    --gallery-aspect-ratio: 4 / 5;
21382  "
21383  data-product-id="11744318390590"
21384  
21385    on:pointerenter="/previewImage"
21386    on:pointerleave="/resetImage"
21387  
21388  
21389    data-view-transition-to-main-product
21390  
21391  data-image-ratio="portrait"
21392  
21393>
21394    <a
21395      class="contents"
21396      ref="cardGalleryLink"
21397      href="/products/holy-basil-tulsi-plant?variant=51053445775678"
21398      aria-label="Holy Basil (Tulsi) Plant"
21399    >
21400      <slideshow-component
21401  
21402    ref="slideshow"
21403  
21404  
21405  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
21406  
21407  initial-slide="0"
21408  
21409  
21410    infinite
21411  
21412
21413  data-generic-media-size="1"
21414>
21415  
21416  <slideshow-container ref="slideshowContainer">
21417    
21418    
21419    <slideshow-slides
21420      tabindex="-1"
21421      ref="scroller"
21422      
21423    >
21424      <slideshow-slide
21425  ref="slides[]"
21426  aria-hidden="false"
21427  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
21428  
21429    class="product-media-container media-fit product-media-container--image"
21430  
21431  
21432  
21433  
21434    slide-id="42052392157502"
21435  
21436  
21437  
21438  
21439>
21440  
21441
21442<div
21443  class="product-media"
21444  style="--ratio: 0.667"
21445  data-media-id="42052392157502"
21446>
21447  
21448  <img src="//soulfire.farm/cdn/shop/files/DSC0053.jpg?v=1734741400&amp;width=3840" alt="Holy Basil (Tulsi) Plant" srcset="//soulfire.farm/cdn/shop/files/DSC0053.jpg?v=1734741400&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC0053.jpg?v=1734741400&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC0053.jpg?v=1734741400&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC0053.jpg?v=1734741400&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0053.jpg?v=1734741400&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0053.jpg?v=1734741400&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0053.jpg?v=1734741400&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0053.jpg?v=1734741400&amp;width=3840 3840w" width="3840" height="5757" loading="eager" sizes="(min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC0053.jpg?v=1734741400&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
21449
21450  
21451</div>
21452
21453
21454
21455</slideshow-slide>
21456
21457
21458
21459
21460    </slideshow-slides>
21461  </slideshow-container>
21462  
21463</slideshow-component>
21464
21465
21466
21467
21468    </a>
21469  
21470  
21471    <div
21472      class="product-badges product-badges--top-left"
21473      style="
21474        --badge-border-radius: 40px;
21475        --badge-font-family: var(--font-accent--family); --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
21476      "
21477    ><div
21478          class="
21479            product-badges__badge product-badges__badge--rectangle
21480             color-scheme-cb76390f-038c-41ce-9a93-fc1d1f7315af
21481          "
21482        >Sold out
21483</div></div>
21484    
21485      
21486
21487<quick-add-component
21488  class="quick-add color-scheme-1 "
21489  ref="quickAdd"
21490  data-product-title="Holy Basil (Tulsi) Plant"
21491  data-quick-add-button="add"
21492  data-product-options-count="1"
21493>
21494  <product-form-component
21495    data-section-id="template--26206028398910__main"
21496    data-product-id="11744318390590"
21497    on:submit="/handleSubmit"
21498    class="quick-add__product-form-component"
21499  >
21500    <div
21501      class="visually-hidden"
21502      aria-live="assertive"
21503      role="status"
21504      aria-atomic="true"
21505      ref="liveRegion"
21506    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11744318390590-Ad0hPaWttaDI0dVNlb__card-gallery-22" accept-charset="UTF-8" class="shopify-product-form" 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
21507        type="hidden"
21508        name="id"
21509        ref="variantId"
21510        value="51053445775678"
21511        
21512          disabled
21513        
21514      >
21515      <input
21516        type="hidden"
21517        name="quantity"
21518        value="1"
21519      >
21520      
21521      <add-to-cart-component
21522  ref="addToCartButtonContainer"
21523  data-product-variant-media="//soulfire.farm/cdn/shop/files/DSC0053.jpg?v=1734741400&width=100"
21524  data-add-to-cart-animation="true"
21525>
21526  <button
21527    
21528    type="submit"
21529    name="add"
21530    ref="addToCartButton"
21531    on:click="/handleClick"
21532    class="button button quick-add__button quick-add__button--add add-to-cart-button"
21533    
21534    
21535      disabled
21536    
21537  >
21538    <span
21539      class="add-to-cart-text"
21540    >
21541      
21542      <span class="add-to-cart-text__content is-visually-hidden-mobile">
21543        <span>
21544          <span>Add</span>
21545        </span>
21546      </span>
21547    </span>
21548    
21549    <span class="add-to-cart__added">
21550      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
21551  <g class="check">
21552    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
21553    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
21554  </g>
21555  <g class="burst">
21556    <g style="--index: 0;">
21557      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
21558    </g>
21559    <g style="--index: 1;">
21560      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
21561    </g>
21562    <g style="--index: 2;">
21563      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
21564    </g>
21565    <g style="--index: 3;">
21566      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
21567    </g>
21568    <g style="--index: 4;">
21569      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
21570    </g>
21571    <g style="--index: 5;">
21572      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
21573    </g>
21574    <g style="--index: 6;">
21575      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
21576    </g>
21577    <g style="--index: 7;">
21578      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
21579    </g>
21580  </g>
21581</svg>
21582</span>
21583    </span>
21584  </button>
21585</add-to-cart-component>
21586
21587
21588      <button
21589        class="button quick-add__button quick-add__button--choose add-to-cart-button"
21590        
21591        type="button"
21592        name="add"
21593        on:click="quick-add-component/handleClick"
21594      >
21595        <span
21596          class="add-to-cart-text"
21597        >
21598          
21599          <span
21600            aria-hidden="true"
21601            class="svg-wrapper add-to-cart-icon"
21602          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
21603</span>
21604          <span class="add-to-cart-text__content is-visually-hidden-mobile">
21605            <span>
21606              
21607              <span>
21608                Choose
21609              </span>
21610            </span>
21611          </span>
21612        </span>
21613      </button><input type="hidden" name="product-id" value="11744318390590" /><input type="hidden" name="section-id" value="template--26206028398910__main" /></form></product-form-component>
21614</quick-add-component>
21615
21616
21617
21618
21619    
21620  
21621
21622</div>
21623
21624
21625
21626
21627
21628<div class="product-grid-view-zoom-out--details">
21629  
21630    <h3 class="h4">Holy Basil (Tulsi) Plant</h3>
21631  
21632</div>
21633
21634
21635
21636
21637
21638
21639
21640
21641
21642<div
21643  class="
21644    group-block
21645    group-block--height-fit
21646    group-block--width-fill
21647    border-style
21648    spacing-style
21649    size-style
21650    
21651    
21652  "
21653  style="
21654    --border-width: 1px; --border-style: none; --border-color:
21655rgb(var(--color-border-rgb) / 1.0); --border-radius:
216560px; 
21657
21658    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));
21659    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
21660    
21661  "
21662  
21663  data-testid="group-block"
21664><div class="group-block__media-wrapper">
21665    
21666
21667
21668
21669    
21670  </div>
21671
21672  <div
21673    class="
21674      group-block-content
21675      
21676      layout-panel-flex
21677      layout-panel-flex--column
21678       mobile-column
21679    "
21680    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
21681
21682--gap: 4px;
21683
21684--horizontal-alignment: flex-start; --vertical-alignment: center;
21685--vertical-alignment-mobile: center;
21686"
21687  >
21688  
21689
21690
21691  
21692  <a
21693    class="contents user-select-text"
21694    ref="productTitleLink"
21695    href="/products/holy-basil-tulsi-plant?variant=51053445775678"
21696  >
21697    
21698
21699
21700
21701
21702
21703
21704  <div class=" spacing-style text-block text-block--AOUpha1M4eVNTZ3VDN__product_title_NzQUxN-22 paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
21705    <p role="heading" aria-level="3">Holy Basil (Tulsi) Plant</p>
21706  </div>
21707
21708
21709
21710
21711  </a>
21712
21713
21714
21715
21716
21717
21718<product-price
21719  class="text-block  rte text-center paragraph spacing-style"
21720  data-block-id="AdzVoVDNUc2tZSXRmb__price-22"
21721  data-product-id="11744318390590"
21722  style="
21723    
21724--color: var(--color-foreground);
21725    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
21726    --width: fit-content;
21727  "
21728  
21729>
21730  <div ref="priceContainer">
21731  
21732    
21733    <div
21734      class="
21735        price__regular
21736        
21737      "
21738    >
21739      <span class="price">$9.00 USD</span>
21740    </div>
21741    <div
21742      class="
21743        price__sale
21744        
21745          price__hidden
21746        
21747      "
21748    >
21749      
21750        <span class="price-item__group">
21751          <span class="visually-hidden">Sale price&nbsp;</span>
21752          <span class="price-item--sale price">$9.00 USD</span>
21753        </span>
21754        <span class="price-item__group">
21755          <span class="visually-hidden">Regular price&nbsp;</span>
21756          <span class="price-item--regular compare-at-price"></span>
21757        </span>
21758      
21759    </div>
21760  
21761</div>
21762
21763  
21764</product-price>
21765
21766
21767
21768
21769
21770
21771
21772
21773
21774
21775</div>
21776</div>
21777
21778
21779
21780
21781
21782
21783
21784  </div>
21785</product-card>
21786
21787
21788
21789
21790
21791
21792
21793
21794
21795
21796
21797
21798
21799
21800
21801
21802            
21803          </li>
21804        
21805          <li
21806            id="template--26206028398910__main-11744316981566"
21807            class="product-grid__item product-grid__item--23"
21808            data-page="1"
21809            data-product-id="11744316981566"
21810            ref="cards[]"
21811          >
21812            
21813            
21814
21815
21816
21817
21818
21819<style data-shopify>
21820  
21821</style>
21822
21823
21824
21825<product-card
21826  class="product-card size-style"
21827  style="--size-style-width: ;--size-style-height: ;"
21828  data-product-id="11744316981566"
21829  id="product-card-AQzU4Yk1uZjhwcEdmR__product-card-23"
21830  
21831    data-product-transition="true"
21832    data-featured-media-url="//soulfire.farm/cdn/shop/files/DSC9769.jpg?v=1734741217&width=500"
21833    on:click="/handleViewTransition"
21834  
21835  
21836  
21837>
21838  <a
21839    id="2240028062d5e75eedef5c782b10c625"
21840    
21841      href="/products/brazilian-spinach-plant?variant=51053443088702"
21842    
21843    class="product-card__link"
21844    ref="productCardLink"
21845  >
21846    <span class="visually-hidden">
21847      Brazilian Spinach Plant
21848    </span>
21849  </a>
21850  <div
21851    class="
21852      product-card__content
21853      layout-panel-flex
21854      layout-panel-flex--column
21855      product-grid__card
21856      spacing-style
21857      border-style
21858      gap-style
21859       color-scheme-8
21860    "
21861    style="
21862      --border-width: 1px; --border-style: none; --border-color:
21863rgb(var(--color-border-rgb) / 1.0); --border-radius:
2186410px;  overflow: hidden; 
21865
21866      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
21867
21868
21869
21870--horizontal-alignment: ; --vertical-alignment: ;
21871--vertical-alignment-mobile: ;
21872
21873      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
21874      --product-card-gap: 0px;
21875      --quick-add-display: none;
21876      --quick-add-mobile-display: none;
21877      --quick-add-mobile-opacity: 0;
21878      
21879      
21880      
21881      
21882    "
21883  >
21884    
21885  
21886
21887
21888
21889
21890
21891
21892
21893<div
21894  ref="cardGallery"
21895  class="card-gallery card-gallery-Ad0hPaWttaDI0dVNlb__card-gallery-23 spacing-style border-style card-gallery--badge-top-left"
21896  style="
21897    --border-width: 1px; --border-style: none; --border-color:
21898rgb(var(--color-border-rgb) / 1.0); --border-radius:
218990px; 
21900
21901    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
21902    --gallery-aspect-ratio: 4 / 5;
21903  "
21904  data-product-id="11744316981566"
21905  
21906    on:pointerenter="/previewImage"
21907    on:pointerleave="/resetImage"
21908  
21909  
21910    data-view-transition-to-main-product
21911  
21912  data-image-ratio="portrait"
21913  
21914>
21915    <a
21916      class="contents"
21917      ref="cardGalleryLink"
21918      href="/products/brazilian-spinach-plant?variant=51053443088702"
21919      aria-label="Brazilian Spinach Plant"
21920    >
21921      <slideshow-component
21922  
21923    ref="slideshow"
21924  
21925  
21926  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
21927  
21928  initial-slide="0"
21929  
21930  
21931    infinite
21932  
21933
21934  data-generic-media-size="2"
21935>
21936  
21937  <slideshow-container ref="slideshowContainer">
21938    
21939    
21940    <slideshow-slides
21941      tabindex="-1"
21942      ref="scroller"
21943      
21944    >
21945      <slideshow-slide
21946  ref="slides[]"
21947  aria-hidden="false"
21948  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
21949  
21950    class="product-media-container media-fit product-media-container--image"
21951  
21952  
21953  
21954  
21955    slide-id="42052384424254"
21956  
21957  
21958  
21959  
21960>
21961  
21962
21963<div
21964  class="product-media"
21965  style="--ratio: 0.667"
21966  data-media-id="42052384424254"
21967>
21968  
21969  <img src="//soulfire.farm/cdn/shop/files/DSC9769.jpg?v=1734741217&amp;width=3840" alt="Brazilian Spinach Plant" srcset="//soulfire.farm/cdn/shop/files/DSC9769.jpg?v=1734741217&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC9769.jpg?v=1734741217&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC9769.jpg?v=1734741217&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC9769.jpg?v=1734741217&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC9769.jpg?v=1734741217&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC9769.jpg?v=1734741217&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC9769.jpg?v=1734741217&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC9769.jpg?v=1734741217&amp;width=3840 3840w" width="3840" height="5757" loading="eager" sizes="(min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC9769.jpg?v=1734741217&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
21970
21971  
21972</div>
21973
21974
21975
21976</slideshow-slide>
21977
21978
21979
21980<slideshow-slide
21981  ref="slides[]"
21982  aria-hidden="true"
21983  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
21984  
21985    class="product-media-container media-fit product-media-container--image"
21986  
21987  
21988  
21989  
21990    slide-id="42052384457022"
21991  
21992  
21993  
21994  
21995>
21996  
21997
21998<div
21999  class="product-media"
22000  style="--ratio: 0.667"
22001  data-media-id="42052384457022"
22002>
22003  
22004  <img src="//soulfire.farm/cdn/shop/files/DSC9771.jpg?v=1734741217&amp;width=3840" alt="Brazilian Spinach Plant" srcset="//soulfire.farm/cdn/shop/files/DSC9771.jpg?v=1734741217&amp;width=240 240w, //soulfire.farm/cdn/shop/files/DSC9771.jpg?v=1734741217&amp;width=352 352w, //soulfire.farm/cdn/shop/files/DSC9771.jpg?v=1734741217&amp;width=832 832w, //soulfire.farm/cdn/shop/files/DSC9771.jpg?v=1734741217&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC9771.jpg?v=1734741217&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC9771.jpg?v=1734741217&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC9771.jpg?v=1734741217&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC9771.jpg?v=1734741217&amp;width=3840 3840w" width="3840" height="5757" loading="lazy" sizes="auto, (min-width: 1780px) 20vw, (min-width: 1424px) 25vw, (min-width: 1068px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//soulfire.farm/cdn/shop/files/DSC9771.jpg?v=1734741217&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
22005
22006  
22007</div>
22008
22009
22010
22011</slideshow-slide>
22012
22013
22014
22015
22016    </slideshow-slides>
22017  </slideshow-container>
22018  
22019</slideshow-component>
22020
22021
22022
22023
22024    </a>
22025  
22026  
22027    <div
22028      class="product-badges product-badges--top-left"
22029      style="
22030        --badge-border-radius: 40px;
22031        --badge-font-family: var(--font-accent--family);
22031 --badge-font-weight: var(--font-accent--weight); --badge-text-transform: uppercase;
22032      "
22033    ><div
22034          class="
22035            product-badges__badge product-badges__badge--rectangle
22036             color-scheme-cb76390f-038c-41ce-9a93-fc1d1f7315af
22037          "
22038        >Sold out
22039</div></div>
22040    
22041      
22042
22043<quick-add-component
22044  class="quick-add color-scheme-1 "
22045  ref="quickAdd"
22046  data-product-title="Brazilian Spinach Plant"
22047  data-quick-add-button="add"
22048  data-product-options-count="1"
22049>
22050  <product-form-component
22051    data-section-id="template--26206028398910__main"
22052    data-product-id="11744316981566"
22053    on:submit="/handleSubmit"
22054    class="quick-add__product-form-component"
22055  >
22056    <div
22057      class="visually-hidden"
22058      aria-live="assertive"
22059      role="status"
22060      aria-atomic="true"
22061      ref="liveRegion"
22062    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11744316981566-Ad0hPaWttaDI0dVNlb__card-gallery-23" accept-charset="UTF-8" class="shopify-product-form" 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
22063        type="hidden"
22064        name="id"
22065        ref="variantId"
22066        value="51053443088702"
22067        
22068          disabled
22069        
22070      >
22071      <input
22072        type="hidden"
22073        name="quantity"
22074        value="1"
22075      >
22076      
22077      <add-to-cart-component
22078  ref="addToCartButtonContainer"
22079  data-product-variant-media="//soulfire.farm/cdn/shop/files/DSC9769.jpg?v=1734741217&width=100"
22080  data-add-to-cart-animation="true"
22081>
22082  <button
22083    
22084    type="submit"
22085    name="add"
22086    ref="addToCartButton"
22087    on:click="/handleClick"
22088    class="button button quick-add__button quick-add__button--add add-to-cart-button"
22089    
22090    
22091      disabled
22092    
22093  >
22094    <span
22095      class="add-to-cart-text"
22096    >
22097      
22098      <span class="add-to-cart-text__content is-visually-hidden-mobile">
22099        <span>
22100          <span>Add</span>
22101        </span>
22102      </span>
22103    </span>
22104    
22105    <span class="add-to-cart__added">
22106      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
22107  <g class="check">
22108    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
22109    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
22110  </g>
22111  <g class="burst">
22112    <g style="--index: 0;">
22113      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
22114    </g>
22115    <g style="--index: 1;">
22116      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
22117    </g>
22118    <g style="--index: 2;">
22119      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
22120    </g>
22121    <g style="--index: 3;">
22122      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
22123    </g>
22124    <g style="--index: 4;">
22125      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
22126    </g>
22127    <g style="--index: 5;">
22128      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
22129    </g>
22130    <g style="--index: 6;">
22131      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
22132    </g>
22133    <g style="--index: 7;">
22134      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
22135    </g>
22136  </g>
22137</svg>
22138</span>
22139    </span>
22140  </button>
22141</add-to-cart-component>
22142
22143
22144      <button
22145        class="button quick-add__button quick-add__button--choose add-to-cart-button"
22146        
22147        type="button"
22148        name="add"
22149        on:click="quick-add-component/handleClick"
22150      >
22151        <span
22152          class="add-to-cart-text"
22153        >
22154          
22155          <span
22156            aria-hidden="true"
22157            class="svg-wrapper add-to-cart-icon"
22158          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
22159</span>
22160          <span class="add-to-cart-text__content is-visually-hidden-mobile">
22161            <span>
22162              
22163              <span>
22164                Choose
22165              </span>
22166            </span>
22167          </span>
22168        </span>
22169      </button><input type="hidden" name="product-id" value="11744316981566" /><input type="hidden" name="section-id" value="template--26206028398910__main" /></form></product-form-component>
22170</quick-add-component>
22171
22172
22173
22174
22175    
22176  
22177
22178</div>
22179
22180
22181
22182
22183
22184<div class="product-grid-view-zoom-out--details">
22185  
22186    <h3 class="h4">Brazilian Spinach Plant</h3>
22187  
22188</div>
22189
22190
22191
22192
22193
22194
22195
22196
22197
22198<div
22199  class="
22200    group-block
22201    group-block--height-fit
22202    group-block--width-fill
22203    border-style
22204    spacing-style
22205    size-style
22206    
22207    
22208  "
22209  style="
22210    --border-width: 1px; --border-style: none; --border-color:
22211rgb(var(--color-border-rgb) / 1.0); --border-radius:
222120px; 
22213
22214    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));
22215    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
22216    
22217  "
22218  
22219  data-testid="group-block"
22220><div class="group-block__media-wrapper">
22221    
22222
22223
22224
22225    
22226  </div>
22227
22228  <div
22229    class="
22230      group-block-content
22231      
22232      layout-panel-flex
22233      layout-panel-flex--column
22234       mobile-column
22235    "
22236    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
22237
22238--gap: 4px;
22239
22240--horizontal-alignment: flex-start; --vertical-alignment: center;
22241--vertical-alignment-mobile: center;
22242"
22243  >
22244  
22245
22246
22247  
22248  <a
22249    class="contents user-select-text"
22250    ref="productTitleLink"
22251    href="/products/brazilian-spinach-plant?variant=51053443088702"
22252  >
22253    
22254
22255
22256
22257
22258
22259
22260  <div class=" spacing-style text-block text-block--AOUpha1M4eVNTZ3VDN__product_title_NzQUxN-23 paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
22261    <p role="heading" aria-level="3">Brazilian Spinach Plant</p>
22262  </div>
22263
22264
22265
22266
22267  </a>
22268
22269
22270
22271
22272
22273
22274<product-price
22275  class="text-block  rte text-center paragraph spacing-style"
22276  data-block-id="AdzVoVDNUc2tZSXRmb__price-23"
22277  data-product-id="11744316981566"
22278  style="
22279    
22280--color: var(--color-foreground);
22281    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
22282    --width: fit-content;
22283  "
22284  
22285>
22286  <div ref="priceContainer">
22287  
22288    
22289    <div
22290      class="
22291        price__regular
22292        
22293      "
22294    >
22295      <span class="price">$6.00 USD</span>
22296    </div>
22297    <div
22298      class="
22299        price__sale
22300        
22301          price__hidden
22302        
22303      "
22304    >
22305      
22306        <span class="price-item__group">
22307          <span class="visually-hidden">Sale price&nbsp;</span>
22308          <span class="price-item--sale price">$6.00 USD</span>
22309        </span>
22310        <span class="price-item__group">
22311          <span class="visually-hidden">Regular price&nbsp;</span>
22312          <span class="price-item--regular compare-at-price"></span>
22313        </span>
22314      
22315    </div>
22316  
22317</div>
22318
22319  
22320</product-price>
22321
22322
22323
22324
22325
22326
22327
22328
22329
22330
22331</div>
22332</div>
22333
22334
22335
22336
22337
22338
22339
22340  </div>
22341</product-card>
22342
22343
22344
22345
22346
22347
22348
22349
22350
22351
22352
22353
22354
22355
22356
22357
22358            
22359          </li>
22360        
22361      
22362      </ul>
22363      
22364        <span ref="viewMoreNext"></span>
22365      
22366    
22367  </div>
22368</div>
22369
22370
22371
22372    
22373  </div>
22374</results-list>
22375
22376
22377</div>
22378    </main>
22379
22380    <footer>
22381      <!-- BEGIN sections: footer-group -->
22382<div id="shopify-section-sections--26206028661054__migrated_footer_content" class="shopify-section shopify-section-group-footer-group section-wrapper">
22383
22384
22385
22386<div class="section-background color-scheme-5"></div>
22387<div
22388  class="section section--page-width color-scheme-5"
22389  data-testid="ui-test-section"
22390
22391  
22392
22393  style="
22394    
22395
22396    
22397  "
22398>
22399  <div class="custom-section-background">
22400    
22401
22402
22403
22404  </div>
22405
22406  <div
22407    class="border-style custom-section-content"
22408    style="--border-width: 1px; --border-style: none; --border-color:
22409rgb(var(--color-border-rgb) / 1.0); --border-radius:
224100px; 
22411"
22412  >
22413    
22414
22415    <div
22416      class="
22417        spacing-style
22418        layout-panel-flex
22419        layout-panel-flex--column
22420        section-content-wrapper
22421         mobile-column
22422      "
22423      style="
22424        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
22425
22426--gap: 12px;
22427
22428--horizontal-alignment: center; --vertical-alignment: center;
22429--vertical-alignment-mobile: center;
22430
22431        --padding-block-start: max(20px, calc(var(--spacing-scale) * 36px));--padding-block-end: 18px;
22432      "
22433      data-testid="section-content"
22434    >
22435      
22436  
22437
22438
22439<div
22440  class="
22441    group-block
22442    group-block--height-fit
22443    group-block--width-fill
22444    border-style
22445    spacing-style
22446    size-style
22447    
22448    
22449  "
22450  style="
22451    --border-width: 1px; --border-style: none; --border-color:
22452rgb(var(--color-border-rgb) / 1.0); --border-radius:
224530px; 
22454
22455    --padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: 0px;--padding-inline-end: 0px;
22456    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
22457    
22458  "
22459  
22460  data-testid="group-block"
22461><div class="group-block__media-wrapper">
22462    
22463
22464
22465
22466    
22467  </div>
22468
22469  <div
22470    class="
22471      group-block-content
22472      
22473      layout-panel-flex
22474      layout-panel-flex--row
22475       mobile-column
22476    "
22477    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
22478
22479--gap: max(24px, calc(var(--gap-scale, 1.0) * 42px));
22480
22481--horizontal-alignment: space-between; --vertical-alignment: flex-start;
22482--vertical-alignment-mobile: flex-start;
22483"
22484  >
22485  
22486
22487
22488<div
22489  class="
22490    group-block
22491    group-block--height-fit
22492    group-block--width-custom
22493    border-style
22494    spacing-style
22495    size-style
22496    
22497    
22498  "
22499  style="
22500    --border-width: 1px; --border-style: none; --border-color:
22501rgb(var(--color-border-rgb) / 1.0); --border-radius:
225020px; 
22503
22504    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
22505    --size-style-width:67%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
22506    
22507  "
22508  
22509  data-testid="group-block"
22510><div class="group-block__media-wrapper">
22511    
22512
22513
22514
22515    
22516  </div>
22517
22518  <div
22519    class="
22520      group-block-content
22521      
22522      layout-panel-flex
22523      layout-panel-flex--row
22524       mobile-column
22525    "
22526    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
22527
22528--gap: 20px;
22529
22530--horizontal-alignment: center; --vertical-alignment: flex-start;
22531--vertical-alignment-mobile: flex-start;
22532"
22533  >
22534  
22535
22536
22537
22538
22539
22540  <accordion-custom
22541  
22542    class="menu menu--accordion"
22543  
22544  
22545  
22546    open-by-default-on-desktop
22547  
22548  
22549  
22550    data-disable-on-desktop="true"
22551  
22552  
22553  
22554  
22555  
22556>
22557  
22558    <details
22559      class="
22560        menu__details
22561        spacing-style
22562        
22563      "
22564      data-testid="menu-details"
22565      style="
22566        --spacing--size: 10px;
22567        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
22568      "
22569      
22570      
22571    >
22572      <summary class="menu__heading h3">
22573        <span class="menu__heading__default">Menu</span>
22574        <span class="menu__heading__accordion">
22575          Menu
22576          
22577            <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
22578  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
22579</svg>
22580</span>
22581          
22582        </span>
22583      </summary>
22584
22585      <nav
22586        class="details-content"
22587        
22588      >
22589        
22590          <ul class="list-unstyled">
22591            
22592              <li class="menu__item paragraph">
22593                <a href="/collections/all">
22594                  Shop
22595                </a>
22596              </li>
22597            
22598              <li class="menu__item paragraph">
22599                <a href="/blogs/blog">
22600                  Blog
22601                </a>
22602              </li>
22603            
22604              <li class="menu__item paragraph">
22605                <a href="/pages/volunteer">
22606                  Volunteer
22607                </a>
22608              </li>
22609            
22610              <li class="menu__item paragraph">
22611                <a href="/pages/about">
22612                  About Us
22613                </a>
22614              </li>
22615            
22616              <li class="menu__item paragraph">
22617                <a href="/pages/contact">
22618                  Contact
22619                </a>
22620              </li>
22621            
22622              <li class="menu__item paragraph">
22623                <a href="/pages/tree-collection">
22624                  Tree Collection
22625                </a>
22626              </li>
22627            
22628              <li class="menu__item paragraph">
22629                <a href="https://laselvaorganics.com">
22630                  Fertilizante Orgánico
22631                </a>
22632              </li>
22633            
22634              <li class="menu__item paragraph">
22635                <a href="https://sale.soulfire.farm/">
22636                  Property For Sale
22637                </a>
22638              </li>
22639            
22640          </ul>
22641        
22642      </nav>
22643    </details>
22644  
22645</accordion-custom>
22646
22647
22648
22649
22650
22651
22652
22653
22654
22655
22656
22657
22658
22659
22660
22661
22662
22663
22664
22665  <rte-formatter class=" spacing-style text-block text-block--ANW9udGdqdGRSMTJCK__text_3VhaTb rte    text-block--align-center rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;          ">
22666    <h3>🇵🇦</h3><p>Isla Solarte, Bocas del Toro</p><p><strong>+ (507) 6701 3856 <br/></strong>(WhatsApp)</p>
22667  </rte-formatter>
22668
22669
22670
22671
22672
22673
22674
22675</div>
22676</div>
22677
22678
22679
22680
22681
22682
22683
22684
22685<div
22686  class="
22687    group-block
22688    group-block--height-fill
22689    group-block--width-custom
22690    border-style
22691    spacing-style
22692    size-style
22693    
22694    
22695  "
22696  style="
22697    --border-width: 1px; --border-style: none; --border-color:
22698rgb(var(--color-border-rgb) / 1.0); --border-radius:
226990px; 
22700
22701    --padding-block-start: 0px;--padding-block-end: 4px;--padding-inline-start: 0px;--padding-inline-end: 0px;
22702    --size-style-width:33%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
22703    
22704  "
22705  
22706  data-testid="group-block"
22707><div class="group-block__media-wrapper">
22708    
22709
22710
22711
22712    
22713  </div>
22714
22715  <div
22716    class="
22717      group-block-content
22718      
22719      layout-panel-flex
22720      layout-panel-flex--column
22721      
22722    "
22723    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
22724
22725--gap: 24px;
22726
22727--horizontal-alignment: center; --vertical-alignment: flex-start;
22728--vertical-alignment-mobile: flex-start;
22729"
22730  >
22731  
22732
22733
22734<div
22735  class="
22736    logo-block
22737    spacing-style
22738  "
22739  style="
22740    
22741      
22742        --logo-width: 262.5px;
22743      
22744    
22745
22746    
22747    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
22748  "
22749  
22750>
22751  
22752    <div class="logo-block__image-wrapper">
22753      
22754<img src="//soulfire.farm/cdn/shop/files/logo_light.png?v=1753300623&amp;width=3840" alt="SoulFire Farm" srcset="//soulfire.farm/cdn/shop/files/logo_light.png?v=1753300623&amp;width=240 240w, //soulfire.farm/cdn/shop/files/logo_light.png?v=1753300623&amp;width=352 352w, //soulfire.farm/cdn/shop/files/logo_light.png?v=1753300623&amp;width=832 832w, //soulfire.farm/cdn/shop/files/logo_light.png?v=1753300623&amp;width=1200 1200w, //soulfire.farm/cdn/shop/files/logo_light.png?v=1753300623&amp;width=1600 1600w, //soulfire.farm/cdn/shop/files/logo_light.png?v=1753300623&amp;width=1920 1920w, //soulfire.farm/cdn/shop/files/logo_light.png?v=1753300623&amp;width=2560 2560w, //soulfire.farm/cdn/shop/files/logo_light.png?v=1753300623&amp;width=3840 3840w" width="300" height="128" class="logo-block__image" sizes="(min-width: 750px) calc(var(--logo-width)), 100vw">
22755    </div>
22756  
22757</div>
22758
22759
22760
22761
22762
22763
22764
22765
22766
22767
22768
22769
22770
22771  <div class=" spacing-style text-block text-block--Aam8vcm1HY0NiZlB4c__text_dFFpdp h3    text-block--align-center  "  style="    --padding-block-start: 10px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;          ">
22772    <p>Stay Connected</p>
22773  </div>
22774
22775
22776
22777
22778
22779
22780
22781
22782
22783<div
22784  class="
22785    group-block
22786    group-block--height-fit
22787    group-block--width-fill
22788    border-style
22789    spacing-style
22790    size-style
22791    
22792    
22793  "
22794  style="
22795    --border-width: 1px; --border-style: none; --border-color:
22796rgb(var(--color-border-rgb) / 1.0); --border-radius:
227970px; 
22798
22799    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
22800    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
22801    
22802  "
22803  
22804  data-testid="group-block"
22805><div class="group-block__media-wrapper">
22806    
22807
22808
22809
22810    
22811  </div>
22812
22813  <div
22814    class="
22815      group-block-content
22816      
22817      layout-panel-flex
22818      layout-panel-flex--row
22819      
22820    "
22821    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
22822
22823--gap: 12px;
22824
22825--horizontal-alignment: center; --vertical-alignment: center;
22826--vertical-alignment-mobile: center;
22827"
22828  >
22829  <div id="shopify-block-ASDFiRkVuYjJ4dVFHN__icon_gN6Dkc" class="shopify-block icon-block">
22830
22831
22832
22833
22834
22835<a
22836    href="https://www.facebook.com/soulfirefarmbocas/"
22837    class="text-inherit"
22838    
22839      target="_blank" rel="noopener"
22840    
22841  >
22842    
22843  <svg
22844    class="icon-block__media icon-block-ASDFiRkVuYjJ4dVFHN__icon_gN6Dkc icon-default"
22845    aria-hidden="true"
22846    focusable="false"
22847    xmlns="http://www.w3.org/2000/svg"
22848    width="28"
22849    height="28"
22850    viewBox="0 0 20 20"
22851    
22852      
22853    
22854  >
22855
22856
22857<path d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z" /></svg>
22858
22859  </a>
22860
22861
22862</div>
22863<div id="shopify-block-AREUxNU5CM2liSkhFR__icon_p3cq9C" class="shopify-block icon-block">
22864
22865
22866
22867
22868
22869<a
22870    href="https://www.instagram.com/soulfire.farm/"
22871    class="text-inherit"
22872    
22873      target="_blank" rel="noopener"
22874    
22875  >
22876    
22877  <svg
22878    class="icon-block__media icon-block-AREUxNU5CM2liSkhFR__icon_p3cq9C icon-default"
22879    aria-hidden="true"
22880    focusable="false"
22881    xmlns="http://www.w3.org/2000/svg"
22882    width="28"
22883    height="28"
22884    viewBox="0 0 20 20"
22885    
22886      
22887    
22888  >
22889
22890
22891<path
22892      fill-rule="evenodd"
22893      d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z"
22894      clip-rule="evenodd"
22895    /></svg>
22896
22897  </a>
22898
22899
22900</div>
22901<div id="shopify-block-AbWZsVTRGd2ZBL3hBc__icon_hQX679" class="shopify-block icon-block">
22902
22903
22904
22905
22906
22907<a
22908    href="https://api.whatsapp.com/send/?phone=%2B50767013856&text&type=phone_number&app_absent=0"
22909    class="text-inherit"
22910    
22911      target="_blank" rel="noopener"
22912    
22913  >
22914    
22915  <svg
22916    class="icon-block__media icon-block-AbWZsVTRGd2ZBL3hBc__icon_hQX679 icon-default"
22917    aria-hidden="true"
22918    focusable="false"
22919    xmlns="http://www.w3.org/2000/svg"
22920    width="28"
22921    height="28"
22922    viewBox="0 0 20 20"
22923    
22924      
22925    
22926  >
22927
22928
22929<path
22930      d="M17.9234 9.63974C17.8487 7.59633 16.9877 5.66079 15.5199 4.23722C14.0521 2.81365 12.0911 2.01212 10.0464 2H10.0078C8.63087 1.99898 7.27744 2.35647 6.08057 3.03729C4.88373 3.71811 3.88476 4.6988 3.18196 5.88287C2.47916 7.06694 2.09675 8.41361 2.07235 9.7903C2.04795 11.167 2.38241 12.5264 3.04282 13.7346L2.34157 17.9308C2.34043 17.9394 2.34113 17.9482 2.34364 17.9565C2.34614 17.9648 2.35039 17.9725 2.3561 17.979C2.3618 17.9856 2.36884 17.9908 2.37673 17.9945C2.38463 17.9981 2.3932 17.9999 2.40188 18H2.41395L6.56432 17.0768C7.63669 17.5916 8.81103 17.8588 10.0006 17.8585C10.0762 17.8585 10.1518 17.8585 10.2274 17.8585C11.2737 17.8286 12.3039 17.5918 13.2582 17.1617C14.2126 16.7316 15.0724 16.1168 15.7879 15.3527C16.5034 14.5886 17.0605 13.6904 17.427 12.7098C17.7935 11.7292 17.9622 10.6858 17.9234 9.63974ZM10.1879 16.4793C10.1252 16.4793 10.0625 16.4793 10.0006 16.4793C8.94927 16.4806 7.91301 16.229 6.97928 15.7459L6.76698 15.6349L3.95235 16.2999L4.47184 13.4523L4.35122 13.2481C3.77509 12.2658 3.46476 11.1504 3.45082 10.0117C3.43687 8.87302 3.71978 7.75031 4.27167 6.75423C4.82358 5.75813 5.62543 4.92298 6.59826 4.33102C7.57109 3.73907 8.68133 3.41074 9.81967 3.37837C9.88293 3.37837 9.94644 3.37837 10.0102 3.37837C11.7289 3.38346 13.3767 4.06351 14.5988 5.27198C15.8208 6.48046 16.5192 8.12065 16.5434 9.8391C16.5677 11.5576 15.9159 13.2168 14.7285 14.4593C13.541 15.7018 11.913 16.4281 10.1952 16.4817L10.1879 16.4793Z"
22931      fill="currentColor"
22932    />
22933    <path
22934      d="M7.24367 6.10129C7.14569 6.1032 7.04909 6.12475 6.95958 6.16467C6.87007 6.20459 6.78947 6.26207 6.72258 6.3337C6.53359 6.52751 6.00525 6.99393 5.97469 7.97343C5.94413 8.95289 6.62849 9.92196 6.72418 10.0579C6.81989 10.1937 8.03257 12.3096 10.0302 13.1676C11.2043 13.6735 11.719 13.7603 12.0527 13.7603C12.1902 13.7603 12.294 13.7458 12.4025 13.7394C12.7684 13.7169 13.5943 13.2939 13.7744 12.8339C13.9546 12.3739 13.9666 11.9718 13.9192 11.8914C13.8718 11.811 13.7415 11.7531 13.5453 11.6501C13.349 11.5472 12.3864 11.0325 12.2055 10.9601C12.1384 10.9289 12.0662 10.9101 11.9924 10.9047C11.9443 10.9072 11.8976 10.9214 11.8562 10.9461C11.8149 10.9707 11.7802 11.0051 11.7551 11.0462C11.5943 11.2464 11.2252 11.6815 11.1013 11.807C11.0743 11.8381 11.0409 11.8632 11.0036 11.8807C10.9662 11.8982 10.9255 11.9076 10.8842 11.9083C10.8081 11.9049 10.7337 11.8849 10.6663 11.8496C10.0832 11.602 9.55156 11.2473 9.09892 10.8041C8.67598 10.3873 8.31716 9.91007 8.03417 9.38799C7.92484 9.18532 8.03417 9.08079 8.13391 8.98591C8.23364 8.89097 8.34057 8.75993 8.4435 8.64649C8.52798 8.54964 8.59838 8.44138 8.65262 8.32484C8.68068 8.27076 8.69486 8.21055 8.69385 8.149
2293464C8.69289 8.08868 8.67678 8.029 8.64697 7.97583C8.59956 7.8745 8.24489 6.87813 8.07844 6.47845C7.94335 6.13667 7.78249 6.12542 7.64175 6.11496C7.52596 6.10692 7.39327 6.1029 7.26057 6.09888H7.24367"
22935      fill="currentColor"
22936    /></svg>
22937
22938  </a>
22939
22940
22941</div>
22942<div id="shopify-block-AR3NnRnNiR25LWEdFa__icon_iQjhzC" class="shopify-block icon-block">
22943
22944
22945
22946
22947
22948<a
22949    href="https://twitter.com/soulfire_farm"
22950    class="text-inherit"
22951    
22952      target="_blank" rel="noopener"
22953    
22954  >
22955    
22956  <svg
22957    class="icon-block__media icon-block-AR3NnRnNiR25LWEdFa__icon_iQjhzC icon-default"
22958    aria-hidden="true"
22959    focusable="false"
22960    xmlns="http://www.w3.org/2000/svg"
22961    width="28"
22962    height="28"
22963    viewBox="0 0 20 20"
22964    
22965      
22966    
22967  >
22968
22969
22970<path
22971      fill-rule="evenodd"
22972      clip-rule="evenodd"
22973      d="M7.27301 2.80005L10.8 7.82205L15.218 2.80005H16.986L11.586 8.93905L17.385 17.193H12.727L8.99701 11.883L4.32601 17.193H2.55801L8.21201 10.766L2.61501 2.80005H7.27301ZM13.515 15.925L5.07001 4.10905H6.47501L14.921 15.925H13.515Z"
22974      fill="currentColor"
22975    /></svg>
22976
22977  </a>
22978
22979
22980</div>
22981<div id="shopify-block-AUzJFa1ZxamFGemRXR__icon_cMjXRh" class="shopify-block icon-block">
22982
22983
22984
22985
22986
22987<a
22988    href="https://www.youtube.com/@SoulFire_Farm"
22989    class="text-inherit"
22990    
22991      target="_blank" rel="noopener"
22992    
22993  >
22994    
22995  <svg
22996    class="icon-block__media icon-block-AUzJFa1ZxamFGemRXR__icon_cMjXRh icon-default"
22997    aria-hidden="true"
22998    focusable="false"
22999    xmlns="http://www.w3.org/2000/svg"
23000    width="28"
23001    height="28"
23002    viewBox="0 0 20 20"
23003    
23004      
23005    
23006  >
23007
23008
23009<path d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z" /></svg>
23010
23011  </a>
23012
23013
23014</div>
23015
23016</div>
23017</div>
23018
23019
23020
23021
23022
23023
23024</div>
23025</div>
23026
23027
23028
23029
23030
23031
23032</div>
23033</div>
23034
23035
23036
23037
23038
23039
23040
23041    </div>
23042  </div>
23043</div>
23044
23045
23046
23047
23048
23049</div><div id="shopify-section-sections--26206028661054__footer_utilities" class="shopify-section shopify-section-group-footer-group footer-utilities">
23050
23051<div class="section-background color-scheme-5"></div>
23052<div
23053  class="section section--page-width color-scheme-5"
23054  
23055>
23056  <div
23057    class="utilities utilities--blocks-3 spacing-style"
23058    style="--padding-block-start: 20px;--padding-block-end: 20px; --border-width: 1px; --gap: 24px;"
23059    data-testid="footer-utilities"
23060  >
23061    
23062
23063<div
23064  class="
23065    footer-utilities__group-copyright
23066    custom-typography
23067    custom-font-size
23068  "
23069  style="
23070--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
23071  
23072>
23073  <span class="footer-utilities__text">
23074    &copy; 2026
23075    <a href="/" title="">SoulFire Farm</a></span>
23076</div>
23077
23078
23079
23080
23081  <anchored-popover-component
23082    data-hover-triggered="true"
23083  >
23084    <button
23085      class="policy-list-trigger button-unstyled"
23086      popovertarget="terms-policies-popover"
23087      popovertargetaction="toggle"
23088      ref="trigger"
23089      style="
23090--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
23091      
23092    >
23093      Terms and Policies
23094    </button>
23095    <div
23096      class="terms-policies-popover color-scheme-1"
23097      id="terms-policies-popover"
23098      popover="auto"
23099      ref="popover"
23100    >
23101      <ul
23102        class="
23103          policy_list list-unstyled
23104          custom-typography
23105          custom-font-size
23106        "
23107      ><li>
23108              <a
23109                href="/policies/privacy-policy"
23110                class="footer-utilities__text"
23111              >Privacy policy</a>
23112            </li><li>
23113              <a
23114                href="/policies/refund-policy"
23115                class="footer-utilities__text"
23116              >Refund policy</a>
23117            </li><li>
23118              <a
23119                href="/policies/contact-information"
23120                class="footer-utilities__text"
23121              >Contact information</a>
23122            </li><li>
23123              <a
23124                href="/policies/terms-of-service"
23125                class="footer-utilities__text"
23126              >Terms of service</a>
23127            </li></ul>
23128    </div>
23129  </anchored-popover-component>
23130
23131
23132
23133
23134
23135
23136
23137<div
23138  class="social-icons__wrapper"
23139  
23140>
23141  
23142
23143  
23144    
23145
23146    
23147    
23148  
23149    
23150
23151    
23152    
23153  
23154    
23155
23156    
23157    
23158  
23159    
23160
23161    
23162    
23163  
23164    
23165
23166    
23167    
23168  
23169    
23170
23171    
23172    
23173  
23174    
23175
23176    
23177    
23178  
23179    
23180
23181    
23182    
23183  
23184    
23185
23186    
23187    
23188  
23189    
23190
23191    
23192    
23193  
23194    
23195
23196    
23197    
23198  
23199    
23200
23201    
23202    
23203  
23204    
23205
23206    
23207    
23208  
23209</div>
23210
23211
23212
23213
23214
23215  </div>
23216</div>
23217
23218
23219
23220
23221</div>
23222<!-- END sections: footer-group -->
23223    </footer>
23224
23225    
23226
23227<script
23228  src="//soulfire.farm/cdn/shop/t/32/assets/dialog.js?v=150888536568694194021774915450"
23229  type="module"
23230></script>
23230
23231
23232<script
23233  src="//soulfire.farm/cdn/shop/t/32/assets/predictive-search.js?v=149240552485540508541774915450"
23234  type="module"
23235  fetchpriority="low"
23236></script>
23236
23237
23238<dialog-component
23239  id="search-modal"
23240  class="search-modal"
23241  
23242>
23243  <dialog
23244    ref="dialog"
23245    on:click="/closeDialogOnClickOutside"
23246    on:keydown="/closeDialogOnEscapePress"
23247    class="search-modal__content dialog-modal"
23248    scroll-lock
23249    aria-labelledby="search-modal-heading"
23250  >
23251    <h2
23252      id="search-modal-heading"
23253      class="visually-hidden"
23254    >
23255      Search
23256    </h2>
23257    <predictive-search-component
23258      class="predictive-search color-scheme-1"
23259      style="--product-corner-radius: 10px; --card-corner-radius: 10px;"
23260      data-section-id="predictive-search"
23261      data-testid="search-component--modal"
23262      role="search"
23263      aria-label="Search"
23264    >
23265      <form
23266        action="/search"
23267        method="get"
23268        role="search"
23269        class="predictive-search-form"
23270        ref="form"
23271        on:keydown="/onSearchKeyDown"
23272      >
23273        <div
23274          class="predictive-search-form__header"
23275        >
23276          <div class="predictive-search-form__header-inner">
23277            <label
23278              for="cmdk-input"
23279              class="visually-hidden"
23280            >Search</label>
23281            <input
23282              class="search-input"
23283              id="cmdk-input"
23284              type="search"
23285              name="q"
23286              role="combobox"
23287              aria-expanded="false"
23288              aria-owns="predictive-search-results"
23289              aria-controls="predictive-search-results"
23290              aria-haspopup="listbox"
23291              aria-autocomplete="list"
23292              autocomplete="off"
23293              placeholder="Search"
23294              ref="searchInput"
23295              on:input="/search"
23296              on:keydown="/onSearchKeyDown"
23297            >
23298            <input
23299              name="options[prefix]"
23300              type="hidden"
23301              value="last"
23302            >
23303            <span class="svg-wrapper predictive-search__icon">
23304              <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
23305
23306            </span>
23307            <button
23308              type="button"
23309              class="button-unstyled predictive-search__reset-button"
23310              ref="resetButton"
23311              hidden
23312              on:click="/resetSearch"
23313            >
23314              Clear
23315            </button>
23316          </div>
23317          <button
23318            type="button"
23319            class="button predictive-search__close-modal-button"
23320            aria-label="Close dialog"
23321            on:click="dialog-component/closeDialog"
23322            ref="closeModalButton"
23323          >
23324            <span class="svg-wrapper">
23325              <svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
23326  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
23327  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
23328</svg>
23329
23330            </span>
23331          </button>
23332        </div>
23333
23334        <div class="predictive-search-form__content-wrapper">
23335          <div
23336            class="predictive-search-form__content"
23337            ref="predictiveSearchResults"
23338            on:click="/handleModalClick"
23339          >
23340            
23341
23342<div
23343  id="predictive-search-results"
23344  class="predictive-search-dropdown"
23345  role="listbox"
23346  aria-expanded="true"
23347  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
23348>
23349  
23350    <div class="predictive-search-results__inner">
23351      
23352      
23353        
23354        
23355        
23356          <div
23357  id="predictive-search-products"
23358  class="predictive-search-results__products"
23359  
23360    data-testid="products-list-default--modal"
23361  
23362>
23363  
23364    <h4 class="predictive-search-results__title">
23365      Garden Supplies
23366    </h4>
23367    <ul
23368      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
23369    >
23370      
23371      
23372        <li
23373          class="predictive-search-results__card predictive-search-results__card--product"
23374          ref="resultsItems[]"
23375        >
23376          
23377<product-card-link
23378    data-product-id="12339779633470"
23379    data-featured-media-url="//soulfire.farm/cdn/shop/files/grow.jpg?v=1776813251&width=500"
23380    data-product-transition="true"
23381    on:click="/handleViewTransition"
23382  ><div
23383  class="resource-card"
23384  data-resource-type="product"
23385>
23386  <a
23387    class="resource-card__link"
23388    href="/products/la-selva-grow-organic-liquid-fertilizer-vegetative-stage"
23389  >
23390    <span class="visually-hidden">
23391      La Selva Grow — Organic Liquid Fertilizer (Vegetative Stage)
23392    </span>
23393  </a>
23394  <div
23395    class="resource-card__media"
23396    style="--resource-card-aspect-ratio: 4 / 5;"
23397    
23398      ref="cardGallery"
23399      data-view-transition-to-main-product
23400    
23401  >
23402      
23403      
23404
23405        <img src="//soulfire.farm/cdn/shop/files/grow.jpg?v=1776813251&amp;width=500" alt="" srcset="//soulfire.farm/cdn/shop/files/grow.jpg?v=1776813251&amp;width=240 240w, //soulfire.farm/cdn/shop/files/grow.jpg?v=1776813251&amp;width=352 352w" width="500" height="646" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
23406</div>
23407
23408  <div class="resource-card__content">
23409    <p class="resource-card__title paragraph">La Selva Grow — Organic Liquid Fertilizer (Vegetative Stage)</p>
23410
23411    
23412      <div ref="priceContainer">
23413  
23414    
23415    <div
23416      class="
23417        price__regular
23418        
23419      "
23420    >
23421      <span class="price">$18.50 USD</span>
23422    </div>
23423    <div
23424      class="
23425        price__sale
23426        
23427          price__hidden
23428        
23429      "
23430    >
23431      
23432        <span class="price-item__group">
23433          <span class="visually-hidden">Regular price&nbsp;</span>
23434          <span class="price-item--regular compare-at-price"></span>
23435        </span>
23436        <span class="price-item__group">
23437          <span class="visually-hidden">Sale price&nbsp;</span>
23438          <span class="price-item--sale price">$18.50 USD</span>
23439        </span>
23440      
23441    </div>
23442  
23443</div>
23444    
23445  </div>
23446</div></product-card-link>
23447
23448        </li>
23449      
23450        <li
23451          class="predictive-search-results__card predictive-search-results__card--product"
23452          ref="resultsItems[]"
23453        >
23454          
23455<product-card-link
23456    data-product-id="12339779043646"
23457    data-featured-media-url="//soulfire.farm/cdn/shop/files/Bloom.jpg?v=1776813029&width=500"
23458    data-product-transition="true"
23459    on:click="/handleViewTransition"
23460  ><div
23461  class="resource-card"
23462  data-resource-type="product"
23463>
23464  <a
23465    class="resource-card__link"
23466    href="/products/la-selva-bloom-organic-liquid-fertilizer-flowering-fruiting-stage"
23467  >
23468    <span class="visually-hidden">
23469      La Selva Bloom - Organic Liquid Fertilizer (Flowering & Fruiting Stage)
23470    </span>
23471  </a>
23472  <div
23473    class="resource-card__media"
23474    style="--resource-card-aspect-ratio: 4 / 5;"
23475    
23476      ref="cardGallery"
23477      data-view-transition-to-main-product
23478    
23479  >
23480      
23481      
23482
23483        <img src="//soulfire.farm/cdn/shop/files/Bloom.jpg?v=1776813029&amp;width=500" alt="" srcset="//soulfire.farm/cdn/shop/files/Bloom.jpg?v=1776813029&amp;width=240 240w, //soulfire.farm/cdn/shop/files/Bloom.jpg?v=1776813029&amp;width=352 352w" width="500" height="646" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
23484</div>
23485
23486  <div class="resource-card__content">
23487    <p class="resource-card__title paragraph">La Selva Bloom - Organic Liquid Fertilizer (Flowering & Fruiting Stage)</p>
23488
23489    
23490      <div ref="priceContainer">
23491  
23492    
23493    <div
23494      class="
23495        price__regular
23496        
23497      "
23498    >
23499      <span class="price">$18.50 USD</span>
23500    </div>
23501    <div
23502      class="
23503        price__sale
23504        
23505          price__hidden
23506        
23507      "
23508    >
23509      
23510        <span class="price-item__group">
23511          <span class="visually-hidden">Regular price&nbsp;</span>
23512          <span class="price-item--regular compare-at-price"></span>
23513        </span>
23514        <span class="price-item__group">
23515          <span class="visually-hidden">Sale price&nbsp;</span>
23516          <span class="price-item--sale price">$18.50 USD</span>
23517        </span>
23518      
23519    </div>
23520  
23521</div>
23522    
23523  </div>
23524</div></product-card-link>
23525
23526        </li>
23527      
23528        <li
23529          class="predictive-search-results__card predictive-search-results__card--product"
23530          ref="resultsItems[]"
23531        >
23532          
23533<product-card-link
23534    data-product-id="12339777732926"
23535    data-featured-media-url="//soulfire.farm/cdn/shop/files/marinebio.jpg?v=1776812705&width=500"
23536    data-product-transition="true"
23537    on:click="/handleViewTransition"
23538  ><div
23539  class="resource-card"
23540  data-resource-type="product"
23541>
23542  <a
23543    class="resource-card__link"
23544    href="/products/marine-bio-soil-inoculant"
23545  >
23546    <span class="visually-hidden">
23547      Marine Bio+ Mangrove Microbial Bioinoculant
23548    </span>
23549  </a>
23550  <div
23551    class="resource-card__media"
23552    style="--resource-card-aspect-ratio: 4 / 5;"
23553    
23554      ref="cardGallery"
23555      data-view-transition-to-main-product
23556    
23557  >
23558      
23559      
23560
23561        <img src="//soulfire.farm/cdn/shop/files/marinebio.jpg?v=1776812705&amp;width=500" alt="" srcset="//soulfire.farm/cdn/shop/files/marinebio.jpg?v=1776812705&amp;width=240 240w, //soulfire.farm/cdn/shop/files/marinebio.jpg?v=1776812705&amp;width=352 352w" width="500" height="646" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
23562</div>
23563
23564  <div class="resource-card__content">
23565    <p class="resource-card__title paragraph">Marine Bio+ Mangrove Microbial Bioinoculant</p>
23566
23567    
23568      <div ref="priceContainer">
23569  
23570    
23571    <div
23572      class="
23573        price__regular
23574        
23575      "
23576    >
23577      <span class="price">$23.50 USD</span>
23578    </div>
23579    <div
23580      class="
23581        price__sale
23582        
23583          price__hidden
23584        
23585      "
23586    >
23587      
23588        <span class="price-item__group">
23589          <span class="visually-hidden">Regular price&nbsp;</span>
23590          <span class="price-item--regular compare-at-price"></span>
23591        </span>
23592        <span class="price-item__group">
23593          <span class="visually-hidden">Sale price&nbsp;</span>
23594          <span class="price-item--sale price">$23.50 USD</span>
23595        </span>
23596      
23597    </div>
23598  
23599</div>
23600    
23601  </div>
23602</div></product-card-link>
23603
23604        </li>
23605      
23606        <li
23607          class="predictive-search-results__card predictive-search-results__card--product"
23608          ref="resultsItems[]"
23609        >
23610          
23611<product-card-link
23612    data-product-id="12339775242558"
23613    data-featured-media-url="//soulfire.farm/cdn/shop/files/melazablackstrap.jpg?v=1776812231&width=500"
23614    data-product-transition="true"
23615    on:click="/handleViewTransition"
23616  ><div
23617  class="resource-card"
23618  data-resource-type="product"
23619>
23620  <a
23621    class="resource-card__link"
23622    href="/products/blackstrap-molasses-soil-microbe-activator-amendment"
23623  >
23624    <span class="visually-hidden">
23625      Blackstrap Molasses - Soil Microbe Activator & Amendment
23626    </span>
23627  </a>
23628  <div
23629    class="resource-card__media"
23630    style="--resource-card-aspect-ratio: 4 / 5;"
23631    
23632      ref="cardGallery"
23633      data-view-transition-to-main-product
23634    
23635  >
23636      
23637      
23638
23639        <img src="//soulfire.farm/cdn/shop/files/melazablackstrap.jpg?v=1776812231&amp;width=500" alt="" srcset="//soulfire.farm/cdn/shop/files/melazablackstrap.jpg?v=1776812231&amp;width=240 240w, //soulfire.farm/cdn/shop/files/melazablackstrap.jpg?v=1776812231&amp;width=352 352w" width="500" height="646" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
23640</div>
23641
23642  <div class="resource-card__content">
23643    <p class="resource-card__title paragraph">Blackstrap Molasses - Soil Microbe Activator & Amendment</p>
23644
23645    
23646      <div ref="priceContainer">
23647  
23648    
23649    <div
23650      class="
23651        price__regular
23652        
23653      "
23654    >
23655      <span class="price">$7.75 USD</span>
23656    </div>
23657    <div
23658      class="
23659        price__sale
23660        
23661          price__hidden
23662        
23663      "
23664    >
23665      
23666        <span class="price-item__group">
23667          <span class="visually-hidden">Regular price&nbsp;</span>
23668          <span class="price-item--regular compare-at-price"></span>
23669        </span>
23670        <span class="price-item__group">
23671          <span class="visually-hidden">Sale price&nbsp;</span>
23672          <span class="price-item--sale price">$7.75 USD</span>
23673        </span>
23674      
23675    </div>
23676  
23677</div>
23678    
23679  </div>
23680</div></product-card-link>
23681
23682        </li>
23683      
23684    </ul>
23685  
23686</div>
23687
23688        
23689      
23690    </div>
23691  
23692</div>
23693
23694          </div>
23695
23696          <div class="predictive-search-form__footer">
23697            <button
23698              class="button predictive-search__search-button"
23699              ref="viewAllButton"
23700            >
23701              View all
23702            </button>
23703          </div>
23704        </div>
23705      </form>
23706    </predictive-search-component>
23707  </dialog>
23708</dialog-component>
23709
23710
23711
23712
23713    
23714      
23714<script
23715  src="//soulfire.farm/cdn/shop/t/32/assets/gift-card-recipient-form.js?v=129634859299628245901774915450"
23716  type="module"
23717  fetchpriority="low"
23718></script>
23718
23719<quick-add-dialog id="quick-add-dialog">
23720  <dialog
23721    class="quick-add-modal dialog-modal color-scheme-1"
23722    ref="dialog"
23723    scroll-lock
23724  >
23725    <button
23726      ref="closeButton"
23727      on:click="/closeDialog"
23728      class="button button-unstyled close-button quick-add-modal__close"
23729      aria-label="Close dialog"
23730    ><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
23731  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
23732  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
23733</svg>
23734</button>
23735
23736    <div
23737      id="quick-add-modal-content"
23738      class="quick-add-modal__content"
23739    ></div>
23740  </dialog>
23741</quick-add-dialog>
23742
23743
23744
23745
23746
23747
23748    
23749  <style>  </style>
23750<div id="shopify-block-AOVc2SVJycmZ3TDFrM__5043070786800498925" class="shopify-block shopify-app-block"><style>
23751  .product-restore-email + .product-restore-email {
23752    display: none !important;
23753  }
23754</style>
23755
23756
23757
23758  
23758<script src="https://cdn.shopify.com/extensions/01a0c7ca-5010-747b-9d99-9a644250288a/ecomsend-restock-108/assets/sealapps_email_config.js" defer="defer"></script>
23758
23759  
23759<script src="https://cdn.shopify.com/extensions/01a0c7ca-5010-747b-9d99-9a644250288a/ecomsend-restock-108/assets/product_restore_email.js" defer="defer"></script>
23759
23760
23761
23762
23763<script id="em_product_variants" type="application/json">
23764  null
23765</script>
vendor: 2 bytes, line 23765
23765
23766<script id="em_product_selected_or_first_available_variant" type="application/json">
23767  null
23768</script>
vendor: 2 bytes, line 23768
23768
23769<script id="bis_shop_id" type="application/json">
23770  90971472190
23771</script>
vendor: 2 bytes, line 23771
23771
23772<script id="ecomsend_bis_product_title" type="application/json">
23773  null
23774</script>
vendor: 2 bytes, line 23774
23774
23775<script id="ecomsend_bis_page_type" type="application/json">
23776  "collection"
23777</script>
23777<script>
23778  
23779</script>
vendor: 2 bytes, line 23779
23779
23780<script>
23781  
23782</script>
vendor: 2 bytes, line 23782
23782
23783<script>
23784  
23785</script>
23785
23786
23787
23788<script>
23789	var bis_popup_settings = {"btn_text":"EMAIL ME WHEN AVAILABLE","btn_bg_color":"#000000","btn_text_color":"#FFFFFF","header_text":"EMAIL ME WHEN AVAILABLE","verification_failed_text":"* Your contact info is invalid","footer_text":"We will notify you when this product is in stock. We do not share your address with anybody else.","success_title":"Successfully subscribed","success_content":"We will send you an email when this product is back in stock.","email_address_placeholder":"Email address...","customer_name_placeholder":"Your name","subscribed_text":"* You are already subscribed to this product.","opt_in_text":"Subscribe me to your list","popup_template":1,"email_tab_text":"Email","sms_tab_text":"SMS","sms_default_region":"US","is_branding_removed":1,"lang":"en","terms":"Terms","privacy_policy":"Privacy Policy","protection_text":"By submitting this subscription, you agree to {{Store_Name}}'s {{Privacy_Policy}} and {{Terms}} regarding the processing of your personal data.","display_consent_checkbox":false,"display_privacy_consent":false,"terms_link":"","privacy_policy_link":"","store_name":"SoulFire Farm"}
23790	var bis_product_button_settings = {"is_active_inline_btn":1,"inline_btn_margin_top":0,"inline_btn_margin_bottom":20,"inline_btn_text":"EMAIL ME WHEN AVAILABLE","inline_btn_bg_color":"#000000","inline_text_color":"#FFFFFF","is_active_float_btn":0,"float_offset":160,"float_btn_text":"EMAIL ME WHEN AVAILABLE","float_btn_bg_color":"#000000","float_text_color":"#FFFFFF","display_all":0,"border_color":"#FFFFFF","border_radius":2,"hover_animation":0,"font_size":14,"font_family":"Inherit","font_weight":"Inherit","hover_bg_color":"#444444","hover_text_color":"#FFFFFF","horizontal_animation":0,"display_button_oversell":0,"customize_inline_btn_position":0,"insert_type":"afterend","customize_css":"","insert_element_selector":"","lang":"en","continue_sell_notify":0,"bis_segment_enabled":0,"subscribe_scope":1}
23791	var bis_collection_button_settings = {"is_active_inline_btn":0,"inline_btn_margin_top":0,"inline_btn_margin_bottom":0,"inline_btn_text":"","inline_btn_bg_color":"","inline_text_color":"","is_active_float_btn":0,"float_offset":0,"float_btn_text":"","float_btn_bg_color":"","float_text_color":"","display_all":0,"border_color":"","border_radius":0,"hover_animation":0,"font_size":0,"font_family":"","font_weight":"","hover_bg_color":"","hover_text_color":"","horizontal_animation":0,"display_button_oversell":0,"customize_inline_btn_position":0,"insert_type":"","customize_css":"","insert_element_selector":"","lang":"","continue_sell_notify":0,"bis_segment_enabled":0,"subscribe_scope":0}
23792	var bis_integrations = []
23793	var bis_floating_popup_settings = {"id":0,"component_code":"","is_enabled":0,"position":"","horizontal_spacing":0,"vertical_spacing":0,"display_delay":0,"show_when_continue_selling_out":0,"show_when_all_variants_out_of_stock":0,"popup_font_size":0,"popup_border_radius":0,"button_font_size":0,"button_border_radius":0,"language":"","popup_message_text":"","button_text":"","popup_text_color":"","popup_background_color":"","button_text_color":"","button_background_color":""}
23794</script>
23794
23795
23796
23797<script>
23798    var bis_shopify_block_status = 2;
23799  var customerInfo = null;
23800
23801  window.ChannelWillBIS = {
23802    customerInfo: customerInfo
23803  };
23804</script>
23804
23805
23806
23807</div>
23807<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
23807
23808</body>
23809</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.