PageSourceSearch

https://www.burpee.com/collections/watering-products

html burpee.com collected 2026-10-01 11:42:57 UTC 550,901 bytes, 12,476 lines download raw bytes

1<!doctype html>
2<html
3  
4  lang="en"
5>
6  <head>
7    
8    
9
10    
10<script>
11        window.bpTestTime = null;
12        const permanentDomain = "burpee-com.myshopify.com";
13      
14        window.bpGetDate = () => {
15          if (bpTestTime && permanentDomain !== "burpee-com.myshopify.com") {
16            return window.bpTestTime;
17          }
18
19          const date = new Date();
20
21          const parts = new Intl.DateTimeFormat("en-US",  {
22            timeZone: "America/New_York",
23            year: "numeric",
24            month: "2-digit",
25            day: "2-digit",
26          }).formatToParts(date);
27
28          const {year, month, day} = Object.fromEntries(
29            parts.map(({type, value}) => [type, value])
30          )
31
32          return `${year}-${month}-${day}`;
33        }
34    </script>
34
35    
36<link
37        rel="icon"
38        type="image/png"
39        href="//www.burpee.com/cdn/shop/files/burpee-tomato.png?crop=center&height=32&v=1783008670&width=32"
40      >
41    
42<meta charset="utf-8">
43<meta
44  http-equiv="X-UA-Compatible"
45  content="IE=edge"
46>
47<meta
48  name="viewport"
49  content="width=device-width,initial-scale=1"
50>
51<meta
52  name="view-transition"
53  content="same-origin"
54>
55<meta
56  name="theme-color"
57  content=""
58>
59
60<meta
61  property="og:site_name"
62  content="Burpee Seeds &amp; Plants"
63>
64<meta
65  property="og:url"
66  content="https://www.burpee.com/collections/watering-products"
67>
68<meta
69  property="og:title"
70  content="Give your plants just the right amount of water and nutrients to grow their best with our selection of supplies designed to meet your garden`s watering needs."
71>
72<meta
73  property="og:type"
74  content="website"
75>
76<meta
77  property="og:description"
78  content="When it comes to watering, the right tools make a big difference for you and your crops. Water deeply to the roots to quench plants’ thirst, and always take note of varying hydration needs."
79><meta
80    property="og:image"
81    content="http://www.burpee.com/cdn/shop/collections/4fa98aaf99923367b23d5ea5ebfc014b1bb19f31.jpg?v=1784670148"
82  >
83  <meta
84    property="og:image:secure_url"
85    content="https://www.burpee.com/cdn/shop/collections/4fa98aaf99923367b23d5ea5ebfc014b1bb19f31.jpg?v=1784670148"
86  >
87  <meta
88    property="og:image:width"
89    content="1500"
90  >
91  <meta
92    property="og:image:height"
93    content="1500"
94  ><meta
95  name="twitter:card"
96  content="summary_large_image"
97>
98<meta
99  name="twitter:title"
100  content="Give your plants just the right amount of water and nutrients to grow their best with our selection of supplies designed to meet your garden`s watering needs."
101>
102<meta
103  name="twitter:description"
104  content="When it comes to watering, the right tools make a big difference for you and your crops. Water deeply to the roots to quench plants’ thirst, and always take note of varying hydration needs."
105>
106
107<title>
108  Give your plants just the right amount of water and nutrients to grow their best with our selection of supplies designed to meet your garden`s watering needs.
109 &ndash; Burpee Seeds &amp; Plants</title>
110
111<link
112  rel="canonical"
113  href="https://www.burpee.com/collections/watering-products"
114>
115
116
117  <meta
118    name="description"
119    content="When it comes to watering, the right tools make a big difference for you and your crops. Water deeply to the roots to quench plants’ thirst, and always take note of varying hydration needs."
120  >
121
122<link href="//www.burpee.com/cdn/shop/t/5/assets/overflow-list.css?v=13500019909476584571782933464" as="style" rel="preload">
123<link href="//www.burpee.com/cdn/shop/t/5/assets/base.css?v=92485965362811062161782933463" rel="stylesheet" type="text/css" media="all" />
124<link href="//www.burpee.com/cdn/shop/t/5/assets/bp-extension.css?v=135664646078304370431787595474" rel="stylesheet" type="text/css" media="all" /> 
125
126<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 126
126
127<script type="importmap">
128  {
129    "imports": {
130      "@theme/overflow-list": "//www.burpee.com/cdn/shop/t/5/assets/overflow-list.js?v=46858356770684902511782933460",
131      "@theme/product-title": "//www.burpee.com/cdn/shop/t/5/assets/product-title-truncation.js?v=81744426891537421781782933462",
132      "@theme/component": "//www.burpee.com/cdn/shop/t/5/assets/component.js?v=184240237101443119871782933460",
133      "@theme/dialog": "//www.burpee.com/cdn/shop/t/5/assets/dialog.js?v=150888536568694194021782933461",
134      "@theme/events": "//www.burpee.com/cdn/shop/t/5/assets/events.js?v=1118589085892804011782933462",
135      "@theme/focus": "//www.burpee.com/cdn/shop/t/5/assets/focus.js?v=60436577539430446401782933464",
136      "@theme/morph": "//www.burpee.com/cdn/shop/t/5/assets/morph.js?v=102085577784545683451782933464",
137      "@theme/paginated-list": "//www.burpee.com/cdn/shop/t/5/assets/paginated-list.js?v=95298315036233333871782933462",
138      "@theme/performance": "//www.burpee.com/cdn/shop/t/5/assets/performance.js?v=171015751390534793081782933463",
139      "@theme/product-form": "//www.burpee.com/cdn/shop/t/5/assets/product-form.js?v=110696560168771716971785272313",
140      "@theme/recently-viewed-products": "//www.burpee.com/cdn/shop/t/5/assets/recently-viewed-products.js?v=94729125001750262651782933460",
141      "@theme/scrolling": "//www.burpee.com/cdn/shop/t/5/assets/scrolling.js?v=162288454571026455011782933461",
142      "@theme/section-renderer": "//www.burpee.com/cdn/shop/t/5/assets/section-renderer.js?v=152586934315572818121782933463",
143      "@theme/section-hydration": "//www.burpee.com/cdn/shop/t/5/assets/section-hydration.js?v=108434990705342316311782933462",
144      "@theme/money-formatting": "//www.burpee.com/cdn/shop/t/5/assets/money-formatting.js?v=182191346160333327151782933463",
145      "@theme/utilities": "//www.burpee.com/cdn/shop/t/5/assets/utilities.js?v=28506172887375975941782933461",
146      "@theme/variant-picker": "//www.burpee.com/cdn/shop/t/5/assets/variant-picker.js?v=177886063604495755331782933461",
147      "@theme/media-gallery": "//www.burpee.com/cdn/shop/t/5/assets/media-gallery.js?v=14624021005636302161782933462",
148      "@theme/quick-add": "//www.burpee.com/cdn/shop/t/5/assets/quick-add.js?v=8173316780029216301782933464",
149      "@theme/paginated-list-aspect-ratio": "//www.burpee.com/cdn/shop/t/5/assets/paginated-list-aspect-ratio.js?v=25254270272143792451782933462",
150      "@theme/popover-polyfill": "//www.burpee.com/cdn/shop/t/5/assets/popover-polyfill.js?v=119029313658895111201782933462",
151      "@theme/component-quantity-selector": "//www.burpee.com/cdn/shop/t/5/assets/component-quantity-selector.js?v=130433944932479455921785272312",
152      "@theme/comparison-slider": "//www.burpee.com/cdn/shop/t/5/assets/comparison-slider.js?v=106705562947035711941782933463",
153      "@theme/sticky-add-to-cart": "//www.burpee.com/cdn/shop/t/5/assets/sticky-add-to-cart.js?v=48956925339276737091782933464",
154      "@theme/fly-to-cart": "//www.burpee.com/cdn/shop/t/5/assets/fly-to-cart.js?v=48483246440248933081782933463",
155      
156      "@theme/bp-grow-module": "//www.burpee.com/cdn/shop/t/5/assets/bp-grow-module.js?v=168878997270728674971785272312",
157      "@theme/bp-shipping-week": "//www.burpee.com/cdn/shop/t/5/assets/bp-shipping-week.js?v=79742374916206604731787599714",
158      "@theme/bp-cart-reducer": "//www.burpee.com/cdn/shop/t/5/assets/bp-cart-reducer.js?v=120148722226023126961787599712"
159      
160    }
161  }
162</script>
162
163
164<script
165  src="//www.burpee.com/cdn/shop/t/5/assets/view-transitions.js?v=7106414069516106341782933462"
166  async
167  
168></script>
168
169
170<link
171  rel="modulepreload"
172  href="//www.burpee.com/cdn/shop/t/5/assets/utilities.js?v=28506172887375975941782933461"
173  fetchpriority="low"
174>
175<link
176  rel="modulepreload"
177  href="//www.burpee.com/cdn/shop/t/5/assets/component.js?v=184240237101443119871782933460"
178  fetchpriority="low"
179>
180<link
181  rel="modulepreload"
182  href="//www.burpee.com/cdn/shop/t/5/assets/section-renderer.js?v=152586934315572818121782933463"
183  fetchpriority="low"
184>
185<link
186  rel="modulepreload"
187  href="//www.burpee.com/cdn/shop/t/5/assets/section-hydration.js?v=108434990705342316311782933462"
188  fetchpriority="low"
189>
190<link
191  rel="modulepreload"
192  href="//www.burpee.com/cdn/shop/t/5/assets/morph.js?v=102085577784545683451782933464"
193  fetchpriority="low"
194>
195
196
197  <link
198    rel="modulepreload"
199    href="//www.burpee.com/cdn/shop/t/5/assets/paginated-list-aspect-ratio.js?v=25254270272143792451782933462"
200    fetchpriority="low"
201  >
202  <link
203    rel="modulepreload"
204    href="//www.burpee.com/cdn/shop/t/5/assets/paginated-list.js?v=95298315036233333871782933462"
205    fetchpriority="low"
206  >
207
208  <link
209    rel="modulepreload"
210    href="//www.burpee.com/cdn/shop/t/5/assets/product-title-truncation.js?v=81744426891537421781782933462"
211    fetchpriority="low"
212  >
213
214
215<link
216  rel="modulepreload"
217  href="//www.burpee.com/cdn/shop/t/5/assets/focus.js?v=60436577539430446401782933464"
218  fetchpriority="low"
219>
220<link
221  rel="modulepreload"
222  href="//www.burpee.com/cdn/shop/t/5/assets/recently-viewed-products.js?v=94729125001750262651782933460"
223  fetchpriority="low"
224>
225<link
226  rel="modulepreload"
227  href="//www.burpee.com/cdn/shop/t/5/assets/scrolling.js?v=162288454571026455011782933461"
228  fetchpriority="low"
229>
230<link
231  rel="modulepreload"
232  href="//www.burpee.com/cdn/shop/t/5/assets/events.js?v=1118589085892804011782933462"
233  fetchpriority="low"
234>
235<script
236  src="//www.burpee.com/cdn/shop/t/5/assets/popover-polyfill.js?v=119029313658895111201782933462"
237  type="module"
238  fetchpriority="low"
239></script>
vendor: 1 bytes, line 239
239
240<script
241  src="//www.burpee.com/cdn/shop/t/5/assets/overflow-list.js?v=46858356770684902511782933460"
242  type="module"
243  fetchpriority="low"
244></script>
vendor: 1 bytes, line 244
244
245<script
246  src="//www.burpee.com/cdn/shop/t/5/assets/quick-add.js?v=8173316780029216301782933464"
247  type="module"
248  fetchpriority="low"
249></script>
249
250
251  
251<script
252    src="//www.burpee.com/cdn/shop/t/5/assets/cart-discount.js?v=107077853990124422021782933461"
253    type="module"
254    fetchpriority="low"
255  ></script>
255
256
257
258<script
259  src="//www.burpee.com/cdn/shop/t/5/assets/dialog.js?v=150888536568694194021782933461"
260  type="module"
261  fetchpriority="low"
262></script>
vendor: 1 bytes, line 262
262
263<script
264  src="//www.burpee.com/cdn/shop/t/5/assets/variant-picker.js?v=177886063604495755331782933461"
265  type="module"
266  fetchpriority="low"
267></script>
vendor: 1 bytes, line 267
267
268<script
269  src="//www.burpee.com/cdn/shop/t/5/assets/product-card.js?v=28695665944407642501782933463"
270  type="module"
271  fetchpriority="low"
272></script>
vendor: 1 bytes, line 272
272
273<script
274  src="//www.burpee.com/cdn/shop/t/5/assets/product-form.js?v=110696560168771716971785272313"
275  type="module"
276  fetchpriority="low"
277></script>
vendor: 1 bytes, line 277
277
278<script
279  src="//www.burpee.com/cdn/shop/t/5/assets/fly-to-cart.js?v=48483246440248933081782933463"
280  type="module"
281  fetchpriority="low"
282></script>
vendor: 1 bytes, line 282
282
283<script
284  src="//www.burpee.com/cdn/shop/t/5/assets/accordion-custom.js?v=97588419883090888471782933461"
285  type="module"
286  fetchpriority="low"
287></script>
vendor: 1 bytes, line 287
287
288<script
289  src="//www.burpee.com/cdn/shop/t/5/assets/media.js?v=37825095869491791421782933463"
290  type="module"
291  fetchpriority="low"
292></script>
vendor: 1 bytes, line 292
292
293<script
294  src="//www.burpee.com/cdn/shop/t/5/assets/product-price.js?v=164492227269745550161782933461"
295  type="module"
296  fetchpriority="low"
297></script>
vendor: 1 bytes, line 297
297
298<script
299  src="//www.burpee.com/cdn/shop/t/5/assets/product-sku.js?v=121804655373531320511782933462"
300  type="module"
301  fetchpriority="low"
302></script>
vendor: 1 bytes, line 302
302
303<script
304  src="//www.burpee.com/cdn/shop/t/5/assets/product-title-truncation.js?v=81744426891537421781782933462"
305  type="module"
306  fetchpriority="low"
307></script>
vendor: 1 bytes, line 307
307
308<script
309  src="//www.burpee.com/cdn/shop/t/5/assets/product-inventory.js?v=81520546963552472391782933460"
310  type="module"
311  fetchpriority="low"
312></script>
vendor: 1 bytes, line 312
312
313<script
314  src="//www.burpee.com/cdn/shop/t/5/assets/show-more.js?v=94563802205717136101782933463"
315  type="module"
316  fetchpriority="low"
317></script>
vendor: 1 bytes, line 317
317
318<script
319  src="//www.burpee.com/cdn/shop/t/5/assets/slideshow.js?v=17868446697736367161782933464"
320  type="module"
321  fetchpriority="low"
322></script>
vendor: 1 bytes, line 322
322
323<script
324  src="//www.burpee.com/cdn/shop/t/5/assets/layered-slideshow.js?v=30135417790894624731782933460"
325  type="module"
326  fetchpriority="low"
327></script>
vendor: 1 bytes, line 327
327
328<script
329  src="//www.burpee.com/cdn/shop/t/5/assets/anchored-popover.js?v=95953304814728754461782933461"
330  type="module"
331  fetchpriority="low"
332></script>
vendor: 1 bytes, line 332
332
333<script
334  src="//www.burpee.com/cdn/shop/t/5/assets/floating-panel.js?v=151277338116891310371782933463"
335  type="module"
336  fetchpriority="low"
337></script>
vendor: 1 bytes, line 337
337
338<script
339  src="//www.burpee.com/cdn/shop/t/5/assets/video-background.js?v=25237992823806706551782933462"
340  type="module"
341  fetchpriority="low"
342></script>
vendor: 1 bytes, line 342
342
343<script
344  src="//www.burpee.com/cdn/shop/t/5/assets/component-quantity-selector.js?v=130433944932479455921785272312"
345  type="module"
346  fetchpriority="low"
347></script>
vendor: 1 bytes, line 347
347
348<script
349  src="//www.burpee.com/cdn/shop/t/5/assets/media-gallery.js?v=14624021005636302161782933462"
350  type="module"
351  fetchpriority="low"
352></script>
vendor: 1 bytes, line 352
352
353<script
354  src="//www.burpee.com/cdn/shop/t/5/assets/rte-formatter.js?v=40306132146590816021782933461"
355  type="module"
356  fetchpriority="low"
357></script>
vendor: 1 bytes, line 357
357
358<script
359  src="//www.burpee.com/cdn/shop/t/5/assets/volume-pricing.js?v=15442793518842484731782933463"
360  type="module"
361  fetchpriority="low"
362></script>
vendor: 1 bytes, line 362
362
363<script
364  src="//www.burpee.com/cdn/shop/t/5/assets/price-per-item.js?v=144512917617120124431782933463"
365  type="module"
366  fetchpriority="low"
367></script>
vendor: 1 bytes, line 367
367
368<script
369  src="//www.burpee.com/cdn/shop/t/5/assets/volume-pricing-info.js?v=94479640769665442661782933463"
370  type="module"
371  fetchpriority="low"
372></script>
372
373
374
375
376
377
378<script
379  src="//www.burpee.com/cdn/shop/t/5/assets/auto-close-details.js?v=58350291535404441581782933462"
380  defer="defer"
381></script>
381
382
383<script>
384  const Theme = {
385    translations: {
386      placeholder_image: `Placeholder image`,
387      added: `Added`,
388      recipient_form_fields_visible: `Recipient form fields are now visible`,
389      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
390      recipient_form_error: `There was an error with the form submission`,
391      items_added_to_cart_one: `1 item added to cart`,
392      items_added_to_cart_other: `{{ count }} items added to cart`,
393    },
394    routes: {
395      cart_add_url: '/cart/add.js',
396      cart_change_url: '/cart/change',
397      cart_update_url: '/cart/update',
398      cart_url: '/cart',
399      predictive_search_url: '/search/suggest',
400      search_url: '/search',
401    },
402    template: {
403      name: 'collection',
404    },
405  };
406</script>
406
407<style data-shopify>
408
409
410  :root {
411    /* Page Layout */
412    --sidebar-width: 25rem;
413    --narrow-content-width: 36rem;
414    --normal-content-width: 42rem;
415    --wide-content-width: 46rem;
416    --narrow-page-width: 90rem;
417    --normal-page-width: 120rem;
418    --wide-page-width: 150rem;
419
420    /* Section Heights */
421    --section-height-small: 15rem;
422    --section-height-medium: 25rem;
423    --section-height-large: 35rem;
424
425    @media screen and (min-width: 40em) {
426      --section-height-small: 40svh;
427      --section-height-medium: 55svh;
428      --section-height-large: 70svh;
429    }
430
431    @media screen and (min-width: 60em) {
432      --section-height-small: 50svh;
433      --section-height-medium: 65svh;
434      --section-height-large: 80svh;
435    }
436
437    /* Letter spacing */
438    --letter-spacing-sm: 0.06em;
439    --letter-spacing-md: 0.13em;
440
441    /* Font families */
442    --font-body--family: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
443    --font-body--style: normal;
444    --font-body--weight: 400;
445    --font-subheading--family: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
446    --font-subheading--style: normal;
447    --font-subheading--weight: 400;
448    --font-heading--family: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
449    --font-heading--style: normal;
450    --font-heading--weight: 400;
451    --font-accent--family: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
452    --font-accent--style: normal;
453    --font-accent--weight: 400;
454
455    /* Margin sizes */
456    --font-heading--spacing: 0.25em;
457    --font-h1--spacing: var(--font-heading--spacing);
458    --font-h2--spacing: var(--font-heading--spacing);
459    --font-h3--spacing: var(--font-heading--spacing);
460    --font-h4--spacing: var(--font-heading--spacing);
461    --font-h5--spacing: var(--font-heading--spacing);
462    --font-h6--spacing: var(--font-heading--spacing);
463    --font-paragraph--spacing: 0.5em;
464
465    /* Heading colors */
466    --font-h1--color: var(--color-foreground-heading);
467    --font-h2--color: var(--color-foreground-heading);
468    --font-h3--color: var(--color-foreground-heading);
469    --font-h4--color: var(--color-foreground-heading);
470    --font-h5--color: var(--color-foreground-heading);
471    --font-h6--color: var(--color-foreground-heading);
472
473    /** Z-Index / Layering */
474    --layer-section-background: -2;
475    --layer-lowest: -1;
476    --layer-base: 0;
477    --layer-flat: 1;
478    --layer-raised: 2;
479    --layer-heightened: 4;
480    --layer-sticky: 8;
481    --layer-window-overlay: 10;
482    --layer-header-menu: 12;
483    --layer-overlay: 16;
484    --layer-menu-drawer: 18;
485    --layer-temporary: 20;
486
487    /* Max-width / Measure */
488    --max-width--body-normal: 32.5em;
489    --max-width--body-narrow: 22.75em;
490
491    --max-width--heading-normal: 32.5em;
492    --max-width--heading-narrow: 19.5em;
493
494    --max-width--display-normal: 13em;
495    --max-width--display-narrow: 9.75em;
496    --max-width--display-tight: 3.25em;
497
498    /* Letter-spacing / Tracking */
499    --letter-spacing--display-tight: -0.03em;
500    --letter-spacing--display-normal: 0em;
501    --letter-spacing--display-loose: 0.03em;
502
503    --letter-spacing--heading-tight: -0.03em;
504    --letter-spacing--heading-normal: 0em;
505    --letter-spacing--heading-loose: 0.03em;
506
507    --letter-spacing--body-tight: -0.03em;
508    --letter-spacing--body-normal: 0em;
509    --letter-spacing--body-loose: 0.03em;
510
511    /* Line height / Leading */
512    --line-height: 1;
513
514    --line-height--display-tight: 1;
515    --line-height--display-normal: 1.1;
516    --line-height--display-loose: 1.2;
517
518    --line-height--heading-tight: 1.15;
519    --line-height--heading-normal: 1.25;
520    --line-height--heading-loose: 1.35;
521
522    --line-height--body-tight: 1.2;
523    --line-height--body-normal: 1.4;
524    --line-height--body-loose: 1.6;
525
526    /* Typography presets */
527    --font-size--paragraph: 1.0rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--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-loose);--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: none;--font-h1--line-height: var(--line-height--display-tight);--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: none;--font-h2--line-height: var(--line-height--display-tight);--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: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--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-loose);--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-loose);
528
529    /* Hardcoded font sizes */
530    --font-size--3xs: 0.625rem;
531    --font-size--2xs: 0.75rem;
532    --font-size--xs: 0.8125rem;
533    --font-size--sm: 0.875rem;
534    --font-size--md: 1rem;
535    --font-size--lg: 1.125rem;
536    --font-size--xl: 1.25rem;
537    --font-size--2xl: 1.5rem;
538    --font-size--3xl: 2rem;
539    --font-size--4xl: 2.5rem;
540    --font-size--5xl: 3rem;
541    --font-size--6xl: 3.5rem;
542
543    /* Menu font sizes */
544    --menu-font-sm--size: 0.875rem;
545    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
546    --menu-font-md--size: 1rem;
547    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
548    --menu-font-lg--size: 1.125rem;
549    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
550    --menu-font-xl--size: 1.25rem;
551    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
552    --menu-font-2xl--size: 1.75rem;
553    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
554
555    /* Colors */
556    --color-error: #8B0000;
557    --color-success: #006400;
558    --color-white: #FFFFFF;
559    --color-white-rgb: 255 255 255;
560    --color-black: #000000;
561    --color-instock: #3ED660;
562    --color-lowstock: #EE9441;
563    --color-outofstock: #C8C8C8;
564
565    /* Opacity */
566    --opacity-5: 0.05;
567    --opacity-8: 0.08;
568    --opacity-10: 0.1;
569    --opacity-15: 0.15;
570    --opacity-20: 0.2;
571    --opacity-25: 0.25;
572    --opacity-30: 0.3;
573    --opacity-40: 0.4;
574    --opacity-50: 0.5;
575    --opacity-60: 0.6;
576    --opacity-70: 0.7;
577    --opacity-80: 0.8;
578    --opacity-85: 0.85;
579    --opacity-90: 0.9;
580    --opacity-subdued-text: var(--opacity-70);
581
582    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
583    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
584
585    /* Spacing */
586    --margin-3xs: 0.125rem;
587    --margin-2xs: 0.3rem;
588    --margin-xs: 0.5rem;
589    --margin-sm: 0.7rem;
590    --margin-md: 0.8rem;
591    --margin-lg: 1rem;
592    --margin-xl: 1.25rem;
593    --margin-2xl: 1.5rem;
594    --margin-3xl: 1.75rem;
595    --margin-4xl: 2rem;
596    --margin-5xl: 3rem;
597    --margin-6xl: 5rem;
598
599    --scroll-margin: 50px;
600
601    --padding-3xs: 0.125rem;
602    --padding-2xs: 0.25rem;
603    --padding-xs: 0.5rem;
604    --padding-sm: 0.7rem;
605    --padding-md: 0.8rem;
606    --padding-lg: 1rem;
607    --padding-xl: 1.25rem;
608    --padding-2xl: 1.5rem;
609    --padding-3xl: 1.75rem;
610    --padding-4xl: 2rem;
611    --padding-5xl: 3rem;
612    --padding-6xl: 4rem;
613
614    --gap-3xs: 0.125rem;
615    --gap-2xs: 0.3rem;
616    --gap-xs: 0.5rem;
617    --gap-sm: 0.7rem;
618    --gap-md: 0.9rem;
619    --gap-lg: 1rem;
620    --gap-xl: 1.25rem;
621    --gap-2xl: 2rem;
622    --gap-3xl: 3rem;
623
624    --spacing-scale-sm: 0.6;
625    --spacing-scale-md: 0.7;
626    --spacing-scale-default: 1.0;
627
628    /* Checkout buttons gap */
629    --checkout-button-gap: 10px;
630
631    /* Borders */
632    --style-border-width: 1px;
633    --style-border-radius-xs: 0.2rem;
634    --style-border-radius-sm: 0.6rem;
635    --style-border-radius-md: 0.8rem;
636    --style-border-radius-50: 50%;
637    --style-border-radius-lg: 1rem;
638    --style-border-radius-pills: 40px;
639    --style-border-radius-inputs: 4px;
640    --style-border-radius-buttons-primary: 14px;
641    --style-border-radius-buttons-secondary: 14px;
642    --style-border-width-primary: 0px;
643    --style-border-width-secondary: 1px;
644    --style-border-width-inputs: 1px;
645    --style-border-radius-popover: 14px;
646    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
647    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
648    --style-border-swatch-opacity: 10%;
649    --style-border-swatch-width: 1px;
650    --style-border-swatch-style: solid;
651
652    /* Animation */
653    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
654    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
655    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
656    --animation-speed-fast: 0.0625s;
657    --animation-speed: 0.125s;
658    --animation-speed-slow: 0.2s;
659    --animation-speed-medium: 0.15s;
660    --animation-easing: ease-in-out;
661    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
662    --drawer-animation-speed: 0.2s;
663    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
664    --animation-values: var(--animation-speed) var(--animation-easing);
665    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
666    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
667    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
668    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
669    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
670    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
671    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
672    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
673    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
674    --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%);
675    --spring-d300-b0-duration: 0.4980s;
676    --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%);
677    --spring-d280-b0-duration: 0.4648s;
678    --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%);
679    --spring-d260-b0-duration: 0.4316s;
680    --spring-d220-b0-easing: linear(
681      0,
682      0.0093 1.37%,
683      0.0696 4.12%,
684      0.4667 15.09%,
685      0.6322 20.58%,
686      0.6986 23.32%,
687      0.7793 27.44%,
688      0.8219 30.18%,
689      0.8721,
690      0.9089 38.42%,
691      0.9427,
692      0.9644,
693      0.978 54.88%,
694      0.9881 61.74%,
695      0.9944 69.97%,
696      0.998 80.95%,
697      0.9996 98.78%
698    );
699    --spring-d220-b0-duration: 0.3818s;
700    --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%);
701    --spring-d180-b0-duration: 0.2988s;
702
703    /* View transitions */
704    /* View transition old */
705    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
706
707    /* View transition new */
708    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
709
710    /* Focus */
711    --focus-outline-width: 0.09375rem;
712    --focus-outline-offset: 0.2em;
713
714    /* Badges */
715    --badge-blob-padding-block: 1px;
716    --badge-blob-padding-inline: 12px 8px;
717    --badge-rectangle-padding-block: 1px;
718    --badge-rectangle-padding-inline: 6px;
719    @media screen and (min-width: 750px) {
720      --badge-blob-padding-block: 4px;
721      --badge-blob-padding-inline: 16px 12px;
722      --badge-rectangle-padding-block: 4px;
723      --badge-rectangle-padding-inline: 10px;
724    }
725
726    /* Icons */
727    --icon-size-2xs: 0.6rem;
728    --icon-size-xs: 0.85rem;
729    --icon-size-sm: 1.25rem;
730    --icon-size-md: 1.375rem;
731    --icon-size-lg: 1.5rem;
732    --icon-stroke-width: 1.5px;
733
734    /* Input */
735    --input-email-min-width: 200px;
736    --input-search-max-width: 650px;
737    --input-padding-y: 0.8rem;
738    --input-padding-x: 0.8rem;
739    --input-padding: var(--input-padding-y) var(--input-padding-x);
740    --input-box-shadow-width: var(--style-border-width-inputs);
741    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
742    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
743    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
744    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
745    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
746    --input-textarea-min-height: 55px;
747
748    /* Checkbox */
749    --checkbox-size: 22px;
750    --checkbox-border-radius: 7px;
751    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
752    --checkbox-label-padding: 8px;
753
754    @media screen and (min-width: 750px) {
755      --checkbox-size: 16px;
756      --checkbox-border-radius: 5px;
757      --checkbox-label-padding: 6px;
758    }
759
760    /* Button size */
761    --button-size-sm: 30px;
762    --button-size-md: 36px;
763    --button-size: var(--minimum-touch-target);
764    --button-padding-inline: 24px;
765    --button-padding-block: 16px;
766
767    /* Button font-family */
768    --button-font-family-primary: var(--font-body--family);
769    --button-font-family-secondary: var(--font-body--family);
770
771    /* Button text case */
772    --button-text-case: ;
773    --button-text-case-primary: default;
774    --button-text-case-secondary: default;
775
776    /* Borders */
777    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
778    --border-width-sm: 1px;
779    --border-width-md: 2px;
780    --border-width-lg: 5px;
781    --border-radius-sm: 0.25rem;
782
783    /* Drawers */
784    --drawer-inline-padding: 25px;
785    --drawer-menu-inline-padding: 2.5rem;
786    --drawer-header-block-padding: 20px;
787    --drawer-content-block-padding: 10px;
788    --drawer-header-desktop-top: 0rem;
789    --drawer-padding: calc(var(--padding-sm) + 7px);
790    --drawer-height: 100dvh;
791    --drawer-width: 95vw;
792    --drawer-max-width: 500px;
793
794    /* Variant Picker Swatches */
795    --variant-picker-swatch-width-unitless: 34;
796    --variant-picker-swatch-height-unitless: 34;
797    --variant-picker-swatch-width: 34px;
798    --variant-picker-swatch-height: 34px;
799    --variant-picker-swatch-radius: 32px;
800    --variant-picker-border-width: 1px;
801    --variant-picker-border-style: solid;
802    --variant-picker-border-opacity: 10%;
803
804    /* Variant Picker Buttons */
805    --variant-picker-button-radius: 14px;
806    --variant-picker-button-border-width: 1px;
807
808    /* Slideshow */
809    --slideshow-controls-size: 3.5rem;
810    --slideshow-controls-icon: 2rem;
811    --peek-next-slide-size: 3rem;
812
813    /* Utilities */
814    --backdrop-opacity: 0.15;
815    --backdrop-color-rgb: var(--color-shadow-rgb);
816    --minimum-touch-target: 44px;
817    --disabled-opacity: 0.5;
818    --skeleton-opacity: 0.025;
819
820    /* Shapes */
821    --shape--circle: circle(50% at center);
822    --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%);
823    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
824    --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
824% 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%);
825
826    /* Buy buttons */
827    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
828
829    /* Card image width and height variables */
830    --card-width-small: 10rem;
831
832    --height-small: 10rem;
833    --height-medium: 11.5rem;
834    --height-large: 13rem;
835    --height-full: 100vh;
836
837    @media screen and (min-width: 750px) {
838      --height-small: 17.5rem;
839      --height-medium: 21.25rem;
840      --height-large: 25rem;
841    }
842
843    /* Modal */
844    --modal-max-height: 65dvh;
845    --quick-add-modal-height: min(38.5rem, 96vh);
846    --quick-add-modal-width: min(54rem, 96vw);
847    --quick-add-modal-gallery-width: 24rem;
848
849    /* Card styles for search */
850    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
851    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
852    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
853
854    /* Cart */
855    --cart-primary-font-family: var(--font-body--family);
856    --cart-primary-font-style: var(--font-body--style);
857    --cart-primary-font-weight: var(--font-body--weight);
858    --cart-secondary-font-family: var(--font-subheading--family);
859    --cart-secondary-font-style: var(--font-subheading--style);
860    --cart-secondary-font-weight: var(--font-subheading--weight);
861  }
862</style>
863<style data-shopify>
864    :root {
865  /* The following variables are custom Burpee variables */
866
867  --bp-brand-green: rgb(4 106 56);
868  --bp-border-radius: 0.5rem;
869
870  /* The following variables are being overwritten from base.css */
871
872  /*
873  --font-size--body-md: 1.2rem;
874  --font-paragraph--size: 1rem;
875  --font-h2--size: 2.5rem;
876  --gap-xl: 3.5rem;
877  --font-h2-color: var(--brand-green) ;
878  */
879
880
881
882  /* The following variables are being overwritten from /snippets/theme-styles-variables.liquid */
883
884  --font-body--family: "Geograph", Arial, sans-serif;
885  --font-heading--family: "Reckless Neue", Times, serif;
886  --font-subheading--family: "Geograph", Arial, sans-serif;
887  --font-accent--family: "Geograph", Arial, sans-serif;
888}
889</style><style data-shopify>
890  
891    
892      :root,
893    
894    
895    
896    .color-scheme-1 {
897        --color-background: rgb(255 255 255 / 1.0);
898        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
899        --color-background-rgb: 255 255 255;
900        --opacity-5-15: 0.05;
901        --opacity-10-25: 0.1;
902        --opacity-35-55: 0.35;
903        --opacity-40-60: 0.4;
904        --opacity-30-60: 0.3;
905        --color-foreground: rgb(0 0 0 / 0.81);
906        --color-foreground-rgb: 0 0 0;
907        --color-foreground-heading: rgb(0 0 0 / 1.0);
908        --color-foreground-heading-rgb: 0 0 0;
909        --color-primary: rgb(0 0 0 / 0.81);
910        --color-primary-rgb: 0 0 0;
911        --color-primary-hover: rgb(0 0 0 / 1.0);
912        --color-primary-hover-rgb: 0 0 0;
913        --color-border: rgb(0 0 0 / 0.06);
914        --color-border-rgb: 0 0 0;
915        --color-shadow: rgb(0 0 0 / 1.0);
916        --color-shadow-rgb: 0 0 0;
917        --color-primary-button-text: rgb(255 255 255 / 1.0);
918        --color-primary-button-background: rgb(0 0 0 / 1.0);
919        --color-primary-button-border: rgb(0 0 0 / 1.0);
920        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
921        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
922        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
923        --color-secondary-button-text: rgb(0 0 0 / 1.0);
924        --color-secondary-button-background: rgb(0 0 0 / 0.0);
925        --color-secondary-button-border: rgb(0 0 0 / 1.0);
926        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
927        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
928        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
929        --color-input-background: rgb(255 255 255 / 0.78);
930        --color-input-text: rgb(51 51 51 / 1.0);
931        --color-input-text-rgb: 51 51 51;
932        --color-input-border: rgb(223 223 223 / 1.0);
933        --color-input-hover-background: rgb(0 0 0 / 0.01);
934        --color-variant-background: rgb(255 255 255 / 1.0);
935        --color-variant-border: rgb(0 0 0 / 0.13);
936        --color-variant-text: rgb(0 0 0 / 1.0);
937        --color-variant-text-rgb: 0 0 0;
938        --color-variant-hover-background: rgb(245 245 245 / 1.0);
939        --color-variant-hover-text: rgb(0 0 0 / 1.0);
940        --color-variant-hover-border: rgb(230 230 230 / 1.0);
941        --color-selected-variant-background: rgb(0 0 0 / 1.0);
942        --color-selected-variant-border: rgb(0 0 0 / 1.0);
943        --color-selected-variant-text: rgb(255 255 255 / 1.0);
944        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
945        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
946        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
947
948        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
949        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
950        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
951        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
952        --font-h1--color: var(--color-foreground-heading);
953        --font-h2--color: var(--color-foreground-heading);
954        --font-h3--color: var(--color-foreground-heading);
955        --font-h4--color: var(--color-foreground-heading);
956        --font-h5--color: var(--color-foreground-heading);
957        --font-h6--color: var(--color-foreground-heading);
958
959        /* Shadows */
960        
961          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
962        
963        
964          --shadow-blur: 20px;
965          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
966        
967      }
968  
969    
970    
971    
972    .color-scheme-2 {
973        --color-background: rgb(4 106 56 / 1.0);
974        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
975        --color-background-rgb: 4 106 56;
976        --opacity-5-15: 0.05;
977        --opacity-10-25: 0.1;
978        --opacity-35-55: 0.35;
979        --opacity-40-60: 0.4;
980        --opacity-30-60: 0.3;
981        --color-foreground: rgb(255 255 255 / 1.0);
982        --color-foreground-rgb: 255 255 255;
983        --color-foreground-heading: rgb(0 0 0 / 1.0);
984        --color-foreground-heading-rgb: 0 0 0;
985        --color-primary: rgb(0 0 0 / 0.81);
986        --color-primary-rgb: 0 0 0;
987        --color-primary-hover: rgb(255 255 255 / 1.0);
988        --color-primary-hover-rgb: 255 255 255;
989        --color-border: rgb(223 223 223 / 1.0);
990        --color-border-rgb: 223 223 223;
991        --color-shadow: rgb(0 0 0 / 1.0);
992        --color-shadow-rgb: 0 0 0;
993        --color-primary-button-text: rgb(255 255 255 / 1.0);
994        --color-primary-button-background: rgb(0 0 0 / 1.0);
995        --color-primary-button-border: rgb(0 0 0 / 1.0);
996        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
997        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
998        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
999        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1000        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1001        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1002        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1003        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1004        --color-secondary-button-hover-border: rgb(51 51 51 / 0.73);
1005        --color-input-background: rgb(0 0 0 / 0.0);
1006        --color-input-text: rgb(0 0 0 / 0.53);
1007        --color-input-text-rgb: 0 0 0;
1008        --color-input-border: rgb(0 0 0 / 0.13);
1009        --color-input-hover-background: rgb(255 255 255 / 0.36);
1010        --color-variant-background: rgb(255 255 255 / 1.0);
1011        --color-variant-border: rgb(230 230 230 / 1.0);
1012        --color-variant-text: rgb(0 0 0 / 1.0);
1013        --color-variant-text-rgb: 0 0 0;
1014        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1015        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1016        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1017        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1018        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1019        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1020        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1021        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1022        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1023
1024        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1025        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1026        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1027        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1028        --font-h1--color: var(--color-foreground-heading);
1029        --font-h2--color: var(--color-foreground-heading);
1030        --font-h3--color: var(--color-foreground-heading);
1031        --font-h4--color: var(--color-foreground-heading);
1032        --font-h5--color: var(--color-foreground-heading);
1033        --font-h6--color: var(--color-foreground-heading);
1034
1035        /* Shadows */
1036        
1037          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1038        
1039        
1040          --shadow-blur: 20px;
1041          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1042        
1043      }
1044  
1045    
1046    
1047    
1048    .color-scheme-3 {
1049        --color-background: rgb(244 244 245 / 1.0);
1050        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1051        --color-background-rgb: 244 244 245;
1052        --opacity-5-15: 0.05;
1053        --opacity-10-25: 0.1;
1054        --opacity-35-55: 0.35;
1055        --opacity-40-60: 0.4;
1056        --opacity-30-60: 0.3;
1057        --color-foreground: rgb(0 0 0 / 0.81);
1058        --color-foreground-rgb: 0 0 0;
1059        --color-foreground-heading: rgb(0 0 0 / 1.0);
1060        --color-foreground-heading-rgb: 0 0 0;
1061        --color-primary: rgb(0 0 0 / 0.81);
1062        --color-primary-rgb: 0 0 0;
1063        --color-primary-hover: rgb(0 0 0 / 1.0);
1064        --color-primary-hover-rgb: 0 0 0;
1065        --color-border: rgb(0 0 0 / 0.81);
1066        --color-border-rgb: 0 0 0;
1067        --color-shadow: rgb(0 0 0 / 1.0);
1068        --color-shadow-rgb: 0 0 0;
1069        --color-primary-button-text: rgb(255 255 255 / 1.0);
1070        --color-primary-button-background: rgb(0 0 0 / 1.0);
1071        --color-primary-button-border: rgb(0 0 0 / 1.0);
1072        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1073        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1074        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1075        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1076        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1077        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1078        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1079        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1080        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1081        --color-input-background: rgb(0 0 0 / 0.0);
1082        --color-input-text: rgb(0 0 0 / 0.81);
1083        --color-input-text-rgb: 0 0 0;
1084        --color-input-border: rgb(0 0 0 / 0.81);
1085        --color-input-hover-background: rgb(255 255 255 / 0.36);
1086        --color-variant-background: rgb(255 255 255 / 1.0);
1087        --color-variant-border: rgb(230 230 230 / 1.0);
1088        --color-variant-text: rgb(0 0 0 / 1.0);
1089        --color-variant-text-rgb: 0 0 0;
1090        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1091        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1092        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1093        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1094        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1095        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1096        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1097        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1098        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1099
1100        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1101        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1102        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1103        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1104        --font-h1--color: var(--color-foreground-heading);
1105        --font-h2--color: var(--color-foreground-heading);
1106        --font-h3--color: var(--color-foreground-heading);
1107        --font-h4--color: var(--color-foreground-heading);
1108        --font-h5--color: var(--color-foreground-heading);
1109        --font-h6--color: var(--color-foreground-heading);
1110
1111        /* Shadows */
1112        
1113          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1114        
1115        
1116          --shadow-blur: 20px;
1117          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1118        
1119      }
1120  
1121    
1122    
1123    
1124    .color-scheme-4 {
1125        --color-background: rgb(225 237 245 / 1.0);
1126        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1127        --color-background-rgb: 225 237 245;
1128        --opacity-5-15: 0.05;
1129        --opacity-10-25: 0.1;
1130        --opacity-35-55: 0.35;
1131        --opacity-40-60: 0.4;
1132        --opacity-30-60: 0.3;
1133        --color-foreground: rgb(0 0 0 / 0.81);
1134        --color-foreground-rgb: 0 0 0;
1135        --color-foreground-heading: rgb(0 0 0 / 1.0);
1136        --color-foreground-heading-rgb: 0 0 0;
1137        --color-primary: rgb(0 0 0 / 0.81);
1138        --color-primary-rgb: 0 0 0;
1139        --color-primary-hover: rgb(0 0 0 / 1.0);
1140        --color-primary-hover-rgb: 0 0 0;
1141        --color-border: rgb(29 54 134 / 0.5);
1142        --color-border-rgb: 29 54 134;
1143        --color-shadow: rgb(0 0 0 / 1.0);
1144        --color-shadow-rgb: 0 0 0;
1145        --color-primary-button-text: rgb(255 255 255 / 1.0);
1146        --color-primary-button-background: rgb(0 0 0 / 1.0);
1147        --color-primary-button-border: rgb(29 54 134 / 1.0);
1148        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1149        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1150        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1151        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1152        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1153        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1154        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1155        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1156        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1157        --color-input-background: rgb(0 0 0 / 0.0);
1158        --color-input-text: rgb(0 0 0 / 0.81);
1159        --color-input-text-rgb: 0 0 0;
1160        --color-input-border: rgb(0 0 0 / 0.81);
1161        --color-input-hover-background: rgb(255 255 255 / 0.36);
1162        --color-variant-background: rgb(255 255 255 / 1.0);
1163        --color-variant-border: rgb(230 230 230 / 1.0);
1164        --color-variant-text: rgb(0 0 0 / 1.0);
1165        --color-variant-text-rgb: 0 0 0;
1166        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1167        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1168        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1169        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1170        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1171        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1172        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1173        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1174        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1175
1176        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1177        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1178        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1179        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1180        --font-h1--color: var(--color-foreground-heading);
1181        --font-h2--color: var(--color-foreground-heading);
1182        --font-h3--color: var(--color-foreground-heading);
1183        --font-h4--color: var(--color-foreground-heading);
1184        --font-h5--color: var(--color-foreground-heading);
1185        --font-h6--color: var(--color-foreground-heading);
1186
1187        /* Shadows */
1188        
1189          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1190        
1191        
1192          --shadow-blur: 20px;
1193          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1194        
1195      }
1196  
1197    
1198    
1199    
1200    .color-scheme-5 {
1201        --color-background: rgb(51 51 51 / 1.0);
1202        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1203        --color-background-rgb: 51 51 51;
1204        --opacity-5-15: 0.15;
1205        --opacity-10-25: 0.25;
1206        --opacity-35-55: 0.55;
1207        --opacity-40-60: 0.6;
1208        --opacity-30-60: 0.6;
1209        --color-foreground: rgb(255 255 255 / 1.0);
1210        --color-foreground-rgb: 255 255 255;
1211        --color-foreground-heading: rgb(255 255 255 / 1.0);
1212        --color-foreground-heading-rgb: 255 255 255;
1213        --color-primary: rgb(255 255 255 / 1.0);
1214        --color-primary-rgb: 255 255 255;
1215        --color-primary-hover: rgb(255 255 255 / 0.69);
1216        --color-primary-hover-rgb: 255 255 255;
1217        --color-border: rgb(255 255 255 / 0.69);
1218        --color-border-rgb: 255 255 255;
1219        --color-shadow: rgb(0 0 0 / 1.0);
1220        --color-shadow-rgb: 0 0 0;
1221        --color-primary-button-text: rgb(0 0 0 / 1.0);
1222        --color-primary-button-background: rgb(255 255 255 / 1.0);
1223        --color-primary-button-border: rgb(255 255 255 / 1.0);
1224        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1225        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1226        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1227        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1228        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1229        --color-secondary-button-border: rgb(255 255 255 / 0.69);
1230        --color-secondary-button-hover-text: rgb(255 255 255 / 0.93);
1231        --color-secondary-button-hover-background: rgb(255 255 255 / 0.04);
1232        --color-secondary-button-hover-border: rgb(255 255 255 / 0.69);
1233        --color-input-background: rgb(51 51 51 / 1.0);
1234        --color-input-text: rgb(255 255 255 / 0.93);
1235        --color-input-text-rgb: 255 255 255;
1236        --color-input-border: rgb(255 255 255 / 0.69);
1237        --color-input-hover-background: rgb(255 255 255 / 0.04);
1238        --color-variant-background: rgb(255 255 255 / 1.0);
1239        --color-variant-border: rgb(230 230 230 / 1.0);
1240        --color-variant-text: rgb(0 0 0 / 1.0);
1241        --color-variant-text-rgb: 0 0 0;
1242        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1243        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1244        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1245        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1246        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1247        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1248        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1249        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1250        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1251
1252        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1253        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1254        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1255        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1256        --font-h1--color: var(--color-foreground-heading);
1257        --font-h2--color: var(--color-foreground-heading);
1258        --font-h3--color: var(--color-foreground-heading);
1259        --font-h4--color: var(--color-foreground-heading);
1260        --font-h5--color: var(--color-foreground-heading);
1261        --font-h6--color: var(--color-foreground-heading);
1262
1263        /* Shadows */
1264        
1265          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1266        
1267        
1268          --shadow-blur: 20px;
1269          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1270        
1271      }
1272  
1273    
1274    
1275    
1276    .color-scheme-6 {
1277        --color-background: rgb(0 0 0 / 0.0);
1278        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1279        --color-background-rgb: 0 0 0;
1280        --opacity-5-15: 0.15;
1281        --opacity-10-25: 0.25;
1282        --opacity-35-55: 0.55;
1283        --opacity-40-60: 0.6;
1284        --opacity-30-60: 0.6;
1285        --color-foreground: rgb(242 242 242 / 1.0);
1286        --color-foreground-rgb: 242 242 242;
1287        --color-foreground-heading: rgb(255 255 255 / 1.0);
1288        --color-foreground-heading-rgb: 255 255 255;
1289        --color-primary: rgb(234 234 234 / 1.0);
1290        --color-primary-rgb: 234 234 234;
1291        --color-primary-hover: rgb(255 255 255 / 0.69);
1292        --color-primary-hover-rgb: 255 255 255;
1293        --color-border: rgb(230 230 230 / 1.0);
1294        --color-border-rgb: 230 230 230;
1295        --color-shadow: rgb(0 0 0 / 1.0);
1296        --color-shadow-rgb: 0 0 0;
1297        --color-primary-button-text: rgb(0 0 0 / 1.0);
1298        --color-primary-button-background: rgb(255 255 255 / 1.0);
1299        --color-primary-button-border: rgb(255 255 255 / 1.0);
1300        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1301        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1302        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1303        --color-secondary-button-text: rgb(255 255 255 / 
13031.0);
1304        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1305        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1306        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
1307        --color-secondary-button-hover-background: rgb(255 255 255 / 0.08);
1308        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
1309        --color-input-background: rgb(255 255 255 / 1.0);
1310        --color-input-text: rgb(0 0 0 / 0.53);
1311        --color-input-text-rgb: 0 0 0;
1312        --color-input-border: rgb(0 0 0 / 0.13);
1313        --color-input-hover-background: rgb(250 250 250 / 1.0);
1314        --color-variant-background: rgb(255 255 255 / 1.0);
1315        --color-variant-border: rgb(230 230 230 / 1.0);
1316        --color-variant-text: rgb(0 0 0 / 1.0);
1317        --color-variant-text-rgb: 0 0 0;
1318        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1319        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1320        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1321        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1322        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1323        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1324        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1325        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1326        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1327
1328        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1329        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1330        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1331        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1332        --font-h1--color: var(--color-foreground-heading);
1333        --font-h2--color: var(--color-foreground-heading);
1334        --font-h3--color: var(--color-foreground-heading);
1335        --font-h4--color: var(--color-foreground-heading);
1336        --font-h5--color: var(--color-foreground-heading);
1337        --font-h6--color: var(--color-foreground-heading);
1338
1339        /* Shadows */
1340        
1341          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1342        
1343        
1344          --shadow-blur: 20px;
1345          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1346        
1347      }
1348  
1349    
1350    
1351    
1352    .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
1353        --color-background: rgb(0 0 0 / 0.0);
1354        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1355        --color-background-rgb: 0 0 0;
1356        --opacity-5-15: 0.15;
1357        --opacity-10-25: 0.25;
1358        --opacity-35-55: 0.55;
1359        --opacity-40-60: 0.6;
1360        --opacity-30-60: 0.6;
1361        --color-foreground: rgb(0 0 0 / 1.0);
1362        --color-foreground-rgb: 0 0 0;
1363        --color-foreground-heading: rgb(0 0 0 / 1.0);
1364        --color-foreground-heading-rgb: 0 0 0;
1365        --color-primary: rgb(0 0 0 / 1.0);
1366        --color-primary-rgb: 0 0 0;
1367        --color-primary-hover: rgb(0 0 0 / 0.53);
1368        --color-primary-hover-rgb: 0 0 0;
1369        --color-border: rgb(230 230 230 / 1.0);
1370        --color-border-rgb: 230 230 230;
1371        --color-shadow: rgb(0 0 0 / 1.0);
1372        --color-shadow-rgb: 0 0 0;
1373        --color-primary-button-text: rgb(255 255 255 / 1.0);
1374        --color-primary-button-background: rgb(0 0 0 / 1.0);
1375        --color-primary-button-border: rgb(0 0 0 / 1.0);
1376        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1377        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1378        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1379        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1380        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1381        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1382        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
1383        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
1384        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
1385        --color-input-background: rgb(255 255 255 / 1.0);
1386        --color-input-text: rgb(0 0 0 / 0.53);
1387        --color-input-text-rgb: 0 0 0;
1388        --color-input-border: rgb(0 0 0 / 0.13);
1389        --color-input-hover-background: rgb(250 250 250 / 1.0);
1390        --color-variant-background: rgb(255 255 255 / 1.0);
1391        --color-variant-border: rgb(230 230 230 / 1.0);
1392        --color-variant-text: rgb(0 0 0 / 1.0);
1393        --color-variant-text-rgb: 0 0 0;
1394        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1395        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1396        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1397        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1398        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1399        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1400        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1401        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1402        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1403
1404        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1405        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1406        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1407        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1408        --font-h1--color: var(--color-foreground-heading);
1409        --font-h2--color: var(--color-foreground-heading);
1410        --font-h3--color: var(--color-foreground-heading);
1411        --font-h4--color: var(--color-foreground-heading);
1412        --font-h5--color: var(--color-foreground-heading);
1413        --font-h6--color: var(--color-foreground-heading);
1414
1415        /* Shadows */
1416        
1417          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1418        
1419        
1420          --shadow-blur: 20px;
1421          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1422        
1423      }
1424  
1425
1426  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
1427    color: var(--color-foreground);
1428    background-color: var(--color-background);
1429  }
1430</style>
1431
1432
1433    
1433<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1433<meta name="google-site-verification" content="wMTKuF6MDRZdn46-FoEQHiJWAz9uaQt0_p3HISuXqUk">
1434<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/79739519010/digital_wallets/dialog">
1435<meta id="in-context-paypal-metadata" data-shop-id="79739519010" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
1436<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/watering-products.atom" />
1437<link rel="alternate" type="application/json+oembed" href="https://www.burpee.com/collections/watering-products.oembed">
1438<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=4898619426"></script>
1438
1439<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1440<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=4898619426&shop_id=79739519010" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1440
1440
1441<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":79739519010,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/79739519010","merchantName":"Burpee Seeds \u0026 Plants","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Burpee Seeds \u0026 Plants","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1441
1441
1442<script id="shopify-features" type="application/json">{"accessToken":"65163cb8d4d45ae9f9b61d706ba13e77","betas":["rich-media-storefront-analytics"],"domain":"www.burpee.com","predictiveSearch":true,"shopId":79739519010,"locale":"en"}</script>
vendor: 1 bytes, line 1442
1442
1443<script>var Shopify = Shopify || {};
1444Shopify.shop = "burpee-com.myshopify.com";
1445Shopify.locale = "en";
1446Shopify.currency = {"active":"USD","rate":"1.0"};
1447Shopify.country = "US";
1448Shopify.theme = {"name":"burpee-horizon\/main","id":187907047458,"schema_name":"Horizon","schema_version":"3.4.0","theme_store_id":null,"role":"main"};
1449Shopify.theme.handle = "null";
1450Shopify.theme.style = {"id":null,"handle":null};
1451Shopify.cdnHost = "www.burpee.com/cdn";
1452Shopify.routes = Shopify.routes || {};
1453Shopify.routes.root = "/";
1454Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1455Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1456Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1457Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1457
1457
1458<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1458
1458
1459<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 1459
1459
1460<script>
1461  window.ShopifyPay = window.ShopifyPay || {};
1462  window.ShopifyPay.apiHost = "shop.app\/pay";
1463  window.ShopifyPay.redirectState = null;
1464</script>
vendor: 1 bytes, line 1464
1464
1465<script>
1466  window.Shopify = window.Shopify || {};
1467  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1468  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1469  window.Shopify.SignInWithShop.eligible = true;
1470</script>
vendor: 1 bytes, line 1470
1470
1471<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
vendor: 1 bytes, line 1471
1471
1472<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 1472
1472
1473<script type="module">
1474  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1475
1476  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1477
1478</script>
vendor: 1 bytes, line 1478
1478
1479<script>
1480  window.Shopify = window.Shopify || {};
1481  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1482  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"]};
1483</script>
vendor: 1 bytes, line 1483
1483
1484<script>(function() {
1485  var isLoaded = false;
1486  function asyncLoad() {
1487    if (isLoaded) return;
1488    isLoaded = true;
1489    var urls = ["\/\/cdn.shopify.com\/proxy\/fabb70ab3e23df67e7d7af0b158658dae829cf6c2528082929bc5b315587d5e9\/apps.bazaarvoice.com\/deployments\/burpee\/main_site\/production\/en_US\/bv.js?shop=burpee-com.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"];
1490    for (var i = 0; i < urls.length; i++) {
1491      var s = document.createElement('script');
1492      s.type = 'text/javascript';
1493      s.async = true;
1494      s.src = urls[i];
1495      var x = document.getElementsByTagName('script')[0];
1496      x.parentNode.insertBefore(s, x);
1497    }
1498  };
1499  if(window.attachEvent) {
1500    window.attachEvent('onload', asyncLoad);
1501  } else {
1502    window.addEventListener('load', asyncLoad, false);
1503  }
1504})();</script>
vendor: 1 bytes, line 1504
1504
1505<script id="__st">var __st={"a":79739519010,"offset":-14400,"reqid":"a1635aa6-7d21-49a9-99ad-127e733f6793-1790854976","pageurl":"www.burpee.com\/collections\/watering-products","u":"49102eaa2b54","p":"collection","rtyp":"collection","rid":505238683682};</script>
vendor: 1 bytes, line 1505
1505
1506<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1506
1506
1507<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 1507
1507
1508<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.burpee.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1508
1508
1509<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.burpee.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
1509<script crossorigin="anonymous" defer="defer" src="//www.burpee.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 1509
1509
1510<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 1510
1510
1511<script>
1512  window.Shopify = window.Shopify || {};
1513  window.Shopify.MCP = window.Shopify.MCP || {};
1514  window.Shopify.MCP.enabled = true;
1515  window.Shopify.MCP.shop = "burpee-com.myshopify.com";
1516  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.burpee.com\/api\/mcp";
1517  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
1518</script>
vendor: 1 bytes, line 1518
1518
1519<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/www.burpee.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1520</script>
vendor: 1 bytes, line 1520
1520
1521<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.burpee.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1522</script>
vendor: 1 bytes, line 1522
1522
1523<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1524  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);
1525</script>
vendor: 1 bytes, line 1525
1525
1526<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})}}));
1527</script>
vendor: 1 bytes, line 1527
1527
1528<script id='scb4127' type='text/javascript' async='' src='https://www.burpee.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
1528<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.burpee.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
1529<style id="shopify-accelerated-checkout-cart">
1530        #shopify-buyer-consent {
1531  margin-top: 1em;
1532  display: inline-block;
1533  width: 100%;
1534}
1535
1536#shopify-buyer-consent.hidden {
1537  display: none;
1538}
1539
1540#shopify-subscription-policy-button {
1541  background: none;
1542  border: none;
1543  padding: 0;
1544  text-decoration: underline;
1545  font-size: inherit;
1546  cursor: pointer;
1547}
1548
1549#shopify-subscription-policy-button::before {
1550  box-shadow: none;
1551}
1552
1553      </style>
1554<link rel="stylesheet" media="screen" href="//www.burpee.com/cdn/shop/t/5/compiled_assets/styles.css?v=110681308364337377581789412673">
1555<script id="sections-script" data-sections="main-collection" defer="defer" src="//www.burpee.com/cdn/shop/t/5/compiled_assets/scripts.js?v=47368013396670054441782933553"></script>
vendor: 1 bytes, line 1555
1555
1556<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1556
1557  
1558
1559<!-- BEGIN app block: shopify://apps/logrocket/blocks/script_initializer/be454576-0ff0-4177-8832-bfe9e6f402a8 -->
1559<script src="https://cdn.logr-in.com/LogRocket.min.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1559
1559
1560<script>window.LogRocket && window.LogRocket.init('myjvgf/burpeecom', {});</script>
1560
1561
1562
1563
1564<!-- END app block --><!-- BEGIN app block: shopify://apps/pagefly-ai-page-builder/blocks/app-embed/83e179f7-59a0-4589-8c66-c0dddf959200 -->
1565
1566<!-- BEGIN app snippet: pagefly-cro-ab-testing-main -->
1567
1568
1569
1570
1571
1572
1573
1574<script>
1575  ;(function () {
1576    const url = new URL(window.location)
1577    const viewParam = url.searchParams.get('view')
1578    if (viewParam && viewParam.includes('variant-pf-')) {
1579      url.searchParams.set('pf_v', viewParam)
1580      url.searchParams.delete('view')
1581      window.history.replaceState({}, '', url)
1582    }
1583  })()
1584</script>
1584
1585
1586
1587
1588<script type='module'>
1589  
1590  window.PAGEFLY_CRO = window.PAGEFLY_CRO || {}
1591
1592  window.PAGEFLY_CRO['data_debug'] = {
1593    original_template_suffix: "all_collections",
1594    allow_ab_test: false,
1595    ab_test_start_time: 0,
1596    ab_test_end_time: 0,
1597    today_date_time: 1790854976000,
1598  }
1599  window.PAGEFLY_CRO['GA4'] = { enabled: false}
1600</script>
1600
1601
1602<!-- END app snippet -->
1603
1604
1605
1606
1607
1608
1609
1610
1611  
1611<script src='https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-helper.js' defer='defer'></script>
1611
1612
1613  
1613<script src='https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-general-helper.js' defer='defer'></script>
1613
1614
1615  
1615<script src='https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-snap-slider.js' defer='defer'></script>
1615
1616
1617  
1617<script src='https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-slideshow-v3.js' defer='defer'></script>
1617
1618
1619  
1619<script src='https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-slideshow-v4.js' defer='defer'></script>
1619
1620
1621  
1621<script src='https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-glider.js' defer='defer'></script>
1621
1622
1623  
1623<script src='https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-slideshow-v1-v2.js' defer='defer'></script>
1623
1624
1625  
1625<script src='https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-product-media.js' defer='defer'></script>
1625
1626
1627  
1627<script src='https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-product.js' defer='defer'></script>
1627
1628
1629
1630<script id='pagefly-helper-data' type='application/json'>
1631  {
1632    "page_optimization": {
1633      "assets_prefetching": false
1634    },
1635    "elements_asset_mapper": {
1636      "Accordion": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-accordion.js",
1637      "Accordion3": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-accordion3.js",
1638      "CountDown": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-countdown.js",
1639      "GMap1": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-gmap.js",
1640      "GMap2": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-gmap.js",
1641      "GMapBasicV2": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-gmap.js",
1642      "GMapAdvancedV2": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-gmap.js",
1643      "HTML.Video": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-htmlvideo.js",
1644      "HTML.Video2": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-htmlvideo2.js",
1645      "HTML.Video3": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-htmlvideo2.js",
1646      "BackgroundVideo": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-htmlvideo2.js",
1647      "Instagram": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-instagram.js",
1648      "Instagram2": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-instagram.js",
1649      "Insta3": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-instagram3.js",
1650      "Tabs": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-tab.js",
1651      "Tabs3": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-tab3.js",
1652      "ProductBox": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-cart.js",
1653      "FBPageBox2": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-facebook.js",
1654      "FBLikeButton2": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-facebook.js",
1655      "TwitterFeed2": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-twitter.js",
1656      "Paragraph4": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-paragraph4.js",
1657
1658      "AliReviews": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-3rd-elements.js",
1659      "BackInStock": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-3rd-elements.js",
1660      "GloboBackInStock": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-3rd-elements.js",
1661      "GrowaveWishlist": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-3rd-elements.js",
1662      "InfiniteOptionsShopPad": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-3rd-elements.js",
1663      "InkybayProductPersonalizer": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder
1663-362/assets/pagefly-3rd-elements.js",
1664      "LimeSpot": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-3rd-elements.js",
1665      "Loox": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-3rd-elements.js",
1666      "Opinew": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-3rd-elements.js",
1667      "Powr": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-3rd-elements.js",
1668      "ProductReviews": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-3rd-elements.js",
1669      "PushOwl": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-3rd-elements.js",
1670      "ReCharge": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-3rd-elements.js",
1671      "Rivyo": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-3rd-elements.js",
1672      "TrackingMore": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-3rd-elements.js",
1673      "Vitals": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-3rd-elements.js",
1674      "Wiser": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-3rd-elements.js"
1675    },
1676    "custom_elements_mapper": {
1677      "pf-click-action-element": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-click-action-element.js",
1678      "pf-dialog-element": "https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-dialog-element.js"
1679    }
1680  }
1681</script>
1681
1682
1683<script id='pagefly-heatmap-config' type='application/json'>
1684  {}
1685</script>
vendor: 1 bytes, line 1685
1685
1686<script>
1687  (function () {
1688    var el = document.getElementById('pagefly-heatmap-config')
1689    if (!el) { window.__pagefly_heatmap_config__ = {}; return }
1690    try {
1691      window.__pagefly_heatmap_config__ = JSON.parse(el.textContent || '{}') || {}
1692    } catch (e) {
1693      window.__pagefly_heatmap_config__ = {}
1694    }
1695  })()
1696</script>
vendor: 1 bytes, line 1696
1696
1697<script>
1698  // Heatmap overlay loader. Three gates, all of them cheap, none of them trusting the URL:
1699  // the visitor must have arrived on a pf_heatmap link, the SERVER must have published an
1700  // overlay path in the metafield, and this page must already be one the merchant enabled
1701  // tracking for. The last gate is what stops a crafted link pulling the asset onto an
1702  // arbitrary storefront page. Everything else is decided inside the asset, and by the server.
1703  (function () {
1704    var cfg = window.__pagefly_heatmap_config__ || {}
1705    var id = (window.__pagefly_page_setting__ || {}).pageId
1706    if (!/[#&]pf_heatmap=/.test(window.location.hash || '')) return
1707    if (!cfg.overlay_data_path || !Array.isArray(cfg.enabled_page_ids)) return
1708    if (!id || cfg.enabled_page_ids.indexOf(id) === -1) return
1709    var s = document.createElement('script')
1710    s.src = 'https://cdn.shopify.com/extensions/01a0f63e-fe44-7dd6-9af5-35cad58052d3/pagefly-ai-page-builder-362/assets/pagefly-heatmap-overlay.js'
1711    s.defer = true
1712    document.head.appendChild(s)
1713  })()
1714</script>
1714
1715
1716<!-- BEGIN app snippet: pf-ai-schema -->
1717<!-- END app snippet -->
1718
1719
1720<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1721<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: 79739519010,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 1721
1721
1722<script>
1723  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1724</script>
vendor: 1 bytes, line 1724
1724
1725<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}
1725).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: 79739519010,storefrontBaseUrl: "https://www.burpee.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.burpee.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2935488546","configuration":"{\"pixel_id\":\"5q7aviPR9bdNZun9EDoqCq\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"494c214c3e1e2dea2c94ffa97cf51a83","type":"APP","apiClientId":411130036225,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2896396322","configuration":"{\"pixel_id\":\"1512723720611777\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2850586658","configuration":"{\"trackingId\":\"SrWgHeeigIZ9\",\"organizationUid\":\"466c058d-a43f-45e8-8b2b-09280457a45b\",\"storeDomain\":\"burpee-com.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8cfd948819ff5a9da4a8a7092efc475f","type":"APP","apiClientId":1366435,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2850390050","configuration":"{\"locale\":\"en_US\",\"client\":\"Burpee\",\"environment\":\"production\",\"deployment_zone\":\"main_site\",\"use_external_ids\":\"true\",\"use_variants\":\"false\",\"external_id_attribute\":\"metafield\",\"storefront_api_key\":\"3d234f28af099475ea672ccbe9049cb1\",\"product_metafield_key\":\"product-id\",\"product_metafield_namespace\":\"burpee\",\"multi_locale_enabled\":\"false\",\"locale_mapping\":\"{}\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"bf601cbef12079fa1ab77422415f1989","type":"APP","apiClientId":1888040,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2850324514","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-148Q10L3H0\\\",\\\"AW-1061754294\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-148Q10L3H0\\\",\\\"AW-1061754294\\\/IeDRCISaz-ccELarpPoD\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-148Q10L3H0\\\",\\\"AW-1061754294\\\/l7iZCLzkwuccELarpPoD\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-148Q10L3H0\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-148Q10L3H0\\\",\\\"AW-1061754294\\\/uQEkCIGaz-ccELarpPoD\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-148Q10L3H0\\\",\\\"AW-1061754294\\\/wqYpCLnkwuccELarpPoD\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-148Q10L3H0\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-148Q10L3H0\\\",\\\"AW-1061754294\\\/PPlnCMLkwuccELarpPoD\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-148Q10L3H0\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-148Q10L3H0\\\",\\\"AW-1061754294\\\/IFgmCIeaz-ccELarpPoD\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-148Q10L3H0\\\",\\\"AW-1061754294\\\/h7p4CL_kwuccELarpPoD\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-148Q10L3H0\\\"}],\\\"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":"2805465122","configuration":"{\"sitecode\":\"c49hzqsnh6\",\"goalId\":\"426329\",\"dataDomain\":\"https:\\\/\\\/na-data.k
1725ameleoon.io\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"81e60bbb76568c0764a82ec4015b7471","type":"APP","apiClientId":5404133,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2726559778","configuration":"{\"appID\":\"myjvgf\/burpeecom\",\"debugMode\":\"false\",\"additionalSettings\":\"{\\\"ingestDomain\\\":\\\"\\\",\\\"scriptHostDomain\\\":\\\"\\\",\\\"rootHostname\\\":\\\"\\\",\\\"sanitizeUserInput\\\":\\\"false\\\"}\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"510b9265c0dbc892ac460c14bbe4f5af","type":"APP","apiClientId":198308397057,"privacyPurposes":["ANALYTICS"],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"170983458","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"],"name":"Amazon Floodlight","dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"171048994","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"],"name":"P2R 4Cite","dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"171081762","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"],"name":"P2R Tru Connect Tag","dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"174227490","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"Rakuten Affiliate Container","dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Burpee Seeds \u0026 Plants","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"burpee-com.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.burpee.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8497734352930","handle":"tomato-pepper-automator-trays-prod001247","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45869410025506","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://www.burpee.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"187907047458","themePublished":"true","eventMetadataId":"769cfc21-9c36-4318-93af-5e03778b92dc","pageType":"collection","resourceId":"505238683682","shopId":"79739519010","storefrontBaseUrl":"https:\/\/www.burpee.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"505238683682\",\"title\":\"Watering Products\",\"productVariants\":[{\"price\":{\"amount\":15.95,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Tomato \u0026 Pepper Automator Trays\",\"vendor\":\"Burpee.com\",\"id\":\"8497734352930\",\"untranslatedTitle\":\"Tomato \u0026 Pepper Automator Trays\",\"url\":\"\/products\/tomato-pepper-automator-trays-prod001247\",\"type\":\"Watering Products\"},\"id\":\"45869410025506\",\"image\":{\"src\":\"\/\/www.burpee.com\/cdn\/shop\/files\/4fa98aaf99923367b23d5ea5ebfc014b1bb19f31.jpg?v=1790023538\"},\"sku\":\"93009\",\"title\":\"1 pack (3 trays)\",\"untranslatedTitle\":\"1 pack (3 trays)\"}]}}]]"});})();</script>
1725<script>
1726  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1727  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1728  window.ShopifyAnalytics.meta.currency = 'USD';
1729  var meta = {"products":[{"id":8497734352930,"gid":"gid:\/\/shopify\/Product\/8497734352930","vendor":"Burpee.com","type":"Watering Products","handle":"tomato-pepper-automator-trays-prod001247","variants":[{"id":45869410025506,"price":1595,"name":"Tomato \u0026 Pepper Automator Trays - 1 pack (3 trays)","public_title":"1 pack (3 trays)","sku":"93009"}],"remote":false}],"page":{"pageType":"collection","resourceType":"collection","resourceId":505238683682,"requestId":"a1635aa6-7d21-49a9-99ad-127e733f6793-1790854976"}};
1730  for (var attr in meta) {
1731    window.ShopifyAnalytics.meta[attr] = meta[attr];
1732  }
1733</script>
vendor: 1 bytes, line 1733
1733
1734<script class="analytics">
1735  (function () {
1736    var customDocumentWrite = function(content) {
1737      var jquery = null;
1738
1739      if (window.jQuery) {
1740        jquery = window.jQuery;
1741      } else if (window.Checkout && window.Checkout.$) {
1742        jquery = window.Checkout.$;
1743      }
1744
1745      if (jquery) {
1746        jquery('body').append(content);
1747      }
1748    };
1749
1750    var hasLoggedConversion = function(token) {
1751      if (token) {
1752        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1753      }
1754      return false;
1755    }
1756
1757    var setCookieIfConversion = function(token) {
1758      if (token) {
1759        var twoMonthsFromNow = new Date(Date.now());
1760        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1761
1762        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1763      }
1764    }
1765
1766    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1767    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1768    if (trekkie.integrations) {
1769      return;
1770    }
1771    trekkie.methods = [
1772      'identify',
1773      'page',
1774      'ready',
1775      'track',
1776      'trackForm',
1777      'trackLink'
1778    ];
1779    trekkie.factory = function(method) {
1780      return function() {
1781        var args = Array.prototype.slice.call(arguments);
1782        args.unshift(method);
1783        trekkie.push(args);
1784        if (method == 'track' || method == 'page') {
1785          var pageUrl;
1786          try {
1787            pageUrl = window.location.href;
1788          } catch (e) {}
1789          var pageReferrer;
1790          try {
1791            pageReferrer = document.referrer;
1792          } catch (e) {}
1793          try {
1794            if (window.__TREKKIE_SHIM_QUEUE == null) {
1795              window.__TREKKIE_SHIM_QUEUE = [];
1796            }
1797            window.__TREKKIE_SHIM_QUEUE.push({
1798              from: 'trekkie-stub',
1799              method: method,
1800              args: args.slice(1),
1801              pageContext: {
1802                url: pageUrl,
1803                referrer: pageReferrer
1804              }
1805            });
1806          } catch (e) {
1807            // no-op
1808          }
1809        }
1810        return trekkie;
1811      };
1812    };
1813    for (var i = 0; i < trekkie.methods.length; i++) {
1814      var key = trekkie.methods[i];
1815      trekkie[key] = trekkie.factory(key);
1816    }
1817    trekkie.load = function(config) {
1818      trekkie.config = config || {};
1819      trekkie.config.initialDocumentCookie = document.cookie;
1820      var first = document.getElementsByTagName('script')[0];
1821var script = document.createElement('script');
1822script.type = 'text/javascript';
1823script.onerror = function(e) {
1824  var scriptFallback = document.createElement('script');
1825  scriptFallback.type = 'text/javascript';
1826  scriptFallback.onerror = function(error) {
1827          var Monorail = {
1828      produce: function produce(monorailDomain, schemaId, payload) {
1829        var currentMs = new Date().getTime();
1830        var event = {
1831          schema_id: schemaId,
1832          payload: payload,
1833          metadata: {
1834            event_created_at_ms: currentMs,
1835            event_sent_at_ms: currentMs
1836          }
1837        };
1838        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1839      },
1840      sendRequest: function sendRequest(endpointUrl, payload) {
1841        // Try the sendBeacon API
1842        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1843          var blobData = new window.Blob([payload], {
1844            type: 'text/plain'
1845          });
1846
1847          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1848            return true;
1849          } // sendBeacon was not successful
1850
1851        } // XHR beacon
1852
1853        var xhr = new XMLHttpRequest();
1854
1855        try {
1856          xhr.open('POST', endpointUrl);
1857          xhr.setRequestHeader('Content-Type', 'text/plain');
1858          xhr.send(payload);
1859        } catch (e) {
1860          console.log(e);
1861        }
1862
1863        return false;
1864      },
1865      isIos12: function isIos12() {
1866        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1867      }
1868    };
1869    Monorail.produce('monorail-edge.shopifysvc.com',
1870      'trekkie_storefront_load_errors/1.1',
1871      {shop_id: 79739519010,
1872      theme_id: 187907047458,
1873      app_name: "storefront",
1874      context_url: window.location.href,
1875      source_url: "//www.burpee.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1876
1877  };
1878  scriptFallback.async = true;
1879  scriptFallback.src = '//www.burpee.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1880  first.parentNode.insertBefore(scriptFallback, first);
1881};
1882script.async = true;
1883script.src = '//www.burpee.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1884first.parentNode.insertBefore(script, first);
1885
1886    };
1887    trekkie.load(
1888      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":79739519010,"isMerchantRequest":null,"themeId":187907047458,"themeCityHash":"5594276458720573349","contentLanguage":"en","currency":"USD","eventMetadataId":"769cf
1888c21-9c36-4318-93af-5e03778b92dc"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1889    );
1890
1891    var loaded = false;
1892    trekkie.ready(function() {
1893      if (loaded) return;
1894      loaded = true;
1895
1896      window.ShopifyAnalytics.lib = window.trekkie;
1897
1898      var originalDocumentWrite = document.write;
1899      document.write = customDocumentWrite;
1900      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1901      document.write = originalDocumentWrite;
1902
1903      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1904      var token = match? match[1]: undefined;
1905      if (!hasLoggedConversion(token)) {
1906        setCookieIfConversion(token);
1907        window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: watering-products","collectionName":"watering-products","collectionId":505238683682,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true});
1908      }
1909    });
1910
1911    window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":505238683682,"requestId":"a1635aa6-7d21-49a9-99ad-127e733f6793-1790854976","shopifyEmitted":true});
1912
1913    var eventsListenerScript = document.createElement('script');
1914    eventsListenerScript.async = true;
1915    eventsListenerScript.src = "//www.burpee.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1916    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1917})();</script>
vendor: 1 bytes, line 1917
1917
1918<script
1919  defer
1920  src="https://www.burpee.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1921  data-application="storefront-renderer"
1922  data-shop-id="79739519010"
1923  data-render-region="gcp-us-central1"
1924  data-page-type="collection"
1925  data-theme-instance-id="187907047458"
1926  data-theme-name="Horizon"
1927  data-theme-version="3.4.0"
1928  data-monorail-region="shop_domain"
1929  data-resource-timing-sampling-rate="10"
1930  data-shs="true"
1931  data-shs-beacon="true"
1932  data-shs-export-with-fetch="true"
1933  data-shs-logs-sample-rate="1"
1934  data-shs-beacon-endpoint="https://www.burpee.com/api/collect"
1935></script>
vendor: 1 bytes, line 1935
1935
1936<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
1936<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"79739519010","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":true,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"US","language":"en"}}</script>
1936
1937<meta name="shopify-y" content="f5640e40-93f1-440c-b95b-4e554107404c" data-expiration="1822412576000"><meta name="shopify-s" content="1470f752-09f7-4907-98c0-6b68cf2266bc" data-expiration="1790856776000"><meta name="new-cookie-storage-activated" content="t">
1938</head>
1939
1940  <body class="page-width-narrow card-hover-effect-none">
1941    <a
1942  class="skip-to-content-link button-secondary"
1943  href="#MainContent"
1944>
1945  Skip to content
1946</a>
1947
1948
1949
1950    <div id="header-group">
1951      <!-- BEGIN sections: header-group -->
1952<div id="shopify-section-sections--27379201703970__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group">
1953
1954<div class="section-background color-scheme-2"></div>
1955
1956
1957
1958
1959
1960
1961<aside
1962  class="announcement-bar spacing-style section section--page-width color-scheme-2"
1963  style="display: none; --padding-block-start: 15px; --padding-block-end:15px; 
1964--padding-inline-start:0px; --padding-inline-end:0px; 
1965; --border-bottom-width: 1px;"
1966>
1967  
1968
1969  
1970
1971  <announcement-bar-component
1972    class="announcement-bar__slider"
1973    
1974  >
1975    
1976
1977    <div class="announcement-bar__slides">
1978      <slideshow-slide
1979    ref="slides[]"
1980    class="
1981      announcement-bar__slide
1982      text-block
1983      text-block--AVmx6enRjQ1JBMFp4M__announcement_BxgCk9
1984      text-block--align-center
1985      text-block--full-width
1986      custom-typography
1987      custom-font-size
1988      
1989    "
1990    style="
1991      
1992--color: ;--font-size: 0.75rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
1993      --width: 100%;
1994      --text-align: center;
1995      --line-height: 1;
1996    "
1997    
1998    aria-hidden="false"
1999  >
2000    
2001
2002    <p class="announcement-bar__text">
2003      NULL
2004    </p>
2005
2006    
2007
2008    
2009  </slideshow-slide>
2010
2011
2012
2013    </div>
2014  </announcement-bar-component>
2015</aside>
2016
2017
2018
2019
2020</div><header id="shopify-section-sections--27379201703970__header_section" class="shopify-section shopify-section-group-header-group header-section">
2021
2022
2023
2024<script type="application/ld+json">
2025  {
2026    "@context": "http://schema.org",
2027    "@type": "Organization",
2028    "name": "Burpee Seeds \u0026amp; Plants",
2029    
2030      "logo": "https:\/\/www.burpee.com\/cdn\/shop\/files\/burpee-logo.svg?v=1767203976\u0026width=500",
2031    
2032    "url": "https:\/\/www.burpee.com"
2033  }
2034</script>
2034
2035
2036<header-component
2037  id="header-component"
2038  class="header header--collapse-row-paddings"
2039  data-theme-color="rgb(255 255 255)"
2040  
2041  
2042    sticky="scroll-up"
2043  
2044  data-skip-node-update
2045  data-scroll-direction="none"
2046  
2047  
2048  style="
2049    --color-scheme-top-row: rgba(255 255 255 / 1.0);
2050    --color-scheme-bottom-row: rgba(255 255 255 / 1.0);
2051    
2052  "
2053>
2054  <div class="header__underlay header__underlay-closed"></div>
2055  <div
2056    class="header__underlay header__underlay-open"
2057  ></div>
2058    
2059
2060    
2061
2062    
2063    
2064      <div
2065        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width divider--page-width"
2066        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
2067        <div class="header__columns spacing-style">
2068          <div
2069      class="header__column header__column--left"
2070      data-testid="header-top-left"
2071    >
2072      
2073        
2074          
2075              
2076
2077
2078    <div
2079      class="header__drawer"
2080      ref="headerDrawerContainer"
2081      data-hydration-key="header-drawer-mobile"
2082      
2083    >
2084      
2085
2086<script
2087  src="//www.burpee.com/cdn/shop/t/5/assets/header-drawer.js?v=121243031541024704371782933461"
2088  type="module"
2089  fetchpriority="low"
2090></script>
2090
2091
2092<header-drawer
2093  class="header-drawer "
2094  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
2095>
2096  <details
2097    id="Details-menu-drawer-container"
2098    data-skip-node-update="true"
2099    class="menu-drawer-container"
2100    ref="details"
2101    scroll-lock
2102  >
2103    <summary
2104      class="header__icon header__icon--menu header__icon--summary"
2105      aria-label="Menu"
2106      on:click="/toggle"
2107    >
2108      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2109  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2110  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2111</svg>
2112</span>
2113      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2114  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2115  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2116</svg>
2117</span>
2118    </summary>
2119    <div
2120      ref="menuDrawer"
2121      class="
2122        menu-drawer
2123        color-scheme-1
2124      "
2125    >
2126      <button
2127        class="button close-button menu-drawer__close-button"
2128        type="button"
2129        aria-label="Close"
2130        on:click="/close"
2131      >
2132        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2133  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2134  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2135</svg>
2136</span>
2137      </button>
2138      <nav
2139        class="menu-drawer__navigation"
2140        style="--menu-top-level-font-family: var(--font-body--family);
2141--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
2142
2143  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
2144  var(--menu-font-2xl--line-height);
2145
2146--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2147
2148--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
2149var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
2150none;
2151
2152    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
2153    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
2154    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
2155  
2156--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
2157var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
2158none;
2159
2160    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
2161    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
2162    var(--opacity-subdued-text));
2163  
2164
2165        "
2166        aria-label="Primary"
2167      >
2168        <ul
2169          class="menu-drawer__menu has-submenu"
2170          role="list"
2171        >
2172
2173
2174              <li
2175                class="menu-drawer__list-item"
2176                style="--menu-drawer-animation-index: 1;"
2177              ><details
2178                    id="Details-menu-drawer-menu-item-1"
2179                    class="menu-drawer__menu-container menu-drawer__menu-container--divider"
2180                  >
2181                    <summary
2182                      id="HeaderDrawer-vegetables"
2183                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2184                      on:click="header-drawer/open/submenu"
2185                    >
2186                      <span class="menu-drawer__menu-item-text wrap-text">Vegetables</span>
2187                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2188  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2189</svg>
2190</span>
2191                    </summary>
2192                    <div
2193                      id="link-vegetables"
2194                      class="menu-drawer__submenu has-submenu"
2195                      tabindex="-1"
2196                      style="--menu-drawer-animation-index: 1;"
2197                    >
2198                      <div class="menu-drawer__inner-submenu">
2199                        <div class="menu-drawer__nav-buttons">
2200                          <button
2201                            class="button menu-drawer__back-button focus-inset"
2202                            aria-expanded="true"
2203                            on:click="header-drawer/back"
2204                            aria-label="Back"
2205                          >
2206                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2207  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2208</svg>
2209</span>
2210                            <span class="menu-drawer__menu-item-text wrap-text">Vegetables</span>
2211                          </button>
2212                          <button
2213                            class="button button-unstyled close-button menu-drawer__close-button"
2214                            type="button"
2215                            aria-label="Close"
2216                            on:click="header-drawer/close"
2217                          >
2218                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2219  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2220  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2221</svg>
2222</span>
2223                          </button>
2224                        </div>
2225                        
2226                        <ul
2227                          class="menu-drawer__menu menu-drawer__menu--childlist"
2228                          role="list"
2229                          tabindex="-1"
2230                        >
2231                          <li
2232                              class="
2233                                menu-drawer__list-item
2234                                menu-drawer__list-item--deep menu-drawer__list-item--divider
2235                              "
2236                            >
2237                                
2238<accordion-custom >
2239                                    <details
2240                                      id="Details-menu-drawer-vegetables-featured"
2241                                    >
2242                                      <summary
2243                                        id="HeaderDrawer-vegetables-featured"
2244                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2245                                      >
2246                                        <span class="menu-drawer__menu-item-text wrap-text">Featured</span>
2247                                        <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2248  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2249  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2250</svg>
2251</span>
2252                                      </summary>
2253                                      
2254                                      <ul
2255                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
2256                                        role="list"
2257                                        tabindex="-1"
2258                                      ><li
2259                                            class="menu-drawer__list-item"
2260                                            style="--menu-drawer-animation-index: 1;"
2261                                          >
2262                                            <a
2263                                              id="HeaderDrawer-vegetables-featured-all-vegetables"
2264                                              href="/collections/vegetables"
2265                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2266                                              
2267                                            >
2268                                              
2269                                              <span class="menu-drawer__menu-item-text wrap-text">All Vegetables</span>
2270                                            </a>
2271                                          </li><li
2272                                            class="menu-drawer__list-item"
2273                                            style="--menu-drawer-animation-index: 2;"
2274                                          >
2275                                            <a
2276                                              id="HeaderDrawer-vegetables-featured-new-vegetables"
2277                                              href="/collections/new-vegetables"
2278                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2279                                              
2280                                            >
2281                                              
2282                                              <span class="menu-drawer__menu-item-text wrap-text">New Vegetables</span>
2283                                            </a>
2284                                          </li><li
2285                                            class="menu-drawer__list-item"
2286                                            style="--menu-drawer-animation-index: 3;"
2287                                          >
2288                                            <a
2289                                              id="HeaderDrawer-vegetables-featured-vegetable-plants"
2290                                              href="/collections/garden-ready-plants"
2291                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2292                                              
2293                                            >
2294                                              
2295                                              <span class="menu-drawer__menu-item-text wrap-text">Vegetable Plants</span>
2296                                            </a>
2297                                          </li><li
2298                                            class="menu-drawer__list-item"
2299                                            style="--menu-drawer-animation-index: 4;"
2300                                          >
2301                                            <a
2302                                              id="HeaderDrawer-vegetables-featured-container-friendly"
2303                                              href="/collections/container-friendly-vegetables"
2304                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2305                                              
2306                                            >
2307                                              
2308                                              <span class="menu-drawer__menu-item-text wrap-text">Container-Friendly</span>
2309                                            </a>
2310                                          </li><li
2311                                            class="menu-drawer__list-item"
2312                                            style="--menu-drawer-animation-index: 5;"
2313                                          >
2314                                            <a
2315                                              id="HeaderDrawer-vegetables-featured-early-spring-vegetables"
2316                                              href="/collections/early-spring-vegetables"
2317                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2318                                              
2319                                            >
2320                                              
2321                                              <span class="menu-drawer__menu-item-text wrap-text">Early Spring Vegetables</span>
2322                                            </a>
2323                                          </li><li
2324                                            class="menu-drawer__list-item"
2325                                            style="--menu-drawer-animation-index: 6;"
2326                                          >
2327                                            <a
2328                                              id="HeaderDrawer-vegetables-featured-direct-sow"
2329                                              href="/collections/direct-sow-vegetable-seeds"
2330                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2331                                              
2332                                            >
2333                                              
2334                                              <span class="menu-drawer__menu-item-text wrap-text">Direct Sow</span>
2335                                            </a>
2336                                          </li><li
2337                                            class="menu-drawer__list-item"
2338                                            style="--menu-drawer-animation-index: 7;"
2339                                          >
2340                                            <a
2341                                              id="HeaderDrawer-vegetables-featured-organic"
2342                                              href="/collections/all-organic-vegetables"
2343                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2344                                              
2345                                            >
2346                                              
2347                                              <span class="menu-drawer__menu-item-text wrap-text">Organic</span>
2348                                            </a>
2349                                          </li><li
2350                                            class="menu-drawer__list-item"
2351                                            style="--menu-drawer-animation-index: 8;"
2352                                          >
2353                                            <a
2354                                              id="HeaderDrawer-vegetables-featured-heirlooms"
2355                                              href="/collections/heirloom-vegetables"
2356                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2357                                              
2358                                            >
2359                                              
2360                                              <span class="menu-drawer__menu-item-text wrap-text">Heirlooms</span>
2361                                            </a>
2362                                          </li></ul>
2363                                    </details>
2364                                  </accordion-custom>
2365                                </li><li
2366                              class="
2367                                menu-drawer__list-item
2368                                menu-drawer__list-item--deep menu-drawer__list-item--divider
2369                              "
2370                            >
2371                                
2372<accordion-custom >
2373                                    <details
2374                                      id="Details-menu-drawer-vegetables-popular"
2375                                    >
2376                                      <summary
2377                                        id="HeaderDrawer-vegetables-popular"
2378                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2379                                      >
2380                                        <span class="menu-drawer__menu-item-text wrap-text">Popular</span>
2381                                        <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2382  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2383  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2384</svg>
2385</span>
2386                                      </summary>
2387                                      
2388                                      <ul
2389                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
2390                                        role="list"
2391                                        tabindex="-1"
2392                                      ><li
2393                                            class="menu-drawer__list-item"
2394                                            style="--menu-drawer-animation-index: 1;"
2395                                          >
2396                                            <a
2397                                              id="HeaderDrawer-vegetables-popular-arugula"
2398                                              href="/collections/arugula"
2399                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2400                                              
2401                                            >
2402                                              
2403                                              <span class="menu-drawer__menu-item-text wrap-text">Arugula</span>
2404                                            </a>
2405                                          </li><li
2406                                            class="menu-drawer__list-item"
2407                                            style="--menu-drawer-animation-index: 2;"
2408                                          >
2409                                            <a
2410                                              id="HeaderDrawer-vegetables-popular-asparagus"
2411                                              href="/collections/asparagus"
2412                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2413                                              
2414                                            >
2415                                              
2416                                              <span class="menu-drawer__menu-item-text wrap-text">Asparagus</span>
2417                                            </a>
2418                                          </li><li
2419                                            class="menu-drawer__list-item"
2420                                            style="--menu-drawer-animation-index: 3;"
2421                                          >
2422                                            <a
2423                                              id="HeaderDrawer-vegetables-popular-beans"
2424                                              href="/collections/beans"
2425                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2426                                              
2427                                            >
2428                                              
2429                                              <span class="menu-drawer__menu-item-text wrap-text">Beans</span>
2430                                            </a>
2431                                          </li><li
2432                                            class="menu-drawer__list-item"
2433                                            style="--menu-drawer-animation-index: 4;"
2434                                          >
2435                                            <a
2436                                              id="HeaderDrawer-vegetables-popular-beets"
2437                                              href="/collections/beets"
2438                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2439                                              
2440                                            >
2441                                              
2442                                              <span class="menu-drawer__menu-item-text wrap-text">Beets</span>
2443                                            </a>
2444                                          </li><li
2445                                            class="menu-drawer__list-item"
2446                                            style="--menu-drawer-animation-index: 5;"
2447                                          >
2448                                            <a
2449                                              id="HeaderDrawer-vegetables-popular-brassicas"
2450                                              href="/collections/brassicas"
2451                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2452                                              
2453                                            >
2454                                              
2455                                              <span class="menu-drawer__menu-item-text wrap-text">Brassicas</span>
2456                                            </a>
2457                                          </li><li
2458                                            class="menu-drawer__list-item"
2459                                            style="--menu-drawer-animation-index: 6;"
2460                                          >
2461                                            <a
2462                                              id="HeaderDrawer-vegetables-popular-broccoli"
2463                                              href="/collections/broccoli"
2464                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2465                                              
2466                                            >
2467                                              
2468                                              <span class="menu-drawer__menu-item-text wrap-text">Broccoli</span>
2469                                            </a>
2470                                          </li><li
2471                                            class="menu-drawer__list-item"
2472                                            style="--menu-drawer-animation-index: 7;"
2473                                          >
2474                                            <a
2475                                              id="HeaderDrawer-vegetables-popular-brussels-sprouts"
2476                                              href="/collections/brussels-sprouts"
2477                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2478                                              
2479                                            >
2480                                              
2481                                              <span class="menu-drawer__menu-item-text wrap-text">Brussels Sprouts</span>
2482                                            </a>
2483                                          </li><li
2484                                            class="menu-drawer__list-item"
2485                                            style="--menu-drawer-animation-index: 8;"
2486                                          >
2487                                            <a
2488                                              id="HeaderDrawer-vegetables-popular-cabbages"
2489                                              href="/collections/cabbages"
2490                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2491                                              
2492                                            >
2493                                              
2494                                              <span class="menu-drawer__menu-item-text wrap-text">Cabbages</span>
2495                                            </a>
2496                                          </li><li
2497                                            class="menu-drawer__list-item"
2498                                            style="--menu-drawer-animation-index: 9;"
2499                                          >
2500                                            <a
2501                                              id="HeaderDrawer-vegetables-popular-cantaloupe"
2502                                              href="/collections/cantaloupe"
2503                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2504                                              
2505                                            >
2506                                              
2507                                              <span class="menu-drawer__menu-item-text wrap-text">Cantaloupe</span>
2508                                            </a>
2509                                          </li><li
2510                                            class="menu-drawer__list-item"
2511                                            style="--menu-drawer-animation-index: 10;"
2512                                          >
2513                                            <a
2514                                              id="HeaderDrawer-vegetables-popular-corn"
2515                                              href="/collections/corn"
2516                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2517                                              
2518                                            >
2519                                              
2520                                              <span class="menu-drawer__menu-item-text wrap-text">Corn</span>
2521                                            </a>
2522                                          </li><li
2523                                            class="menu-drawer__list-item"
2524                                            style="--menu-drawer-animation-index: 11;"
2525                                          >
2526                                            <a
2527                                              id="HeaderDrawer-vegetables-popular-cucumbers"
2528                                              href="/collections/cucumbers"
2529                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2530                                              
2531                                            >
2532                                              
2533                                              <span class="menu-drawer__menu-item-text wrap-text">Cucumbers</span>
2534                                            </a>
2535                                          </li><li
2536                                            class="menu-drawer__list-item"
2537                                            style="--menu-drawer-animation-index: 12;"
2538                                          >
2539                                            <a
2540                                              id="HeaderDrawer-vegetables-popular-eggplants"
2541                                              href="/collections/eggplants"
2542                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2543                                              
2544                                            >
2545                                              
2546                                              <span class="menu-drawer__menu-item-text wrap-text">Eggplants</span>
2547                                            </a>
2548                                          </li><li
2549                                            class="menu-drawer__list-item"
2550                                            style="--menu-drawer-animation-index: 13;"
2551                                          >
2552                                            <a
2553                                              id="HeaderDrawer-vegetables-popular-garlic"
2554                                              href="/collections/garlic"
2555                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2556                                              
2557                                            >
2558                                              
2559                                              <span class="menu-drawer__menu-item-text wrap-text">Garlic</span>
2560                                            </a>
2561                                          </li><li
2562                                            class="menu-drawer__list-item"
2563                                            style="--menu-drawer-animation-index: 14;"
2564                                          >
2565                                            <a
2566                                              id="HeaderDrawer-vegetables-popular-gourds"
2567                                              href="/collections/gourds"
2568                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2569                                              
2570                                            >
2571                                              
2572                                              <span class="menu-drawer__menu-item-text wrap-text">Gourds</span>
2573                                            </a>
2574                                          </li><li
2575                                            class="menu-drawer__list-item"
2576                                            style="--menu-drawer-animation-index: 15;"
2577                                          >
2578                                            <a
2579                                              id="HeaderDrawer-vegetables-popular-kale"
2580                                              href="/collections/kale"
2581                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2582                                              
2583                                            >
2584                                              
2585                                              <span class="menu-drawer__menu-item-text wrap-text">Kale</span>
2586                                            </a>
2587                                          </li><li
2588                                            class="menu-drawer__list-item"
2589                                            style="--menu-drawer-animation-index: 16;"
2590                                          >
2591                                            <a
2592                                              id="HeaderDrawer-vegetables-popular-lettuce"
2593                                              href="/collections/lettuce"
2594                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2595                                              
2596                                            >
2597                                              
2598                                              <span class="menu-drawer__menu-item-text wrap-text">Lettuce</span>
2599                                            </a>
2600                                          </li><li
2601                                            class="menu-drawer__list-item"
2602                                            style="--menu-drawer-animation-index: 17;"
2603                                          >
2604                                            <a
2605                                              id="HeaderDrawer-vegetables-popular-melon"
2606                                              href="/collections/melon"
2607                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2608                                              
2609                                            >
2610                                              
2611                                              <span class="menu-drawer__menu-item-text wrap-text">Melon</span>
2612                                            </a>
2613                                          </li><li
2614                                            class="menu-drawer__list-item"
2615                                            style="--menu-drawer-animation-index: 18;"
2616                                          >
2617                                            <a
2618                                              id="HeaderDrawer-vegetables-popular-mustard"
2619                                              href="/collections/mustard"
2620                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2621                                              
2622                                            >
2623                                              
2624                                              <span class="menu-drawer__menu-item-text wrap-text">Mustard</span>
2625                                            </a>
2626                                          </li><li
2627                                            class="menu-drawer__list-item"
2628                                            style="--menu-drawer-animation-index: 19;"
2629                                          >
2630                                            <a
2631                                              id="HeaderDrawer-vegetables-popular-okra"
2632                                              href="/collections/okra"
2633                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2634                                              
2635                                            >
2636                                              
2637                                              <span class="menu-drawer__menu-item-text wrap-text">Okra</span>
2638                                            </a>
2639                                          </li><li
2640                                            class="menu-drawer__list-item"
2641                                            style="--menu-drawer-animation-index: 20;"
2642                                          >
2643                                            <a
2644                                              id="HeaderDrawer-vegetables-popular-onions"
2645                                              href="/collections/onions"
2646                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2647                                              
2648                                            >
2649                                              
2650                                              <span class="menu-drawer__menu-item-text wrap-text">Onions</span>
2651                                            </a>
2652                                          </li><li
2653                                            class="menu-drawer__list-item"
2654                                            style="--menu-drawer-animation-index: 21;"
2655                                          >
2656                                            <a
2657                                              id="HeaderDrawer-vegetables-popular-peas"
2658                                              href="/collections/peas"
2659                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2660                                              
2661                                            >
2662                                              
2663                                              <span class="menu-drawer__menu-item-text wrap-text">Peas</span>
2664                                            </a>
2665                                          </li><li
2666                                            class="menu-drawer__list-item"
2667                                            style="--menu-drawer-animation-index: 22;"
2668                                          >
2669                                            <a
2670                                              id="HeaderDrawer-vegetables-popular-peppers"
2671                                              href="/collections/peppers"
2672                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2673                                              
2674                                            >
2675                                              
2676                                              <span class="menu-drawer__menu-item-text wrap-text">Peppers</span>
2677                                            </a>
2678                                          </li><li
2679                                            class="menu-drawer__list-item"
2680                                            style="--menu-drawer-animation-index: 23;"
2681                                          >
2682                                            <a
2683                                              id="HeaderDrawer-vegetables-popular-potatoes"
2684                                              href="/collections/potatoes"
2685                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2686                                              
2687                                            >
2688                                              
2689                                              <span class="menu-drawer__menu-item-text wrap-text">Potatoes</span>
2690                                            </a>
2691                                          </li><li
2692                                            class="menu-drawer__list-item"
2693                                            style="--menu-drawer-animation-index: 24;"
2694                                          >
2695                                            <a
2696                                              id="HeaderDrawer-vegetables-popular-pumpkins"
2697                                              href="/collections/pumpkins"
2698                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2699                                              
2700                                            >
2701                                              
2702                                              <span class="menu-drawer__menu-item-text wrap-text">Pumpkins</span>
2703                                            </a>
2704                                          </li><li
2705                                            class="menu-drawer__list-item"
2706                                            style="--menu-drawer-animation-index: 25;"
2707                                          >
2708                                            <a
2709                                              id="HeaderDrawer-vegetables-popular-radish"
2710                                              href="/collections/radish"
2711                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2712                                              
2713                                            >
2714                                              
2715                                              <span class="menu-drawer__menu-item-text wrap-text">Radish</span>
2716                                            </a>
2717                                          </li><li
2718                                            class="menu-drawer__list-item"
2719                                            style="--menu-drawer-animation-index: 26;"
2720                                          >
2721                                            <a
2722                                              id="HeaderDrawer-vegetables-popular-salad-greens"
2723                                              href="/collections/salad-greens"
2724                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2725                                              
2726                                            >
2727                                              
2728                                              <span class="menu-drawer__menu-item-text wrap-text">Salad Greens</span>
2729                                            </a>
2730                                          </li><li
2731                                            class="menu-drawer__list-item"
2732                                            style="--menu-drawer-animation-index: 27;"
2733                                          >
2734                                            <a
2735                                              id="HeaderDrawer-vegetables-popular-shallots"
2736                                              href="/collections/shallots"
2737                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2738                                              
2739                                            >
2740                                              
2741                                              <span class="menu-drawer__menu-item-text wrap-text">Shallots</span>
2742                                            </a>
2743                                          </li><li
2744                                            class="menu-drawer__list-item"
2745                                            style="--menu-drawer-animation-index: 28;"
2746                                          >
2747                                            <a
2748                                              id="HeaderDrawer-vegetables-popular-squash"
2749                                              href="/collections/squash"
2750                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2751                                              
2752                                            >
2753                                              
2754                                              <span class="menu-drawer__menu-item-text wrap-text">Squash</span>
2755                                            </a>
2756                                          </li><li
2757                                            class="menu-drawer__list-item"
2758                                            style="--menu-drawer-animation-index: 29;"
2759                                          >
2760                                            <a
2761                                              id="HeaderDrawer-vegetables-popular-spinach"
2762                                              href="/collections/spinach"
2763                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2764                                              
2765                                            >
2766                                              
2767                                              <span class="menu-drawer__menu-item-text wrap-text">Spinach</span>
2768                                            </a>
2769                                          </li><li
2770                                            class="menu-drawer__list-item"
2771                                            style="--menu-drawer-animation-index: 30;"
2772                                          >
2773                                            <a
2774                                              id="HeaderDrawer-vegetables-popular-sweet-potatoes"
2775                                              href="/collections/sweet-potatoes"
2776                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2777                                              
2778                                            >
2779                                              
2780                                              <span class="menu-drawer__menu-item-text wrap-text">Sweet Potatoes</span>
2781                                            </a>
2782                                          </li><li
2783                                            class="menu-drawer__list-item"
2784                                            style="--menu-drawer-animation-index: 31;"
2785                                          >
2786                                            <a
2787                                              id="HeaderDrawer-vegetables-popular-swiss-chard"
2788                                              href="/collections/swiss-chard"
2789                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2790                                              
2791                                            >
2792                                              
2793                                              <span class="menu-drawer__menu-item-text wrap-text">Swiss Chard</span>
2794                                            </a>
2795                                          </li><li
2796                                            class="menu-drawer__list-item"
2797                                            style="--menu-drawer-animation-index: 32;"
2798                                          >
2799                                            <a
2800                                              id="HeaderDrawer-vegetables-popular-tomatoes"
2801                                              href="/collections/tomatoes"
2802                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2803                                              
2804                                            >
2805                                              
2806                                              <span class="menu-drawer__menu-item-text wrap-text">Tomatoes</span>
2807                                            </a>
2808                                          </li><li
2809                                            class="menu-drawer__list-item"
2810                                            style="--menu-drawer-animation-index: 33;"
2811                                          >
2812                                            <a
2813                                              id="HeaderDrawer-vegetables-popular-turnips"
2814                                              href="/collections/turnips"
2815                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2816                                              
2817                                            >
2818                                              
2819                                              <span class="menu-drawer__menu-item-text wrap-text">Turnips</span>
2820                                            </a>
2821                                          </li><li
2822                                            class="menu-drawer__list-item"
2823                                            style="--menu-drawer-animation-index: 34;"
2824                                          >
2825                                            <a
2826                                              id="HeaderDrawer-vegetables-popular-watermelon"
2827                                              href="/collections/watermelon"
2828                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2829                                              
2830                                            >
2831                                              
2832                                              <span class="menu-drawer__menu-item-text wrap-text">Watermelon</span>
2833                                            </a>
2834                                          </li></ul>
2835                                    </details>
2836                                  </accordion-custom>
2837                                </li></ul>
2838                        
2839                      </div>
2840                    </div>
2841                  </details></li>
2842              <li
2843                class="menu-drawer__list-item"
2844                style="--menu-drawer-animation-index: 2;"
2845              ><details
2846                    id="Details-menu-drawer-menu-item-2"
2847                    class="menu-drawer__menu-container menu-drawer__menu-container--divider"
2848                  >
2849                    <summary
2850                      id="HeaderDrawer-flowers"
2851                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2852                      on:click="header-drawer/open/submenu"
2853                    >
2854                      <span class="menu-drawer__menu-item-text wrap-text">Flowers</span>
2855                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2856  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2857</svg>
2858</span>
2859                    </summary>
2860                    <div
2861                      id="link-flowers"
2862                      class="menu-drawer__submenu has-submenu"
2863                      tabindex="-1"
2864                      style="--menu-drawer-animation-index: 2;"
2865                    >
2866                      <div class="menu-drawer__inner-submenu">
2867                        <div class="menu-drawer__nav-buttons">
2868                          <button
2869                            class="button menu-drawer__back-button focus-inset"
2870                            aria-expanded="true"
2871                            on:click="header-drawer/back"
2872                            aria-label="Back"
2873                          >
2874                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2875  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2876</svg>
2877</span>
2878                            <span class="menu-drawer__menu-item-text wrap-text">Flowers</span>
2879                          </button>
2880                          <button
2881                            class="button button-unstyled close-button menu-drawer__close-button"
2882                            type="button"
2883                            aria-label="Close"
2884                            on:click="header-drawer/close"
2885                          >
2886                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2887  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2888  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2889</svg>
2890</span>
2891                          </button>
2892                        </div>
2893                        
2894                        <ul
2895                          class="menu-drawer__menu menu-drawer__menu--childlist"
2896                          role="list"
2897                          tabindex="-1"
2898                        >
2899                          <li
2900                              class="
2901                                menu-drawer__list-item
2902                                menu-drawer__list-item--deep menu-drawer__list-item--divider
2903                              "
2904                            >
2905                                
2906<accordion-custom >
2907                                    <details
2908                                      id="Details-menu-drawer-flowers-featured"
2909                                    >
2910                                      <summary
2911                                        id="HeaderDrawer-flowers-featured"
2912                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2913                                      >
2914                                        <span class="menu-drawer__menu-item-text wrap-text">Featured</span>
2915                                        <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2916  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2917  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2918</svg>
2919</span>
2920                                      </summary>
2921                                      
2922                                      <ul
2923                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
2924                                        role="list"
2925                                        tabindex="-1"
2926                                      ><li
2927                                            class="menu-drawer__list-item"
2928                                            style="--menu-drawer-animation-index: 1;"
2929                                          >
2930                                            <a
2931                                              id="HeaderDrawer-flowers-featured-all-flowers"
2932                                              href="/collections/flowers"
2933                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2934                                              
2935                                            >
2936                                              
2937                                              <span class="menu-drawer__menu-item-text wrap-text">All Flowers</span>
2938                                            </a>
2939                                          </li><li
2940                                            class="menu-drawer__list-item"
2941                                            style="--menu-drawer-animation-index: 2;"
2942                                          >
2943                                            <a
2944                                              id="HeaderDrawer-flowers-featured-new-flowers"
2945                                              href="/collections/new-flowers"
2946                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2947                                              
2948                                            >
2949                                              
2950                                              <span class="menu-drawer__menu-item-text wrap-text">New Flowers</span>
2951                                            </a>
2952                                          </li><li
2953                                            class="menu-drawer__list-item"
2954                                            style="--menu-drawer-animation-index: 3;"
2955                                          >
2956                                            <a
2957                                              id="HeaderDrawer-flowers-featured-flower-plants"
2958                                              href="/collections/garden-ready-flowers"
2959                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2960                                              
2961                                            >
2962                                              
2963                                              <span class="menu-drawer__menu-item-text wrap-text">Flower Plants</span>
2964                                            </a>
2965                                          </li><li
2966                                            class="menu-drawer__list-item"
2967                                            style="--menu-drawer-animation-index: 4;"
2968                                          >
2969                                            <a
2970                                              id="HeaderDrawer-flowers-featured-bedding-flowers"
2971                                              href="/collections/bedding-flowers"
2972                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2973                                              
2974                                            >
2975                                              
2976                                              <span class="menu-drawer__menu-item-text wrap-text">Bedding Flowers</span>
2977                                            </a>
2978                                          </li><li
2979                                            class="menu-drawer__list-item"
2980                                            style="--menu-drawer-animation-index: 5;"
2981                                          >
2982                                            <a
2983                                              id="HeaderDrawer-flowers-featured-container-flowers"
2984                                              href="/collections/container-annuals"
2985                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2986                                              
2987                                            >
2988                                              
2989                                              <span class="menu-drawer__menu-item-text wrap-text">Container Flowers</span>
2990                                            </a>
2991                                          </li><li
2992                                            class="menu-drawer__list-item"
2993                                            style="--menu-drawer-animation-index: 6;"
2994                                          >
2995                                            <a
2996                                              id="HeaderDrawer-flowers-featured-direct-sow-flowers"
2997                                              href="/collections/direct-sow-flowers"
2998                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2999                                              
3000                                            >
3001                                              
3002                                              <span class="menu-drawer__menu-item-text wrap-text">Direct Sow Flowers</span>
3003                                            </a>
3004                                          </li><li
3005                                            class="menu-drawer__list-item"
3006                                            style="--menu-drawer-animation-index: 7;"
3007                                          >
3008                                            <a
3009                                              id="HeaderDrawer-flowers-featured-flowers-for-cutting"
3010                                              href="/collections/flowers-for-cutting"
3011                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3012                                              
3013                                            >
3014                                              
3015                                              <span class="menu-drawer__menu-item-text wrap-text">Flowers for Cutting</span>
3016                                            </a>
3017                                          </li><li
3018                                            class="menu-drawer__list-item"
3019                                            style="--menu-drawer-animation-index: 8;"
3020                                          >
3021                                            <a
3022                                              id="HeaderDrawer-flowers-featured-pollinator-favorites"
3023                                              href="/collections/pollinator-favorites"
3024                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3025                                              
3026                                            >
3027                                              
3028                                              <span class="menu-drawer__menu-item-text wrap-text">Pollinator Favorites</span>
3029                                            </a>
3030                                          </li></ul>
3031                                    </details>
3032                                  </accordion-custom>
3033                                </li><li
3034                              class="
3035                                menu-drawer__list-item
3036                                menu-drawer__list-item--deep menu-drawer__list-item--divider
3037                              "
3038                            >
3039                                
3040<accordion-custom >
3041                                    <details
3042                                      id="Details-menu-drawer-flowers-popular"
3043                                    >
3044                                      <summary
3045                                        id="HeaderDrawer-flowers-popular"
3046                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3047                                      >
3048                                        <span class="menu-drawer__menu-item-text wrap-text">Popular</span>
3049                                        <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3050  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3051  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3052</svg>
3053</span>
3054                                      </summary>
3055                                      
3056                                      <ul
3057                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3058                                        role="list"
3059                                        tabindex="-1"
3060                                      ><li
3061                                            class="menu-drawer__list-item"
3062                                            style="--menu-drawer-animation-index: 1;"
3063                                          >
3064                                            <a
3065                                              id="HeaderDrawer-flowers-popular-alyssum"
3066                                              href="/collections/alyssum"
3067                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3068                                              
3069                                            >
3070                                              
3071                                              <span class="menu-drawer__menu-item-text wrap-text">Alyssum</span>
3072                                            </a>
3073                                          </li><li
3074                                            class="menu-drawer__list-item"
3075                                            style="--menu-drawer-animation-index: 2;"
3076                                          >
3077                                            <a
3078                                              id="HeaderDrawer-flowers-popular-amaryllis"
3079                                              href="/collections/amaryllis"
3080                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3081                                              
3082                                            >
3083                                              
3084                                              <span class="menu-drawer__menu-item-text wrap-text">Amaryllis</span>
3085                                            </a>
3086                                          </li><li
3087                                            class="menu-drawer__list-item"
3088                                            style="--menu-drawer-animation-index: 3;"
3089                                          >
3090                                            <a
3091                                              id="HeaderDrawer-flowers-popular-begonia"
3092                                              href="/collections/begonia"
3093                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3094                                              
3095                                            >
3096                                              
3097                                              <span class="menu-drawer__menu-item-text wrap-text">Begonia</span>
3098                                            </a>
3099                                          </li><li
3100                                            class="menu-drawer__list-item"
3101                                            style="--menu-drawer-animation-index: 4;"
3102                                          >
3103                                            <a
3104                                              id="HeaderDrawer-flowers-popular-calibrachoa"
3105                                              href="/collections/calibrachoa"
3106                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3107                                              
3108                                            >
3109                                              
3110                                              <span class="menu-drawer__menu-item-text wrap-text">Calibrachoa</span>
3111                                            </a>
3112                                          </li><li
3113                                            class="menu-drawer__list-item"
3114                                            style="--menu-drawer-animation-index: 5;"
3115                                          >
3116                                            <a
3117                                              id="HeaderDrawer-flowers-popular-celosia"
3118                                              href="/collections/celosia"
3119                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3120                                              
3121                                            >
3122                                              
3123                                              <span class="menu-drawer__menu-item-text wrap-text">Celosia</span>
3124                                            </a>
3125                                          </li><li
3126                                            class="menu-drawer__list-item"
3127                                            style="--menu-drawer-animation-index: 6;"
3128                                          >
3129                                            <a
3130                                              id="HeaderDrawer-flowers-popular-coleus"
3131                                              href="/collections/coleus"
3132                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3133                                              
3134                                            >
3135                                              
3136                                              <span class="menu-drawer__menu-item-text wrap-text">Coleus</span>
3137                                            </a>
3138                                          </li><li
3139                                            class="menu-drawer__list-item"
3140                                            style="--menu-drawer-animation-index: 7;"
3141                                          >
3142                                            <a
3143                                              id="HeaderDrawer-flowers-popular-cosmos"
3144                                              href="/collections/cosmos"
3145                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3146                                              
3147                                            >
3148                                              
3149                                              <span class="menu-drawer__menu-item-text wrap-text">Cosmos</span>
3150                                            </a>
3151                                          </li><li
3152                                            class="menu-drawer__list-item"
3153                                            style="--menu-drawer-animation-index: 8;"
3154                                          >
3155                                            <a
3156                                              id="HeaderDrawer-flowers-popular-dahlias"
3157                                              href="/collections/dahlias"
3158                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3159                                              
3160                                            >
3161                                              
3162                                              <span class="menu-drawer__menu-item-text wrap-text">Dahlias</span>
3163                                            </a>
3164                                          </li><li
3165                                            class="menu-drawer__list-item"
3166                                            style="--menu-drawer-animation-index: 9;"
3167                                          >
3168                                            <a
3169                                              id="HeaderDrawer-flowers-popular-gladiolus"
3170                                              href="/collections/gladiolus"
3171                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3172                                              
3173                                            >
3174                                              
3175                                              <span class="menu-drawer__menu-item-text wrap-text">Gladiolus</span>
3176                                            </a>
3177                                          </li><li
3178                                            class="menu-drawer__list-item"
3179                                            style="--menu-drawer-animation-index: 10;"
3180                                          >
3181                                            <a
3182                                              id="HeaderDrawer-flowers-popular-gomphrena"
3183                                              href="/collections/gomphrena"
3184                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3185                                              
3186                                            >
3187                                              
3188                                              <span class="menu-drawer__menu-item-text wrap-text">Gomphrena</span>
3189                                            </a>
3190                                          </li><li
3191                                            class="menu-drawer__list-item"
3192                                            style="--menu-drawer-animation-index: 11;"
3193                                          >
3194                                            <a
3195                                              id="HeaderDrawer-flowers-popular-impatiens"
3196                                              href="/collections/impatiens"
3197                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3198                                              
3199                                            >
3200                                              
3201                                              <span class="menu-drawer__menu-item-text wrap-text">Impatiens</span>
3202                                            </a>
3203                                          </li><li
3204                                            class="menu-drawer__list-item"
3205                                            style="--menu-drawer-animation-index: 12;"
3206                                          >
3207                                            <a
3208                                              id="HeaderDrawer-flowers-popular-lantana"
3209                                              href="/collections/lantana"
3210                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3211                                              
3212                                            >
3213                                              
3214                                              <span class="menu-drawer__menu-item-text wrap-text">Lantana</span>
3215                                            </a>
3216                                          </li><li
3217                                            class="menu-drawer__list-item"
3218                                            style="--menu-drawer-animation-index: 13;"
3219                                          >
3220                                            <a
3221                                              id="HeaderDrawer-flowers-popular-lisianthus"
3222                                              href="/collections/lisianthus"
3223                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3224                                              
3225                                            >
3226                                              
3227                                              <span class="menu-drawer__menu-item-text wrap-text">Lisianthus</span>
3228                                            </a>
3229                                          </li><li
3230                                            class="menu-drawer__list-item"
3231                                            style="--menu-drawer-animation-index: 14;"
3232                                          >
3233                                            <a
3234                                              id="HeaderDrawer-flowers-popular-marigolds"
3235                                              href="/collections/marigolds"
3236                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3237                                              
3238                                            >
3239                                              
3240                                              <span class="menu-drawer__menu-item-text wrap-text">Marigolds</span>
3241                                            </a>
3242                                          </li><li
3243                                            class="menu-drawer__list-item"
3244                                            style="--menu-drawer-animation-index: 15;"
3245                                          >
3246                                            <a
3247                                              id="HeaderDrawer-flowers-popular-morning-glories"
3248                                              href="/collections/morning-glories"
3249                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3250                                              
3251                                            >
3252                                              
3253                                              <span class="menu-drawer__menu-item-text wrap-text">Morning Glories</span>
3254                                            </a>
3255                                          </li><li
3256                                            class="menu-drawer__list-item"
3257                                            style="--menu-drawer-animation-index: 16;"
3258                                          >
3259                                            <a
3260                                              id="HeaderDrawer-flowers-popular-nasturtium"
3261                                              href="/collections/nasturtium"
3262                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3263                                              
3264                                            >
3265                                              
3266                                              <span class="menu-drawer__menu-item-text wrap-text">Nasturtium</span>
3267                                            </a>
3268                                          </li><li
3269                                            class="menu-drawer__list-item"
3270                                            style="--menu-drawer-animation-index: 17;"
3271                                          >
3272                                            <a
3273                                              id="HeaderDrawer-flowers-popular-pansies"
3274                                              href="/collections/pansies"
3275                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3276                                              
3277                                            >
3278                                              
3279                                              <span class="menu-drawer__menu-item-text wrap-text">Pansies</span>
3280                                            </a>
3281                                          </li><li
3282                                            class="menu-drawer__list-item"
3283                                            style="--menu-drawer-animation-index: 18;"
3284                                          >
3285                                            <a
3286                                              id="HeaderDrawer-flowers-popular-petunias"
3287                                              href="/collections/petunias"
3288                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3289                                              
3290                                            >
3291                                              
3292                                              <span class="menu-drawer__menu-item-text wrap-text">Petunias</span>
3293                                            </a>
3294                                          </li><li
3295                                            class="menu-drawer__list-item"
3296                                            style="--menu-drawer-animation-index: 19;"
3297                                          >
3298                                            <a
3299                                              id="HeaderDrawer-flowers-popular-poppy-flowers"
3300                                              href="/collections/poppy-flowers"
3301                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3302                                              
3303                                            >
3304                                              
3305                                              <span class="menu-drawer__menu-item-text wrap-text">Poppy Flowers</span>
3306                                            </a>
3307                                          </li><li
3308                                            class="menu-drawer__list-item"
3309                                            style="--menu-drawer-animation-index: 20;"
3310                                          >
3311                                            <a
3312                                              id="HeaderDrawer-flowers-popular-salvia-flowers"
3313                                              href="/collections/salvia-flowers"
3314                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3315                                              
3316                                            >
3317                                              
3318                                              <span class="menu-drawer__menu-item-text wrap-text">Salvia Flowers</span>
3319                                            </a>
3320                                          </li><li
3321                                            class="menu-drawer__list-item"
3322                                            style="--menu-drawer-animation-index: 21;"
3323                                          >
3324                                            <a
3325                                              id="HeaderDrawer-flowers-popular-snapdragons"
3326                                              href="/collections/snapdragons"
3327                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3328                                              
3329                                            >
3330                                              
3331                                              <span class="menu-drawer__menu-item-text wrap-text">Snapdragons</span>
3332                                            </a>
3333                                          </li><li
3334                                            class="menu-drawer__list-item"
3335                                            style="--menu-drawer-animation-index: 22;"
3336                                          >
3337                                            <a
3338                                              id="HeaderDrawer-flowers-popular-stock"
3339                                              href="/collections/stock"
3340                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3341                                              
3342                                            >
3343                                              
3344                                              <span class="menu-drawer__menu-item-text wrap-text">Stock</span>
3345                                            </a>
3346                                          </li><li
3347                                            class="menu-drawer__list-item"
3348                                            style="--menu-drawer-animation-index: 23;"
3349                                          >
3350                                            <a
3351                                              id="HeaderDrawer-flowers-popular-strawflowers"
3352                                              href="/collections/strawflowers"
3353                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3354                                              
3355                                            >
3356                                              
3357                                              <span class="menu-drawer__menu-item-text wrap-text">Strawflowers</span>
3358                                            </a>
3359                                          </li><li
3360                                            class="menu-drawer__list-item"
3361                                            style="--menu-drawer-animation-index: 24;"
3362                                          >
3363                                            <a
3364                                              id="HeaderDrawer-flowers-popular-sunflowers"
3365                                              href="/collections/sunflowers"
3366                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3367                                              
3368                                            >
3369                                              
3370                                              <span class="menu-drawer__menu-item-text wrap-text">Sunflowers</span>
3371                                            </a>
3372                                          </li><li
3373                                            class="menu-drawer__list-item"
3374                                            style="--menu-drawer-animation-index: 25;"
3375                                          >
3376                                            <a
3377                                              id="HeaderDrawer-flowers-popular-vincas"
3378                                              href="/collections/vincas"
3379                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3380                                              
3381                                            >
3382                                              
3383                                              <span class="menu-drawer__menu-item-text wrap-text">Vincas</span>
3384                                            </a>
3385                                          </li><li
3386                                            class="menu-drawer__list-item"
3387                                            style="--menu-drawer-animation-index: 26;"
3388                                          >
3389                                            <a
3390                                              id="HeaderDrawer-flowers-popular-violas"
3391                                              href="/collections/violas"
3392                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3393                                              
3394                                            >
3395                                              
3396                                              <span class="menu-drawer__menu-item-text wrap-text">Violas</span>
3397                                            </a>
3398                                          </li><li
3399                                            class="menu-drawer__list-item"
3400                                            style="--menu-drawer-animation-index: 27;"
3401                                          >
3402                                            <a
3403                                              id="HeaderDrawer-flowers-popular-zinnias"
3404                                              href="/collections/zinnias"
3405                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3406                                              
3407                                            >
3408                                              
3409                                              <span class="menu-drawer__menu-item-text wrap-text">Zinnias</span>
3410                                            </a>
3411                                          </li></ul>
3412                                    </details>
3413                                  </accordion-custom>
3414                                </li><li
3415                              class="
3416                                menu-drawer__list-item
3417                                menu-drawer__list-item--deep menu-drawer__list-item--divider
3418                              "
3419                            >
3420                                
3421<accordion-custom >
3422                                    <details
3423                                      id="Details-menu-drawer-flowers-shop-by-color"
3424                                    >
3425                                      <summary
3426                                        id="HeaderDrawer-flowers-shop-by-color"
3427                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3428                                      >
3429                                        <span class="menu-drawer__menu-item-text wrap-text">Shop by Color</span>
3430                                        <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3431  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3432  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3433</svg>
3434</span>
3435                                      </summary>
3436                                      
3437                                      <ul
3438                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3439                                        role="list"
3440                                        tabindex="-1"
3441                                      ><li
3442                                            class="menu-drawer__list-item"
3443                                            style="--menu-drawer-animation-index: 1;"
3444                                          >
3445                                            <a
3446                                              id="HeaderDrawer-flowers-shop-by-color-black"
3447                                              href="/collections/black-flowers"
3448                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3449                                              
3450                                            >
3451                                              
3452                                              <span class="menu-drawer__menu-item-text wrap-text">Black</span>
3453                                            </a>
3454                                          </li><li
3455                                            class="menu-drawer__list-item"
3456                                            style="--menu-drawer-animation-index: 2;"
3457                                          >
3458                                            <a
3459                                              id="HeaderDrawer-flowers-shop-by-color-blue"
3460                                              href="/collections/blue-flowers"
3461                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3462                                              
3463                                            >
3464                                              
3465                                              <span class="menu-drawer__menu-item-text wrap-text">Blue</span>
3466                                            </a>
3467                                          </li><li
3468                                            class="menu-drawer__list-item"
3469                                            style="--menu-drawer-animation-index: 3;"
3470                                          >
3471                                            <a
3472                                              id="HeaderDrawer-flowers-shop-by-color-green"
3473                                              href="/collections/green-flowers"
3474                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3475                                              
3476                                            >
3477                                              
3478                                              <span class="menu-drawer__menu-item-text wrap-text">Green</span>
3479                                            </a>
3480                                          </li><li
3481                                            class="menu-drawer__list-item"
3482                                            style="--menu-drawer-animation-index: 4;"
3483                                          >
3484                                            <a
3485                                              id="HeaderDrawer-flowers-shop-by-color-multi"
3486                                              href="/collections/multi-colored-flowers"
3487                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3488                                              
3489                                            >
3490                                              
3491                                              <span class="menu-drawer__menu-item-text wrap-text">Multi</span>
3492                                            </a>
3493                                          </li><li
3494                                            class="menu-drawer__list-item"
3495                                            style="--menu-drawer-animation-index: 5;"
3496                                          >
3497                                            <a
3498                                              id="HeaderDrawer-flowers-shop-by-color-orange"
3499                                              href="/collections/orange-flowers"
3500                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3501                                              
3502                                            >
3503                                              
3504                                              <span class="menu-drawer__menu-item-text wrap-text">Orange</span>
3505                                            </a>
3506                                          </li><li
3507                                            class="menu-drawer__list-item"
3508                                            style="--menu-drawer-animation-index: 6;"
3509                                          >
3510                                            <a
3511                                              id="HeaderDrawer-flowers-shop-by-color-pink"
3512                                              href="/collections/pink-flowers"
3513                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3514                                              
3515                                            >
3516                                              
3517                                              <span class="menu-drawer__menu-item-text wrap-text">Pink</span>
3518                                            </a>
3519                                          </li><li
3520                                            class="menu-drawer__list-item"
3521                                            style="--menu-drawer-animation-index: 7;"
3522                                          >
3523                                            <a
3524                                              id="HeaderDrawer-flowers-shop-by-color-purple"
3525                                              href="/collections/purple-flowers"
3526                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3527                                              
3528                                            >
3529                                              
3530                                              <span class="menu-drawer__menu-item-text wrap-text">Purple</span>
3531                                            </a>
3532                                          </li><li
3533                                            class="menu-drawer__list-item"
3534                                            style="--menu-drawer-animation-index: 8;"
3535                                          >
3536                                            <a
3537                                              id="HeaderDrawer-flowers-shop-by-color-red"
3538                                              href="/collections/red-flowers"
3539                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3540                                              
3541                                            >
3542                                              
3543                                              <span class="menu-drawer__menu-item-text wrap-text">Red</span>
3544                                            </a>
3545                                          </li><li
3546                                            class="menu-drawer__list-item"
3547                                            style="--menu-drawer-animation-index: 9;"
3548                                          >
3549                                            <a
3550                                              id="HeaderDrawer-flowers-shop-by-color-yellow"
3551                                              href="/collections/yellow-flowers"
3552                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3553                                              
3554                                            >
3555                                              
3556                                              <span class="menu-drawer__menu-item-text wrap-text">Yellow</span>
3557                                            </a>
3558                                          </li><li
3559                                            class="menu-drawer__list-item"
3560                                            style="--menu-drawer-animation-index: 10;"
3561                                          >
3562                                            <a
3563                                              id="HeaderDrawer-flowers-shop-by-color-white"
3564                                              href="/collections/white-flowers"
3565                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3566                                              
3567                                            >
3568                                              
3569                                              <span class="menu-drawer__menu-item-text wrap-text">White</span>
3570                                            </a>
3571                                          </li></ul>
3572                                    </details>
3573                                  </accordion-custom>
3574                                </li></ul>
3575                        
3576                      </div>
3577                    </div>
3578                  </details></li>
3579              <li
3580                class="menu-drawer__list-item"
3581                style="--menu-drawer-animation-index: 3;"
3582              ><a
3583                    id="HeaderDrawer-plants"
3584                    href="https://burpee-com.myshopify.com/pages/plants"
3585                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
3586                    
3587                  >
3588                    <span class="menu-drawer__menu-item-text wrap-text">Plants</span>
3589                  </a></li>
3590              <li
3591                class="menu-drawer__list-item"
3592                style="--menu-drawer-animation-index: 4;"
3593              ><details
3594                    id="Details-menu-drawer-menu-item-4"
3595                    class="menu-drawer__menu-container menu-drawer__menu-container--divider"
3596                  >
3597                    <summary
3598                      id="HeaderDrawer-herbs"
3599                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
3600                      on:click="header-drawer/open/submenu"
3601                    >
3602                      <span class="menu-drawer__menu-item-text wrap-text">Herbs</span>
3603                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3604  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3605</svg>
3606</span>
3607                    </summary>
3608                    <div
3609                      id="link-herbs"
3610                      class="menu-drawer__submenu has-submenu"
3611                      tabindex="-1"
3612                      style="--menu-drawer-animation-index: 4;"
3613                    >
3614                      <div class="menu-drawer__inner-submenu">
3615                        <div class="menu-drawer__nav-buttons">
3616                          <button
3617                            class="button menu-drawer__back-button focus-inset"
3618                            aria-expanded="true"
3619                            on:click="header-drawer/back"
3620                            aria-label="Back"
3621                          >
3622                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3623  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3624</svg>
3625</span>
3626                            <span class="menu-drawer__menu-item-text wrap-text">Herbs</span>
3627                          </button>
3628                          <button
3629                            class="button button-unstyled close-button menu-drawer__close-button"
3630                            type="button"
3631                            aria-label="Close"
3632                            on:click="header-drawer/close"
3633                          >
3634                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3635  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3636  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3637</svg>
3638</span>
3639                          </button>
3640                        </div>
3641                        
3642                        <ul
3643                          class="menu-drawer__menu menu-drawer__menu--childlist"
3644                          role="list"
3645                          tabindex="-1"
3646                        >
3647                          <li
3648                              class="
3649                                menu-drawer__list-item
3650                                menu-drawer__list-item--deep menu-drawer__list-item--divider
3651                              "
3652                            >
3653                                
3654<accordion-custom >
3655                                    <details
3656                                      id="Details-menu-drawer-herbs-featured"
3657                                    >
3658                                      <summary
3659                                        id="HeaderDrawer-herbs-featured"
3660                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3661                                      >
3662                                        <span class="menu-drawer__menu-item-text wrap-text">Featured</span>
3663                                        <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3664  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3665  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3666</svg>
3667</span>
3668                                      </summary>
3669                                      
3670                                      <ul
3671                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3672                                        role="list"
3673                                        tabindex="-1"
3674                                      ><li
3675                                            class="menu-drawer__list-item"
3676                                            style="--menu-drawer-animation-index: 1;"
3677                                          >
3678                                            <a
3679                                              id="HeaderDrawer-herbs-featured-all-herbs"
3680                                              href="/collections/herbs"
3681                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3682                                              
3683                                            >
3684                                              
3685                                              <span class="menu-drawer__menu-item-text wrap-text">All Herbs</span>
3686                                            </a>
3687                                          </li><li
3688                                            class="menu-drawer__list-item"
3689                                            style="--menu-drawer-animation-index: 2;"
3690                                          >
3691                                            <a
3692                                              id="HeaderDrawer-herbs-featured-new-herbs"
3693                                              href="/collections/new-herbs"
3694                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3695                                              
3696                                            >
3697                                              
3698                                              <span class="menu-drawer__menu-item-text wrap-text">New Herbs</span>
3699                                            </a>
3700                                          </li><li
3701                                            class="menu-drawer__list-item"
3702                                            style="--menu-drawer-animation-index: 3;"
3703                                          >
3704                                            <a
3705                                              id="HeaderDrawer-herbs-featured-herb-plants"
3706                                              href="/collections/herb-plants"
3707                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3708                                              
3709                                            >
3710                                              
3711                                              <span class="menu-drawer__menu-item-text wrap-text">Herb Plants</span>
3712                                            </a>
3713                                          </li><li
3714                                            class="menu-drawer__list-item"
3715                                            style="--menu-drawer-animation-index: 4;"
3716                                          >
3717                                            <a
3718                                              id="HeaderDrawer-herbs-featured-container-herbs"
3719                                              href="/collections/container-herbs"
3720                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3721                                              
3722                                            >
3723                                              
3724                                              <span class="menu-drawer__menu-item-text wrap-text">Container Herbs</span>
3725                                            </a>
3726                                          </li><li
3727                                            class="menu-drawer__list-item"
3728                                            style="--menu-drawer-animation-index: 5;"
3729                                          >
3730                                            <a
3731                                              id="HeaderDrawer-herbs-featured-perennial-herbs"
3732                                              href="/collections/perennial-herbs"
3733                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3734                                              
3735                                            >
3736                                              
3737                                              <span class="menu-drawer__menu-item-text wrap-text">Perennial Herbs</span>
3738                                            </a>
3739                                          </li></ul>
3740                                    </details>
3741                                  </accordion-custom>
3742                                </li><li
3743                              class="
3744                                menu-drawer__list-item
3745                                menu-drawer__list-item--deep menu-drawer__list-item--divider
3746                              "
3747                            >
3748                                
3749<accordion-custom >
3750                                    <details
3751                                      id="Details-menu-drawer-herbs-popular"
3752                                    >
3753                                      <summary
3754                                        id="HeaderDrawer-herbs-popular"
3755                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3756                                      >
3757                                        <span class="menu-drawer__menu-item-text wrap-text">Popular</span>
3758                                        <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3759  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3760  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3761</svg>
3762</span>
3763                                      </summary>
3764                                      
3765                                      <ul
3766                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3767                                        role="list"
3768                                        tabindex="-1"
3769                                      ><li
3770                                            class="menu-drawer__list-item"
3771                                            style="--menu-drawer-animation-index: 1;"
3772                                          >
3773                                            <a
3774                                              id="HeaderDrawer-herbs-popular-basil"
3775                                              href="/collections/basil"
3776                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3777                                              
3778                                            >
3779                                              
3780                                              <span class="menu-drawer__menu-item-text wrap-text">Basil</span>
3781                                            </a>
3782                                          </li><li
3783                                            class="menu-drawer__list-item"
3784                                            style="--menu-drawer-animation-index: 2;"
3785                                          >
3786                                            <a
3787                                              id="HeaderDrawer-herbs-popular-bay-laurel"
3788                                              href="/collections/bay-laurel"
3789                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3790                                              
3791                                            >
3792                                              
3793                                              <span class="menu-drawer__menu-item-text wrap-text">Bay Laurel</span>
3794                                            </a>
3795                                          </li><li
3796                                            class="menu-drawer__list-item"
3797                                            style="--menu-drawer-animation-index: 3;"
3798                                          >
3799                                            <a
3800                                              id="HeaderDrawer-herbs-popular-borage"
3801                                              href="/collections/borage"
3802                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3803                                              
3804                                            >
3805                                              
3806                                              <span class="menu-drawer__menu-item-text wrap-text">Borage</span>
3807                                            </a>
3808                                          </li><li
3809                                            class="menu-drawer__list-item"
3810                                            style="--menu-drawer-animation-index: 4;"
3811                                          >
3812                                            <a
3813                                              id="HeaderDrawer-herbs-popular-catnip"
3814                                              href="/collections/catnip"
3815                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3816                                              
3817                                            >
3818                                              
3819                                              <span class="menu-drawer__menu-item-text wrap-text">Catnip</span>
3820                                            </a>
3821                                          </li><li
3822                                            class="menu-drawer__list-item"
3823                                            style="--menu-drawer-animation-index: 5;"
3824                                          >
3825                                            <a
3826                                              id="HeaderDrawer-herbs-popular-chamomile"
3827                                              href="/collections/chamomile"
3828                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3829                                              
3830                                            >
3831                                              
3832                                              <span class="menu-drawer__menu-item-text wrap-text">Chamomile</span>
3833                                            </a>
3834                                          </li><li
3835                                            class="menu-drawer__list-item"
3836                                            style="--menu-drawer-animation-index: 6;"
3837                                          >
3838                                            <a
3839                                              id="HeaderDrawer-herbs-popular-chervil"
3840                                              href="/collections/chervil"
3841                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3842                                              
3843                                            >
3844                                              
3845                                              <span class="menu-drawer__menu-item-text wrap-text">Chervil</span>
3846                                            </a>
3847                                          </li><li
3848                                            class="menu-drawer__list-item"
3849                                            style="--menu-drawer-animation-index: 7;"
3850                                          >
3851                                            <a
3852                                              id="HeaderDrawer-herbs-popular-chive"
3853                                              href="/collections/chive"
3854                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3855                                              
3856                                            >
3857                                              
3858                                              <span class="menu-drawer__menu-item-text wrap-text">Chive</span>
3859                                            </a>
3860                                          </li><li
3861                                            class="menu-drawer__list-item"
3862                                            style="--menu-drawer-animation-index: 8;"
3863                                          >
3864                                            <a
3865                                              id="HeaderDrawer-herbs-popular-cilantro"
3866                                              href="/collections/cilantro"
3867                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3868                                              
3869                                            >
3870                                              
3871                                              <span class="menu-drawer__menu-item-text wrap-text">Cilantro</span>
3872                                            </a>
3873                                          </li><li
3874                                            class="menu-drawer__list-item"
3875                                            style="--menu-drawer-animation-index: 9;"
3876                                          >
3877                                            <a
3878                                              id="HeaderDrawer-herbs-popular-dill"
3879                                              href="/collections/dill"
3880                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3881                                              
3882                                            >
3883                                              
3884                                              <span class="menu-drawer__menu-item-text wrap-text">Dill</span>
3885                                            </a>
3886                                          </li><li
3887                                            class="menu-drawer__list-item"
3888                                            style="--menu-drawer-animation-index: 10;"
3889                                          >
3890                                            <a
3891                                              id="HeaderDrawer-herbs-popular-fennel"
3892                                              href="/collections/fennel"
3893                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3894                                              
3895                                            >
3896                                              
3897                                              <span class="menu-drawer__menu-item-text wrap-text">Fennel</span>
3898                                            </a>
3899                                          </li><li
3900                                            class="menu-drawer__list-item"
3901                                            style="--menu-drawer-animation-index: 11;"
3902                                          >
3903                                            <a
3904                                              id="HeaderDrawer-herbs-popular-herb-plants"
3905                                              href="/collections/herb-plants"
3906                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3907                                              
3908                                            >
3909                                              
3910                                              <span class="menu-drawer__menu-item-text wrap-text">Herb Plants</span>
3911                                            </a>
3912                                          </li><li
3913                                            class="menu-drawer__list-item"
3914                                            style="--menu-drawer-animation-index: 12;"
3915                                          >
3916                                            <a
3917                                              id="HeaderDrawer-herbs-popular-lavender"
3918                                              href="/collections/lavender"
3919                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3920                                              
3921                                            >
3922                                              
3923                                              <span class="menu-drawer__menu-item-text wrap-text">Lavender</span>
3924                                            </a>
3925                                          </li><li
3926                                            class="menu-drawer__list-item"
3927                                            style="--menu-drawer-animation-index: 13;"
3928                                          >
3929                                            <a
3930                                              id="HeaderDrawer-herbs-popular-lemon-balm"
3931                                              href="/collections/lemon-balm"
3932                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3933                                              
3934                                            >
3935                                              
3936                                              <span class="menu-drawer__menu-item-text wrap-text">Lemon Balm</span>
3937                                            </a>
3938                                          </li><li
3939                                            class="menu-drawer__list-item"
3940                                            style="--menu-drawer-animation-index: 14;"
3941                                          >
3942                                            <a
3943                                              id="HeaderDrawer-herbs-popular-lemon-grass"
3944                                              href="/collections/lemon-grass"
3945                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3946                                              
3947                                            >
3948                                              
3949                                              <span class="menu-drawer__menu-item-text wrap-text">Lemon Grass</span>
3950                                            </a>
3951                                          </li><li
3952                                            class="menu-drawer__list-item"
3953                                            style="--menu-drawer-animation-index: 15;"
3954                                          >
3955                                            <a
3956                                              id="HeaderDrawer-herbs-popular-marjoram"
3957                                              href="/collections/marjoram"
3958                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3959                                              
3960                                            >
3961                                              
3962                                              <span class="menu-drawer__menu-item-text wrap-text">Marjoram</span>
3963                                            </a>
3964                                          </li><li
3965                                            class="menu-drawer__list-item"
3966                                            style="--menu-drawer-animation-index: 16;"
3967                                          >
3968                                            <a
3969                                              id="HeaderDrawer-herbs-popular-mint"
3970                                              href="/collections/mint"
3971                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3972                                              
3973                                            >
3974                                              
3975                                              <span class="menu-drawer__menu-item-text wrap-text">Mint</span>
3976                                            </a>
3977                                          </li><li
3978                                            class="menu-drawer__list-item"
3979                                            style="--menu-drawer-animation-index: 17;"
3980                                          >
3981                                            <a
3982                                              id="HeaderDrawer-herbs-popular-oregano"
3983                                              href="/collections/oregano"
3984                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3985                                              
3986                                            >
3987                                              
3988                                              <span class="menu-drawer__menu-item-text wrap-text">Oregano</span>
3989                                            </a>
3990                                          </li><li
3991                                            class="menu-drawer__list-item"
3992                                            style="--menu-drawer-animation-index: 18;"
3993                                          >
3994                                            <a
3995                                              id="HeaderDrawer-herbs-popular-thyme"
3996                                              href="/collections/thyme"
3997                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3998                                              
3999                                            >
4000                                              
4001                                              <span class="menu-drawer__menu-item-text wrap-text">Thyme</span>
4002                                            </a>
4003                                          </li><li
4004                                            class="menu-drawer__list-item"
4005                                            style="--menu-drawer-animation-index: 19;"
4006                                          >
4007                                            <a
4008                                              id="HeaderDrawer-herbs-popular-parsley"
4009                                              href="/collections/parsley"
4010                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4011                                              
4012                                            >
4013                                              
4014                                              <span class="menu-drawer__menu-item-text wrap-text">Parsley</span>
4015                                            </a>
4016                                          </li><li
4017                                            class="menu-drawer__list-item"
4018                                            style="--menu-drawer-animation-index: 20;"
4019                                          >
4020                                            <a
4021                                              id="HeaderDrawer-herbs-popular-rosemary"
4022                                              href="/collections/rosemary"
4023                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4024                                              
4025                                            >
4026                                              
4027                                              <span class="menu-drawer__menu-item-text wrap-text">Rosemary</span>
4028                                            </a>
4029                                          </li><li
4030                                            class="menu-drawer__list-item"
4031                                            style="--menu-drawer-animation-index: 21;"
4032                                          >
4033                                            <a
4034                                              id="HeaderDrawer-herbs-popular-sage"
4035                                              href="/collections/sage"
4036                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4037                                              
4038                                            >
4039                                              
4040                                              <span class="menu-drawer__menu-item-text wrap-text">Sage</span>
4041                                            </a>
4042                                          </li><li
4043                                            class="menu-drawer__list-item"
4044                                            style="--menu-drawer-animation-index: 22;"
4045                                          >
4046                                            <a
4047                                              id="HeaderDrawer-herbs-popular-stevia"
4048                                              href="/collections/stevia"
4049                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4050                                              
4051                                            >
4052                                              
4053                                              <span class="menu-drawer__menu-item-text wrap-text">Stevia</span>
4054                                            </a>
4055                                          </li></ul>
4056                                    </details>
4057                                  </accordion-custom>
4058                                </li></ul>
4059                        
4060                      </div>
4061                    </div>
4062                  </details></li>
4063              <li
4064                class="menu-drawer__list-item"
4065                style="--menu-drawer-animation-index: 5;"
4066              ><details
4067                    id="Details-menu-drawer-menu-item-5"
4068                    class="menu-drawer__menu-container menu-drawer__menu-container--divider"
4069                  >
4070                    <summary
4071                      id="HeaderDrawer-fruits"
4072                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
4073                      on:click="header-drawer/open/submenu"
4074                    >
4075                      <span class="menu-drawer__menu-item-text wrap-text">Fruits</span>
4076                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4077  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4078</svg>
4079</span>
4080                    </summary>
4081                    <div
4082                      id="link-fruits"
4083                      class="menu-drawer__submenu has-submenu"
4084                      tabindex="-1"
4085                      style="--menu-drawer-animation-index: 5;"
4086                    >
4087                      <div class="menu-drawer__inner-submenu">
4088                        <div class="menu-drawer__nav-buttons">
4089                          <button
4090                            class="button menu-drawer__back-button focus-inset"
4091                            aria-expanded="true"
4092                            on:click="header-drawer/back"
4093                            aria-label="Back"
4094                          >
4095                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4096  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4097</svg>
4098</span>
4099                            <span class="menu-drawer__menu-item-text wrap-text">Fruits</span>
4100                          </button>
4101                          <button
4102                            class="button button-unstyled close-button menu-drawer__close-button"
4103                            type="button"
4104                            aria-label="Close"
4105                            on:click="header-drawer/close"
4106                          >
4107                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4108  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4109  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4110</svg>
4111</span>
4112                          </button>
4113                        </div>
4114                        
4115                        <ul
4116                          class="menu-drawer__menu menu-drawer__menu--childlist"
4117                          role="list"
4118                          tabindex="-1"
4119                        >
4120                          <li
4121                              class="
4122                                menu-drawer__list-item
4123                                menu-drawer__list-item--deep menu-drawer__list-item--divider
4124                              "
4125                            >
4126                                
4127<accordion-custom >
4128                                    <details
4129                                      id="Details-menu-drawer-fruits-featured"
4130                                    >
4131                                      <summary
4132                                        id="HeaderDrawer-fruits-featured"
4133                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4134                                      >
4135                                        <span class="menu-drawer__menu-item-text wrap-text">Featured</span>
4136                                        <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4137  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4138  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4139</svg>
4140</span>
4141                                      </summary>
4142                                      
4143                                      <ul
4144                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
4145                                        role="list"
4146                                        tabindex="-1"
4147                                      ><li
4148                                            class="menu-drawer__list-item"
4149                                            style="--menu-drawer-animation-index: 1;"
4150                                          >
4151                                            <a
4152                                              id="HeaderDrawer-fruits-featured-all-fruit"
4153                                              href="https://burpee-com.myshopify.com/collections/fruit"
4154                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4155                                              
4156                                            >
4157                                              
4158                                              <span class="menu-drawer__menu-item-text wrap-text">All Fruit</span>
4159                                            </a>
4160                                          </li><li
4161                                            class="menu-drawer__list-item"
4162                                            style="--menu-drawer-animation-index: 2;"
4163                                          >
4164                                            <a
4165                                              id="HeaderDrawer-fruits-featured-new-fruit"
4166                                              href="/collections/new-fruit"
4167                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4168                                              
4169                                            >
4170                                              
4171                                              <span class="menu-drawer__menu-item-text wrap-text">New Fruit</span>
4172                                            </a>
4173                                          </li><li
4174                                            class="menu-drawer__list-item"
4175                                            style="--menu-drawer-animation-index: 3;"
4176                                          >
4177                                            <a
4178                                              id="HeaderDrawer-fruits-featured-container-fruit"
4179                                              href="/collections/container-fruits"
4180                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4181                                              
4182                                            >
4183                                              
4184                                              <span class="menu-drawer__menu-item-text wrap-text">Container Fruit</span>
4185                                            </a>
4186                                          </li><li
4187                                            class="menu-drawer__list-item"
4188                                            style="--menu-drawer-animation-index: 4;"
4189                                          >
4190                                            <a
4191                                              id="HeaderDrawer-fruits-featured-fruit-berry-plants"
4192                                              href="/collections/fruit-and-berry-plants"
4193                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4194                                              
4195                                            >
4196                                              
4197                                              <span class="menu-drawer__menu-item-text wrap-text">Fruit &amp; Berry Plants</span>
4198                                            </a>
4199                                          </li></ul>
4200                                    </details>
4201                                  </accordion-custom>
4202                                </li><li
4203                              class="
4204                                menu-drawer__list-item
4205                                menu-drawer__list-item--deep menu-drawer__list-item--divider
4206                              "
4207                            >
4208                                
4209<accordion-custom >
4210                                    <details
4211                                      id="Details-menu-drawer-fruits-popular"
4212                                    >
4213                                      <summary
4214                                        id="HeaderDrawer-fruits-popular"
4215                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4216                                      >
4217                                        <span class="menu-drawer__menu-item-text wrap-text">Popular</span>
4218                                        <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4219  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4220  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4221</svg>
4222</span>
4223                                      </summary>
4224                                      
4225                                      <ul
4226                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
4227                                        role="list"
4228                                        tabindex="-1"
4229                                      ><li
4230                                            class="menu-drawer__list-item"
4231                                            style="--menu-drawer-animation-index: 1;"
4232                                          >
4233                                            <a
4234                                              id="HeaderDrawer-fruits-popular-blackberries"
4235                                              href="/collections/blackberry-plants"
4236                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4237                                              
4238                                            >
4239                                              
4240                                              <span class="menu-drawer__menu-item-text wrap-text">Blackberries</span>
4241                                            </a>
4242                                          </li><li
4243                                            class="menu-drawer__list-item"
4244                                            style="--menu-drawer-animation-index: 2;"
4245                                          >
4246                                            <a
4247                                              id="HeaderDrawer-fruits-popular-blueberries"
4248                                              href="/collections/blueberry-plants"
4249                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4250                                              
4251                                            >
4252                                              
4253                                              <span class="menu-drawer__menu-item-text wrap-text">Blueberries</span>
4254                                            </a>
4255                                          </li><li
4256                                            class="menu-drawer__list-item"
4257                                            style="--menu-drawer-animation-index: 3;"
4258                                          >
4259                                            <a
4260                                              id="HeaderDrawer-fruits-popular-currant"
4261                                              href="/collections/currant"
4262                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4263                                              
4264                                            >
4265                                              
4266                                              <span class="menu-drawer__menu-item-text wrap-text">Currant</span>
4267                                            </a>
4268                                          </li><li
4269                                            class="menu-drawer__list-item"
4270                                            style="--menu-drawer-animation-index: 4;"
4271                                          >
4272                                            <a
4273                                              id="HeaderDrawer-fruits-popular-figs"
4274                                              href="/collections/figs"
4275                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4276                                              
4277                                            >
4278                                              
4279                                              <span class="menu-drawer__menu-item-text wrap-text">Figs</span>
4280                                            </a>
4281                                          </li><li
4282                                            class="menu-drawer__list-item"
4283                                            style="--menu-drawer-animation-index: 5;"
4284                                          >
4285                                            <a
4286                                              id="HeaderDrawer-fruits-popular-fruit-trees"
4287                                              href="/collections/fruit-trees"
4288                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4289                                              
4290                                            >
4291                                              
4292                                              <span class="menu-drawer__menu-item-text wrap-text">Fruit Trees</span>
4293                                            </a>
4294                                          </li><li
4295                                            class="menu-drawer__list-item"
4296                                            style="--menu-drawer-animation-index: 6;"
4297                                          >
4298                                            <a
4299                                              id="HeaderDrawer-fruits-popular-grapes"
4300                                              href="/collections/grapes"
4301                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4302                                              
4303                                            >
4304                                              
4305                                              <span class="menu-drawer__menu-item-text wrap-text">Grapes</span>
4306                                            </a>
4307                                          </li><li
4308                                            class="menu-drawer__list-item"
4309                                            style="--menu-drawer-animation-index: 7;"
4310                                          >
4311                                            <a
4312                                              id="HeaderDrawer-fruits-popular-honeydew"
4313                                              href="/collections/honeydew"
4314                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4315                                              
4316                                            >
4317                                              
4318                                              <span class="menu-drawer__menu-item-text wrap-text">Honeydew</span>
4319                                            </a>
4320                                          </li><li
4321                                            class="menu-drawer__list-item"
4322                                            style="--menu-drawer-animation-index: 8;"
4323                                          >
4324                                            <a
4325                                              id="HeaderDrawer-fruits-popular-hops"
4326                                              href="/collections/hops"
4327                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4328                                              
4329                                            >
4330                                              
4331                                              <span class="menu-drawer__menu-item-text wrap-text">Hops</span>
4332                                            </a>
4333                                          </li><li
4334                                            class="menu-drawer__list-item"
4335                                            style="--menu-drawer-animation-index: 9;"
4336                                          >
4337                                            <a
4338                                              id="HeaderDrawer-fruits-popular-raspberries"
4339                                              href="/collections/raspberry-plants"
4340                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4341                                              
4342                                            >
4343                                              
4344                                              <span class="menu-drawer__menu-item-text wrap-text">Raspberries</span>
4345                                            </a>
4346                                          </li><li
4347                                            class="menu-drawer__list-item"
4348                                            style="--menu-drawer-animation-index: 10;"
4349                                          >
4350                                            <a
4351                                              id="HeaderDrawer-fruits-popular-specialty-fruits"
4352                                              href="/collections/specialty-fruits"
4353                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4354                                              
4355                                            >
4356                                              
4357                                              <span class="menu-drawer__menu-item-text wrap-text">Specialty Fruits</span>
4358                                            </a>
4359                                          </li><li
4360                                            class="menu-drawer__list-item"
4361                                            style="--menu-drawer-animation-index: 11;"
4362                                          >
4363                                            <a
4364                                              id="HeaderDrawer-fruits-popular-strawberries"
4365                                              href="/collections/strawberry-plants"
4366                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4367                                              
4368                                            >
4369                                              
4370                                              <span class="menu-drawer__menu-item-text wrap-text">Strawberries</span>
4371                                            </a>
4372                                          </li><li
4373                                            class="menu-drawer__list-item"
4374                                            style="--menu-drawer-animation-index: 12;"
4375                                          >
4376                                            <a
4377                                              id="HeaderDrawer-fruits-popular-watermelon"
4378                                              href="/collections/watermelon"
4379                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4380                                              
4381                                            >
4382                                              
4383                                              <span class="menu-drawer__menu-item-text wrap-text">Watermelon</span>
4384                                            </a>
4385                                          </li></ul>
4386                                    </details>
4387                                  </accordion-custom>
4388                                </li></ul>
4389                        
4390                      </div>
4391                    </div>
4392                  </details></li>
4393              <li
4394                class="menu-drawer__list-item"
4395                style="--menu-drawer-animation-index: 6;"
4396              ><details
4397                    id="Details-menu-drawer-menu-item-6"
4398                    class="menu-drawer__menu-container menu-drawer__menu-container--divider"
4399                  >
4400                    <summary
4401                      id="HeaderDrawer-perennials"
4402                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
4403                      on:click="header-drawer/open/submenu"
4404                    >
4405                      <span class="menu-drawer__menu-item-text wrap-text">Perennials</span>
4406                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4407  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4408</svg>
4409</span>
4410                    </summary>
4411                    <div
4412                      id="link-perennials"
4413                      class="menu-drawer__submenu has-submenu"
4414                      tabindex="-1"
4415                      style="--menu-drawer-animation-index: 6;"
4416                    >
4417                      <div class="menu-drawer__inner-submenu">
4418                        <div class="menu-drawer__nav-buttons">
4419                          <button
4420                            class="button menu-drawer__back-button focus-inset"
4421                            aria-expanded="true"
4422                            on:click="header-drawer/back"
4423                            aria-label="Back"
4424                          >
4425                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4426  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4427</svg>
4428</span>
4429                            <span class="menu-drawer__menu-item-text wrap-text">Perennials</span>
4430                          </button>
4431                          <button
4432                            class="button button-unstyled close-button menu-drawer__close-button"
4433                            type="button"
4434                            aria-label="Close"
4435                            on:click="header-drawer/close"
4436                          >
4437                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4438  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4439  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4440</svg>
4441</span>
4442                          </button>
4443                        </div>
4444                        
4445                        <ul
4446                          class="menu-drawer__menu menu-drawer__menu--childlist"
4447                          role="list"
4448                          tabindex="-1"
4449                        >
4450                          <li
4451                              class="
4452                                menu-drawer__list-item
4453                                menu-drawer__list-item--deep menu-drawer__list-item--divider
4454                              "
4455                            >
4456                                
4457<accordion-custom >
4458                                    <details
4459                                      id="Details-menu-drawer-perennials-featured"
4460                                    >
4461                                      <summary
4462                                        id="HeaderDrawer-perennials-featured"
4463                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4464                                      >
4465                                        <span class="menu-drawer__menu-item-text wrap-text">Featured</span>
4466                                        <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4467  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4468  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4469</svg>
4470</span>
4471                                      </summary>
4472                                      
4473                                      <ul
4474                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
4475                                        role="list"
4476                                        tabindex="-1"
4477                                      ><li
4478                                            class="menu-drawer__list-item"
4479                                            style="--menu-drawer-animation-index: 1;"
4480                                          >
4481                                            <a
4482                                              id="HeaderDrawer-perennials-featured-all-perennials"
4483                                              href="/collections/perennials"
4484                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4485                                              
4486                                            >
4487                                              
4488                                              <span class="menu-drawer__menu-item-text wrap-text">All Perennials</span>
4489                                            </a>
4490                                          </li><li
4491                                            class="menu-drawer__list-item"
4492                                            style="--menu-drawer-animation-index: 2;"
4493                                          >
4494                                            <a
4495                                              id="HeaderDrawer-perennials-featured-new-perennials"
4496                                              href="/collections/new-perennials"
4497                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4498                                              
4499                                            >
4500                                              
4501                                              <span class="menu-drawer__menu-item-text wrap-text">New Perennials</span>
4502                                            </a>
4503                                          </li><li
4504                                            class="menu-drawer__list-item"
4505                                            style="--menu-drawer-animation-index: 3;"
4506                                          >
4507                                            <a
4508                                              id="HeaderDrawer-perennials-featured-container-perennials"
4509                                              href="/collections/container-perennials"
4510                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4511                                              
4512                                            >
4513                                              
4514                                              <span class="menu-drawer__menu-item-text wrap-text">Container Perennials</span>
4515                                            </a>
4516                                          </li><li
4517                                            class="menu-drawer__list-item"
4518                                            style="--menu-drawer-animation-index: 4;"
4519                                          >
4520                                            <a
4521                                              id="HeaderDrawer-perennials-featured-deer-resistant-perennials"
4522                                              href="/collections/deer-resistant-perennials"
4523                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4524                                              
4525                                            >
4526                                              
4527                                              <span class="menu-drawer__menu-item-text wrap-text">Deer-Resistant Perennials</span>
4528                                            </a>
4529                                          </li><li
4530                                            class="menu-drawer__list-item"
4531                                            style="--menu-drawer-animation-index: 5;"
4532                                          >
4533                                            <a
4534                                              id="HeaderDrawer-perennials-featured-drought-resistant-perennials"
4535                                              href="/collections/drought-resistant-perennials"
4536                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4537                                              
4538                                            >
4539                                              
4540                                              <span class="menu-drawer__menu-item-text wrap-text">Drought Resistant Perennials</span>
4541                                            </a>
4542                                          </li><li
4543                                            class="menu-drawer__list-item"
4544                                            style="--menu-drawer-animation-index: 6;"
4545                                          >
4546                                            <a
4547                                              id="HeaderDrawer-perennials-featured-easy-to-grow-perennials"
4548                                              href="/collections/easy-to-grow-perennials"
4549                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4550                                              
4551                                            >
4552                                              
4553                                              <span class="menu-drawer__menu-item-text wrap-text">Easy to Grow Perennials</span>
4554                                            </a>
4555                                          </li><li
4556                                            class="menu-drawer__list-item"
4557                                            style="--menu-drawer-animation-index: 7;"
4558                                          >
4559                                            <a
4560                                              id="HeaderDrawer-perennials-featured-full-sun-perennials"
4561                                              href="/collections/full-sun-perennials"
4562                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4563                                              
4564                                            >
4565                                              
4566                                              <span class="menu-drawer__menu-item-text wrap-text">Full Sun Perennials</span>
4567                                            </a>
4568                                          </li><li
4569                                            class="menu-drawer__list-item"
4570                                            style="--menu-drawer-animation-index: 8;"
4571                                          >
4572                                            <a
4573                                              id="HeaderDrawer-perennials-featured-perennial-plants"
4574                                              href="/collections/perennial-plants"
4575                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4576                                              
4577                                            >
4578                                              
4579                                              <span class="menu-drawer__menu-item-text wrap-text">Perennial Plants</span>
4580                                            </a>
4581                                          </li></ul>
4582                                    </details>
4583                                  </accordion-custom>
4584                                </li><li
4585                              class="
4586                                menu-drawer__list-item
4587                                menu-drawer__list-item--deep menu-drawer__list-item--divider
4588                              "
4589                            >
4590                                
4591<accordion-custom >
4592                                    <details
4593                                      id="Details-menu-drawer-perennials-popular"
4594                                    >
4595                                      <summary
4596                                        id="HeaderDrawer-perennials-popular"
4597                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4598                                      >
4599                                        <span class="menu-drawer__menu-item-text wrap-text">Popular</span>
4600                                        <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4601  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4602  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4603</svg>
4604</span>
4605                                      </summary>
4606                                      
4607                                      <ul
4608                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
4609                                        role="list"
4610                                        tabindex="-1"
4611                                      ><li
4612                                            class="menu-drawer__list-item"
4613                                            style="--menu-drawer-animation-index: 1;"
4614                                          >
4615                                            <a
4616                                              id="HeaderDrawer-perennials-popular-alliums"
4617                                              href="/collections/alliums"
4618                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4619                                              
4620                                            >
4621                                              
4622                                              <span class="menu-drawer__menu-item-text wrap-text">Alliums</span>
4623                                            </a>
4624                                          </li><li
4625                                            class="menu-drawer__list-item"
4626                                            style="--menu-drawer-animation-index: 2;"
4627                                          >
4628                                            <a
4629                                              id="HeaderDrawer-perennials-popular-butterfly-bush"
4630                                              href="/collections/butterfly-bush"
4631                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4632                                              
4633                                            >
4634                                              
4635                                              <span class="menu-drawer__menu-item-text wrap-text">Butterfly Bush</span>
4636                                            </a>
4637                                          </li><li
4638                                            class="menu-drawer__list-item"
4639                                            style="--menu-drawer-animation-index: 3;"
4640                                          >
4641                                            <a
4642                                              id="HeaderDrawer-perennials-popular-clematis"
4643                                              href="/collections/clematis"
4644                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4645                                              
4646                                            >
4647                                              
4648                                              <span class="menu-drawer__menu-item-text wrap-text">Clematis</span>
4649                                            </a>
4650                                          </li><li
4651                                            class="menu-drawer__list-item"
4652                                            style="--menu-drawer-animation-index: 4;"
4653                                          >
4654                                            <a
4655                                              id="HeaderDrawer-perennials-popular-columbine"
4656                                              href="/collections/columbine"
4657                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4658                                              
4659                                            >
4660                                              
4661                                              <span class="menu-drawer__menu-item-text wrap-text">Columbine</span>
4662                                            </a>
4663                                          </li><li
4664                                            class="menu-drawer__list-item"
4665                                            style="--menu-drawer-animation-index: 5;"
4666                                          >
4667                                            <a
4668                                              id="HeaderDrawer-perennials-popular-daffodil-bulbs"
4669                                              href="/collections/daffodil-bulbs"
4670                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4671                                              
4672                                            >
4673                                              
4674                                              <span class="menu-drawer__menu-item-text wrap-text">Daffodil Bulbs</span>
4675                                            </a>
4676                                          </li><li
4677                                            class="menu-drawer__list-item"
4678                                            style="--menu-drawer-animation-index: 6;"
4679                                          >
4680                                            <a
4681                                              id="HeaderDrawer-perennials-popular-daisies"
4682                                              href="/collections/daisies"
4683                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4684                                              
4685                                            >
4686                                              
4687                                              <span class="menu-drawer__menu-item-text wrap-text">Daisies</span>
4688                                            </a>
4689                                          </li><li
4690                                            class="menu-drawer__list-item"
4691                                            style="--menu-drawer-animation-index: 7;"
4692                                          >
4693                                            <a
4694                                              id="HeaderDrawer-perennials-popular-daylilies"
4695                                              href="/collections/daylilies"
4696                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4697                                              
4698                                            >
4699                                              
4700                                              <span class="menu-drawer__menu-item-text wrap-text">Daylilies</span>
4701                                            </a>
4702                                          </li><li
4703                                            class="menu-drawer__list-item"
4704                                            style="--menu-drawer-animation-index: 8;"
4705                                          >
4706                                            <a
4707                                              id="HeaderDrawer-perennials-popular-echinacea"
4708                                              href="/collections/echinacea"
4709                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4710                                              
4711                                            >
4712                                              
4713                                              <span class="menu-drawer__menu-item-text wrap-text">Echinacea</span>
4714                                            </a>
4715                                          </li><li
4716                                            class="menu-drawer__list-item"
4717                                            style="--menu-drawer-animation-index: 9;"
4718                                          >
4719                                            <a
4720                                              id="HeaderDrawer-perennials-popular-ferns"
4721                                              href="/collections/ferns"
4722                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4723                                              
4724                                            >
4725                                              
4726                                              <span class="menu-drawer__menu-item-text wrap-text">Ferns</span>
4727                                            </a>
4728                                          </li><li
4729                                            class="menu-drawer__list-item"
4730                                            style="--menu-drawer-animation-index: 10;"
4731                                          >
4732                                            <a
4733                                              id="HeaderDrawer-perennials-popular-hellebores"
4734                                              href="/collections/hellebores"
4735                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4736                                              
4737                                            >
4738                                              
4739                                              <span class="menu-drawer__menu-item-text wrap-text">Hellebores</span>
4740                                            </a>
4741                                          </li><li
4742                                            class="menu-drawer__list-item"
4743                                            style="--menu-drawer-animation-index: 11;"
4744                                          >
4745                                            <a
4746                                              id="HeaderDrawer-perennials-popular-hostas"
4747                                              href="/collections/hostas"
4748                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4749                                              
4750                                            >
4751                                              
4752                                              <span class="menu-drawer__menu-item-text wrap-text">Hostas</span>
4753                                            </a>
4754                                          </li><li
4755                                            class="menu-drawer__list-item"
4756                                            style="--menu-drawer-animation-index: 12;"
4757                                          >
4758                                            <a
4759                                              id="HeaderDrawer-perennials-popular-hibiscus"
4760                                              href="/collections/hibiscus"
4761                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4762                                              
4763                                            >
4764                                              
4765                                              <span class="menu-drawer__menu-item-text wrap-text">Hibiscus</span>
4766                                            </a>
4767                                          </li><li
4768                                            class="menu-drawer__list-item"
4769                                            style="--menu-drawer-animation-index: 13;"
4770                                          >
4771                                            <a
4772                                              id="HeaderDrawer-perennials-popular-hydrangeas"
4773                                              href="/collections/hydrangeas"
4774                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4775                                              
4776                                            >
4777                                              
4778                                              <span class="menu-drawer__menu-item-text wrap-text">Hydrangeas</span>
4779                                            </a>
4780                                          </li><li
4781                                            class="menu-drawer__list-item"
4782                                            style="--menu-drawer-animation-index: 14;"
4783                                          >
4784                                            <a
4785                                              id="HeaderDrawer-perennials-popular-iris"
4786                                              href="/collections/iris"
4787                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4788                                              
4789                                            >
4790                                              
4791                                              <span class="menu-drawer__menu-item-text wrap-text">Iris</span>
4792                                            </a>
4793                                          </li><li
4794                                            class="menu-drawer__list-item"
4795                                            style="--menu-drawer-animation-index: 15;"
4796                                          >
4797                                            <a
4798                                              id="HeaderDrawer-perennials-popular-lavenders"
4799                                              href="/collections/lavenders"
4800                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4801                                              
4802                                            >
4803                                              
4804                                              <span class="menu-drawer__menu-item-text wrap-text">Lavenders</span>
4805                                            </a>
4806                                          </li><li
4807                                            class="menu-drawer__list-item"
4808                                            style="--menu-drawer-animation-index: 16;"
4809                                          >
4810                                            <a
4811                                              id="HeaderDrawer-perennials-popular-lilies"
4812                                              href="/collections/lilies"
4813                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4814                                              
4815                                            >
4816                                              
4817                                              <span class="menu-drawer__menu-item-text wrap-text">Lilies</span>
4818                                            </a>
4819                                          </li><li
4820                                            class="menu-drawer__list-item"
4821                                            style="--menu-drawer-animation-index: 17;"
4822                                          >
4823                                            <a
4824                                              id="HeaderDrawer-perennials-popular-monarda"
4825                                              href="/collections/monarda"
4826                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4827                                              
4828                                            >
4829                                              
4830                                              <span class="menu-drawer__menu-item-text wrap-text">Monarda</span>
4831                                            </a>
4832                                          </li><li
4833                                            class="menu-drawer__list-item"
4834                                            style="--menu-drawer-animation-index: 18;"
4835                                          >
4836                                            <a
4837                                              id="HeaderDrawer-perennials-popular-peony"
4838                                              href="/collections/peony"
4839                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4840                                              
4841                                            >
4842                                              
4843                                              <span class="menu-drawer__menu-item-text wrap-text">Peony</span>
4844                                            </a>
4845                                          </li><li
4846                                            class="menu-drawer__list-item"
4847                                            style="--menu-drawer-animation-index: 19;"
4848                                          >
4849                                            <a
4850                                              id="HeaderDrawer-perennials-popular-phlox"
4851                                              href="/collections/phlox"
4852                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4853                                              
4854                                            >
4855                                              
4856                                              <span class="menu-drawer__menu-item-text wrap-text">Phlox</span>
4857                                            </a>
4858                                          </li><li
4859                                            class="menu-drawer__list-item"
4860                                            style="--menu-drawer-animation-index: 20;"
4861                                          >
4862                                            <a
4863                                              id="HeaderDrawer-perennials-popular-poppy"
4864                                              href="/collections/poppy"
4865                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4866                                              
4867                                            >
4868                                              
4869                                              <span class="menu-drawer__menu-item-text wrap-text">Poppy</span>
4870                                            </a>
4871                                          </li><li
4872                                            class="menu-drawer__list-item"
4873                                            style="--menu-drawer-animation-index: 21;"
4874                                          >
4875                                            <a
4876                                              id="HeaderDrawer-perennials-popular-roses"
4877                                              href="/collections/roses"
4878                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4879                                              
4880                                            >
4881                                              
4882                                              <span class="menu-drawer__menu-item-text wrap-text">Roses</span>
4883                                            </a>
4884                                          </li><li
4885                                            class="menu-drawer__list-item"
4886                                            style="--menu-drawer-animation-index: 22;"
4887                                          >
4888                                            <a
4889                                              id="HeaderDrawer-perennials-popular-tulip-bulbs"
4890                                              href="/collections/tulip-bulbs"
4891                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4892                                              
4893                                            >
4894                                              
4895                                              <span class="menu-drawer__menu-item-text wrap-text">Tulip Bulbs</span>
4896                                            </a>
4897                                          </li></ul>
4898                                    </details>
4899                                  </accordion-custom>
4900                                </li></ul>
4901                        
4902                      </div>
4903                    </div>
4904                  </details></li>
4905              <li
4906                class="menu-drawer__list-item"
4907                style="--menu-drawer-animation-index: 7;"
4908              ><details
4909                    id="Details-menu-drawer-menu-item-7"
4910                    class="menu-drawer__menu-container menu-drawer__menu-container--divider"
4911                  >
4912                    <summary
4913                      id="HeaderDrawer-supplies"
4914                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset menu-drawer__menu-item--active"
4915                      on:click="header-drawer/open/submenu"
4916                    >
4917                      <span class="menu-drawer__menu-item-text wrap-text">Supplies</span>
4918                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4919  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4920</svg>
4921</span>
4922                    </summary>
4923                    <div
4924                      id="link-supplies"
4925                      class="menu-drawer__submenu has-submenu"
4926                      tabindex="-1"
4927                      style="--menu-drawer-animation-index: 7;"
4928                    >
4929                      <div class="menu-drawer__inner-submenu">
4930                        <div class="menu-drawer__nav-buttons">
4931                          <button
4932                            class="button menu-drawer__back-button focus-inset"
4933                            aria-expanded="true"
4934                            on:click="header-drawer/back"
4935                            aria-label="Back"
4936                          >
4937                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4938  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4939</svg>
4940</span>
4941                            <span class="menu-drawer__menu-item-text wrap-text">Supplies</span>
4942                          </button>
4943                          <button
4944                            class="button button-unstyled close-button menu-drawer__close-button"
4945                            type="button"
4946                            aria-label="Close"
4947                            on:click="header-drawer/close"
4948                          >
4949                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4950  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4951  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4952</svg>
4953</span>
4954                          </button>
4955                        </div>
4956                        
4957                        <ul
4958                          class="menu-drawer__menu menu-drawer__menu--childlist"
4959                          role="list"
4960                          tabindex="-1"
4961                        >
4962                          <li
4963                              class="
4964                                menu-drawer__list-item
4965                                menu-drawer__list-item--deep menu-drawer__list-item--divider
4966                              "
4967                            >
4968                                
4969<accordion-custom >
4970                                    <details
4971                                      id="Details-menu-drawer-supplies-featured"
4972                                    >
4973                                      <summary
4974                                        id="HeaderDrawer-supplies-featured"
4975                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4976                                      >
4977                                        <span class="menu-drawer__menu-item-text wrap-text">Featured</span>
4978                                        <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4979  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4980  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4981</svg>
4982</span>
4983                                      </summary>
4984                                      
4985                                      <ul
4986                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
4987                                        role="list"
4988                                        tabindex="-1"
4989                                      ><li
4990                                            class="menu-drawer__list-item"
4991                                            style="--menu-drawer-animation-index: 1;"
4992                                          >
4993                                            <a
4994                                              id="HeaderDrawer-supplies-featured-all-supplies"
4995                                              href="/collections/gardening-supplies"
4996                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4997                                              
4998                                            >
4999                                              
5000                                              <span class="menu-drawer__menu-item-text wrap-text">All Supplies</span>
5001                                            </a>
5002                                          </li><li
5003                                            class="menu-drawer__list-item"
5004                                            style="--menu-drawer-animation-index: 2;"
5005                                          >
5006                                            <a
5007                                              id="HeaderDrawer-supplies-featured-new-supplies"
5008                                              href="/collections/new-gardening-supplies"
5009                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5010                                              
5011                                            >
5012                                              
5013                                              <span class="menu-drawer__menu-item-text wrap-text">New Supplies</span>
5014                                            </a>
5015                                          </li><li
5016                                            class="menu-drawer__list-item"
5017                                            style="--menu-drawer-animation-index: 3;"
5018                                          >
5019                                            <a
5020                                              id="HeaderDrawer-supplies-featured-made-in-the-usa"
5021                                              href="/collections/made-in-the-usa"
5022                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5023                                              
5024                                            >
5025                                              
5026                                              <span class="menu-drawer__menu-item-text wrap-text">Made in the USA</span>
5027                                            </a>
5028                                          </li></ul>
5029                                    </details>
5030                                  </accordion-custom>
5031                                </li><li
5032                              class="
5033                                menu-drawer__list-item
5034                                menu-drawer__list-item--deep menu-drawer__list-item--divider
5035                              "
5036                            >
5037                                
5038<accordion-custom >
5039                                    <details
5040                                      id="Details-menu-drawer-supplies-popular"
5041                                    >
5042                                      <summary
5043                                        id="HeaderDrawer-supplies-popular"
5044                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5045                                      >
5046                                        <span class="menu-drawer__menu-item-text wrap-text">Popular</span>
5047                                        <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5048  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5049  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5050</svg>
5051</span>
5052                                      </summary>
5053                                      
5054                                      <ul
5055                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
5056                                        role="list"
5057                                        tabindex="-1"
5058                                      ><li
5059                                            class="menu-drawer__list-item"
5060                                            style="--menu-drawer-animation-index: 1;"
5061                                          >
5062                                            <a
5063                                              id="HeaderDrawer-supplies-popular-cages-supports"
5064                                              href="/collections/cages-supports"
5065                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5066                                              
5067                                            >
5068                                              
5069                                              <span class="menu-drawer__menu-item-text wrap-text">Cages &amp; Supports</span>
5070                                            </a>
5071                                          </li><li
5072                                            class="menu-drawer__list-item"
5073                                            style="--menu-drawer-animation-index: 2;"
5074                                          >
5075                                            <a
5076                                              id="HeaderDrawer-supplies-popular-composters"
5077                                              href="/collections/composting-and-mulching"
5078                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5079                                              
5080                                            >
5081                                              
5082                                              <span class="menu-drawer__menu-item-text wrap-text">Composters</span>
5083                                            </a>
5084                                          </li><li
5085                                            class="menu-drawer__list-item"
5086                                            style="--menu-drawer-animation-index: 3;"
5087                                          >
5088                                            <a
5089                                              id="HeaderDrawer-supplies-popular-containers-raised-beds"
5090                                              href="/collections/containers-raised-beds"
5091                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5092                                              
5093                                            >
5094                                              
5095                                              <span class="menu-drawer__menu-item-text wrap-text">Containers &amp; Raised Beds</span>
5096                                            </a>
5097                                          </li><li
5098                                            class="menu-drawer__list-item"
5099                                            style="--menu-drawer-animation-index: 4;"
5100                                          >
5101                                            <a
5102                                              id="HeaderDrawer-supplies-popular-fertilizers-soil"
5103                                              href="/collections/fertilizers-soil"
5104                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5105                                              
5106                                            >
5107                                              
5108                                              <span class="menu-drawer__menu-item-text wrap-text">Fertilizers &amp; Soil</span>
5109                                            </a>
5110                                          </li><li
5111                                            class="menu-drawer__list-item"
5112                                            style="--menu-drawer-animation-index: 5;"
5113                                          >
5114                                            <a
5115                                              id="HeaderDrawer-supplies-popular-frost-protection"
5116                                              href="/collections/frost-protection"
5117                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5118                                              
5119                                            >
5120                                              
5121                                              <span class="menu-drawer__menu-item-text wrap-text">Frost Protection</span>
5122                                            </a>
5123                                          </li><li
5124                                            class="menu-drawer__list-item"
5125                                            style="--menu-drawer-animation-index: 6;"
5126                                          >
5127                                            <a
5128                                              id="HeaderDrawer-supplies-popular-garden-accessories"
5129                                              href="https://burpee-com.myshopify.com/collections/garden-accessory"
5130                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5131                                              
5132                                            >
5133                                              
5134                                              <span class="menu-drawer__menu-item-text wrap-text">Garden Accessories</span>
5135                                            </a>
5136                                          </li><li
5137                                            class="menu-drawer__list-item"
5138                                            style="--menu-drawer-animation-index: 7;"
5139                                          >
5140                                            <a
5141                                              id="HeaderDrawer-supplies-popular-gifts-gift-cards"
5142                                              href="/collections/gifts"
5143                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5144                                              
5145                                            >
5146                                              
5147                                              <span class="menu-drawer__menu-item-text wrap-text">Gifts &amp; Gift Cards</span>
5148                                            </a>
5149                                          </li><li
5150                                            class="menu-drawer__list-item"
5151                                            style="--menu-drawer-animation-index: 8;"
5152                                          >
5153                                            <a
5154                                              id="HeaderDrawer-supplies-popular-greenhouses-cold-frames"
5155                                              href="/collections/greenhouses-cold-frames"
5156                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5157                                              
5158                                            >
5159                                              
5160                                              <span class="menu-drawer__menu-item-text wrap-text">Greenhouses &amp; Cold Frames</span>
5161                                            </a>
5162                                          </li><li
5163                                            class="menu-drawer__list-item"
5164                                            style="--menu-drawer-animation-index: 9;"
5165                                          >
5166                                            <a
5167                                              id="HeaderDrawer-supplies-popular-grow-lights"
5168                                              href="/collections/grow-lights"
5169                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5170                                              
5171                                            >
5172                                              
5173                                              <span class="menu-drawer__menu-item-text wrap-text">Grow Lights</span>
5174                                            </a>
5175                                          </li><li
5176                                            class="menu-drawer__list-item"
5177                                            style="--menu-drawer-animation-index: 10;"
5178                                          >
5179                                            <a
5180                                              id="HeaderDrawer-supplies-popular-seed-starting"
5181                                              href="/collections/seed-starting"
5182                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5183                                              
5184                                            >
5185                                              
5186                                              <span class="menu-drawer__menu-item-text wrap-text">Seed Starting</span>
5187                                            </a>
5188                                          </li><li
5189                                            class="menu-drawer__list-item"
5190                                            style="--menu-drawer-animation-index: 11;"
5191                                          >
5192                                            <a
5193                                              id="HeaderDrawer-supplies-popular-tools-totes-gloves"
5194                                              href="/collections/tools-totes-gloves"
5195                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5196                                              
5197                                            >
5198                                              
5199                                              <span class="menu-drawer__menu-item-text wrap-text">Tools, Totes &amp; Gloves</span>
5200                                            </a>
5201                                          </li><li
5202                                            class="menu-drawer__list-item"
5203                                            style="--menu-drawer-animation-index: 12;"
5204                                          >
5205                                            <a
5206                                              id="HeaderDrawer-supplies-popular-watering-products"
5207                                              href="/collections/watering-products"
5208                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--active"
5209                                              
5210                                                aria-current="page"
5211                                              
5212                                            >
5213                                              
5214                                              <span class="menu-drawer__menu-item-text wrap-text">Watering Products</span>
5215                                            </a>
5216                                          </li><li
5217                                            class="menu-drawer__list-item"
5218                                            style="--menu-drawer-animation-index: 13;"
5219                                          >
5220                                            <a
5221                                              id="HeaderDrawer-supplies-popular-weed-pest-control"
5222                                              href="/collections/weed-pest-control"
5223                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5224                                              
5225                                            >
5226                                              
5227                                              <span class="menu-drawer__menu-item-text wrap-text">Weed &amp; Pest Control</span>
5228                                            </a>
5229                                          </li><li
5230                                            class="menu-drawer__list-item"
5231                                            style="--menu-drawer-animation-index: 14;"
5232                                          >
5233                                            <a
5234                                              id="HeaderDrawer-supplies-popular-winter-holiday"
5235                                              href="/collections/winter-holiday"
5236                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5237                                              
5238                                            >
5239                                              
5240                                              <span class="menu-drawer__menu-item-text wrap-text">Winter &amp; Holiday</span>
5241                                            </a>
5242                                          </li><li
5243                                            class="menu-drawer__list-item"
5244                                            style="--menu-drawer-animation-index: 15;"
5245                                          >
5246                                            <a
5247                                              id="HeaderDrawer-supplies-popular-wildflowers"
5248                                              href="/collections/wildflowers"
5249                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5250                                              
5251                                            >
5252                                              
5253                                              <span class="menu-drawer__menu-item-text wrap-text">Wildflowers</span>
5254                                            </a>
5255                                          </li></ul>
5256                                    </details>
5257                                  </accordion-custom>
5258                                </li></ul>
5259                        
5260                      </div>
5261                    </div>
5262                  </details></li>
5263              <li
5264                class="menu-drawer__list-item"
5265                style="--menu-drawer-animation-index: 8;"
5266              ><a
5267                    id="HeaderDrawer-farmers-market"
5268                    href="/pages/farmers-market"
5269                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
5270                    
5271                  >
5272                    <span class="menu-drawer__menu-item-text wrap-text">Farmers Market</span>
5273                  </a></li>
5274        </ul>
5275      </nav>
5276
5277      
5278      
5279      <div
5280        class="menu-drawer__utility-links"
5281      >
5282      
5283
5284        
5285        
5286        <support-options>
5287          <a href="/pages/shipping-information">Shipping Schedule</a>
5288          <a href="https://support.burpee.com/support/home">Customer Support</a>
5289        </support-options>
5290        
5291
5292        
5293        </div>
5294
5295      
5296    </div>
5297    <div
5298      class="menu-drawer__backdrop"
5299      on:click="header-drawer/close"
5300    ></div>
5301  </details>
5302</header-drawer>
5303
5304
5305
5306    </div>
5307
5308  
5309
5310<style data-shopify>
5311  .header__underlay {
5312    --color-submenu: rgb(255 255 255 / 1.0);
5313  }
5314</style>
5315
5316
5317
5318
5319            
5320        
5321      
5322        
5323          
5324              
5325  <search-button
5326    class="search-action search-action--hidden-on-menu"
5327  >
5328    <button
5329      on:click="#search-modal/showDialog"
5330      class="button-unstyled header-actions__action"
5331      aria-label="Search"
5332      aria-haspopup="dialog"
5333    >
5334      
5335      
5336      <div class="bp-search-desktop">
5337        <span class="bp-search-box_text">Search seeds, plants, and supplies</span>
5338        <span class="bp-search-box_icon-container svg-wrapper " >
5339        <svg 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>
5340
5341        </span>
5342      </div>
5343      <span class="bp-search-mobile svg-wrapper ">
5344        <svg 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>
5345
5346      </span>
5347      
5348    </button> 
5349
5350    <span class="hidden">
5351        Search
5352    </span>
5353  
5354  </search-button>
5355
5356
5357
5358
5359            
5360        
5361      
5362        
5363          
5364              
5365  <search-button
5366    class="search-action search-action--hidden-on-drawer"
5367  >
5368    <button
5369      on:click="#search-modal/showDialog"
5370      class="button-unstyled header-actions__action"
5371      aria-label="Search"
5372      aria-haspopup="dialog"
5373    >
5374      
5375      
5376      <div class="bp-search-desktop">
5377        <span class="bp-search-box_text">Search seeds, plants, and supplies</span>
5378        <span class="bp-search-box_icon-container svg-wrapper " >
5379        <svg 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>
5380
5381        </span>
5382      </div>
5383      <span class="bp-search-mobile svg-wrapper ">
5384        <svg 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>
5385
5386      </span>
5387      
5388    </button> 
5389
5390    <span class="hidden">
5391        Search
5392    </span>
5393  
5394  </search-button>
5395
5396
5397
5398
5399            
5400        
5401      
5402    </div><div
5403      class="header__column header__column--center"
5404      data-testid="header-top-center"
5405    >
5406      
5407        
5408          
5409              
5410
5411
5412<a
5413  
5414  href="/"
5415  class="size-style spacing-style header-logo"
5416  style="
5417    --size-style-width: ;--size-style-height: ;
5418    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5419    --font-family: var(--font-body--family);
5420    --font-style: var(--font-body--style);
5421    --font-weight: 600;
5422  "
5423  
5424>
5425  
5426
5427  <span
5428    class="header-logo__image-container header-logo__image-container--original"
5429    data-testid="header-logo"
5430  >
5431    
5432  
5433  
5434  
5435
5436  
5437
5438  
5439
5440  
5441
5442  <img src="//www.burpee.com/cdn/shop/files/burpee-logo.svg?height=96&amp;v=1767203976" alt="" width="224" height="96" class="header-logo__image" srcset="//www.burpee.com/cdn/shop/files/burpee-logo.svg?height=96&amp;v=1767203976 1x, //www.burpee.com/cdn/shop/files/burpee-logo.svg?height=192&amp;v=1767203976 2x, //www.burpee.com/cdn/shop/files/burpee-logo.svg?height=288&amp;v=1767203976 3x" style="--header-logo-image-width: 225px;--header-logo-image-width-mobile: 140px; --header-logo-image-height: 96px; --header-logo-image-height-mobile: 60px;">
5443
5444
5445  </span>
5446
5447  
5448</a>
5449
5450
5451
5452
5453
5454            
5455        
5456      
5457    </div><div
5458      class="header__column header__column--right"
5459      data-testid="header-top-right"
5460    >
5461      
5462        
5463          
5464              
5465  
5466  
5467
5468            
5469        
5470      
5471        
5472          
5473              
5473<script
5474  type="module"
5475  src="//www.burpee.com/cdn/shop/t/5/assets/cart-icon.js?v=157241182139685326961782933462"
5476  fetchpriority="low"
5477></script>
5477
5478
5479
5480
5481<support-options class="hidden--mobile">
5482  <a href="/pages/shipping-information">Shipping Schedule</a>
5483  <a href="https://support.burpee.com/support/home">Customer Support</a>
5484</support-options>
5485
5486
5487
5488
5489
5490
5491<header-actions
5492  
5493>
5494  
5495    
5496    <div
5497      class="account-button header-actions__action color-scheme-1"
5498    >
5499      <shopify-store store-domain="https://www.burpee.com" country="US" language="en"></shopify-store>
5500<shopify-account
5501        menu="customer-account-main-menu"
5502        
5503      >
5504        
5505          <span
5506            slot="signed-out-avatar"
5507            class="account-button__text header-actions__text-style hidden"
5508          >
5509            Account
5510          </span>
5511
5512          <span
5513            slot="signed-out-avatar"
5514            class=""
5515            aria-hidden="true"
5516          >
5517            
5518  <svg
5519    xmlns="http://www.w3.org/2000/svg"
5520    width="15" 
5521    height="17"
5522    viewBox="0 0 15 17"
5523    fill="none"
5524    slot="signed-out-avatar"
5525    class="account-button__icon"
5526  >
5527    <path
5528      stroke="currentColor"
5529      stroke-linejoin="round"
5530      stroke-width="var(--icon-stroke-width)"
5531      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"
5532    />
5533  </svg>
5534
5535          </span>
5536        
5537      </shopify-account>
5538    </div>
5539  
5540
5541  
5542    
5542<script
5543      src="//www.burpee.com/cdn/shop/t/5/assets/cart-drawer.js?v=34004441742206350331782933461"
5544      type="module"
5545      fetchpriority="low"
5546    ></script>
5546
5547
5548    
5549
5550    <cart-drawer-component
5551      class="cart-drawer"
5552      
5553      
5554        auto-open
5555      
5556    >
5557      <template id="empty-cart-template">
5558        
5559      <div class="cart-drawer__header">
5560        <button
5561          ref="closeButton"
5562          on:click="cart-drawer-component/close"
5563          class="button close-button cart-drawer__close-button button-unstyled"
5564          aria-label="Close dialog"
5565        >
5566          <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5567  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5568  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5569</svg>
5570</span>
5571        </button>
5572      </div>
5573
5574      <div
5575        class="cart-drawer__content"
5576        aria-label="Cart"
5577      >
5578        <h2
5579          class="cart-drawer__heading h4 cart-drawer__heading--empty"
5580          id="cart-drawer-heading-empty"
5581        >
5582          Your cart is empty
5583        </h2>
5584
5585        <div class="cart-drawer__items">
5586          
5587
5588
5589
5590<script
5591  src="//www.burpee.com/cdn/shop/t/5/assets/component-cart-items.js?v=172247314393653415321786989808"
5592  type="module"
5593  fetchpriority="low"
5594></script>
vendor: 1 bytes, line 5594
5594
5595<script
5596  src="//www.burpee.com/cdn/shop/t/5/assets/component-cart-quantity-selector.js?v=105130809908858639751782933464"
5597  type="module"
5598  fetchpriority="low"
5599></script>
vendor: 1 bytes, line 5599
5599
5600<script
5601  src="//www.burpee.com/cdn/shop/t/5/assets/volume-pricing-info.js?v=94479640769665442661782933463"
5602  type="module"
5603  fetchpriority="low"
5604></script>
5604
5605
5606<script type="module" src="//www.burpee.com/cdn/shop/t/5/assets/bp-cart-location.js?v=133489400858949529801785181138"></script>
5606
5607
5608
5609<div
5610  
5611  class="cart-items__wrapper"
5612  
5613>
5614  
5615<p>
5616        Have an account? <a href="https://www.burpee.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
5617      </p><a
5618      class="button cart-items__empty-button"
5619      href="/collections/all"
5620    >
5621      <span class="button-text">
5622        Continue shopping
5623      </span>
5624    </a></div>
5625
5626
5627
5628        </div>
5629      </div>
5630    
5631      </template>
5632      <button
5633        class="header-actions__action button-unstyled"
5634        on:click="/open"
5635        aria-haspopup="dialog"
5636        aria-label="Cart"
5637        aria-describedby="cart-bubble-text"
5638        data-testid="cart-drawer-trigger"
5639      >
5640        
5641  <cart-icon
5642    class="header-actions__cart-icon"
5643    data-testid="cart-icon"
5644  >
5645    <span class="hidden">
5646      Cart
5647    </span>
5648
5649    <span
5650      class="svg-wrapper "
5651      aria-hidden="true"
5652    >
5653      <svg 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>
5654
5655    </span>
5656
5657    <div
5658  ref="cartBubble"
5659  class="cart-bubble visually-hidden"
5660  
5661  
5662    data-maintain-ratio
5663  
5664>
5665  <span class="cart-bubble__background"></span>
5666  <span
5667    ref="cartBubbleText"
5668    id="cart-bubble-text"
5669    class="cart-bubble__text"
5670    
5671      role="status"
5672    
5673  >
5674    <span class="visually-hidden">Total items in cart: 0
5675    </span>
5676    <span
5677      class="cart-bubble__text-count hidden"
5678      ref="cartBubbleCount"
5679      aria-hidden="true"
5680      data-testid="cart-bubble"
5681    >
56820</span>
5683  </span>
5684</div>
5685
5686  </cart-icon>
5687
5688      </button>
5689
5690      <dialog
5691        ref="dialog"
5692        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
5693        data-testid="cart-drawer-dialog"
5694        aria-labelledby="cart-drawer-heading-empty"
5695        scroll-lock
5696        cart-summary-sticky="true"
5697      >
5698        <div
5699          class="cart-drawer__inner"
5700          data-hydration-key="cart-drawer-inner"
5701        >
5702          <cart-items-component
5703            class="cart-items-component"
5704            data-drawer
5705            data-section-id="sections--27379201703970__header_section"
5706          >
5707      <div class="cart-drawer__header">
5708        <button
5709          ref="closeButton"
5710          on:click="cart-drawer-component/close"
5711          class="button close-button cart-drawer__close-button button-unstyled"
5712          aria-label="Close dialog"
5713        >
5714          <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5715  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5716  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5717</svg>
5718</span>
5719        </button>
5720      </div>
5721
5722      <div
5723        class="cart-drawer__content"
5724        aria-label="Cart"
5725      >
5726        <h2
5727          class="cart-drawer__heading h4 cart-drawer__heading--empty"
5728          id="cart-drawer-heading-empty"
5729        >
5730          Your cart is empty
5731        </h2>
5732
5733        <div class="cart-drawer__items">
5734          
5735
5736
5737
5738<script
5739  src="//www.burpee.com/cdn/shop/t/5/assets/component-cart-items.js?v=172247314393653415321786989808"
5740  type="module"
5741  fetchpriority="low"
5742></script>
vendor: 1 bytes, line 5742
5742
5743<script
5744  src="//www.burpee.com/cdn/shop/t/5/assets/component-cart-quantity-selector.js?v=105130809908858639751782933464"
5745  type="module"
5746  fetchpriority="low"
5747></script>
vendor: 1 bytes, line 5747
5747
5748<script
5749  src="//www.burpee.com/cdn/shop/t/5/assets/volume-pricing-info.js?v=94479640769665442661782933463"
5750  type="module"
5751  fetchpriority="low"
5752></script>
5752
5753
5754<script type="module" src="//www.burpee.com/cdn/shop/t/5/assets/bp-cart-location.js?v=133489400858949529801785181138"></script>
5754
5755
5756
5757<div
5758  
5759  class="cart-items__wrapper"
5760  
5761>
5762  
5763<p>
5764        Have an account? <a href="https://www.burpee.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
5765      </p><a
5766      class="button cart-items__empty-button"
5767      href="/collections/all"
5768    >
5769      <span class="button-text">
5770        Continue shopping
5771      </span>
5772    </a></div>
5773
5774
5775
5776        </div>
5777      </div>
5778    
5779</cart-items-component>
5780        </div>
5781      </dialog>
5782    </cart-drawer-component>
5783  
5784</header-actions>
5785
5786
5787
5788          
5789        
5790      
5791    </div>
5792        </div>
5793      </div>
5794    
5795  
5796    
5797
5798    
5799
5800    
5801    
5802      <div
5803        class="header__row header__row--bottom color-scheme-1 section section--full-width-margin section--page-width mobile:hidden"
5804        ref="headerRowTop"style="--border-bottom-width: 0px;">
5805        <div class="header__columns spacing-style">
5806          <div
5807      class="header__column header__column--center"
5808      data-testid="header-bottom-center"
5809    >
5810      
5811        
5812          
5813              
5814
5815
5816    
5817
5818    
5819
5820    <header-menu
5821      ref="headerMenu"
5822      class="header-menu"
5823      
5824      data-hydration-key="header-menu"
5825    >
5826      <div class="header-menu__inner">
5827        <nav
5828          class="menu-list"
5829          aria-label="Primary"
5830          style="--menu-top-level-font-family: var(--font-body--family);
5831--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
5832
5833  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
5834  var(--menu-font-sm--line-height);
5835
5836--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
5837"
5838        >
5839          
5840          <overflow-list
5841  
5842    ref="overflowMenu"
5843  
5844  
5845    class="overflow-menu color-scheme-matches-parent"
5846  
5847  
5848    minimum-items="2"
5849  
5850  
5851    data-testid="header-menu-overflow-list"
5852  
5853  
5854    data-skip-node-update
5855  
5856>
5857  <template shadowrootmode="open">
5858    <link href="//www.burpee.com/cdn/shop/t/5/assets/overflow-list.css?v=13500019909476584571782933464" rel="stylesheet" type="text/css" media="all" />
5859
5860    <ul part="list">
5861      <slot></slot>
5862      <slot
5863        name="more"
5864        part="more"
5865        hidden
5866        
5867      >
5868        <li
5869          part="more"
5870        >
5871          <button
5872            class="button"
5873            type="button"
5874            tabindex="0"
5875          >
5876            More
5877          </button>
5878        </li>
5879      </slot>
5880      <li
5881        part="placeholder"
5882        hidden
5883      ></li>
5884    </ul>
5885
5886    <div part="overflow">
5887      <ul part="overflow-list">
5888        <slot name="overflow"></slot>
5889      </ul>
5890    </div>
5891  </template>
5892
5893  
5894      
5895        <li
5896          role="presentation"
5897          class="menu-list__list-item"
5898          on:focus="/activate"
5899          on:blur="/deactivate"
5900          on:pointerenter="/activate"
5901          on:pointerleave="/deactivate"
5902        >
5903          <a
5904            href="/collections/vegetables"
5905            data-skip-node-update="true"
5906            class="menu-list__link"aria-controls="submenu-1"
5907              aria-haspopup="true"
5908              aria-expanded="false"
5909            ref="menuitem"
5910          >
5911            <span class="menu-list__link-title">Vegetables</span>
5912          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
5913              <div
5914                id="submenu-1"
5915                class="menu-list__submenu-inner"
5916                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
5917var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
5918none;
5919
5920    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
5921    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
5922    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
5923  
5924--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
5925var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
5926none;
5927
5928    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
5929    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
5930    var(--opacity-subdued-text));
5931  
5932"
5933              >
5934                
5935                <div class="mega-menu section section--full-width-margin section--page-width">
5936                  <div
5937                    class="mega-menu__grid"
5938                    data-menu-grid-id="MegaMenuList-1"
5939                  >
5940                    
5941<ul
5942  data-menu-list-id="MegaMenuList-1"
5943  class="mega-menu__list list-unstyled"
5944  style="--menu-image-border-radius: 0px;"
5945>
5946  
5947    <li class="mega-menu__column mega-menu__column--span-1">
5948    <div>
5949      <a
5950        href="/collections/vegetables"
5951        class="mega-menu__link mega-menu__link--parent"
5952      >
5953        
5954        <span class="wrap-text">Featured</span>
5955      </a>
5956      
5957        
5958        
5959        
5960        
5961        <ul
5962          class="list-unstyled "
5963          
5964            style="column-count: 1;"
5965          
5966        >
5967          
5968            
5969            <li
5970              
5971            >
5972              <a
5973                href="/collections/vegetables"
5974                class="mega-menu__link"
5975              >
5976                <span class="wrap-text">All Vegetables</span>
5977              </a>
5978            </li>
5979          
5980            
5981            <li
5982              
5983            >
5984              <a
5985                href="/collections/new-vegetables"
5986                class="mega-menu__link"
5987              >
5988                <span class="wrap-text">New Vegetables</span>
5989              </a>
5990            </li>
5991          
5992            
5993            <li
5994              
5995            >
5996              <a
5997                href="/collections/garden-ready-plants"
5998                class="mega-menu__link"
5999              >
6000                <span class="wrap-text">Vegetable Plants</span>
6001              </a>
6002            </li>
6003          
6004            
6005            <li
6006              
6007            >
6008              <a
6009                href="/collections/container-friendly-vegetables"
6010                class="mega-menu__link"
6011              >
6012                <span class="wrap-text">Container-Friendly</span>
6013              </a>
6014            </li>
6015          
6016            
6017            <li
6018              
6019            >
6020              <a
6021                href="/collections/early-spring-vegetables"
6022                class="mega-menu__link"
6023              >
6024                <span class="wrap-text">Early Spring Vegetables</span>
6025              </a>
6026            </li>
6027          
6028            
6029            <li
6030              
6031            >
6032              <a
6033                href="/collections/direct-sow-vegetable-seeds"
6034                class="mega-menu__link"
6035              >
6036                <span class="wrap-text">Direct Sow</span>
6037              </a>
6038            </li>
6039          
6040            
6041            <li
6042              
6043            >
6044              <a
6045                href="/collections/all-organic-vegetables"
6046                class="mega-menu__link"
6047              >
6048                <span class="wrap-text">Organic</span>
6049              </a>
6050            </li>
6051          
6052            
6053            <li
6054              
6055            >
6056              <a
6057                href="/collections/heirloom-vegetables"
6058                class="mega-menu__link"
6059              >
6060                <span class="wrap-text">Heirlooms</span>
6061              </a>
6062            </li>
6063          
6064        </ul>
6065      
6066    </div>
6067
6068    </li>
6069  
6070    <li class="mega-menu__column mega-menu__column--span-4">
6071    <div>
6072      <a
6073        href="/collections/vegetables"
6074        class="mega-menu__link mega-menu__link--parent"
6075      >
6076        
6077        <span class="wrap-text">Popular</span>
6078      </a>
6079      
6080        
6081        
6082        
6083        
6084        <ul
6085          class="list-unstyled mega-menu__list--popular"
6086          
6087            style="column-count: 4;"
6088          
6089        >
6090          
6091            
6092            <li
6093              
6094            >
6095              <a
6096                href="/collections/arugula"
6097                class="mega-menu__link"
6098              >
6099                <span class="wrap-text">Arugula</span>
6100              </a>
6101            </li>
6102          
6103            
6104            <li
6105              
6106            >
6107              <a
6108                href="/collections/asparagus"
6109                class="mega-menu__link"
6110              >
6111                <span class="wrap-text">Asparagus</span>
6112              </a>
6113            </li>
6114          
6115            
6116            <li
6117              
6118            >
6119              <a
6120                href="/collections/beans"
6121                class="mega-menu__link"
6122              >
6123                <span class="wrap-text">Beans</span>
6124              </a>
6125            </li>
6126          
6127            
6128            <li
6129              
6130            >
6131              <a
6132                href="/collections/beets"
6133                class="mega-menu__link"
6134              >
6135                <span class="wrap-text">Beets</span>
6136              </a>
6137            </li>
6138          
6139            
6140            <li
6141              
6142            >
6143              <a
6144                href="/collections/brassicas"
6145                class="mega-menu__link"
6146              >
6147                <span class="wrap-text">Brassicas</span>
6148              </a>
6149            </li>
6150          
6151            
6152            <li
6153              
6154            >
6155              <a
6156                href="/collections/broccoli"
6157                class="mega-menu__link"
6158              >
6159                <span class="wrap-text">Broccoli</span>
6160              </a>
6161            </li>
6162          
6163            
6164            <li
6165              
6166            >
6167              <a
6168                href="/collections/brussels-sprouts"
6169                class="mega-menu__link"
6170              >
6171                <span class="wrap-text">Brussels Sprouts</span>
6172              </a>
6173            </li>
6174          
6175            
6176            <li
6177              
6178            >
6179              <a
6180                href="/collections/cabbages"
6181                class="mega-menu__link"
6182              >
6183                <span class="wrap-text">Cabbages</span>
6184              </a>
6185            </li>
6186          
6187            
6188            <li
6189              
6190            >
6191              <a
6192                href="/collections/cantaloupe"
6193                class="mega-menu__link"
6194              >
6195                <span class="wrap-text">Cantaloupe</span>
6196              </a>
6197            </li>
6198          
6199            
6200            <li
6201              
6202            >
6203              <a
6204                href="/collections/corn"
6205                class="mega-menu__link"
6206              >
6207                <span class="wrap-text">Corn</span>
6208              </a>
6209            </li>
6210          
6211            
6212            <li
6213              
6214            >
6215              <a
6216                href="/collections/cucumbers"
6217                class="mega-menu__link"
6218              >
6219                <span class="wrap-text">Cucumbers</span>
6220              </a>
6221            </li>
6222          
6223            
6224            <li
6225              
6226            >
6227              <a
6228                href="/collections/eggplants"
6229                class="mega-menu__link"
6230              >
6231                <span class="wrap-text">Eggplants</span>
6232              </a>
6233            </li>
6234          
6235            
6236            <li
6237              
6238            >
6239              <a
6240                href="/collections/garlic"
6241                class="mega-menu__link"
6242              >
6243                <span class="wrap-text">Garlic</span>
6244              </a>
6245            </li>
6246          
6247            
6248            <li
6249              
6250            >
6251              <a
6252                href="/collections/gourds"
6253                class="mega-menu__link"
6254              >
6255                <span class="wrap-text">Gourds</span>
6256              </a>
6257            </li>
6258          
6259            
6260            <li
6261              
6262            >
6263              <a
6264                href="/collections/kale"
6265                class="mega-menu__link"
6266              >
6267                <span class="wrap-text">Kale</span>
6268              </a>
6269            </li>
6270          
6271            
6272            <li
6273              
6274            >
6275              <a
6276                href="/collections/lettuce"
6277                class="mega-menu__link"
6278              >
6279                <span class="wrap-text">Lettuce</span>
6280              </a>
6281            </li>
6282          
6283            
6284            <li
6285              
6286            >
6287              <a
6288                href="/collections/melon"
6289                class="mega-menu__link"
6290              >
6291                <span class="wrap-text">Melon</span>
6292              </a>
6293            </li>
6294          
6295            
6296            <li
6297              
6298            >
6299              <a
6300                href="/collections/mustard"
6301                class="mega-menu__link"
6302              >
6303                <span class="wrap-text">Mustard</span>
6304              </a>
6305            </li>
6306          
6307            
6308            <li
6309              
6310            >
6311              <a
6312                href="/collections/okra"
6313                class="mega-menu__link"
6314              >
6315                <span class="wrap-text">Okra</span>
6316              </a>
6317            </li>
6318          
6319            
6320            <li
6321              
6322            >
6323              <a
6324                href="/collections/onions"
6325                class="mega-menu__link"
6326              >
6327                <span class="wrap-text">Onions</span>
6328              </a>
6329            </li>
6330          
6331            
6332            <li
6333              
6334            >
6335              <a
6336                href="/collections/peas"
6337                class="mega-menu__link"
6338              >
6339                <span class="wrap-text">Peas</span>
6340              </a>
6341            </li>
6342          
6343            
6344            <li
6345              
6346            >
6347              <a
6348                href="/collections/peppers"
6349                class="mega-menu__link"
6350              >
6351                <span class="wrap-text">Peppers</span>
6352              </a>
6353            </li>
6354          
6355            
6356            <li
6357              
6358            >
6359              <a
6360                href="/collections/potatoes"
6361                class="mega-menu__link"
6362              >
6363                <span class="wrap-text">Potatoes</span>
6364              </a>
6365            </li>
6366          
6367            
6368            <li
6369              
6370            >
6371              <a
6372                href="/collections/pumpkins"
6373                class="mega-menu__link"
6374              >
6375                <span class="wrap-text">Pumpkins</span>
6376              </a>
6377            </li>
6378          
6379            
6380            <li
6381              
6382            >
6383              <a
6384                href="/collections/radish"
6385                class="mega-menu__link"
6386              >
6387                <span class="wrap-text">Radish</span>
6388              </a>
6389            </li>
6390          
6391            
6392            <li
6393              
6394            >
6395              <a
6396                href="/collections/salad-greens"
6397                class="mega-menu__link"
6398              >
6399                <span class="wrap-text">Salad Greens</span>
6400              </a>
6401            </li>
6402          
6403            
6404            <li
6405              
6406            >
6407              <a
6408                href="/collections/shallots"
6409                class="mega-menu__link"
6410              >
6411                <span class="wrap-text">Shallots</span>
6412              </a>
6413            </li>
6414          
6415            
6416            <li
6417              
6418            >
6419              <a
6420                href="/collections/spinach"
6421                class="mega-menu__link"
6422              >
6423                <span class="wrap-text">Spinach</span>
6424              </a>
6425            </li>
6426          
6427            
6428            <li
6429              
6430            >
6431              <a
6432                href="/collections/squash"
6433                class="mega-menu__link"
6434              >
6435                <span class="wrap-text">Squash</span>
6436              </a>
6437            </li>
6438          
6439            
6440            <li
6441              
6442            >
6443              <a
6444                href="/collections/sweet-potatoes"
6445                class="mega-menu__link"
6446              >
6447                <span class="wrap-text">Sweet Potatoes</span>
6448              </a>
6449            </li>
6450          
6451            
6452            <li
6453              
6454            >
6455              <a
6456                href="/collections/swiss-chard"
6457                class="mega-menu__link"
6458              >
6459                <span class="wrap-text">Swiss Chard</span>
6460              </a>
6461            </li>
6462          
6463            
6464            <li
6465              
6466            >
6467              <a
6468                href="/collections/tomatoes"
6469                class="mega-menu__link"
6470              >
6471                <span class="wrap-text">Tomatoes</span>
6472              </a>
6473            </li>
6474          
6475            
6476            <li
6477              
6478            >
6479              <a
6480                href="/collections/turnips"
6481                class="mega-menu__link"
6482              >
6483                <span class="wrap-text">Turnips</span>
6484              </a>
6485            </li>
6486          
6487            
6488            <li
6489              
6490            >
6491              <a
6492                href="/collections/watermelon"
6493                class="mega-menu__link"
6494              >
6495                <span class="wrap-text">Watermelon</span>
6496              </a>
6497            </li>
6498          
6499        </ul>
6500      
6501    </div>
6502
6503    </li>
6504  
6505</ul>
6506
6507
6508
6509<style data-shopify>
6510  [data-menu-grid-id="MegaMenuList-1"] {
6511    
6512      --menu-columns-desktop: 6;
6513      --menu-columns-tablet: 4;
6514    
6515  }
6516
6517  [data-menu-list-id="MegaMenuList-1"] {
6518    
6519      --menu-columns-desktop: 6;
6520      --menu-columns-tablet: 4;
6521    
6522  }
6523</style>
6524
6525
6526
6527                  </div>
6528                </div>
6529              </div>
6530            </div></li>
6531      
6532        <li
6533          role="presentation"
6534          class="menu-list__list-item"
6535          on:focus="/activate"
6536          on:blur="/deactivate"
6537          on:pointerenter="/activate"
6538          on:pointerleave="/deactivate"
6539        >
6540          <a
6541            href="/collections/flowers"
6542            data-skip-node-update="true"
6543            class="menu-list__link"aria-controls="submenu-2"
6544              aria-haspopup="true"
6545              aria-expanded="false"
6546            ref="menuitem"
6547          >
6548            <span class="menu-list__link-title">Flowers</span>
6549          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
6550              <div
6551                id="submenu-2"
6552                class="menu-list__submenu-inner"
6553                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
6554var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
6555none;
6556
6557    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
6558    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
6559    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
6560  
6561--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
6562var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
6563none;
6564
6565    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
6566    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
6567    var(--opacity-subdued-text));
6568  
6569"
6570              >
6571                
6572                <div class="mega-menu section section--full-width-margin section--page-width">
6573                  <div
6574                    class="mega-menu__grid"
6575                    data-menu-grid-id="MegaMenuList-2"
6576                  >
6577                    
6578<ul
6579  data-menu-list-id="MegaMenuList-2"
6580  class="mega-menu__list list-unstyled"
6581  style="--menu-image-border-radius: 0px;"
6582>
6583  
6584    <li class="mega-menu__column mega-menu__column--span-1">
6585    <div>
6586      <a
6587        href="/collections/flowers"
6588        class="mega-menu__link mega-menu__link--parent"
6589      >
6590        
6591        <span class="wrap-text">Featured</span>
6592      </a>
6593      
6594        
6595        
6596        
6597        
6598        <ul
6599          class="list-unstyled "
6600          
6601            style="column-count: 1;"
6602          
6603        >
6604          
6605            
6606            <li
6607              
6608            >
6609              <a
6610                href="/collections/flowers"
6611                class="mega-menu__link"
6612              >
6613                <span class="wrap-text">All Flowers</span>
6614              </a>
6615            </li>
6616          
6617            
6618            <li
6619              
6620            >
6621              <a
6622                href="/collections/new-flowers"
6623                class="mega-menu__link"
6624              >
6625                <span class="wrap-text">New Flowers</span>
6626              </a>
6627            </li>
6628          
6629            
6630            <li
6631              
6632            >
6633              <a
6634                href="/collections/garden-ready-flowers"
6635                class="mega-menu__link"
6636              >
6637                <span class="wrap-text">Flower Plants</span>
6638              </a>
6639            </li>
6640          
6641            
6642            <li
6643              
6644            >
6645              <a
6646                href="/collections/bedding-flowers"
6647                class="mega-menu__link"
6648              >
6649                <span class="wrap-text">Bedding Flowers</span>
6650              </a>
6651            </li>
6652          
6653            
6654            <li
6655              
6656            >
6657              <a
6658                href="/collections/container-annuals"
6659                class="mega-menu__link"
6660              >
6661                <span class="wrap-text">Container Flowers</span>
6662              </a>
6663            </li>
6664          
6665            
6666            <li
6667              
6668            >
6669              <a
6670                href="/collections/direct-sow-flowers"
6671                class="mega-menu__link"
6672              >
6673                <span class="wrap-text">Direct Sow Flowers</span>
6674              </a>
6675            </li>
6676          
6677            
6678            <li
6679              
6680            >
6681              <a
6682                href="/collections/flowers-for-cutting"
6683                class="mega-menu__link"
6684              >
6685                <span class="wrap-text">Flowers for Cutting</span>
6686              </a>
6687            </li>
6688          
6689            
6690            <li
6691              
6692            >
6693              <a
6694                href="/collections/pollinator-favorites"
6695                class="mega-menu__link"
6696              >
6697                <span class="wrap-text">Pollinator Favorites</span>
6698              </a>
6699            </li>
6700          
6701        </ul>
6702      
6703    </div>
6704
6705    </li>
6706  
6707    <li class="mega-menu__column mega-menu__column--span-4">
6708    <div>
6709      <a
6710        href="/collections/flowers"
6711        class="mega-menu__link mega-menu__link--parent"
6712      >
6713        
6714        <span class="wrap-text">Popular</span>
6715      </a>
6716      
6717        
6718        
6719        
6720        
6721        <ul
6722          class="list-unstyled mega-menu__list--popular"
6723          
6724            style="column-count: 4;"
6725          
6726        >
6727          
6728            
6729            <li
6730              
6731            >
6732              <a
6733                href="/collections/alyssum"
6734                class="mega-menu__link"
6735              >
6736                <span class="wrap-text">Alyssum</span>
6737              </a>
6738            </li>
6739          
6740            
6741            <li
6742              
6743            >
6744              <a
6745                href="/collections/amaryllis"
6746                class="mega-menu__link"
6747              >
6748                <span class="wrap-text">Amaryllis</span>
6749              </a>
6750            </li>
6751          
6752            
6753            <li
6754              
6755            >
6756              <a
6757                href="/collections/begonia"
6758                class="mega-menu__link"
6759              >
6760                <span class="wrap-text">Begonia</span>
6761              </a>
6762            </li>
6763          
6764            
6765            <li
6766              
6767            >
6768              <a
6769                href="/collections/calibrachoa"
6770                class="mega-menu__link"
6771              >
6772                <span class="wrap-text">Calibrachoa</span>
6773              </a>
6774            </li>
6775          
6776            
6777            <li
6778              
6779            >
6780              <a
6781                href="/collections/celosia"
6782                class="mega-menu__link"
6783              >
6784                <span class="wrap-text">Celosia</span>
6785              </a>
6786            </li>
6787          
6788            
6789            <li
6790              
6791            >
6792              <a
6793                href="/collections/coleus"
6794                class="mega-menu__link"
6795              >
6796                <span class="wrap-text">Coleus</span>
6797              </a>
6798            </li>
6799          
6800            
6801            <li
6802              
6803            >
6804              <a
6805                href="/collections/cosmos"
6806                class="mega-menu__link"
6807              >
6808                <span class="wrap-text">Cosmos</span>
6809              </a>
6810            </li>
6811          
6812            
6813            <li
6814              
6815            >
6816              <a
6817                href="/collections/dahlias"
6818                class="mega-menu__link"
6819              >
6820                <span class="wrap-text">Dahlias</span>
6821              </a>
6822            </li>
6823          
6824            
6825            <li
6826              
6827            >
6828              <a
6829                href="/collections/gladiolus"
6830                class="mega-menu__link"
6831              >
6832                <span class="wrap-text">Gladiolus</span>
6833              </a>
6834            </li>
6835          
6836            
6837            <li
6838              
6839            >
6840              <a
6841                href="/collections/gomphrena"
6842                class="mega-menu__link"
6843              >
6844                <span class="wrap-text">Gomphrena</span>
6845              </a>
6846            </li>
6847          
6848            
6849            <li
6850              
6851            >
6852              <a
6853                href="/collections/impatiens"
6854                class="mega-menu__link"
6855              >
6856                <span class="wrap-text">Impatiens</span>
6857              </a>
6858            </li>
6859          
6860            
6861            <li
6862              
6863            >
6864              <a
6865                href="/collections/lantana"
6866                class="mega-menu__link"
6867              >
6868                <span class="wrap-text">Lantana</span>
6869              </a>
6870            </li>
6871          
6872            
6873            <li
6874              
6875            >
6876              <a
6877                href="/collections/lisianthus"
6878                class="mega-menu__link"
6879              >
6880                <span class="wrap-text">Lisianthus</span>
6881              </a>
6882            </li>
6883          
6884            
6885            <li
6886              
6887            >
6888              <a
6889                href="/collections/marigolds"
6890                class="mega-menu__link"
6891              >
6892                <span class="wrap-text">Marigolds</span>
6893              </a>
6894            </li>
6895          
6896            
6897            <li
6898              
6899            >
6900              <a
6901                href="/collections/morning-glories"
6902                class="mega-menu__link"
6903              >
6904                <span class="wrap-text">Morning Glories</span>
6905              </a>
6906            </li>
6907          
6908            
6909            <li
6910              
6911            >
6912              <a
6913                href="/collections/nasturtium"
6914                class="mega-menu__link"
6915              >
6916                <span class="wrap-text">Nasturtium</span>
6917              </a>
6918            </li>
6919          
6920            
6921            <li
6922              
6923            >
6924              <a
6925                href="/collections/pansies"
6926                class="mega-menu__link"
6927              >
6928                <span class="wrap-text">Pansies</span>
6929              </a>
6930            </li>
6931          
6932            
6933            <li
6934              
6935            >
6936              <a
6937                href="/collections/petunias"
6938                class="mega-menu__link"
6939              >
6940                <span class="wrap-text">Petunias</span>
6941              </a>
6942            </li>
6943          
6944            
6945            <li
6946              
6947            >
6948              <a
6949                href="/collections/poppy-flowers"
6950                class="mega-menu__link"
6951              >
6952                <span class="wrap-text">Poppy Flowers</span>
6953              </a>
6954            </li>
6955          
6956            
6957            <li
6958              
6959            >
6960              <a
6961                href="/collections/salvia-flowers"
6962                class="mega-menu__link"
6963              >
6964                <span class="wrap-text">Salvia Flowers</span>
6965              </a>
6966            </li>
6967          
6968            
6969            <li
6970              
6971            >
6972              <a
6973                href="/collections/snapdragons"
6974                class="mega-menu__link"
6975              >
6976                <span class="wrap-text">Snapdragons</span>
6977              </a>
6978            </li>
6979          
6980            
6981            <li
6982              
6983            >
6984              <a
6985                href="/collections/stock"
6986                class="mega-menu__link"
6987              >
6988                <span class="wrap-text">Stock</span>
6989              </a>
6990            </li>
6991          
6992            
6993            <li
6994              
6995            >
6996              <a
6997                href="/collections/strawflowers"
6998                class="mega-menu__link"
6999              >
7000                <span class="wrap-text">Strawflowers</span>
7001              </a>
7002            </li>
7003          
7004            
7005            <li
7006              
7007            >
7008              <a
7009                href="/collections/sunflowers"
7010                class="mega-menu__link"
7011              >
7012                <span class="wrap-text">Sunflowers</span>
7013              </a>
7014            </li>
7015          
7016            
7017            <li
7018              
7019            >
7020              <a
7021                href="/collections/vincas"
7022                class="mega-menu__link"
7023              >
7024                <span class="wrap-text">Vincas</span>
7025              </a>
7026            </li>
7027          
7028            
7029            <li
7030              
7031            >
7032              <a
7033                href="/collections/violas"
7034                class="mega-menu__link"
7035              >
7036                <span class="wrap-text">Violas</span>
7037              </a>
7038            </li>
7039          
7040            
7041            <li
7042              
7043            >
7044              <a
7045                href="/collections/zinnias"
7046                class="mega-menu__link"
7047              >
7048                <span class="wrap-text">Zinnias</span>
7049              </a>
7050            </li>
7051          
7052        </ul>
7053      
7054    </div>
7055
7056    </li>
7057  
7058    <li class="mega-menu__column mega-menu__column--span-1">
7059    <div>
7060      <a
7061        href="/collections/flowers"
7062        class="mega-menu__link mega-menu__link--parent"
7063      >
7064        
7065        <span class="wrap-text">Shop by Color</span>
7066      </a>
7067      
7068        
7069        
7070        
7071        
7072        <ul
7073          class="list-unstyled "
7074          
7075            style="column-count: 1;"
7076          
7077        >
7078          
7079            
7080            <li
7081              
7082            >
7083              <a
7084                href="/collections/black-flowers"
7085                class="mega-menu__link"
7086              >
7087                <span class="wrap-text">Black</span>
7088              </a>
7089            </li>
7090          
7091            
7092            <li
7093              
7094            >
7095              <a
7096                href="/collections/blue-flowers"
7097                class="mega-menu__link"
7098              >
7099                <span class="wrap-text">Blue</span>
7100              </a>
7101            </li>
7102          
7103            
7104            <li
7105              
7106            >
7107              <a
7108                href="/collections/green-flowers"
7109                class="mega-menu__link"
7110              >
7111                <span class="wrap-text">Green</span>
7112              </a>
7113            </li>
7114          
7115            
7116            <li
7117              
7118            >
7119              <a
7120                href="/collections/multi-colored-flowers"
7121                class="mega-menu__link"
7122              >
7123                <span class="wrap-text">Multi</span>
7124              </a>
7125            </li>
7126          
7127            
7128            <li
7129              
7130            >
7131              <a
7132                href="/collections/orange-flowers"
7133                class="mega-menu__link"
7134              >
7135                <span class="wrap-text">Orange</span>
7136              </a>
7137            </li>
7138          
7139            
7140            <li
7141              
7142            >
7143              <a
7144                href="/collections/pink-flowers"
7145                class="mega-menu__link"
7146              >
7147                <span class="wrap-text">Pink</span>
7148              </a>
7149            </li>
7150          
7151            
7152            <li
7153              
7154            >
7155              <a
7156                href="/collections/purple-flowers"
7157                class="mega-menu__link"
7158              >
7159                <span class="wrap-text">Purple</span>
7160              </a>
7161            </li>
7162          
7163            
7164            <li
7165              
7166            >
7167              <a
7168                href="/collections/red-flowers"
7169                class="mega-menu__link"
7170              >
7171                <span class="wrap-text">Red</span>
7172              </a>
7173            </li>
7174          
7175            
7176            <li
7177              
7178            >
7179              <a
7180                href="/collections/yellow-flowers"
7181                class="mega-menu__link"
7182              >
7183                <span class="wrap-text">Yellow</span>
7184              </a>
7185            </li>
7186          
7187            
7188            <li
7189              
7190                style="break-after: column;"
7191              
7192            >
7193              <a
7194                href="/collections/white-flowers"
7195                class="mega-menu__link"
7196              >
7197                <span class="wrap-text">White</span>
7198              </a>
7199            </li>
7200          
7201        </ul>
7202      
7203    </div>
7204
7205    </li>
7206  
7207</ul>
7208
7209
7210
7211<style data-shopify>
7212  [data-menu-grid-id="MegaMenuList-2"] {
7213    
7214      --menu-columns-desktop: 6;
7215      --menu-columns-tablet: 4;
7216    
7217  }
7218
7219  [data-menu-list-id="MegaMenuList-2"] {
7220    
7221      --menu-columns-desktop: 6;
7222      --menu-columns-tablet: 4;
7223    
7224  }
7225</style>
7226
7227
7228
7229                  </div>
7230                </div>
7231              </div>
7232            </div></li>
7233      
7234        <li
7235          role="presentation"
7236          class="menu-list__list-item"
7237          on:focus="/activate"
7238          on:blur="/deactivate"
7239          on:pointerenter="/activate"
7240          on:pointerleave="/deactivate"
7241        >
7242          <a
7243            href="https://burpee-com.myshopify.com/pages/plants"
7244            data-skip-node-update="true"
7245            class="menu-list__link"
7246            ref="menuitem"
7247          >
7248            <span class="menu-list__link-title">Plants</span>
7249          </a></li>
7250      
7251        <li
7252          role="presentation"
7253          class="menu-list__list-item"
7254          on:focus="/activate"
7255          on:blur="/deactivate"
7256          on:pointerenter="/activate"
7257          on:pointerleave="/deactivate"
7258        >
7259          <a
7260            href="/collections/herbs"
7261            data-skip-node-update="true"
7262            class="menu-list__link"aria-controls="submenu-4"
7263              aria-haspopup="true"
7264              aria-expanded="false"
7265            ref="menuitem"
7266          >
7267            <span class="menu-list__link-title">Herbs</span>
7268          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
7269              <div
7270                id="submenu-4"
7271                class="menu-list__submenu-inner"
7272                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
7273var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
7274none;
7275
7276    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
7277    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
7278    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
7279  
7280--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
7281var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
7282none;
7283
7284    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
7285    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
7286    var(--opacity-subdued-text));
7287  
7288"
7289              >
7290                
7291                <div class="mega-menu section section--full-width-margin section--page-width">
7292                  <div
7293                    class="mega-menu__grid"
7294                    data-menu-grid-id="MegaMenuList-4"
7295                  >
7296                    
7297<ul
7298  data-menu-list-id="MegaMenuList-4"
7299  class="mega-menu__list list-unstyled"
7300  style="--menu-image-border-radius: 0px;"
7301>
7302  
7303    <li class="mega-menu__column mega-menu__column--span-1">
7304    <div>
7305      <a
7306        href="/collections/herbs"
7307        class="mega-menu__link mega-menu__link--parent"
7308      >
7309        
7310        <span class="wrap-text">Featured</span>
7311      </a>
7312      
7313        
7314        
7315        
7316        
7317        <ul
7318          class="list-unstyled "
7319          
7320            style="column-count: 1;"
7321          
7322        >
7323          
7324            
7325            <li
7326              
7327            >
7328              <a
7329                href="/collections/herbs"
7330                class="mega-menu__link"
7331              >
7332                <span class="wrap-text">All Herbs</span>
7333              </a>
7334            </li>
7335          
7336            
7337            <li
7338              
7339            >
7340              <a
7341                href="/collections/new-herbs"
7342                class="mega-menu__link"
7343              >
7344                <span class="wrap-text">New Herbs</span>
7345              </a>
7346            </li>
7347          
7348            
7349            <li
7350              
7351            >
7352              <a
7353                href="/collections/herb-plants"
7354                class="mega-menu__link"
7355              >
7356                <span class="wrap-text">Herb Plants</span>
7357              </a>
7358            </li>
7359          
7360            
7361            <li
7362              
7363            >
7364              <a
7365                href="/collections/container-herbs"
7366                class="mega-menu__link"
7367              >
7368                <span class="wrap-text">Container Herbs</span>
7369              </a>
7370            </li>
7371          
7372            
7373            <li
7374              
7375            >
7376              <a
7377                href="/collections/perennial-herbs"
7378                class="mega-menu__link"
7379              >
7380                <span class="wrap-text">Perennial Herbs</span>
7381              </a>
7382            </li>
7383          
7384        </ul>
7385      
7386    </div>
7387
7388    </li>
7389  
7390    <li class="mega-menu__column mega-menu__column--span-4">
7391    <div>
7392      <a
7393        href="/collections/herbs"
7394        class="mega-menu__link mega-menu__link--parent"
7395      >
7396        
7397        <span class="wrap-text">Popular</span>
7398      </a>
7399      
7400        
7401        
7402        
7403        
7404        <ul
7405          class="list-unstyled mega-menu__list--popular"
7406          
7407            style="column-count: 4;"
7408          
7409        >
7410          
7411            
7412            <li
7413              
7414            >
7415              <a
7416                href="/collections/basil"
7417                class="mega-menu__link"
7418              >
7419                <span class="wrap-text">Basil</span>
7420              </a>
7421            </li>
7422          
7423            
7424            <li
7425              
7426            >
7427              <a
7428                href="/collections/bay-laurel"
7429                class="mega-menu__link"
7430              >
7431                <span class="wrap-text">Bay Laurel</span>
7432              </a>
7433            </li>
7434          
7435            
7436            <li
7437              
7438            >
7439              <a
7440                href="/collections/borage"
7441                class="mega-menu__link"
7442              >
7443                <span class="wrap-text">Borage</span>
7444              </a>
7445            </li>
7446          
7447            
7448            <li
7449              
7450            >
7451              <a
7452                href="/collections/catnip"
7453                class="mega-menu__link"
7454              >
7455                <span class="wrap-text">Catnip</span>
7456              </a>
7457            </li>
7458          
7459            
7460            <li
7461              
7462            >
7463              <a
7464                href="/collections/chamomile"
7465                class="mega-menu__link"
7466              >
7467                <span class="wrap-text">Chamomile</span>
7468              </a>
7469            </li>
7470          
7471            
7472            <li
7473              
7474            >
7475              <a
7476                href="/collections/chervil"
7477                class="mega-menu__link"
7478              >
7479                <span class="wrap-text">Chervil</span>
7480              </a>
7481            </li>
7482          
7483            
7484            <li
7485              
7486            >
7487              <a
7488                href="/collections/chive"
7489                class="mega-menu__link"
7490              >
7491                <span class="wrap-text">Chive</span>
7492              </a>
7493            </li>
7494          
7495            
7496            <li
7497              
7498            >
7499              <a
7500                href="/collections/cilantro"
7501                class="mega-menu__link"
7502              >
7503                <span class="wrap-text">Cilantro</span>
7504              </a>
7505            </li>
7506          
7507            
7508            <li
7509              
7510            >
7511              <a
7512                href="/collections/dill"
7513                class="mega-menu__link"
7514              >
7515                <span class="wrap-text">Dill</span>
7516              </a>
7517            </li>
7518          
7519            
7520            <li
7521              
7522            >
7523              <a
7524                href="/collections/fennel"
7525                class="mega-menu__link"
7526              >
7527                <span class="wrap-text">Fennel</span>
7528              </a>
7529            </li>
7530          
7531            
7532            <li
7533              
7534            >
7535              <a
7536                href="/collections/herb-plants"
7537                class="mega-menu__link"
7538              >
7539                <span class="wrap-text">Herb Plants</span>
7540              </a>
7541            </li>
7542          
7543            
7544            <li
7545              
7546            >
7547              <a
7548                href="/collections/lavender"
7549                class="mega-menu__link"
7550              >
7551                <span class="wrap-text">Lavender</span>
7552              </a>
7553            </li>
7554          
7555            
7556            <li
7557              
7558            >
7559              <a
7560                href="/collections/lemon-balm"
7561                class="mega-menu__link"
7562              >
7563                <span class="wrap-text">Lemon Balm</span>
7564              </a>
7565            </li>
7566          
7567            
7568            <li
7569              
7570            >
7571              <a
7572                href="/collections/lemon-grass"
7573                class="mega-menu__link"
7574              >
7575                <span class="wrap-text">Lemon Grass</span>
7576              </a>
7577            </li>
7578          
7579            
7580            <li
7581              
7582            >
7583              <a
7584                href="/collections/marjoram"
7585                class="mega-menu__link"
7586              >
7587                <span class="wrap-text">Marjoram</span>
7588              </a>
7589            </li>
7590          
7591            
7592            <li
7593              
7594            >
7595              <a
7596                href="/collections/mint"
7597                class="mega-menu__link"
7598              >
7599                <span class="wrap-text">Mint</span>
7600              </a>
7601            </li>
7602          
7603            
7604            <li
7605              
7606            >
7607              <a
7608                href="/collections/oregano"
7609                class="mega-menu__link"
7610              >
7611                <span class="wrap-text">Oregano</span>
7612              </a>
7613            </li>
7614          
7615            
7616            <li
7617              
7618            >
7619              <a
7620                href="/collections/parsley"
7621                class="mega-menu__link"
7622              >
7623                <span class="wrap-text">Parsley</span>
7624              </a>
7625            </li>
7626          
7627            
7628            <li
7629              
7630            >
7631              <a
7632                href="/collections/rosemary"
7633                class="mega-menu__link"
7634              >
7635                <span class="wrap-text">Rosemary</span>
7636              </a>
7637            </li>
7638          
7639            
7640            <li
7641              
7642            >
7643              <a
7644                href="/collections/sage"
7645                class="mega-menu__link"
7646              >
7647                <span class="wrap-text">Sage</span>
7648              </a>
7649            </li>
7650          
7651            
7652            <li
7653              
7654            >
7655              <a
7656                href="/collections/stevia"
7657                class="mega-menu__link"
7658              >
7659                <span class="wrap-text">Stevia</span>
7660              </a>
7661            </li>
7662          
7663            
7664            <li
7665              
7666            >
7667              <a
7668                href="/collections/thyme"
7669                class="mega-menu__link"
7670              >
7671                <span class="wrap-text">Thyme</span>
7672              </a>
7673            </li>
7674          
7675        </ul>
7676      
7677    </div>
7678
7679    </li>
7680  
7681</ul>
7682
7683
7684
7685<style data-shopify>
7686  [data-menu-grid-id="MegaMenuList-4"] {
7687    
7688      --menu-columns-desktop: 6;
7689      --menu-columns-tablet: 4;
7690    
7691  }
7692
7693  [data-menu-list-id="MegaMenuList-4"] {
7694    
7695      --menu-columns-desktop: 6;
7696      --menu-columns-tablet: 4;
7697    
7698  }
7699</style>
7700
7701
7702
7703                  </div>
7704                </div>
7705              </div>
7706            </div></li>
7707      
7708        <li
7709          role="presentation"
7710          class="menu-list__list-item"
7711          on:focus="/activate"
7712          on:blur="/deactivate"
7713          on:pointerenter="/activate"
7714          on:pointerleave="/deactivate"
7715        >
7716          <a
7717            href="https://burpee-com.myshopify.com/collections/fruit"
7718            data-skip-node-update="true"
7719            class="menu-list__link"aria-controls="submenu-5"
7720              aria-haspopup="true"
7721              aria-expanded="false"
7722            ref="menuitem"
7723          >
7724            <span class="menu-list__link-title">Fruits</span>
7725          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
7726              <div
7727                id="submenu-5"
7728                class="menu-list__submenu-inner"
7729                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
7730var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
7731none;
7732
7733    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
7734    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
7735    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
7736  
7737--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
7738var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
7739none;
7740
7741    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
7742    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
7743    var(--opacity-subdued-text));
7744  
7745"
7746              >
7747                
7748                <div class="mega-menu section section--full-width-margin section--page-width">
7749                  <div
7750                    class="mega-menu__grid"
7751                    data-menu-grid-id="MegaMenuList-5"
7752                  >
7753                    
7754<ul
7755  data-menu-list-id="MegaMenuList-5"
7756  class="mega-menu__list list-unstyled"
7757  style="--menu-image-border-radius: 0px;"
7758>
7759  
7760    <li class="mega-menu__column mega-menu__column--span-1">
7761    <div>
7762      <a
7763        href="https://burpee-com.myshopify.com/collections/fruit"
7764        class="mega-menu__link mega-menu__link--parent"
7765      >
7766        
7767        <span class="wrap-text">Featured</span>
7768      </a>
7769      
7770        
7771        
7772        
7773        
7774        <ul
7775          class="list-unstyled "
7776          
7777            style="column-count: 1;"
7778          
7779        >
7780          
7781            
7782            <li
7783              
7784            >
7785              <a
7786                href="https://burpee-com.myshopify.com/collections/fruit"
7787                class="mega-menu__link"
7788              >
7789                <span class="wrap-text">All Fruit</span>
7790              </a>
7791            </li>
7792          
7793            
7794            <li
7795              
7796            >
7797              <a
7798                href="/collections/new-fruit"
7799                class="mega-menu__link"
7800              >
7801                <span class="wrap-text">New Fruit</span>
7802              </a>
7803            </li>
7804          
7805            
7806            <li
7807              
7808            >
7809              <a
7810                href="/collections/container-fruits"
7811                class="mega-menu__link"
7812              >
7813                <span class="wrap-text">Container Fruit</span>
7814              </a>
7815            </li>
7816          
7817            
7818            <li
7819              
7820            >
7821              <a
7822                href="/collections/fruit-and-berry-plants"
7823                class="mega-menu__link"
7824              >
7825                <span class="wrap-text">Fruit & Berry Plants</span>
7826              </a>
7827            </li>
7828          
7829        </ul>
7830      
7831    </div>
7832
7833    </li>
7834  
7835    <li class="mega-menu__column mega-menu__column--span-4">
7836    <div>
7837      <a
7838        href="https://burpee-com.myshopify.com/collections/fruit"
7839        class="mega-menu__link mega-menu__link--parent"
7840      >
7841        
7842        <span class="wrap-text">Popular</span>
7843      </a>
7844      
7845        
7846        
7847        
7848        
7849        <ul
7850          class="list-unstyled mega-menu__list--popular"
7851          
7852            style="column-count: 4;"
7853          
7854        >
7855          
7856            
7857            <li
7858              
7859            >
7860              <a
7861                href="/collections/blackberry-plants"
7862                class="mega-menu__link"
7863              >
7864                <span class="wrap-text">Blackberries</span>
7865              </a>
7866            </li>
7867          
7868            
7869            <li
7870              
7871            >
7872              <a
7873                href="/collections/blueberry-plants"
7874                class="mega-menu__link"
7875              >
7876                <span class="wrap-text">Blueberries</span>
7877              </a>
7878            </li>
7879          
7880            
7881            <li
7882              
7883            >
7884              <a
7885                href="/collections/currant"
7886                class="mega-menu__link"
7887              >
7888                <span class="wrap-text">Currant</span>
7889              </a>
7890            </li>
7891          
7892            
7893            <li
7894              
7895            >
7896              <a
7897                href="/collections/figs"
7898                class="mega-menu__link"
7899              >
7900                <span class="wrap-text">Figs</span>
7901              </a>
7902            </li>
7903          
7904            
7905            <li
7906              
7907            >
7908              <a
7909                href="/collections/fruit-trees"
7910                class="mega-menu__link"
7911              >
7912                <span class="wrap-text">Fruit Trees</span>
7913              </a>
7914            </li>
7915          
7916            
7917            <li
7918              
7919            >
7920              <a
7921                href="/collections/grapes"
7922                class="mega-menu__link"
7923              >
7924                <span class="wrap-text">Grapes</span>
7925              </a>
7926            </li>
7927          
7928            
7929            <li
7930              
7931            >
7932              <a
7933                href="/collections/honeydew"
7934                class="mega-menu__link"
7935              >
7936                <span class="wrap-text">Honeydew</span>
7937              </a>
7938            </li>
7939          
7940            
7941            <li
7942              
7943            >
7944              <a
7945                href="/collections/hops"
7946                class="mega-menu__link"
7947              >
7948                <span class="wrap-text">Hops</span>
7949              </a>
7950            </li>
7951          
7952            
7953            <li
7954              
7955            >
7956              <a
7957                href="/collections/raspberry-plants"
7958                class="mega-menu__link"
7959              >
7960                <span class="wrap-text">Raspberries</span>
7961              </a>
7962            </li>
7963          
7964            
7965            <li
7966              
7967            >
7968              <a
7969                href="/collections/specialty-fruits"
7970                class="mega-menu__link"
7971              >
7972                <span class="wrap-text">Specialty Fruits</span>
7973              </a>
7974            </li>
7975          
7976            
7977            <li
7978              
7979            >
7980              <a
7981                href="/collections/strawberry-plants"
7982                class="mega-menu__link"
7983              >
7984                <span class="wrap-text">Strawberries</span>
7985              </a>
7986            </li>
7987          
7988            
7989            <li
7990              
7991            >
7992              <a
7993                href="/collections/watermelon"
7994                class="mega-menu__link"
7995              >
7996                <span class="wrap-text">Watermelon</span>
7997              </a>
7998            </li>
7999          
8000        </ul>
8001      
8002    </div>
8003
8004    </li>
8005  
8006</ul>
8007
8008
8009
8010<style data-shopify>
8011  [data-menu-grid-id="MegaMenuList-5"] {
8012    
8013      --menu-columns-desktop: 6;
8014      --menu-columns-tablet: 4;
8015    
8016  }
8017
8018  [data-menu-list-id="MegaMenuList-5"] {
8019    
8020      --menu-columns-desktop: 6;
8021      --menu-columns-tablet: 4;
8022    
8023  }
8024</style>
8025
8026
8027
8028                  </div>
8029                </div>
8030              </div>
8031            </div></li>
8032      
8033        <li
8034          role="presentation"
8035          class="menu-list__list-item"
8036          on:focus="/activate"
8037          on:blur="/deactivate"
8038          on:pointerenter="/activate"
8039          on:pointerleave="/deactivate"
8040        >
8041          <a
8042            href="https://burpee-com.myshopify.com/collections/perennials"
8043            data-skip-node-update="true"
8044            class="menu-list__link"aria-controls="submenu-6"
8045              aria-haspopup="true"
8046              aria-expanded="false"
8047            ref="menuitem"
8048          >
8049            <span class="menu-list__link-title">Perennials</span>
8050          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
8051              <div
8052                id="submenu-6"
8053                class="menu-list__submenu-inner"
8054                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
8055var(--font-body--style);
8055 --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
8056none;
8057
8058    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
8059    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
8060    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
8061  
8062--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
8063var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
8064none;
8065
8066    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
8067    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
8068    var(--opacity-subdued-text));
8069  
8070"
8071              >
8072                
8073                <div class="mega-menu section section--full-width-margin section--page-width">
8074                  <div
8075                    class="mega-menu__grid"
8076                    data-menu-grid-id="MegaMenuList-6"
8077                  >
8078                    
8079<ul
8080  data-menu-list-id="MegaMenuList-6"
8081  class="mega-menu__list list-unstyled"
8082  style="--menu-image-border-radius: 0px;"
8083>
8084  
8085    <li class="mega-menu__column mega-menu__column--span-1">
8086    <div>
8087      <a
8088        href="https://burpee-com.myshopify.com/collections/perennials"
8089        class="mega-menu__link mega-menu__link--parent"
8090      >
8091        
8092        <span class="wrap-text">Featured</span>
8093      </a>
8094      
8095        
8096        
8097        
8098        
8099        <ul
8100          class="list-unstyled "
8101          
8102            style="column-count: 1;"
8103          
8104        >
8105          
8106            
8107            <li
8108              
8109            >
8110              <a
8111                href="/collections/perennials"
8112                class="mega-menu__link"
8113              >
8114                <span class="wrap-text">All Perennials</span>
8115              </a>
8116            </li>
8117          
8118            
8119            <li
8120              
8121            >
8122              <a
8123                href="/collections/new-perennials"
8124                class="mega-menu__link"
8125              >
8126                <span class="wrap-text">New Perennials</span>
8127              </a>
8128            </li>
8129          
8130            
8131            <li
8132              
8133            >
8134              <a
8135                href="/collections/container-perennials"
8136                class="mega-menu__link"
8137              >
8138                <span class="wrap-text">Container Perennials</span>
8139              </a>
8140            </li>
8141          
8142            
8143            <li
8144              
8145            >
8146              <a
8147                href="/collections/deer-resistant-perennials"
8148                class="mega-menu__link"
8149              >
8150                <span class="wrap-text">Deer-Resistant Perennials</span>
8151              </a>
8152            </li>
8153          
8154            
8155            <li
8156              
8157            >
8158              <a
8159                href="/collections/drought-resistant-perennials"
8160                class="mega-menu__link"
8161              >
8162                <span class="wrap-text">Drought Resistant Perennials</span>
8163              </a>
8164            </li>
8165          
8166            
8167            <li
8168              
8169            >
8170              <a
8171                href="/collections/easy-to-grow-perennials"
8172                class="mega-menu__link"
8173              >
8174                <span class="wrap-text">Easy to Grow Perennials</span>
8175              </a>
8176            </li>
8177          
8178            
8179            <li
8180              
8181            >
8182              <a
8183                href="/collections/full-sun-perennials"
8184                class="mega-menu__link"
8185              >
8186                <span class="wrap-text">Full Sun Perennials</span>
8187              </a>
8188            </li>
8189          
8190            
8191            <li
8192              
8193            >
8194              <a
8195                href="/collections/perennial-plants"
8196                class="mega-menu__link"
8197              >
8198                <span class="wrap-text">Perennial Plants</span>
8199              </a>
8200            </li>
8201          
8202        </ul>
8203      
8204    </div>
8205
8206    </li>
8207  
8208    <li class="mega-menu__column mega-menu__column--span-4">
8209    <div>
8210      <a
8211        href="https://burpee-com.myshopify.com/collections/perennials"
8212        class="mega-menu__link mega-menu__link--parent"
8213      >
8214        
8215        <span class="wrap-text">Popular</span>
8216      </a>
8217      
8218        
8219        
8220        
8221        
8222        <ul
8223          class="list-unstyled mega-menu__list--popular"
8224          
8225            style="column-count: 4;"
8226          
8227        >
8228          
8229            
8230            <li
8231              
8232            >
8233              <a
8234                href="/collections/alliums"
8235                class="mega-menu__link"
8236              >
8237                <span class="wrap-text">Alliums</span>
8238              </a>
8239            </li>
8240          
8241            
8242            <li
8243              
8244            >
8245              <a
8246                href="/collections/butterfly-bush"
8247                class="mega-menu__link"
8248              >
8249                <span class="wrap-text">Butterfly Bush</span>
8250              </a>
8251            </li>
8252          
8253            
8254            <li
8255              
8256            >
8257              <a
8258                href="/collections/clematis"
8259                class="mega-menu__link"
8260              >
8261                <span class="wrap-text">Clematis</span>
8262              </a>
8263            </li>
8264          
8265            
8266            <li
8267              
8268            >
8269              <a
8270                href="/collections/columbine"
8271                class="mega-menu__link"
8272              >
8273                <span class="wrap-text">Columbine</span>
8274              </a>
8275            </li>
8276          
8277            
8278            <li
8279              
8280            >
8281              <a
8282                href="/collections/daffodil-bulbs"
8283                class="mega-menu__link"
8284              >
8285                <span class="wrap-text">Daffodil Bulbs</span>
8286              </a>
8287            </li>
8288          
8289            
8290            <li
8291              
8292            >
8293              <a
8294                href="/collections/daisies"
8295                class="mega-menu__link"
8296              >
8297                <span class="wrap-text">Daisies</span>
8298              </a>
8299            </li>
8300          
8301            
8302            <li
8303              
8304            >
8305              <a
8306                href="/collections/daylilies"
8307                class="mega-menu__link"
8308              >
8309                <span class="wrap-text">Daylilies</span>
8310              </a>
8311            </li>
8312          
8313            
8314            <li
8315              
8316            >
8317              <a
8318                href="/collections/echinacea"
8319                class="mega-menu__link"
8320              >
8321                <span class="wrap-text">Echinacea</span>
8322              </a>
8323            </li>
8324          
8325            
8326            <li
8327              
8328            >
8329              <a
8330                href="/collections/ferns"
8331                class="mega-menu__link"
8332              >
8333                <span class="wrap-text">Ferns</span>
8334              </a>
8335            </li>
8336          
8337            
8338            <li
8339              
8340            >
8341              <a
8342                href="/collections/hellebores"
8343                class="mega-menu__link"
8344              >
8345                <span class="wrap-text">Hellebores</span>
8346              </a>
8347            </li>
8348          
8349            
8350            <li
8351              
8352            >
8353              <a
8354                href="/collections/hibiscus"
8355                class="mega-menu__link"
8356              >
8357                <span class="wrap-text">Hibiscus</span>
8358              </a>
8359            </li>
8360          
8361            
8362            <li
8363              
8364            >
8365              <a
8366                href="/collections/hostas"
8367                class="mega-menu__link"
8368              >
8369                <span class="wrap-text">Hostas</span>
8370              </a>
8371            </li>
8372          
8373            
8374            <li
8375              
8376            >
8377              <a
8378                href="/collections/hydrangeas"
8379                class="mega-menu__link"
8380              >
8381                <span class="wrap-text">Hydrangeas</span>
8382              </a>
8383            </li>
8384          
8385            
8386            <li
8387              
8388            >
8389              <a
8390                href="/collections/iris"
8391                class="mega-menu__link"
8392              >
8393                <span class="wrap-text">Iris</span>
8394              </a>
8395            </li>
8396          
8397            
8398            <li
8399              
8400            >
8401              <a
8402                href="/collections/lavenders"
8403                class="mega-menu__link"
8404              >
8405                <span class="wrap-text">Lavenders</span>
8406              </a>
8407            </li>
8408          
8409            
8410            <li
8411              
8412            >
8413              <a
8414                href="/collections/lilies"
8415                class="mega-menu__link"
8416              >
8417                <span class="wrap-text">Lilies</span>
8418              </a>
8419            </li>
8420          
8421            
8422            <li
8423              
8424            >
8425              <a
8426                href="/collections/monarda"
8427                class="mega-menu__link"
8428              >
8429                <span class="wrap-text">Monarda</span>
8430              </a>
8431            </li>
8432          
8433            
8434            <li
8435              
8436            >
8437              <a
8438                href="/collections/peony"
8439                class="mega-menu__link"
8440              >
8441                <span class="wrap-text">Peony</span>
8442              </a>
8443            </li>
8444          
8445            
8446            <li
8447              
8448            >
8449              <a
8450                href="/collections/phlox"
8451                class="mega-menu__link"
8452              >
8453                <span class="wrap-text">Phlox</span>
8454              </a>
8455            </li>
8456          
8457            
8458            <li
8459              
8460            >
8461              <a
8462                href="/collections/poppy"
8463                class="mega-menu__link"
8464              >
8465                <span class="wrap-text">Poppy</span>
8466              </a>
8467            </li>
8468          
8469            
8470            <li
8471              
8472            >
8473              <a
8474                href="/collections/roses"
8475                class="mega-menu__link"
8476              >
8477                <span class="wrap-text">Roses</span>
8478              </a>
8479            </li>
8480          
8481            
8482            <li
8483              
8484            >
8485              <a
8486                href="/collections/tulip-bulbs"
8487                class="mega-menu__link"
8488              >
8489                <span class="wrap-text">Tulip Bulbs</span>
8490              </a>
8491            </li>
8492          
8493        </ul>
8494      
8495    </div>
8496
8497    </li>
8498  
8499</ul>
8500
8501
8502
8503<style data-shopify>
8504  [data-menu-grid-id="MegaMenuList-6"] {
8505    
8506      --menu-columns-desktop: 6;
8507      --menu-columns-tablet: 4;
8508    
8509  }
8510
8511  [data-menu-list-id="MegaMenuList-6"] {
8512    
8513      --menu-columns-desktop: 6;
8514      --menu-columns-tablet: 4;
8515    
8516  }
8517</style>
8518
8519
8520
8521                  </div>
8522                </div>
8523              </div>
8524            </div></li>
8525      
8526        <li
8527          role="presentation"
8528          class="menu-list__list-item"
8529          on:focus="/activate"
8530          on:blur="/deactivate"
8531          on:pointerenter="/activate"
8532          on:pointerleave="/deactivate"
8533        >
8534          <a
8535            href="/collections/gardening-supplies"
8536            data-skip-node-update="true"
8537            class="menu-list__link"aria-controls="submenu-7"
8538              aria-haspopup="true"
8539              aria-expanded="false"
8540            ref="menuitem"
8541          >
8542            <span class="menu-list__link-title">Supplies</span>
8543          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
8544              <div
8545                id="submenu-7"
8546                class="menu-list__submenu-inner"
8547                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
8548var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
8549none;
8550
8551    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
8552    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
8553    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
8554  
8555--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
8556var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
8557none;
8558
8559    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
8560    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
8561    var(--opacity-subdued-text));
8562  
8563"
8564              >
8565                
8566                <div class="mega-menu section section--full-width-margin section--page-width">
8567                  <div
8568                    class="mega-menu__grid"
8569                    data-menu-grid-id="MegaMenuList-7"
8570                  >
8571                    
8572<ul
8573  data-menu-list-id="MegaMenuList-7"
8574  class="mega-menu__list list-unstyled"
8575  style="--menu-image-border-radius: 0px;"
8576>
8577  
8578    <li class="mega-menu__column mega-menu__column--span-1">
8579    <div>
8580      <a
8581        href="/collections/gardening-supplies"
8582        class="mega-menu__link mega-menu__link--parent"
8583      >
8584        
8585        <span class="wrap-text">Featured</span>
8586      </a>
8587      
8588        
8589        
8590        
8591        
8592        <ul
8593          class="list-unstyled "
8594          
8595            style="column-count: 1;"
8596          
8597        >
8598          
8599            
8600            <li
8601              
8602            >
8603              <a
8604                href="/collections/gardening-supplies"
8605                class="mega-menu__link"
8606              >
8607                <span class="wrap-text">All Supplies</span>
8608              </a>
8609            </li>
8610          
8611            
8612            <li
8613              
8614            >
8615              <a
8616                href="/collections/new-gardening-supplies"
8617                class="mega-menu__link"
8618              >
8619                <span class="wrap-text">New Supplies</span>
8620              </a>
8621            </li>
8622          
8623            
8624            <li
8625              
8626            >
8627              <a
8628                href="/collections/made-in-the-usa"
8629                class="mega-menu__link"
8630              >
8631                <span class="wrap-text">Made in the USA</span>
8632              </a>
8633            </li>
8634          
8635        </ul>
8636      
8637    </div>
8638
8639    </li>
8640  
8641    <li class="mega-menu__column mega-menu__column--span-4">
8642    <div>
8643      <a
8644        href="/collections/gardening-supplies"
8645        class="mega-menu__link mega-menu__link--parent"
8646      >
8647        
8648        <span class="wrap-text">Popular</span>
8649      </a>
8650      
8651        
8652        
8653        
8654        
8655        <ul
8656          class="list-unstyled mega-menu__list--popular"
8657          
8658            style="column-count: 4;"
8659          
8660        >
8661          
8662            
8663            <li
8664              
8665            >
8666              <a
8667                href="/collections/cages-supports"
8668                class="mega-menu__link"
8669              >
8670                <span class="wrap-text">Cages & Supports</span>
8671              </a>
8672            </li>
8673          
8674            
8675            <li
8676              
8677            >
8678              <a
8679                href="/collections/composting-and-mulching"
8680                class="mega-menu__link"
8681              >
8682                <span class="wrap-text">Composters</span>
8683              </a>
8684            </li>
8685          
8686            
8687            <li
8688              
8689            >
8690              <a
8691                href="/collections/containers-raised-beds"
8692                class="mega-menu__link"
8693              >
8694                <span class="wrap-text">Containers & Raised Beds</span>
8695              </a>
8696            </li>
8697          
8698            
8699            <li
8700              
8701            >
8702              <a
8703                href="/collections/fertilizers-soil"
8704                class="mega-menu__link"
8705              >
8706                <span class="wrap-text">Fertilizers & Soil</span>
8707              </a>
8708            </li>
8709          
8710            
8711            <li
8712              
8713            >
8714              <a
8715                href="/collections/frost-protection"
8716                class="mega-menu__link"
8717              >
8718                <span class="wrap-text">Frost Protection</span>
8719              </a>
8720            </li>
8721          
8722            
8723            <li
8724              
8725            >
8726              <a
8727                href="https://burpee-com.myshopify.com/collections/garden-accessory"
8728                class="mega-menu__link"
8729              >
8730                <span class="wrap-text">Garden Accessories</span>
8731              </a>
8732            </li>
8733          
8734            
8735            <li
8736              
8737            >
8738              <a
8739                href="/collections/gifts"
8740                class="mega-menu__link"
8741              >
8742                <span class="wrap-text">Gifts & Gift Cards</span>
8743              </a>
8744            </li>
8745          
8746            
8747            <li
8748              
8749            >
8750              <a
8751                href="/collections/greenhouses-cold-frames"
8752                class="mega-menu__link"
8753              >
8754                <span class="wrap-text">Greenhouses & Cold Frames</span>
8755              </a>
8756            </li>
8757          
8758            
8759            <li
8760              
8761            >
8762              <a
8763                href="/collections/grow-lights"
8764                class="mega-menu__link"
8765              >
8766                <span class="wrap-text">Grow Lights</span>
8767              </a>
8768            </li>
8769          
8770            
8771            <li
8772              
8773            >
8774              <a
8775                href="/collections/seed-starting"
8776                class="mega-menu__link"
8777              >
8778                <span class="wrap-text">Seed Starting</span>
8779              </a>
8780            </li>
8781          
8782            
8783            <li
8784              
8785            >
8786              <a
8787                href="/collections/tools-totes-gloves"
8788                class="mega-menu__link"
8789              >
8790                <span class="wrap-text">Tools, Totes & Gloves</span>
8791              </a>
8792            </li>
8793          
8794            
8795            <li
8796              
8797            >
8798              <a
8799                href="/collections/watering-products"
8800                class="mega-menu__link"
8801              >
8802                <span class="wrap-text">Watering Products</span>
8803              </a>
8804            </li>
8805          
8806            
8807            <li
8808              
8809            >
8810              <a
8811                href="/collections/weed-pest-control"
8812                class="mega-menu__link"
8813              >
8814                <span class="wrap-text">Weed & Pest Control</span>
8815              </a>
8816            </li>
8817          
8818            
8819            <li
8820              
8821            >
8822              <a
8823                href="/collections/wildflowers"
8824                class="mega-menu__link"
8825              >
8826                <span class="wrap-text">Wildflowers</span>
8827              </a>
8828            </li>
8829          
8830            
8831            <li
8832              
8833            >
8834              <a
8835                href="/collections/winter-holiday"
8836                class="mega-menu__link"
8837              >
8838                <span class="wrap-text">Winter & Holiday</span>
8839              </a>
8840            </li>
8841          
8842        </ul>
8843      
8844    </div>
8845
8846    </li>
8847  
8848</ul>
8849
8850
8851
8852<style data-shopify>
8853  [data-menu-grid-id="MegaMenuList-7"] {
8854    
8855      --menu-columns-desktop: 6;
8856      --menu-columns-tablet: 4;
8857    
8858  }
8859
8860  [data-menu-list-id="MegaMenuList-7"] {
8861    
8862      --menu-columns-desktop: 6;
8863      --menu-columns-tablet: 4;
8864    
8865  }
8866</style>
8867
8868
8869
8870                  </div>
8871                </div>
8872              </div>
8873            </div></li>
8874      
8875        <li
8876          role="presentation"
8877          class="menu-list__list-item"
8878          on:focus="/activate"
8879          on:blur="/deactivate"
8880          on:pointerenter="/activate"
8881          on:pointerleave="/deactivate"
8882        >
8883          <a
8884            href="/pages/farmers-market"
8885            data-skip-node-update="true"
8886            class="menu-list__link"
8887            ref="menuitem"
8888          >
8889            <span class="menu-list__link-title">Farmers Market</span>
8890          </a></li>
8891      
8892      <li
8893        class="menu-list__list-item"
8894        role="presentation"
8895        slot="more"
8896        on:focus="/activate"
8897        on:blur="/deactivate"
8898        on:pointerenter="/activate"
8899        on:pointerleave="/deactivate"
8900      >
8901        <button role="listitem" class="menu-list__link button-unstyled">
8902          <span class="menu-list__link-title">More</span>
8903        </button>
8904      </li>
8905    
8906</overflow-list>
8907
8908        </nav>
8909      </div>
8910
8911      
8911<script
8912        src="//www.burpee.com/cdn/shop/t/5/assets/header-menu.js?v=84761564323211583001785940472"
8913        type="module"
8914        fetchpriority="low"
8915      ></script>
8915
8916    </header-menu>
8917
8918
8919<style data-shopify>
8920  .header__underlay {
8921    --color-submenu: rgb(255 255 255 / 1.0);
8922  }
8923</style>
8924
8925
8926
8927
8928            
8929        
8930      
8931    </div>
8932        </div>
8933      </div>
8934    
8935  
8936
8937  
8938    <div class="header__row header__navigation-bar-row color-scheme-1">
8939      
8940
8941
8942    
8943  
8944
8945<style data-shopify>
8946  .header__underlay {
8947    --color-submenu: rgb(255 255 255 / 1.0);
8948  }
8949</style>
8950
8951
8952
8953
8954    </div>
8955  
8956</header-component>
8957
8958<script
8959  src="//www.burpee.com/cdn/shop/t/5/assets/header.js?v=36718054510661947891782933462"
8960  type="module"
8961></script>
8961
8962
8963
8964
8965
8966  
8966<script type="module">
8967    import { hydrate } from '@theme/section-hydration';
8968    const url = new URL(window.location.href);
8969    url.searchParams.delete('page');
8970    hydrate('sections--27379201703970__header_section', url);
8971  </script>
8971
8972
8973
8974
8975</header><div id="shopify-section-sections--27379201703970__17845600490ac6de18" class="shopify-section shopify-section-group-header-group section-wrapper">
8976
8977<div class="section-background color-scheme-1"></div>
8978<div
8979  class="section section--page-width color-scheme-1"
8980  data-testid="ui-test-section"
8981
8982  
8983
8984  style="
8985    
8986
8987    
8988  "
8989>
8990  <div class="custom-section-background">
8991    
8992
8993
8994
8995  </div>
8996
8997  <div
8998    class="border-style custom-section-content"
8999    style="--border-width: 1px; --border-style: none; --border-color:
9000rgb(var(--color-border-rgb) / 1.0); --border-radius:
90010px; 
9002"
9003  >
9004    
9005
9006    <div
9007      class="
9008        spacing-style
9009        layout-panel-flex
9010        layout-panel-flex--column
9011        section-content-wrapper
9012         mobile-column
9013      "
9014      style="
9015        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
9016
9017--gap: 12px;
9018
9019--horizontal-alignment: flex-start; --vertical-alignment: center;
9020--vertical-alignment-mobile: center;
9021
9022        --padding-block-start: 0px;--padding-block-end: 0px;
9023      "
9024      data-testid="section-content"
9025    >
9026      
9027  
9028
9029    </div>
9030  </div>
9031</div>
9032
9033
9034
9035
9036
9037</div>
9038<!-- END sections: header-group -->
9039    </div>
9040
9041    
9041<script>
9042      // Inline header height and menu style calculations to prevent layout shift
9043      // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
9044      (function setHeaderHeighCustomProperties() {
9045        /*
9046         * Header calculation functions for maintaining CSS variables
9047         * Mimic calculateHeaderGroupHeight() in utilities.js
9048         */
9049        const header = document.querySelector('header-component');
9050        const headerGroup = document.querySelector('#header-group');
9051        const hasHeaderSection = headerGroup?.querySelector('.header-section');
9052
9053        if (!header || !headerGroup) return;
9054
9055        const headerTopRow = header.querySelector('.header__row--top');
9056        const headerHeight = header.offsetHeight;
9057
9058        // Calculate the total height of the header group
9059        let headerGroupHeight = 0;
9060        const children = headerGroup.children;
9061        for (let i = 0; i < children.length; i++) {
9062          const element = children[i];
9063          if (element === header || !(element instanceof HTMLElement)) continue;
9064          headerGroupHeight += element.offsetHeight;
9065        }
9066
9067        // Check for transparent header special case
9068        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
9069          headerGroupHeight += headerHeight;
9070        }
9071
9072        // Set CSS variables
9073        document.body.style.setProperty('--header-height', `${headerHeight}px`);
9074        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
9075
9076        if (headerTopRow) {
9077          window.requestAnimationFrame(function () {
9078            document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
9079          });
9080        }
9081
9082        /**
9083         * Updates CSS custom properties for transparent header offset calculation
9084         * Mimic updateTransparentHeaderOffset() in utilities.js
9085         */
9086
9087        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
9088          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
9089          return;
9090        }
9091
9092        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
9093
9094        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
9095        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
9096      })();
9097
9098      (function setHeaderMenuStyle() {
9099        const headerComponent = document.querySelector('#header-component');
9100        if (headerComponent) {
9101          const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
9102          const overflowList = headerComponent?.querySelector('overflow-list');
9103          const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
9104          headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
9105        }
9106      })();
9107    </script>
9107
9108
9109    <main
9110      id="MainContent"
9111      class="content-for-layout"
9112      role="main"
9113      data-page-transition-enabled="false"
9114      data-product-transition="false"
9115      data-template="collection"
9116    >
9117      
9118        
9119
9120
9121
9122      
9123      
9124      <div id="shopify-section-template--27379202883618__section" class="shopify-section section-wrapper">
9125
9126<div class="section-background color-scheme-1"></div>
9127<div
9128  class="section section--page-width color-scheme-1"
9129  data-testid="ui-test-section"
9130
9131  
9132
9133  style="
9134    
9135
9136    
9137  "
9138>
9139  <div class="custom-section-background">
9140    
9141
9142
9143
9144  </div>
9145
9146  <div
9147    class="border-style custom-section-content"
9148    style="--border-width: 1px; --border-style: none; --border-color:
9149rgb(var(--color-border-rgb) / 1.0); --border-radius:
91500px; 
9151"
9152  >
9153    
9154
9155    <div
9156      class="
9157        spacing-style
9158        layout-panel-flex
9159        layout-panel-flex--column
9160        section-content-wrapper
9161         mobile-column
9162      "
9163      style="
9164        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
9165
9166--gap: 12px;
9167
9168--horizontal-alignment: flex-start; --vertical-alignment: center;
9169--vertical-alignment-mobile: center;
9170
9171        --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
9172      "
9173      data-testid="section-content"
9174    >
9175      
9176  
9177
9178
9179
9180
9181  
9182
9183
9184
9185<p class="bp-breadcrumbs">
9186
9187      <a class="bp-breadcrumbs__link" href="/">Home</a>
9188
9189
9190    <span class="bp-breadcrumbs__separator" aria-hidden="true"><svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
9191  <path d="M1.5 1L6.5 6L1.5 11" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9192</svg>
9193</span>
9194      <a class="bp-breadcrumbs__link" href="/collections/gardening-supplies">Gardening Supplies</a>
9195
9196
9197    <span class="bp-breadcrumbs__separator" aria-hidden="true"><svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
9198  <path d="M1.5 1L6.5 6L1.5 11" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9199</svg>
9200</span>
9201      <span class="bp-breadcrumbs__current">Watering Products</span>
9202
9203
9204</p>
9204<script type="application/ld+json">
9205    {
9206      "@context": "https://schema.org",
9207      "@type": "BreadcrumbList",
9208      "itemListElement": [{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.burpee.com\/"},{"@type":"ListItem","position":2,"name":"Gardening Supplies","item":"https:\/\/www.burpee.com\/collections\/gardening-supplies"},{"@type":"ListItem","position":3,"name":"Watering Products"}]
9209    }
9210  </script>
9210
9211
9212
9213
9214
9215
9216
9217
9218
9219
9220
9221  <div class=" spacing-style text-block text-block--AVDRQYXM5MG1UN0RBW__text_tqQTNE h2      "  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);          ">
9222    <h1>Watering Products</h1>
9223  </div>
9224
9225
9226
9227
9228
9229
9230
9231
9232
9233
9234
9235
9236
9237  <rte-formatter class=" spacing-style text-block text-block--Adm42OEkxdGhFd2tlR__text_twGGkJ rte     rte   "  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-full);          ">
9238    When it comes to watering, the right tools make a big difference for you and your crops. Water deeply to the roots to quench plants’ thirst, and always take note of varying hydration needs.
9239  </rte-formatter>
9240
9241
9242
9243
9244
9245
9246
9247
9248    </div>
9249  </div>
9250</div>
9251
9252
9253
9254
9255
9256</div><div id="shopify-section-template--27379202883618__main" class="shopify-section">
9256<script
9257  src="//www.burpee.com/cdn/shop/t/5/assets/results-list.js?v=28346210841421047511782933460"
9258  type="module"
9259  fetchpriority="low"
9260></script>
9260
9261
9262
9263<script
9264  src="//www.burpee.com/cdn/shop/t/5/assets/bp-collection-soldout-sort.js?v=22067812226749727141786996450"
9265  type="module"
9266  defer
9267></script>
9267
9268
9269
9270
9271
9272
9273<div class="section-background color-scheme-1"></div>
9274<results-list
9275  class="section product-grid-container color-scheme-1"
9276  style="--padding-block-start: 0px; --padding-block-end: 32px;"
9277  section-id="template--27379202883618__main"
9278  infinite-scroll="true"
9279>
9280  <a
9281  class="skip-to-content-link button-secondary"
9282  href="#ResultsList"
9283>
9284  Skip to results list
9285</a>
9286
9287
9288
9289
9290  <div
9291    class="collection-wrapper grid gap-style"
9292  >
9293    
9293<script
9294  src="//www.burpee.com/cdn/shop/t/5/assets/facets.js?v=39184237186866875691782933462"
9295  type="module"
9296  fetchpriority="low"
9297></script>
9297
9298
9299<script
9300  src="//www.burpee.com/cdn/shop/t/5/assets/scrolling.js?v=162288454571026455011782933461"
9301  type="module"
9302  fetchpriority="low"
9303></script>
9303
9304
9305<script type="module" src="//www.burpee.com/cdn/shop/t/5/assets/bp-tooltip-position.js?v=162046542812360469211786555601" defer></script>
9305
9306
9307
9308
9309
9310
9311  
9312    
9313    <div
9314      class="facets facets--horizontal facets-controls-wrapper spacing-style"
9315      style="--padding-block-start: 8px;--padding-block-end: 8px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
9316    >
9317      
9318        <h4 class="facets--filters-title">Shop By</h4>
9319      
9320
9321      <div
9322        class="products-count-wrapper"
9323        data-testid="products-count"
9324      >
9325        <span title="Product count">
9326          
93271 item
9328        </span>
9329      </div>
9330
9331      
9332        <sorting-filter-component
9333  class="sorting-filter"
9334  on:change="/updateFilterAndSorting"
9335  on:keydown="/handleKeyDown"
9336  
9337    data-testid="sorting-filter-component-desktop"
9338  
9339  data-should-use-select-on-mobile="false"
9340>
9341  
9342
9343  <div class="sorting-filter__container  hidden ">
9344    <label
9345      for="sort-select-template--27379202883618__main"
9346      class="facets__label"
9347    >Sort</label>
9348    <div class="sorting-filter__select-wrapper">
9349      <select
9350        id="sort-select-template--27379202883618__main"
9351        name="sort_by"
9352        class="sorting-filter__select"
9353        
9354          disabled
9355        
9356      >
9357        
9358          <option
9359            value="manual"
9360            
9361          >
9362            Featured
9363          </option>
9364        
9365          <option
9366            value="most-relevant"
9367            
9368              selected
9369            
9370          >
9371            Most relevant
9372          </option>
9373        
9374          <option
9375            value="best-selling"
9376            
9377          >
9378            Best selling
9379          </option>
9380        
9381          <option
9382            value="title-ascending"
9383            
9384          >
9385            Alphabetically, A-Z
9386          </option>
9387        
9388          <option
9389            value="title-descending"
9390            
9391          >
9392            Alphabetically, Z-A
9393          </option>
9394        
9395          <option
9396            value="price-ascending"
9397            
9398          >
9399            Price, low to high
9400          </option>
9401        
9402          <option
9403            value="price-descending"
9404            
9405          >
9406            Price, high to low
9407          </option>
9408        
9409          <option
9410            value="created-ascending"
9411            
9412          >
9413            Date, old to new
9414          </option>
9415        
9416          <option
9417            value="created-descending"
9418            
9419          >
9420            Date, new to old
9421          </option>
9422        
9423      </select>
9424      <svg
9425        aria-hidden="true"
9426        focusable="false"
9427        class="icon icon-caret"
9428        width="8"
9429        height="13"
9430        viewBox="0 0 8 13"
9431      >
9432<g opacity="0.6">
9433      <path
9434        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"
9435        fill="#333030"
9436      />
9437      <path
9438        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"
9439        fill="#333030"
9440      />
9441    </g></svg>
9442    </div>
9443  </div>
9444
9445  <accordion-custom
9446    
9447  >
9448    <details
9449      ref="details"
9450      id="Sorting-template--27379202883618__main"
9451      data-default-sort-by="most-relevant"
9452      class="facets__panel "
9453      data-auto-close-details="desktop,mobile"
9454      on:toggle="/handleToggle"
9455    >
9456      <summary
9457        class="facets__summary"
9458        role="button"
9459        aria-expanded="false"
9460        aria-controls="sorting-options-template--27379202883618__main"
9461        ref="summary"
9462      >
9463        <span
9464          class="facets__label"
9465          id="sort-label-template--27379202883618__main"
9466        >Sort</span>
9467        <span
9468          class="facets__status h6 desktop:hidden"
9469        >Most relevant</span>
9470        <span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9471  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9472</svg>
9473</span>
9474      </summary>
9475      <floating-panel-component
9476        id="sorting-options-template--27379202883618__main"
9477        class="sorting-filter__options color-scheme-1"
9478        role="listbox"
9479        aria-labelledby="sort-label-template--27379202883618__main"
9480        ref="listbox"
9481      >
9482        <div class="sorting-filter__options-inner">
9483          
9484            <label
9485              for="sort-option-manual-template--27379202883618__main"
9486            >
9487              <div
9488                class="sorting-filter__option"
9489                role="option"
9490                aria-selected="false"
9491                tabindex="-1"
9492              >
9493                <input
9494                  type="radio"
9495                  name="sort_by"
9496                  id="sort-option-manual-template--27379202883618__main"
9497                  
9498                    form="FacetFiltersForm--template--27379202883618__main-desktop"
9499                  
9500                  value="manual"
9501                  class="sorting-filter__input"
9502                  data-option-name="Featured"
9503                  
9504                  aria-hidden="true"
9505                >
9506                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9507<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"/>
9508</svg>
9509</span>
9510                <span class="sorting-filter__label">Featured</span>
9511              </div>
9512            </label>
9513          
9514            <label
9515              for="sort-option-most-relevant-template--27379202883618__main"
9516            >
9517              <div
9518                class="sorting-filter__option"
9519                role="option"
9520                aria-selected="true"
9521                tabindex="0"
9522              >
9523                <input
9524                  type="radio"
9525                  name="sort_by"
9526                  id="sort-option-most-relevant-template--27379202883618__main"
9527                  
9528                    form="FacetFiltersForm--template--27379202883618__main-desktop"
9529                  
9530                  value="most-relevant"
9531                  class="sorting-filter__input"
9532                  data-option-name="Most relevant"
9533                  
9534                    checked
9535                  
9536                  aria-hidden="true"
9537                >
9538                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9539<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"/>
9540</svg>
9541</span>
9542                <span class="sorting-filter__label">Most relevant</span>
9543              </div>
9544            </label>
9545          
9546            <label
9547              for="sort-option-best-selling-template--27379202883618__main"
9548            >
9549              <div
9550                class="sorting-filter__option"
9551                role="option"
9552                aria-selected="false"
9553                tabindex="-1"
9554              >
9555                <input
9556                  type="radio"
9557                  name="sort_by"
9558                  id="sort-option-best-selling-template--27379202883618__main"
9559                  
9560                    form="FacetFiltersForm--template--27379202883618__main-desktop"
9561                  
9562                  value="best-selling"
9563                  class="sorting-filter__input"
9564                  data-option-name="Best selling"
9565                  
9566                  aria-hidden="true"
9567                >
9568                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9569<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"/>
9570</svg>
9571</span>
9572                <span class="sorting-filter__label">Best selling</span>
9573              </div>
9574            </label>
9575          
9576            <label
9577              for="sort-option-title-ascending-template--27379202883618__main"
9578            >
9579              <div
9580                class="sorting-filter__option"
9581                role="option"
9582                aria-selected="false"
9583                tabindex="-1"
9584              >
9585                <input
9586                  type="radio"
9587                  name="sort_by"
9588                  id="sort-option-title-ascending-template--27379202883618__main"
9589                  
9590                    form="FacetFiltersForm--template--27379202883618__main-desktop"
9591                  
9592                  value="title-ascending"
9593                  class="sorting-filter__input"
9594                  data-option-name="Alphabetically, A-Z"
9595                  
9596                  aria-hidden="true"
9597                >
9598                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9599<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"/>
9600</svg>
9601</span>
9602                <span class="sorting-filter__label">Alphabetically, A-Z</span>
9603              </div>
9604            </label>
9605          
9606            <label
9607              for="sort-option-title-descending-template--27379202883618__main"
9608            >
9609              <div
9610                class="sorting-filter__option"
9611                role="option"
9612                aria-selected="false"
9613                tabindex="-1"
9614              >
9615                <input
9616                  type="radio"
9617                  name="sort_by"
9618                  id="sort-option-title-descending-template--27379202883618__main"
9619                  
9620                    form="FacetFiltersForm--template--27379202883618__main-desktop"
9621                  
9622                  value="title-descending"
9623                  class="sorting-filter__input"
9624                  data-option-name="Alphabetically, Z-A"
9625                  
9626                  aria-hidden="true"
9627                >
9628                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9629<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"/>
9630</svg>
9631</span>
9632                <span class="sorting-filter__label">Alphabetically, Z-A</span>
9633              </div>
9634            </label>
9635          
9636            <label
9637              for="sort-option-price-ascending-template--27379202883618__main"
9638            >
9639              <div
9640                class="sorting-filter__option"
9641                role="option"
9642                aria-selected="false"
9643                tabindex="-1"
9644              >
9645                <input
9646                  type="radio"
9647                  name="sort_by"
9648                  id="sort-option-price-ascending-template--27379202883618__main"
9649                  
9650                    form="FacetFiltersForm--template--27379202883618__main-desktop"
9651                  
9652                  value="price-ascending"
9653                  class="sorting-filter__input"
9654                  data-option-name="Price, low to high"
9655                  
9656                  aria-hidden="true"
9657                >
9658                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9659<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"/>
9660</svg>
9661</span>
9662                <span class="sorting-filter__label">Price, low to high</span>
9663              </div>
9664            </label>
9665          
9666            <label
9667              for="sort-option-price-descending-template--27379202883618__main"
9668            >
9669              <div
9670                class="sorting-filter__option"
9671                role="option"
9672                aria-selected="false"
9673                tabindex="-1"
9674              >
9675                <input
9676                  type="radio"
9677                  name="sort_by"
9678                  id="sort-option-price-descending-template--27379202883618__main"
9679                  
9680                    form="FacetFiltersForm--template--27379202883618__main-desktop"
9681                  
9682                  value="price-descending"
9683                  class="sorting-filter__input"
9684                  data-option-name="Price, high to low"
9685                  
9686                  aria-hidden="true"
9687                >
9688                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9689<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"/>
9690</svg>
9691</span>
9692                <span class="sorting-filter__label">Price, high to low</span>
9693              </div>
9694            </label>
9695          
9696            <label
9697              for="sort-option-created-ascending-template--27379202883618__main"
9698            >
9699              <div
9700                class="sorting-filter__option"
9701                role="option"
9702                aria-selected="false"
9703                tabindex="-1"
9704              >
9705                <input
9706                  type="radio"
9707                  name="sort_by"
9708                  id="sort-option-created-ascending-template--27379202883618__main"
9709                  
9710                    form="FacetFiltersForm--template--27379202883618__main-desktop"
9711                  
9712                  value="created-ascending"
9713                  class="sorting-filter__input"
9714                  data-option-name="Date, old to new"
9715                  
9716                  aria-hidden="true"
9717                >
9718                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9719<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"/>
9720</svg>
9721</span>
9722                <span class="sorting-filter__label">Date, old to new</span>
9723              </div>
9724            </label>
9725          
9726            <label
9727              for="sort-option-created-descending-template--27379202883618__main"
9728            >
9729              <div
9730                class="sorting-filter__option"
9731                role="option"
9732                aria-selected="false"
9733                tabindex="-1"
9734              >
9735                <input
9736                  type="radio"
9737                  name="sort_by"
9738                  id="sort-option-created-descending-template--27379202883618__main"
9739                  
9740                    form="FacetFiltersForm--template--27379202883618__main-desktop"
9741                  
9742                  value="created-descending"
9743                  class="sorting-filter__input"
9744                  data-option-name="Date, new to old"
9745                  
9746                  aria-hidden="true"
9747                >
9748                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9749<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"/>
9750</svg>
9751</span>
9752                <span class="sorting-filter__label">Date, new to old</span>
9753              </div>
9754            </label>
9755          
9756        </div>
9757      </floating-panel-component>
9758    </details>
9759  </accordion-custom>
9760</sorting-filter-component>
9761
9762
9763
9764      
9765
9766      
9767        <div class="column-options-wrapper">
9768  <fieldset class="column-options">
9769    <legend class="column-options__legend visually-hidden">
9770      Column grid
9771    </legend>
9772
9773    
9774      <label class="column-options__option">
9775        <input
9776          type="radio"
9777          name="grid"
9778          value="default"
9779          class="column-options__option-input"
9780          checked
9781          aria-label="Default"
9782          data-grid-layout="desktop-default-option"
9783          on:change="results-list/updateLayout"
9784          data-skip-node-update
9785        >
9786        <span class="column-picker column-picker--default"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
9787<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"/>
9788<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
978866 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"/>
9789<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"/>
9790<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.
9790011 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"/>
9791</svg>
9792</span>
9793      </label>
9794
9795      <label class="column-options__option">
9796        <input
9797          type="radio"
9798          name="grid"
9799          value="zoom-out"
9800          class="column-options__option-input"
9801          aria-label="Zoom out"
9802          on:change="results-list/updateLayout"
9803          data-skip-node-update
9804        >
9805        <span class="column-picker column-picker--zoom-out"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
9806<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"/>
9807<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"/>
9808<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"/>
9809<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"/>
9810<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"/>
9811<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"/>
9812<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"/>
9813<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"/>
9814<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"/>
9815</svg>
9816</span>
9817      </label>
9818    
9819  </fieldset>
9820</div>
9821
9822
9823
9824      
9825    </div>
9826  
9827
9828  <div
9829    class="
9830      
9831      facets-block-wrapper
9832      facets-block-wrapper--vertical
9833
9834
9835    "
9836    style="
9837      --grid-column--desktop:2 / var(--facets-vertical-col-width);
9838      --facets-margin: 0px 20px 0px 0px;
9839      --facets-inner-padding-block: 8px 8px;
9840      --facets-inner-padding-inline: var(--padding-lg);
9841    "
9842    
9843  >
9844    <div
9845      class="facets facets--vertical spacing-style"
9846      style="--padding-block-start: 8px;--padding-block-end: 8px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
9847      aria-label="Filters"
9848    >
9849      <facets-form-component
9850        class="facets__form-wrapper"
9851        section-id="template--27379202883618__main"
9852        form-style="vertical"
9853      >
9854        <form
9855          action="/collections/watering-products"
9856          id="FacetFiltersForm--template--27379202883618__main-desktop"
9857          class="facets__form"
9858          ref="facetsForm"
9859        >
9860          
9861            <div class="facets-remove facets-remove--mobile-and-vertical">
9862
9863
9864
9865
9866</div>
9867
9868
9869
9870
9871            
9872              
9873
9874              
9875
9876              <div class="facets__filters-wrapper">
9877                
9878                  
9879
9880<accordion-custom
9881  class="facets__item"
9882  
9883
9884  
9885    open
9886    open-by-default-on-mobile
9887    open-by-default-on-desktop
9888  
9889>
9890  <details
9891    class="facets__panel"
9892    
9893    
9894      open
9895    
9896  >
9897    <summary
9898      class="facets__summary"
9899      data-testid="price-filter"
9900    >
9901      <span class="facets__label">Price</span>
9902      <facet-status-component class="facets__status">
9903        <template ref="moneyFormat">${{amount}}</template>
9904
9905        <span
9906          class="hide-when-empty"
9907          ref="facetStatus"
9908          data-currency="USD"
9909          data-range-max="15.95"
9910        ></span>
9911      </facet-status-component>
9912      <span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9913  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9914</svg>
9915</span>
9916    </summary>
9917    <floating-panel-component
9918      
9919      class="facets__panel-content details-content"
9920    >
9921      
9922      
9923
9924      <price-facet-component
9925        class="
9926          price-facet
9927        "
9928        id="facet-inputs-filter-v-price"
9929        data-money-format="${{amount}}"
9930        data-currency="USD"
9931        on:change="/updatePriceFilterAndResults"
9932      >
9933        <div class="facets__inputs-wrapper facets__inputs-wrapper--row">
9934          <div
9935            class="price-facet__inputs-wrapper"
9936          >
9937            <div class="field price-facet__field">
9938              <input
9939                class="field__input price-facet__input"
9940                name="filter.v.price.gte"
9941                id="Price-GTE"type="text"
9942                inputmode="decimal"
9943                placeholder="0"
9944                data-min="0"
9945                data-max="15.95"
9946                ref="minInput"
9947                autocomplete="off"
9948              >
9949
9950              <label
9951                class="field__label price-facet__label"
9952                for="Price-GTE"
9953              >
9954                $
9955              </label>
9956            </div>
9957
9958            <div class="price-facet__separator">to</div>
9959
9960            <div class="field price-facet__field">
9961              <input
9962                class="field__input price-facet__input"
9963                name="filter.v.price.lte"
9964                id="Price-LTE"type="text"
9965                inputmode="decimal"
9966                placeholder="15.95"
9967                data-min="0.00"
9968                data-max="15.95"
9969                ref="maxInput"
9970                autocomplete="off"
9971              >
9972              <label
9973                class="field__label price-facet__label"
9974                for="Price-LTE"
9975              >
9976                $
9977              </label>
9978            </div>
9979          </div>
9980        </div>
9981
9982        <div
9983          class="
9984            price-facet__highest-price
9985          "
9986        >The highest price is $15.95
9987        </div>
9988
9989        
9990
9991        
9992      </price-facet-component>
9993    </floating-panel-component>
9994  </details>
9995</accordion-custom>
9996
9997
9998
9999
10000                      
10001
10002
10003
10004
10005
10006
10007
10008
10009
10010<accordion-custom
10011  class="facets__item"
10012  
10013
10014  
10015    open
10016    open-by-default-on-mobile
10017    open-by-default-on-desktop
10018  
10019  data-filter-param-name="filter-v-availability"
10020>
10021  <details
10022    id="Facet-Details-template--27379202883618__main-filter-v-availability"
10023    class="facets__panel"
10024    
10025    
10026      open
10027    
10028  >
10029    <summary class="facets__summary">
10030      <span class="facets__label">
10031        <span class="bp-facet-tooltip-label-text">Availability</span></span>
10032
10033      <div class="facets__status-wrapper">
10034        
10035          <facet-status-component
10036            class="facets__status"
10037            facet-type="list"
10038            data-filter-style="vertical"
10039          >
10040            <span
10041              class="
10042                hide-when-empty
10043              "
10044              ref="facetStatus"
10045            ></span>
10046          </facet-status-component>
10047        
10048        <span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
10049  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10050</svg>
10051</span>
10052      </div>
10053    </summary>
10054    <floating-panel-component
10055      
10056      class="facets__inputs facets__panel-content details-content"
10057      id="facet-inputs-filter-v-availability"
10058    >
10059      <facet-inputs-component
10060        on:change="/updateFilters"
10061        id="facet-inputs-component-filter-v-availability"
10062      >
10063        
10064        
10065
10066        <div
10067          class="facets__inputs-wrapper"
10068          ref="showMoreContent"
10069        >
10070          
10071          <ul
10072            id="filters-list-template--27379202883618__main-filter-v-availability"
10073            class="facets__inputs-list list-unstyled"
10074            
10075            
10076            name="Availability"
10077          >
10078              <li
10079                data-skip-node-update="true"
10080                class="
10081                  facets__inputs-list-item
10082                  
10083                  
10084                "
10085                
10086              >
10087                
10088                
10089                  
10090                    <div
10091  class="checkbox"
10092  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
10093>
10094  <input
10095    type="checkbox"
10096    name="filter.v.availability"
10097    value="1"
10098    id="Filter-filter-v-availability-1-vertical-"
10099    class="checkbox__input"
10100    data-label="In stock"
10101    
10102    
10103    
10104    
10105    
10106      ref="facetInputs[]"
10107    
10108    
10109  >
10110  <label
10111    class="checkbox__label"
10112    for="Filter-filter-v-availability-1-vertical-"
10113    
10114    role="checkbox"
10115  >
10116    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10117<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"/>
10118</svg>
10119
10120    <span class="checkbox__label-text">In stock</span>
10121  </label>
10122</div>
10123
10124                  
10125                
10126              </li>
10127              <li
10128                data-skip-node-update="true"
10129                class="
10130                  facets__inputs-list-item
10131                  
10132                   facets__inputs-list-item--disabled
10133                "
10134                
10135              >
10136                
10137                
10138                  
10139                    <div
10140  class="checkbox checkbox--disabled"
10141  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
10142>
10143  <input
10144    type="checkbox"
10145    name="filter.v.availability"
10146    value="0"
10147    id="Filter-filter-v-availability-2-vertical-"
10148    class="checkbox__input"
10149    data-label="Out of stock"
10150    
10151    
10152      disabled
10153    
10154    
10155    
10156    
10157      ref="facetInputs[]"
10158    
10159    
10160  >
10161  <label
10162    class="checkbox__label"
10163    for="Filter-filter-v-availability-2-vertical-"
10164    
10165    role="checkbox"
10166  >
10167    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10168<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"/>
10169</svg>
10170
10171    <span class="checkbox__label-text">Out of stock</span>
10172  </label>
10173</div>
10174
10175                  
10176                
10177              </li></ul>
10178        </div>
10179        
10180
10181        
10182      </facet-inputs-component>
10183    </floating-panel-component>
10184  </details>
10185</accordion-custom>
10186
10187
10188
10189                  
10190
10191                
10192              </div>
10193
10194              
10195            
10196            
10197          
10198        </form>
10199      </facets-form-component>
10200    </div>
10201  </div>
10202
10203  <div
10204    class="facets-toggle"
10205    style="
10206      --facets-inner-padding-block: 8px 8px; --facets-inner-padding-inline: var(--padding-lg);
10207      --facets-margin: 0px 20px 0px 0px;
10208    "
10209  >
10210    
10211      <div class="facets-toggle__wrapper">
10212        <button
10213          class="button facets-toggle__button button-unstyled button-unstyled--with-icon"
10214          on:click="#filters-drawer/showDialog"
10215          type="button"
10216        >
10217          <span class="svg-wrapper">
10218            <svg 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>
10219
10220          </span>
10221
10222          Filter
10223
10224          
10225        </button>
10226      </div>
10227    
10228
10229    
10230
10231    <div class="facets-mobile-wrapper facets-controls-wrapper">
10232      
10233      
10234        <div class="column-options-wrapper">
10235  <fieldset class="column-options">
10236    <legend class="column-options__legend visually-hidden">
10237      Column grid
10238    </legend>
10239
10240    
10241      <label class="column-options__option">
10242        <input
10243          type="radio"
10244          name="grid-mobile"
10245          value="mobile-single"
10246          class="column-options__option-input"
10247          aria-label="Single"
10248          on:change="results-list/updateLayout"
10249        >
10250        <span class="column-picker column-picker-mobile--single"><svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
10251<rect x="4.75" y="4.25" width="10" height="12" rx="2.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/>
10252</svg>
10253</span>
10254      </label>
10255
10256      <label class="column-options__option">
10257        <input
10258          type="radio"
10259          class="column-options__option-input"
10260          name="grid-mobile"
10261          value="default"
10262          checked
10263          aria-label="Default"
10264          data-grid-layout="mobile-option"
10265          on:change="results-list/updateLayout"
10266        >
10267        <span class="column-picker column-picker-mobile--double"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
10268<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"/>
10269<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.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"/>
10270<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"/>
10271<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.12
1027166 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.011 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"/>
10272</svg>
10273</span>
10274      </label>
10275
10276    
10277  </fieldset>
10278</div>
10279
10280
10281
10282      
10283    </div>
10284  </div>
10285
10286
10287
10288  <dialog-component
10289    id="filters-drawer"
10290    class="facets-block-wrapper facets-block-wrapper--vertical color-scheme-1"
10291  >
10292    <dialog
10293      ref="dialog"
10294      class="facets facets--drawer dialog-modal drawer dialog-drawer dialog-drawer--right spacing-style"
10295      style="--padding-block-start: 8px;--padding-block-end: 8px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
10296      scroll-lock
10297      aria-labelledby="filters-drawer-heading"
10298    >
10299      
10300      <facets-form-component
10301        class="facets__form-wrapper facets-drawer__form-wrapper"
10302        section-id="template--27379202883618__main"
10303        id="FacetFiltersFormComponent--template--27379202883618__main-overflow"
10304      >
10305        <form
10306          action="/collections/watering-products"
10307          id="FacetFiltersForm--template--27379202883618__main-overflow"
10308          class="facets__form"
10309          ref="facetsForm"
10310        >
10311          <div
10312            class="facets__title-wrapper"
10313            style="--color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
10314          >
10315            <h2
10316              id="filters-drawer-heading"
10317              class="facets-drawer__title h3"
10318            >
10319              Filter
10320
10321              
10322            </h2>
10323            <button
10324              class="button facets-drawer__close button-unstyled close-button"
10325              on:click="dialog-component/closeDialog"
10326              type="button"
10327            >
10328              <span
10329                class="svg-wrapper svg-wrapper--small"
10330                title="Close"
10331              >
10332                <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
10333  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10334  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10335</svg>
10336
10337              </span>
10338            </button>
10339          </div>
10340
10341          <scroll-hint
10342            class="facets-drawer__filters"
10343          >
10344            
10345              <div class="facets-remove facets-remove--mobile-and-vertical">
10346
10347
10348
10349
10350</div>
10351
10352
10353
10354
10355              <div class="facets__filters-wrapper">
10356                
10357                
10358
10359<accordion-custom
10360  class="facets__item"
10361  
10362
10363  
10364    open
10365    open-by-default-on-mobile
10366    open-by-default-on-desktop
10367  
10368>
10369  <details
10370    class="facets__panel"
10371    
10372    
10373      open
10374    
10375  >
10376    <summary
10377      class="facets__summary"
10378      data-testid="price-filter"
10379    >
10380      <span class="facets__label">Price</span>
10381      <facet-status-component class="facets__status">
10382        <template ref="moneyFormat">${{amount}}</template>
10383
10384        <span
10385          class="hide-when-empty"
10386          ref="facetStatus"
10387          data-currency="USD"
10388          data-range-max="15.95"
10389        ></span>
10390      </facet-status-component>
10391      <span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
10392  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10393</svg>
10394</span>
10395    </summary>
10396    <floating-panel-component
10397      
10398      class="facets__panel-content details-content"
10399    >
10400      
10401      
10402
10403      <price-facet-component
10404        class="
10405          price-facet
10406        "
10407        id="facet-inputs-filter-v-price"
10408        data-money-format="${{amount}}"
10409        data-currency="USD"
10410        on:change="/updatePriceFilterAndResults"
10411      >
10412        <div class="facets__inputs-wrapper facets__inputs-wrapper--row">
10413          <div
10414            class="price-facet__inputs-wrapper"
10415          >
10416            <div class="field price-facet__field">
10417              <input
10418                class="field__input price-facet__input"
10419                name="filter.v.price.gte"
10420                id="Price-GTE"type="text"
10421                inputmode="decimal"
10422                placeholder="0"
10423                data-min="0"
10424                data-max="15.95"
10425                ref="minInput"
10426                autocomplete="off"
10427              >
10428
10429              <label
10430                class="field__label price-facet__label"
10431                for="Price-GTE"
10432              >
10433                $
10434              </label>
10435            </div>
10436
10437            <div class="price-facet__separator">to</div>
10438
10439            <div class="field price-facet__field">
10440              <input
10441                class="field__input price-facet__input"
10442                name="filter.v.price.lte"
10443                id="Price-LTE"type="text"
10444                inputmode="decimal"
10445                placeholder="15.95"
10446                data-min="0.00"
10447                data-max="15.95"
10448                ref="maxInput"
10449                autocomplete="off"
10450              >
10451              <label
10452                class="field__label price-facet__label"
10453                for="Price-LTE"
10454              >
10455                $
10456              </label>
10457            </div>
10458          </div>
10459        </div>
10460
10461        <div
10462          class="
10463            price-facet__highest-price
10464          "
10465        >The highest price is $15.95
10466        </div>
10467
10468        
10469
10470        
10471      </price-facet-component>
10472    </floating-panel-component>
10473  </details>
10474</accordion-custom>
10475
10476
10477
10478
10479                      
10480
10481
10482
10483
10484
10485
10486
10487
10488
10489<accordion-custom
10490  class="facets__item"
10491  
10492
10493  
10494    open
10495    open-by-default-on-mobile
10496    open-by-default-on-desktop
10497  
10498  data-filter-param-name="filter-v-availability"
10499>
10500  <details
10501    id="Facet-Details-template--27379202883618__main-filter-v-availability"
10502    class="facets__panel"
10503    
10504    
10505      open
10506    
10507  >
10508    <summary class="facets__summary">
10509      <span class="facets__label">
10510        <span class="bp-facet-tooltip-label-text">Availability</span></span>
10511
10512      <div class="facets__status-wrapper">
10513        
10514          <facet-status-component
10515            class="facets__status"
10516            facet-type="list"
10517            data-filter-style="vertical"
10518          >
10519            <span
10520              class="
10521                hide-when-empty
10522              "
10523              ref="facetStatus"
10524            ></span>
10525          </facet-status-component>
10526        
10527        <span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
10528  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10529</svg>
10530</span>
10531      </div>
10532    </summary>
10533    <floating-panel-component
10534      
10535      class="facets__inputs facets__panel-content details-content"
10536      id="facet-inputs-filter-v-availability"
10537    >
10538      <facet-inputs-component
10539        on:change="/updateFilters"
10540        id="facet-inputs-component-filter-v-availability"
10541      >
10542        
10543        
10544
10545        <div
10546          class="facets__inputs-wrapper"
10547          ref="showMoreContent"
10548        >
10549          
10550          <ul
10551            id="filters-list-template--27379202883618__main-filter-v-availability"
10552            class="facets__inputs-list list-unstyled"
10553            
10554            
10555            name="Availability"
10556          >
10557              <li
10558                data-skip-node-update="true"
10559                class="
10560                  facets__inputs-list-item
10561                  
10562                  
10563                "
10564                
10565              >
10566                
10567                
10568                  
10569                    <div
10570  class="checkbox"
10571  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
10572>
10573  <input
10574    type="checkbox"
10575    name="filter.v.availability"
10576    value="1"
10577    id="Filter-filter-v-availability-1-vertical-true"
10578    class="checkbox__input"
10579    data-label="In stock"
10580    
10581    
10582    
10583    
10584    
10585      ref="facetInputs[]"
10586    
10587    
10588  >
10589  <label
10590    class="checkbox__label"
10591    for="Filter-filter-v-availability-1-vertical-true"
10592    
10593    role="checkbox"
10594  >
10595    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10596<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"/>
10597</svg>
10598
10599    <span class="checkbox__label-text">In stock</span>
10600  </label>
10601</div>
10602
10603                  
10604                
10605              </li>
10606              <li
10607                data-skip-node-update="true"
10608                class="
10609                  facets__inputs-list-item
10610                  
10611                   facets__inputs-list-item--disabled
10612                "
10613                
10614              >
10615                
10616                
10617                  
10618                    <div
10619  class="checkbox checkbox--disabled"
10620  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
10621>
10622  <input
10623    type="checkbox"
10624    name="filter.v.availability"
10625    value="0"
10626    id="Filter-filter-v-availability-2-vertical-true"
10627    class="checkbox__input"
10628    data-label="Out of stock"
10629    
10630    
10631      disabled
10632    
10633    
10634    
10635    
10636      ref="facetInputs[]"
10637    
10638    
10639  >
10640  <label
10641    class="checkbox__label"
10642    for="Filter-filter-v-availability-2-vertical-true"
10643    
10644    role="checkbox"
10645  >
10646    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10647<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"/>
10648</svg>
10649
10650    <span class="checkbox__label-text">Out of stock</span>
10651  </label>
10652</div>
10653
10654                  
10655                
10656              </li></ul>
10657        </div>
10658        
10659
10660        
10661      </facet-inputs-component>
10662    </floating-panel-component>
10663  </details>
10664</accordion-custom>
10665
10666
10667
10668                  
10669</div>
10670            
10671
10672            
10673              <sorting-filter-component
10674  class="sorting-filter"
10675  on:change="/updateFilterAndSorting"
10676  on:keydown="/handleKeyDown"
10677  
10678  data-should-use-select-on-mobile="true"
10679>
10680  
10681
10682  <div class="sorting-filter__container  desktop:hidden ">
10683    <label
10684      for="sort-select-template--27379202883618__main"
10685      class="facets__label"
10686    >Sort</label>
10687    <div class="sorting-filter__select-wrapper">
10688      <select
10689        id="sort-select-template--27379202883618__main"
10690        name="sort_by"
10691        class="sorting-filter__select"
10692        
10693      >
10694        
10695          <option
10696            value="manual"
10697            
10698          >
10699            Featured
10700          </option>
10701        
10702          <option
10703            value="most-relevant"
10704            
10705              selected
10706            
10707          >
10708            Most relevant
10709          </option>
10710        
10711          <option
10712            value="best-selling"
10713            
10714          >
10715            Best selling
10716          </option>
10717        
10718          <option
10719            value="title-ascending"
10720            
10721          >
10722            Alphabetically, A-Z
10723          </option>
10724        
10725          <option
10726            value="title-descending"
10727            
10728          >
10729            Alphabetically, Z-A
10730          </option>
10731        
10732          <option
10733            value="price-ascending"
10734            
10735          >
10736            Price, low to high
10737          </option>
10738        
10739          <option
10740            value="price-descending"
10741            
10742          >
10743            Price, high to low
10744          </option>
10745        
10746          <option
10747            value="created-ascending"
10748            
10749          >
10750            Date, old to new
10751          </option>
10752        
10753          <option
10754            value="created-descending"
10755            
10756          >
10757            Date, new to old
10758          </option>
10759        
10760      </select>
10761      <svg
10762        aria-hidden="true"
10763        focusable="false"
10764        class="icon icon-caret"
10765        width="8"
10766        height="13"
10767        viewBox="0 0 8 13"
10768      >
10769<g opacity="0.6">
10770      <path
10771        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"
10772        fill="#333030"
10773      />
10774      <path
10775        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"
10776        fill="#333030"
10777      />
10778    </g></svg>
10779    </div>
10780  </div>
10781
10782  <accordion-custom
10783    
10784  >
10785    <details
10786      ref="details"
10787      id="Sorting-template--27379202883618__main"
10788      data-default-sort-by="most-relevant"
10789      class="facets__panel  mobile:hidden "
10790      data-auto-close-details="desktop,mobile"
10791      on:toggle="/handleToggle"
10792    >
10793      <summary
10794        class="facets__summary"
10795        role="button"
10796        aria-expanded="false"
10797        aria-controls="sorting-options-template--27379202883618__main"
10798        ref="summary"
10799      >
10800        <span
10801          class="facets__label"
10802          id="sort-label-template--27379202883618__main"
10803        >Sort</span>
10804        <span
10805          class="facets__status h6 desktop:hidden"
10806        >Most relevant</span>
10807        <span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
10808  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10809</svg>
10810</span>
10811      </summary>
10812      <floating-panel-component
10813        id="sorting-options-template--27379202883618__main"
10814        class="sorting-filter__options color-scheme-1"
10815        role="listbox"
10816        aria-labelledby="sort-label-template--27379202883618__main"
10817        ref="listbox"
10818      >
10819        <div class="sorting-filter__options-inner">
10820          
10821            <label
10822              for="sort-option-manual-template--27379202883618__main"
10823            >
10824              <div
10825                class="sorting-filter__option"
10826                role="option"
10827                aria-selected="false"
10828                tabindex="-1"
10829              >
10830                <input
10831                  type="radio"
10832                  name="sort_by"
10833                  id="sort-option-manual-template--27379202883618__main"
10834                  
10835                    form="FacetFiltersForm--template--27379202883618__main-overflow"
10836                  
10837                  value="manual"
10838                  class="sorting-filter__input"
10839                  data-option-name="Featured"
10840                  
10841                  aria-hidden="true"
10842                >
10843                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10844<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"/>
10845</svg>
10846</span>
10847                <span class="sorting-filter__label">Featured</span>
10848              </div>
10849            </label>
10850          
10851            <label
10852              for="sort-option-most-relevant-template--27379202883618__main"
10853            >
10854              <div
10855                class="sorting-filter__option"
10856                role="option"
10857                aria-selected="true"
10858                tabindex="0"
10859              >
10860                <input
10861                  type="radio"
10862                  name="sort_by"
10863                  id="sort-option-most-relevant-template--27379202883618__main"
10864                  
10865                    form="FacetFiltersForm--template--27379202883618__main-overflow"
10866                  
10867                  value="most-relevant"
10868                  class="sorting-filter__input"
10869                  data-option-name="Most relevant"
10870                  
10871                    checked
10872                  
10873                  aria-hidden="true"
10874                >
10875                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10876<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"/>
10877</svg>
10878</span>
10879                <span class="sorting-filter__label">Most relevant</span>
10880              </div>
10881            </label>
10882          
10883            <label
10884              for="sort-option-best-selling-template--27379202883618__main"
10885            >
10886              <div
10887                class="sorting-filter__option"
10888                role="option"
10889                aria-selected="false"
10890                tabindex="-1"
10891              >
10892                <input
10893                  type="radio"
10894                  name="sort_by"
10895                  id="sort-option-best-selling-template--27379202883618__main"
10896                  
10897                    form="FacetFiltersForm--template--27379202883618__main-overflow"
10898                  
10899                  value="best-selling"
10900                  class="sorting-filter__input"
10901                  data-option-name="Best selling"
10902                  
10903                  aria-hidden="true"
10904                >
10905                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10906<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"/>
10907</svg>
10908</span>
10909                <span class="sorting-filter__label">Best selling</span>
10910              </div>
10911            </label>
10912          
10913            <label
10914              for="sort-option-title-ascending-template--27379202883618__main"
10915            >
10916              <div
10917                class="sorting-filter__option"
10918                role="option"
10919                aria-selected="false"
10920                tabindex="-1"
10921              >
10922                <input
10923                  type="radio"
10924                  name="sort_by"
10925                  id="sort-option-title-ascending-template--27379202883618__main"
10926                  
10927                    form="FacetFiltersForm--template--27379202883618__main-overflow"
10928                  
10929                  value="title-ascending"
10930                  class="sorting-filter__input"
10931                  data-option-name="Alphabetically, A-Z"
10932                  
10933                  aria-hidden="true"
10934                >
10935                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10936<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"/>
10937</svg>
10938</span>
10939                <span class="sorting-filter__label">Alphabetically, A-Z</span>
10940              </div>
10941            </label>
10942          
10943            <label
10944              for="sort-option-title-descending-template--27379202883618__main"
10945            >
10946              <div
10947                class="sorting-filter__option"
10948                role="option"
10949                aria-selected="false"
10950                tabindex="-1"
10951              >
10952                <input
10953                  type="radio"
10954                  name="sort_by"
10955                  id="sort-option-title-descending-template--27379202883618__main"
10956                  
10957                    form="FacetFiltersForm--template--27379202883618__main-overflow"
10958                  
10959                  value="title-descending"
10960                  class="sorting-filter__input"
10961                  data-option-name="Alphabetically, Z-A"
10962                  
10963                  aria-hidden="true"
10964                >
10965                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10966<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"/>
10967</svg>
10968</span>
10969                <span class="sorting-filter__label">Alphabetically, Z-A</span>
10970              </div>
10971            </label>
10972          
10973            <label
10974              for="sort-option-price-ascending-template--27379202883618__main"
10975            >
10976              <div
10977                class="sorting-filter__option"
10978                role="option"
10979                aria-selected="false"
10980                tabindex="-1"
10981              >
10982                <input
10983                  type="radio"
10984                  name="sort_by"
10985                  id="sort-option-price-ascending-template--27379202883618__main"
10986                  
10987                    form="FacetFiltersForm--template--27379202883618__main-overflow"
10988                  
10989                  value="price-ascending"
10990                  class="sorting-filter__input"
10991                  data-option-name="Price, low to high"
10992                  
10993                  aria-hidden="true"
10994                >
10995                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10996<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"/>
10997</svg>
10998</span>
10999                <span class="sorting-filter__label">Price, low to high</span>
11000              </div>
11001            </label>
11002          
11003            <label
11004              for="sort-option-price-descending-template--27379202883618__main"
11005            >
11006              <div
11007                class="sorting-filter__option"
11008                role="option"
11009                aria-selected="false"
11010                tabindex="-1"
11011              >
11012                <input
11013                  type="radio"
11014                  name="sort_by"
11015                  id="sort-option-price-descending-template--27379202883618__main"
11016                  
11017                    form="FacetFiltersForm--template--27379202883618__main-overflow"
11018                  
11019                  value="price-descending"
11020                  class="sorting-filter__input"
11021                  data-option-name="Price, high to low"
11022                  
11023                  aria-hidden="true"
11024                >
11025                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11026<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"/>
11027</svg>
11028</span>
11029                <span class="sorting-filter__label">Price, high to low</span>
11030              </div>
11031            </label>
11032          
11033            <label
11034              for="sort-option-created-ascending-template--27379202883618__main"
11035            >
11036              <div
11037                class="sorting-filter__option"
11038                role="option"
11039                aria-selected="false"
11040                tabindex="-1"
11041              >
11042                <input
11043                  type="radio"
11044                  name="sort_by"
11045                  id="sort-option-created-ascending-template--27379202883618__main"
11046                  
11047                    form="FacetFiltersForm--template--27379202883618__main-overflow"
11048                  
11049                  value="created-ascending"
11050                  class="sorting-filter__input"
11051                  data-option-name="Date, old to new"
11052                  
11053                  aria-hidden="true"
11054                >
11055                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11056<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"/>
11057</svg>
11058</span>
11059                <span class="sorting-filter__label">Date, old to new</span>
11060              </div>
11061            </label>
11062          
11063            <label
11064              for="sort-option-created-descending-template--27379202883618__main"
11065            >
11066              <div
11067                class="sorting-filter__option"
11068                role="option"
11069                aria-selected="false"
11070                tabindex="-1"
11071              >
11072                <input
11073                  type="radio"
11074                  name="sort_by"
11075                  id="sort-option-created-descending-template--27379202883618__main"
11076                  
11077                    form="FacetFiltersForm--template--27379202883618__main-overflow"
11078                  
11079                  value="created-descending"
11080                  class="sorting-filter__input"
11081                  data-option-name="Date, new to old"
11082                  
11083                  aria-hidden="true"
11084                >
11085                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11086<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"/>
11087</svg>
11088</span>
11089                <span class="sorting-filter__label">Date, new to old</span>
11090              </div>
11091            </label>
11092          
11093        </div>
11094      </floating-panel-component>
11095    </details>
11096  </accordion-custom>
11097</sorting-filter-component>
11098
11099
11100
11101            
11102          </scroll-hint>
11103        </form>
11104      </facets-form-component>
11105
11106      <div
11107        class="facets__drawer-actions"
11108      >
11109        <facet-remove-component
11110          data-url="/collections/watering-products"
11111          active-class="facets__clear-all--active"
11112        >
11113          <button
11114            type="button"
11115            class="button-secondary facets__clear-all"
11116            ref="clearButton"
11117            on:click="/removeFilter?form=FacetFiltersFormComponent--template--27379202883618__main-overflow"
11118            on:keydown="/removeFilter?form=FacetFiltersFormComponent--template--27379202883618__main-overflow"
11119          >Clear all</button>
11120        </facet-remove-component>
11121
11122        
11123          <button
11124            class="button facets__see-results"
11125            type="button"
11126            on:click="dialog-component/closeDialog"
11127          >See 1 item</button>
11128        
11129      </div>
11130    </dialog>
11131  </dialog-component>
11132
11133
11134
11135
11136
11137
11138
11139    
11140
11141    
11142
11143    
11144      
11145
11146      
11147
11148
11149<style data-shopify>
11150  @media screen and (min-width: 750px) {
11151    
11152        .product-grid--template--27379202883618__main:is(.product-grid--grid) {
11153          --product-grid-columns-desktop: repeat(auto-fill, minmax(250px, 1fr));
11154        }
11155
11156
11157      
11158
11159    /* 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. */
11160    
11161
11162    /* When zoomed out, fit as many 100px-wide columns as possible */
11163    .product-grid--template--27379202883618__main[product-grid-view='zoom-out'] {
11164      --product-grid-columns-desktop: repeat(auto-fill, minmax(6.25rem, 1fr));
11165    }
11166
11167    .product-grid--template--27379202883618__main[product-grid-view='zoom-out'] .product-grid-view-zoom-out--details {
11168      display: block;
11169    }
11170
11171    .product-grid--template--27379202883618__main[product-grid-view='zoom-out'] .product-grid__card {
11172      padding-inline-start: var(--zoom-out-padding-inline-start, 0);
11173      padding-inline-end: var(--zoom-out-padding-inline-end, 0);
11174      padding-block-start: var(--zoom-out-padding-block-start, 0);
11175      padding-block-end: var(--zoom-out-padding-block-end, 0);
11176    }
11177  }
11178</style>
11179<div
11180  id="ResultsList"
11181  class="
11182    grid main-collection-grid
11183
11184 collection-wrapper--full-width-on-mobile
11185    spacing-style
11186  "
11187
11188  style="
11189    --grid--margin--mobile: 0 0;
11190    --grid-column--desktop: var(--centered);
11191    --grid-column--mobile: var(--full-width);
11192    --padding-inline-start: 0px;
11193    --padding-inline-end: 0px;
11194  "
11195>
11196  <div
11197    style="
11198      grid-column: var(--full-width);
11199      --product-grid-gap-mobile: 12px 12px;
11200      --product-grid-gap-desktop: 24px 16px;
11201      container-type: inline-size;
11202      container-name: product-grid;
11203    "
11204  >
11205    
11206      
11207        <span ref="viewMorePrevious"></span>
11208      
11209
11210      
11211      <ul
11212        class="product-grid product-grid--template--27379202883618__main product-grid--grid "
11213        data-testid="product-grid"
11214        product-grid-view="default"
11215        ref="grid"
11216        role="list"
11217        data-last-page="1"
11218        data-product-card-size="medium"
11219        style="--mobile-columns: 2;"
11220      >
11221        
11222        
11223          
11223<script>
11224            (() => {
11225              const grid = document.querySelector('.product-grid');
11226              if (!grid) return;
11227
11228              const storedLayoutMobile = sessionStorage.getItem('product-grid-view-mobile') || 'default';
11229              const storedLayoutDesktop = sessionStorage.getItem('product-grid-view-desktop') || 'default';
11230
11231              // No need to read the window width if no custom layouts were saved.
11232              if (storedLayoutMobile === 'default' && storedLayoutDesktop === 'default') return;
11233
11234              const storedLayout = window.innerWidth >= 750 ? storedLayoutDesktop : storedLayoutMobile;
11235              if (storedLayout === 'default') return;
11236
11237              grid.setAttribute('product-grid-view', storedLayout);
11238
11239              const options = document.querySelectorAll(
11240                'input[type="radio"][name="grid"], input[type="radio"][name="grid-mobile"]'
11241              );
11242              for (const option of options) {
11243                option.checked = option.value === storedLayout;
11244              }
11245            })();
11246          </script>
11246
11247        
11248
11249        
11250        
11251          
11252          <li
11253            id="template--27379202883618__main-8497734352930"
11254            class="product-grid__item product-grid__item--0"
11255            data-page="1"
11256            data-product-id="8497734352930"
11257            ref="cards[]"
11258            
11259
11260
11261
11262
11263
11264
11265
11266
11267
11268
11269
11270
11271
11272
11273
11274
11275
11276
11277
11278
11279
11280
11281          >
11282            
11283            
11284
11285
11286
11287<style data-shopify>
11288  
11289</style>
11290
11291
11292
11293<product-card
11294  class="product-card size-style"
11295  style="--size-style-width: ;--size-style-height: ;"
11296  data-product-id="8497734352930"
11297  id="product-card-AclRVekZzYXliS2I5L__product-card"
11298  
11299  
11300  
11301>
11302  <a
11303    id="1a02536d15c53dc1f6c9cc400cc213ee"
11304    
11305      href="/products/tomato-pepper-automator-trays-prod001247?variant=45869410025506"
11306    
11307    class="product-card__link"
11308    ref="productCardLink"
11309  >
11310    <span class="visually-hidden">
11311      Tomato & Pepper Automator Trays
11312    </span>
11313  </a>
11314  <div
11315    class="
11316      product-card__content
11317      layout-panel-flex
11318      layout-panel-flex--column
11319      product-grid__card
11320      spacing-style
11321      border-style
11322      gap-style
11323      
11324    "
11325    style="
11326      --border-width: 1px; --border-style: none; --border-color:
11327rgb(var(--color-border-rgb) / 1.0); --border-radius:
113280px; 
11329
11330      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
11331
11332
11333
11334--horizontal-alignment: ; --vertical-alignment: ;
11335--vertical-alignment-mobile: ;
11336
11337      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11338      --product-card-gap: 4px;
11339      --quick-add-display: none;
11340      --quick-add-mobile-display: none;
11341      --quick-add-mobile-opacity: 0;
11342      
11343      
11344      
11345      
11346    "
11347  >
11348    
11349  
11350
11351
11352
11353
11354
11355<div
11356  ref="cardGallery"
11357  class="card-gallery card-gallery-AVHBWQWJsenR6Uk1Bb__card-gallery spacing-style border-style"
11358  style="
11359    --border-width: 1px; --border-style: none; --border-color:
11360rgb(var(--color-border-rgb) / 1.0); --border-radius:
113610px; 
11362
11363    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11364    --gallery-aspect-ratio: 1.0;
11365  "
11366  data-product-id="8497734352930"
11367  
11368  
11369  data-image-ratio="adapt"
11370  
11371>
11372    <a
11373      class="contents"
11374      ref="cardGalleryLink"
11375      href="/products/tomato-pepper-automator-trays-prod001247?variant=45869410025506"
11376      aria-label="Tomato & Pepper Automator Trays"
11377    >
11378      <slideshow-component
11379  
11380    ref="slideshow"
11381  
11382  
11383  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
11384  
11385  initial-slide="0"
11386  
11387  
11388    infinite
11389  
11390
11391  data-generic-media-size="1" disabled="true"
11392>
11393  
11394  <slideshow-container ref="slideshowContainer">
11395    
11396    
11397    <slideshow-slides
11398      tabindex="-1"
11399      ref="scroller"
11400      
11401    >
11402      <slideshow-slide
11403  ref="slides[]"
11404  aria-hidden="false"
11405  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
11406  
11407    class="product-media-container media-fit product-media-container--image"
11408  
11409  
11410  
11411  
11412    slide-id="46085966954530"
11413  
11414  
11415  
11416  
11417>
11418  
11419
11420<div
11421  class="product-media"
11422  style="--ratio: 1.0"
11423  data-media-id="46085966954530"
11424>
11425  
11426  <img src="//www.burpee.com/cdn/shop/files/4fa98aaf99923367b23d5ea5ebfc014b1bb19f31.jpg?v=1790023538&amp;width=3840" alt="Tomato &amp; Pepper Automator Trays" srcset="//www.burpee.com/cdn/shop/files/4fa98aaf99923367b23d5ea5ebfc014b1bb19f31.jpg?v=1790023538&amp;width=240 240w, //www.burpee.com/cdn/shop/files/4fa98aaf99923367b23d5ea5ebfc014b1bb19f31.jpg?v=1790023538&amp;width=352 352w, //www.burpee.com/cdn/shop/files/4fa98aaf99923367b23d5ea5ebfc014b1bb19f31.jpg?v=1790023538&amp;width=832 832w, //www.burpee.com/cdn/shop/files/4fa98aaf99923367b23d5ea5ebfc014b1bb19f31.jpg?v=1790023538&amp;width=1200 1200w, //www.burpee.com/cdn/shop/files/4fa98aaf99923367b23d5ea5ebfc014b1bb19f31.jpg?v=1790023538&amp;width=1600 1600w, //www.burpee.com/cdn/shop/files/4fa98aaf99923367b23d5ea5ebfc014b1bb19f31.jpg?v=1790023538&amp;width=1920 1920w, //www.burpee.com/cdn/shop/files/4fa98aaf99923367b23d5ea5ebfc014b1bb19f31.jpg?v=1790023538&amp;width=2560 2560w, //www.burpee.com/cdn/shop/files/4fa98aaf99923367b23d5ea5ebfc014b1bb19f31.jpg?v=1790023538&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.burpee.com/cdn/shop/files/4fa98aaf99923367b23d5ea5ebfc014b1bb19f31.jpg?v=1790023538&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
11427
11428  
11429</div>
11430
11431
11432
11433</slideshow-slide>
11434
11435    </slideshow-slides>
11436  </slideshow-container>
11437  
11438</slideshow-component>
11439
11440
11441
11442    </a>
11443  
11444  
11445    <div
11446      class="product-badges product-badges--top-right"
11447      style="
11448        --badge-border-radius: 100px;
11449        --badge-font-family: var(--font-body--family);
11449 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
11450      "
11451    ></div>
11452    
11453  
11454
11455</div>
11456
11457
11458
11459
11460
11461<div class="product-grid-view-zoom-out--details">
11462  
11463    <h3 class="h4">Tomato & Pepper Automator Trays</h3>
11464  
11465</div>
11466
11467
11468
11469
11470
11471  
11472  <a
11473    class="contents user-select-text"
11474    ref="productTitleLink"
11475    href="/products/tomato-pepper-automator-trays-prod001247?variant=45869410025506"
11476  >
11477    
11478
11479
11480
11481
11482
11483
11484  <div class=" spacing-style text-block text-block--AUmxUVzdkZVZDdFovZ__product_title_4nY4eT rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
11485    <p>Tomato & Pepper Automator Trays</p>
11486  </div>
11487
11488
11489
11490
11491  </a>
11492  <p class="bp-short-description">
11493    
11494    Your plants new best friend.
11495    
11496  </p>
11497
11498
11499
11500
11501
11502<product-price
11503  class="text-block text-block--align-left text-left h6 spacing-style"
11504  data-block-id="Ab0RTTlNYbU00MDNaO__price_EzJzMm"
11505  data-product-id="8497734352930"
11506  style="
11507    
11508--color: var(--color-foreground);
11509    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11510    --width: 100%;
11511  "
11512  
11513>
11514  <div ref="priceContainer">
11515  
11516    
11517    
11518
11519    
11520      
11521      
11522        <span class="price">$15.95</span>
11523      
11524    
11525    
11526
11527    
11528  
11529</div>
11530
11531  
11532</product-price>
11533
11534
11535
11536
11537
11538
11539
11540
11541
11542
11543
11544
11545
11546
11547  </div>
11548</product-card>
11549
11550
11551
11552
11553
11554
11555            
11556          </li>
11557          
11558        
11559      
11560      </ul>
11561      
11562        <span ref="viewMoreNext"></span>
11563      
11564    
11565  </div>
11566</div>
11567
11568
11569
11570    
11571  </div>
11572</results-list>
11573
11574
11575
11576
11577</div>
11578    </main>
11579
11580    <footer>
11581      <!-- BEGIN sections: footer-group -->
11582<div id="shopify-section-sections--27379201671202__footer" class="shopify-section shopify-section-group-footer-group section-wrapper"><div class="section-background color-scheme-3"></div>
11583  <section class="bp-contact-block" aria-label="Contact, email updates, and catalog requests">
11584  <div class="bp-contact-block__inner">
11585
11586    <div class="bp-contact-block__panel bp-contact-block__panel--contact">
11587      <h2 class="bp-contact-block__heading">Contact Us</h2>
11588      <p class="bp-contact-block__body">
11589        View <a href="/pages/faq">FAQs</a>, <a href="/account">track your order</a>
11590        or <a href="https://support.burpee.com/support/home">get in touch</a>
11591      </p>
11592      <a class="bp-contact-block__phone" href="tel:18008881447" aria-label="Call us at 1-800-888-1447">1-800-888-1447</a>
11593    </div>
11594
11595    <div class="bp-contact-block__panel bp-contact-block__panel--email">
11596      <h2 class="bp-contact-block__heading">Email Updates</h2>
11597      <p class="bp-contact-block__body">Sign up for exclusive offers, tips and more!</p><form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="bp-contact-block__email-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter">
11598        <div class="bp-contact-block__email-row">
11599          <label for="bp-contact-block-email" class="visually-hidden">Email address</label>
11600          <input
11601            id="bp-contact-block-email"
11602            class="bp-contact-block__email-input"
11603            type="email"
11604            name="contact[email]"
11605            placeholder="Enter Email Address"
11606            autocomplete="email"
11607            required
11608            
11609          >
11610          <button class="bp-contact-block__email-btn" type="submit">Subscribe</button>
11611        </div></form></div>
11612
11613    <div class="bp-contact-block__panel bp-contact-block__panel--catalog">
11614      <h2 class="bp-contact-block__heading">Catalog Requests</h2>
11615      <p class="bp-contact-block__body">Request a free copy of the latest Burpee catalog.</p>
11616      <a class="bp-contact-block__catalog-btn" href="/pages/catalogrequest">Request Catalog</a>
11617    </div>
11618
11619  </div>
11620</section>
11621
11622<div
11623  class="section section--page-width color-scheme-3"
11624>
11625  
11626  
11627  <div class="bp-footer-links">
11628      <accordion-custom data-disable-on-desktop="true" open-by-default-on-desktop>
11629        <details class="bp-footer-links__details">
11630          <summary class="bp-footer-links__summary" id="footer-nav-about">
11631            About
11632            <span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
11633  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11634</svg>
11635</span>
11636          </summary>
11637          <nav class="details-content" aria-labelledby="footer-nav-about">
11638            <ul>
11639              <li><a href="/pages/about-us">About Burpee</a></li>
11640              <li><a href="/pages/garden-guide">Garden Guide</a></li>
11641              <li><a href="/pages/company-history">Company History</a></li>
11642              <li><a href="/pages/careers">Careers</a></li>
11643              <li><a href="/pages/nongmo-policy">Non GMO</a></li>
11644            </ul>
11645          </nav>
11646        </details>
11647      </accordion-custom>
11648      <accordion-custom data-disable-on-desktop="true" open-by-default-on-desktop>
11649        <details class="bp-footer-links__details">
11650          <summary class="bp-footer-links__summary" id="footer-nav-support">
11651            Support
11652            <span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
11653  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11654</svg>
11655</span>
11656          </summary>
11657          <nav class="details-content" aria-labelledby="footer-nav-support">
11658            <ul>
11659              <li><a href="https://support.burpee.com/support/home">Customer Support</a></li>
11660              <li><a href="/account">My Account</a></li>
11661              <li><a href="/account">Order Status</a></li>
11662              <li><a href="/pages/shipping-information">Shipping Information</a></li>
11663              <li><a href="/pages/faq">FAQ</a></li>
11664              <li><a href="/pages/public-relations-contact">Public Relations</a></li>
11665            </ul>
11666          </nav>
11667        </details>
11668      </accordion-custom>
11669      <accordion-custom data-disable-on-desktop="true" open-by-default-on-desktop>
11670        <details class="bp-footer-links__details">
11671          <summary class="bp-footer-links__summary" id="footer-nav-policies">
11672            Policies
11673            <span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
11674  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11675</svg>
11676</span>
11677          </summary>
11678          <nav class="details-content" aria-labelledby="footer-nav-policies">
11679            <ul>
11680              <li><a href="/policies/terms-of-service">Terms &amp; Conditions</a></li>
11681              <li><a href="/policies/privacy-policy">Privacy Policy</a></li>
11682              <li><a href="/pages/about-cookies">Cookies Policy</a></li>
11683              <li><a href="/policies/refund-policy">Return Policy</a></li>
11684              <li><a href="/policies/shipping-policy">Shipping Policy</a></li>
11685              <li><a href="/pages/sales-tax">Sales Tax</a></li>
11686              <li><a href="/pages/accessibility-statement">Accessibility Statement</a></li>
11687            </ul>
11688          </nav>
11689        </details>
11690      </accordion-custom>
11691      <accordion-custom data-disable-on-desktop="true" open-by-default-on-desktop>
11692        <details class="bp-footer-links__details">
11693          <summary class="bp-footer-links__summary" id="footer-nav-shop">
11694            Shop
11695            <span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
11696  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11697</svg>
11698</span>
11699          </summary>
11700          <nav class="details-content" aria-labelledby="footer-nav-shop">
11701            <ul>
11702              <li><a href="https://catalogs.burpee.com/books/gqwr/#p=1">Shop Digital Catalog</a></li>
11703              <li><a href="/pages/catalogrequest">Request a Catalog</a></li>
11704              <li><a href="/products/burpee-com-gift-card">Gift Cards</a></li>
11705              <li><a href="/pages/farmers-market">
11705Farmers Market</a></li>
11706            </ul>
11707          </nav>
11708        </details>
11709      </accordion-custom>
11710      <figure>
11711        <a href="/pages/catalogrequest">
11712          <img src="https://cdn.shopify.com/s/files/1/0741/3606/0159/files/2026_catalog_1.png?v=1773173536" alt="2026 Burpee Catalog cover" width="259" height="341"/>
11713          <figcaption>Request a Catalog</figcaption>
11714        </a>
11715      </figure>
11716    </div>
11717    
11718    
11719</div>
11720
11721
11722
11723
11724</div><div id="shopify-section-sections--27379201671202__utilities" class="shopify-section shopify-section-group-footer-group footer-utilities"><div class="section-background color-scheme-5"></div>
11725<div
11726  class="section section--page-width color-scheme-5"
11727  
11728>
11729  <div
11730    class="utilities utilities--blocks-3 spacing-style"
11731    style="--padding-block-start: 12px;--padding-block-end: 16px; --border-width: 1px; --gap: 24px;"
11732    data-testid="footer-utilities"
11733  >
11734    
11735<div
11736  class="
11737    footer-utilities__group-copyright
11738    custom-typography
11739    custom-font-size
11740  "
11741  style="
11742--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-);"
11743  
11744>
11745  <span class="footer-utilities__text">
11746    &copy; 2026
11747    <a href="/" title="">Burpee Seeds &amp; Plants</a></span>
11748</div>
11749
11750
11751
11752  <anchored-popover-component
11753    data-hover-triggered="true"
11754  >
11755    <button
11756      class="policy-list-trigger button-unstyled"
11757      popovertarget="terms-policies-popover"
11758      popovertargetaction="toggle"
11759      ref="trigger"
11760      style="
11761--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-);"
11762      
11763    >
11764      Terms and Policies
11765    </button>
11766    <div
11767      class="terms-policies-popover color-scheme-1"
11768      id="terms-policies-popover"
11769      popover="auto"
11770      ref="popover"
11771    >
11772      <ul
11773        class="
11774          policy_list list-unstyled
11775          custom-typography
11776          custom-font-size
11777        "
11778      ><li>
11779              <a
11780                href="/policies/privacy-policy"
11781                class="footer-utilities__text"
11782              >Privacy policy</a>
11783            </li><li>
11784              <a
11785                href="/policies/refund-policy"
11786                class="footer-utilities__text"
11787              >Refund policy</a>
11788            </li><li>
11789              <a
11790                href="/policies/terms-of-service"
11791                class="footer-utilities__text"
11792              >Terms of service</a>
11793            </li><li>
11794              <a
11795                href="/policies/shipping-policy"
11796                class="footer-utilities__text"
11797              >Shipping policy</a>
11798            </li></ul>
11799    </div>
11800  </anchored-popover-component>
11801
11802
11803
11804
11805
11806<div
11807  class="social-icons__wrapper"
11808  
11809>
11810  
11811
11812  
11813    
11814
11815    
11816    
11817      
11818        <div
11819          class="social-icons__icon-wrapper"
11820        >
11821          <a
11822            href="https://www.facebook.com/BurpeeGardening"
11823            target="_blank"
11824            rel="noopener noreferrer"
11825            aria-label="Facebook"
11826            
11827          >
11828            <span class="social-icons__icon-label">Facebook</span>
11829            
11830              <svg
11831                class="social-icons__icon icon-default"
11832                aria-hidden="true"
11833                focusable="false"
11834                xmlns="http://www.w3.org/2000/svg"
11835                viewBox="0 0 20 20"
11836              >
11837<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>
11838            
11839          </a>
11840        </div>
11841      
11842    
11843  
11844    
11845
11846    
11847    
11848      
11849        <div
11850          class="social-icons__icon-wrapper"
11851        >
11852          <a
11853            href="https://www.instagram.com/burpeegardening/"
11854            target="_blank"
11855            rel="noopener noreferrer"
11856            aria-label="Instagram"
11857            
11858          >
11859            <span class="social-icons__icon-label">Instagram</span>
11860            
11861              <svg
11862                class="social-icons__icon icon-default"
11863                aria-hidden="true"
11864                focusable="false"
11865                xmlns="http://www.w3.org/2000/svg"
11866                viewBox="0 0 20 20"
11867              >
11868<path
11869      fill-rule="evenodd"
11870      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"
11871      clip-rule="evenodd"
11872    /></svg>
11873            
11874          </a>
11875        </div>
11876      
11877    
11878  
11879    
11880
11881    
11882    
11883      
11884    
11885  
11886    
11887
11888    
11889    
11890      
11891    
11892  
11893    
11894
11895    
11896    
11897      
11898        <div
11899          class="social-icons__icon-wrapper"
11900        >
11901          <a
11902            href="https://twitter.com/burpeegardening"
11903            target="_blank"
11904            rel="noopener noreferrer"
11905            aria-label="Twitter"
11906            
11907          >
11908            <span class="social-icons__icon-label">Twitter</span>
11909            
11910              <svg
11911                class="social-icons__icon icon-default"
11912                aria-hidden="true"
11913                focusable="false"
11914                xmlns="http://www.w3.org/2000/svg"
11915                viewBox="0 0 20 20"
11916              >
11917<path
11918      fill-rule="evenodd"
11919      clip-rule="evenodd"
11920      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"
11921      fill="currentColor"
11922    /></svg>
11923            
11924          </a>
11925        </div>
11926      
11927    
11928  
11929    
11930
11931    
11932    
11933  
11934    
11935
11936    
11937    
11938  
11939    
11940
11941    
11942    
11943  
11944    
11945
11946    
11947    
11948  
11949    
11950
11951    
11952    
11953      
11954        <div
11955          class="social-icons__icon-wrapper"
11956        >
11957          <a
11958            href="https://www.pinterest.com/burpeegardens/"
11959            target="_blank"
11960            rel="noopener noreferrer"
11961            aria-label="Pinterest"
11962            
11963          >
11964            <span class="social-icons__icon-label">Pinterest</span>
11965            
11966              <svg
11967                class="social-icons__icon icon-default"
11968                aria-hidden="true"
11969                focusable="false"
11970                xmlns="http://www.w3.org/2000/svg"
11971                viewBox="0 0 20 20"
11972              >
11973<path d="M10 2.01c2.124.01 4.16.855 5.666 2.353a8.087 8.087 0 0 1 1.277 9.68A7.952 7.952 0 0 1 10 18.04a8.164 8.164 0 0 1-2.276-.307c.403-.653.672-1.24.816-1.729l.567-2.2c.134.27.393.5.768.702.384.192.768.297 1.19.297.836 0 1.585-.24 2.248-.72a4.678 4.678 0 0 0 1.537-1.969c.37-.89.554-1.848.537-2.813 0-1.249-.48-2.315-1.43-3.227a5.061 5.061 0 0 0-3.65-1.374c-.893 0-1.729.154-2.478.461a5.023 5.023 0 0 0-3.236 4.552c0 .72.134 1.355.413 1.902.269.538.672.922 1.22 1.152.096.039.182.039.25 0 .066-.028.114-.096.143-.192l.173-.653c.048-.144.02-.288-.105-.432a2.257 2.257 0 0 1-.548-1.565 3.803 3.803 0 0 1 3.976-3.861c1.047 0 1.863.288 2.44.855.585.576.883 1.315.883 2.228 0 .768-.106 1.479-.317 2.122a3.813 3.813 0 0 1-.893 1.556c-.384.384-.836.576-1.345.576-.413 0-.749-.144-1.018-.451-.259-.307-.345-.672-.25-1.085.147-.514.298-1.026.452-1.537l.173-.701c.057-.25.086-.451.086-.624 0-.346-.096-.634-.269-.855-.192-.22-.451-.336-.797-.336-.432 0-.797.192-1.085.595-.288.394-.442.893-.442 1.499.005.374.063.746.173 1.104l.058.144c-.576 2.478-.913 3.938-1.037 4.36-.116.528-.154 1.153-.125 1.863A8.067 8.067 0 0 1 2 10.03c0-2.208.778-4.11 2.343-5.666A7.721 7.721 0 0 1 10 2.001v.01Z" /></svg>
11974            
11975          </a>
11976        </div>
11977      
11978    
11979  
11980    
11981
11982    
11983    
11984  
11985    
11986
11987    
11988    
11989  
11990    
11991
11992    
11993    
11994  
11995</div>
11996
11997
11998
11999
12000
12001  </div>
12002</div>
12003
12004
12005
12006
12007</div>
12008<!-- END sections: footer-group -->
12009    </footer>
12010
12011    
12011<script
12012  src="//www.burpee.com/cdn/shop/t/5/assets/dialog.js?v=150888536568694194021782933461"
12013  type="module"
12014></script>
12014
12015
12016<script
12017  src="//www.burpee.com/cdn/shop/t/5/assets/predictive-search.js?v=114254291471095032431789571089"
12018  type="module"
12019  fetchpriority="low"
12020></script>
12020
12021
12022<dialog-component
12023  id="search-modal"
12024  class="search-modal"
12025  
12026>
12027  <dialog
12028    ref="dialog"
12029    on:click="/closeDialogOnClickOutside"
12030    on:keydown="/closeDialogOnEscapePress"
12031    class="search-modal__content dialog-modal"
12032    scroll-lock
12033    aria-labelledby="search-modal-heading"
12034  >
12035    <h2
12036      id="search-modal-heading"
12037      class="visually-hidden"
12038    >
12039      Search
12040    </h2>
12041    <predictive-search-component
12042      class="predictive-search color-scheme-1"
12043      style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
12044      data-section-id="predictive-search"
12045      data-testid="search-component--modal"
12046      role="search"
12047      aria-label="Search"
12048    >
12049      <form
12050        action="/search"
12051        method="get"
12052        role="search"
12053        class="predictive-search-form"
12054        ref="form"
12055        on:keydown="/onSearchKeyDown"
12056      >
12057        <div
12058          class="predictive-search-form__header"
12059        >
12060          <div class="predictive-search-form__header-inner">
12061            <label
12062              for="cmdk-input"
12063              class="visually-hidden"
12064            >Search</label>
12065            <input
12066              class="search-input"
12067              id="cmdk-input"
12068              type="search"
12069              name="q"
12070              role="combobox"
12071              aria-expanded="false"
12072              aria-owns="predictive-search-results"
12073              aria-controls="predictive-search-results"
12074              aria-haspopup="listbox"
12075              aria-autocomplete="list"
12076              autocomplete="off"
12077              placeholder="Search"
12078              ref="searchInput"
12079              on:input="/search"
12080              on:keydown="/onSearchKeyDown"
12081            >
12082            <input
12083              name="options[prefix]"
12084              type="hidden"
12085              value="last"
12086            >
12087            <span class="svg-wrapper predictive-search__icon">
12088              <svg 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>
12089
12090            </span>
12091            <button
12092              type="button"
12093              class="button-unstyled predictive-search__reset-button"
12094              ref="resetButton"
12095              hidden
12096              on:click="/resetSearch"
12097            >
12098              Clear
12099            </button>
12100          </div>
12101          <button
12102            type="button"
12103            class="button predictive-search__close-modal-button"
12104            aria-label="Close dialog"
12105            on:click="dialog-component/closeDialog"
12106            ref="closeModalButton"
12107          >
12108            <span class="svg-wrapper">
12109              <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
12110  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12111  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12112</svg>
12113
12114            </span>
12115          </button>
12116        </div>
12117
12118        <div class="predictive-search-form__content-wrapper">
12119          <div
12120            class="predictive-search-form__content"
12121            tabindex="-1"
12122            ref="predictiveSearchResults"
12123            on:click="/handleModalClick"
12124          >
12125            
12126
12127<div
12128  id="predictive-search-results"
12129  class="predictive-search-dropdown"
12130  role="listbox"
12131  aria-expanded="true"
12132  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
12133>
12134  
12135    <div class="predictive-search-results__inner">
12136      
12137      
12138        
12139        
12140        
12141          <div
12142  id="predictive-search-products"
12143  class="predictive-search-results__products"
12144  
12145    data-testid="products-list-default--modal"
12146  
12147>
12148  
12149    <h4 class="predictive-search-results__title">
12150      Products
12151    </h4>
12152    <ul
12153      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
12154      role="listbox"
12155      aria-label="Products"
12156    >
12157      
12158      
12159        <li
12160          class="predictive-search-results__card predictive-search-results__card--product"
12161          ref="resultsItems[]"
12162        >
12163          
12164          
12165<div
12166  class="resource-card"
12167  data-resource-type="product"
12168>
12169  <a
12170    class="resource-card__link"
12171    href="/products/daffodils-100-days-prod001455"
12172  >
12173    <span class="visually-hidden">
12174      100 Days Daffodil Bulbs
12175    </span>
12176  </a>
12177  <div
12178    class="resource-card__media"
12179    style="--resource-card-aspect-ratio: 1 / 1;"
12180    
12181  >
12182      
12183      
12184
12185        <img src="//www.burpee.com/cdn/shop/files/9ca9bc546b342ea74d3a40c268deaa4abb5be7ab_4182c1c3-838d-4dfc-9fc7-58db5b50918f.jpg?v=1790024311&amp;width=500" alt="" srcset="//www.burpee.com/cdn/shop/files/9ca9bc546b342ea74d3a40c268deaa4abb5be7ab_4182c1c3-838d-4dfc-9fc7-58db5b50918f.jpg?v=1790024311&amp;width=240 240w, //www.burpee.com/cdn/shop/files/9ca9bc546b342ea74d3a40c268deaa4abb5be7ab_4182c1c3-838d-4dfc-9fc7-58db5b50918f.jpg?v=1790024311&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
12186</div>
12187
12188  <div class="resource-card__content">
12189    <p class="resource-card__title paragraph">100 Days Daffodil Bulbs</p>
12190
12191    
12192      <div ref="priceContainer">
12193  
12194    
12195    
12196
12197    
12198      
12199      
12200        <span class="price">$25.95</span>
12201      
12202    
12203    
12204
12205    
12206  
12207</div>
12208    
12209  </div>
12210</div>
12211
12212          
12213        </li>
12214      
12215        <li
12216          class="predictive-search-results__card predictive-search-results__card--product"
12217          ref="resultsItems[]"
12218        >
12219          
12220          
12221<div
12222  class="resource-card"
12223  data-resource-type="product"
12224>
12225  <a
12226    class="resource-card__link"
12227    href="/products/12-in-1-galvanized-raised-bed-prod600122"
12228  >
12229    <span class="visually-hidden">
12230      12-in-1 Galvanized Raised Bed
12231    </span>
12232  </a>
12233  <div
12234    class="resource-card__media"
12235    style="--resource-card-aspect-ratio: 1 / 1;"
12236    
12237  >
12238      
12239      
12240
12241        <img src="//www.burpee.com/cdn/shop/files/7e4e1b81e2e4b4aadee57771dc19dab3e0ee3f04_93c9049c-1279-41ea-8697-ff8e6b75b592.jpg?v=1790020837&amp;width=500" alt="" srcset="//www.burpee.com/cdn/shop/files/7e4e1b81e2e4b4aadee57771dc19dab3e0ee3f04_93c9049c-1279-41ea-8697-ff8e6b75b592.jpg?v=1790020837&amp;width=240 240w, //www.burpee.com/cdn/shop/files/7e4e1b81e2e4b4aadee57771dc19dab3e0ee3f04_93c9049c-1279-41ea-8697-ff8e6b75b592.jpg?v=1790020837&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
12242</div>
12243
12244  <div class="resource-card__content">
12245    <p class="resource-card__title paragraph">12-in-1 Galvanized Raised Bed</p>
12246
12247    
12248      <div ref="priceContainer">
12249  
12250    
12251    
12252
12253    
12254      
12255      
12256        <span class="price">$199.95</span>
12257      
12258    
12259    
12260
12261    
12262  
12263</div>
12264    
12265  </div>
12266</div>
12267
12268          
12269        </li>
12270      
12271        <li
12272          class="predictive-search-results__card predictive-search-results__card--product"
12273          ref="resultsItems[]"
12274        >
12275          
12276          
12277<div
12278  class="resource-card"
12279  data-resource-type="product"
12280>
12281  <a
12282    class="resource-card__link"
12283    href="/products/16-cell-self-watering-ultimate-grow-system-prod500811"
12284  >
12285    <span class="visually-hidden">
12286      16 Cell Self-Watering Ultimate Grow System
12287    </span>
12288  </a>
12289  <div
12290    class="resource-card__media"
12291    style="--resource-card-aspect-ratio: 1 / 1;"
12292    
12293  >
12294      
12295      
12296
12297        <img src="//www.burpee.com/cdn/shop/files/b347ae96bfa4a6bb86b4162a85f3226de2504924.jpg?v=1790023327&amp;width=500" alt="" srcset="//www.burpee.com/cdn/shop/files/b347ae96bfa4a6bb86b4162a85f3226de2504924.jpg?v=1790023327&amp;width=240 240w, //www.burpee.com/cdn/shop/files/b347ae96bfa4a6bb86b4162a85f3226de2504924.jpg?v=1790023327&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
12298</div>
12299
12300  <div class="resource-card__content">
12301    <p class="resource-card__title paragraph">16 Cell Self-Watering Ultimate Grow System</p>
12302
12303    
12304      <div ref="priceContainer">
12305  
12306    
12307    
12308
12309    
12310      
12311      
12312        <span class="price">$9.95</span>
12313      
12314    
12315    
12316
12317    
12318  
12319</div>
12320    
12321  </div>
12322</div>
12323
12324          
12325        </li>
12326      
12327        <li
12328          class="predictive-search-results__card predictive-search-results__card--product"
12329          ref="resultsItems[]"
12330        >
12331          
12332          
12333<div
12334  class="resource-card"
12335  data-resource-type="product"
12336>
12337  <a
12338    class="resource-card__link"
12339    href="/products/superseed-seed-starting-tray-16-xl-cell-prod500861"
12340  >
12341    <span class="visually-hidden">
12342      16 XL Cell SuperSeed Seed Starting Tray
12343    </span>
12344  </a>
12345  <div
12346    class="resource-card__media"
12347    style="--resource-card-aspect-ratio: 1 / 1;"
12348    
12349  >
12350      
12351      
12352
12353        <img src="//www.burpee.com/cdn/shop/files/2db56cdfe7dd7ba61db076a6d0ac0ff164258a4d_06ecc831-dd1e-4531-a4a3-0b5dc2890ee5.jpg?v=1790023412&amp;width=500" alt="" srcset="//www.burpee.com/cdn/shop/files/2db56cdfe7dd7ba61db076a6d0ac0ff164258a4d_06ecc831-dd1e-4531-a4a3-0b5dc2890ee5.jpg?v=1790023412&amp;width=240 240w, //www.burpee.com/cdn/shop/files/2db56cdfe7dd7ba61db076a6d0ac0ff164258a4d_06ecc831-dd1e-4531-a4a3-0b5dc2890ee5.jpg?v=1790023412&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
12354</div>
12355
12356  <div class="resource-card__content">
12357    <p class="resource-card__title paragraph">16 XL Cell SuperSeed Seed Starting Tray</p>
12358
12359    
12360      <div ref="priceContainer">
12361  
12362    
12363    
12364
12365    
12366      
12367      
12368        <span class="price">$14.95</span>
12369      
12370    
12371    
12372
12373    
12374  
12375</div>
12376    
12377  </div>
12378</div>
12379
12380          
12381        </li>
12382      
12383    </ul>
12384  
12385</div>
12386
12387
12388
12389        
12390      
12391    </div>
12392  
12393</div>
12394
12395          </div>
12396
12397          <div class="predictive-search-form__footer">
12398            <button
12399              class="button predictive-search__search-button"
12400              ref="viewAllButton"
12401            >
12402              View all
12403            </button>
12404          </div>
12405        </div>
12406      </form>
12407    </predictive-search-component>
12408  </dialog>
12409</dialog-component>
12410
12411
12412
12413
12414    
12415    
12416    
12416<script type="module">
12417      import { bindBurpeeGrowingZoneTraits } from '//www.burpee.com/cdn/shop/t/5/assets/bp-grow-module.js?v=168878997270728674971785272312';
12418      window.bindBurpeeGrowingZoneTraits = bindBurpeeGrowingZoneTraits;
12419    </script>
12419
12420    
12420<script type="module" src="//www.burpee.com/cdn/shop/t/5/assets/bp-cart-overlay.js?v=132710403313699360671782933461" defer></script>
12420
12421    
12422    
12422<script type="application/json" id="bp-cart-notices-i18n">
12423      {
12424        "removed_title_one": "1 item was removed from your cart:",
12425        "removed_title_many": "{{ count }} items were removed from your cart:",
12426        "removed_reason": "These products are no longer available for shipping to your area.",
12427        "reduced_title_one": "The quantity of 1 item was reduced:",
12428        "reduced_title_many": "The quantity of {{ count }} items was reduced:",
12429        "reduced_reason": "These products can only ship in a single weekly shipment, so the quantity was limited to the available stock for the selected shipping week."
12430      }
12431    </script>
12431
12432    
12433    
12433<script type="module" src="//www.burpee.com/cdn/shop/t/5/assets/bp-ship-date-calc.js?v=34214526844914894331787599713" data-grow-module-url="//www.burpee.com/cdn/shop/t/5/assets/bp-grow-module.js?v=168878997270728674971785272312" defer></script>
12433
12434    
12435    
12436    
12436<script>
12437      if (!/Mobi|Android|iPhone/i.test(navigator.userAgent)) {
12438        function initFreshChat() {
12439          window.fcWidget.init({
12440              token: "e7bc4aa6-2fd7-4e9e-ad4c-598d37fbac5f",
12441        host: "https://burpee.freshchat.com"
12442          });
12443        }
12444        function initialize(i,t){var e;i.getElementById(t)?
12445        initFreshChat():((e=i.createElement("script")).id=t,e.async=!0,
12446        e.src="https://burpee.freshchat.com/js/widget.js",e.onload=initFreshChat,i.head.appendChild(e))}
12447        function initiateCall(){initialize(document,"Freshchat-js-sdk")}
12448        if (document.readyState === "complete") {
12449          initiateCall();
12450        } else if (window.addEventListener) {
12451          window.addEventListener("load", initiateCall, !1);
12452        } else {
12453          window.attachEvent("load", initiateCall, !1);
12454        }
12455    }
12456  </script>
12456
12457    
12458    
12459    
12459<script type="text/javascript" src="https://schema.milestoneinternet.com/schema/js/msschemaloader_min.js" onload="msSchemaLoader();"></script>
12459
12460    
12461  <style> .shopify-policy__body a {color: var(--bp-brand-green);} .shopify-policy__body a:hover,.shopify-policy__body a:hover u {text-decoration: none;} </style>
12462<div id="shopify-block-AQkgveGh6eVQ4S0pBa__10306775681609745795" class="shopify-block shopify-app-block"><!-- Listrak Analytics – Javascript Framework -->
12463
12464<script type="text/javascript">
12465    var biJsHost = (("https:" == document.location.protocol) ? "https://" : "http://");
12466    (function (d, s, id, tid, vid) {
12467        var js, ljs = d.getElementsByTagName(s)[0];
12468        if (d.getElementById(id)) return; js = d.createElement(s); js.id = id;
12469        js.src = biJsHost + "cdn.listrakbi.com/scripts/script.js?m=" + tid + "&v=" + vid;
12470        ljs.parentNode.insertBefore(js, ljs);
12471    })(document, 'script', 'ltkSDK', 'SrWgHeeigIZ9', '1'); 
12472</script>
12472
12473</div>
12473<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
12473
12474</body>
12475</html>
12476

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.