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 – 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&width=800" alt="All Trees" srcset="//soulfire.farm/cdn/shop/collections/all_trees.jpg?v=1734812952&width=352 352w, //soulfire.farm/cdn/shop/collections/all_trees.jpg?v=1734812952&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&width=800" alt="Grafted Mangos" srcset="//soulfire.farm/cdn/shop/collections/julie5.jpg?v=1748212018&width=352 352w, //soulfire.farm/cdn/shop/collections/julie5.jpg?v=1748212018&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&width=800" alt="Grafted Avocados" srcset="//soulfire.farm/cdn/shop/collections/simmondsavocado.jpg?v=1748211788&width=352 352w, //soulfire.farm/cdn/shop/collections/simmondsavocado.jpg?v=1748211788&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&width=800" alt="" srcset="//soulfire.farm/cdn/shop/files/meyer-lemon-fruit.jpg?v=1734740741&width=352 352w, //soulfire.farm/cdn/shop/files/meyer-lemon-fruit.jpg?v=1734740741&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&width=800" alt="Palms & Ornamental Trees" srcset="//soulfire.farm/cdn/shop/collections/jacaranda.png?v=1734812896&width=352 352w, //soulfire.farm/cdn/shop/collections/jacaranda.png?v=1734812896&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 & 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&width=800" alt="All Plants" srcset="//soulfire.farm/cdn/shop/collections/all_plants.jpg?v=1734825775&width=352 352w, //soulfire.farm/cdn/shop/collections/all_plants.jpg?v=1734825775&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&width=800" alt="Ornamental Plants" srcset="//soulfire.farm/cdn/shop/collections/DSC0216.jpg?v=1748212624&width=352 352w, //soulfire.farm/cdn/shop/collections/DSC0216.jpg?v=1748212624&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&width=800" alt="Culinary & Edible Plants" srcset="//soulfire.farm/cdn/shop/collections/water-spinach-1.jpg?v=1736207236&width=352 352w, //soulfire.farm/cdn/shop/collections/water-spinach-1.jpg?v=1736207236&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 & 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&width=800" alt="Medicinal Plants" srcset="//soulfire.farm/cdn/shop/collections/aloe_plant.jpg?v=1734825652&width=352 352w, //soulfire.farm/cdn/shop/collections/aloe_plant.jpg?v=1734825652&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&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&v=1753300623 1x, //soulfire.farm/cdn/shop/files/logo_dark.png?height=108&v=1753300623 2x, //soulfire.farm/cdn/shop/files/logo_dark.png?height=162&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&width=800" alt="All Trees" srcset="//soulfire.farm/cdn/shop/collections/all_trees.jpg?v=1734812952&width=352 352w, //soulfire.farm/cdn/shop/collections/all_trees.jpg?v=1734812952&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&width=800" alt="Grafted Mangos" srcset="//soulfire.farm/cdn/shop/collections/julie5.jpg?v=1748212018&width=352 352w, //soulfire.farm/cdn/shop/collections/julie5.jpg?v=1748212018&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&width=800" alt="Grafted Avocados" srcset="//soulfire.farm/cdn/shop/collections/simmondsavocado.jpg?v=1748211788&width=352 352w, //soulfire.farm/cdn/shop/collections/simmondsavocado.jpg?v=1748211788&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&width=800" alt="" srcset="//soulfire.farm/cdn/shop/files/meyer-lemon-fruit.jpg?v=1734740741&width=352 352w, //soulfire.farm/cdn/shop/files/meyer-lemon-fruit.jpg?v=1734740741&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&width=800" alt="Palms & Ornamental Trees" srcset="//soulfire.farm/cdn/shop/collections/jacaranda.png?v=1734812896&width=352 352w, //soulfire.farm/cdn/shop/collections/jacaranda.png?v=1734812896&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&width=800" alt="All Plants" srcset="//soulfire.farm/cdn/shop/collections/all_plants.jpg?v=1734825775&width=352 352w, //soulfire.farm/cdn/shop/collections/all_plants.jpg?v=1734825775&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&width=800" alt="Ornamental Plants" srcset="//soulfire.farm/cdn/shop/collections/DSC0216.jpg?v=1748212624&width=352 352w, //soulfire.farm/cdn/shop/collections/DSC0216.jpg?v=1748212624&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&width=800" alt="Culinary & Edible Plants" srcset="//soulfire.farm/cdn/shop/collections/water-spinach-1.jpg?v=1736207236&width=352 352w, //soulfire.farm/cdn/shop/collections/water-spinach-1.jpg?v=1736207236&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&width=800" alt="Medicinal Plants" srcset="//soulfire.farm/cdn/shop/collections/aloe_plant.jpg?v=1734825652&width=352 352w, //soulfire.farm/cdn/shop/collections/aloe_plant.jpg?v=1734825652&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®ion_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®ion_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&width=3840" alt="Premium Potting Soil Mix 25lb Bag" srcset="//soulfire.farm/cdn/shop/files/DSC0079.jpg?v=1734740685&width=240 240w, //soulfire.farm/cdn/shop/files/DSC0079.jpg?v=1734740685&width=352 352w, //soulfire.farm/cdn/shop/files/DSC0079.jpg?v=1734740685&width=832 832w, //soulfire.farm/cdn/shop/files/DSC0079.jpg?v=1734740685&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0079.jpg?v=1734740685&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0079.jpg?v=1734740685&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0079.jpg?v=1734740685&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0079.jpg?v=1734740685&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&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 </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 </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&width=3840" alt="Enriched Compost 15lb Bag" srcset="//soulfire.farm/cdn/shop/files/DSC0083.jpg?v=1734740698&width=240 240w, //soulfire.farm/cdn/shop/files/DSC0083.jpg?v=1734740698&width=352 352w, //soulfire.farm/cdn/shop/files/DSC0083.jpg?v=1734740698&width=832 832w, //soulfire.farm/cdn/shop/files/DSC0083.jpg?v=1734740698&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0083.jpg?v=1734740698&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0083.jpg?v=1734740698&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0083.jpg?v=1734740698&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0083.jpg?v=1734740698&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&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 </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 </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&width=3840" alt="Rainbow Eucalyptus Tree" srcset="//soulfire.farm/cdn/shop/files/rainboweuc.jpg?v=1744483294&width=240 240w, //soulfire.farm/cdn/shop/files/rainboweuc.jpg?v=1744483294&width=352 352w, //soulfire.farm/cdn/shop/files/rainboweuc.jpg?v=1744483294&width=832 832w, //soulfire.farm/cdn/shop/files/rainboweuc.jpg?v=1744483294&width=1200 1200w, //soulfire.farm/cdn/shop/files/rainboweuc.jpg?v=1744483294&width=1600 1600w, //soulfire.farm/cdn/shop/files/rainboweuc.jpg?v=1744483294&width=1920 1920w, //soulfire.farm/cdn/shop/files/rainboweuc.jpg?v=1744483294&width=2560 2560w, //soulfire.farm/cdn/shop/files/rainboweuc.jpg?v=1744483294&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&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&width=3840" alt="Rainbow Eucalyptus Tree" srcset="//soulfire.farm/cdn/shop/files/DSC1615.jpg?v=1744483372&width=240 240w, //soulfire.farm/cdn/shop/files/DSC1615.jpg?v=1744483372&width=352 352w, //soulfire.farm/cdn/shop/files/DSC1615.jpg?v=1744483372&width=832 832w, //soulfire.farm/cdn/shop/files/DSC1615.jpg?v=1744483372&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC1615.jpg?v=1744483372&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC1615.jpg?v=1744483372&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC1615.jpg?v=1744483372&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC1615.jpg?v=1744483372&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&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 </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 </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&width=3840" alt="Rosemary Plant" srcset="//soulfire.farm/cdn/shop/files/rosemary.jpg?v=1736708989&width=240 240w, //soulfire.farm/cdn/shop/files/rosemary.jpg?v=1736708989&width=352 352w, //soulfire.farm/cdn/shop/files/rosemary.jpg?v=1736708989&width=832 832w, //soulfire.farm/cdn/shop/files/rosemary.jpg?v=1736708989&width=1200 1200w, //soulfire.farm/cdn/shop/files/rosemary.jpg?v=1736708989&width=1600 1600w, //soulfire.farm/cdn/shop/files/rosemary.jpg?v=1736708989&width=1920 1920w, //soulfire.farm/cdn/shop/files/rosemary.jpg?v=1736708989&width=2560 2560w, //soulfire.farm/cdn/shop/files/rosemary.jpg?v=1736708989&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&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 </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 </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&width=3840" alt="Bougainvillea Plant" srcset="//soulfire.farm/cdn/shop/files/DSC1154.jpg?v=1739662925&width=240 240w, //soulfire.farm/cdn/shop/files/DSC1154.jpg?v=1739662925&width=352 352w, //soulfire.farm/cdn/shop/files/DSC1154.jpg?v=1739662925&width=832 832w, //soulfire.farm/cdn/shop/files/DSC1154.jpg?v=1739662925&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC1154.jpg?v=1739662925&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC1154.jpg?v=1739662925&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC1154.jpg?v=1739662925&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC1154.jpg?v=1739662925&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&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&width=3840" alt="Bougainvillea Plant" srcset="//soulfire.farm/cdn/shop/files/DSC1152.jpg?v=1739662925&width=240 240w, //soulfire.farm/cdn/shop/files/DSC1152.jpg?v=1739662925&width=352 352w, //soulfire.farm/cdn/shop/files/DSC1152.jpg?v=1739662925&width=832 832w, //soulfire.farm/cdn/shop/files/DSC1152.jpg?v=1739662925&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC1152.jpg?v=1739662925&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC1152.jpg?v=1739662925&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC1152.jpg?v=1739662925&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC1152.jpg?v=1739662925&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&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&width=3840" alt="Bougainvillea Plant" srcset="//soulfire.farm/cdn/shop/files/DSC1157.jpg?v=1739662925&width=240 240w, //soulfire.farm/cdn/shop/files/DSC1157.jpg?v=1739662925&width=352 352w, //soulfire.farm/cdn/shop/files/DSC1157.jpg?v=1739662925&width=832 832w, //soulfire.farm/cdn/shop/files/DSC1157.jpg?v=1739662925&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC1157.jpg?v=1739662925&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC1157.jpg?v=1739662925&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC1157.jpg?v=1739662925&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC1157.jpg?v=1739662925&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&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 </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 </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&width=3840" alt="Canna Lily Plant" srcset="//soulfire.farm/cdn/shop/files/DSC0343.jpg?v=1734741736&width=240 240w, //soulfire.farm/cdn/shop/files/DSC0343.jpg?v=1734741736&width=352 352w, //soulfire.farm/cdn/shop/files/DSC0343.jpg?v=1734741736&width=832 832w, //soulfire.farm/cdn/shop/files/DSC0343.jpg?v=1734741736&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0343.jpg?v=1734741736&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0343.jpg?v=1734741736&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0343.jpg?v=1734741736&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0343.jpg?v=1734741736&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&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&width=3840" alt="Canna Lily Plant" srcset="//soulfire.farm/cdn/shop/files/DSC0344.jpg?v=1734741736&width=240 240w, //soulfire.farm/cdn/shop/files/DSC0344.jpg?v=1734741736&width=352 352w, //soulfire.farm/cdn/shop/files/DSC0344.jpg?v=1734741736&width=832 832w, //soulfire.farm/cdn/shop/files/DSC0344.jpg?v=1734741736&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0344.jpg?v=1734741736&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0344.jpg?v=1734741736&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0344.jpg?v=1734741736&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0344.jpg?v=1734741736&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&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 </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 </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&width=3840" alt="NPK Complex + Micros 2lb Bag" srcset="//soulfire.farm/cdn/shop/files/npkcomplex.jpg?v=1735147299&width=240 240w, //soulfire.farm/cdn/shop/files/npkcomplex.jpg?v=1735147299&width=352 352w, //soulfire.farm/cdn/shop/files/npkcomplex.jpg?v=1735147299&width=832 832w, //soulfire.farm/cdn/shop/files/npkcomplex.jpg?v=1735147299&width=1200 1200w, //soulfire.farm/cdn/shop/files/npkcomplex.jpg?v=1735147299&width=1600 1600w, //soulfire.farm/cdn/shop/files/npkcomplex.jpg?v=1735147299&width=1920 1920w, //soulfire.farm/cdn/shop/files/npkcomplex.jpg?v=1735147299&width=2560 2560w, //soulfire.farm/cdn/shop/files/npkcomplex.jpg?v=1735147299&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&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 </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 </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&width=3840" alt="Greek Oregano Plant" srcset="//soulfire.farm/cdn/shop/files/DSC9877.jpg?v=1734741152&width=240 240w, //soulfire.farm/cdn/shop/files/DSC9877.jpg?v=1734741152&width=352 352w, //soulfire.farm/cdn/shop/files/DSC9877.jpg?v=1734741152&width=832 832w, //soulfire.farm/cdn/shop/files/DSC9877.jpg?v=1734741152&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC9877.jpg?v=1734741152&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC9877.jpg?v=1734741152&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC9877.jpg?v=1734741152&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC9877.jpg?v=1734741152&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&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 </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 </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&width=3840" alt="Lime - Calcium Carbonate 20lb Bag" srcset="//soulfire.farm/cdn/shop/files/DSC0087.jpg?v=1734740678&width=240 240w, //soulfire.farm/cdn/shop/files/DSC0087.jpg?v=1734740678&width=352 352w, //soulfire.farm/cdn/shop/files/DSC0087.jpg?v=1734740678&width=832 832w, //soulfire.farm/cdn/shop/files/DSC0087.jpg?v=1734740678&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0087.jpg?v=1734740678&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0087.jpg?v=1734740678&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0087.jpg?v=1734740678&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0087.jpg?v=1734740678&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&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 </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 </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&width=3840" alt="Persian Shield Plant" srcset="//soulfire.farm/cdn/shop/files/persianshield.jpg?v=1736725118&width=240 240w, //soulfire.farm/cdn/shop/files/persianshield.jpg?v=1736725118&width=352 352w, //soulfire.farm/cdn/shop/files/persianshield.jpg?v=1736725118&width=832 832w, //soulfire.farm/cdn/shop/files/persianshield.jpg?v=1736725118&width=1200 1200w, //soulfire.farm/cdn/shop/files/persianshield.jpg?v=1736725118&width=1600 1600w, //soulfire.farm/cdn/shop/files/persianshield.jpg?v=1736725118&width=1920 1920w, //soulfire.farm/cdn/shop/files/persianshield.jpg?v=1736725118&width=2560 2560w, //soulfire.farm/cdn/shop/files/persianshield.jpg?v=1736725118&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&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 </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 </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&width=3840" alt="Thyme Plant" srcset="//soulfire.farm/cdn/shop/files/DSC9882.jpg?v=1734741160&width=240 240w, //soulfire.farm/cdn/shop/files/DSC9882.jpg?v=1734741160&width=352 352w, //soulfire.farm/cdn/shop/files/DSC9882.jpg?v=1734741160&width=832 832w, //soulfire.farm/cdn/shop/files/DSC9882.jpg?v=1734741160&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC9882.jpg?v=1734741160&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC9882.jpg?v=1734741160&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC9882.jpg?v=1734741160&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC9882.jpg?v=1734741160&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&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 </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 </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&width=3840" alt="Red Malabar Spinach Plant" srcset="//soulfire.farm/cdn/shop/files/DSC0350.jpg?v=1734741432&width=240 240w, //soulfire.farm/cdn/shop/files/DSC0350.jpg?v=1734741432&width=352 352w, //soulfire.farm/cdn/shop/files/DSC0350.jpg?v=1734741432&width=832 832w, //soulfire.farm/cdn/shop/files/DSC0350.jpg?v=1734741432&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0350.jpg?v=1734741432&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0350.jpg?v=1734741432&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0350.jpg?v=1734741432&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0350.jpg?v=1734741432&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&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 </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 </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&width=3840" alt="Cranberry Hibiscus Plant" srcset="//soulfire.farm/cdn/shop/files/DSC9933.jpg?v=1734741335&width=240 240w, //soulfire.farm/cdn/shop/files/DSC9933.jpg?v=1734741335&width=352 352w, //soulfire.farm/cdn/shop/files/DSC9933.jpg?v=1734741335&width=832 832w, //soulfire.farm/cdn/shop/files/DSC9933.jpg?v=1734741335&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC9933.jpg?v=1734741335&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC9933.jpg?v=1734741335&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC9933.jpg?v=1734741335&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC9933.jpg?v=1734741335&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&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 </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 </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&width=3840" alt="Jungle Geranium Plant" srcset="//soulfire.farm/cdn/shop/files/DSC0482.jpg?v=1735061925&width=240 240w, //soulfire.farm/cdn/shop/files/DSC0482.jpg?v=1735061925&width=352 352w, //soulfire.farm/cdn/shop/files/DSC0482.jpg?v=1735061925&width=832 832w, //soulfire.farm/cdn/shop/files/DSC0482.jpg?v=1735061925&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0482.jpg?v=1735061925&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0482.jpg?v=1735061925&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0482.jpg?v=1735061925&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0482.jpg?v=1735061925&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&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&width=3840" alt="Jungle Geranium Plant" srcset="//soulfire.farm/cdn/shop/files/DSC0484.jpg?v=1735061925&width=240 240w, //soulfire.farm/cdn/shop/files/DSC0484.jpg?v=1735061925&width=352 352w, //soulfire.farm/cdn/shop/files/DSC0484.jpg?v=1735061925&width=832 832w, //soulfire.farm/cdn/shop/files/DSC0484.jpg?v=1735061925&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0484.jpg?v=1735061925&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0484.jpg?v=1735061925&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0484.jpg?v=1735061925&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0484.jpg?v=1735061925&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&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&width=3840" alt="Jungle Geranium Plant" srcset="//soulfire.farm/cdn/shop/files/DSC0486.jpg?v=1735061925&width=240 240w, //soulfire.farm/cdn/shop/files/DSC0486.jpg?v=1735061925&width=352 352w, //soulfire.farm/cdn/shop/files/DSC0486.jpg?v=1735061925&width=832 832w, //soulfire.farm/cdn/shop/files/DSC0486.jpg?v=1735061925&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0486.jpg?v=1735061925&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0486.jpg?v=1735061925&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0486.jpg?v=1735061925&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0486.jpg?v=1735061925&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&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&width=3840" alt="Jungle Geranium Plant" srcset="//soulfire.farm/cdn/shop/files/DSC0488.jpg?v=1735061925&width=240 240w, //soulfire.farm/cdn/shop/files/DSC0488.jpg?v=1735061925&width=352 352w, //soulfire.farm/cdn/shop/files/DSC0488.jpg?v=1735061925&width=832 832w, //soulfire.farm/cdn/shop/files/DSC0488.jpg?v=1735061925&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0488.jpg?v=1735061925&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0488.jpg?v=1735061925&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0488.jpg?v=1735061925&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0488.jpg?v=1735061925&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&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 </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 </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&width=3840" alt="Purslane Plant (Electric Orange)" srcset="//soulfire.farm/cdn/shop/files/puslane-plant-ver.jpg?v=1734741376&width=240 240w, //soulfire.farm/cdn/shop/files/puslane-plant-ver.jpg?v=1734741376&width=352 352w, //soulfire.farm/cdn/shop/files/puslane-plant-ver.jpg?v=1734741376&width=832 832w, //soulfire.farm/cdn/shop/files/puslane-plant-ver.jpg?v=1734741376&width=1200 1200w, //soulfire.farm/cdn/shop/files/puslane-plant-ver.jpg?v=1734741376&width=1600 1600w, //soulfire.farm/cdn/shop/files/puslane-plant-ver.jpg?v=1734741376&width=1920 1920w, //soulfire.farm/cdn/shop/files/puslane-plant-ver.jpg?v=1734741376&width=2560 2560w, //soulfire.farm/cdn/shop/files/puslane-plant-ver.jpg?v=1734741376&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&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&width=3840" alt="Purslane Plant (Electric Orange)" srcset="//soulfire.farm/cdn/shop/files/DSC0021.jpg?v=1734741376&width=240 240w, //soulfire.farm/cdn/shop/files/DSC0021.jpg?v=1734741376&width=352 352w, //soulfire.farm/cdn/shop/files/DSC0021.jpg?v=1734741376&width=832 832w, //soulfire.farm/cdn/shop/files/DSC0021.jpg?v=1734741376&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0021.jpg?v=1734741376&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0021.jpg?v=1734741376&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0021.jpg?v=1734741376&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0021.jpg?v=1734741376&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&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 </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 </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&width=3840" alt="Aloe Vera Plant" srcset="//soulfire.farm/cdn/shop/files/aloe_vera.jpg?v=1736708066&width=240 240w, //soulfire.farm/cdn/shop/files/aloe_vera.jpg?v=1736708066&width=352 352w, //soulfire.farm/cdn/shop/files/aloe_vera.jpg?v=1736708066&width=832 832w, //soulfire.farm/cdn/shop/files/aloe_vera.jpg?v=1736708066&width=1200 1200w, //soulfire.farm/cdn/shop/files/aloe_vera.jpg?v=1736708066&width=1600 1600w, //soulfire.farm/cdn/shop/files/aloe_vera.jpg?v=1736708066&width=1920 1920w, //soulfire.farm/cdn/shop/files/aloe_vera.jpg?v=1736708066&width=2560 2560w, //soulfire.farm/cdn/shop/files/aloe_vera.jpg?v=1736708066&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&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 </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 </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&width=3840" alt="Jacaranda Tree" srcset="//soulfire.farm/cdn/shop/files/jacaranda-2.jpg?v=1734741099&width=240 240w, //soulfire.farm/cdn/shop/files/jacaranda-2.jpg?v=1734741099&width=352 352w, //soulfire.farm/cdn/shop/files/jacaranda-2.jpg?v=1734741099&width=832 832w, //soulfire.farm/cdn/shop/files/jacaranda-2.jpg?v=1734741099&width=1200 1200w, //soulfire.farm/cdn/shop/files/jacaranda-2.jpg?v=1734741099&width=1600 1600w, //soulfire.farm/cdn/shop/files/jacaranda-2.jpg?v=1734741099&width=1920 1920w, //soulfire.farm/cdn/shop/files/jacaranda-2.jpg?v=1734741099&width=2560 2560w, //soulfire.farm/cdn/shop/files/jacaranda-2.jpg?v=1734741099&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&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&width=3840" alt="Jacaranda Tree" srcset="//soulfire.farm/cdn/shop/files/jacaranda.jpg?v=1734741099&width=240 240w, //soulfire.farm/cdn/shop/files/jacaranda.jpg?v=1734741099&width=352 352w, //soulfire.farm/cdn/shop/files/jacaranda.jpg?v=1734741099&width=832 832w, //soulfire.farm/cdn/shop/files/jacaranda.jpg?v=1734741099&width=1200 1200w, //soulfire.farm/cdn/shop/files/jacaranda.jpg?v=1734741099&width=1600 1600w, //soulfire.farm/cdn/shop/files/jacaranda.jpg?v=1734741099&width=1920 1920w, //soulfire.farm/cdn/shop/files/jacaranda.jpg?v=1734741099&width=2560 2560w, //soulfire.farm/cdn/shop/files/jacaranda.jpg?v=1734741099&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&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 </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 </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&width=3840" alt="Everbearing Mulberry Tree" srcset="//soulfire.farm/cdn/shop/files/mulberry.jpg?v=1734740960&width=240 240w, //soulfire.farm/cdn/shop/files/mulberry.jpg?v=1734740960&width=352 352w, //soulfire.farm/cdn/shop/files/mulberry.jpg?v=1734740960&width=832 832w, //soulfire.farm/cdn/shop/files/mulberry.jpg?v=1734740960&width=1200 1200w, //soulfire.farm/cdn/shop/files/mulberry.jpg?v=1734740960&width=1600 1600w, //soulfire.farm/cdn/shop/files/mulberry.jpg?v=1734740960&width=1920 1920w, //soulfire.farm/cdn/shop/files/mulberry.jpg?v=1734740960&width=2560 2560w, //soulfire.farm/cdn/shop/files/mulberry.jpg?v=1734740960&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&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&width=3840" alt="Everbearing Mulberry Tree" srcset="//soulfire.farm/cdn/shop/files/DSC0028.jpg?v=1734740960&width=240 240w, //soulfire.farm/cdn/shop/files/DSC0028.jpg?v=1734740960&width=352 352w, //soulfire.farm/cdn/shop/files/DSC0028.jpg?v=1734740960&width=832 832w, //soulfire.farm/cdn/shop/files/DSC0028.jpg?v=1734740960&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0028.jpg?v=1734740960&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0028.jpg?v=1734740960&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0028.jpg?v=1734740960&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0028.jpg?v=1734740960&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&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&width=3840" alt="Everbearing Mulberry Tree" srcset="//soulfire.farm/cdn/shop/files/DSC0031.jpg?v=1734740960&width=240 240w, //soulfire.farm/cdn/shop/files/DSC0031.jpg?v=1734740960&width=352 352w, //soulfire.farm/cdn/shop/files/DSC0031.jpg?v=1734740960&width=832 832w, //soulfire.farm/cdn/shop/files/DSC0031.jpg?v=1734740960&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0031.jpg?v=1734740960&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0031.jpg?v=1734740960&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0031.jpg?v=1734740960&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0031.jpg?v=1734740960&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&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 </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 </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&width=3840" alt="Rice Hulls 5lb Bag" srcset="//soulfire.farm/cdn/shop/files/DSC0080.jpg?v=1734740691&width=240 240w, //soulfire.farm/cdn/shop/files/DSC0080.jpg?v=1734740691&width=352 352w, //soulfire.farm/cdn/shop/files/DSC0080.jpg?v=1734740691&width=832 832w, //soulfire.farm/cdn/shop/files/DSC0080.jpg?v=1734740691&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0080.jpg?v=1734740691&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0080.jpg?v=1734740691&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0080.jpg?v=1734740691&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0080.jpg?v=1734740691&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&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 </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 </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&width=3840" alt="Mexican Sunflower (10 Cuttings)" srcset="//soulfire.farm/cdn/shop/files/mexicansunflower.jpg?v=1736795533&width=240 240w, //soulfire.farm/cdn/shop/files/mexicansunflower.jpg?v=1736795533&width=352 352w, //soulfire.farm/cdn/shop/files/mexicansunflower.jpg?v=1736795533&width=832 832w, //soulfire.farm/cdn/shop/files/mexicansunflower.jpg?v=1736795533&width=1200 1200w, //soulfire.farm/cdn/shop/files/mexicansunflower.jpg?v=1736795533&width=1600 1600w, //soulfire.farm/cdn/shop/files/mexicansunflower.jpg?v=1736795533&width=1920 1920w, //soulfire.farm/cdn/shop/files/mexicansunflower.jpg?v=1736795533&width=2560 2560w, //soulfire.farm/cdn/shop/files/mexicansunflower.jpg?v=1736795533&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&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&width=3840" alt="Mexican Sunflower (10 Cuttings)" srcset="//soulfire.farm/cdn/shop/files/mexican_sunflower_2.jpg?v=1736795533&width=240 240w, //soulfire.farm/cdn/shop/files/mexican_sunflower_2.jpg?v=1736795533&width=352 352w, //soulfire.farm/cdn/shop/files/mexican_sunflower_2.jpg?v=1736795533&width=832 832w, //soulfire.farm/cdn/shop/files/mexican_sunflower_2.jpg?v=1736795533&width=1200 1200w, //soulfire.farm/cdn/shop/files/mexican_sunflower_2.jpg?v=1736795533&width=1600 1600w, //soulfire.farm/cdn/shop/files/mexican_sunflower_2.jpg?v=1736795533&width=1920 1920w, //soulfire.farm/cdn/shop/files/mexican_sunflower_2.jpg?v=1736795533&width=2560 2560w, //soulfire.farm/cdn/shop/files/mexican_sunflower_2.jpg?v=1736795533&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&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 </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 </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&width=3840" alt="Lemon Grass Plant - West Indian" srcset="//soulfire.farm/cdn/shop/files/DSC0498.jpg?v=1735058719&width=240 240w, //soulfire.farm/cdn/shop/files/DSC0498.jpg?v=1735058719&width=352 352w, //soulfire.farm/cdn/shop/files/DSC0498.jpg?v=1735058719&width=832 832w, //soulfire.farm/cdn/shop/files/DSC0498.jpg?v=1735058719&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0498.jpg?v=1735058719&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0498.jpg?v=1735058719&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0498.jpg?v=1735058719&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0498.jpg?v=1735058719&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&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 </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 </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&width=3840" alt="Black Pearl Pepper Plant" srcset="//soulfire.farm/cdn/shop/files/blackpearlpepper.jpg?v=1734924931&width=240 240w, //soulfire.farm/cdn/shop/files/blackpearlpepper.jpg?v=1734924931&width=352 352w, //soulfire.farm/cdn/shop/files/blackpearlpepper.jpg?v=1734924931&width=832 832w, //soulfire.farm/cdn/shop/files/blackpearlpepper.jpg?v=1734924931&width=1200 1200w, //soulfire.farm/cdn/shop/files/blackpearlpepper.jpg?v=1734924931&width=1600 1600w, //soulfire.farm/cdn/shop/files/blackpearlpepper.jpg?v=1734924931&width=1920 1920w, //soulfire.farm/cdn/shop/files/blackpearlpepper.jpg?v=1734924931&width=2560 2560w, //soulfire.farm/cdn/shop/files/blackpearlpepper.jpg?v=1734924931&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&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 </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 </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&width=3840" alt="Holy Basil (Tulsi) Plant" srcset="//soulfire.farm/cdn/shop/files/DSC0053.jpg?v=1734741400&width=240 240w, //soulfire.farm/cdn/shop/files/DSC0053.jpg?v=1734741400&width=352 352w, //soulfire.farm/cdn/shop/files/DSC0053.jpg?v=1734741400&width=832 832w, //soulfire.farm/cdn/shop/files/DSC0053.jpg?v=1734741400&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC0053.jpg?v=1734741400&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC0053.jpg?v=1734741400&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC0053.jpg?v=1734741400&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC0053.jpg?v=1734741400&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&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 </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 </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&width=3840" alt="Brazilian Spinach Plant" srcset="//soulfire.farm/cdn/shop/files/DSC9769.jpg?v=1734741217&width=240 240w, //soulfire.farm/cdn/shop/files/DSC9769.jpg?v=1734741217&width=352 352w, //soulfire.farm/cdn/shop/files/DSC9769.jpg?v=1734741217&width=832 832w, //soulfire.farm/cdn/shop/files/DSC9769.jpg?v=1734741217&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC9769.jpg?v=1734741217&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC9769.jpg?v=1734741217&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC9769.jpg?v=1734741217&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC9769.jpg?v=1734741217&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&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&width=3840" alt="Brazilian Spinach Plant" srcset="//soulfire.farm/cdn/shop/files/DSC9771.jpg?v=1734741217&width=240 240w, //soulfire.farm/cdn/shop/files/DSC9771.jpg?v=1734741217&width=352 352w, //soulfire.farm/cdn/shop/files/DSC9771.jpg?v=1734741217&width=832 832w, //soulfire.farm/cdn/shop/files/DSC9771.jpg?v=1734741217&width=1200 1200w, //soulfire.farm/cdn/shop/files/DSC9771.jpg?v=1734741217&width=1600 1600w, //soulfire.farm/cdn/shop/files/DSC9771.jpg?v=1734741217&width=1920 1920w, //soulfire.farm/cdn/shop/files/DSC9771.jpg?v=1734741217&width=2560 2560w, //soulfire.farm/cdn/shop/files/DSC9771.jpg?v=1734741217&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&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 </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 </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&width=3840" alt="SoulFire Farm" srcset="//soulfire.farm/cdn/shop/files/logo_light.png?v=1753300623&width=240 240w, //soulfire.farm/cdn/shop/files/logo_light.png?v=1753300623&width=352 352w, //soulfire.farm/cdn/shop/files/logo_light.png?v=1753300623&width=832 832w, //soulfire.farm/cdn/shop/files/logo_light.png?v=1753300623&width=1200 1200w, //soulfire.farm/cdn/shop/files/logo_light.png?v=1753300623&width=1600 1600w, //soulfire.farm/cdn/shop/files/logo_light.png?v=1753300623&width=1920 1920w, //soulfire.farm/cdn/shop/files/logo_light.png?v=1753300623&width=2560 2560w, //soulfire.farm/cdn/shop/files/logo_light.png?v=1753300623&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 © 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&width=500" alt="" srcset="//soulfire.farm/cdn/shop/files/grow.jpg?v=1776813251&width=240 240w, //soulfire.farm/cdn/shop/files/grow.jpg?v=1776813251&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 </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 </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&width=500" alt="" srcset="//soulfire.farm/cdn/shop/files/Bloom.jpg?v=1776813029&width=240 240w, //soulfire.farm/cdn/shop/files/Bloom.jpg?v=1776813029&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 </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 </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&width=500" alt="" srcset="//soulfire.farm/cdn/shop/files/marinebio.jpg?v=1776812705&width=240 240w, //soulfire.farm/cdn/shop/files/marinebio.jpg?v=1776812705&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 </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 </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&width=500" alt="" srcset="//soulfire.farm/cdn/shop/files/melazablackstrap.jpg?v=1776812231&width=240 240w, //soulfire.farm/cdn/shop/files/melazablackstrap.jpg?v=1776812231&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 </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 </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.