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 & 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 – Burpee Seeds & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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&v=1767203976" alt="" width="224" height="96" class="header-logo__image" srcset="//www.burpee.com/cdn/shop/files/burpee-logo.svg?height=96&v=1767203976 1x, //www.burpee.com/cdn/shop/files/burpee-logo.svg?height=192&v=1767203976 2x, //www.burpee.com/cdn/shop/files/burpee-logo.svg?height=288&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®ion_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®ion_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&width=3840" alt="Tomato & Pepper Automator Trays" srcset="//www.burpee.com/cdn/shop/files/4fa98aaf99923367b23d5ea5ebfc014b1bb19f31.jpg?v=1790023538&width=240 240w, //www.burpee.com/cdn/shop/files/4fa98aaf99923367b23d5ea5ebfc014b1bb19f31.jpg?v=1790023538&width=352 352w, //www.burpee.com/cdn/shop/files/4fa98aaf99923367b23d5ea5ebfc014b1bb19f31.jpg?v=1790023538&width=832 832w, //www.burpee.com/cdn/shop/files/4fa98aaf99923367b23d5ea5ebfc014b1bb19f31.jpg?v=1790023538&width=1200 1200w, //www.burpee.com/cdn/shop/files/4fa98aaf99923367b23d5ea5ebfc014b1bb19f31.jpg?v=1790023538&width=1600 1600w, //www.burpee.com/cdn/shop/files/4fa98aaf99923367b23d5ea5ebfc014b1bb19f31.jpg?v=1790023538&width=1920 1920w, //www.burpee.com/cdn/shop/files/4fa98aaf99923367b23d5ea5ebfc014b1bb19f31.jpg?v=1790023538&width=2560 2560w, //www.burpee.com/cdn/shop/files/4fa98aaf99923367b23d5ea5ebfc014b1bb19f31.jpg?v=1790023538&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&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 & 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 © 2026 11747 <a href="/" title="">Burpee Seeds & 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&width=500" alt="" srcset="//www.burpee.com/cdn/shop/files/9ca9bc546b342ea74d3a40c268deaa4abb5be7ab_4182c1c3-838d-4dfc-9fc7-58db5b50918f.jpg?v=1790024311&width=240 240w, //www.burpee.com/cdn/shop/files/9ca9bc546b342ea74d3a40c268deaa4abb5be7ab_4182c1c3-838d-4dfc-9fc7-58db5b50918f.jpg?v=1790024311&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&width=500" alt="" srcset="//www.burpee.com/cdn/shop/files/7e4e1b81e2e4b4aadee57771dc19dab3e0ee3f04_93c9049c-1279-41ea-8697-ff8e6b75b592.jpg?v=1790020837&width=240 240w, //www.burpee.com/cdn/shop/files/7e4e1b81e2e4b4aadee57771dc19dab3e0ee3f04_93c9049c-1279-41ea-8697-ff8e6b75b592.jpg?v=1790020837&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&width=500" alt="" srcset="//www.burpee.com/cdn/shop/files/b347ae96bfa4a6bb86b4162a85f3226de2504924.jpg?v=1790023327&width=240 240w, //www.burpee.com/cdn/shop/files/b347ae96bfa4a6bb86b4162a85f3226de2504924.jpg?v=1790023327&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&width=500" alt="" srcset="//www.burpee.com/cdn/shop/files/2db56cdfe7dd7ba61db076a6d0ac0ff164258a4d_06ecc831-dd1e-4531-a4a3-0b5dc2890ee5.jpg?v=1790023412&width=240 240w, //www.burpee.com/cdn/shop/files/2db56cdfe7dd7ba61db076a6d0ac0ff164258a4d_06ecc831-dd1e-4531-a4a3-0b5dc2890ee5.jpg?v=1790023412&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.