<!doctype html>
<!-- WF f1eac4660db191bb370ca18b9d24fa75 Cache -->
<html class="no-js" lang="en">
  
<head>
<link rel="stylesheet" href="/checkout/jscss/wfcheckout.css">
<script src="/checkout/jscss/wfspcheckout.js?202403270123"></script>
<script src="/checkout/jscss/jquery1.12.4.min.js"></script>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="theme-color" content="">
    
      <link rel="canonical" href="https://chalet-nursery.shop/search?q=zinnia">
    
<link rel="icon" type="image/png" href="//chalet-nursery.shop/cdn/shop/files/chalet-signatureblue-favicon-roundedsq.png?crop=center&height=32&v=1754673698&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
        Search: 62 results found for &quot;zinnia&quot;
 &ndash; Chalet-nursery</title><style>.appstle_subscription_widget0{display:none !important;}</style>
      <meta name="description" content="Serving the Chicagoland for over 100 years, Chalet-nursery is your one-stop destination for bringing beauty to your home - both inside and outside - through our landscape services and retail stores.">
    
    <link rel="preload" href="//chalet-nursery.shop/cdn/shop/t/284/assets/theme.css?v=57891152824694369891767904023" as="style" crossorigin="anonymous" />
    <link rel="preload" href="//chalet-nursery.shop/cdn/fonts/fira_sans/firasans_n4.2bbe25c7eff81f2190328b1f4c09fff694a30391.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
    
    

<meta property="og:site_name" content="Chalet-nursery">
<meta property="og:url" content="https://chalet-nursery.shop/search?q=zinnia">
<meta property="og:title" content="Search: 62 results found for &quot;zinnia&quot;">
<meta property="og:type" content="website">
<meta property="og:description" content="Serving the Chicagoland for over 100 years, Chalet-nursery is your one-stop destination for bringing beauty to your home - both inside and outside - through our landscape services and retail stores."><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Search: 62 results found for &quot;zinnia&quot;">
<meta name="twitter:description" content="Serving the Chicagoland for over 100 years, Chalet-nursery is your one-stop destination for bringing beauty to your home - both inside and outside - through our landscape services and retail stores.">
<style data-shopify>@font-face {
  font-family: Alegreya;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//chalet-nursery.shop/cdn/fonts/alegreya/alegreya_n4.9d59d35c9865f13cc7223c9847768350c0c7301a.woff2") format("woff2"),
       url("//chalet-nursery.shop/cdn/fonts/alegreya/alegreya_n4.a883043573688913d15d350b7a40349399b2ef99.woff") format("woff");
}

  @font-face {
  font-family: "Fira Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//chalet-nursery.shop/cdn/fonts/fira_sans/firasans_n4.2bbe25c7eff81f2190328b1f4c09fff694a30391.woff2") format("woff2"),
       url("//chalet-nursery.shop/cdn/fonts/fira_sans/firasans_n4.3080da6df53473deabf85f231151766e88fe58e5.woff") format("woff");
}

  @font-face {
  font-family: Archivo;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//chalet-nursery.shop/cdn/fonts/archivo/archivo_n4.dc8d917cc69af0a65ae04d01fd8eeab28a3573c9.woff2") format("woff2"),
       url("//chalet-nursery.shop/cdn/fonts/archivo/archivo_n4.bd6b9c34fdb81d7646836be8065ce3c80a2cc984.woff") format("woff");
}

  @font-face {
  font-family: Archivo;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//chalet-nursery.shop/cdn/fonts/archivo/archivo_n4.dc8d917cc69af0a65ae04d01fd8eeab28a3573c9.woff2") format("woff2"),
       url("//chalet-nursery.shop/cdn/fonts/archivo/archivo_n4.bd6b9c34fdb81d7646836be8065ce3c80a2cc984.woff") format("woff");
}

  @font-face {
  font-family: Alegreya;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//chalet-nursery.shop/cdn/fonts/alegreya/alegreya_i4.8dee6f2ed2ce33b7dc66259131d71ed090011461.woff2") format("woff2"),
       url("//chalet-nursery.shop/cdn/fonts/alegreya/alegreya_i4.f1e64827a79062bc46c078ea2821c6711f0f09ad.woff") format("woff");
}


  @font-face {
  font-family: "Fira Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//chalet-nursery.shop/cdn/fonts/fira_sans/firasans_n7.cc8dbbaa3add99fa3b5746d1e0ac6304aad5a265.woff2") format("woff2"),
       url("//chalet-nursery.shop/cdn/fonts/fira_sans/firasans_n7.ec664a82413800dfe65a9cde8547a4b8bd643b08.woff") format("woff");
}

  @font-face {
  font-family: "Fira Sans";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//chalet-nursery.shop/cdn/fonts/fira_sans/firasans_i4.c80c323ec965c58e05ab85d436c872a499b8b684.woff2") format("woff2"),
       url("//chalet-nursery.shop/cdn/fonts/fira_sans/firasans_i4.4a2d82e939dfe1cd2fff5fc4411d982dee96dce7.woff") format("woff");
}

  @font-face {
  font-family: "Fira Sans";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//chalet-nursery.shop/cdn/fonts/fira_sans/firasans_i7.a949787ab1c615cf91b95a6e513021199c64f31e.woff2") format("woff2"),
       url("//chalet-nursery.shop/cdn/fonts/fira_sans/firasans_i7.799cab282970134691125391a3ab6bd6bc1306c6.woff") format("woff");
}
</style><link href="//chalet-nursery.shop/cdn/shop/t/284/assets/theme.css?v=57891152824694369891767904023" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>:root,
  *:before {
    --base-font-size: 1.05rem;
    --font-size-medium-mobile: 1.08rem;
    --font-size-medium: 1.2rem;
    --font-size-small: 0.75rem;
    --font-size-small-mobile: 0.675rem;
    --font-size-normal: 0.9rem;
    --font-size-normal-mobile: 0.81rem;
    --font-size-large: 1.5rem;
    --font-size-large-mobile: 1.35rem;
    --heading-highlight-font-size: 100%;
    --h1-font-size: 3.825rem;
    --h2-font-size: 2.25rem;
    --h3-font-size: 1.35rem;
    --h4-font-size: 1.2375rem;
    --h5-font-size: 1.125rem;
    --h6-font-size: 1.0125rem;
    --base-font-size-mobile: 0.945rem;
    --h1-font-size-mobile: 1.9125rem;
    --h2-font-size-mobile: 1.35rem;
    --h3-font-size-mobile: 0.945rem;
    --h4-font-size-mobile: 0.86625rem;
    --h5-font-size-mobile: 0.7875rem;
    --h6-font-size-mobile: 0.70875rem;
    --rating-star-size: 0.84rem;
    --border-radius: 100px;
    --page-width: 1400px;
    --width-countdown: 9.45rem;
    --font-menu: Archivo, sans-serif;
    --font-menu-weight: 400;
    --font-menu-style: normal;
    --font-button: Archivo, sans-serif;
    --font-button-weight: 400;
    --font-button-style: normal;
    --font-body-family: "Fira Sans", sans-serif;
    --font-body-style: normal;
    --font-body-weight: 400;
    --font-heading-family: Alegreya, serif;
    --font-heading-highlight: Alegreya, serif;
    --font-heading-highlight-style: italic;
    --font-heading-highlight-weight: 400;
    --font-heading-style: normal;
    --font-heading-weight: 400;
    --heading-text-tranform: capitalize;
    --advanced-sections-spacing: 0px;
    --divider-spacing: -0;

    --colors-pulse-speech: 251, 133, 0;
    --image-treatment-overlay: 33, 32, 32;
    --image-treatment-text: 255, 255, 255;
    --colors-line-and-border: 75, 73, 73;
    --colors-line-and-border-base: 75, 73, 73;
    --colors-line-header: 75, 73, 73;
    --colors-line-footer: 75, 73, 73;
    --colors-background: 255, 255, 255;
    --colors-text: 75, 73, 73;
    --colors-heading: 75, 73, 73;
    --colors-heading-base: 75, 73, 73;
    --colors-background-secondary: 247, 246, 242;
    --colors-text-secondary: 75, 73, 73;
    --colors-heading-secondary: 75, 73, 73;
    --colors-text-link: 75, 73, 73;
    --background-color:  255, 255, 255;
    --background-color-header: 255, 255, 255;
    --colors-text-header: 75, 73, 73;
    --background-color-footer: 247, 246, 242;
    --colors-text-footer: 75, 73, 73;
    --colors-heading-footer: 75, 73, 73;
    --colors-text-link-footer: 75, 73, 73;
    --color-error: 225, 43, 40;
    --color-success: 64, 117, 252;
    --colors-price: 75, 73, 73;
    --colors-price-sale: 249, 95, 42;
    --colors-button-text: 33, 32, 32;
    --colors-button: 255, 255, 255;
    --colors-button-text-hover: 33, 32, 32;
    --colors-secondary-button: 255, 255, 255;
    --colors-button-hover: rgb(255, 255, 255);
    --colors-cart: 0, 0, 148;
    --colors-cart-text: 255, 255, 255;
    --colors-icon-rating: 0, 0, 148;
    --colors-transition-arrows: 21, 67, 38;
    --color-highlight: #4b4929;
    --background-pagination-slideshow: 33, 32, 32;
    --text-color-pagination-slideshow: 255, 255, 255;
    
      --background-secondary-button: 33, 32, 32;
      --colors-line-secondary-button: 33, 32, 32;
    
    
    
      --height-parallax: 110%;
    
    
      --image-zoom: 1.05;
    
    --card-product-bg: rgba(0,0,0,0);
    --card-product-padding: 20px;
    --card-product-padding-mobile: 5px;
    --card-product-alignment: center;
    
    --width-scrollbar: 0;
    --card-product-ratio: 150.0%;
    --card-product-img-position:  absolute;
    --card-product-img-height:  0;
    --card-product-img-zoom:  scale(1.1);
    --height-header: 0px;
    --transition-card-loading: 500ms;
    --transition-card-image-hover: 400ms;
    --transition-slideshow: 500ms;
    --transition-image-hover: 500ms;
  }
  .dark,
  .dark *:before {
    --image-treatment-overlay: 33, 32, 32;
    --image-treatment-text: 255, 255, 255;
    --colors-line-and-border: 255, 255, 255;
    --colors-line-and-border-base: 255, 255, 255;
    --colors-line-header: 255, 255, 255;
    --colors-line-footer: 47, 77, 54;
    --colors-background: 33, 32, 32;
    --colors-text: 153, 153, 153;
    --colors-heading: 255, 255, 255;
    --colors-heading-base: 255, 255, 255;
    --background-color: 33, 32, 32;
    --colors-text-link: 233, 157, 11;
    --color-error: 255, 88, 88;
    --color-success: 3, 135, 4;
    --background-color-header: 33, 32, 32;
    --colors-text-header: 153, 153, 153;
    --background-color-footer: 34, 66, 41;
    --colors-text-footer: 200, 200, 177;
    --colors-heading-footer: 255, 255, 255;
    --colors-text-link-footer: 233, 157, 11;
    --colors-price: 255, 255, 255;
    --colors-price-sale: 255, 88, 88;
    --colors-button-text: 255, 255, 255;
    --colors-button: 21, 67, 38;
    --colors-button-text-hover: 255, 255, 255;
    --colors-secondary-button: 75, 75, 75;
    --colors-button-hover: rgb(23, 83, 45);
    --colors-cart: 21, 67, 38;
    --colors-cart-text: 255, 255, 255;
    --colors-background-secondary: 39, 39, 39;
    --colors-text-secondary: 153, 153, 153;
    --colors-heading-secondary: 255, 255, 255;
    --colors-icon-rating: 23, 83, 45;
    --colors-pulse-speech: 251, 133, 0;
    --colors-transition-arrows: 21, 67, 38;
    --color-highlight: #FFFFFF;
    
      --colors-line-secondary-button: 255, 255, 255;
      --background-secondary-button: 255, 255, 255;
    
    --card-product-bg: rgba(0,0,0,0);
  }
  shopify-accelerated-checkout {
    --shopify-accelerated-checkout-button-border-radius: 100px;
  }
  shopify-accelerated-checkout-cart {
    --shopify-accelerated-checkout-button-border-radius: 100px;
    --shopify-accelerated-checkout-inline-alignment: end;
    --shopify-accelerated-checkout-button-block-size: 48px;
    --shopify-accelerated-checkout-button-inline-size: 48px;
  }
  
    [role="button"],
    [type="button"],
    .button {
      color: rgb(var(--colors-button-text-hover));
    }
    button.button-solid,
    .button.button-solid {
      border: none;
      background-color: var(--colors-button-hover);
    }
    button.button-disable-effect,
    .button.button-disable-effect,
    .payment-button .shopify-payment-button__button--unbranded {
      color: rgba(var(--colors-button-text-hover));
      background-color: var(--colors-button-hover);
    }
    .button-action {
      border: none;
      color: rgba(var(--colors-button-text-hover));
      background-color: var(--colors-button-hover);
    }
  
  [role="button"],
  [type="button"],
  .button {
    direction: ltr;
  }
  .header, .header *::before {
    --colors-text: var(--colors-text-header);
    --colors-heading: var(--colors-text-header);
    --colors-price: var(--colors-text-header);
    --colors-line-and-border: var(--colors-line-header);
  }
  #sticky-header-content .divider {
    --colors-line-and-border: var(--colors-line-header);
  }
  .paginate-slide-image {
    background: rgba(var(--background-pagination-slideshow), 0.6);
    color: rgba(var(--text-color-pagination-slideshow));
  }

  @media (min-width: 1024px) {
    .paginate-slide-image {
      color: rgba(var(--text-color-pagination-slideshow), 0.6);
    }
    .paginate-slide-image:hover {
      color: rgba(var(--text-color-pagination-slideshow));
    }
  }

  .section-quick-links,
  .section-quick-links *::before,
  .section-footer,
  .section-footer *::before {
    --colors-text: var(--colors-text-footer);
    --colors-heading: var(--colors-heading-footer);
    --colors-text-link: var(--colors-text-link-footer);
    --colors-line-and-border: var(--colors-line-footer);
  }
  .sticky-header {
    --font-body-weight: 700;
  }

  .scrollbar-horizontal {
    position: relative;
    -ms-overflow-style: none;
  }
  .scrollbar-horizontal::-webkit-scrollbar-track {
    background-color: #ececec;
  }
  .scrollbar-horizontal::-webkit-scrollbar {
    height: 3px;
  }

  .scrollbar-horizontal::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
  }

  .scrollbar-horizontal::-webkit-scrollbar-thumb {
    visibility: visible;
    background-color: #747474;
  }

  .scrollbar-horizontal::-webkit-scrollbar-thumb:hover {
    background-color: #747474;
  }
  body.scrollbar-body::-webkit-scrollbar{
    width: 5px;
  }
  .scrollbar-body::-webkit-scrollbar-track{
    background: #ececec;
  }
  .scrollbar-horizontal {
    position: relative;
    -ms-overflow-style: none;
  }
  .scrollbar-horizontal::-webkit-scrollbar-track {
    background-color: #ececec;
  }
  .scrollbar-horizontal::-webkit-scrollbar {
    height: 3px;
  }

  .scrollbar-horizontal::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
  }

  .scrollbar-horizontal::-webkit-scrollbar-thumb {
    visibility: visible;
    background-color: #747474;
  }

  .scrollbar-horizontal::-webkit-scrollbar-thumb:hover {
    background-color: #747474;
  }
  .scrollbar-body::-webkit-scrollbar{
    width: 3px;
  }
  .scrollbar-body::-webkit-scrollbar-track{
    background: #ececec;
  }
  .scrollbar-body.scrollbar-visible:active::-webkit-scrollbar-thumb,
  .scrollbar-body.scrollbar-visible:focus::-webkit-scrollbar-thumb,
  .scrollbar-body.scrollbar-visible:hover::-webkit-scrollbar-thumb {
    background: #747474;
    visibility: visible;
  }
  .scrollbar-body.scrollbar-visible::-webkit-scrollbar-track{
    background: transparent;
  }
  .scrollbar-body.scrollbar-visible::-webkit-scrollbar-thumb{
    background: transparent;
    visibility: visible;
  }
  .scrollbar-body::-webkit-scrollbar-thumb{
    background: #747474;
  }
  .animate-scroll-banner {
    animation: scrollX var(--duration, 10s) linear infinite var(--play-state, running) var(--direction);
  }
  .padding-scrollbar, .padding-scrollbar-header {
    padding-right: min(var(--width-scrollbar), 20px);
  }
  .rtl .padding-scrollbar-header {
    padding-left: min(var(--width-scrollbar), 20px);
    padding-right: 0;
  }
  
  
    .button-solid .button-text {
      position: relative;
      display: block;
    }
    .button-solid .button-text::after {
      content: "";
      pointer-events: none;
      bottom: 1px;
      left: 50%;
      position: absolute;
      width: 0%;
      height: 1px;
      background-color: rgba(var(--colors-button-text));
      transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
      transition-duration: 400ms;
      transition-property: width, left;
    }
    .button-solid:hover .button-text::after {
      
        background-color: rgba(var(--colors-button-text-hover));
      
      width: 100%;
      left: 0%;
    }
  
  .des-block iframe {
    width: 100%;
    height: 100%;
  }
  .toggle-compare  + label span:first-child,
  .toggle-compare:checked + label span:last-child {
    display: block
  }
  .toggle-compare  + label span:last-child,
  .toggle-compare:checked + label span:first-child {
    display: none;
  }
  .card-product:not(.recommendations) {}
  .dark .card-product:not(.recommendations) {background: transparent;}
  .card-product:not(.recommendations) .card-info,
  .card-product:not(.recommendations) .x-variants-data {
    padding-left: 5px;
    padding-right: 5px;
  }
  .card-product:not(.recommendations) .card-info .x-variants-data
  {
    padding-left: 0;
    padding-right: 0;
  }
  .card-product-slideshow {
      background: #f7f6f2;}
  .dark .card-product-slideshow {
      background: #272727;}
  button[class*='shopify-payment-button__more-options'] {
    color: rgba(var(--colors-text));
  }
  .group-discount:before,.group-discount:after {
    background-color: rgba(var(--colors-price-sale), 5%);
    content: "";
    position: absolute;
    right: 100%;
    height: 100%;
    top: 0;
    width: 1.25rem;
  }
  .group-discount:after {
    left: 100%;
    right: auto;
  }
  @media (min-width: 768px){
    .list-layout .card-product:not(.recommendations) {
      padding-bottom: 0;
    }
    .list-layout .card-product:not(.recommendations) .card-info,
    .list-layout .card-product:not(.recommendations) .x-variants-data{
      padding-left: 0;
      padding-right: 0;
    }
    shopify-accelerated-checkout-cart {
    --shopify-accelerated-checkout-button-block-size: 46px;
    --shopify-accelerated-checkout-button-inline-size: 46px;
  }
  }
  @media (min-width: 1024px){
    .group-discount:before,.group-discount:after {
       width: 3.5rem;
    }
    .payment-button .shopify-payment-button__button--unbranded {
      color: rgb(var(--colors-button-text));
      background: rgba(var(--colors-button));
    }
    .card-product:not(.recommendations) .card-info,
    .card-product:not(.recommendations) .x-variants-data {
      padding-left: 20px;
      padding-right: 20px;
    }
    [role="button"],
    [type="button"],
    .button {
      color: rgba(var(--colors-button-text));
    }
    button.button-solid,
    .button.button-solid {
      border: none;
      box-shadow: none;
      color: rgb(var(--colors-button-text));
      background-color: rgba(var(--colors-button));
      overflow: hidden;
      background-origin: border-box;
    }
    button.button-solid:hover,
    .button.button-solid:hover {
      
        transition-duration: 0.2s;
      
      transition-property: background-color;
      background-color: var(--colors-button-hover);
      color: rgba(var(--colors-button-text-hover));
      background-origin: border-box;
    }
    .button-action {
      border: none;
      color: rgba(var(--colors-button-text-hover));
      background-color: var(--colors-button-hover);
    }
    button.button-disable-effect,
    .button.button-disable-effect {
      color: rgb(var(--colors-button-text));
      background-color: rgba(var(--colors-button));
    }
    button.button-disable-effect:hover,
    .button.button-disable-effect:hover {
      color: rgba(var(--colors-button-text-hover));
      background-color: var(--colors-button-hover);
    }
    
    
    .button-solid:hover .button-text::after {
      background-color: rgba(var(--colors-button-text-hover));
    }
    
  }
  .inventory-low-stock-status {
    
      --stock-color: #ce021e;
    
      color: var(--stock-color);
    }
  .dark .inventory-low-stock-status {
    
      --stock-color: #f05f5f;
    
  }
  .inventory-in-stock-status {
    
      --stock-color: #058a09;
    
      color: var(--stock-color);
  }
  .dark .inventory-in-stock-status {
    
      --stock-color: #7fb800;
    
  }
  .inventory-out-of-stock-status {
    
      --stock-color: #767272;
    
      color: var(--stock-color);
  }
  .dark .inventory-out-of-stock-status {
    
      --stock-color: #999999;
    
  }
  .inventory-status {
    background-color: var(--stock-color);
  }
  .card-testimonial {
      background: #f7f6f2;}
  .dark .card-testimonial {
      background: #272727;}/* App Shopify Subscription */
  .shopify_subscriptions_app_policy a {
    position: relative;
    margin-top: .5rem;
    margin-bottom: .5rem;
    color: rgba(var(--colors-text-link)) !important;
    text-decoration-thickness: 1px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1));
    background-size: 100% 0.1em, 0 0.1em;
    background-position: 100% 100%,100% 100%;
    background-repeat: no-repeat;
    transition: background-size 250ms;
  }
  .shopify_subscriptions_app_policy:after {
    clear: both;
    content: var(--tw-content);
    display: block;
  }
  @media (min-width: 1024px) {
    .shopify_subscriptions_app_policy a:hover {
      background-size: 0 .1em, 100% .1em;
      background-position: 100% 100%, 0% 100%;
    }
  }

  /* Recurpay Subscription App */
  #recurpay-account-widget {
    margin-top: 1rem;
  }
  .rtl .recurpay__widget .recurpay__group_frequency .recurpay__frequency_label_title {
    padding-right: 10px;
    right: 0.25rem;
  }
  .rtl .recurpay__widget .recurpay__group_title {
    text-align: right;
    margin-right: 0;
    margin-left: 0.5em;
  }
  .rtl .recurpay__widget .recurpay__group_subtitle {
    text-align: right;
  }
  .rtl .recurpay__widget .recurpay__description {
    text-align: right;
  }
  .rtl .recurpay__widget .recurpay__radio_group {
    margin-right: 0;
    margin-left: 10px;
  }
  .rtl .recurpay__widget .recurpay__offer_saving_message {
    padding-right: 10px;
    padding-left: 0;
  }
  .rtl .recurpay__widget .recurpay__offer_wrapper svg {
    margin-right: 0;
    margin-left: 10px;
  }
  .rtl .recurpay__widget .recurpay__group_frequency .recurpay__frequency_label_title:before {
    left: 0.5em;
    margin-right: -50%;
    right: auto;
    margin-left: 0
  }
  .rtl .recurpay__widget .recurpay__group_frequency .recurpay__frequency_label_title:after {
    right: 0.5em;
    left: auto;
    margin-left: 0;
  }
  .rtl .upgrade-subscription-cart .upgrade-icon-wrapper {
    text-align: right;
  }

  /* Seal Subscriptions */
  .sls-widget-branding {
    z-index: 20 !important;
  }
  .card .sealsubs-target-element, .card-product-fbt .sealsubs-target-element {
    display: none !important;
  }
  .seal-portal-link a {
    position: relative;
    margin-top: .5rem;
    margin-bottom: .5rem;
    color: rgba(var(--colors-text-link)) !important;
    text-decoration-thickness: 1px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1));
    background-size: 100% 0.1em, 0 0.1em;
    background-position: 100% 100%,100% 100%;
    background-repeat: no-repeat;
    transition: background-size 250ms;
  }
  .seal-portal-link:after {
    clear: both;
    content: var(--tw-content);
    display: block;
  }
  @media (min-width: 1024px) {
    .seal-portal-link a:hover {
      background-size: 0 .1em, 100% .1em;
      background-position: 100% 100%, 0% 100%;
    }
  }
  .rtl .sealsubs-container {
    text-align: right;
  }</style>
    
    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="g8VPIWiv98sfdY85RR_rYeDJQWp_n9ef42hceoSYBsc">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/18112867/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="e15104215df182ef4f100cf32b92c813">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=18112867" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":18112867,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/18112867","merchantName":"Chalet-nursery","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Chalet-nursery","amount":"0.5"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"e15104215df182ef4f100cf32b92c813","betas":["rich-media-storefront-analytics"],"domain":"chalet-nursery.shop","predictiveSearch":true,"shopId":18112867,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "chalet-nursery.shop";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Grow Inside SALE 1-9-26","id":137686843526,"schema_name":"Eurus","schema_version":"8.3.0","theme_store_id":2048,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "chalet-nursery.shop/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<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>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"search"}</script>
<script defer="defer" async type="module" src="//chalet-nursery.shop/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_BdyHc3Nr.en.esm.js"></script>
<script defer="defer" async type="module" src="//chalet-nursery.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.common_Daul8nwZ.esm.js"></script>
<script type="module">
  await import("//chalet-nursery.shop/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_BdyHc3Nr.en.esm.js");
await import("//chalet-nursery.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.common_Daul8nwZ.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-cart-sync":["modules/v2/client.shop-cart-sync_QYOiDySF.en.esm.js","modules/v2/chunk.common_Daul8nwZ.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_DchLp9rc.en.esm.js","modules/v2/chunk.common_Daul8nwZ.esm.js"],"shop-button":["modules/v2/client.shop-button_OV7bAJc5.en.esm.js","modules/v2/chunk.common_Daul8nwZ.esm.js"],"init-windoid":["modules/v2/client.init-windoid_DwxFKQ8e.en.esm.js","modules/v2/chunk.common_Daul8nwZ.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_DWtL6Bq3.en.esm.js","modules/v2/chunk.common_Daul8nwZ.esm.js","modules/v2/chunk.modal_CQq8HTM6.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_CX9r1SjA.en.esm.js","modules/v2/chunk.common_Daul8nwZ.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_UhKnw74l.en.esm.js","modules/v2/chunk.common_Daul8nwZ.esm.js"],"pay-button":["modules/v2/client.pay-button_DzxNnLDY.en.esm.js","modules/v2/chunk.common_Daul8nwZ.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-shop-cart-sync":["modules/v2/client.init-shop-cart-sync_BdyHc3Nr.en.esm.js","modules/v2/chunk.common_Daul8nwZ.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_D8B466_1.en.esm.js","modules/v2/chunk.common_Daul8nwZ.esm.js","modules/v2/chunk.modal_CQq8HTM6.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_C8fpPm4i.en.esm.js","modules/v2/client.shop-login-button_D8B466_1.en.esm.js","modules/v2/chunk.common_Daul8nwZ.esm.js","modules/v2/chunk.modal_CQq8HTM6.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_CVTO0Ztu.en.esm.js","modules/v2/client.shop-login-button_D8B466_1.en.esm.js","modules/v2/chunk.common_Daul8nwZ.esm.js","modules/v2/chunk.modal_CQq8HTM6.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_dRgKMfrE.en.esm.js","modules/v2/client.shop-login-button_D8B466_1.en.esm.js","modules/v2/chunk.common_Daul8nwZ.esm.js","modules/v2/chunk.modal_CQq8HTM6.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_CkZpjEct.en.esm.js","modules/v2/chunk.common_Daul8nwZ.esm.js","modules/v2/chunk.modal_CQq8HTM6.esm.js"],"lead-capture":["modules/v2/client.lead-capture_BntHBhfp.en.esm.js","modules/v2/chunk.common_Daul8nwZ.esm.js","modules/v2/chunk.modal_CQq8HTM6.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_CfxcYbTm.en.esm.js","modules/v2/chunk.common_Daul8nwZ.esm.js","modules/v2/chunk.modal_CQq8HTM6.esm.js"],"shop-login":["modules/v2/client.shop-login_Da4GZ2H6.en.esm.js","modules/v2/chunk.common_Daul8nwZ.esm.js","modules/v2/chunk.modal_CQq8HTM6.esm.js"],"payment-terms":["modules/v2/client.payment-terms_MV4M3zvL.en.esm.js","modules/v2/chunk.common_Daul8nwZ.esm.js","modules/v2/chunk.modal_CQq8HTM6.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoadnono() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["https:\/\/dfjp7gc2z6ooe.cloudfront.net\/assets\/sky_pilot_v3.js?shop=chalet-nursery.shop","https:\/\/cdn-loyalty.yotpo.com\/loader\/USrzgncE33-_RoIucpdzUA.js?shop=chalet-nursery.shop","https:\/\/ufe.helixo.co\/scripts\/sdk.min.js?shop=chalet-nursery.shop","https:\/\/www.pxucdn.com\/apps\/uso.js?shop=chalet-nursery.shop","https:\/\/static.rechargecdn.com\/assets\/js\/widget.min.js?shop=chalet-nursery.shop","https:\/\/jsappcdn.hikeorders.com\/main\/assets\/js\/hko-accessibility.min.js?widgetId=chalet-nursery.shop\u0026shop=chalet-nursery.shop","https:\/\/d1o5e9vlirdalo.cloudfront.net\/vfLoader.js?pk=chalet\u0026e=prod\u0026shop=chalet-nursery.shop"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":18112867,"offset":-21600,"reqid":"6eac6248-f05c-4343-869e-70aac573c087-1768961329","pageurl":"chalet-nursery.shop\/search?q=zinnia","u":"f278b1edca45","p":"searchresults"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<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.2.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,!1)}();</script>
<script integrity="sha256-4kQ18oKyAcykRKYeNunJcIwy7WH5gtpwJnB7kiuLZ1E=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//chalet-nursery.shop/cdn/shopifycloud/storefront/assets/storefront/load_feature-a0a9edcb.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//chalet-nursery.shop/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.js?v=20250812"></script>
<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://chalet-nursery.shop/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  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);
</script>
<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})}}));
</script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://chalet-nursery.shop/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>

<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
    

    

    <style data-shopify>
      @font-face {
  font-family: Archivo;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//chalet-nursery.shop/cdn/fonts/archivo/archivo_n4.dc8d917cc69af0a65ae04d01fd8eeab28a3573c9.woff2") format("woff2"),
       url("//chalet-nursery.shop/cdn/fonts/archivo/archivo_n4.bd6b9c34fdb81d7646836be8065ce3c80a2cc984.woff") format("woff");
}

    </style>
  <!-- BEGIN app block: shopify://apps/consentmo-gdpr/blocks/gdpr_cookie_consent/4fbe573f-a377-4fea-9801-3ee0858cae41 -->


<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->












  <script async src="https://chalet-nursery.shop/onsite/js/Q3jGhe/klaviyo.js?company_id=Q3jGhe"></script>
  <script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>

  




  <script>
    window.klaviyoReviewsProductDesignMode = false
  </script>







<!-- END app block --><!-- BEGIN app block: shopify://apps/yotpo-loyalty-rewards/blocks/loader-app-embed-block/2f9660df-5018-4e02-9868-ee1fb88d6ccd -->
    <script src="https://cdn-widgetsrepository.yotpo.com/v1/loader/USrzgncE33-_RoIucpdzUA" async></script>




<!-- END app block --><!-- BEGIN app block: shopify://apps/zapiet-pickup-delivery/blocks/app-embed/5599aff0-8af1-473a-a372-ecd72a32b4d5 -->









    <style>#storePickupApp {
}
.Zapiet-Calendar__Date--disabled {
display: block !important;
}</style>




<script type="text/javascript">
    var zapietTranslations = {};

    window.ZapietMethods = {"pickup":{"active":true,"enabled":true,"name":"Pickup","sort":0,"status":{"condition":"weight","operator":"morethan","value":0,"enabled":true,"product_conditions":{"enabled":false,"value":"Delivery Only,Shipping Only","enable":false,"property":"tags","hide_button":false}},"button":{"type":"default","default":"","hover":"","active":""}},"delivery":{"active":false,"enabled":true,"name":"Delivery","sort":1,"status":{"condition":"price","operator":"morethan","value":0,"enabled":true,"product_conditions":{"enabled":false,"value":"Pickup Only,Shipping Only","enable":false,"property":"tags","hide_button":false}},"button":{"type":"default","default":"","hover":"","active":""}},"shipping":{"active":false,"enabled":true,"name":"Shipping","sort":2,"status":{"condition":"price","operator":"morethan","value":0,"enabled":true,"product_conditions":{"enabled":true,"value":"Nationwide Shipping (programming)","enable":true,"property":"collections","hide_button":false}},"button":{"type":"default","default":"","hover":"","active":""}}}
    window.ZapietEvent = {
        listen: function(eventKey, callback) {
            if (!this.listeners) {
                this.listeners = [];
            }
            this.listeners.push({
                eventKey: eventKey,
                callback: callback
            });
        },
    };

    

    
        
        var language_settings = {"enable_app":true,"enable_geo_search_for_pickups":false,"pickup_region_filter_enabled":false,"pickup_region_filter_field":null,"currency":"USD","weight_format":"lb","pickup.enable_map":false,"delivery_validation_method":"exact_postcode_matching","base_country_name":"United States","base_country_code":"US","method_display_style":"default","default_method_display_style":"classic","date_format":"l, F j, Y","time_format":"h:i A","week_day_start":"Sun","pickup_address_format":"<span class=\"name\"><strong>{{company_name}}</strong></span><span class=\"address\">{{address_line_1}}<br />{{city}}, {{postal_code}}</span><span class=\"distance\">{{distance}}</span>{{more_information}}","rates_enabled":true,"payment_customization_enabled":false,"distance_format":"mi","enable_delivery_address_autocompletion":false,"enable_delivery_current_location":false,"enable_pickup_address_autocompletion":false,"pickup_date_picker_enabled":true,"pickup_time_picker_enabled":true,"delivery_note_enabled":true,"delivery_note_required":false,"delivery_date_picker_enabled":true,"delivery_time_picker_enabled":false,"shipping.date_picker_enabled":false,"delivery_validate_cart":false,"pickup_validate_cart":false,"gmak":"","enable_checkout_locale":true,"enable_checkout_url":true,"disable_widget_for_digital_items":false,"disable_widget_for_product_handles":"digital-gift-card","colors":{"widget_active_background_color":null,"widget_active_border_color":null,"widget_active_icon_color":null,"widget_active_text_color":null,"widget_inactive_background_color":null,"widget_inactive_border_color":null,"widget_inactive_icon_color":null,"widget_inactive_text_color":null},"delivery_validator":{"enabled":false,"show_on_page_load":true,"sticky":true},"checkout":{"delivery":{"discount_code":null,"prepopulate_shipping_address":true,"preselect_first_available_time":false},"pickup":{"discount_code":null,"prepopulate_shipping_address":true,"customer_phone_required":false,"preselect_first_location":true,"preselect_first_available_time":false},"shipping":{"discount_code":null}},"day_name_attribute_enabled":false,"methods":{"pickup":{"active":true,"enabled":true,"name":"Pickup","sort":0,"status":{"condition":"weight","operator":"morethan","value":0,"enabled":true,"product_conditions":{"enabled":false,"value":"Delivery Only,Shipping Only","enable":false,"property":"tags","hide_button":false}},"button":{"type":"default","default":"","hover":"","active":""}},"delivery":{"active":false,"enabled":true,"name":"Delivery","sort":1,"status":{"condition":"price","operator":"morethan","value":0,"enabled":true,"product_conditions":{"enabled":false,"value":"Pickup Only,Shipping Only","enable":false,"property":"tags","hide_button":false}},"button":{"type":"default","default":"","hover":"","active":""}},"shipping":{"active":false,"enabled":true,"name":"Shipping","sort":2,"status":{"condition":"price","operator":"morethan","value":0,"enabled":true,"product_conditions":{"enabled":true,"value":"Nationwide Shipping (programming)","enable":true,"property":"collections","hide_button":false}},"button":{"type":"default","default":"","hover":"","active":""}}},"translations":{"methods":{"shipping":"Shipping","pickup":"Pickups","delivery":"Delivery"},"calendar":{"january":"January","february":"February","march":"March","april":"April","may":"May","june":"June","july":"July","august":"August","september":"September","october":"October","november":"November","december":"December","sunday":"Sun","monday":"Mon","tuesday":"Tue","wednesday":"Wed","thursday":"Thu","friday":"Fri","saturday":"Sat","today":null,"close":null,"labelMonthNext":"Next month","labelMonthPrev":"Previous month","labelMonthSelect":"Select a month","labelYearSelect":"Select a year","and":"and","between":"between"},"pickup":{"heading":"Store Pickup","note":null,"location_placeholder":"Enter your postal code ...","filter_by_region_placeholder":"Filter by region","location_label":"Choose a location.","datepicker_label":"Pick a date and time.","date_time_output":"{{DATE}} at {{TIME}}","datepicker_placeholder":"Choose a date and time.","locations_found":"Please choose a pickup location, date and time:","no_locations_found":"Sorry, pickup is not available for your selected items.","no_date_time_selected":"Please select a date & time.","checkout_button":"Checkout","could_not_find_location":"Sorry, we could not find your location.","checkout_error":"Please select a date and time for pickup.","more_information":"More information","opening_hours":"Opening hours","dates_not_available":"Sorry, your selected items are not currently available for pickup.","min_order_total":"Minimum order value for pickup is {{ price }}","min_order_weight":"Minimum order weight for pickup is 0.00lb","max_order_total":"Maximum order value for pickup is {{ price }}","max_order_weight":"Maximum order weight for pickup is 0.00lb","cart_eligibility_error":"Sorry, pickup is not available for your selected items."},"delivery":{"heading":"Local Delivery","note":"Enter your postal code into the field below to check if you are eligible for local delivery:","location_placeholder":"Enter your postal code ...","datepicker_label":"Pick a date and time.","datepicker_placeholder":"Choose a date and time.","date_time_output":"{{DATE}} between {{SLOT_START_TIME}} and {{SLOT_END_TIME}}","available":"Great! You are eligible for delivery.","not_available":"Sorry, delivery is not available in your area.","no_date_time_selected":"Please select a date & time for pickup.","checkout_button":"Checkout","could_not_find_location":"Sorry, we could not find your location.","checkout_error":"Please enter a valid zipcode and select your preferred date and time for delivery.","cart_eligibility_error":"Sorry, delivery is not available for your selected items.","dates_not_available":"Sorry, your selected items are not currently available for pickup.","min_order_total":"Minimum order value for delivery is $0","min_order_weight":"Minimum order weight for delivery is {{ weight }}","max_order_total":"Maximum order value for delivery is $0","max_order_weight":"Maximum order weight for delivery is {{ weight }}","delivery_validator_prelude":"Do we deliver?","delivery_validator_placeholder":"Enter your postal code ...","delivery_validator_button_label":"Go","delivery_validator_eligible_heading":"Great, we deliver to your area!","delivery_validator_eligible_content":"To start shopping just click the button below","delivery_validator_eligible_button_label":"Continue shopping","delivery_validator_not_eligible_heading":"Sorry, we do not deliver to your area","delivery_validator_not_eligible_content":"You are more then welcome to continue browsing our store","delivery_validator_not_eligible_button_label":"Continue shopping","delivery_validator_error_heading":"An error occured","delivery_validator_error_content":"Sorry, it looks like we have encountered an unexpected error. Please try again.","delivery_validator_error_button_label":"Continue shopping","delivery_note_label":"Please enter delivery instructions (optional)","delivery_note_label_required":"Please enter delivery instructions (required)","delivery_note_error":"Please enter delivery instructions"},"shipping":{"heading":"Shipping","note":"Please click the checkout button to continue.","checkout_button":"Checkout","datepicker_placeholder":"Choose a date and time.","checkout_error":"Please choose a date for shipping.","min_order_total":"Minimum order value for shipping is $0","min_order_weight":"Minimum order weight for shipping is {{ weight }}","max_order_total":"Maximum order value for shipping is $0","max_order_weight":"Maximum order weight for shipping is {{ weight }}","cart_eligibility_error":"Sorry, shipping is not available for your selected items."},"product_widget":{"title":"Delivery and pickup options:","pickup_at":"Pickup at {{ location }}","ready_for_collection":"Ready for collection from","on":"on","view_all_stores":"View all stores","pickup_not_available_item":"Pickup not available for this item","delivery_not_available_location":"Delivery not available for {{ postal_code }}","delivered_by":"Delivered by {{ date }}","delivered_today":"Delivered today","change":"Change","tomorrow":"tomorrow","today":"today","delivery_to":"Delivery to {{ postal_code }}","showing_options_for":"Showing options for {{ postal_code }}","modal_heading":"Select a store for pickup","modal_subheading":"Showing stores near {{ postal_code }}","show_opening_hours":"Show opening hours","hide_opening_hours":"Hide opening hours","closed":"Closed","input_placeholder":"Enter your postal code","input_button":"Check","input_error":"Add a postal code to check available delivery and pickup options.","pickup_available":"Pickup available","not_available":"Not available","select":"Select","selected":"Selected","find_a_store":"Find a store"},"shipping_language_code":"en","delivery_language_code":"en-AU","pickup_language_code":"en-CA"},"default_language":"en","region":"us-2","api_region":"api-us","enable_zapiet_id_all_items":true,"widget_restore_state_on_load":false,"draft_orders_enabled":false,"preselect_checkout_method":true,"widget_show_could_not_locate_div_error":true,"checkout_extension_enabled":false,"show_pickup_consent_checkbox":false,"show_delivery_consent_checkbox":false,"subscription_paused":false,"pickup_note_enabled":false,"pickup_note_required":false,"shipping_note_enabled":false,"shipping_note_required":false};
        zapietTranslations["en"] = language_settings.translations;
    

    function initializeZapietApp() {
        var products = [];

        

        window.ZapietCachedSettings = {
            cached_config: {"enable_app":true,"enable_geo_search_for_pickups":false,"pickup_region_filter_enabled":false,"pickup_region_filter_field":null,"currency":"USD","weight_format":"lb","pickup.enable_map":false,"delivery_validation_method":"exact_postcode_matching","base_country_name":"United States","base_country_code":"US","method_display_style":"default","default_method_display_style":"classic","date_format":"l, F j, Y","time_format":"h:i A","week_day_start":"Sun","pickup_address_format":"<span class=\"name\"><strong>{{company_name}}</strong></span><span class=\"address\">{{address_line_1}}<br />{{city}}, {{postal_code}}</span><span class=\"distance\">{{distance}}</span>{{more_information}}","rates_enabled":true,"payment_customization_enabled":false,"distance_format":"mi","enable_delivery_address_autocompletion":false,"enable_delivery_current_location":false,"enable_pickup_address_autocompletion":false,"pickup_date_picker_enabled":true,"pickup_time_picker_enabled":true,"delivery_note_enabled":true,"delivery_note_required":false,"delivery_date_picker_enabled":true,"delivery_time_picker_enabled":false,"shipping.date_picker_enabled":false,"delivery_validate_cart":false,"pickup_validate_cart":false,"gmak":"","enable_checkout_locale":true,"enable_checkout_url":true,"disable_widget_for_digital_items":false,"disable_widget_for_product_handles":"digital-gift-card","colors":{"widget_active_background_color":null,"widget_active_border_color":null,"widget_active_icon_color":null,"widget_active_text_color":null,"widget_inactive_background_color":null,"widget_inactive_border_color":null,"widget_inactive_icon_color":null,"widget_inactive_text_color":null},"delivery_validator":{"enabled":false,"show_on_page_load":true,"sticky":true},"checkout":{"delivery":{"discount_code":null,"prepopulate_shipping_address":true,"preselect_first_available_time":false},"pickup":{"discount_code":null,"prepopulate_shipping_address":true,"customer_phone_required":false,"preselect_first_location":true,"preselect_first_available_time":false},"shipping":{"discount_code":null}},"day_name_attribute_enabled":false,"methods":{"pickup":{"active":true,"enabled":true,"name":"Pickup","sort":0,"status":{"condition":"weight","operator":"morethan","value":0,"enabled":true,"product_conditions":{"enabled":false,"value":"Delivery Only,Shipping Only","enable":false,"property":"tags","hide_button":false}},"button":{"type":"default","default":"","hover":"","active":""}},"delivery":{"active":false,"enabled":true,"name":"Delivery","sort":1,"status":{"condition":"price","operator":"morethan","value":0,"enabled":true,"product_conditions":{"enabled":false,"value":"Pickup Only,Shipping Only","enable":false,"property":"tags","hide_button":false}},"button":{"type":"default","default":"","hover":"","active":""}},"shipping":{"active":false,"enabled":true,"name":"Shipping","sort":2,"status":{"condition":"price","operator":"morethan","value":0,"enabled":true,"product_conditions":{"enabled":true,"value":"Nationwide Shipping (programming)","enable":true,"property":"collections","hide_button":false}},"button":{"type":"default","default":"","hover":"","active":""}}},"translations":{"methods":{"shipping":"Shipping","pickup":"Pickups","delivery":"Delivery"},"calendar":{"january":"January","february":"February","march":"March","april":"April","may":"May","june":"June","july":"July","august":"August","september":"September","october":"October","november":"November","december":"December","sunday":"Sun","monday":"Mon","tuesday":"Tue","wednesday":"Wed","thursday":"Thu","friday":"Fri","saturday":"Sat","today":null,"close":null,"labelMonthNext":"Next month","labelMonthPrev":"Previous month","labelMonthSelect":"Select a month","labelYearSelect":"Select a year","and":"and","between":"between"},"pickup":{"heading":"Store Pickup","note":null,"location_placeholder":"Enter your postal code ...","filter_by_region_placeholder":"Filter by region","location_label":"Choose a location.","datepicker_label":"Pick a date and time.","date_time_output":"{{DATE}} at {{TIME}}","datepicker_placeholder":"Choose a date and time.","locations_found":"Please choose a pickup location, date and time:","no_locations_found":"Sorry, pickup is not available for your selected items.","no_date_time_selected":"Please select a date & time.","checkout_button":"Checkout","could_not_find_location":"Sorry, we could not find your location.","checkout_error":"Please select a date and time for pickup.","more_information":"More information","opening_hours":"Opening hours","dates_not_available":"Sorry, your selected items are not currently available for pickup.","min_order_total":"Minimum order value for pickup is {{ price }}","min_order_weight":"Minimum order weight for pickup is 0.00lb","max_order_total":"Maximum order value for pickup is {{ price }}","max_order_weight":"Maximum order weight for pickup is 0.00lb","cart_eligibility_error":"Sorry, pickup is not available for your selected items."},"delivery":{"heading":"Local Delivery","note":"Enter your postal code into the field below to check if you are eligible for local delivery:","location_placeholder":"Enter your postal code ...","datepicker_label":"Pick a date and time.","datepicker_placeholder":"Choose a date and time.","date_time_output":"{{DATE}} between {{SLOT_START_TIME}} and {{SLOT_END_TIME}}","available":"Great! You are eligible for delivery.","not_available":"Sorry, delivery is not available in your area.","no_date_time_selected":"Please select a date & time for pickup.","checkout_button":"Checkout","could_not_find_location":"Sorry, we could not find your location.","checkout_error":"Please enter a valid zipcode and select your preferred date and time for delivery.","cart_eligibility_error":"Sorry, delivery is not available for your selected items.","dates_not_available":"Sorry, your selected items are not currently available for pickup.","min_order_total":"Minimum order value for delivery is $0","min_order_weight":"Minimum order weight for delivery is {{ weight }}","max_order_total":"Maximum order value for delivery is $0","max_order_weight":"Maximum order weight for delivery is {{ weight }}","delivery_validator_prelude":"Do we deliver?","delivery_validator_placeholder":"Enter your postal code ...","delivery_validator_button_label":"Go","delivery_validator_eligible_heading":"Great, we deliver to your area!","delivery_validator_eligible_content":"To start shopping just click the button below","delivery_validator_eligible_button_label":"Continue shopping","delivery_validator_not_eligible_heading":"Sorry, we do not deliver to your area","delivery_validator_not_eligible_content":"You are more then welcome to continue browsing our store","delivery_validator_not_eligible_button_label":"Continue shopping","delivery_validator_error_heading":"An error occured","delivery_validator_error_content":"Sorry, it looks like we have encountered an unexpected error. Please try again.","delivery_validator_error_button_label":"Continue shopping","delivery_note_label":"Please enter delivery instructions (optional)","delivery_note_label_required":"Please enter delivery instructions (required)","delivery_note_error":"Please enter delivery instructions"},"shipping":{"heading":"Shipping","note":"Please click the checkout button to continue.","checkout_button":"Checkout","datepicker_placeholder":"Choose a date and time.","checkout_error":"Please choose a date for shipping.","min_order_total":"Minimum order value for shipping is $0","min_order_weight":"Minimum order weight for shipping is {{ weight }}","max_order_total":"Maximum order value for shipping is $0","max_order_weight":"Maximum order weight for shipping is {{ weight }}","cart_eligibility_error":"Sorry, shipping is not available for your selected items."},"product_widget":{"title":"Delivery and pickup options:","pickup_at":"Pickup at {{ location }}","ready_for_collection":"Ready for collection from","on":"on","view_all_stores":"View all stores","pickup_not_available_item":"Pickup not available for this item","delivery_not_available_location":"Delivery not available for {{ postal_code }}","delivered_by":"Delivered by {{ date }}","delivered_today":"Delivered today","change":"Change","tomorrow":"tomorrow","today":"today","delivery_to":"Delivery to {{ postal_code }}","showing_options_for":"Showing options for {{ postal_code }}","modal_heading":"Select a store for pickup","modal_subheading":"Showing stores near {{ postal_code }}","show_opening_hours":"Show opening hours","hide_opening_hours":"Hide opening hours","closed":"Closed","input_placeholder":"Enter your postal code","input_button":"Check","input_error":"Add a postal code to check available delivery and pickup options.","pickup_available":"Pickup available","not_available":"Not available","select":"Select","selected":"Selected","find_a_store":"Find a store"},"shipping_language_code":"en","delivery_language_code":"en-AU","pickup_language_code":"en-CA"},"default_language":"en","region":"us-2","api_region":"api-us","enable_zapiet_id_all_items":true,"widget_restore_state_on_load":false,"draft_orders_enabled":false,"preselect_checkout_method":true,"widget_show_could_not_locate_div_error":true,"checkout_extension_enabled":false,"show_pickup_consent_checkbox":false,"show_delivery_consent_checkbox":false,"subscription_paused":false,"pickup_note_enabled":false,"pickup_note_required":false,"shipping_note_enabled":false,"shipping_note_required":false},
            shop_identifier: 'chalet-nursery.shop',
            language_code: 'en',
            checkout_url: '/cart',
            products: products,
            translations: zapietTranslations,
            customer: {
                first_name: '',
                last_name: '',
                company: '',
                address1: '',
                address2: '',
                city: '',
                province: '',
                country: '',
                zip: '',
                phone: '',
                tags: null
            }
        }

        window.Zapiet.start(window.ZapietCachedSettings, true);

        
            window.ZapietEvent.listen('widget_loaded', function() {
                // Custom JavaScript
            });
        
    }

    function loadZapietStyles(href) {
        var ss = document.createElement("link");
        ss.type = "text/css";
        ss.rel = "stylesheet";
        ss.media = "all";
        ss.href = href;
        document.getElementsByTagName("head")[0].appendChild(ss);
    }

    
        loadZapietStyles("https://cdn.shopify.com/extensions/019bdac6-4d96-7ea1-888c-81ddcfd09446/zapiet-pickup-delivery-1070/assets/storepickup.css");
        var zapietLoadScripts = {
            vendor: true,
            storepickup: true,
            pickup: true,
            delivery: true,
            shipping: true,
            pickup_map: false,
            validator: false
        };

        function zapietScriptLoaded(key) {
            zapietLoadScripts[key] = false;
            if (!Object.values(zapietLoadScripts).includes(true)) {
                initializeZapietApp();
            }
        }
    
</script>




    <script type="module" src="https://cdn.shopify.com/extensions/019bdac6-4d96-7ea1-888c-81ddcfd09446/zapiet-pickup-delivery-1070/assets/vendor.js" onload="zapietScriptLoaded('vendor')" defer></script>
    <script type="module" src="https://cdn.shopify.com/extensions/019bdac6-4d96-7ea1-888c-81ddcfd09446/zapiet-pickup-delivery-1070/assets/storepickup.js" onload="zapietScriptLoaded('storepickup')" defer></script>

    

    
        <script type="module" src="https://cdn.shopify.com/extensions/019bdac6-4d96-7ea1-888c-81ddcfd09446/zapiet-pickup-delivery-1070/assets/pickup.js" onload="zapietScriptLoaded('pickup')" defer></script>
    

    
        <script type="module" src="https://cdn.shopify.com/extensions/019bdac6-4d96-7ea1-888c-81ddcfd09446/zapiet-pickup-delivery-1070/assets/delivery.js" onload="zapietScriptLoaded('delivery')" defer></script>
    

    
        <script type="module" src="https://cdn.shopify.com/extensions/019bdac6-4d96-7ea1-888c-81ddcfd09446/zapiet-pickup-delivery-1070/assets/shipping.js" onload="zapietScriptLoaded('shipping')" defer></script>
    

    


<!-- END app block --><script src="https://cdn.shopify.com/extensions/019bdc8a-76ef-7579-bc36-78c61aebc1a9/consentmo-gdpr-579/assets/consentmo_cookie_consent.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<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: 18112867,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "search"};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>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={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:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-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:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-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+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 18112867,storefrontBaseUrl: "https://chalet-nursery.shop",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86"],webPixelsConfigList: [{"id":"1378222214","configuration":"{\"accountID\":\"Q3jGhe\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"524f6c1ee37bacdca7657a665bdca589","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"590577798","configuration":"{\"shop\":\"chalet-nursery.shop\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"94b80d6b5f8a2309cad897219cb9737f","type":"APP","apiClientId":3090431,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"326729862","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-XL8QGEKWSQ\\\",\\\"AW-435178703\\\",\\\"GT-MJM4X53\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-XL8QGEKWSQ\\\",\\\"AW-435178703\\\/O8YdCOPumpEYEM-Zwc8B\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-XL8QGEKWSQ\\\",\\\"AW-435178703\\\/p3IxCN3umpEYEM-Zwc8B\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-XL8QGEKWSQ\\\",\\\"AW-435178703\\\/AXZqCNrumpEYEM-Zwc8B\\\",\\\"MC-B5XZVFJE1X\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-XL8QGEKWSQ\\\",\\\"AW-435178703\\\/qLEWCNTumpEYEM-Zwc8B\\\",\\\"MC-B5XZVFJE1X\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-XL8QGEKWSQ\\\",\\\"AW-435178703\\\/5eQDCNfumpEYEM-Zwc8B\\\",\\\"MC-B5XZVFJE1X\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-XL8QGEKWSQ\\\",\\\"AW-435178703\\\/1yOdCObumpEYEM-Zwc8B\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-XL8QGEKWSQ\\\",\\\"AW-435178703\\\/O_BxCODumpEYEM-Zwc8B\\\"]}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"b2a88bafab3e21179ed38636efcd8a93","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"317980806","configuration":"{\"pixelCode\":\"CERJB3JC77UCSAV1DQ9G\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"143163526","configuration":"{\"pixel_id\":\"181794369212134\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"ca16bc87fe92b6042fbaa3acc2fbdaa6","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"]}},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Chalet-nursery","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"chalet-nursery.shop","countryCode":"US","storefrontUrl":"https:\/\/chalet-nursery.shop"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://chalet-nursery.shop/cdn","fcfee988w5aeb613cpc8e4bc33m6693e112",{"modern":"","legacy":""},{"shopId":"18112867","storefrontBaseUrl":"https:\/\/chalet-nursery.shop","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\"]","isMerchantRequest":"false","hashVersion":"fcfee988w5aeb613cpc8e4bc33m6693e112","publish":"custom","events":"[[\"page_viewed\",{}],[\"search_submitted\",{\"searchResult\":{\"query\":\"zinnia\",\"productVariants\":[{\"price\":{\"amount\":2.69,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Botanical Interests Fireball Blend Zinnia Seeds\",\"vendor\":\"Botanical Interests-Epic Gardening\",\"id\":\"6929800200326\",\"untranslatedTitle\":\"Botanical Interests Fireball Blend Zinnia Seeds\",\"url\":\"\/products\/seed-zinnia-fireball-blend?_pos=1\u0026_sid=2129f1794\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40301740097670\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/botanical-interests-fireball-blend-zinnia-seeds.jpg?v=1768923660\"},\"sku\":\"BI-1284\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":2.69,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Botanical Interests Cactus Flower Blend Zinnia Seeds\",\"vendor\":\"Botanical Interests-Epic Gardening\",\"id\":\"6929801609350\",\"untranslatedTitle\":\"Botanical Interests Cactus Flower Blend Zinnia Seeds\",\"url\":\"\/products\/seed-zinnia-cactus-flower-blen?_pos=2\u0026_sid=2129f1794\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40301743734918\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/botanical-interests-cactus-flower-blend-zinnia-seeds.jpg?v=1768923788\"},\"sku\":\"BI-1317\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":2.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Botanical Interests Mazyrkia Zinnia Seeds\",\"vendor\":\"Botanical Interests-Epic Gardening\",\"id\":\"6929801314438\",\"untranslatedTitle\":\"Botanical Interests Mazyrkia Zinnia Seeds\",\"url\":\"\/products\/seed-zinnia-mazurkia?_pos=3\u0026_sid=2129f1794\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40301742915718\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/botanical-interests-mazyrkia-zinnia-seeds.jpg?v=1768923762\"},\"sku\":\"BI-1354\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":2.69,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Botanical Interests Envy Zinnia Seeds\",\"vendor\":\"Botanical Interests-Epic Gardening\",\"id\":\"6929797775494\",\"untranslatedTitle\":\"Botanical Interests Envy Zinnia Seeds\",\"url\":\"\/products\/seed-zinnia-envy?_pos=4\u0026_sid=2129f1794\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40301737541766\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Untitleddesign-2021-07-30T115246.470.jpg?v=1740174631\"},\"sku\":\"BI-1102\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":3.49,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Botanical Interests Lilliput Zinnia Organic Seeds\",\"vendor\":\"Botanical Interests-Epic Gardening\",\"id\":\"6929805115526\",\"untranslatedTitle\":\"Botanical Interests Lilliput Zinnia Organic Seeds\",\"url\":\"\/products\/seed-zinnia-lilliput-org?_pos=5\u0026_sid=2129f1794\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40301752844422\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Chalet-home-garden-chicago-seeds-botanical-interests-lilliput-zinnias.jpg?v=1709763058\"},\"sku\":\"BI-2060\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":4.25,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Seed Savers Envy Zinnia\",\"vendor\":\"Seed Savers Exchange\",\"id\":\"6931214598278\",\"untranslatedTitle\":\"Seed Savers Envy Zinnia\",\"url\":\"\/products\/seed-envy-zinnia?_pos=6\u0026_sid=2129f1794\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40305276321926\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Chalet-home-garden-Chicago-seed-savers-seeds-flower-vegetable-3.jpg?v=1740174408\"},\"sku\":\"SS0183\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":2.69,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Botanical Interests Persian Carpet Zinnia Seeds\",\"vendor\":\"Botanical Interests-Epic Gardening\",\"id\":\"6929799610502\",\"untranslatedTitle\":\"Botanical Interests Persian Carpet Zinnia Seeds\",\"url\":\"\/products\/seed-zinnia-persian-carpet?_pos=7\u0026_sid=2129f1794\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40301739376774\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/botanical-interests-persian-carpet-zinnia-seeds.jpg?v=1768923637\"},\"sku\":\"BI-1193\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":2.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Botanical Interests Thumbelina Zinnia Seeds\",\"vendor\":\"Botanical Interests-Epic Gardening\",\"id\":\"6929796825222\",\"untranslatedTitle\":\"Botanical Interests Thumbelina Zinnia Seeds\",\"url\":\"\/products\/seed-zinnia-thumbelina?_pos=8\u0026_sid=2129f1794\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40301736591494\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/botanical-interests-thumbelina-zinnia-seeds.jpg?v=1768923462\"},\"sku\":\"BI-1048\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":2.69,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Botanical Interests Zinnia Senora Seeds\",\"vendor\":\"Botanical Interests-Epic Gardening\",\"id\":\"7149444399238\",\"untranslatedTitle\":\"Botanical Interests Zinnia Senora Seeds\",\"url\":\"\/products\/botanical-interests-zinnia-senora?_pos=9\u0026_sid=2129f1794\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40998828245126\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/botanical-interests-zinnia-senora-seeds.jpg?v=1768924454\"},\"sku\":\"BI-1355\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":3.49,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Botanical Interests Peruvian Blend Zinnia Organic Seeds\",\"vendor\":\"Botanical Interests-Epic Gardening\",\"id\":\"6929805312134\",\"untranslatedTitle\":\"Botanical Interests Peruvian Blend Zinnia Organic Seeds\",\"url\":\"\/products\/seed-zinnia-peruvian-r-y-blnd?_pos=10\u0026_sid=2129f1794\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40301753041030\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/botanical-interests-peruvian-blend-zinnia-organic-seeds.jpg?v=1768924176\"},\"sku\":\"BI-2065\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":6.25,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Seed Savers Benary's Giant Zinnia\",\"vendor\":\"Seed Savers Exchange\",\"id\":\"6931219087494\",\"untranslatedTitle\":\"Seed Savers Benary's Giant Zinnia\",\"url\":\"\/products\/seed-flower-benarys-zinnia?_pos=11\u0026_sid=2129f1794\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40305280942214\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Chalet-home-garden-Chicago-seed-savers-seeds-flower-vegetable-4.jpg?v=1740174373\"},\"sku\":\"SS0841\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":3.49,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Botanical Interests Thumbelina Zinnia Organic Seeds\",\"vendor\":\"Botanical Interests-Epic Gardening\",\"id\":\"6929804198022\",\"untranslatedTitle\":\"Botanical Interests Thumbelina Zinnia Organic Seeds\",\"url\":\"\/products\/seed-zinnia-thumbelina-org?_pos=12\u0026_sid=2129f1794\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40301750354054\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Chalet-home-garden-chicago-seeds-botanical-interests-thumbelina-organic-zinnias_2.jpg?v=1740174621\"},\"sku\":\"BI-2040\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":4.25,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Seed Savers Persian Carpets Zinnia\",\"vendor\":\"Seed Savers Exchange\",\"id\":\"6931218858118\",\"untranslatedTitle\":\"Seed Savers Persian Carpets Zinnia\",\"url\":\"\/products\/seed-persian-carpets-zinnia?_pos=13\u0026_sid=2129f1794\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40305280581766\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/chalet-chicago-edible-seeds-SS0796.jpg?v=1740174374\"},\"sku\":\"SS0796\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":3.49,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Botanical Interests Benary's Giant Blend Zinnia Organic Seeds\",\"vendor\":\"Botanical Interests-Epic Gardening\",\"id\":\"6929804886150\",\"untranslatedTitle\":\"Botanical Interests Benary's Giant Blend Zinnia Organic Seeds\",\"url\":\"\/products\/seed-zinnia-benarys-giant-ble?_pos=14\u0026_sid=2129f1794\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40301752221830\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/botanical-interests-benary_s-giant-blend-zinnia-organic-seeds.jpg?v=1768924099\"},\"sku\":\"BI-2055\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":2.69,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Botanical Interests Cut and Come Again Zinnia Seeds\",\"vendor\":\"Botanical Interests-Epic Gardening\",\"id\":\"6929798365318\",\"untranslatedTitle\":\"Botanical Interests Cut and Come Again Zinnia Seeds\",\"url\":\"\/products\/seed-zinnia-cut-and-come-again?_pos=15\u0026_sid=2129f1794\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40301738131590\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/botanical-interests-cut-and-come-again-zinnia-seeds.jpg?v=1768923539\"},\"sku\":\"BI-1196\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":2.69,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Botanical Interests Peppermint Stick Zinnia Seeds\",\"vendor\":\"Botanical Interests-Epic Gardening\",\"id\":\"6929799151750\",\"untranslatedTitle\":\"Botanical Interests Peppermint Stick Zinnia Seeds\",\"url\":\"\/products\/seed-zinnia-peppermint-stick?_pos=16\u0026_sid=2129f1794\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40301738918022\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/botanical-interests-peppermint-stick-zinnia-seeds.jpg?v=1768923573\"},\"sku\":\"BI-1187\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":2.69,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Botanical Interests Northern Lights Blend Zinnia Seeds\",\"vendor\":\"Botanical Interests-Epic Gardening\",\"id\":\"6929800790150\",\"untranslatedTitle\":\"Botanical Interests Northern Lights Blend Zinnia Seeds\",\"url\":\"\/products\/seed-zinnia-northern-lights?_pos=17\u0026_sid=2129f1794\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40301741473926\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/botanical-interests-northern-lights-blend-zinnia-seeds.jpg?v=1768923734\"},\"sku\":\"BI-1293\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":4.25,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Seed Savers Whirlygig Mix Zinnia\",\"vendor\":\"Seed Savers Exchange\",\"id\":\"6931214696582\",\"untranslatedTitle\":\"Seed Savers Whirlygig Mix Zinnia\",\"url\":\"\/products\/seed-flower-whilrygig-mix-zin?_pos=18\u0026_sid=2129f1794\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40305276420230\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/chalet-chicago-edible-seeds-SS0188.jpg?v=1740174408\"},\"sku\":\"SS0188\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":2.69,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Botanical Interests California Giants Blend Zinnia Organic Seeds\",\"vendor\":\"Botanical Interests-Epic Gardening\",\"id\":\"6929796563078\",\"untranslatedTitle\":\"Botanical Interests California Giants Blend Zinnia Organic Seeds\",\"url\":\"\/products\/seed-zinnia-california-giants?_pos=19\u0026_sid=2129f1794\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40301736329350\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/botanical-interests-california-giants-blend-zinnia-organic-seeds.jpg?v=1768923426\"},\"sku\":\"BI-1047\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":2.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Renee's Garden Heirloom Butterfly Zinnia Mix State Fair Gold Medal Seeds\",\"vendor\":\"Foster's Inc.\",\"id\":\"6930878234758\",\"untranslatedTitle\":\"Renee's Garden Heirloom Butterfly Zinnia Mix State Fair Gold Medal Seeds\",\"url\":\"\/products\/seed-renees-zinnia-state-fai?_pos=20\u0026_sid=2129f1794\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40303950069894\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Chalet-home-garden-chicago-renees-seeds-state-fair-gold-metal-zinnias_1.jpg?v=1740174501\"},\"sku\":\"RNG5440\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}]}}]]"});</script><script>
  window.chalet-nursery.shop = window.chalet-nursery.shop || {};
  window.chalet-nursery.shop.meta = window.chalet-nursery.shop.meta || {};
  window.chalet-nursery.shop.meta.currency = 'USD';
  var meta = {"products":[{"id":6929800200326,"gid":"gid:\/\/shopify\/Product\/6929800200326","vendor":"Botanical Interests-Epic Gardening","type":"Garden Essentials - Seed - Packets","handle":"seed-zinnia-fireball-blend","variants":[{"id":40301740097670,"price":134.5,"name":"Botanical Interests Fireball Blend Zinnia Seeds","public_title":null,"sku":"BI-1284"}],"remote":false},{"id":6929801609350,"gid":"gid:\/\/shopify\/Product\/6929801609350","vendor":"Botanical Interests-Epic Gardening","type":"Garden Essentials - Seed - Packets","handle":"seed-zinnia-cactus-flower-blen","variants":[{"id":40301743734918,"price":134.5,"name":"Botanical Interests Cactus Flower Blend Zinnia Seeds","public_title":null,"sku":"BI-1317"}],"remote":false},{"id":6929801314438,"gid":"gid:\/\/shopify\/Product\/6929801314438","vendor":"Botanical Interests-Epic Gardening","type":"Garden Essentials - Seed - Packets","handle":"seed-zinnia-mazurkia","variants":[{"id":40301742915718,"price":149.5,"name":"Botanical Interests Mazyrkia Zinnia Seeds","public_title":null,"sku":"BI-1354"}],"remote":false},{"id":6929797775494,"gid":"gid:\/\/shopify\/Product\/6929797775494","vendor":"Botanical Interests-Epic Gardening","type":"Garden Essentials - Seed - Packets","handle":"seed-zinnia-envy","variants":[{"id":40301737541766,"price":134.5,"name":"Botanical Interests Envy Zinnia Seeds","public_title":null,"sku":"BI-1102"}],"remote":false},{"id":6929805115526,"gid":"gid:\/\/shopify\/Product\/6929805115526","vendor":"Botanical Interests-Epic Gardening","type":"Garden Essentials - Seed - Packets","handle":"seed-zinnia-lilliput-org","variants":[{"id":40301752844422,"price":174.5,"name":"Botanical Interests Lilliput Zinnia Organic Seeds","public_title":null,"sku":"BI-2060"}],"remote":false},{"id":6931214598278,"gid":"gid:\/\/shopify\/Product\/6931214598278","vendor":"Seed Savers Exchange","type":"Garden Essentials - Seed - Packets","handle":"seed-envy-zinnia","variants":[{"id":40305276321926,"price":212.5,"name":"Seed Savers Envy Zinnia","public_title":null,"sku":"SS0183"}],"remote":false},{"id":6929799610502,"gid":"gid:\/\/shopify\/Product\/6929799610502","vendor":"Botanical Interests-Epic Gardening","type":"Garden Essentials - Seed - Packets","handle":"seed-zinnia-persian-carpet","variants":[{"id":40301739376774,"price":134.5,"name":"Botanical Interests Persian Carpet Zinnia Seeds","public_title":null,"sku":"BI-1193"}],"remote":false},{"id":6929796825222,"gid":"gid:\/\/shopify\/Product\/6929796825222","vendor":"Botanical Interests-Epic Gardening","type":"Garden Essentials - Seed - Packets","handle":"seed-zinnia-thumbelina","variants":[{"id":40301736591494,"price":149.5,"name":"Botanical Interests Thumbelina Zinnia Seeds","public_title":null,"sku":"BI-1048"}],"remote":false},{"id":7149444399238,"gid":"gid:\/\/shopify\/Product\/7149444399238","vendor":"Botanical Interests-Epic Gardening","type":"Garden Essentials - Seed - Packets","handle":"botanical-interests-zinnia-senora","variants":[{"id":40998828245126,"price":134.5,"name":"Botanical Interests Zinnia Senora Seeds","public_title":null,"sku":"BI-1355"}],"remote":false},{"id":6929805312134,"gid":"gid:\/\/shopify\/Product\/6929805312134","vendor":"Botanical Interests-Epic Gardening","type":"Garden Essentials - Seed - Packets","handle":"seed-zinnia-peruvian-r-y-blnd","variants":[{"id":40301753041030,"price":174.5,"name":"Botanical Interests Peruvian Blend Zinnia Organic Seeds","public_title":null,"sku":"BI-2065"}],"remote":false},{"id":6931219087494,"gid":"gid:\/\/shopify\/Product\/6931219087494","vendor":"Seed Savers Exchange","type":"Garden Essentials - Seed - Packets","handle":"seed-flower-benarys-zinnia","variants":[{"id":40305280942214,"price":312.5,"name":"Seed Savers Benary's Giant Zinnia","public_title":null,"sku":"SS0841"}],"remote":false},{"id":6929804198022,"gid":"gid:\/\/shopify\/Product\/6929804198022","vendor":"Botanical Interests-Epic Gardening","type":"Garden Essentials - Seed - Packets","handle":"seed-zinnia-thumbelina-org","variants":[{"id":40301750354054,"price":174.5,"name":"Botanical Interests Thumbelina Zinnia Organic Seeds","public_title":null,"sku":"BI-2040"}],"remote":false},{"id":6931218858118,"gid":"gid:\/\/shopify\/Product\/6931218858118","vendor":"Seed Savers Exchange","type":"Garden Essentials - Seed - Packets","handle":"seed-persian-carpets-zinnia","variants":[{"id":40305280581766,"price":212.5,"name":"Seed Savers Persian Carpets Zinnia","public_title":null,"sku":"SS0796"}],"remote":false},{"id":6929804886150,"gid":"gid:\/\/shopify\/Product\/6929804886150","vendor":"Botanical Interests-Epic Gardening","type":"Garden Essentials - Seed - Packets","handle":"seed-zinnia-benarys-giant-ble","variants":[{"id":40301752221830,"price":174.5,"name":"Botanical Interests Benary's Giant Blend Zinnia Organic Seeds","public_title":null,"sku":"BI-2055"}],"remote":false},{"id":6929798365318,"gid":"gid:\/\/shopify\/Product\/6929798365318","vendor":"Botanical Interests-Epic Gardening","type":"Garden Essentials - Seed - Packets","handle":"seed-zinnia-cut-and-come-again","variants":[{"id":40301738131590,"price":134.5,"name":"Botanical Interests Cut and Come Again Zinnia Seeds","public_title":null,"sku":"BI-1196"}],"remote":false},{"id":6929799151750,"gid":"gid:\/\/shopify\/Product\/6929799151750","vendor":"Botanical Interests-Epic Gardening","type":"Garden Essentials - Seed - Packets","handle":"seed-zinnia-peppermint-stick","variants":[{"id":40301738918022,"price":134.5,"name":"Botanical Interests Peppermint Stick Zinnia Seeds","public_title":null,"sku":"BI-1187"}],"remote":false},{"id":6929800790150,"gid":"gid:\/\/shopify\/Product\/6929800790150","vendor":"Botanical Interests-Epic Gardening","type":"Garden Essentials - Seed - Packets","handle":"seed-zinnia-northern-lights","variants":[{"id":40301741473926,"price":134.5,"name":"Botanical Interests Northern Lights Blend Zinnia Seeds","public_title":null,"sku":"BI-1293"}],"remote":false},{"id":6931214696582,"gid":"gid:\/\/shopify\/Product\/6931214696582","vendor":"Seed Savers Exchange","type":"Garden Essentials - Seed - Packets","handle":"seed-flower-whilrygig-mix-zin","variants":[{"id":40305276420230,"price":212.5,"name":"Seed Savers Whirlygig Mix Zinnia","public_title":null,"sku":"SS0188"}],"remote":false},{"id":6929796563078,"gid":"gid:\/\/shopify\/Product\/6929796563078","vendor":"Botanical Interests-Epic Gardening","type":"Garden Essentials - Seed - Packets","handle":"seed-zinnia-california-giants","variants":[{"id":40301736329350,"price":134.5,"name":"Botanical Interests California Giants Blend Zinnia Organic Seeds","public_title":null,"sku":"BI-1047"}],"remote":false},{"id":6930878234758,"gid":"gid:\/\/shopify\/Product\/6930878234758","vendor":"Foster's Inc.","type":"Garden Essentials - Seed - Packets","handle":"seed-renees-zinnia-state-fai","variants":[{"id":40303950069894,"price":149.5,"name":"Renee's Garden Heirloom Butterfly Zinnia Mix State Fair Gold Medal Seeds","public_title":null,"sku":"RNG5440"}],"remote":false}],"page":{"pageType":"searchresults","requestId":"6eac6248-f05c-4343-869e-70aac573c087-1768961329"}};
  for (var attr in meta) {
    window.chalet-nursery.shop.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.chalet-nursery.shop.lib = window.trekkie = window.trekkie || [];
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkiexxx.noload = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
      var script = document.createElement('script');
      script.type = 'text/javascript';
      script.onerror = function(e) {
        var scriptFallback = document.createElement('script');
        scriptFallback.type = 'text/javascript';
        scriptFallback.onerror = function(error) {
                var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 18112867,
      theme_id: 137686843526,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//chalet-nursery.shop/cdn/s/trekkie.storefront.cd680fe47e6c39ca5d5df5f0a32d569bc48c0f27.min.js"});

        };
        scriptFallback.async = true;
        scriptFallback.src = '//chalet-nursery.shop/cdn/s/trekkie.storefront.cd680fe47e6c39ca5d5df5f0a32d569bc48c0f27.min.js';
        first.parentNode.insertBefore(scriptFallback, first);
      };
      script.async = true;
      script.src = '//chalet-nursery.shop/cdn/s/trekkie.storefront.cd680fe47e6c39ca5d5df5f0a32d569bc48c0f27.min.js';
      first.parentNode.insertBefore(script, first);
    };
    trekkiexxx.noload(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":18112867,"isMerchantRequest":null,"themeId":137686843526,"themeCityHash":"2284330656408382886","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["65f19447"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.chalet-nursery.shop.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.chalet-nursery.shop.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.chalet-nursery.shop.lib.page(null,{"pageType":"searchresults","requestId":"6eac6248-f05c-4343-869e-70aac573c087-1768961329","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        window.chalet-nursery.shop.lib.track("Performed Search",{"query":"zinnia"},undefined,undefined,{"shopifyEmitted":true});
      }
    });


        var eventsListenerScript = document.createElement('script');
        eventsListenerScript.async = true;
        eventsListenerScript.src = "//chalet-nursery.shop/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);

})();</script>
  <script>
  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
    window.ga = function ga() {
      (window.ga.q = window.ga.q || []).push(arguments);
      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
      }
      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
    };
    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
    }
  }
</script>
<script
  defer
  src="https://chalet-nursery.shop/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.0.4.min.js"
  data-application="storefront-renderer"
  data-shop-id="18112867"
  data-render-region="gcp-us-west1"
  data-page-type="search"
  data-theme-instance-id="137686843526"
  data-theme-name="Eurus"
  data-theme-version="8.3.0"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://chalet-nursery.shop/api/collect"
></script>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"KrEuAx7pvxLEKOnE",ck:"KrEuAx7pvxLEKOnE"})</script></head>
  <body 
    class="gradient scrollbar-body overflow-x-hidden text-[0.945rem] md:text-[1.05rem]" 
    x-data="{ runDispatch: true }"
    :class="($store.xPopup.open || $store.xPopup.openVideoShopping) && 'overflow-hidden padding-scrollbar'" 
    x-init="$store.xPopup.setWidthScrollbar();"
    x-on:mouseover="if (runDispatch) { $dispatch('init-run'); runDispatch = false; }"
    x-on:touchstart="if (runDispatch) { 
      if (event.target.parentNode.parentNode.id == 'SearchOpen' || event.target.parentNode.id == 'SearchOpen') { setTimeout(() => {  document.querySelector('#SearchOpen').click() }, 200) }
      if (event.target.parentNode.parentNode.id == 'cart-icon' || event.target.parentNode.id == 'cart-icon') { setTimeout(() => {  document.querySelector('#cart-icon').click() }, 200) }
      if (event.target.parentNode.id == 'mobile-navigation' || event.target.id == 'mobile-navigation') { setTimeout(() => {  document.querySelector('#mobile-navigation').click() }, 200) }
      $dispatch('init-run'); runDispatch = false;
    }"
  ><div class="main-container flex flex-col min-h-screen relative">
      <a class="skip-to-content absolute -z-10 button button-solid hidden lg:block pt-2.5 pb-2.5 pl-6 pr-6 lg:pt-3 lg:pb-3 mt-0.5 ml-0.5 leading-normal justify-center cursor-pointer focus-visible:z-60" href="#MainContent">
        Skip to content
      </a>

      
          <!-- BEGIN sections: header-group-breath -->
<div id="shopify-section-sections--17986558165126__announcement-bar" class="shopify-section shopify-section-group-header-group-breath section-announcement"><style data-shopify>#x-announcement-bar .arrow {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: #ffffff;
  }
  .dark #x-announcement-bar .arrow {
    color: #ffffff;
  }
  .announcement-bar_container-sections--17986558165126__announcement-bar {
    
      background: #269c98;
    
    
      --colors-text-link: 255,255,255;
    
  }
  .dark .announcement-bar_container-sections--17986558165126__announcement-bar {
    
      background: #ffffff;
    
--colors-text-link: 255,255,255;
    
  }
  .announcement-bar_text {
    
      color: #ffffff;
      --colors-line-and-border: 255,255,255
    
  }
  .dark .announcement-bar_text {
    
      color: #ffffff;
      --colors-line-and-border: 255,255,255
    
  }
  
    .section-announcement {
      position: sticky;
      top: 0;
      z-index: 30;
    }
  
</style><div 
    id="x-announcement" 
    class="announcement-bar_container-sections--17986558165126__announcement-bar ltr mx-auto flex items-center has-toolbar lg:pr-5 announcement-bar-left"
    
      data-is-sticky="true"
       x-init='$store.xHeaderMenu.setVariableHeightHeader(true)'
    
  >
        
          <div id="x-slide-announcement-bar" class="disable-effect-hover grow flex-1 x-splide splide cursor-grab lg:pl-12 lg:pr-12 overflow-hidden visible relative"x-intersect.once='$store.xSplide.load($el, {
                "type": "loop",
                "speed": 1000,
                "pagination": false,
                "interval": 5000,
"autoplay": true,
                "classes": {
                  "arrows" : "block "
                }
              })'>
            <div class="splide__track page-width mx-auto pl-0 pr-0">
              <div class="splide__list w-full flex "><style data-shopify>.text--announcement_Y6PNfj .width-countdown {
                    width: 7.56rem;
                  }.text--announcement_Y6PNfj,
                    .btn--announcement_Y6PNfj {
                      font-size: 0.756rem;
                    }
                    @media (min-width: 768px) {
                      .text--announcement_Y6PNfj,
                      .btn--announcement_Y6PNfj {
                        font-size: 0.84rem;
                      }
                    }.icon--announcement_Y6PNfj {
                    width: 0.84rem;
                    height: 0.84rem;
                  }
                  .button.text_button_announ--announcement_Y6PNfj {
                    
                      color: #269c98;
                    
                    
                      background: #ffffff;
                    
                  }
                  .dark .button.text_button_announ--announcement_Y6PNfj {
                    
                      color: #269c98;
                    
                    
                      background: transparent;
                    
                  }</style><div x-slide-index="0" class="h-auto w-full flex items-center md:flex justify-center splide__slide x-splide-slide gradient text-center py-3 pl-5 pr-5 lg:pr-5 lg:pl-5" ><div 
                      
                      class="flex items-center flex-wrap justify-center gap-x-5 gap-y-2 ltr">
                      
                      <div class="text--announcement_Y6PNfj announcement-bar_text flex">
                            <div class="flex items-center mr-2 md:mr-3">
                              <span class="inline-block icon--announcement_Y6PNfj">
                                
                                  
                                    <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
    
        <path d="M31.5098 76.9921C85.3308 76.9921 89.6617 31.2072 90.0084 9.44915C90.0115 8.85729 89.8959 8.2708 89.6684 7.7244C89.4409 7.178 89.1061 6.68278 88.6839 6.26806C88.2616 5.85334 87.7604 5.52754 87.21 5.30993C86.6596 5.09233 86.0711 4.98736 85.4794 5.00121C9 6.40583 9 43.484 9 76.9921V95" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M9 76.9923C9 76.9923 9 49.9805 45.0157 45.4785" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
          
      
  </svg>
                                  
                                
                              </span>
                            </div>
                          

<p>
                            <a href="https://chalet-nursery.shop/pages/plants/indoor-plants" class="button-link relative hover-text-link x-announcement-bar-block-data leading-[initial]"
                            >GROW INSIDE Indoor Plant SALE</a>
                          </p></div><div class="flex items-center">
                              <a class="button relative disable-effect btn--announcement_Y6PNfj inline-block none_transition text_button_announ--announcement_Y6PNfj empty:hidden center px-2 py-1 md:px-2.5" href="https://chalet-nursery.shop/pages/plants/indoor-plants">
                                  SHOP
                                </a></div></div></div><style data-shopify>.text--announcement_idtPfq .width-countdown {
                    width: 7.56rem;
                  }.text--announcement_idtPfq,
                    .btn--announcement_idtPfq {
                      font-size: 0.756rem;
                    }
                    @media (min-width: 768px) {
                      .text--announcement_idtPfq,
                      .btn--announcement_idtPfq {
                        font-size: 0.84rem;
                      }
                    }.icon--announcement_idtPfq {
                    width: 0.84rem;
                    height: 0.84rem;
                  }
                  .button.text_button_announ--announcement_idtPfq {
                    
                      color: #4075fc;
                    
                    
                      background: #ffffff;
                    
                  }
                  .dark .button.text_button_announ--announcement_idtPfq {
                    
                      color: rgba(var(--colors-button-text-hover));
                    
                    
                      background: #ffffff;
                    
                  }</style><div x-slide-index="1" class="h-auto w-full flex items-center md:flex justify-center splide__slide x-splide-slide gradient text-center py-3 pl-5 pr-5 lg:pr-5 lg:pl-5" ><div 
                      
                      class="flex items-center flex-wrap justify-center gap-x-5 gap-y-2 ltr">
                      
                      <div class="text--announcement_idtPfq announcement-bar_text flex">
<p>
                            <a href="/collections/firewood-and-accessories" class="button-link relative hover-text-link x-announcement-bar-block-data leading-[initial]"
                            >Firewood In Stock</a>
                          </p></div><div class="flex items-center">
                              <a class="button relative disable-effect btn--announcement_idtPfq inline-block none_transition text_button_announ--announcement_idtPfq empty:hidden center px-2 py-1 md:px-2.5" href="/pages/holiday-preview-shopping-event">
                                  Shop
                                </a></div></div></div></div>
            </div><div class="hidden lg:block splide__arrows">
                <button class="splide__arrow splide__arrow--prev announcement-bar_text absolute none_border z-10 top-1/2 opacity-70 -translate-y-1/2 rtl:md:right-3 rtl:lg:right-4 rtl:-rotate-90 rtl:left-auto md:left-3 lg:left-4 rotate-90 disabled:cursor-not-allowed bg-none bg-inherit pt-2.5 pr-2.5 pb-2.5 pl-2.5" aria-label="previous slide">
                  <span class="block w-4 h-4"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                </button>
                <button class="splide__arrow splide__arrow--next announcement-bar_text absolute none_border z-10 top-1/2 opacity-70 -translate-y-1/2 rtl:md:left-3 rtl:lg:left-4 rtl:rotate-90 rtl:right-auto  md:right-3 lg:right-4 -rotate-90 disabled:cursor-not-allowed bg-none bg-inherit pt-2.5 pr-2.5 pb-2.5 pl-2.5" aria-label="next slide">
                  <span class="block w-4 h-4"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                </button>
              </div></div>
        


<style data-shopify>.announcement-bar-toolbar #localization_form button {
          font-size: 1.512rem;
        }
        @media (min-width: 1025px){
          .announcement-bar-toolbar #localization_form button {
            font-size: 1.68rem; 
          }
        }</style><div class="announcement-bar_text announcement-bar-toolbar toolbar-align-right hidden relative lg:flex items-center">
        

      </div></div>
</div><div id="shopify-section-sections--17986558165126__header" class="shopify-section shopify-section-group-header-group-breath section-header"><style data-shopify>
.logo-name {
    font-size: 1.125rem;
  }
  .transparent-header .logo-name,
  .transparent-header header {
    
      color: #000000;
    
  }
  .dark .transparent-header .logo-name,
  .dark .transparent-header header {
    
      color: #000000;
    
    
  }
  
    .reduce-logo-size .header-logo {
      width: 75%;
    }
  
  header {
    grid-template-areas: "drawer heading icons";
    
  }
  @media (min-width: 1024px) {
    header {
      grid-template-areas: "iconsRight heading icons" "navigation navigation navigation";
      grid-template-columns: 4fr 2fr 4fr;
    } 
    .logo-name {
      font-size: 2.25rem;
    }
    .pt-header {
      padding-top: 0px;
    }
    .pb-header {
      padding-bottom: 0px;
    }
  }</style><div x-show="$store.xHeaderMenu.overlay" 
  x-transition:enter="ease-in-out duration-500"
  x-transition:enter-start="opacity-0"
  x-transition:enter-end="opacity-100"
  x-transition:leave="transition-all ease-in-out duration-500"
  x-transition:leave-end="opacity-0"
  class="bg-[rgba(0,0,0,0.4)] hidden lg:flex fixed top-0 right-0 bottom-0 left-0 z-20" x-cloak>
</div>
<div
  id="x-header-container"
  class="relative text-[rgb(var(--colors-text-header))] z-50"
  x-data
  x-init='$store.xHeaderMenu.initSticky($el, "shopify-section-sections--17986558165126__header", "reduce-logo-size"); $store.xHeaderMenu.mobileHeaderLayout="center-left";'
  
    x-intersect:leave="$store.xHeaderMenu.handleAlwaysSticky()"
    data-is-sticky="true"
    :class="$store.xMiniCart.open && 'z-[60]'"
  
  @scroll.window="$store.xHeaderMenu.removeStickyHeader();"
>
  <div id="sticky-header" class="shopify-header text-[rgb(var(--colors-text-header))] background-header"
    x-intersect="$store.xHeaderMenu.setVariableHeightHeader(true)"
  >
    <div
      id="sticky-header-content"
      class="sticky-header-content z-20 w-full top-0
       header-full-width"
      :class="{ 'background-header sticky-header-active': $store.xHeaderMenu.isSticky, 'padding-scrollbar-header': $store.xHeaderMenu.isSticky && ($store.xPopup.open || $store.xPopup.openVideoShopping), 'static': $store.xHeaderMenu.overlay, 'relative': !$store.xHeaderMenu.overlay}"
      
      x-intersect.once="$store.xHeaderMenu.setTopStickyHeader()"
    >
      <header 
        class="header lg:pb-0 pt-[16px] pb-[16px] pt-header lg:pb-0 full-width grid lg:mx-auto gap-x-2 items-center" :class="{ ' lg:pt-5': !$store.xHeaderMenu.isSticky, 'open-menu': $store.xHeaderMenu.overlay }"
        x-on:mouseleave="$store.xHeaderMenu.hideMenu($el)"
      >
        <div data-breakpoint="tablet" class="[grid-area:drawer] lg:hidden flex items-center w-full">
          
          
          <div 
            id="mobile-navigation"
            @click="$store.xMobileNav.open()"
            class="relative w-11 h-8 px-3 py-2.5 rounded-full cursor-pointer opacity-70 -left-3"
          > 
            <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 400 280" enable-background="new 0 0 400 280">
        <g>
          <g>
            <path fill-rule="evenodd" clip-rule="evenodd" fill="currentColor" d="M-0.002-0.039v40h400.001v-40H-0.002z M-0.002,159.969h400.001
              v-40.006H-0.002V159.969z M-0.002,279.965h280.001v-40.012H-0.002V279.965z"/>
          </g>
        </g>
      </svg>
          </div>
        </div>
          <div class="logo-name p-break-words lg:order-2 top-4 text-center [grid-area:heading] mx-auto justify-center lg:mx-auto lg:pb-0 lg:justify-center"
          >
        
          

<div class="flex lg:py-2 items-center">
  <a href="/" class="w-[110px] md:w-[160px] h-auto disable-effect inline-block"><span class="hidden dark:block h-0 dark:h-auto mx-auto md:mx-auto">Chalet-nursery</span><img
        src="//chalet-nursery.shop/cdn/shop/files/NewChalet_logo_only_560w-SignatureBlueRGB.png?v=1732028432&width=4667"
        alt="Chalet-nursery"
        sizes="(min-width: 768px) 160px, 110px"
        srcset="//chalet-nursery.shop/cdn/shop/files/NewChalet_logo_only_560w-SignatureBlueRGB.png?v=1732028432&width=50 50w,
          //chalet-nursery.shop/cdn/shop/files/NewChalet_logo_only_560w-SignatureBlueRGB.png?v=1732028432&width=100 100w,
          //chalet-nursery.shop/cdn/shop/files/NewChalet_logo_only_560w-SignatureBlueRGB.png?v=1732028432&width=150 150w,
          //chalet-nursery.shop/cdn/shop/files/NewChalet_logo_only_560w-SignatureBlueRGB.png?v=1732028432&width=200 200w,
          //chalet-nursery.shop/cdn/shop/files/NewChalet_logo_only_560w-SignatureBlueRGB.png?v=1732028432&width=250 250w,
          //chalet-nursery.shop/cdn/shop/files/NewChalet_logo_only_560w-SignatureBlueRGB.png?v=1732028432&width=300 300w,
          //chalet-nursery.shop/cdn/shop/files/NewChalet_logo_only_560w-SignatureBlueRGB.png?v=1732028432&width=400 400w,
          //chalet-nursery.shop/cdn/shop/files/NewChalet_logo_only_560w-SignatureBlueRGB.png?v=1732028432&width=500 500w,
          //chalet-nursery.shop/cdn/shop/files/NewChalet_logo_only_560w-SignatureBlueRGB.png?v=1732028432&width=600 600w"
        width="4667"
        height="2500"
        class="header-logo block dark:hidden dark:absolute mx-auto md:mx-auto"
        loading="eager"
        fetchpriority="high"
        decoding="sync"
      /></a>
</div>

          </div><div
          class="justify-end lg:order-4 [grid-area:icons] lg:[grid-area:icons] flex"
        ><div class="flex items-center justify-center mobile-center-left" @init-run.window="$store.xHeaderMenu.renderAjax($el, 'header-search-block', '#ajax-loading-header-search');">
              <a 
                id="SearchOpen"
                href="/search" 
                aria-label="search"
                class="flex items-center cursor-pointer justify-center link focus-inset opacity-70 bg-none" 
                @click.prevent="$store.xModal.setActiveElement('SearchOpen');">
                <span class="w-11 h-10 px-3 pt-2.5 pb-2"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 19 18" fill="none" style="fill: none;">
        <path d="M9.2665 16.2001C13.4639 16.2001 16.8665 12.7975 16.8665 8.60009C16.8665 4.40272 13.4639 1.00009 9.2665 1.00009C5.06914 1.00009 1.6665 4.40272 1.6665 8.60009C1.6665 12.7975 5.06914 16.2001 9.2665 16.2001Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M17.6669 16.9999L16.0669 15.3999" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </a>
            </div>
            <a href="https://chalet-nursery.shop/customer_authentication/redirect?locale=en&region_country=US"
              aria-label="Log in"
              class="header-icon-account hidden lg:flex opacity-70 relative items-center justify-center">
              <span class="w-11 h-10 pl-3 pr-2.5 pt-2.5 pb-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 18" fill="none" style="fill: none;">
        <path d="M10.6768 1.76956C10.0249 1.282 9.21778 1.00012 8.33305 1.00012C6.19106 1.00012 4.45264 2.70658 4.45264 4.80919C4.45264 6.91179 6.19106 8.61825 8.33305 8.61825C10.475 8.61825 12.2135 6.91179 12.2135 4.80919" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M15 16.9999C15 14.0516 12.0122 11.6672 8.33357 11.6672C4.6549 11.6672 1.66699 14.0516 1.66699 16.9999" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
              </span>
            </a><div class="header-icon-cart cursor-pointer relative flex items-center lg:mr-1 rtl:lg:ml-1 rtl:lg:mr-0">
              <a 
                id="cart-icon"
                href="/cart"
                class="relative flex items-center"              
                @click.prevent="$store.xModal.setActiveElement('cart-icon'); $store.xMiniCart.openCart();"
                :class="$store.xMiniCart.open && 'pointer-events-none'"
                aria-controls="CartDrawer"
                aria-expanded="false"
                aria-label="icon-cart"
              >
                <span class="w-11 h-10 pl-3 inline-block pr-2.5 pt-2.5 pb-2 opacity-70">
                  <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18 20" fill="none" style="fill: none;">
      <path d="M3.97589 1.70605L1.48779 5.02351V16.6346C1.48779 17.0745 1.66255 17.4965 1.97362 17.8075C2.2847 18.1186 2.7066 18.2934 3.14652 18.2934H14.7576C15.1976 18.2934 15.6195 18.1186 15.9305 17.8075C16.2416 17.4965 16.4164 17.0745 16.4164 16.6346V5.02351L13.9283 1.70605H3.97589Z" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M1.48779 5.02344H16.4164" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M12.2697 8.34082C12.2697 9.22067 11.9202 10.0645 11.298 10.6866C10.6759 11.3088 9.83207 11.6583 8.95223 11.6583C8.07238 11.6583 7.22857 11.3088 6.60643 10.6866C5.98428 10.0645 5.63477 9.22067 5.63477 8.34082" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
                </span>
                <div id="cart-icon-bubble" class="count_item absolute -top-0.5 right-0" data-value="0">
                  <div class="bg-[rgba(var(--colors-cart))] text-[rgba(var(--colors-cart-text))] font-medium h-5 w-5 rounded-full text-[10px] hidden"><span class="h-full flex items-center justify-center mt-[1px]" aria-hidden="true">0</span></div>
                </div>
              </a>
            </div></div>
<style data-shopify>
</style><nav x-on:click.away="$store.xHeaderMenu.hideMenu($el)" class="[grid-area:navigation] w-full pb-header lg:[grid-area:navigation] mt-4 order-3 hidden header__inline-menu lg:flex items-center justify-center">
  <ul class="list-menu inline-flex flex-wrap items-center justify-center">
<li x-data='{ active: false }' 
                class="simple_menu pr-5 pl-5 has-dropdown" 
                @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)"
                
                  x-on:mouseover="$store.xHeaderMenu.selectItem($el); $el.classList.add('is-focus');"
                  @mouseleave="$el.classList.remove('is-focus');"
                  @focusin="$store.xHeaderMenu.selectItem($el); $el.classList.add('is-focus');"
                  @focusout="$el.classList.remove('is-focus');"
                
              >
                <div class="simple_menu_item relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active">
                  <a href="https://chaletlandscape.com/"
                    class="cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active" 
                    
                      
                        x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el)"
                      
                    
                  >
                    
          
          
            <span>Landscape Services</span>
          
        
<span class="w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span></a></div><div id="menu-1"></div></li>
<li x-data='{ active: false }' 
                class="simple_menu pr-5 pl-5 has-dropdown" 
                @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)"
                
                  x-on:mouseover="$store.xHeaderMenu.selectItem($el); $el.classList.add('is-focus');"
                  @mouseleave="$el.classList.remove('is-focus');"
                  @focusin="$store.xHeaderMenu.selectItem($el); $el.classList.add('is-focus');"
                  @focusout="$el.classList.remove('is-focus');"
                
              >
                <div class="simple_menu_item relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active">
                  <a href="#"
                    class="cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active" 
                    
                      
                        x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el)"
                      
                    
                  >
                    
          
          
            <span>Shop</span>
          
        
<span class="w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span></a></div><div id="menu-2"></div></li>
<li x-data='{ active: false }' 
                class="simple_menu pr-5 pl-5" 
                @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)"
                
                  x-on:mouseover="$store.xHeaderMenu.selectItem($el); $el.classList.add('is-focus');"
                  @mouseleave="$el.classList.remove('is-focus');"
                  @focusin="$store.xHeaderMenu.selectItem($el); $el.classList.add('is-focus');"
                  @focusout="$el.classList.remove('is-focus');"
                
              >
                <div class="simple_menu_item relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active">
                  <a href="https://chalet-nursery.shop/pages/events-classes"
                    class="cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active" 
                    
                  >
                    
          
          
            <span>Events + Classes</span>
          
        
</a></div></li>
<li x-data='{ active: false }' 
                class="simple_menu pr-5 pl-5" 
                @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)"
                
                  x-on:mouseover="$store.xHeaderMenu.selectItem($el); $el.classList.add('is-focus');"
                  @mouseleave="$el.classList.remove('is-focus');"
                  @focusin="$store.xHeaderMenu.selectItem($el); $el.classList.add('is-focus');"
                  @focusout="$el.classList.remove('is-focus');"
                
              >
                <div class="simple_menu_item relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active">
                  <a href="/pages/chalet-shopping-consultation"
                    class="cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active" 
                    
                  >
                    
          
          
            <span>Shopping Appointment</span>
          
        
</a></div></li>
<li x-data='{ active: false }' 
                class="simple_menu pr-5 pl-5" 
                @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)"
                
                  x-on:mouseover="$store.xHeaderMenu.selectItem($el); $el.classList.add('is-focus');"
                  @mouseleave="$el.classList.remove('is-focus');"
                  @focusin="$store.xHeaderMenu.selectItem($el); $el.classList.add('is-focus');"
                  @focusout="$el.classList.remove('is-focus');"
                
              >
                <div class="simple_menu_item relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active">
                  <a href="https://chalet-nursery.shop/blogs/chalet-blog/tagged/january-must-read"
                    class="cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active" 
                    
                  >
                    
          
          
            <span>Blogs</span>
          
        
</a></div></li>
<template x-teleport="#menu-1">
<template x-if="!runDispatch">  
      <div class="toggle-menu toggle-menu-hidden text-[rgba(var(--colors-text))] mega-menu-horizontal main-nav-child-left is-focus:text-[rgba(var(--colors-text))] absolute w-full background-header left-0 z-50 shadow-md ltr overflow-hidden h-fit max-h-[80vh]">
        <div>
          <div class="page-width mx-auto flex promotion-horizontal image-count-1 md:max-h-[80vh]"><ul class="mega-nav order-2 scrollbar-body scrollbar-visible flex-wrap relative gap-5 xl:gap-8 flex mt-7 mb-8 flex-row z-50 left-0 right-0 w-4/5 top-full"><li class="relative w-24 lg:w-48">
                    <div class="">
<a href="https://chalet-nursery.shop/pages/breath-chalet-landscape-services-guide" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                        Landscape + Garden Services Guide
                      </a>
                    </div></li><li class="relative w-24 lg:w-48">
                    <div class="">
<a href="/pages/design-build" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                        Design + Build
                      </a>
                    </div></li><li class="relative w-24 lg:w-48">
                    <div class="">
<a href="/pages/landscape-maintenance-service" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                        Maintenance
                      </a>
                    </div></li><li class="relative w-24 lg:w-48">
                    <div class="">
<a href="https://chalet-nursery.shop/pages/event-signup/chalet-garden-design-studio" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                        Design Studio
                      </a>
                    </div></li><li class="relative w-24 lg:w-48">
                    <div class="">
<a href="https://chaletlandscape.com/pages/landscape-a-la-carte-services" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                        Enhancement Services
                      </a>
                    </div></li><li class="relative w-24 lg:w-48">
                    <div class="">
<a href="https://chaletlandscape.com/pages/chalet-signature" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                        Signature Planter Arrangements
                      </a>
                    </div></li><li class="relative w-24 lg:w-48">
                    <div class="">
<a href="https://chaletlandscape.com/pages/chalet-landscape-photo-gallery" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                        Photo Gallery
                      </a>
                    </div></li><li class="relative w-24 lg:w-48">
                    <div class="">
<a href="/pages/landscape-contact-us" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                        Contact Chalet-nursery Landscape
                      </a>
                    </div></li><li class="relative w-24 lg:w-48">
                    <div class="">
<a href="https://chalet.propertyserviceportal.com/" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                        Pay Bill
                      </a>
                    </div></li></ul><div class="relative float-right md:right-5 lg:right-0 pt-8 pb-8 w-1/5"> 
                <div class="mega-nav-promotions scrollbar-body scrollbar-visible overflow-y-auto flex gap-5"><style data-shopify>
                      .image-simple_menu_U8ErNh-1 {
                        height: 130px;
                      }
                    </style>
                    
                    <div class="mega-menu-card w-full group relative background-color-simple_menu_U8ErNh-1 rounded-[10px]">
                      
<style data-shopify>.title-color-simple_menu_U8ErNh-1 {
      color: ;
      --colors-heading: , , ;
    }.text-simple_menu_U8ErNh-1 {
    font-size: 0.945rem;
  }
  .sub-heading-simple_menu_U8ErNh-1 {
    font-size: 1.125rem;
  }
  .heading-simple_menu_U8ErNh-1 {
    font-size: 1.575rem;
  }
  @media (min-width: 768px) {
    .sub-heading-simple_menu_U8ErNh-1 {
      font-size: 1.305rem;
    }
    .heading-simple_menu_U8ErNh-1 {
      font-size: 2.25rem; 
    }
    .text-simple_menu_U8ErNh-1 {
      font-size: 1.05rem;
    }
  }.button--simple_menu_U8ErNh-1.button-solid,
    .button--simple_menu_U8ErNh-1.button-solid:before {--colors-line-and-border: var(--colors-button);}.button--simple_menu_U8ErNh-1.button-outline {}
  
</style><div 
    
    class="w-full relative z-0 before:h-0 before:block promotion-header image-simple_menu_U8ErNh-1 pb-[%] rounded-[10px] overflow-hidden"
    
  >
    
    
    
      <div 
        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]"
      >
    
      <img
        srcset="//chalet-nursery.shop/cdn/shop/files/chalet-landscape-award-winnig-design-service.jpg?v=1736374600&width=225 225w,
        //chalet-nursery.shop/cdn/shop/files/chalet-landscape-award-winnig-design-service.jpg?v=1736374600&width=375 375w,
        //chalet-nursery.shop/cdn/shop/files/chalet-landscape-award-winnig-design-service.jpg?v=1736374600&width=450 450w,
        //chalet-nursery.shop/cdn/shop/files/chalet-landscape-award-winnig-design-service.jpg?v=1736374600&width=750 750w,
        //chalet-nursery.shop/cdn/shop/files/chalet-landscape-award-winnig-design-service.jpg?v=1736374600&width=900 900w,
        //chalet-nursery.shop/cdn/shop/files/chalet-landscape-award-winnig-design-service.jpg?v=1736374600&width=1100 1100w,
        //chalet-nursery.shop/cdn/shop/files/chalet-landscape-award-winnig-design-service.jpg?v=1736374600&width=1500 1500w,
        //chalet-nursery.shop/cdn/shop/files/chalet-landscape-award-winnig-design-service.jpg?v=1736374600&width=1780 1780w"
        src="//chalet-nursery.shop/cdn/shop/files/chalet-landscape-award-winnig-design-service.jpg?v=1736374600&width=1780"
        
          loading="lazy"
         
        sizes="(min-width: 1400px) 350px, (min-width: 768px) calc(100vw/4), 100vw"
        alt=""
        width="1970"
        height="700.0"
        style="object-position: 50.0% 50.0%;"
        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
        onload="this?.classList.add('active'); 
          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
        "
      />
    </div>
  
  <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span></div>

                    </div></div>
              </div></div>
          
        </div>
      </div>
    </template></template>
          

<template x-teleport="#menu-2">
<template x-if="!runDispatch">  
      <div class="toggle-menu toggle-menu-hidden text-[rgba(var(--colors-text))] mega-menu-horizontal main-nav-child-left is-focus:text-[rgba(var(--colors-text))] absolute w-full background-header left-0 z-50 shadow-md ltr overflow-hidden h-fit max-h-[80vh]">
        <div>
          <div class="page-width mx-auto flex promotion-horizontal image-count-3 md:max-h-[80vh]"><ul class="mega-nav order-2 scrollbar-body scrollbar-visible flex-wrap relative gap-5 xl:gap-8 flex mt-7 mb-8 flex-row z-50 left-0 right-0 w-1/2 top-full"><li class="relative w-24 lg:w-48">
                    <div class="font-semibold">
<a href="/pages/chalet-about-us" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block mb-3">
                        Shop
                      </a>
                    </div><ul class="list-unstyled" role="list"><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/pages/plants/indoor-plants" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Houseplant SALE
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/collections/seeds" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Seed SALE
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/pages/new/valentines-day-gift" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Valentine&#39;s Day Gift Guide
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/collections/dog-apparel-sale" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Pet Outerwear SALE
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/collections/firewood-and-accessories" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Firewood
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/pages/new/home-decor" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Home Decor
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/collections/gourmet-food" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Gourmet Food
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/pages/new/apparel" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Apparel
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/pages/new/wellness" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Wellness
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/collections/jellycat" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Jellycat
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/pages/new/kids" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Kids
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/pages/new/pet" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Pet Living
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="https://chalet-nursery.shop/pages/discover-chalet-signature" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Planter Arrangements
                              </a>
                            </span>
                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
<span class="flex-1">
                              <a href="/collections/gift-cards" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Gift Cards
                              </a>
                            </span>
                          </li></ul></li></ul><div class="relative float-right md:right-5 lg:right-0 pt-8 pb-8 w-1/2"> 
                <div class="mega-nav-promotions scrollbar-body scrollbar-visible overflow-y-auto flex gap-5"><style data-shopify>
                      .image-simple_menu_TxBgMg-1 {
                        height: 150px;
                      }
                    </style>
                    
                    <div class="mega-menu-card w-full group relative background-color-simple_menu_TxBgMg-1 rounded-[10px]">
                      
<style data-shopify>.title-color-simple_menu_TxBgMg-1 {
      color: ;
      --colors-heading: , , ;
    }.text-simple_menu_TxBgMg-1 {
    font-size: 0.945rem;
  }
  .sub-heading-simple_menu_TxBgMg-1 {
    font-size: 0.5625rem;
  }
  .heading-simple_menu_TxBgMg-1 {
    font-size: 0.7875rem;
  }
  @media (min-width: 768px) {
    .sub-heading-simple_menu_TxBgMg-1 {
      font-size: 0.6525rem;
    }
    .heading-simple_menu_TxBgMg-1 {
      font-size: 1.125rem; 
    }
    .text-simple_menu_TxBgMg-1 {
      font-size: 1.05rem;
    }
  }.button--simple_menu_TxBgMg-1.button-outline {}
  
</style><div 
    
    class="w-full relative z-0 before:h-0 before:block promotion-header image-simple_menu_TxBgMg-1 pb-[%] rounded-[10px] overflow-hidden"
    
  >
    
    
    
      <div 
        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]"
      >
    
      <img
        srcset="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-valentines-day-1-2.jpg?v=1738354379&width=225 225w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-valentines-day-1-2.jpg?v=1738354379&width=375 375w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-valentines-day-1-2.jpg?v=1738354379&width=450 450w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-valentines-day-1-2.jpg?v=1738354379&width=750 750w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-valentines-day-1-2.jpg?v=1738354379&width=900 900w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-valentines-day-1-2.jpg?v=1738354379&width=1100 1100w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-valentines-day-1-2.jpg?v=1738354379&width=1500 1500w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-valentines-day-1-2.jpg?v=1738354379&width=1780 1780w"
        src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-valentines-day-1-2.jpg?v=1738354379&width=1780"
        
          loading="lazy"
         
        sizes="(min-width: 1400px) 350px, (min-width: 768px) calc(100vw/4), 100vw"
        alt=""
        width="750"
        height="500.0"
        style="object-position: 50.0% 50.0%;"
        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
        onload="this?.classList.add('active'); 
          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
        "
      />
    </div>
  
  <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span></div><div class="promotion-content background-color-simple_menu_TxBgMg-1 text-center pt-3 pb-3 pr-4 pl-4 rounded-[10px] left-0 right-0 grow"><p class="heading-simple_menu_TxBgMg-1 h3 text-color-simple_menu_TxBgMg-1 promotion-header:mb-0 mb-2 leading-tight h2 p-break-words pointer-events-auto">
        
          Valentine's Day
        
      </p>
<a href="/pages/new/valentines-day-gift" class="button button-outline mt-2 lg:mt-2.5 button--simple_menu_TxBgMg-1 pointer-events-auto inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer p-break-words">
        

  
    <span class="button-text is-focus-button:opacity-0">Shop</span>
  


      </a>
    
  </div>


                    </div><style data-shopify>
                      .image-simple_menu_TxBgMg-2 {
                        height: 150px;
                      }
                    </style>
                    
                    <div class="mega-menu-card w-full group relative background-color-simple_menu_TxBgMg-2 rounded-[10px]">
                      
<style data-shopify>.title-color-simple_menu_TxBgMg-2 {
      color: ;
      --colors-heading: , , ;
    }.text-simple_menu_TxBgMg-2 {
    font-size: 0.945rem;
  }
  .sub-heading-simple_menu_TxBgMg-2 {
    font-size: 0.5625rem;
  }
  .heading-simple_menu_TxBgMg-2 {
    font-size: 0.7875rem;
  }
  @media (min-width: 768px) {
    .sub-heading-simple_menu_TxBgMg-2 {
      font-size: 0.6525rem;
    }
    .heading-simple_menu_TxBgMg-2 {
      font-size: 1.125rem; 
    }
    .text-simple_menu_TxBgMg-2 {
      font-size: 1.05rem;
    }
  }.button--simple_menu_TxBgMg-2.button-outline {}
  
</style><div 
    
    class="w-full relative z-0 before:h-0 before:block promotion-header image-simple_menu_TxBgMg-2 pb-[%] rounded-[10px] overflow-hidden"
    
  >
    
    
    
      <div 
        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]"
      >
    
      <img
        srcset="//chalet-nursery.shop/cdn/shop/files/fireplace-indoor-winter.jpg?v=1765558661&width=225 225w,
        //chalet-nursery.shop/cdn/shop/files/fireplace-indoor-winter.jpg?v=1765558661&width=375 375w,
        //chalet-nursery.shop/cdn/shop/files/fireplace-indoor-winter.jpg?v=1765558661&width=450 450w,
        //chalet-nursery.shop/cdn/shop/files/fireplace-indoor-winter.jpg?v=1765558661&width=750 750w,
        //chalet-nursery.shop/cdn/shop/files/fireplace-indoor-winter.jpg?v=1765558661&width=900 900w,
        //chalet-nursery.shop/cdn/shop/files/fireplace-indoor-winter.jpg?v=1765558661&width=1100 1100w,
        //chalet-nursery.shop/cdn/shop/files/fireplace-indoor-winter.jpg?v=1765558661&width=1500 1500w,
        //chalet-nursery.shop/cdn/shop/files/fireplace-indoor-winter.jpg?v=1765558661&width=1780 1780w"
        src="//chalet-nursery.shop/cdn/shop/files/fireplace-indoor-winter.jpg?v=1765558661&width=1780"
        
          loading="lazy"
         
        sizes="(min-width: 1400px) 350px, (min-width: 768px) calc(100vw/4), 100vw"
        alt=""
        width="6114"
        height="4184.0"
        style="object-position: 50.0% 50.0%;"
        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
        onload="this?.classList.add('active'); 
          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
        "
      />
    </div>
  
  <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span></div><div class="promotion-content background-color-simple_menu_TxBgMg-2 text-center pt-3 pb-3 pr-4 pl-4 rounded-[10px] left-0 right-0 grow"><p class="heading-simple_menu_TxBgMg-2 h3 text-color-simple_menu_TxBgMg-2 promotion-header:mb-0 mb-2 leading-tight h2 p-break-words pointer-events-auto">
        
          Firewood
        
      </p>
<a href="/collections/firewood-and-accessories" class="button button-outline mt-2 lg:mt-2.5 button--simple_menu_TxBgMg-2 pointer-events-auto inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer p-break-words">
        

  
    <span class="button-text is-focus-button:opacity-0">Shop</span>
  


      </a>
    
  </div>


                    </div><style data-shopify>
                      .image-simple_menu_TxBgMg-3 {
                        height: 150px;
                      }
                    </style>
                    
                    <div class="mega-menu-card w-full group relative background-color-simple_menu_TxBgMg-3 rounded-[10px]">
                      
<style data-shopify>.title-color-simple_menu_TxBgMg-3 {
      color: ;
      --colors-heading: , , ;
    }.text-simple_menu_TxBgMg-3 {
    font-size: 0.945rem;
  }
  .sub-heading-simple_menu_TxBgMg-3 {
    font-size: 0.5625rem;
  }
  .heading-simple_menu_TxBgMg-3 {
    font-size: 0.7875rem;
  }
  @media (min-width: 768px) {
    .sub-heading-simple_menu_TxBgMg-3 {
      font-size: 0.6525rem;
    }
    .heading-simple_menu_TxBgMg-3 {
      font-size: 1.125rem; 
    }
    .text-simple_menu_TxBgMg-3 {
      font-size: 1.05rem;
    }
  }.button--simple_menu_TxBgMg-3.button-outline {}
  
</style><div 
    
    class="w-full relative z-0 before:h-0 before:block promotion-header image-simple_menu_TxBgMg-3 pb-[%] rounded-[10px] overflow-hidden"
    
  >
    
    
    
      <div 
        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]"
      >
    
      <img
        srcset="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-chilewich-placemats-entertaining-tablescape-tabletop-gift-07.jpg?v=1729281436&width=225 225w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-chilewich-placemats-entertaining-tablescape-tabletop-gift-07.jpg?v=1729281436&width=375 375w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-chilewich-placemats-entertaining-tablescape-tabletop-gift-07.jpg?v=1729281436&width=450 450w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-chilewich-placemats-entertaining-tablescape-tabletop-gift-07.jpg?v=1729281436&width=750 750w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-chilewich-placemats-entertaining-tablescape-tabletop-gift-07.jpg?v=1729281436&width=900 900w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-chilewich-placemats-entertaining-tablescape-tabletop-gift-07.jpg?v=1729281436&width=1100 1100w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-chilewich-placemats-entertaining-tablescape-tabletop-gift-07.jpg?v=1729281436&width=1500 1500w,
        //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-chilewich-placemats-entertaining-tablescape-tabletop-gift-07.jpg?v=1729281436&width=1780 1780w"
        src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-chilewich-placemats-entertaining-tablescape-tabletop-gift-07.jpg?v=1729281436&width=1780"
        
          loading="lazy"
         
        sizes="(min-width: 1400px) 350px, (min-width: 768px) calc(100vw/4), 100vw"
        alt=""
        width="800"
        height="1200.0000000000002"
        style="object-position: 50.0% 50.0%;"
        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
        onload="this?.classList.add('active'); 
          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
        "
      />
    </div>
  
  <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span></div><div class="promotion-content background-color-simple_menu_TxBgMg-3 text-center pt-3 pb-3 pr-4 pl-4 rounded-[10px] left-0 right-0 grow"><p class="heading-simple_menu_TxBgMg-3 h3 text-color-simple_menu_TxBgMg-3 promotion-header:mb-0 mb-2 leading-tight h2 p-break-words pointer-events-auto">
        
          Pantone 2026: Cloud Dancer
        
      </p>
<a href="/collections/cloud-dancer-pantone-color-of-the-year-2026" class="button button-outline mt-2 lg:mt-2.5 button--simple_menu_TxBgMg-3 pointer-events-auto inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer p-break-words">
        

  
    <span class="button-text is-focus-button:opacity-0">Shop</span>
  


      </a>
    
  </div>


                    </div></div>
              </div></div>
          
        </div>
      </div>
    </template></template>
          


          


          


          
</ul>
</nav></header><div @init-run.window="$store.xHeaderMenu.renderAjax($el, 'cart-drawer', '#ajax-loading-cart');"></div>
    </div>
  </div>
</div>    
<script src="//chalet-nursery.shop/cdn/shop/t/284/assets/search-prompts.js?v=123663537316562764691767904023" defer></script>                   
<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Chalet-nursery",
    
      "logo": "https:\/\/chalet-nursery.shop\/cdn\/shop\/files\/NewChalet_logo_only_560w-SignatureBlueRGB.png?v=1732028432\u0026width=4667",
    
    "sameAs": [
      "",
      "https:\/\/www.facebook.com\/ChaletNursery\/",
      "",
      "https:\/\/www.instagram.com\/chaletnursery",
      "https:\/\/www.tiktok.com\/@chaletchicago",
      "",
      "",
      "https:\/\/www.youtube.com\/channel\/UCriJ58k-2_sYA69Drcya7pg",
      ""
    ],
    "url": "https:\/\/chalet-nursery.shop"
  }
</script>
</div><div id="shopify-section-sections--17986558165126__mobile-navigation" class="shopify-section shopify-section-group-header-group-breath section-mobile-navigation"><style data-shopify>#mobile-navigation * {border-color: #f6f6f0;}
  .dark #mobile-navigation * {border-color: #272727;} 
  #mobile-navigation .text-color,
  #mobile-navigation .background-header {background: #ffffff;--colors-heading: 75, 73, 73;
      color: #4b4949;
      --colors-text-header: 75, 73, 73;  
        --colors-text-link: 75, 73, 73;
      
  }
  .dark #mobile-navigation .text-color,
  .dark #mobile-navigation .background-header {background: #212020;--colors-heading: 153, 153, 153;
      color: #999999;
      --colors-text-header: 153, 153, 153;
      --colors-text-link: 153, 153, 153;  
      --colors-text-link: 233, 157, 11;
    
  }
  
</style><div
  class="z-[60] fixed top-0 h-full w-full opacity-60 bg-black"
  x-show="$store.xMobileNav.show"
  x-cloak
  @click="$store.xMobileNav.close()"
></div>
<template x-if="!runDispatch">
  <div
    id="mobile-navigation"
    :class="{ 'menu-opening': $store.xMobileNav.show }" 
    class="menu-drawer fixed z-[60] top-0 bottom-0 w-10/12 max-w-sm motion-reduce invisible overflow-x-hidden ltr left-0 -translate-x-full rounded-r-[10px]"
  >
    <div class="background-header gradient menu-drawer duration-300 ease-in-out pt-5 overflow-hidden h-full flex flex-col">
      <div class="h-10 w-full px-2 text-right"
        aria-label="Close"
      >
        <span
          class="cursor-pointer w-11 h-8 inline-block p-2"
          @click="$store.xMobileNav.close()"
        ><svg width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M0.757812 8.75781L4.75782 4.75783M4.75782 4.75783L8.7578 0.757812M4.75782 4.75783L0.757812 0.757812M4.75782 4.75783L8.7578 8.75781" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
      </div>
      <div
        id="menu-navigation"
        class="h-full flex-1 overflow-x-hidden scrollbar-body"
        :class="$store.xMobileNav.currentMenuLinks.length == 0 ? ' overflow-y-auto' : 'overflow-hidden'">
        <ul 
          id="menu-level-0"
          role="list" 
          class="menu-parent relative h-full w-full" 
        >
           <li>
                <span class="flex border-t ml-5 mr-5"></span>

<div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-1')" 
    class="flex items-center mr-4 ml-4 border-b pl-[5px] pr-[3px] rtl:pr-[5px] rtl:pl-[3px]"
  >
    
      <span class="flex-1 pt-2.5 pb-2.5 flex gap-2.5 items-center disable-effect">
    
      
      <span class="p-break-words">
        
        
          <span>Shop</span>
        
      </span>
    </span>
<span
        class="icon-caret-mobile h-4 w-4 pr-px pl-px block pt-1 min-w-[1rem] -rotate-90"
      ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span></div><div
      class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible translate-x-full"
      :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-1')}"
    >
      <div class="overflow-x-hidden scrollbar-body absolute top-0 z-30 w-full h-full"
        :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
      >
        <div class="flex items-center justify-between ml-4 mr-4 pl-[3px] pr-[5px] rtl:pr-[3px] rtl:pl-[5px] border-y text-left">
          <span class="h-11 w-8 pt-4 block rotate-90 pl-2 pr-2.5 mr-4" 
            @click="$store.xMobileNav.removeActiveLink('-1'); "
          >
            <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
          </span>
          <a href="/pages/holiday-decor-themes" class="pt-4 pb-4 flex-1 font-semibold disable-effect">
            <span class="p-break-words">Shop</span>
          </a>
        </div>
        <ul 
          id="menu-level-1"
          class="background-header w-full px-4" 
        ><li  class="border-b">
              
              <div
                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
                
              >
                
                  <a href="https://chalet-nursery.shop/pages/plants/indoor-plants" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
                
                  
                  <span class="flex justify-between items-center w-full gap-2">
                    Houseplant SALE
                    
                  </span>
                </a>
</div></li><li  class="border-b">
              
              <div
                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
                
              >
                
                  <a href="/collections/seeds" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
                
                  
                  <span class="flex justify-between items-center w-full gap-2">
                    Seed SALE
                    
                  </span>
                </a>
</div></li><li  class="border-b">
              
              <div
                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
                
              >
                
                  <a href="/pages/new/valentines-day-gift" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
                
                  
                  <span class="flex justify-between items-center w-full gap-2">
                    Valentine&#39;s Day Gift Guide
                    
                  </span>
                </a>
</div></li><li  class="border-b">
              
              <div
                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
                
              >
                
                  <a href="/collections/dog-apparel-sale" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
                
                  
                  <span class="flex justify-between items-center w-full gap-2">
                    Pet Outerwear SALE
                    
                  </span>
                </a>
</div></li><li  class="border-b">
              
              <div
                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
                
              >
                
                  <a href="/collections/firewood-and-accessories" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
                
                  
                  <span class="flex justify-between items-center w-full gap-2">
                    Firewood
                    
                  </span>
                </a>
</div></li><li  class="border-b">
              
              <div
                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
                
              >
                
                  <a href="https://chalet-nursery.shop/pages/new/home-decor" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
                
                  
                  <span class="flex justify-between items-center w-full gap-2">
                    Home Décor
                    
                  </span>
                </a>
</div></li><li  class="border-b">
              
              <div
                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
                
              >
                
                  <a href="/collections/gourmet-food" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
                
                  
                  <span class="flex justify-between items-center w-full gap-2">
                    Gourmet Food
                    
                  </span>
                </a>
</div></li><li  class="border-b">
              
              <div
                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
                
              >
                
                  <a href="https://chalet-nursery.shop/pages/new/apparel" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
                
                  
                  <span class="flex justify-between items-center w-full gap-2">
                    Apparel
                    
                  </span>
                </a>
</div></li><li  class="border-b">
              
              <div
                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
                
              >
                
                  <a href="https://chalet-nursery.shop/pages/new/wellnessSearch" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
                
                  
                  <span class="flex justify-between items-center w-full gap-2">
                    Wellness
                    
                  </span>
                </a>
</div></li><li  class="border-b">
              
              <div
                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
                
              >
                
                  <a href="/collections/jellycat" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
                
                  
                  <span class="flex justify-between items-center w-full gap-2">
                    Jellycat
                    
                  </span>
                </a>
</div></li><li  class="border-b">
              
              <div
                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
                
              >
                
                  <a href="https://chalet-nursery.shop/pages/new/kids" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
                
                  
                  <span class="flex justify-between items-center w-full gap-2">
                    Kids
                    
                  </span>
                </a>
</div></li><li  class="border-b">
              
              <div
                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
                
              >
                
                  <a href="/pages/new/pet" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
                
                  
                  <span class="flex justify-between items-center w-full gap-2">
                    Pet Living
                    
                  </span>
                </a>
</div></li><li  class="border-b">
              
              <div
                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
                
              >
                
                  <a href="/pages/discover-chalet-signature" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
                
                  
                  <span class="flex justify-between items-center w-full gap-2">
                    Planter Arrangements
                    
                  </span>
                </a>
</div></li><li  class="border-b">
              
              <div
                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
                
              >
                
                  <a href="/collections/gift-cards" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
                
                  
                  <span class="flex justify-between items-center w-full gap-2">
                    Gift Cards
                    
                  </span>
                </a>
</div></li></ul>
      </div>
    </div><div  
    class="flex items-center mr-4 ml-4 border-b pl-[5px] pr-[3px] rtl:pr-[5px] rtl:pl-[3px]"
  >
    
      <a href="https://chalet-nursery.shop/pages/events-classes" class="flex-1 pt-2.5 pb-2.5 gap-2.5 flex items-center disable-effect">
    
      
      <span class="p-break-words">
        
        
          <span>Events + Classes</span>
        
      </span>
    </a>
</div><div  
    class="flex items-center mr-4 ml-4 border-b pl-[5px] pr-[3px] rtl:pr-[5px] rtl:pl-[3px]"
  >
    
      <a href="https://chalet-nursery.shop/pages/chalet-shopping-consultation" class="flex-1 pt-2.5 pb-2.5 gap-2.5 flex items-center disable-effect">
    
      
      <span class="p-break-words">
        
        
          <span>Shopping Appointment</span>
        
      </span>
    </a>
</div><div  
    class="flex items-center mr-4 ml-4 border-b pl-[5px] pr-[3px] rtl:pr-[5px] rtl:pl-[3px]"
  >
    
      <a href="https://chaletlandscape.com/" class="flex-1 pt-2.5 pb-2.5 gap-2.5 flex items-center disable-effect">
    
      
      <span class="p-break-words">
        
        
          <span>Landscape Services</span>
        
      </span>
    </a>
</div><div  
    class="flex items-center mr-4 ml-4 border-b pl-[5px] pr-[3px] rtl:pr-[5px] rtl:pl-[3px]"
  >
    
      <a href="https://chalet-nursery.shop/blogs/chalet-blog/tagged/january-must-read" class="flex-1 pt-2.5 pb-2.5 gap-2.5 flex items-center disable-effect">
    
      
      <span class="p-break-words">
        
        
          <span>Blogs</span>
        
      </span>
    </a>
</div></li><li class="block-mobile-navigation pl-5 pr-5" ><a href="https://chalet-nursery.shop/customer_authentication/redirect?locale=en&region_country=US" 
                      class="pt-3.5 pb-3.5 flex items-center border-b disable-effect"
                      data-no-instant
                      aria-label="Log in"
                    >
                      <span class="w-5 mr-4">
                        <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 18" fill="none" style="fill: none;">
        <path d="M10.6768 1.76956C10.0249 1.282 9.21778 1.00012 8.33305 1.00012C6.19106 1.00012 4.45264 2.70658 4.45264 4.80919C4.45264 6.91179 6.19106 8.61825 8.33305 8.61825C10.475 8.61825 12.2135 6.91179 12.2135 4.80919" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M15 16.9999C15 14.0516 12.0122 11.6672 8.33357 11.6672C4.6549 11.6672 1.66699 14.0516 1.66699 16.9999" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
                      </span>Log in</a>
                  </li><li class="block-mobile-navigation pl-5 pr-5" >
                  <div class="pt-2 pb-2 pl-0.5 pr-0.5 flex items-center justify-center opacity-70 border-b">
                    
<div id="selector-social" class=" flex lg:items-center lg:justify-end relative py-1.5">
    
      <ul class="social-list flex flex-wrap opacity-70" role="list"><li>
    <a href="https://www.facebook.com/ChaletNursery/" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="w-full h-full" viewBox="0 0 24 24">
      <path fill="currentColor" d="M15.12,5.32H17V2.14A26.11,26.11,0,0,0,14.26,2C11.54,2,9.68,3.66,9.68,6.7V9.32H6.61v3.56H9.68V22h3.68V12.88h3.06l.46-3.56H13.36V7.05C13.36,6,13.64,5.32,15.12,5.32Z"/>
    </svg></a>
  </li><li>
    <a href="https://www.instagram.com/chaletnursery" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="presentation" class="w-full h-full" viewBox="0 0 24 24" xml:space="preserve">
      <path fill="currentColor" d="M12,9.8c-1.2,0-2.2,1-2.2,2.2s1,2.2,2.2,2.2s2.2-1,2.2-2.2c0,0,0,0,0,0C14.2,10.8,13.2,9.8,12,9.8z M20.8,7.6 c0-0.7-0.1-1.4-0.4-2c-0.4-1-1.1-1.7-2.1-2.1c-0.6-0.2-1.3-0.4-2-0.4c-1.1-0.1-1.5-0.1-4.4-0.1s-3.2,0-4.4,0.1c-0.7,0-1.4,0.1-2,0.4 c-1,0.4-1.7,1.1-2.1,2.1c-0.2,0.6-0.4,1.3-0.4,2C3.1,8.8,3.1,9.1,3.1,12s0,3.2,0.1,4.4c0,0.7,0.1,1.4,0.4,2c0.2,0.5,0.5,0.9,0.8,1.2 c0.4,0.4,0.8,0.6,1.3,0.8c0.6,0.2,1.3,0.4,2,0.4c1.1,0.1,1.5,0.1,4.4,0.1s3.2,0,4.4-0.1c0.7,0,1.4-0.1,2-0.4 c0.5-0.2,0.9-0.5,1.3-0.8c0.4-0.4,0.6-0.8,0.8-1.2c0.2-0.6,0.4-1.3,0.4-2c0.1-1.1,0.1-1.5,0.1-4.4S20.9,8.8,20.8,7.6z M18.6,14.7 c0,0.5-0.1,1.1-0.3,1.6c-0.3,0.9-1,1.5-1.9,1.9c-0.5,0.2-1.1,0.3-1.6,0.3c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.5,0-1.1-0.1-1.6-0.3 c-0.4-0.2-0.8-0.4-1.2-0.8c-0.3-0.3-0.6-0.7-0.7-1.1c-0.2-0.5-0.3-1.1-0.3-1.6c0-0.7,0-0.9,0-2.7s0-2,0-2.7c0-0.5,0.1-1.1,0.3-1.6 c0.2-0.4,0.4-0.8,0.8-1.2c0.3-0.3,0.7-0.6,1.1-0.7c0.5-0.2,1.1-0.3,1.6-0.3l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.5,0,1.1,0.1,1.6,0.3 c0.4,0.2,0.8,0.4,1.2,0.8c0.3,0.3,0.6,0.7,0.7,1.1c0.2,0.5,0.3,1.1,0.3,1.6c0,0.7,0,0.9,0,2.7S18.6,14,18.6,14.7L18.6,14.7z M17.1,8.1c-0.2-0.6-0.7-1-1.3-1.3c-0.4-0.1-0.8-0.2-1.2-0.2c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.4,0-0.8,0.1-1.2,0.2 c-0.6,0.2-1,0.6-1.3,1.2C6.7,8.5,6.7,8.9,6.7,9.3c0,0.7,0,0.9,0,2.7s0,2,0,2.7c0,0.4,0.1,0.8,0.2,1.2c0.2,0.6,0.7,1,1.3,1.3 c0.4,0.1,0.8,0.2,1.2,0.2l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.4,0,0.8-0.1,1.2-0.2c0.6-0.2,1-0.7,1.3-1.3c0.1-0.4,0.2-0.8,0.2-1.2 c0-0.7,0-0.9,0-2.7s0-2,0-2.7C17.4,8.9,17.3,8.5,17.1,8.1L17.1,8.1z M12,15.4c-1.9,0-3.4-1.5-3.4-3.4c0,0,0,0,0,0l0,0 c0-1.9,1.5-3.4,3.4-3.4s3.4,1.5,3.4,3.4C15.4,13.9,13.9,15.4,12,15.4C12,15.4,12,15.4,12,15.4z M15.6,9.3c-0.4,0-0.8-0.4-0.7-0.9 c0-0.4,0.3-0.7,0.7-0.7l0,0c0.4,0,0.8,0.4,0.7,0.9C16.2,8.9,15.9,9.2,15.6,9.3z"/>
    </svg></a>
  </li><li>
    <a href="https://www.tiktok.com/@chaletchicago" target="blank" aria-label="TikTok" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation" class="w-full h-full" viewBox="0 0 24 24" xml:space="preserve">
      <path d="M15.7,2.6C16,5.3,17.5,6.9,20,7v3c-1.5,0.1-2.8-0.3-4.3-1.3v5.6c0,7.1-7.7,9.3-10.9,4.2c-2-3.3-0.8-9,5.6-9.3 v3.2c-0.5,0.1-1,0.2-1.5,0.4c-1.4,0.5-2.2,1.4-2,3c0.4,3.1,6,4,5.6-2V2.6L15.7,2.6L15.7,2.6z"/>
    </svg></a>
  </li><li>
    <a href="https://www.youtube.com/channel/UCriJ58k-2_sYA69Drcya7pg" target="blank" aria-label="YouTube" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="presentation" class="w-full h-full" viewBox="0 0 24 24" xml:space="preserve">
      <path fill="currentColor" d="M21.5,10c0-1.2-0.2-2.5-0.8-3.6c-0.4-0.5-0.9-0.8-1.5-0.9c-2.4-0.2-4.8-0.3-7.3-0.3c-2.4,0-4.8,0-7.2,0.3 C4.3,5.7,3.9,5.9,3.5,6.2c-0.8,0.7-0.9,1.9-1,3c-0.1,1.9-0.1,3.7,0,5.6c0,0.6,0.1,1.2,0.3,1.7c0.1,0.4,0.3,0.8,0.6,1.2 c0.4,0.3,0.8,0.6,1.3,0.7c1.9,0.2,3.8,0.3,5.6,0.3c3,0,5.7,0,8.8-0.2c0.5-0.1,1-0.3,1.3-0.7c0.2-0.2,0.4-0.5,0.5-0.9 c0.3-1,0.5-1.9,0.5-2.9C21.5,13.5,21.5,10.6,21.5,10z M10.1,14.5V9.1l5.1,2.7C13.7,12.6,11.8,13.5,10.1,14.5z"/>
    </svg></a>
  </li><li>
    <a href="mailto:hello@chalet-nursery.shop" class="flex disable-effect hover-text-link  w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
        viewBox="0 0 197.8 197.8" style="enable-background:new 0 0 197.8 197.8;" xml:space="preserve">
       <g>
         <g>
           <path d="M171,32.1c5.8,0,10.7,2,14.7,5.9s5.9,8.9,5.9,14.7v92.8c0,5.7-2,10.6-5.9,14.7c-4,4.1-8.9,6.1-14.7,5.9H26.3
             c-5.8,0-10.7-2-14.7-5.9c-4-4-5.9-8.9-5.9-14.7V52.8c0-5.8,2-10.7,5.9-14.7s8.9-5.9,14.7-5.9H171z M171,52.8H26.3v2.2L94,114.4
             c1.2,0.9,2.7,1.4,4.6,1.4c1.8,0,3.3-0.5,4.4-1.4l68-59.5V52.8z M26.3,138.4l37.1-37.5L26.3,68.6V138.4z M87.5,122.1l-16.3-14.3
             l-37.7,37.7h129.8l-37.7-37.7l-16.1,14.3c-3.2,2.6-6.9,4-11.1,4C94.4,126.1,90.7,124.8,87.5,122.1z M133.7,100.9l37.3,37.3V68.6
             L133.7,100.9z"/>
         </g>
       </g>
     </svg></a>
  </li><li>
    <a href="tel:(337) 999-7888" class="flex disable-effect hover-text-link  w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
        viewBox="0 0 197.8 197.8" style="enable-background:new 0 0 197.8 197.8;" xml:space="preserve">
        <g>
          <g>
            <path d="M178.8,29.3c3.7,3.7,6.9,8.2,9.4,13.4c2.5,5.2,4.2,11.8,4.9,19.8c0.7,8,0,16.3-2.2,24.8
              c-2.2,8.6-6.7,18.4-13.4,29.6c-6.8,11.1-15.8,22.3-27,33.6c-28.7,28.7-56.1,43-82.3,43c-16.2,0-29.2-4.9-39-14.7l-16.9-16.9
              C6.7,156.3,4,149.6,4,141.8c0-7.9,2.8-14.5,8.3-19.9l15.1-15.1c5.6-5.6,12.2-8.3,19.9-8.3c7.7,0,14.4,2.8,19.9,8.3l13.1,12.9
              l39.5-39.2l-13.2-13.1c-5.6-5.7-8.3-12.4-8.3-20.1c0-7.7,2.8-14.4,8.3-20.1l15.1-14.9c5.4-5.4,12.1-8.2,20-8.2
              c7.9,0,14.6,2.7,20,8.2L178.8,29.3z M25.5,148.5l10.3,10.2l28.5-28.3l-10.5-10.2c-1.8-1.8-4-2.7-6.5-2.7s-4.7,0.9-6.5,2.7
              l-15.2,14.9c-1.8,1.8-2.7,4.1-2.7,6.7C22.8,144.4,23.7,146.7,25.5,148.5z M137.1,137.2c9.8-9.9,17.7-19.5,23.6-28.8
              c5.9-9.3,9.8-17.3,11.6-24.1c1.8-6.8,2.5-13.1,2-19c-0.5-5.9-1.5-10.6-3.1-14.1c-1.6-3.5-3.5-6.3-5.8-8.5L137.1,71l2.7,2.7
              c1.8,1.8,2.7,4.1,2.7,6.7c0,2.7-0.9,4.8-2.7,6.5L87,140c-1.8,1.8-4.1,2.7-6.7,2.7c-2.7,0-4.9-0.9-6.7-2.7l-2.7-3.1l-28.3,28.7
              c6,6,14.6,9.1,25.6,9.1C89.2,174.6,112.2,162.1,137.1,137.2z M120,40.6c-1.8,1.8-2.7,4.1-2.7,6.7c0,2.7,0.9,4.9,2.7,6.7l10.2,10.2
              l28.5-28.3l-10.3-10.2c-1.8-1.8-4-2.7-6.6-2.7c-2.6,0-4.8,0.9-6.6,2.7L120,40.6z"/>
          </g>
        </g>
      </svg>
    </a>
  </li></ul>
     </div>
                  </div>
                </li>
        </ul>
      </div><div class="pt-1.5 pb-1.5 pl-5 pr-5 lg:flex lg:items-center z-50 background-header justify-center lg:justify-end bottom-0 left-0 max-w-sm border-t">
</div></div>
  </div>
</template>
</div>
<!-- END sections: header-group-breath -->
        
      
      
          <!-- BEGIN sections: aside-group-breath -->
<div id="shopify-section-sections--17986557051014__cookie-banner" class="shopify-section shopify-section-group-aside-group-breath"><style data-shopify>
      .color-heading--sections--17986557051014__cookie-banner {
        --colors-heading: 153, 153, 153;
      }
    
    .dark .color-heading--sections--17986557051014__cookie-banner {
      
        --colors-heading: 75, 73, 73;
      
    }
    /* button accept */
    .button-accept {
      
        color: #ffffff;
      
      
        background-color: #154326;
        border-color: #154326;
      
    }
    .dark .button-accept {
      
        color: #ffffff;
      
      
        background-color: #154326;
        border-color: #154326;
      
    }
    /* button decline */
    .button-decline {
      
        border-color: #999999;
        color: #999999;
      
    }
    .dark .button-decline {
      
        border-color: #4b4949;
        color: #4b4949;
      
    }
    /* bacnkground and color of section */
    .bg-cookie-banner {
      
        color: #999999;
      
      background: #212020;
    }
    .dark .bg-cookie-banner {
      
        color: #4b4949;
      
      background: #f6f6f0;
    }</style><div 
    id="cookies-banner" 
    x-data="xCookieBanner(4)"  x-show="show"  
    x-cloak 
    x-transition:enter="transition-all ease-in-out duration-500"
    x-transition:enter-start="opacity-0 transform translate-y-full"
    x-transition:enter-end="opacity-100 transform translate-y-0"
    x-transition:leave="transition-all ease-in-out duration-500"
    x-transition:leave-end="opacity-0 transform translate-y-full"
    class="w-full fixed bottom-0 left-0 right-0 z-50 bg-cookie-banner color-heading--sections--17986557051014__cookie-banner"
  >
    <div class="page-width mx-auto flex flex-wrap lg:flex-nowrap lg:justify-between">
      <div class="rte py-3 w-full lg:py-4 lg:w-5/6 text- md:flex md:items-center md:justify-start">
        <span><p>We use cookies and similar technologies to provide the best experience on our website. </p></span>
      </div>
      <div class="flex items-center pb-3 lg:pb-0 lg:ml-4"><button class="button button-accept w-auto px-3 py-2 mr-2.5 lg:my-4 empty:hidden" @click="handleAccept()">
            Got it!
          </button><button class="button w-auto button-decline px-3 py-2 lg:my-4 empty:hidden" @click="handleDecline()">
            Decline
          </button></div>
    </div>
  </div><script src="//chalet-nursery.shop/cdn/shop/t/284/assets/cookie-banner.js?v=135863105119365794521767904023" defer></script>

</div>
<!-- END sections: aside-group-breath -->
        
      
      <main id="MainContent" class="content-for-layout focus-none outline-none grow theme-template-search theme-template-suffix-none" role="main" tabindex="-1">
        <section id="shopify-section-template--17986571501702__main" class="shopify-section section x-section"><style data-shopify>
  .gap-template--17986571501702__main {
    column-gap: 16px;
    row-gap: 32px;
  }
  @media (min-width: 768px) {
    .gap-template--17986571501702__main {
      column-gap: 28px;
      row-gap: 64px;
    }
  }</style><div x-data="xFiltersAndSortby('template--17986571501702__main')" class="search-page pb-[28px] pt-[28px] md:pb-[36px] md:pt-[36px]">
  <div class="page-width">
    <h1 class="text-center h2 font-semibold mb-4">Search results</h1>
    <div x-data="xModalSearch('product,page,collection,article','6',3)" 
      class="flex justify-center relative mb-14" tabindex="-1">
          <form action="/search" method="get" role="search" class="max-w-3xl w-full">
            <div id="form-1" class="relative field">
              <style data-shopify>
                .input-search::placeholder {
                  
                    font-family: var(--font-body-family);
                  
                }
              </style>
              <input 
                x-data="xSearchPrompts($el, ['Search for roses', 'Search for home decor', 'Search for hydrangea'], false)"
                class="input-search bg-[rgb(var(--colors-text),0.1)] focus-visible:outline-none pt-4 pb-4 pl-7 rtl:pl-20 pr-20 rtl:pr-7 text-left rtl:text-right text-sm w-full appearance-none relative outline-none placeholder:opacity-70 placeholder:text-[rgb(var(--colors-text))] rounded-md"
                type="search"
                name="q"
                value="zinnia"
                x-on:keyup="keyUp()"
                placeholder="Search..."
              >
              <input type="hidden" name="options[prefix]" value="last">
              <button class="btn-search absolute none_border bg-none w-5 h-5 right-7 top-1/2 -translate-y-1/2 opacity-60 bg-transparent dark:bg-transparent text-current" aria-label="Search..."><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 19 18" fill="none" style="fill: none;">
        <path d="M9.2665 16.2001C13.4639 16.2001 16.8665 12.7975 16.8665 8.60009C16.8665 4.40272 13.4639 1.00009 9.2665 1.00009C5.06914 1.00009 1.6665 4.40272 1.6665 8.60009C1.6665 12.7975 5.06914 16.2001 9.2665 16.2001Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M17.6669 16.9999L16.0669 15.3999" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></button>
              
            </div><div x-show="openResults" @click.away="openResults = false" class="md:max-h-96 md:absolute z-40 max-w-3xl top-full w-full" tabindex="-1" data-predictive-search x-html="result">
              </div></form>
      </div></div><div class="page-width mx-auto empty:min-h-[50px]" id="header-filter"></div>
    <div 
      :class="!showFilterAside && 'filter-aside'" class="page-width mx-auto"
       :class="showFilterAside ? 'md:pt-0' : 'md:pt-3'"
    ><div class="col-span-1 filter-aside:md:hidden md:pt-2">
            
<div class="relative md:mb-3">
    <p id="ProductCount" class="hidden">62 results
</p>
  
  <div class="facets">
    <template x-teleport="#header-filter">
      <div id="FacetsWrapperDesktop" class="flex justify-between border-y" >
        <div class="flex w-full md:w-auto justify-between">
          
            <div class="">
              <button 
                id="btn-filter"
                class="flex items-center ml-2.5 cursor-pointer md:hidden" 
                @click.prevent="show = true; $store.xPopup.open = true">
                <span class="w-4 h-3 mr-2">
                  <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill: none;">
        <path d="M0 3H4V5H0V3Z" fill="currentColor"/>
        <path d="M7 7C8.65685 7 10 5.65685 10 4C10 2.34315 8.65685 1 7 1C5.34315 1 4 2.34315 4 4C4 5.65685 5.34315 7 7 7Z" stroke="currentColor" stroke-width="1.5"/>
        <path d="M12 3H20V5H12V3Z" fill="currentColor"/>
        <path d="M0 11H8V13H0V11Z" fill="currentColor"/>
        <path d="M13 15C14.6569 15 16 13.6569 16 12C16 10.3431 14.6569 9 13 9C11.3431 9 10 10.3431 10 12C10 13.6569 11.3431 15 13 15Z" stroke="currentColor" stroke-width="1.5"/>
        <path d="M16 11H20V13H16V11Z" fill="currentColor"/>
        </svg>
                </span>
                <span class="pr-5 pt-4 pb-4 hidden md:block" tabindex="-1">Filter</span>
                
                  <span class="pr-5 pt-4 pb-4 md:hidden" tabindex="-1">Filter and sort</span>
                
              </button>
              
                <button 
                  id="btn-filter-aside"
                  class="items-center ml-2.5 cursor-pointer hidden md:flex" 
                  @click.prevent="showFilterAside = !showFilterAside">
                  <span class="w-4 h-3 mr-2">
                    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill: none;">
        <path d="M0 3H4V5H0V3Z" fill="currentColor"/>
        <path d="M7 7C8.65685 7 10 5.65685 10 4C10 2.34315 8.65685 1 7 1C5.34315 1 4 2.34315 4 4C4 5.65685 5.34315 7 7 7Z" stroke="currentColor" stroke-width="1.5"/>
        <path d="M12 3H20V5H12V3Z" fill="currentColor"/>
        <path d="M0 11H8V13H0V11Z" fill="currentColor"/>
        <path d="M13 15C14.6569 15 16 13.6569 16 12C16 10.3431 14.6569 9 13 9C11.3431 9 10 10.3431 10 12C10 13.6569 11.3431 15 13 15Z" stroke="currentColor" stroke-width="1.5"/>
        <path d="M16 11H20V13H16V11Z" fill="currentColor"/>
        </svg>
                  </span>
                  <span class=" pr-5 py-4" tabindex="-1">Filter</span>
                </button>
              
            </div>
          
          <div class="py-4 flex items-center">
              <p id="ProductCount_header" class=" md:border-solid pl-5 md:border-l">62 results
</p>
            
          </div>
        </div>
       
        <div class="hidden md:flex items-center">
          <div class="hidden md:flex mr-3 md:mr-6">
            <button @click="toggleLayout(true)" :class="!listLayout && 'opacity-50'" class="inline-block w-6 h-12 px-1 py-4 cursor-pointer" aria-label="list layout">
      <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18 18" fill="none" style="fill: none;">
        <path d="M11.6997 16.2H17.0997" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M11.6997 11.7H17.0997" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M0.899902 16.56V11.34C0.899902 11.0418 1.14167 10.8 1.4399 10.8H6.6599C6.95814 10.8 7.1999 11.0418 7.1999 11.34V16.56C7.1999 16.8583 6.95814 17.1 6.6599 17.1H1.4399C1.14167 17.1 0.899902 16.8583 0.899902 16.56Z" stroke="currentcolor" stroke-width="1.5"/>
        <path d="M11.6997 6.2998H17.0997" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M11.6997 1.7998H17.0997" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M0.899902 6.6599V1.4399C0.899902 1.14167 1.14167 0.899902 1.4399 0.899902H6.6599C6.95814 0.899902 7.1999 1.14167 7.1999 1.4399V6.6599C7.1999 6.95814 6.95814 7.1999 6.6599 7.1999H1.4399C1.14167 7.1999 0.899902 6.95814 0.899902 6.6599Z" stroke="currentcolor" stroke-width="1.5"/>
      </svg>
    </button>
            <button @click="toggleLayout(false)" :class="listLayout && 'opacity-50'" class=" mr-1 inline-block w-6 px-1 h-12 py-4 cursor-pointer" aria-label="Grid layout">
      <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18 18" fill="none" style="fill: none;">
        <path d="M10.7998 16.56V11.34C10.7998 11.0418 11.0415 10.8 11.3398 10.8H16.5598C16.8581 10.8 17.0998 11.0418 17.0998 11.34V16.56C17.0998 16.8583 16.8581 17.1 16.5598 17.1H11.3398C11.0415 17.1 10.7998 16.8583 10.7998 16.56Z" stroke="currentcolor" stroke-width="1.5"/>
        <path d="M0.899902 16.56V11.34C0.899902 11.0418 1.14167 10.8 1.4399 10.8H6.6599C6.95814 10.8 7.1999 11.0418 7.1999 11.34V16.56C7.1999 16.8583 6.95814 17.1 6.6599 17.1H1.4399C1.14167 17.1 0.899902 16.8583 0.899902 16.56Z" stroke="currentcolor" stroke-width="1.5"/>
        <path d="M10.7998 6.6599V1.4399C10.7998 1.14167 11.0415 0.899902 11.3398 0.899902H16.5598C16.8581 0.899902 17.0998 1.14167 17.0998 1.4399V6.6599C17.0998 6.95814 16.8581 7.1999 16.5598 7.1999H11.3398C11.0415 7.1999 10.7998 6.95814 10.7998 6.6599Z" stroke="currentcolor" stroke-width="1.5"/>
        <path d="M0.899902 6.6599V1.4399C0.899902 1.14167 1.14167 0.899902 1.4399 0.899902H6.6599C6.95814 0.899902 7.1999 1.14167 7.1999 1.4399V6.6599C7.1999 6.95814 6.95814 7.1999 6.6599 7.1999H1.4399C1.14167 7.1999 0.899902 6.95814 0.899902 6.6599Z" stroke="currentcolor" stroke-width="1.5"/>
      </svg>
    </button>
          </div><div class="hidden md:flex items-center">
              <p class="whitespace-nowrap">
                Sort by:
              </p>
              <div class="flex relative ml-1 eurus"><select
                  id="FormSelectFilter"
                  class="py-3.5 pr-7 pl-2 cursor-pointer border focus:outline-none focus-visible:border bg-transparent border-[rgba(var(--background-color))] focus-visible:border-current"
                  name="sort_by"
                  form="FacetFiltersForm"
                  aria-label="Sort by"
                  aria-describedby="a11y-refresh-page-message"
                  @change="onSubmit(0)"
                ><option class="bg-[rgba(var(--background-color),1)]" value="relevance" selected="selected">Relevance</option><option class="bg-[rgba(var(--background-color),1)]" value="price-ascending">Price, low to high</option><option class="bg-[rgba(var(--background-color),1)]" value="price-descending">Price, high to low</option></select> 
                <span class="absolute top-1/2  right-2 -translate-y-1/2 w-2.5"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </div>
            </div></div>
      </div>
    </template>
    
      
      
      
      
        
          <form class="grid form-aside"><input type="hidden" name="q" value="zinnia">
              <input name="options[prefix]" type="hidden" value="last">
            
            
            
              <div class="md:flex flex-wrap gap-2 hidden">
                



    <div x-data="{open: false}" class="js-filter relative" data-index="above-1" x-intersect.once="setPositionOptionFilter($el)">
      <button @click.prevent="open=!open" :class="open && 'md:shadow-[rgba(0,0,0,0.16)_0px_0px_0px,rgb(var(--colors-heading))_0px_0px_0px_1px] md:border-[rgb(var(--colors-heading))]'" 
        class="facets__summary w-full relative cursor-pointer flex py-2 border-solid items-center border-b justify-between md:border md:py-3 md:px-4 rounded"
        aria-label="Product Type (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Product Type<span class=" hidden"> (0)</span></span>
        <span class="h-2.5 w-2.5 inline-block duration-300" :class="open ? 'rotate-180':'rotate-0'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
      </button>
      <div class="popup-above max-h-[calc(75vh-var(--height-header))] scrollbar-body overflow-auto border-b md:border-0 border-solid md:absolute md:top-[calc(100%+10px)] md:p-4 md:z-20 md:bg-[rgba(var(--background-color))] md:w-max max-w-xs md:shadow-[rgba(0,0,0,0.15)_0px_5px_15px_0px]" @click.away="open=false" x-show="open" x-cloak>
        <div class="flex justify-between py-4 text-[0.8505rem] md:text-[0.945rem] md:pt-1 md:pb-2 border-b">
          <div>
            <span class="facets__selected">0 selected</span>
            
          </div>
          <button @click.prevent="removeFilter(`/search?q=zinnia`)" class="facet-reset cursor-pointer ml-5">
            Reset
          </button>
        </div><div class="md:pb-5 pb-4 pr-2 pt-3 scrollbar-body overflow-y-auto">
          
            <ul role="list"><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Product Type-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Product Type-1"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Annuals"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Annuals (16)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Product Type-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Product Type-2"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Apparel"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Apparel (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Product Type-3" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Product Type-3"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Dog"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Dog (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Product Type-4" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Product Type-4"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Home Fragrance"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Home Fragrance (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Product Type-5" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Product Type-5"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Home Textiles"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Home Textiles (2)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Product Type-6" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Product Type-6"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Indoor Planters"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Indoor Planters (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Product Type-7" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Product Type-7"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Pet Treats"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Pet Treats (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Product Type-8" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Product Type-8"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Seed Packets"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Seed Packets (39)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Product Type-9" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Product Type-9"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Seeds"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Seeds (39)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Product Type-10" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Product Type-10"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Tablescape"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Tablescape (2)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Product Type-11" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Product Type-11"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Wall Decor"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Wall Decor (1)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="above-2" x-intersect.once="setPositionOptionFilter($el)">
      <button @click.prevent="open=!open" :class="open && 'md:shadow-[rgba(0,0,0,0.16)_0px_0px_0px,rgb(var(--colors-heading))_0px_0px_0px_1px] md:border-[rgb(var(--colors-heading))]'" 
        class="facets__summary w-full relative cursor-pointer flex py-2 border-solid items-center border-b justify-between md:border md:py-3 md:px-4 rounded"
        aria-label="Category (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Category<span class=" hidden"> (0)</span></span>
        <span class="h-2.5 w-2.5 inline-block duration-300" :class="open ? 'rotate-180':'rotate-0'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
      </button>
      <div class="popup-above max-h-[calc(75vh-var(--height-header))] scrollbar-body overflow-auto border-b md:border-0 border-solid md:absolute md:top-[calc(100%+10px)] md:p-4 md:z-20 md:bg-[rgba(var(--background-color))] md:w-max max-w-xs md:shadow-[rgba(0,0,0,0.15)_0px_5px_15px_0px]" @click.away="open=false" x-show="open" x-cloak>
        <div class="flex justify-between py-4 text-[0.8505rem] md:text-[0.945rem] md:pt-1 md:pb-2 border-b">
          <div>
            <span class="facets__selected">0 selected</span>
            
          </div>
          <button @click.prevent="removeFilter(`/search?q=zinnia`)" class="facet-reset cursor-pointer ml-5">
            Reset
          </button>
        </div><div class="md:pb-5 pb-4 pr-2 pt-3 scrollbar-body overflow-y-auto">
          
            <ul role="list"><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Category-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Category-1"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.t.category"
                      value="aa"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Apparel &amp; Accessories (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Category-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Category-2"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.t.category"
                      value="ap-2-3-9"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Dog Treats (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Category-3" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Category-3"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.t.category"
                      value="hg-17-3-3-1"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Garden Plants (16)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Category-4" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Category-4"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.t.category"
                      value="hg-12-1-5"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Gardening Accessories (39)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Category-5" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Category-5"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.t.category"
                      value="hg-15-3-3"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Placemats (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Category-6" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Category-6"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.t.category"
                      value="hg-3-40-5"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Potpourri (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Category-7" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Category-7"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.t.category"
                      value="hg-3-4-3"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Sculptures &amp; Statues (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Category-8" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Category-8"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.t.category"
                      value="hg-15-3-4"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Table Runners (1)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="above-3" x-intersect.once="setPositionOptionFilter($el)">
      <button @click.prevent="open=!open" :class="open && 'md:shadow-[rgba(0,0,0,0.16)_0px_0px_0px,rgb(var(--colors-heading))_0px_0px_0px_1px] md:border-[rgb(var(--colors-heading))]'" 
        class="facets__summary w-full relative cursor-pointer flex py-2 border-solid items-center border-b justify-between md:border md:py-3 md:px-4 rounded"
        aria-label="Brand (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Brand<span class=" hidden"> (0)</span></span>
        <span class="h-2.5 w-2.5 inline-block duration-300" :class="open ? 'rotate-180':'rotate-0'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
      </button>
      <div class="popup-above max-h-[calc(75vh-var(--height-header))] scrollbar-body overflow-auto border-b md:border-0 border-solid md:absolute md:top-[calc(100%+10px)] md:p-4 md:z-20 md:bg-[rgba(var(--background-color))] md:w-max max-w-xs md:shadow-[rgba(0,0,0,0.15)_0px_5px_15px_0px]" @click.away="open=false" x-show="open" x-cloak>
        <div class="flex justify-between py-4 text-[0.8505rem] md:text-[0.945rem] md:pt-1 md:pb-2 border-b">
          <div>
            <span class="facets__selected">0 selected</span>
            
          </div>
          <button @click.prevent="removeFilter(`/search?q=zinnia`)" class="facet-reset cursor-pointer ml-5">
            Reset
          </button>
        </div><div class="md:pb-5 pb-4 pr-2 pt-3 scrollbar-body overflow-y-auto">
          
            <ul role="list"><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Brand-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Brand-1"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.m.Product.Brand"
                      value="Hester &amp; Cook"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Hester &amp; Cook (1)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="above-4" x-intersect.once="setPositionOptionFilter($el)">
      <button @click.prevent="open=!open" :class="open && 'md:shadow-[rgba(0,0,0,0.16)_0px_0px_0px,rgb(var(--colors-heading))_0px_0px_0px_1px] md:border-[rgb(var(--colors-heading))]'" 
        class="facets__summary w-full relative cursor-pointer flex py-2 border-solid items-center border-b justify-between md:border md:py-3 md:px-4 rounded"
        aria-label="Genus (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Genus<span class=" hidden"> (0)</span></span>
        <span class="h-2.5 w-2.5 inline-block duration-300" :class="open ? 'rotate-180':'rotate-0'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
      </button>
      <div class="popup-above max-h-[calc(75vh-var(--height-header))] scrollbar-body overflow-auto border-b md:border-0 border-solid md:absolute md:top-[calc(100%+10px)] md:p-4 md:z-20 md:bg-[rgba(var(--background-color))] md:w-max max-w-xs md:shadow-[rgba(0,0,0,0.15)_0px_5px_15px_0px]" @click.away="open=false" x-show="open" x-cloak>
        <div class="flex justify-between py-4 text-[0.8505rem] md:text-[0.945rem] md:pt-1 md:pb-2 border-b">
          <div>
            <span class="facets__selected">0 selected</span>
            
          </div>
          <button @click.prevent="removeFilter(`/search?q=zinnia`)" class="facet-reset cursor-pointer ml-5">
            Reset
          </button>
        </div><div class="md:pb-5 pb-4 pr-2 pt-3 scrollbar-body overflow-y-auto">
          
            <ul role="list"><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Genus-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Genus-1"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.m.Plants.Genus"
                      value="Zinnia"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Zinnia (15)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="above-5" x-intersect.once="setPositionOptionFilter($el)">
      <button @click.prevent="open=!open" :class="open && 'md:shadow-[rgba(0,0,0,0.16)_0px_0px_0px,rgb(var(--colors-heading))_0px_0px_0px_1px] md:border-[rgb(var(--colors-heading))]'" 
        class="facets__summary w-full relative cursor-pointer flex py-2 border-solid items-center border-b justify-between md:border md:py-3 md:px-4 rounded"
        aria-label="Sunlight Exposure (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Sunlight Exposure<span class=" hidden"> (0)</span></span>
        <span class="h-2.5 w-2.5 inline-block duration-300" :class="open ? 'rotate-180':'rotate-0'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
      </button>
      <div class="popup-above max-h-[calc(75vh-var(--height-header))] scrollbar-body overflow-auto border-b md:border-0 border-solid md:absolute md:top-[calc(100%+10px)] md:p-4 md:z-20 md:bg-[rgba(var(--background-color))] md:w-max max-w-xs md:shadow-[rgba(0,0,0,0.15)_0px_5px_15px_0px]" @click.away="open=false" x-show="open" x-cloak>
        <div class="flex justify-between py-4 text-[0.8505rem] md:text-[0.945rem] md:pt-1 md:pb-2 border-b">
          <div>
            <span class="facets__selected">0 selected</span>
            
          </div>
          <button @click.prevent="removeFilter(`/search?q=zinnia`)" class="facet-reset cursor-pointer ml-5">
            Reset
          </button>
        </div><div class="md:pb-5 pb-4 pr-2 pt-3 scrollbar-body overflow-y-auto">
          
            <ul role="list"><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Sunlight Exposure-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Sunlight Exposure-1"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.m.OutdoorPlants.Sunlight"
                      value="Sun"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Sun (12)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="above-6" x-intersect.once="setPositionOptionFilter($el)">
      <button @click.prevent="open=!open" :class="open && 'md:shadow-[rgba(0,0,0,0.16)_0px_0px_0px,rgb(var(--colors-heading))_0px_0px_0px_1px] md:border-[rgb(var(--colors-heading))]'" 
        class="facets__summary w-full relative cursor-pointer flex py-2 border-solid items-center border-b justify-between md:border md:py-3 md:px-4 rounded"
        aria-label="Water Needs (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Water Needs<span class=" hidden"> (0)</span></span>
        <span class="h-2.5 w-2.5 inline-block duration-300" :class="open ? 'rotate-180':'rotate-0'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
      </button>
      <div class="popup-above max-h-[calc(75vh-var(--height-header))] scrollbar-body overflow-auto border-b md:border-0 border-solid md:absolute md:top-[calc(100%+10px)] md:p-4 md:z-20 md:bg-[rgba(var(--background-color))] md:w-max max-w-xs md:shadow-[rgba(0,0,0,0.15)_0px_5px_15px_0px]" @click.away="open=false" x-show="open" x-cloak>
        <div class="flex justify-between py-4 text-[0.8505rem] md:text-[0.945rem] md:pt-1 md:pb-2 border-b">
          <div>
            <span class="facets__selected">0 selected</span>
            
          </div>
          <button @click.prevent="removeFilter(`/search?q=zinnia`)" class="facet-reset cursor-pointer ml-5">
            Reset
          </button>
        </div><div class="md:pb-5 pb-4 pr-2 pt-3 scrollbar-body overflow-y-auto">
          
            <ul role="list"><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Water Needs-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Water Needs-1"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.m.OutdoorPlants.WaterNeeds"
                      value="Moderate"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Moderate (3)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="above-7" x-intersect.once="setPositionOptionFilter($el)">
      <button @click.prevent="open=!open" :class="open && 'md:shadow-[rgba(0,0,0,0.16)_0px_0px_0px,rgb(var(--colors-heading))_0px_0px_0px_1px] md:border-[rgb(var(--colors-heading))]'" 
        class="facets__summary w-full relative cursor-pointer flex py-2 border-solid items-center border-b justify-between md:border md:py-3 md:px-4 rounded"
        aria-label="Flower Color (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Flower Color<span class=" hidden"> (0)</span></span>
        <span class="h-2.5 w-2.5 inline-block duration-300" :class="open ? 'rotate-180':'rotate-0'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
      </button>
      <div class="popup-above max-h-[calc(75vh-var(--height-header))] scrollbar-body overflow-auto border-b md:border-0 border-solid md:absolute md:top-[calc(100%+10px)] md:p-4 md:z-20 md:bg-[rgba(var(--background-color))] md:w-max max-w-xs md:shadow-[rgba(0,0,0,0.15)_0px_5px_15px_0px]" @click.away="open=false" x-show="open" x-cloak>
        <div class="flex justify-between py-4 text-[0.8505rem] md:text-[0.945rem] md:pt-1 md:pb-2 border-b">
          <div>
            <span class="facets__selected">0 selected</span>
            
          </div>
          <button @click.prevent="removeFilter(`/search?q=zinnia`)" class="facet-reset cursor-pointer ml-5">
            Reset
          </button>
        </div><div class="md:pb-5 pb-4 pr-2 pt-3 scrollbar-body overflow-y-auto">
          
            <ul role="list" class=" flex flex-wrap" ><li class="list-none eurus mb-3">
                  <label for="Filter-above-Flower Color-1"
                    class="cursor-pointer relative inline-block">
                    <input type="checkbox"
                      id="Filter-above-Flower Color-1"
                      class="input-color-filter checkbox checkbox-checked opacity-0 mr-3 min-w-[20px] h-5 checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] absolute cursor-pointer rounded"
                      name="filter.v.t.shopify.flower-color"
                      value="gid://shopify/TaxonomyValue/11"
                      
                      
                      @change="onSubmit()"
                    >
                      



      <div
        class="color-filter h-7 w-7 min-w-[28px] rounded-full ml-0.5 mr-3"
        style="background: rgb(255 192 203);"
      ></div>
    

  
                  </label>
                </li><li class="list-none eurus mb-3">
                  <label for="Filter-above-Flower Color-2"
                    class="cursor-pointer relative inline-block">
                    <input type="checkbox"
                      id="Filter-above-Flower Color-2"
                      class="input-color-filter checkbox checkbox-checked opacity-0 mr-3 min-w-[20px] h-5 checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] absolute cursor-pointer rounded"
                      name="filter.v.t.shopify.flower-color"
                      value="gid://shopify/TaxonomyValue/13"
                      
                      
                      @change="onSubmit()"
                    >
                      



      <div
        class="color-filter h-7 w-7 min-w-[28px] rounded-full ml-0.5 mr-3"
        style="background: rgb(246 31 31);"
      ></div>
    

  
                  </label>
                </li><li class="list-none eurus mb-3">
                  <label for="Filter-above-Flower Color-3"
                    class="cursor-pointer relative inline-block">
                    <input type="checkbox"
                      id="Filter-above-Flower Color-3"
                      class="input-color-filter checkbox checkbox-checked opacity-0 mr-3 min-w-[20px] h-5 checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] absolute cursor-pointer rounded"
                      name="filter.v.t.shopify.flower-color"
                      value="gid://shopify/TaxonomyValue/10"
                      
                      
                      @change="onSubmit()"
                    >
                      



      <div
        class="color-filter h-7 w-7 min-w-[28px] rounded-full ml-0.5 mr-3"
        style="background: rgb(255 138 0);"
      ></div>
    

  
                  </label>
                </li><li class="list-none eurus mb-3">
                  <label for="Filter-above-Flower Color-4"
                    class="cursor-pointer relative inline-block">
                    <input type="checkbox"
                      id="Filter-above-Flower Color-4"
                      class="input-color-filter checkbox checkbox-checked opacity-0 mr-3 min-w-[20px] h-5 checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] absolute cursor-pointer rounded"
                      name="filter.v.t.shopify.flower-color"
                      value="gid://shopify/TaxonomyValue/14"
                      
                      
                      @change="onSubmit()"
                    >
                      



      <div
        class="color-filter h-7 w-7 min-w-[28px] rounded-full ml-0.5 mr-3"
        style="background: rgb(255 229 0);"
      ></div>
    

  
                  </label>
                </li><li class="list-none eurus mb-3">
                  <label for="Filter-above-Flower Color-5"
                    class="cursor-pointer relative inline-block">
                    <input type="checkbox"
                      id="Filter-above-Flower Color-5"
                      class="input-color-filter checkbox checkbox-checked opacity-0 mr-3 min-w-[20px] h-5 checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] absolute cursor-pointer rounded"
                      name="filter.v.t.shopify.flower-color"
                      value="gid://shopify/TaxonomyValue/3"
                      
                      
                      @change="onSubmit()"
                    >
                      



      <div
        class="color-filter h-7 w-7 min-w-[28px] rounded-full ml-0.5 mr-3"
        style="background: rgb(255 255 255);"
      ></div>
    

  
                  </label>
                </li></ul>
          
        </div>
      </div>
    </div>
  

              </div>
              <div id="active-filter-tag" class="hidden md:block">
                
              </div>
            
            
          </form>
        
      
    
  </div>
  
</div>
<form id="FormFilter" class="grid form-drawer"><input type="hidden" name="q" value="zinnia">
    <input name="options[prefix]" type="hidden" value="last">
    <div x-show="show" 
      id="ProductFilter"
      class="fixed top-0 right-0 left-0 bottom-0 flex flex-col justify-end md:flex-row md:justify-start bg-[#acacac] bg-opacity-30 z-[60]"
      @keyup.escape="show=false; _filterRemoveFocus(); $store.xPopup.close()" x-cloak>
      <div 
        class="md:h-full w-full md:w-96 relative bg-[rgba(var(--background-color))]" 
        x-show="show" 
        x-cloak 
        x-intersect.full="_filterFocus()"
        @click.away="show = false; $store.xPopup.open = false;"
        x-transition:enter="transition-all ease-in-out duration-500"
        x-transition:enter-start="opacity-0 transform translate-y-1/3 md:-translate-x-1/3 md:translate-y-0"
        x-transition:enter-end="opacity-100 transform translate-y-0 md:translate-x-0 md:translate-y-0"
        x-transition:leave="transition-all ease-in-out duration-500"
        x-transition:leave-end="opacity-0 transform translate-y-1/3 md:-translate-x-1/3 md:translate-y-0"
      >  
        <button 
          id="CloseFilter" 
          class="h-8 w-8 p-2 opacity-70 absolute right-3 top-3 md:top-2 cursor-pointer" 
          @click.prevent="_filterRemoveFocus(); show = false; $store.xPopup.close()">
          <svg width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M0.757812 8.75781L4.75782 4.75783M4.75782 4.75783L8.7578 0.757812M4.75782 4.75783L0.757812 0.757812M4.75782 4.75783L8.7578 8.75781" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
        </button>
        <div class="md:hidden pb-5 border-b border-solid ml-5 mr-5 pt-5"><p class="font-semibold text-[1.155rem] mb-2" tabindex="-1">Filter and sort</p><div>
              <p id="ProductCountDrawer" class="md:border-l md:border-solid">62 results
</p>
            
          </div>
        </div>
        <div class="pl-5 pr-5 md:pl-9 md:pr-9 overflow-auto pt-0 mb-12 md:pt-10 md:mb-10 max-h-[50vh] md:max-h-[calc(100vh-80px)] scrollbar-body">  
          
            <div class="md:hidden" id="active-filter-tag-mobile">
              
            </div>
            



    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-1">
      <button @click.prevent="open=!open"  
        class="facets__summary w-full relative cursor-pointer flex py-2 border-solid items-center border-b justify-between"
        aria-label="Product Type (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Product Type<span class=" hidden"> (0)</span></span>
        <span class="h-2.5 w-2.5 inline-block duration-300" :class="open ? 'rotate-180':'rotate-0'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
      </button>
      <div class="border-b md:border-0 border-solid" x-collapse x-show="open" x-cloak>
        <div class="flex justify-between py-4 text-[0.8505rem] md:text-[0.945rem]">
          <div>
            <span class="facets__selected">0 selected</span>
            
          </div>
          <button @click.prevent="removeFilter(`/search?q=zinnia`)" class="facet-reset cursor-pointer ml-5">
            Reset
          </button>
        </div><div class="md:pb-5 pb-4 pt-1">
          
            <ul role="list"><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Product Type-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Product Type-1"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Annuals"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Annuals (16)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Product Type-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Product Type-2"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Apparel"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Apparel (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Product Type-3" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Product Type-3"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Dog"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Dog (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Product Type-4" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Product Type-4"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Home Fragrance"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Home Fragrance (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Product Type-5" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Product Type-5"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Home Textiles"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Home Textiles (2)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Product Type-6" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Product Type-6"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Indoor Planters"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Indoor Planters (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Product Type-7" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Product Type-7"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Pet Treats"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Pet Treats (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Product Type-8" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Product Type-8"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Seed Packets"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Seed Packets (39)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Product Type-9" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Product Type-9"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Seeds"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Seeds (39)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Product Type-10" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Product Type-10"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Tablescape"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Tablescape (2)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Product Type-11" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Product Type-11"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.product_type"
                      value="Wall Decor"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Wall Decor (1)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-2">
      <button @click.prevent="open=!open"  
        class="facets__summary w-full relative cursor-pointer flex py-2 border-solid items-center border-b justify-between"
        aria-label="Category (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Category<span class=" hidden"> (0)</span></span>
        <span class="h-2.5 w-2.5 inline-block duration-300" :class="open ? 'rotate-180':'rotate-0'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
      </button>
      <div class="border-b md:border-0 border-solid" x-collapse x-show="open" x-cloak>
        <div class="flex justify-between py-4 text-[0.8505rem] md:text-[0.945rem]">
          <div>
            <span class="facets__selected">0 selected</span>
            
          </div>
          <button @click.prevent="removeFilter(`/search?q=zinnia`)" class="facet-reset cursor-pointer ml-5">
            Reset
          </button>
        </div><div class="md:pb-5 pb-4 pt-1">
          
            <ul role="list"><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Category-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Category-1"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.t.category"
                      value="aa"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Apparel &amp; Accessories (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Category-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Category-2"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.t.category"
                      value="ap-2-3-9"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Dog Treats (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Category-3" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Category-3"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.t.category"
                      value="hg-17-3-3-1"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Garden Plants (16)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Category-4" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Category-4"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.t.category"
                      value="hg-12-1-5"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Gardening Accessories (39)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Category-5" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Category-5"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.t.category"
                      value="hg-15-3-3"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Placemats (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Category-6" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Category-6"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.t.category"
                      value="hg-3-40-5"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Potpourri (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Category-7" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Category-7"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.t.category"
                      value="hg-3-4-3"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Sculptures &amp; Statues (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Category-8" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Category-8"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.t.category"
                      value="hg-15-3-4"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Table Runners (1)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-3">
      <button @click.prevent="open=!open"  
        class="facets__summary w-full relative cursor-pointer flex py-2 border-solid items-center border-b justify-between"
        aria-label="Brand (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Brand<span class=" hidden"> (0)</span></span>
        <span class="h-2.5 w-2.5 inline-block duration-300" :class="open ? 'rotate-180':'rotate-0'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
      </button>
      <div class="border-b md:border-0 border-solid" x-collapse x-show="open" x-cloak>
        <div class="flex justify-between py-4 text-[0.8505rem] md:text-[0.945rem]">
          <div>
            <span class="facets__selected">0 selected</span>
            
          </div>
          <button @click.prevent="removeFilter(`/search?q=zinnia`)" class="facet-reset cursor-pointer ml-5">
            Reset
          </button>
        </div><div class="md:pb-5 pb-4 pt-1">
          
            <ul role="list"><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Brand-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Brand-1"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.m.Product.Brand"
                      value="Hester &amp; Cook"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Hester &amp; Cook (1)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-4">
      <button @click.prevent="open=!open"  
        class="facets__summary w-full relative cursor-pointer flex py-2 border-solid items-center border-b justify-between"
        aria-label="Genus (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Genus<span class=" hidden"> (0)</span></span>
        <span class="h-2.5 w-2.5 inline-block duration-300" :class="open ? 'rotate-180':'rotate-0'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
      </button>
      <div class="border-b md:border-0 border-solid" x-collapse x-show="open" x-cloak>
        <div class="flex justify-between py-4 text-[0.8505rem] md:text-[0.945rem]">
          <div>
            <span class="facets__selected">0 selected</span>
            
          </div>
          <button @click.prevent="removeFilter(`/search?q=zinnia`)" class="facet-reset cursor-pointer ml-5">
            Reset
          </button>
        </div><div class="md:pb-5 pb-4 pt-1">
          
            <ul role="list"><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Genus-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Genus-1"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.m.Plants.Genus"
                      value="Zinnia"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Zinnia (15)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-5">
      <button @click.prevent="open=!open"  
        class="facets__summary w-full relative cursor-pointer flex py-2 border-solid items-center border-b justify-between"
        aria-label="Sunlight Exposure (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Sunlight Exposure<span class=" hidden"> (0)</span></span>
        <span class="h-2.5 w-2.5 inline-block duration-300" :class="open ? 'rotate-180':'rotate-0'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
      </button>
      <div class="border-b md:border-0 border-solid" x-collapse x-show="open" x-cloak>
        <div class="flex justify-between py-4 text-[0.8505rem] md:text-[0.945rem]">
          <div>
            <span class="facets__selected">0 selected</span>
            
          </div>
          <button @click.prevent="removeFilter(`/search?q=zinnia`)" class="facet-reset cursor-pointer ml-5">
            Reset
          </button>
        </div><div class="md:pb-5 pb-4 pt-1">
          
            <ul role="list"><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Sunlight Exposure-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Sunlight Exposure-1"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.m.OutdoorPlants.Sunlight"
                      value="Sun"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Sun (12)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-6">
      <button @click.prevent="open=!open"  
        class="facets__summary w-full relative cursor-pointer flex py-2 border-solid items-center border-b justify-between"
        aria-label="Water Needs (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Water Needs<span class=" hidden"> (0)</span></span>
        <span class="h-2.5 w-2.5 inline-block duration-300" :class="open ? 'rotate-180':'rotate-0'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
      </button>
      <div class="border-b md:border-0 border-solid" x-collapse x-show="open" x-cloak>
        <div class="flex justify-between py-4 text-[0.8505rem] md:text-[0.945rem]">
          <div>
            <span class="facets__selected">0 selected</span>
            
          </div>
          <button @click.prevent="removeFilter(`/search?q=zinnia`)" class="facet-reset cursor-pointer ml-5">
            Reset
          </button>
        </div><div class="md:pb-5 pb-4 pt-1">
          
            <ul role="list"><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Water Needs-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Water Needs-1"
                      class="checkbox checkbox-checked mr-2 h-4 w-4 min-w-[16px] border checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] relative cursor-pointer rounded"
                      name="filter.p.m.OutdoorPlants.WaterNeeds"
                      value="Moderate"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Moderate (3)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-7">
      <button @click.prevent="open=!open"  
        class="facets__summary w-full relative cursor-pointer flex py-2 border-solid items-center border-b justify-between"
        aria-label="Flower Color (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Flower Color<span class=" hidden"> (0)</span></span>
        <span class="h-2.5 w-2.5 inline-block duration-300" :class="open ? 'rotate-180':'rotate-0'"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
      </button>
      <div class="border-b md:border-0 border-solid" x-collapse x-show="open" x-cloak>
        <div class="flex justify-between py-4 text-[0.8505rem] md:text-[0.945rem]">
          <div>
            <span class="facets__selected">0 selected</span>
            
          </div>
          <button @click.prevent="removeFilter(`/search?q=zinnia`)" class="facet-reset cursor-pointer ml-5">
            Reset
          </button>
        </div><div class="md:pb-5 pb-4 pt-1">
          
            <ul role="list" class=" flex flex-wrap" ><li class="list-none eurus mb-3">
                  <label for="Filter-drawer-Flower Color-1"
                    class="cursor-pointer relative inline-block">
                    <input type="checkbox"
                      id="Filter-drawer-Flower Color-1"
                      class="input-color-filter checkbox checkbox-checked opacity-0 mr-3 min-w-[20px] h-5 checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] absolute cursor-pointer rounded"
                      name="filter.v.t.shopify.flower-color"
                      value="gid://shopify/TaxonomyValue/11"
                      
                      
                      @change="onSubmit()"
                    >
                      



      <div
        class="color-filter h-7 w-7 min-w-[28px] rounded-full ml-0.5 mr-3"
        style="background: rgb(255 192 203);"
      ></div>
    

  
                  </label>
                </li><li class="list-none eurus mb-3">
                  <label for="Filter-drawer-Flower Color-2"
                    class="cursor-pointer relative inline-block">
                    <input type="checkbox"
                      id="Filter-drawer-Flower Color-2"
                      class="input-color-filter checkbox checkbox-checked opacity-0 mr-3 min-w-[20px] h-5 checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] absolute cursor-pointer rounded"
                      name="filter.v.t.shopify.flower-color"
                      value="gid://shopify/TaxonomyValue/13"
                      
                      
                      @change="onSubmit()"
                    >
                      



      <div
        class="color-filter h-7 w-7 min-w-[28px] rounded-full ml-0.5 mr-3"
        style="background: rgb(246 31 31);"
      ></div>
    

  
                  </label>
                </li><li class="list-none eurus mb-3">
                  <label for="Filter-drawer-Flower Color-3"
                    class="cursor-pointer relative inline-block">
                    <input type="checkbox"
                      id="Filter-drawer-Flower Color-3"
                      class="input-color-filter checkbox checkbox-checked opacity-0 mr-3 min-w-[20px] h-5 checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] absolute cursor-pointer rounded"
                      name="filter.v.t.shopify.flower-color"
                      value="gid://shopify/TaxonomyValue/10"
                      
                      
                      @change="onSubmit()"
                    >
                      



      <div
        class="color-filter h-7 w-7 min-w-[28px] rounded-full ml-0.5 mr-3"
        style="background: rgb(255 138 0);"
      ></div>
    

  
                  </label>
                </li><li class="list-none eurus mb-3">
                  <label for="Filter-drawer-Flower Color-4"
                    class="cursor-pointer relative inline-block">
                    <input type="checkbox"
                      id="Filter-drawer-Flower Color-4"
                      class="input-color-filter checkbox checkbox-checked opacity-0 mr-3 min-w-[20px] h-5 checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] absolute cursor-pointer rounded"
                      name="filter.v.t.shopify.flower-color"
                      value="gid://shopify/TaxonomyValue/14"
                      
                      
                      @change="onSubmit()"
                    >
                      



      <div
        class="color-filter h-7 w-7 min-w-[28px] rounded-full ml-0.5 mr-3"
        style="background: rgb(255 229 0);"
      ></div>
    

  
                  </label>
                </li><li class="list-none eurus mb-3">
                  <label for="Filter-drawer-Flower Color-5"
                    class="cursor-pointer relative inline-block">
                    <input type="checkbox"
                      id="Filter-drawer-Flower Color-5"
                      class="input-color-filter checkbox checkbox-checked opacity-0 mr-3 min-w-[20px] h-5 checked:border-[rgba(var(--colors-text-link))] checked:bg-[rgba(var(--colors-text-link))] absolute cursor-pointer rounded"
                      name="filter.v.t.shopify.flower-color"
                      value="gid://shopify/TaxonomyValue/3"
                      
                      
                      @change="onSubmit()"
                    >
                      



      <div
        class="color-filter h-7 w-7 min-w-[28px] rounded-full ml-0.5 mr-3"
        style="background: rgb(255 255 255);"
      ></div>
    

  
                  </label>
                </li></ul>
          
        </div>
      </div>
    </div>
  

          
<div class="md:hidden mt-3">
              <div class="flex pt-4 pb-4 relative justify-between items-center">
                <p>
                  <label for="SortBy">Sort by:</label>
                </p>
                <div class="flex justify-between eurus"><select
                    class="cursor-pointer py-1 pl-2 pr-7 focus:outline-none focus-visible:outline-none bg-transparent"
                    name="sort_by"
                    aria-describedby="a11y-refresh-page-message"
                    @change="onSubmit(0)"
                    :disabled="isDesktop"
                    aria-label="Sort by"
                  ><option class="bg-[rgba(var(--background-color),1)]" value="relevance" selected="selected">Relevance</option><option class="bg-[rgba(var(--background-color),1)]" value="price-ascending">Price, low to high</option><option class="bg-[rgba(var(--background-color),1)]" value="price-descending">Price, high to low</option></select>
                  <span class="w-3 absolute right-2 top-1/2 -translate-y-1/2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                </div>
              </div>
            </div></div>
      </div>
    </div>
  
  
  
  
</form>
<script src="//chalet-nursery.shop/cdn/shop/t/284/assets/facets.js?v=10088640818262105401767904023" defer="defer"></script>
          </div><div 
      class="mt-6 md:mt-7"
      id="ProductGridContainer"
      
      >
        <h2 class="h-0 w-0 absolute opacity-0">Search results</h2>
            <div class="relative" :class="listLayout && 'list-layout'">
              
                <div class="loading-cover left-0 absolute -top-8" x-show="loading" x-cloak>
                  <span class="loading-bar"></span>
                </div>
              
              <div id="items-grid" class="grid gap-template--17986571501702__main grid-cols-2 md:grid-cols-2 lg:grid-cols-5 list-layout:grid-cols-1" ><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-11', '/products/seed-zinnia-fireball-blend', '6929800200326')"  
  
  class="card-product    overflow-hidden card md:list-layout:flex  relative pb-4 md:pb-5 h-full md:rounded-[10px] rounded-[10px]" x-slide-index="-1">
  <div 
    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 md:list-layout:pr-7 relative    disable-effect"
  >
    
    
    <a 
      
      href="/products/seed-zinnia-fireball-blend?_pos=1&_sid=2129f1794&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6929800200326,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Botanical Interests Fireball Blend Zinnia Seeds&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 269,
      &quot;price_with_currency&quot;: &quot;$2.69&quot;,
      &quot;sale_amount&quot;: &quot;$-2.69&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||260698275974||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 10,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Botanical Interests Fireball Blend Zinnia Seeds"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

       
        md:rounded-[10px]
         
          rounded-[10px]
        
       before:h-0 before:block z-0 

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-11--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Fireball Blend Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929800200326&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
          >
          
<div class="hidden">
                
                <img src="//chalet-nursery.shop/cdn/shop/files/botanical-interests-fireball-blend-zinnia-seeds.jpg?v=1768923660&amp;width=1500" alt="Botanical Interests Fireball Blend Zinnia Seeds" srcset="//chalet-nursery.shop/cdn/shop/files/botanical-interests-fireball-blend-zinnia-seeds.jpg?v=1768923660&amp;width=375 375w, //chalet-nursery.shop/cdn/shop/files/botanical-interests-fireball-blend-zinnia-seeds.jpg?v=1768923660&amp;width=450 450w, //chalet-nursery.shop/cdn/shop/files/botanical-interests-fireball-blend-zinnia-seeds.jpg?v=1768923660&amp;width=750 750w, //chalet-nursery.shop/cdn/shop/files/botanical-interests-fireball-blend-zinnia-seeds.jpg?v=1768923660&amp;width=900 900w, //chalet-nursery.shop/cdn/shop/files/botanical-interests-fireball-blend-zinnia-seeds.jpg?v=1768923660&amp;width=1100 1100w, //chalet-nursery.shop/cdn/shop/files/botanical-interests-fireball-blend-zinnia-seeds.jpg?v=1768923660&amp;width=1500 1500w" width="1500" height="2250" loading="eager" onload="this.closest(&quot;.skeleton-image&quot;)?.classList.remove(&quot;animate-Xpulse&quot;, &quot;skeleton-image&quot;);" sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)">
              </div><div class="w-full 
               
                 
                  h-full min-h-full
                
               
               
                top-0 left-0 absolute
               z-0">
              
              <picture>
                <img
                  srcset="//chalet-nursery.shop/cdn/shop/files/botanical-interests-fireball-blend-zinnia-seeds.jpg?v=1768923660&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-fireball-blend-zinnia-seeds.jpg?v=1768923660&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-fireball-blend-zinnia-seeds.jpg?v=1768923660&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-fireball-blend-zinnia-seeds.jpg?v=1768923660&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-fireball-blend-zinnia-seeds.jpg?v=1768923660&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/botanical-interests-fireball-blend-zinnia-seeds.jpg?v=1768923660 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/botanical-interests-fireball-blend-zinnia-seeds.jpg?v=1768923660&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
                  alt="Botanical Interests Fireball Blend Zinnia Seeds"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
"
                  loading="eager"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301740097670">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6929800200326-11"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17986571501702__main-6929800200326-11"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Fireball Blend Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929800200326&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
      <g>
      <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </g>
    </svg></span>
                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </span>
                </button><input type="hidden" name="product-id" value="6929800200326" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-fireball-blend', $el, 'template--17986571501702__main-6929800200326-11')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-fireball-blend', $el, 'template--17986571501702__main-6929800200326-11')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Fireball Blend Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929800200326&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-fireball-blend", $el, "template--17986571501702__main-6929800200326-11") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Fireball Blend Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929800200326&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    
    
    <div class="md:list-layout:hidden">
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929800200326">
            <a href="/products/seed-zinnia-fireball-blend?_pos=1&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Fireball Blend Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929800200326&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Fireball Blend Zinnia Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">269</div><p class="price">
          <span>$1.35</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  <div
    id="x-product-template-6929800200326-template--17986571501702__main-11"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929800200326">
            <a href="/products/seed-zinnia-fireball-blend?_pos=1&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Fireball Blend Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929800200326&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Fireball Blend Zinnia Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">269</div><p class="price">
          <span>$1.35</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    
    </div>
    

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/seed-zinnia-fireball-blend?_pos=1&_sid=2129f1794&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6929800200326-11" 
          class="current-variant hidden"
        >
          40301740097670
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p><span>An eye-engaging combination, these 4"–5" bright beauties have amazing, intense color. The heat-loving, tall plants are great for the back of the flowerbed, and are a sight to behold when planted in mass. Blooms last a very long time on the plant, and in the vase when cut for gorgeous arrangements.</span></p>
<p><b>When to Sow Outside:</b><span> </span>RECOMMENDED. 1 to 2 weeks after your average last frost date.</p>
<p><b>When to Start Inside:</b><span> </span>4 to 6 weeks before your average last frost date. Transplant outdoors after last frost. Zinnias do not benefit from being sown early; wait for warmer weather</p>
<p><b>Days to Emerge:</b><span> </span>3–10 days</p>
<p><b>Seed Depth:</b><span> </span>¼"</p>
<p><b>Seed Spacing:</b><span> </span>A group of 3 seeds every 12"</p>
<p><b>Thinning:</b><span> </span>When 2" tall, thin to 1 every 12"</p>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301740097670">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6929800200326-11"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                      </span></span>
                <div
                  class="flex gap-x-2 items-center justify-center"
                  role="alert"
                  x-cloak
                  x-show="errorMessage"
                >
                  Sold out
                </div>
                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                </div>
              </button><input type="hidden" name="product-id" value="6929800200326" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301740097670">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6929800200326-11"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
aria-label="Buy It Now"
                    
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                        <span class="flex justify-center items-center">
                          

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                        </span></span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </div>
                </button><input type="hidden" name="product-id" value="6929800200326" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-fireball-blend', $el, 'template--17986571501702__main-6929800200326-11')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-fireball-blend', $el, 'template--17986571501702__main-6929800200326-11')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-fireball-blend", $el, "template--17986571501702__main-6929800200326-11") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Fireball Blend Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929800200326&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


            </span>
          </button>
        </div>
      </template>
    
  </div>
</div>
                        <script src="//chalet-nursery.shop/cdn/shop/t/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-12', '/products/seed-zinnia-cactus-flower-blen', '6929801609350')"  
  
  class="card-product    overflow-hidden card md:list-layout:flex  relative pb-4 md:pb-5 h-full md:rounded-[10px] rounded-[10px]" x-slide-index="-1">
  <div 
    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 md:list-layout:pr-7 relative    disable-effect"
  >
    
    
    <a 
      
      href="/products/seed-zinnia-cactus-flower-blen?_pos=2&_sid=2129f1794&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6929801609350,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Botanical Interests Cactus Flower Blend Zinnia Seeds&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 269,
      &quot;price_with_currency&quot;: &quot;$2.69&quot;,
      &quot;sale_amount&quot;: &quot;$-2.69&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||260698275974||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 10,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Botanical Interests Cactus Flower Blend Zinnia Seeds"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

       
        md:rounded-[10px]
         
          rounded-[10px]
        
       before:h-0 before:block z-0 

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-12--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Cactus Flower Blend Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929801609350&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
          >
          
<div class="hidden">
                
                <img src="//chalet-nursery.shop/cdn/shop/files/botanical-interests-cactus-flower-blend-zinnia-seeds.jpg?v=1768923788&amp;width=1500" alt="Botanical Interests Cactus Flower Blend Zinnia Seeds" srcset="//chalet-nursery.shop/cdn/shop/files/botanical-interests-cactus-flower-blend-zinnia-seeds.jpg?v=1768923788&amp;width=375 375w, //chalet-nursery.shop/cdn/shop/files/botanical-interests-cactus-flower-blend-zinnia-seeds.jpg?v=1768923788&amp;width=450 450w, //chalet-nursery.shop/cdn/shop/files/botanical-interests-cactus-flower-blend-zinnia-seeds.jpg?v=1768923788&amp;width=750 750w, //chalet-nursery.shop/cdn/shop/files/botanical-interests-cactus-flower-blend-zinnia-seeds.jpg?v=1768923788&amp;width=900 900w, //chalet-nursery.shop/cdn/shop/files/botanical-interests-cactus-flower-blend-zinnia-seeds.jpg?v=1768923788&amp;width=1100 1100w, //chalet-nursery.shop/cdn/shop/files/botanical-interests-cactus-flower-blend-zinnia-seeds.jpg?v=1768923788&amp;width=1500 1500w" width="1500" height="2250" loading="eager" onload="this.closest(&quot;.skeleton-image&quot;)?.classList.remove(&quot;animate-Xpulse&quot;, &quot;skeleton-image&quot;);" sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)">
              </div><div class="w-full 
               
                 
                  h-full min-h-full
                
               
               
                top-0 left-0 absolute
               z-0">
              
              <picture>
                <img
                  srcset="//chalet-nursery.shop/cdn/shop/files/botanical-interests-cactus-flower-blend-zinnia-seeds.jpg?v=1768923788&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-cactus-flower-blend-zinnia-seeds.jpg?v=1768923788&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-cactus-flower-blend-zinnia-seeds.jpg?v=1768923788&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-cactus-flower-blend-zinnia-seeds.jpg?v=1768923788&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-cactus-flower-blend-zinnia-seeds.jpg?v=1768923788&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/botanical-interests-cactus-flower-blend-zinnia-seeds.jpg?v=1768923788 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/botanical-interests-cactus-flower-blend-zinnia-seeds.jpg?v=1768923788&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
                  alt="Botanical Interests Cactus Flower Blend Zinnia Seeds"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
"
                  loading="eager"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301743734918">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6929801609350-12"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17986571501702__main-6929801609350-12"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Cactus Flower Blend Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929801609350&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
      <g>
      <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </g>
    </svg></span>
                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </span>
                </button><input type="hidden" name="product-id" value="6929801609350" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-cactus-flower-blen', $el, 'template--17986571501702__main-6929801609350-12')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-cactus-flower-blen', $el, 'template--17986571501702__main-6929801609350-12')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Cactus Flower Blend Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929801609350&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-cactus-flower-blen", $el, "template--17986571501702__main-6929801609350-12") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Cactus Flower Blend Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929801609350&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    
    
    <div class="md:list-layout:hidden">
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929801609350">
            <a href="/products/seed-zinnia-cactus-flower-blen?_pos=2&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Cactus Flower Blend Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929801609350&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Cactus Flower Blend Zinnia Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">269</div><p class="price">
          <span>$1.35</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  <div
    id="x-product-template-6929801609350-template--17986571501702__main-12"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929801609350">
            <a href="/products/seed-zinnia-cactus-flower-blen?_pos=2&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Cactus Flower Blend Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929801609350&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Cactus Flower Blend Zinnia Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">269</div><p class="price">
          <span>$1.35</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    
    </div>
    

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/seed-zinnia-cactus-flower-blen?_pos=2&_sid=2129f1794&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6929801609350-12" 
          class="current-variant hidden"
        >
          40301743734918
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p><span>Rolling, feathery petals are spectacular in bouquets and as garden adornments. At 4"–6" wide, this is one of the largest zinnias available! Double and semi-double blooms in brilliant shades of pink, white, red, orange, and yellow. The petals are long with rolled edges that turn under and sometimes twist. Each individual flower lasts a long time on the plant and in the vase. A swath of these colorful blooms will be a beacon to tempt butterflies to your area. Zinnias are edible, but have little flavor.</span></p>
<p><b>When to Sow Outside:</b><span> </span>RECOMMENDED. 1 to 2 weeks after your average last frost date.</p>
<p><b>When to Start Inside:</b><span> </span>4 to 6 weeks before your average last frost date. Transplant outdoors after last frost. Zinnias do not benefit from being sown early; wait for warmer weather</p>
<p><b>Days to Emerge:</b><span> </span>3–10 days</p>
<p><b>Seed Depth:</b><span> </span>¼"</p>
<p><b>Seed Spacing:</b><span> </span>A group of 3 seeds every 12"</p>
<p><b>Thinning:</b><span> </span>When 2" tall, thin to 1 every 12"</p>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301743734918">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6929801609350-12"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                      </span></span>
                <div
                  class="flex gap-x-2 items-center justify-center"
                  role="alert"
                  x-cloak
                  x-show="errorMessage"
                >
                  Sold out
                </div>
                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                </div>
              </button><input type="hidden" name="product-id" value="6929801609350" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301743734918">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6929801609350-12"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
aria-label="Buy It Now"
                    
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                        <span class="flex justify-center items-center">
                          

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                        </span></span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </div>
                </button><input type="hidden" name="product-id" value="6929801609350" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-cactus-flower-blen', $el, 'template--17986571501702__main-6929801609350-12')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-cactus-flower-blen', $el, 'template--17986571501702__main-6929801609350-12')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-cactus-flower-blen", $el, "template--17986571501702__main-6929801609350-12") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Cactus Flower Blend Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929801609350&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


            </span>
          </button>
        </div>
      </template>
    
  </div>
</div>
                        <script src="//chalet-nursery.shop/cdn/shop/t/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-13', '/products/seed-zinnia-mazurkia', '6929801314438')"  
  
  class="card-product    overflow-hidden card md:list-layout:flex  relative pb-4 md:pb-5 h-full md:rounded-[10px] rounded-[10px]" x-slide-index="-1">
  <div 
    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 md:list-layout:pr-7 relative    disable-effect"
  >
    
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
      
      href="/products/seed-zinnia-mazurkia?_pos=3&_sid=2129f1794&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6929801314438,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Botanical Interests Mazyrkia Zinnia Seeds&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 299,
      &quot;price_with_currency&quot;: &quot;$2.99&quot;,
      &quot;sale_amount&quot;: &quot;$-2.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||260698275974||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 10,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Botanical Interests Mazyrkia Zinnia Seeds"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

       
        md:rounded-[10px]
         
          rounded-[10px]
        
       before:h-0 before:block z-0 

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-13--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Mazyrkia Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929801314438&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
          >
          
<div class="w-full 
               
                 
                  h-full min-h-full
                
               
               
                top-0 left-0 absolute
               z-0">
              
              <picture>
                <img
                  srcset="//chalet-nursery.shop/cdn/shop/files/botanical-interests-mazyrkia-zinnia-seeds.jpg?v=1768923762&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-mazyrkia-zinnia-seeds.jpg?v=1768923762&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-mazyrkia-zinnia-seeds.jpg?v=1768923762&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-mazyrkia-zinnia-seeds.jpg?v=1768923762&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-mazyrkia-zinnia-seeds.jpg?v=1768923762&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/botanical-interests-mazyrkia-zinnia-seeds.jpg?v=1768923762 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/botanical-interests-mazyrkia-zinnia-seeds.jpg?v=1768923762&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
                  alt="Botanical Interests Mazyrkia Zinnia Seeds"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301742915718">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6929801314438-13"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17986571501702__main-6929801314438-13"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Mazyrkia Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929801314438&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
      <g>
      <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </g>
    </svg></span>
                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </span>
                </button><input type="hidden" name="product-id" value="6929801314438" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-mazurkia', $el, 'template--17986571501702__main-6929801314438-13')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-mazurkia', $el, 'template--17986571501702__main-6929801314438-13')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Mazyrkia Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929801314438&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-mazurkia", $el, "template--17986571501702__main-6929801314438-13") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Mazyrkia Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929801314438&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    
    
    <div class="md:list-layout:hidden">
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929801314438">
            <a href="/products/seed-zinnia-mazurkia?_pos=3&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Mazyrkia Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929801314438&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Mazyrkia Zinnia Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">299</div><p class="price">
          <span>$1.5</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  <div
    id="x-product-template-6929801314438-template--17986571501702__main-13"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929801314438">
            <a href="/products/seed-zinnia-mazurkia?_pos=3&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Mazyrkia Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929801314438&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Mazyrkia Zinnia Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">299</div><p class="price">
          <span>$1.5</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    
    </div>
    

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/seed-zinnia-mazurkia?_pos=3&_sid=2129f1794&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6929801314438-13" 
          class="current-variant hidden"
        >
          40301742915718
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p><span>Zinnias are an easy, beautiful addition to any garden, and 'Mazurkia' is a real standout of the group. Three-inch flowers have striking, deep pink petals that appear to be dipped in white on the tips—like strawberries and whipped cream! Neat and compact, this plant is excellent for containers and landscaping alike! Pollinators flock to zinnias, they stand up to summer's heat, and are easy to grow from seed.</span></p>
<p><b>When to Sow Outside:</b><span> </span>RECOMMENDED. 1 to 2 weeks after your average last frost date</p>
<p><b>When to Start Inside:</b><span> </span>4 to 6 weeks before your average last frost date. Transplant outdoors after last frost. Zinnias do not benefit from being sown early; wait for warmer weather</p>
<p><b>Days to Emerge:</b><span> </span>3–10 days</p>
<p><b>Seed Depth:</b><span> </span>1/4"</p>
<p><b>Seed Spacing:</b><span> </span>A group of 3 seeds every 12"</p>
<p><b>Thinning:</b><span> </span>When 2" tall, thin to 1 every 12"</p>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301742915718">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6929801314438-13"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                      </span></span>
                <div
                  class="flex gap-x-2 items-center justify-center"
                  role="alert"
                  x-cloak
                  x-show="errorMessage"
                >
                  Sold out
                </div>
                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                </div>
              </button><input type="hidden" name="product-id" value="6929801314438" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301742915718">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6929801314438-13"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
aria-label="Buy It Now"
                    
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                        <span class="flex justify-center items-center">
                          

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                        </span></span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </div>
                </button><input type="hidden" name="product-id" value="6929801314438" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-mazurkia', $el, 'template--17986571501702__main-6929801314438-13')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-mazurkia', $el, 'template--17986571501702__main-6929801314438-13')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-mazurkia", $el, "template--17986571501702__main-6929801314438-13") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Mazyrkia Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929801314438&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


            </span>
          </button>
        </div>
      </template>
    
  </div>
</div>
                        <script src="//chalet-nursery.shop/cdn/shop/t/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-14', '/products/seed-zinnia-envy', '6929797775494')"  
  
  class="card-product    overflow-hidden card md:list-layout:flex  relative pb-4 md:pb-5 h-full md:rounded-[10px] rounded-[10px]" x-slide-index="-1">
  <div 
    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 md:list-layout:pr-7 relative    disable-effect"
  >
    
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
      
      href="/products/seed-zinnia-envy?_pos=4&_sid=2129f1794&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6929797775494,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Botanical Interests Envy Zinnia Seeds&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 269,
      &quot;price_with_currency&quot;: &quot;$2.69&quot;,
      &quot;sale_amount&quot;: &quot;$-2.69&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||260698275974||283157430406||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 9,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Botanical Interests Envy Zinnia Seeds"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

       
        md:rounded-[10px]
         
          rounded-[10px]
        
       before:h-0 before:block z-0 

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-14--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Envy Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929797775494&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
          >
          
<div class="w-full 
               
                 
                  h-full min-h-full
                
               
               
                top-0 left-0 absolute
               z-0">
              
              <picture>
                <img
                  srcset="//chalet-nursery.shop/cdn/shop/files/Untitleddesign-2021-07-30T115246.470.jpg?v=1740174631&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Untitleddesign-2021-07-30T115246.470.jpg?v=1740174631&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Untitleddesign-2021-07-30T115246.470.jpg?v=1740174631&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Untitleddesign-2021-07-30T115246.470.jpg?v=1740174631&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Untitleddesign-2021-07-30T115246.470.jpg?v=1740174631&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Untitleddesign-2021-07-30T115246.470.jpg?v=1740174631 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Untitleddesign-2021-07-30T115246.470.jpg?v=1740174631&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
                  alt="Botanical Interests Envy Zinnia Seeds"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301737541766">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6929797775494-14"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17986571501702__main-6929797775494-14"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Envy Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929797775494&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
      <g>
      <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </g>
    </svg></span>
                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </span>
                </button><input type="hidden" name="product-id" value="6929797775494" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-envy', $el, 'template--17986571501702__main-6929797775494-14')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-envy', $el, 'template--17986571501702__main-6929797775494-14')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Envy Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929797775494&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-envy", $el, "template--17986571501702__main-6929797775494-14") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Envy Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929797775494&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    
    
    <div class="md:list-layout:hidden">
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929797775494">
            <a href="/products/seed-zinnia-envy?_pos=4&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Envy Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929797775494&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Envy Zinnia Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">269</div><p class="price">
          <span>$1.35</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  <div
    id="x-product-template-6929797775494-template--17986571501702__main-14"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929797775494">
            <a href="/products/seed-zinnia-envy?_pos=4&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Envy Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929797775494&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Envy Zinnia Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">269</div><p class="price">
          <span>$1.35</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    
    </div>
    

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/seed-zinnia-envy?_pos=4&_sid=2129f1794&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6929797775494-14" 
          class="current-variant hidden"
        >
          40301737541766
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <meta charset="utf-8"><span data-mce-fragment="1">The Envy Zinnia is an unusual green flower that can be used to decorate platters of homegrown tomatoes or watermelon! Heat-loving plants supply endless beauty and interest to your flowerbeds, containers, and borders. Each individual flower lasts a very long time on the plant, and in the vase. Zinnias are edible but have little flavor.  </span>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301737541766">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6929797775494-14"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                      </span></span>
                <div
                  class="flex gap-x-2 items-center justify-center"
                  role="alert"
                  x-cloak
                  x-show="errorMessage"
                >
                  Sold out
                </div>
                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                </div>
              </button><input type="hidden" name="product-id" value="6929797775494" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301737541766">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6929797775494-14"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
aria-label="Buy It Now"
                    
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                        <span class="flex justify-center items-center">
                          

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                        </span></span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </div>
                </button><input type="hidden" name="product-id" value="6929797775494" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-envy', $el, 'template--17986571501702__main-6929797775494-14')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-envy', $el, 'template--17986571501702__main-6929797775494-14')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-envy", $el, "template--17986571501702__main-6929797775494-14") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Envy Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929797775494&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


            </span>
          </button>
        </div>
      </template>
    
  </div>
</div>
                        <script src="//chalet-nursery.shop/cdn/shop/t/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-15', '/products/seed-zinnia-lilliput-org', '6929805115526')"  
  
  class="card-product    overflow-hidden card md:list-layout:flex  relative pb-4 md:pb-5 h-full md:rounded-[10px] rounded-[10px]" x-slide-index="-1">
  <div 
    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 md:list-layout:pr-7 relative    disable-effect"
  >
    
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
      
      href="/products/seed-zinnia-lilliput-org?_pos=5&_sid=2129f1794&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6929805115526,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Botanical Interests Lilliput Zinnia Organic Seeds&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 349,
      &quot;price_with_currency&quot;: &quot;$3.49&quot;,
      &quot;sale_amount&quot;: &quot;$-3.49&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||260698275974||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 10,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Botanical Interests Lilliput Zinnia Organic Seeds"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

       
        md:rounded-[10px]
         
          rounded-[10px]
        
       before:h-0 before:block z-0 

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-15--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Lilliput Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929805115526&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
          >
          
<div class="w-full 
               
                 
                  h-full min-h-full
                
               
               
                top-0 left-0 absolute
               z-0">
              
              <picture>
                <img
                  srcset="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-lilliput-zinnias.jpg?v=1709763058&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-lilliput-zinnias.jpg?v=1709763058&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-lilliput-zinnias.jpg?v=1709763058&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-lilliput-zinnias.jpg?v=1709763058&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-lilliput-zinnias.jpg?v=1709763058&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-lilliput-zinnias.jpg?v=1709763058 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-lilliput-zinnias.jpg?v=1709763058&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
                  alt="Botanical Interests Lilliput Zinnia Organic Seeds"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301752844422">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6929805115526-15"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17986571501702__main-6929805115526-15"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Lilliput Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929805115526&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
      <g>
      <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </g>
    </svg></span>
                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </span>
                </button><input type="hidden" name="product-id" value="6929805115526" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-lilliput-org', $el, 'template--17986571501702__main-6929805115526-15')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-lilliput-org', $el, 'template--17986571501702__main-6929805115526-15')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Lilliput Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929805115526&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-lilliput-org", $el, "template--17986571501702__main-6929805115526-15") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Lilliput Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929805115526&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    
    
    <div class="md:list-layout:hidden">
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929805115526">
            <a href="/products/seed-zinnia-lilliput-org?_pos=5&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Lilliput Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929805115526&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Lilliput Zinnia Organic Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">349</div><p class="price">
          <span>$1.75</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  <div
    id="x-product-template-6929805115526-template--17986571501702__main-15"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929805115526">
            <a href="/products/seed-zinnia-lilliput-org?_pos=5&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Lilliput Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929805115526&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Lilliput Zinnia Organic Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">349</div><p class="price">
          <span>$1.75</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    
    </div>
    

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/seed-zinnia-lilliput-org?_pos=5&_sid=2129f1794&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6929805115526-15" 
          class="current-variant hidden"
        >
          40301752844422
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <span>Lilliput' brings a never-ending show of vibrant, double flowers all summer. Cut the long-stemmed blooms for a big bouquet and like magic, the zinnia patch is soon replenished with more and more blooms! These are the bright colors that butterflies love, and bees will be right behind them. Zinnias are very easy to start from seed once the weather has warmed the soil. </span><strong>Deer resistant.</strong>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301752844422">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6929805115526-15"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                      </span></span>
                <div
                  class="flex gap-x-2 items-center justify-center"
                  role="alert"
                  x-cloak
                  x-show="errorMessage"
                >
                  Sold out
                </div>
                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                </div>
              </button><input type="hidden" name="product-id" value="6929805115526" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301752844422">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6929805115526-15"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
aria-label="Buy It Now"
                    
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                        <span class="flex justify-center items-center">
                          

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                        </span></span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </div>
                </button><input type="hidden" name="product-id" value="6929805115526" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-lilliput-org', $el, 'template--17986571501702__main-6929805115526-15')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-lilliput-org', $el, 'template--17986571501702__main-6929805115526-15')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-lilliput-org", $el, "template--17986571501702__main-6929805115526-15") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Lilliput Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929805115526&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


            </span>
          </button>
        </div>
      </template>
    
  </div>
</div>
                        <script src="//chalet-nursery.shop/cdn/shop/t/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-16', '/products/seed-envy-zinnia', '6931214598278')"  
  
  class="card-product    overflow-hidden card md:list-layout:flex  relative pb-4 md:pb-5 h-full md:rounded-[10px] rounded-[10px]" x-slide-index="-1">
  <div 
    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 md:list-layout:pr-7 relative    disable-effect"
  >
    
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
      
      href="/products/seed-envy-zinnia?_pos=6&_sid=2129f1794&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6931214598278,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Seed Savers Envy Zinnia&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 425,
      &quot;price_with_currency&quot;: &quot;$4.25&quot;,
      &quot;sale_amount&quot;: &quot;$-4.25&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||260698275974||283157430406||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 10,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Seed Savers Envy Zinnia"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

       
        md:rounded-[10px]
         
          rounded-[10px]
        
       before:h-0 before:block z-0 

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-16--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Envy Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931214598278&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 425,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
          >
          
<div class="w-full 
               
                 
                  h-full min-h-full
                
               
               
                top-0 left-0 absolute
               z-0">
              
              <picture>
                <img
                  srcset="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-seed-savers-seeds-flower-vegetable-3.jpg?v=1740174408&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-seed-savers-seeds-flower-vegetable-3.jpg?v=1740174408&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-seed-savers-seeds-flower-vegetable-3.jpg?v=1740174408&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-seed-savers-seeds-flower-vegetable-3.jpg?v=1740174408&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-seed-savers-seeds-flower-vegetable-3.jpg?v=1740174408&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-seed-savers-seeds-flower-vegetable-3.jpg?v=1740174408 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-seed-savers-seeds-flower-vegetable-3.jpg?v=1740174408&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
                  alt="Seed Savers Envy Zinnia"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40305276321926">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6931214598278-16"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17986571501702__main-6931214598278-16"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Envy Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931214598278&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 425,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
      <g>
      <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </g>
    </svg></span>
                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </span>
                </button><input type="hidden" name="product-id" value="6931214598278" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-envy-zinnia', $el, 'template--17986571501702__main-6931214598278-16')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-envy-zinnia', $el, 'template--17986571501702__main-6931214598278-16')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Envy Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931214598278&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 425,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-envy-zinnia", $el, "template--17986571501702__main-6931214598278-16") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Envy Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931214598278&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 425,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    
    
    <div class="md:list-layout:hidden">
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6931214598278">
            <a href="/products/seed-envy-zinnia?_pos=6&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Envy Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931214598278&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 425,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
            >
              Seed Savers Envy Zinnia
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">425</div><p class="price">
          <span>$2.13</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  <div
    id="x-product-template-6931214598278-template--17986571501702__main-16"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6931214598278">
            <a href="/products/seed-envy-zinnia?_pos=6&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Envy Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931214598278&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 425,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
            >
              Seed Savers Envy Zinnia
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">425</div><p class="price">
          <span>$2.13</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    
    </div>
    

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/seed-envy-zinnia?_pos=6&_sid=2129f1794&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6931214598278-16" 
          class="current-variant hidden"
        >
          40305276321926
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <meta charset="UTF-8">
<p data-mce-fragment="1">The bright, truly unique semi-double blooms of this heirloom promise to make your flower beds, containers, and borders the talk of the neighborhood! This variety’s vivid chartreuse color complements brighter summer flowers with style and harmonizes equally well with soft pastels. These easy-to grow zinnias reach up to 30" in height, prefer warm weather and full sun, and make a perfect addition to cut-flower arrangements.</p>
<ul data-mce-fragment="1">
<li data-mce-fragment="1">Conventional</li>
<li data-mce-fragment="1">Annual plants grow up to 30 inches tall</li>
<li data-mce-fragment="1">Beautiful chartreuse color</li>
<li data-mce-fragment="1">Semi-double to double blooms</li>
<li data-mce-fragment="1">Prefer warm weather and full sun</li>
<li data-mce-fragment="1">Long stems make for a great cut flower</li>
</ul>
<p><span color="#2c4712" style="color: #2c4712;"><b>Instructions</b></span> - Sow seeds outdoors after last frost. Zinnias prefer well-drained average soil. Water regularly, keeping leaves dry. Remove spent blossoms frequently to prolong blooming.</p>
<ul>
<li>Direct Seed: 1/8" Deep</li>
<li>Germination: 5-24 Days</li>
<li>Thin: 10-12" Apart</li>
<li>Light: Full Sun</li>
</ul>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40305276321926">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6931214598278-16"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                      </span></span>
                <div
                  class="flex gap-x-2 items-center justify-center"
                  role="alert"
                  x-cloak
                  x-show="errorMessage"
                >
                  Sold out
                </div>
                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                </div>
              </button><input type="hidden" name="product-id" value="6931214598278" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40305276321926">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6931214598278-16"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
aria-label="Buy It Now"
                    
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                        <span class="flex justify-center items-center">
                          

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                        </span></span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </div>
                </button><input type="hidden" name="product-id" value="6931214598278" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-envy-zinnia', $el, 'template--17986571501702__main-6931214598278-16')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-envy-zinnia', $el, 'template--17986571501702__main-6931214598278-16')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-envy-zinnia", $el, "template--17986571501702__main-6931214598278-16") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Envy Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931214598278&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 425,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


            </span>
          </button>
        </div>
      </template>
    
  </div>
</div>
                        <script src="//chalet-nursery.shop/cdn/shop/t/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-17', '/products/seed-zinnia-persian-carpet', '6929799610502')"  
  
  class="card-product    overflow-hidden card md:list-layout:flex  relative pb-4 md:pb-5 h-full md:rounded-[10px] rounded-[10px]" x-slide-index="-1">
  <div 
    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 md:list-layout:pr-7 relative    disable-effect"
  >
    
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
      
      href="/products/seed-zinnia-persian-carpet?_pos=7&_sid=2129f1794&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6929799610502,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Botanical Interests Persian Carpet Zinnia Seeds&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 269,
      &quot;price_with_currency&quot;: &quot;$2.69&quot;,
      &quot;sale_amount&quot;: &quot;$-2.69&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||260698275974||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 10,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Botanical Interests Persian Carpet Zinnia Seeds"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

       
        md:rounded-[10px]
         
          rounded-[10px]
        
       before:h-0 before:block z-0 

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-17--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Persian Carpet Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929799610502&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
          >
          
<div class="w-full 
               
                 
                  h-full min-h-full
                
               
               
                top-0 left-0 absolute
               z-0">
              
              <picture>
                <img
                  srcset="//chalet-nursery.shop/cdn/shop/files/botanical-interests-persian-carpet-zinnia-seeds.jpg?v=1768923637&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-persian-carpet-zinnia-seeds.jpg?v=1768923637&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-persian-carpet-zinnia-seeds.jpg?v=1768923637&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-persian-carpet-zinnia-seeds.jpg?v=1768923637&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-persian-carpet-zinnia-seeds.jpg?v=1768923637&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/botanical-interests-persian-carpet-zinnia-seeds.jpg?v=1768923637 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/botanical-interests-persian-carpet-zinnia-seeds.jpg?v=1768923637&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
                  alt="Botanical Interests Persian Carpet Zinnia Seeds"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301739376774">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6929799610502-17"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17986571501702__main-6929799610502-17"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Persian Carpet Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929799610502&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
      <g>
      <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </g>
    </svg></span>
                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </span>
                </button><input type="hidden" name="product-id" value="6929799610502" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-persian-carpet', $el, 'template--17986571501702__main-6929799610502-17')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-persian-carpet', $el, 'template--17986571501702__main-6929799610502-17')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Persian Carpet Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929799610502&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-persian-carpet", $el, "template--17986571501702__main-6929799610502-17") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Persian Carpet Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929799610502&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    
    
    <div class="md:list-layout:hidden">
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929799610502">
            <a href="/products/seed-zinnia-persian-carpet?_pos=7&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Persian Carpet Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929799610502&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Persian Carpet Zinnia Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">269</div><p class="price">
          <span>$1.35</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  <div
    id="x-product-template-6929799610502-template--17986571501702__main-17"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929799610502">
            <a href="/products/seed-zinnia-persian-carpet?_pos=7&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Persian Carpet Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929799610502&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Persian Carpet Zinnia Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">269</div><p class="price">
          <span>$1.35</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    
    </div>
    

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/seed-zinnia-persian-carpet?_pos=7&_sid=2129f1794&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6929799610502-17" 
          class="current-variant hidden"
        >
          40301739376774
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p><span>Persian Carpet, also called Mexican zinnia or narrow-leaved zinnia, is a reliable choice for beds, borders, and containers. With bicolored single and double flowers in gold, burgundy, cream, red, and orange, it will bloom throughout hot, dry summer weather until first frost. It has smaller, narrower leaves and a more bushy, compact habit than common zinnia (</span><i>Z. elegans</i><span>). Delightful as a cut flower; attracts pollinators, too!</span></p>
<p><b>When to Sow Outside:</b><span> </span>RECOMMENDED. 1 to 2 weeks after your average last frost date.</p>
<p><b>When to Start Inside:</b><span> </span>4 to 6 weeks before your average last frost date. Transplant outdoors after last frost. Zinnias do not benefit from being sown early; wait for warmer weather</p>
<p><b>Days to Emerge:</b><span> </span>3–10 days</p>
<p><b>Seed Depth:</b><span> </span>¼"</p>
<p><b>Seed Spacing:</b><span> </span>A group of 3 seeds every 8"</p>
<p><b>Thinning:</b><span> </span>When 2" tall, thin to 1 every 8"</p>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301739376774">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6929799610502-17"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                      </span></span>
                <div
                  class="flex gap-x-2 items-center justify-center"
                  role="alert"
                  x-cloak
                  x-show="errorMessage"
                >
                  Sold out
                </div>
                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                </div>
              </button><input type="hidden" name="product-id" value="6929799610502" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301739376774">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6929799610502-17"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
aria-label="Buy It Now"
                    
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                        <span class="flex justify-center items-center">
                          

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                        </span></span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </div>
                </button><input type="hidden" name="product-id" value="6929799610502" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-persian-carpet', $el, 'template--17986571501702__main-6929799610502-17')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-persian-carpet', $el, 'template--17986571501702__main-6929799610502-17')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-persian-carpet", $el, "template--17986571501702__main-6929799610502-17") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Persian Carpet Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929799610502&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


            </span>
          </button>
        </div>
      </template>
    
  </div>
</div>
                        <script src="//chalet-nursery.shop/cdn/shop/t/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-18', '/products/seed-zinnia-thumbelina', '6929796825222')"  
  
  class="card-product    overflow-hidden card md:list-layout:flex  relative pb-4 md:pb-5 h-full md:rounded-[10px] rounded-[10px]" x-slide-index="-1">
  <div 
    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 md:list-layout:pr-7 relative    disable-effect"
  >
    
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
      
      href="/products/seed-zinnia-thumbelina?_pos=8&_sid=2129f1794&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6929796825222,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Botanical Interests Thumbelina Zinnia Seeds&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 299,
      &quot;price_with_currency&quot;: &quot;$2.99&quot;,
      &quot;sale_amount&quot;: &quot;$-2.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||260698275974||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 10,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Botanical Interests Thumbelina Zinnia Seeds"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

       
        md:rounded-[10px]
         
          rounded-[10px]
        
       before:h-0 before:block z-0 

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-18--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Thumbelina Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929796825222&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
          >
          
<div class="w-full 
               
                 
                  h-full min-h-full
                
               
               
                top-0 left-0 absolute
               z-0">
              
              <picture>
                <img
                  srcset="//chalet-nursery.shop/cdn/shop/files/botanical-interests-thumbelina-zinnia-seeds.jpg?v=1768923462&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-thumbelina-zinnia-seeds.jpg?v=1768923462&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-thumbelina-zinnia-seeds.jpg?v=1768923462&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-thumbelina-zinnia-seeds.jpg?v=1768923462&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-thumbelina-zinnia-seeds.jpg?v=1768923462&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/botanical-interests-thumbelina-zinnia-seeds.jpg?v=1768923462 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/botanical-interests-thumbelina-zinnia-seeds.jpg?v=1768923462&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
                  alt="Botanical Interests Thumbelina Zinnia Seeds"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301736591494">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6929796825222-18"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17986571501702__main-6929796825222-18"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Thumbelina Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929796825222&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
      <g>
      <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </g>
    </svg></span>
                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </span>
                </button><input type="hidden" name="product-id" value="6929796825222" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-thumbelina', $el, 'template--17986571501702__main-6929796825222-18')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-thumbelina', $el, 'template--17986571501702__main-6929796825222-18')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Thumbelina Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929796825222&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-thumbelina", $el, "template--17986571501702__main-6929796825222-18") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Thumbelina Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929796825222&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    
    
    <div class="md:list-layout:hidden">
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929796825222">
            <a href="/products/seed-zinnia-thumbelina?_pos=8&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Thumbelina Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929796825222&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Thumbelina Zinnia Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">299</div><p class="price">
          <span>$1.5</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  <div
    id="x-product-template-6929796825222-template--17986571501702__main-18"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929796825222">
            <a href="/products/seed-zinnia-thumbelina?_pos=8&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Thumbelina Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929796825222&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Thumbelina Zinnia Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">299</div><p class="price">
          <span>$1.5</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    
    </div>
    

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/seed-zinnia-thumbelina?_pos=8&_sid=2129f1794&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6929796825222-18" 
          class="current-variant hidden"
        >
          40301736591494
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p><span>Thumbelina is destined to be the darling of your garden! A 1963 All-America Selections winner, this charming variety may be shorter, but still produces an abundance of cheerful blossoms in a wide range of colors. </span><span>Zinnias thrive in heat, bloom all season, and are very easy to grow. Each individual flower lasts a very long time on the plant or in a vase.</span></p>
<p><b>When to Sow Outside:</b><span> </span>RECOMMENDED. 1 to 2 weeks after your average last frost date.</p>
<p><b>When to Start Inside:</b><span> </span>4 to 6 weeks before your average last frost date. Transplant outdoors after last frost. Zinnias do not benefit from being sown early; wait for warmer weather</p>
<p><b>Days to Emerge:</b><span> </span>3–10 days</p>
<p><b>Seed Depth:</b><span> </span>¼"</p>
<p><b>Seed Spacing:</b><span> </span>A group of 3 seeds every 8"</p>
<p><b>Thinning:</b><span> </span>When 2" tall, thin to 1 every 8"</p>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301736591494">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6929796825222-18"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                      </span></span>
                <div
                  class="flex gap-x-2 items-center justify-center"
                  role="alert"
                  x-cloak
                  x-show="errorMessage"
                >
                  Sold out
                </div>
                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                </div>
              </button><input type="hidden" name="product-id" value="6929796825222" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301736591494">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6929796825222-18"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
aria-label="Buy It Now"
                    
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                        <span class="flex justify-center items-center">
                          

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                        </span></span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </div>
                </button><input type="hidden" name="product-id" value="6929796825222" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-thumbelina', $el, 'template--17986571501702__main-6929796825222-18')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-thumbelina', $el, 'template--17986571501702__main-6929796825222-18')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-thumbelina", $el, "template--17986571501702__main-6929796825222-18") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Thumbelina Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929796825222&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


            </span>
          </button>
        </div>
      </template>
    
  </div>
</div>
                        <script src="//chalet-nursery.shop/cdn/shop/t/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-19', '/products/botanical-interests-zinnia-senora', '7149444399238')"  
  
  class="card-product    overflow-hidden card md:list-layout:flex  relative pb-4 md:pb-5 h-full md:rounded-[10px] rounded-[10px]" x-slide-index="-1">
  <div 
    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 md:list-layout:pr-7 relative    disable-effect"
  >
    
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
      
      href="/products/botanical-interests-zinnia-senora?_pos=9&_sid=2129f1794&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 7149444399238,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Botanical Interests Zinnia Senora Seeds&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 269,
      &quot;price_with_currency&quot;: &quot;$2.69&quot;,
      &quot;sale_amount&quot;: &quot;$-2.69&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||260698275974||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 10,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Botanical Interests Zinnia Senora Seeds"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

       
        md:rounded-[10px]
         
          rounded-[10px]
        
       before:h-0 before:block z-0 

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-19--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Zinnia Senora Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7149444399238&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
          >
          
<div class="w-full 
               
                 
                  h-full min-h-full
                
               
               
                top-0 left-0 absolute
               z-0">
              
              <picture>
                <img
                  srcset="//chalet-nursery.shop/cdn/shop/files/botanical-interests-zinnia-senora-seeds.jpg?v=1768924454&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-zinnia-senora-seeds.jpg?v=1768924454&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-zinnia-senora-seeds.jpg?v=1768924454&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-zinnia-senora-seeds.jpg?v=1768924454&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-zinnia-senora-seeds.jpg?v=1768924454&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/botanical-interests-zinnia-senora-seeds.jpg?v=1768924454 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/botanical-interests-zinnia-senora-seeds.jpg?v=1768924454&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
                  alt="Botanical Interests Zinnia Senora Seeds"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40998828245126">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-7149444399238-19"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17986571501702__main-7149444399238-19"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Zinnia Senora Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7149444399238&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
      <g>
      <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </g>
    </svg></span>
                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </span>
                </button><input type="hidden" name="product-id" value="7149444399238" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/botanical-interests-zinnia-senora', $el, 'template--17986571501702__main-7149444399238-19')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/botanical-interests-zinnia-senora', $el, 'template--17986571501702__main-7149444399238-19')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Zinnia Senora Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7149444399238&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/botanical-interests-zinnia-senora", $el, "template--17986571501702__main-7149444399238-19") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Zinnia Senora Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7149444399238&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    
    
    <div class="md:list-layout:hidden">
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-7149444399238">
            <a href="/products/botanical-interests-zinnia-senora?_pos=9&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Zinnia Senora Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7149444399238&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Zinnia Senora Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">269</div><p class="price">
          <span>$1.35</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  <div
    id="x-product-template-7149444399238-template--17986571501702__main-19"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-7149444399238">
            <a href="/products/botanical-interests-zinnia-senora?_pos=9&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Zinnia Senora Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7149444399238&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Zinnia Senora Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">269</div><p class="price">
          <span>$1.35</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    
    </div>
    

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/botanical-interests-zinnia-senora?_pos=9&_sid=2129f1794&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-7149444399238-19" 
          class="current-variant hidden"
        >
          40998828245126
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p><span>Whether you are adding to your pollinator garden, flower garden, or cutting garden, 'Señora' is a distinguished addition. The double 3"—5" flowers on strong, long stems are elegant, and salmon-pink is a dreamy, rare color in the garden. As a bonus, zinnia petals are edible and look adorable as a topper on salads or baked goods, and flowers dry well for endless craft uses, like dried arrangements or homegrown potpourri. </span><em>Deer resistant.</em></p>
<p><b>When to Sow Outside:</b><span> </span>RECOMMENDED. 1 to 2 weeks after your average last frost date</p>
<p><b>When to Start Inside:</b><span> </span>4 to 6 weeks before your average last frost date. Transplant outdoors after last frost. Zinnias do not benefit from being sown early; wait for warmer weather</p>
<p><b>Days to Emerge:</b><span> </span>3–10 days</p>
<p><b>Seed Depth:</b><span> </span>1/4"</p>
<p><b>Seed Spacing:</b><span> </span>A group of 3 seeds every 12"</p>
<p><b>Thinning:</b><span> </span>When 2" tall, thin to 1 every 12"</p>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40998828245126">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-7149444399238-19"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                      </span></span>
                <div
                  class="flex gap-x-2 items-center justify-center"
                  role="alert"
                  x-cloak
                  x-show="errorMessage"
                >
                  Sold out
                </div>
                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                </div>
              </button><input type="hidden" name="product-id" value="7149444399238" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40998828245126">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-7149444399238-19"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
aria-label="Buy It Now"
                    
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                        <span class="flex justify-center items-center">
                          

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                        </span></span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </div>
                </button><input type="hidden" name="product-id" value="7149444399238" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/botanical-interests-zinnia-senora', $el, 'template--17986571501702__main-7149444399238-19')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/botanical-interests-zinnia-senora', $el, 'template--17986571501702__main-7149444399238-19')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/botanical-interests-zinnia-senora", $el, "template--17986571501702__main-7149444399238-19") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Zinnia Senora Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7149444399238&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


            </span>
          </button>
        </div>
      </template>
    
  </div>
</div>
                        <script src="//chalet-nursery.shop/cdn/shop/t/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-110', '/products/seed-zinnia-peruvian-r-y-blnd', '6929805312134')"  
  
  class="card-product    overflow-hidden card md:list-layout:flex  relative pb-4 md:pb-5 h-full md:rounded-[10px] rounded-[10px]" x-slide-index="-1">
  <div 
    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 md:list-layout:pr-7 relative    disable-effect"
  >
    
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
      
      href="/products/seed-zinnia-peruvian-r-y-blnd?_pos=10&_sid=2129f1794&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6929805312134,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Botanical Interests Peruvian Blend Zinnia Organic Seeds&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 349,
      &quot;price_with_currency&quot;: &quot;$3.49&quot;,
      &quot;sale_amount&quot;: &quot;$-3.49&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||260698275974||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 10,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Botanical Interests Peruvian Blend Zinnia Organic Seeds"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

       
        md:rounded-[10px]
         
          rounded-[10px]
        
       before:h-0 before:block z-0 

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-110--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Peruvian Blend Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929805312134&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
          >
          
<div class="w-full 
               
                 
                  h-full min-h-full
                
               
               
                top-0 left-0 absolute
               z-0">
              
              <picture>
                <img
                  srcset="//chalet-nursery.shop/cdn/shop/files/botanical-interests-peruvian-blend-zinnia-organic-seeds.jpg?v=1768924176&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-peruvian-blend-zinnia-organic-seeds.jpg?v=1768924176&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-peruvian-blend-zinnia-organic-seeds.jpg?v=1768924176&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-peruvian-blend-zinnia-organic-seeds.jpg?v=1768924176&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-peruvian-blend-zinnia-organic-seeds.jpg?v=1768924176&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/botanical-interests-peruvian-blend-zinnia-organic-seeds.jpg?v=1768924176 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/botanical-interests-peruvian-blend-zinnia-organic-seeds.jpg?v=1768924176&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
                  alt="Botanical Interests Peruvian Blend Zinnia Organic Seeds"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301753041030">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6929805312134-110"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17986571501702__main-6929805312134-110"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Peruvian Blend Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929805312134&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
      <g>
      <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </g>
    </svg></span>
                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </span>
                </button><input type="hidden" name="product-id" value="6929805312134" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-peruvian-r-y-blnd', $el, 'template--17986571501702__main-6929805312134-110')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-peruvian-r-y-blnd', $el, 'template--17986571501702__main-6929805312134-110')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Peruvian Blend Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929805312134&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-peruvian-r-y-blnd", $el, "template--17986571501702__main-6929805312134-110") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Peruvian Blend Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929805312134&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    
    
    <div class="md:list-layout:hidden">
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929805312134">
            <a href="/products/seed-zinnia-peruvian-r-y-blnd?_pos=10&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Peruvian Blend Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929805312134&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Peruvian Blend Zinnia Organic Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">349</div><p class="price">
          <span>$1.75</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  <div
    id="x-product-template-6929805312134-template--17986571501702__main-110"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929805312134">
            <a href="/products/seed-zinnia-peruvian-r-y-blnd?_pos=10&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Peruvian Blend Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929805312134&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Peruvian Blend Zinnia Organic Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">349</div><p class="price">
          <span>$1.75</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    
    </div>
    

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/seed-zinnia-peruvian-r-y-blnd?_pos=10&_sid=2129f1794&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6929805312134-110" 
          class="current-variant hidden"
        >
          40301753041030
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p><span>Peruvian zinnias are cute as can be, and their simple, open, single flowers make excellent landing pads for all manner of pollinators. With origins in Arizona, Mexico, Central, and South America, they are adapted to hot, dry conditions. Peruvian zinnias were popularized in the 1800s, providing gardeners with carefree color for several months. Compact plants look great in containers or planted en masse, and their drought tolerance makes them appropriate for dry gardens. Long stems are excellent for all types of fresh or dried cut floral creations. </span><em>Deer resistant.</em></p>
<p><b>When to Sow Outside:</b><span> </span>RECOMMENDED. 1 to 2 weeks after your average last frost date</p>
<p><b>When to Start Inside:</b><span> </span>4 to 6 weeks before your average last frost date. Transplant outdoors after last frost. Zinnias do not benefit from being sown early; wait for warmer weather</p>
<p><b>Days to Emerge:</b><span> </span>3–10 days</p>
<p><b>Seed Depth:</b><span> </span>1/4"</p>
<p><b>Seed Spacing:</b><span> </span>A group of 3 seeds every 8"–12"</p>
<p><b>Thinning:</b><span> </span>When 2" tall, thin to 1 every 8"–12"</p>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301753041030">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6929805312134-110"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                      </span></span>
                <div
                  class="flex gap-x-2 items-center justify-center"
                  role="alert"
                  x-cloak
                  x-show="errorMessage"
                >
                  Sold out
                </div>
                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                </div>
              </button><input type="hidden" name="product-id" value="6929805312134" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301753041030">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6929805312134-110"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
aria-label="Buy It Now"
                    
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                        <span class="flex justify-center items-center">
                          

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                        </span></span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </div>
                </button><input type="hidden" name="product-id" value="6929805312134" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-peruvian-r-y-blnd', $el, 'template--17986571501702__main-6929805312134-110')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-peruvian-r-y-blnd', $el, 'template--17986571501702__main-6929805312134-110')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-peruvian-r-y-blnd", $el, "template--17986571501702__main-6929805312134-110") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Peruvian Blend Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929805312134&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


            </span>
          </button>
        </div>
      </template>
    
  </div>
</div>
                        <script src="//chalet-nursery.shop/cdn/shop/t/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-111', '/products/seed-flower-benarys-zinnia', '6931219087494')"  
  
  class="card-product    overflow-hidden card md:list-layout:flex  relative pb-4 md:pb-5 h-full md:rounded-[10px] rounded-[10px]" x-slide-index="-1">
  <div 
    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 md:list-layout:pr-7 relative    disable-effect"
  >
    
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
      
      href="/products/seed-flower-benarys-zinnia?_pos=11&_sid=2129f1794&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6931219087494,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Seed Savers Benary&amp;#39;s Giant Zinnia&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 625,
      &quot;price_with_currency&quot;: &quot;$6.25&quot;,
      &quot;sale_amount&quot;: &quot;$-6.25&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||260698275974||283157430406||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 8,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Seed Savers Benary's Giant Zinnia"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

       
        md:rounded-[10px]
         
          rounded-[10px]
        
       before:h-0 before:block z-0 

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-111--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Benary&amp;#39;s Giant Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931219087494&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 625,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
          >
          
<div class="w-full 
               
                 
                  h-full min-h-full
                
               
               
                top-0 left-0 absolute
               z-0">
              
              <picture>
                <img
                  srcset="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-seed-savers-seeds-flower-vegetable-4.jpg?v=1740174373&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-seed-savers-seeds-flower-vegetable-4.jpg?v=1740174373&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-seed-savers-seeds-flower-vegetable-4.jpg?v=1740174373&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-seed-savers-seeds-flower-vegetable-4.jpg?v=1740174373&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-seed-savers-seeds-flower-vegetable-4.jpg?v=1740174373&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-seed-savers-seeds-flower-vegetable-4.jpg?v=1740174373 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-seed-savers-seeds-flower-vegetable-4.jpg?v=1740174373&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
                  alt="Seed Savers Benary&#39;s Giant Zinnia"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40305280942214">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6931219087494-111"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17986571501702__main-6931219087494-111"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Benary&amp;#39;s Giant Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931219087494&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 625,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
      <g>
      <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </g>
    </svg></span>
                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </span>
                </button><input type="hidden" name="product-id" value="6931219087494" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-flower-benarys-zinnia', $el, 'template--17986571501702__main-6931219087494-111')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-flower-benarys-zinnia', $el, 'template--17986571501702__main-6931219087494-111')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Benary&amp;#39;s Giant Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931219087494&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 625,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-flower-benarys-zinnia", $el, "template--17986571501702__main-6931219087494-111") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Benary&amp;#39;s Giant Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931219087494&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 625,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    
    
    <div class="md:list-layout:hidden">
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6931219087494">
            <a href="/products/seed-flower-benarys-zinnia?_pos=11&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Benary&amp;#39;s Giant Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931219087494&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 625,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
            >
              Seed Savers Benary&#39;s Giant Zinnia
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">625</div><p class="price">
          <span>$3.13</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  <div
    id="x-product-template-6931219087494-template--17986571501702__main-111"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6931219087494">
            <a href="/products/seed-flower-benarys-zinnia?_pos=11&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Benary&amp;#39;s Giant Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931219087494&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 625,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
            >
              Seed Savers Benary&#39;s Giant Zinnia
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">625</div><p class="price">
          <span>$3.13</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    
    </div>
    

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/seed-flower-benarys-zinnia?_pos=11&_sid=2129f1794&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6931219087494-111" 
          class="current-variant hidden"
        >
          40305280942214
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p data-mce-fragment="1">Magnificent when in bloom and easy to grow, this beautiful, large-flowered strain of zinnia is from Ernst Benary, one of the oldest German seed companies (founded in Erfurt in 1843). Its fully double blossoms measure 4-5" across and come in a wide array of colors. The long stems of this annual make it ideal for use in arrangements and bouquets.</p>
<ul data-mce-fragment="1">
<li data-mce-fragment="1">Conventional</li>
<li data-mce-fragment="1">Annual plants grow to 3-4 feet tall</li>
<li data-mce-fragment="1">Best-Seller</li>
<li data-mce-fragment="1">Double blossoms grow to 4-5 inches across</li>
<li data-mce-fragment="1">Wide variety of colors</li>
<li data-mce-fragment="1">Long stems make for a great cut flower</li>
</ul>
<p><span color="#2c4712" style="color: #2c4712;"><b>Instructions</b></span> - Sow seeds outdoors after last frost. Zinnias prefer well-drained average soil. Water regularly, keeping leaves dry. Remove spent blossoms frequently to prolong blooming. There may be a coating on this seed which is made entirely of food grade components, used for the purpose of visibility during the sowing process.</p>
<ul>
<li>Direct Seed: 1/8" Deep</li>
<li>Germination: 5-24 Days</li>
<li>Thin: 10-12" Apart</li>
<li>Light: Full Sun</li>
</ul>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40305280942214">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6931219087494-111"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                      </span></span>
                <div
                  class="flex gap-x-2 items-center justify-center"
                  role="alert"
                  x-cloak
                  x-show="errorMessage"
                >
                  Sold out
                </div>
                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                </div>
              </button><input type="hidden" name="product-id" value="6931219087494" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40305280942214">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6931219087494-111"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
aria-label="Buy It Now"
                    
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                        <span class="flex justify-center items-center">
                          

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                        </span></span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </div>
                </button><input type="hidden" name="product-id" value="6931219087494" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-flower-benarys-zinnia', $el, 'template--17986571501702__main-6931219087494-111')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-flower-benarys-zinnia', $el, 'template--17986571501702__main-6931219087494-111')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-flower-benarys-zinnia", $el, "template--17986571501702__main-6931219087494-111") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Benary&amp;#39;s Giant Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931219087494&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 625,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


            </span>
          </button>
        </div>
      </template>
    
  </div>
</div>
                        <script src="//chalet-nursery.shop/cdn/shop/t/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-112', '/products/seed-zinnia-thumbelina-org', '6929804198022')"  
  
  class="card-product    overflow-hidden card md:list-layout:flex  relative pb-4 md:pb-5 h-full md:rounded-[10px] rounded-[10px]" x-slide-index="-1">
  <div 
    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 md:list-layout:pr-7 relative    disable-effect"
  >
    
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
      
      href="/products/seed-zinnia-thumbelina-org?_pos=12&_sid=2129f1794&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6929804198022,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Botanical Interests Thumbelina Zinnia Organic Seeds&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 349,
      &quot;price_with_currency&quot;: &quot;$3.49&quot;,
      &quot;sale_amount&quot;: &quot;$-3.49&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||260698275974||283157495942||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 10,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Botanical Interests Thumbelina Zinnia Organic Seeds"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

       
        md:rounded-[10px]
         
          rounded-[10px]
        
       before:h-0 before:block z-0 

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-112--1"
          class="block h-full visible card-product-img w-full top-0 left-0 absolute x-splide disable-effect-hover splide cursor-grab group" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Thumbelina Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929804198022&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
          
            x-cloak
            x-intersect.once.margin.200px='$store.xSplide.load($el, {
              "drag": false,
              "pauseOnFocus": false,
              "pauseOnHover": false,
              "perMove": 1,
              "focus": "center",
              "type": "fade",
              
                
                  "rewind": true,
                  "autoplay": true,
                  "speed": 2000,
                  "interval": 2000,
                  "updateOnMove": "true",
                  "playOnHover": true,
                
                "pagination": false
            })'>
          
            <div 
              id="image-product-template--17986571501702__main-112--1"
              class="splide__track overflow-hidden max-h-full h-full w-full"
            >
            <div class="w-full h-full splide__list">
<div class="w-full 
               
                 
                  h-full min-h-full
                
               
               
                overflow-hidden splide__slide x-splide-slide max-h-full
               z-0">
              
              <picture>
                <img
                  srcset="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-thumbelina-organic-zinnias_2.jpg?v=1740174621&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-thumbelina-organic-zinnias_2.jpg?v=1740174621&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-thumbelina-organic-zinnias_2.jpg?v=1740174621&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-thumbelina-organic-zinnias_2.jpg?v=1740174621&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-thumbelina-organic-zinnias_2.jpg?v=1740174621&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-thumbelina-organic-zinnias_2.jpg?v=1740174621 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-thumbelina-organic-zinnias_2.jpg?v=1740174621&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
                  alt="Botanical Interests Thumbelina Zinnia Organic Seeds"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div>

                    
                  
<div 
                        index="1" 
                        media="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-thumbelina-organic-zinnias_1.jpg?v=1740174621"
                        class="media-slide w-full splide__slide x-splide-slide duration-300 z-0 transition ease-out h-full min-h-full opacity-0">
                        <picture>
                          <img
                            srcset="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-thumbelina-organic-zinnias_1.jpg?v=1740174621&width=450 450w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-thumbelina-organic-zinnias_1.jpg?v=1740174621&width=750 750w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-thumbelina-organic-zinnias_1.jpg?v=1740174621&width=900 900w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-thumbelina-organic-zinnias_1.jpg?v=1740174621&width=1100 1100w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-thumbelina-organic-zinnias_1.jpg?v=1740174621&width=1500 1500w
                              ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-thumbelina-organic-zinnias_1.jpg?v=1740174621 800w"
                            src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-thumbelina-organic-zinnias_1.jpg?v=1740174621&width=1500"
                            sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
                            alt="Botanical Interests Thumbelina Zinnia Organic Seeds"
                            class="w-full motion-reduce h-full min-h-full object-cover animate-Xpulse skeleton-image"
                            loading="lazy"
                            onload="this?.classList.add('active'); 
                              this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                              setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                            "
                            width="800"
                            height="1200"
                          />
                        </picture>
                      </div>
                    
                    
                  
<div 
                        index="2" 
                        media="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-thumbelina-organic-zinnias_3.jpg?v=1740174621"
                        class="media-slide w-full splide__slide x-splide-slide duration-300 z-0 transition ease-out h-full min-h-full opacity-0">
                        <picture>
                          <img
                            srcset="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-thumbelina-organic-zinnias_3.jpg?v=1740174621&width=450 450w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-thumbelina-organic-zinnias_3.jpg?v=1740174621&width=750 750w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-thumbelina-organic-zinnias_3.jpg?v=1740174621&width=900 900w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-thumbelina-organic-zinnias_3.jpg?v=1740174621&width=1100 1100w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-thumbelina-organic-zinnias_3.jpg?v=1740174621&width=1500 1500w
                              ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-thumbelina-organic-zinnias_3.jpg?v=1740174621 800w"
                            src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-seeds-botanical-interests-thumbelina-organic-zinnias_3.jpg?v=1740174621&width=1500"
                            sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
                            alt="Botanical Interests Thumbelina Zinnia Organic Seeds"
                            class="w-full motion-reduce h-full min-h-full object-cover animate-Xpulse skeleton-image"
                            loading="lazy"
                            onload="this?.classList.add('active'); 
                              this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                              setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                            "
                            width="800"
                            height="1200"
                          />
                        </picture>
                      </div>
                    
                     
              </div>
            </div><div class="splide__arrows lg:inline-flex hidden">
                <button @click.prevent="prev = true" class="text-[rgba(var(--colors-transition-arrows))] splide__arrow splide__arrow--prev disable-effect-hover hidden group-hover:lg:block absolute none_border z-30 w-11 h-1/2 rounded-full after:text-[20px] pl-4.5 pr-4 top-1/2 -translate-y-1/2 duration-100 opacity-60 hover:opacity-100 disabled:opacity-40 disabled:cursor-not-allowed rtl:right-0 rtl:rotate-0 rtl:left-auto left-0 rotate-180" aria-label="previous slide">
                  <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 9 18" fill="none" style="fill:none;">
        <path d="M1.00122 1L8.00122 9L1.00122 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
                </button>
                <button @click.prevent="next = true" class="text-[rgba(var(--colors-transition-arrows))] splide__arrow splide__arrow--next disable-effect-hover hidden group-hover:lg:block absolute none_border z-30 w-11 h-1/2 rounded-full after:text-[20px] pl-4.5 pr-4 top-1/2 -translate-y-1/2 duration-100 opacity-60 hover:opacity-100 disabled:opacity-40 disabled:cursor-not-allowed rtl:left-0 rtl:right-auto right-0 rtl:rotate-180" aria-label="next slide">
                  <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 9 18" fill="none" style="fill:none;">
        <path d="M1.00122 1L8.00122 9L1.00122 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
                </button>
              </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301750354054">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6929804198022-112"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17986571501702__main-6929804198022-112"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Thumbelina Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929804198022&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
      <g>
      <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </g>
    </svg></span>
                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </span>
                </button><input type="hidden" name="product-id" value="6929804198022" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-thumbelina-org', $el, 'template--17986571501702__main-6929804198022-112')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-thumbelina-org', $el, 'template--17986571501702__main-6929804198022-112')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Thumbelina Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929804198022&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-thumbelina-org", $el, "template--17986571501702__main-6929804198022-112") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Thumbelina Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929804198022&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    
    
    <div class="md:list-layout:hidden">
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929804198022">
            <a href="/products/seed-zinnia-thumbelina-org?_pos=12&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Thumbelina Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929804198022&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Thumbelina Zinnia Organic Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">349</div><p class="price">
          <span>$1.75</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  <div
    id="x-product-template-6929804198022-template--17986571501702__main-112"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929804198022">
            <a href="/products/seed-zinnia-thumbelina-org?_pos=12&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Thumbelina Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929804198022&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Thumbelina Zinnia Organic Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">349</div><p class="price">
          <span>$1.75</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    
    </div>
    

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/seed-zinnia-thumbelina-org?_pos=12&_sid=2129f1794&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6929804198022-112" 
          class="current-variant hidden"
        >
          40301750354054
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <span>Thumbelina is destined to be the darling of your garden! A 1963 All-America Selections winner, this charming variety may be shorter, but still produces an abundance of cheerful blossoms in a wide range of colors. Zinnias are edible, but have little flavor. The colorful flowers can make a pretty garnish to salads, desserts, cold drinks, or serving trays. (The flower's central disk, while edible, can be bitter.) Zinnias thrive in heat, bloom all season, and are very easy to grow. Each individual flower lasts a very long time on the plant or in a vase.</span>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301750354054">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6929804198022-112"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                      </span></span>
                <div
                  class="flex gap-x-2 items-center justify-center"
                  role="alert"
                  x-cloak
                  x-show="errorMessage"
                >
                  Sold out
                </div>
                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                </div>
              </button><input type="hidden" name="product-id" value="6929804198022" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301750354054">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6929804198022-112"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
aria-label="Buy It Now"
                    
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                        <span class="flex justify-center items-center">
                          

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                        </span></span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </div>
                </button><input type="hidden" name="product-id" value="6929804198022" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-thumbelina-org', $el, 'template--17986571501702__main-6929804198022-112')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-thumbelina-org', $el, 'template--17986571501702__main-6929804198022-112')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-thumbelina-org", $el, "template--17986571501702__main-6929804198022-112") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Thumbelina Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929804198022&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


            </span>
          </button>
        </div>
      </template>
    
  </div>
</div>
                        <script src="//chalet-nursery.shop/cdn/shop/t/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-113', '/products/seed-persian-carpets-zinnia', '6931218858118')"  
  
  class="card-product    overflow-hidden card md:list-layout:flex  relative pb-4 md:pb-5 h-full md:rounded-[10px] rounded-[10px]" x-slide-index="-1">
  <div 
    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 md:list-layout:pr-7 relative    disable-effect"
  >
    
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
      
      href="/products/seed-persian-carpets-zinnia?_pos=13&_sid=2129f1794&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6931218858118,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Seed Savers Persian Carpets Zinnia&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 425,
      &quot;price_with_currency&quot;: &quot;$4.25&quot;,
      &quot;sale_amount&quot;: &quot;$-4.25&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||260698275974||283157430406||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 6,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Seed Savers Persian Carpets Zinnia"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

       
        md:rounded-[10px]
         
          rounded-[10px]
        
       before:h-0 before:block z-0 

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-113--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Persian Carpets Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931218858118&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 425,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
          >
          
<div class="w-full 
               
                 
                  h-full min-h-full
                
               
               
                top-0 left-0 absolute
               z-0">
              
              <picture>
                <img
                  srcset="//chalet-nursery.shop/cdn/shop/files/chalet-chicago-edible-seeds-SS0796.jpg?v=1740174374&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/chalet-chicago-edible-seeds-SS0796.jpg?v=1740174374&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/chalet-chicago-edible-seeds-SS0796.jpg?v=1740174374&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/chalet-chicago-edible-seeds-SS0796.jpg?v=1740174374&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/chalet-chicago-edible-seeds-SS0796.jpg?v=1740174374&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/chalet-chicago-edible-seeds-SS0796.jpg?v=1740174374 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/chalet-chicago-edible-seeds-SS0796.jpg?v=1740174374&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
                  alt="Seed Savers Persian Carpets Zinnia"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40305280581766">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6931218858118-113"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17986571501702__main-6931218858118-113"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Persian Carpets Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931218858118&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 425,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
      <g>
      <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </g>
    </svg></span>
                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </span>
                </button><input type="hidden" name="product-id" value="6931218858118" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-persian-carpets-zinnia', $el, 'template--17986571501702__main-6931218858118-113')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-persian-carpets-zinnia', $el, 'template--17986571501702__main-6931218858118-113')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Persian Carpets Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931218858118&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 425,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-persian-carpets-zinnia", $el, "template--17986571501702__main-6931218858118-113") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Persian Carpets Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931218858118&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 425,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    
    
    <div class="md:list-layout:hidden">
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6931218858118">
            <a href="/products/seed-persian-carpets-zinnia?_pos=13&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Persian Carpets Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931218858118&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 425,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
            >
              Seed Savers Persian Carpets Zinnia
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">425</div><p class="price">
          <span>$2.13</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  <div
    id="x-product-template-6931218858118-template--17986571501702__main-113"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6931218858118">
            <a href="/products/seed-persian-carpets-zinnia?_pos=13&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Persian Carpets Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931218858118&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 425,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
            >
              Seed Savers Persian Carpets Zinnia
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">425</div><p class="price">
          <span>$2.13</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    
    </div>
    

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/seed-persian-carpets-zinnia?_pos=13&_sid=2129f1794&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6931218858118-113" 
          class="current-variant hidden"
        >
          40305280581766
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <ul data-mce-fragment="1">
<li data-mce-fragment="1">Annual plants grow to 24-28 inches tall</li>
<li data-mce-fragment="1">Resists mildew</li>
<li data-mce-fragment="1">Semi-double flowers in shades of brown, gold, cream and orange</li>
<li data-mce-fragment="1">Great for cut flowers and ornamental plantings</li>
<li data-mce-fragment="1">Contains 100 seeds</li>
</ul>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40305280581766">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6931218858118-113"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                      </span></span>
                <div
                  class="flex gap-x-2 items-center justify-center"
                  role="alert"
                  x-cloak
                  x-show="errorMessage"
                >
                  Sold out
                </div>
                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                </div>
              </button><input type="hidden" name="product-id" value="6931218858118" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40305280581766">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6931218858118-113"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
aria-label="Buy It Now"
                    
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                        <span class="flex justify-center items-center">
                          

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                        </span></span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </div>
                </button><input type="hidden" name="product-id" value="6931218858118" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-persian-carpets-zinnia', $el, 'template--17986571501702__main-6931218858118-113')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-persian-carpets-zinnia', $el, 'template--17986571501702__main-6931218858118-113')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-persian-carpets-zinnia", $el, "template--17986571501702__main-6931218858118-113") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Persian Carpets Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931218858118&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 425,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


            </span>
          </button>
        </div>
      </template>
    
  </div>
</div>
                        <script src="//chalet-nursery.shop/cdn/shop/t/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-114', '/products/seed-zinnia-benarys-giant-ble', '6929804886150')"  
  
  class="card-product    overflow-hidden card md:list-layout:flex  relative pb-4 md:pb-5 h-full md:rounded-[10px] rounded-[10px]" x-slide-index="-1">
  <div 
    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 md:list-layout:pr-7 relative    disable-effect"
  >
    
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
      
      href="/products/seed-zinnia-benarys-giant-ble?_pos=14&_sid=2129f1794&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6929804886150,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Botanical Interests Benary&amp;#39;s Giant Blend Zinnia Organic Seeds&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 349,
      &quot;price_with_currency&quot;: &quot;$3.49&quot;,
      &quot;sale_amount&quot;: &quot;$-3.49&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||260698275974||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 10,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Botanical Interests Benary's Giant Blend Zinnia Organic Seeds"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

       
        md:rounded-[10px]
         
          rounded-[10px]
        
       before:h-0 before:block z-0 

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-114--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Benary&amp;#39;s Giant Blend Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929804886150&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
          >
          
<div class="w-full 
               
                 
                  h-full min-h-full
                
               
               
                top-0 left-0 absolute
               z-0">
              
              <picture>
                <img
                  srcset="//chalet-nursery.shop/cdn/shop/files/botanical-interests-benary_s-giant-blend-zinnia-organic-seeds.jpg?v=1768924099&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-benary_s-giant-blend-zinnia-organic-seeds.jpg?v=1768924099&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-benary_s-giant-blend-zinnia-organic-seeds.jpg?v=1768924099&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-benary_s-giant-blend-zinnia-organic-seeds.jpg?v=1768924099&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-benary_s-giant-blend-zinnia-organic-seeds.jpg?v=1768924099&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/botanical-interests-benary_s-giant-blend-zinnia-organic-seeds.jpg?v=1768924099 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/botanical-interests-benary_s-giant-blend-zinnia-organic-seeds.jpg?v=1768924099&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
                  alt="Botanical Interests Benary&#39;s Giant Blend Zinnia Organic Seeds"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301752221830">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6929804886150-114"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17986571501702__main-6929804886150-114"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Benary&amp;#39;s Giant Blend Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929804886150&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
      <g>
      <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </g>
    </svg></span>
                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </span>
                </button><input type="hidden" name="product-id" value="6929804886150" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-benarys-giant-ble', $el, 'template--17986571501702__main-6929804886150-114')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-benarys-giant-ble', $el, 'template--17986571501702__main-6929804886150-114')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Benary&amp;#39;s Giant Blend Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929804886150&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-benarys-giant-ble", $el, "template--17986571501702__main-6929804886150-114") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Benary&amp;#39;s Giant Blend Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929804886150&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    
    
    <div class="md:list-layout:hidden">
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929804886150">
            <a href="/products/seed-zinnia-benarys-giant-ble?_pos=14&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Benary&amp;#39;s Giant Blend Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929804886150&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Benary&#39;s Giant Blend Zinnia Organic Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">349</div><p class="price">
          <span>$1.75</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  <div
    id="x-product-template-6929804886150-template--17986571501702__main-114"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929804886150">
            <a href="/products/seed-zinnia-benarys-giant-ble?_pos=14&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Benary&amp;#39;s Giant Blend Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929804886150&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Benary&#39;s Giant Blend Zinnia Organic Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">349</div><p class="price">
          <span>$1.75</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    
    </div>
    

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/seed-zinnia-benarys-giant-ble?_pos=14&_sid=2129f1794&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6929804886150-114" 
          class="current-variant hidden"
        >
          40301752221830
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p><span>'Benary's Giant' blooms are truly giant at up to 6", and come in a rainbow of eye-pleasing colors for an impressive backdrop in your garden. Blooms are densely petaled, very long-lasting, and hold up well despite rain and summer's heat. Flower beds come alive as butterflies and other pollinators come to visit these vibrant flowers. Zinnias are edible, but have little flavor. The colorful flowers can make a pretty garnish to salads, desserts, cold drinks, or serving trays.</span></p>
<p><b>When to Sow Outside:</b><span> </span>RECOMMENDED. 1 to 2 weeks after your average last frost date.</p>
<p><b>When to Start Inside:</b><span> </span>4 to 6 weeks before your average last frost date. Transplant outdoors after last frost. Zinnias do not benefit from being planted early; wait for warmer weather.</p>
<p><b>Days to Emerge:</b><span> </span>3–10 Days</p>
<p><b>Seed Depth:</b><span> </span>¼"</p>
<p><b>Seed Spacing:</b><span> </span>A group of 3 seeds every 10" – 12"</p>
<p><b>Thinning:</b><span> </span>When 2" tall, thin to 1 every 10" – 12"</p>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301752221830">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6929804886150-114"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                      </span></span>
                <div
                  class="flex gap-x-2 items-center justify-center"
                  role="alert"
                  x-cloak
                  x-show="errorMessage"
                >
                  Sold out
                </div>
                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                </div>
              </button><input type="hidden" name="product-id" value="6929804886150" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301752221830">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6929804886150-114"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
aria-label="Buy It Now"
                    
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                        <span class="flex justify-center items-center">
                          

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                        </span></span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </div>
                </button><input type="hidden" name="product-id" value="6929804886150" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-benarys-giant-ble', $el, 'template--17986571501702__main-6929804886150-114')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-benarys-giant-ble', $el, 'template--17986571501702__main-6929804886150-114')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-benarys-giant-ble", $el, "template--17986571501702__main-6929804886150-114") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Benary&amp;#39;s Giant Blend Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929804886150&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 349,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


            </span>
          </button>
        </div>
      </template>
    
  </div>
</div>
                        <script src="//chalet-nursery.shop/cdn/shop/t/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-115', '/products/seed-zinnia-cut-and-come-again', '6929798365318')"  
  
  class="card-product    overflow-hidden card md:list-layout:flex  relative pb-4 md:pb-5 h-full md:rounded-[10px] rounded-[10px]" x-slide-index="-1">
  <div 
    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 md:list-layout:pr-7 relative    disable-effect"
  >
    
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
      
      href="/products/seed-zinnia-cut-and-come-again?_pos=15&_sid=2129f1794&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6929798365318,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Botanical Interests Cut and Come Again Zinnia Seeds&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 269,
      &quot;price_with_currency&quot;: &quot;$2.69&quot;,
      &quot;sale_amount&quot;: &quot;$-2.69&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||260698275974||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 10,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Botanical Interests Cut and Come Again Zinnia Seeds"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

       
        md:rounded-[10px]
         
          rounded-[10px]
        
       before:h-0 before:block z-0 

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-115--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Cut and Come Again Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929798365318&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
          >
          
<div class="w-full 
               
                 
                  h-full min-h-full
                
               
               
                top-0 left-0 absolute
               z-0">
              
              <picture>
                <img
                  srcset="//chalet-nursery.shop/cdn/shop/files/botanical-interests-cut-and-come-again-zinnia-seeds.jpg?v=1768923539&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-cut-and-come-again-zinnia-seeds.jpg?v=1768923539&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-cut-and-come-again-zinnia-seeds.jpg?v=1768923539&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-cut-and-come-again-zinnia-seeds.jpg?v=1768923539&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-cut-and-come-again-zinnia-seeds.jpg?v=1768923539&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/botanical-interests-cut-and-come-again-zinnia-seeds.jpg?v=1768923539 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/botanical-interests-cut-and-come-again-zinnia-seeds.jpg?v=1768923539&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
                  alt="Botanical Interests Cut and Come Again Zinnia Seeds"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301738131590">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6929798365318-115"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17986571501702__main-6929798365318-115"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Cut and Come Again Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929798365318&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
      <g>
      <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </g>
    </svg></span>
                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </span>
                </button><input type="hidden" name="product-id" value="6929798365318" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-cut-and-come-again', $el, 'template--17986571501702__main-6929798365318-115')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-cut-and-come-again', $el, 'template--17986571501702__main-6929798365318-115')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Cut and Come Again Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929798365318&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-cut-and-come-again", $el, "template--17986571501702__main-6929798365318-115") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Cut and Come Again Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929798365318&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    
    
    <div class="md:list-layout:hidden">
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929798365318">
            <a href="/products/seed-zinnia-cut-and-come-again?_pos=15&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Cut and Come Again Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929798365318&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Cut and Come Again Zinnia Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">269</div><p class="price">
          <span>$1.35</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  <div
    id="x-product-template-6929798365318-template--17986571501702__main-115"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929798365318">
            <a href="/products/seed-zinnia-cut-and-come-again?_pos=15&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Cut and Come Again Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929798365318&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Cut and Come Again Zinnia Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">269</div><p class="price">
          <span>$1.35</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    
    </div>
    

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/seed-zinnia-cut-and-come-again?_pos=15&_sid=2129f1794&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6929798365318-115" 
          class="current-variant hidden"
        >
          40301738131590
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p><span>Cut these old-fashioned blooms for your bouquets, and flowers will "come again" producing continuously until fall frost. Long-lasting, 2"–2½" blossoms on heat-loving plants supply endless color for your flowerbeds, containers, and borders. The edible, colorful flowers can make a pretty garnish to salads, desserts, cold drinks, or serving trays. Attracts pollinators. Deer resistant.</span></p>
<p><b>When to Sow Outside:</b><span> </span>RECOMMENDED. 1 to 2 weeks after your average last frost date.</p>
<p><b>When to Start Inside:</b><span> </span>4 to 6 weeks before your average last frost date. Transplant outdoors after last frost. Zinnias do not benefit from being sown early; wait for warmer weather</p>
<p><b>Days to Emerge:</b><span> </span>3–10 days</p>
<p><b>Seed Depth:</b><span> </span>¼"</p>
<p><b>Seed Spacing:</b><span> </span>A group of 3 seeds every 12"</p>
<p><b>Thinning:</b><span> </span>When 2" tall, thin to 1 every 12"</p>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301738131590">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6929798365318-115"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                      </span></span>
                <div
                  class="flex gap-x-2 items-center justify-center"
                  role="alert"
                  x-cloak
                  x-show="errorMessage"
                >
                  Sold out
                </div>
                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                </div>
              </button><input type="hidden" name="product-id" value="6929798365318" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301738131590">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6929798365318-115"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
aria-label="Buy It Now"
                    
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                        <span class="flex justify-center items-center">
                          

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                        </span></span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </div>
                </button><input type="hidden" name="product-id" value="6929798365318" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-cut-and-come-again', $el, 'template--17986571501702__main-6929798365318-115')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-cut-and-come-again', $el, 'template--17986571501702__main-6929798365318-115')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-cut-and-come-again", $el, "template--17986571501702__main-6929798365318-115") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Cut and Come Again Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929798365318&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


            </span>
          </button>
        </div>
      </template>
    
  </div>
</div>
                        <script src="//chalet-nursery.shop/cdn/shop/t/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-116', '/products/seed-zinnia-peppermint-stick', '6929799151750')"  
  
  class="card-product    overflow-hidden card md:list-layout:flex  relative pb-4 md:pb-5 h-full md:rounded-[10px] rounded-[10px]" x-slide-index="-1">
  <div 
    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 md:list-layout:pr-7 relative    disable-effect"
  >
    
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
      
      href="/products/seed-zinnia-peppermint-stick?_pos=16&_sid=2129f1794&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6929799151750,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Botanical Interests Peppermint Stick Zinnia Seeds&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 269,
      &quot;price_with_currency&quot;: &quot;$2.69&quot;,
      &quot;sale_amount&quot;: &quot;$-2.69&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||260698275974||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 10,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Botanical Interests Peppermint Stick Zinnia Seeds"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

       
        md:rounded-[10px]
         
          rounded-[10px]
        
       before:h-0 before:block z-0 

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-116--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Peppermint Stick Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929799151750&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
          >
          
<div class="w-full 
               
                 
                  h-full min-h-full
                
               
               
                top-0 left-0 absolute
               z-0">
              
              <picture>
                <img
                  srcset="//chalet-nursery.shop/cdn/shop/files/botanical-interests-peppermint-stick-zinnia-seeds.jpg?v=1768923573&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-peppermint-stick-zinnia-seeds.jpg?v=1768923573&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-peppermint-stick-zinnia-seeds.jpg?v=1768923573&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-peppermint-stick-zinnia-seeds.jpg?v=1768923573&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-peppermint-stick-zinnia-seeds.jpg?v=1768923573&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/botanical-interests-peppermint-stick-zinnia-seeds.jpg?v=1768923573 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/botanical-interests-peppermint-stick-zinnia-seeds.jpg?v=1768923573&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
                  alt="Botanical Interests Peppermint Stick Zinnia Seeds"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301738918022">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6929799151750-116"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17986571501702__main-6929799151750-116"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Peppermint Stick Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929799151750&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
      <g>
      <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </g>
    </svg></span>
                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </span>
                </button><input type="hidden" name="product-id" value="6929799151750" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-peppermint-stick', $el, 'template--17986571501702__main-6929799151750-116')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-peppermint-stick', $el, 'template--17986571501702__main-6929799151750-116')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Peppermint Stick Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929799151750&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-peppermint-stick", $el, "template--17986571501702__main-6929799151750-116") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Peppermint Stick Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929799151750&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    
    
    <div class="md:list-layout:hidden">
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929799151750">
            <a href="/products/seed-zinnia-peppermint-stick?_pos=16&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Peppermint Stick Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929799151750&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Peppermint Stick Zinnia Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">269</div><p class="price">
          <span>$1.35</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  <div
    id="x-product-template-6929799151750-template--17986571501702__main-116"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929799151750">
            <a href="/products/seed-zinnia-peppermint-stick?_pos=16&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Peppermint Stick Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929799151750&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Peppermint Stick Zinnia Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">269</div><p class="price">
          <span>$1.35</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    
    </div>
    

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/seed-zinnia-peppermint-stick?_pos=16&_sid=2129f1794&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6929799151750-116" 
          class="current-variant hidden"
        >
          40301738918022
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p><span>What a fun flower to grow! 2"–4" striped and speckled blooms in cheery colors are delightful in the garden, and tabletop arrangements. No two are alike! Easy to grow, heat-loving plants supply beauty and interest to your flowerbeds, containers, and borders until fall frost.</span></p>
<p><b>When to Sow Outside:</b><span> </span>RECOMMENDED. 1 to 2 weeks after your average last frost date.</p>
<p><b>When to Start Inside:</b><span> </span>4 to 6 weeks before your average last frost date. Transplant outdoors after last frost. Zinnias do not benefit from being sown early; wait for warmer weather</p>
<p><b>Days to Emerge:</b><span> </span>3–10 days</p>
<p><b>Seed Depth:</b><span> </span>¼"</p>
<p><b>Seed Spacing:</b><span> </span>A group of 3 seeds every 8"</p>
<p><b>Thinning:</b><span> </span>When 2" tall, thin to 1 every 8"</p>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301738918022">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6929799151750-116"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                      </span></span>
                <div
                  class="flex gap-x-2 items-center justify-center"
                  role="alert"
                  x-cloak
                  x-show="errorMessage"
                >
                  Sold out
                </div>
                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                </div>
              </button><input type="hidden" name="product-id" value="6929799151750" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301738918022">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6929799151750-116"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
aria-label="Buy It Now"
                    
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                        <span class="flex justify-center items-center">
                          

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                        </span></span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </div>
                </button><input type="hidden" name="product-id" value="6929799151750" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-peppermint-stick', $el, 'template--17986571501702__main-6929799151750-116')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-peppermint-stick', $el, 'template--17986571501702__main-6929799151750-116')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-peppermint-stick", $el, "template--17986571501702__main-6929799151750-116") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Peppermint Stick Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929799151750&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


            </span>
          </button>
        </div>
      </template>
    
  </div>
</div>
                        <script src="//chalet-nursery.shop/cdn/shop/t/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-117', '/products/seed-zinnia-northern-lights', '6929800790150')"  
  
  class="card-product    overflow-hidden card md:list-layout:flex  relative pb-4 md:pb-5 h-full md:rounded-[10px] rounded-[10px]" x-slide-index="-1">
  <div 
    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 md:list-layout:pr-7 relative    disable-effect"
  >
    
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
      
      href="/products/seed-zinnia-northern-lights?_pos=17&_sid=2129f1794&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6929800790150,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Botanical Interests Northern Lights Blend Zinnia Seeds&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 269,
      &quot;price_with_currency&quot;: &quot;$2.69&quot;,
      &quot;sale_amount&quot;: &quot;$-2.69&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||260698275974||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 10,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Botanical Interests Northern Lights Blend Zinnia Seeds"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

       
        md:rounded-[10px]
         
          rounded-[10px]
        
       before:h-0 before:block z-0 

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-117--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Northern Lights Blend Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929800790150&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
          >
          
<div class="w-full 
               
                 
                  h-full min-h-full
                
               
               
                top-0 left-0 absolute
               z-0">
              
              <picture>
                <img
                  srcset="//chalet-nursery.shop/cdn/shop/files/botanical-interests-northern-lights-blend-zinnia-seeds.jpg?v=1768923734&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-northern-lights-blend-zinnia-seeds.jpg?v=1768923734&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-northern-lights-blend-zinnia-seeds.jpg?v=1768923734&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-northern-lights-blend-zinnia-seeds.jpg?v=1768923734&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-northern-lights-blend-zinnia-seeds.jpg?v=1768923734&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/botanical-interests-northern-lights-blend-zinnia-seeds.jpg?v=1768923734 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/botanical-interests-northern-lights-blend-zinnia-seeds.jpg?v=1768923734&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
                  alt="Botanical Interests Northern Lights Blend Zinnia Seeds"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301741473926">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6929800790150-117"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17986571501702__main-6929800790150-117"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Northern Lights Blend Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929800790150&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
      <g>
      <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </g>
    </svg></span>
                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </span>
                </button><input type="hidden" name="product-id" value="6929800790150" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-northern-lights', $el, 'template--17986571501702__main-6929800790150-117')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-northern-lights', $el, 'template--17986571501702__main-6929800790150-117')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Northern Lights Blend Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929800790150&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-northern-lights", $el, "template--17986571501702__main-6929800790150-117") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Northern Lights Blend Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929800790150&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    
    
    <div class="md:list-layout:hidden">
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929800790150">
            <a href="/products/seed-zinnia-northern-lights?_pos=17&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Northern Lights Blend Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929800790150&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Northern Lights Blend Zinnia Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">269</div><p class="price">
          <span>$1.35</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  <div
    id="x-product-template-6929800790150-template--17986571501702__main-117"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929800790150">
            <a href="/products/seed-zinnia-northern-lights?_pos=17&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Northern Lights Blend Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929800790150&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Northern Lights Blend Zinnia Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">269</div><p class="price">
          <span>$1.35</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    
    </div>
    

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/seed-zinnia-northern-lights?_pos=17&_sid=2129f1794&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6929800790150-117" 
          class="current-variant hidden"
        >
          40301741473926
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p><span>Just like Mother Nature's spectacular light show, our custom blend shines with dazzling flowers that flourish in the sunny garden. Large, 4"– 5" flowers are great for attracting butterflies. Easy-to-grow zinnias look best when planted in masses in a bed or border, or mixed with daises, bachelor's buttons, hollyhocks, foxgloves, and snapdragons to create a lovely cottage garden. Zinnias are essential in the cutting garden and make wonderful, long-lasting, fresh bouquets.</span></p>
<p><b>When to Sow Outside:</b><span> </span>RECOMMENDED. 1 to 2 weeks after your average last frost date.</p>
<p><b>When to Start Inside:</b><span> </span>4 to 6 weeks before your average last frost date. Transplant outdoors after last frost. Zinnias do not benefit from being sown early; wait for warmer weather</p>
<p><b>Days to Emerge:</b><span> </span>3–10 days</p>
<p><b>Seed Depth:</b><span> </span>¼"</p>
<p><b>Seed Spacing:</b><span> </span>A group of 3 seeds every 12"</p>
<p><b>Thinning:</b><span> </span>When 2" tall, thin to 1 every 12"</p>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301741473926">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6929800790150-117"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                      </span></span>
                <div
                  class="flex gap-x-2 items-center justify-center"
                  role="alert"
                  x-cloak
                  x-show="errorMessage"
                >
                  Sold out
                </div>
                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                </div>
              </button><input type="hidden" name="product-id" value="6929800790150" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301741473926">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6929800790150-117"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
aria-label="Buy It Now"
                    
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                        <span class="flex justify-center items-center">
                          

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                        </span></span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </div>
                </button><input type="hidden" name="product-id" value="6929800790150" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-northern-lights', $el, 'template--17986571501702__main-6929800790150-117')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-northern-lights', $el, 'template--17986571501702__main-6929800790150-117')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-northern-lights", $el, "template--17986571501702__main-6929800790150-117") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests Northern Lights Blend Zinnia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929800790150&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


            </span>
          </button>
        </div>
      </template>
    
  </div>
</div>
                        <script src="//chalet-nursery.shop/cdn/shop/t/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-118', '/products/seed-flower-whilrygig-mix-zin', '6931214696582')"  
  
  class="card-product    overflow-hidden card md:list-layout:flex  relative pb-4 md:pb-5 h-full md:rounded-[10px] rounded-[10px]" x-slide-index="-1">
  <div 
    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 md:list-layout:pr-7 relative    disable-effect"
  >
    
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
      
      href="/products/seed-flower-whilrygig-mix-zin?_pos=18&_sid=2129f1794&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6931214696582,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Seed Savers Whirlygig Mix Zinnia&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 425,
      &quot;price_with_currency&quot;: &quot;$4.25&quot;,
      &quot;sale_amount&quot;: &quot;$-4.25&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||260698275974||283157430406||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 13,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Seed Savers Whirlygig Mix Zinnia"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

       
        md:rounded-[10px]
         
          rounded-[10px]
        
       before:h-0 before:block z-0 

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-118--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Whirlygig Mix Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931214696582&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 425,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
          >
          
<div class="w-full 
               
                 
                  h-full min-h-full
                
               
               
                top-0 left-0 absolute
               z-0">
              
              <picture>
                <img
                  srcset="//chalet-nursery.shop/cdn/shop/files/chalet-chicago-edible-seeds-SS0188.jpg?v=1740174408&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/chalet-chicago-edible-seeds-SS0188.jpg?v=1740174408&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/chalet-chicago-edible-seeds-SS0188.jpg?v=1740174408&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/chalet-chicago-edible-seeds-SS0188.jpg?v=1740174408&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/chalet-chicago-edible-seeds-SS0188.jpg?v=1740174408&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/chalet-chicago-edible-seeds-SS0188.jpg?v=1740174408 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/chalet-chicago-edible-seeds-SS0188.jpg?v=1740174408&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
                  alt="Seed Savers Whirlygig Mix Zinnia"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40305276420230">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6931214696582-118"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17986571501702__main-6931214696582-118"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Whirlygig Mix Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931214696582&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 425,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
      <g>
      <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </g>
    </svg></span>
                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </span>
                </button><input type="hidden" name="product-id" value="6931214696582" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-flower-whilrygig-mix-zin', $el, 'template--17986571501702__main-6931214696582-118')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-flower-whilrygig-mix-zin', $el, 'template--17986571501702__main-6931214696582-118')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Whirlygig Mix Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931214696582&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 425,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-flower-whilrygig-mix-zin", $el, "template--17986571501702__main-6931214696582-118") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Whirlygig Mix Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931214696582&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 425,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    
    
    <div class="md:list-layout:hidden">
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6931214696582">
            <a href="/products/seed-flower-whilrygig-mix-zin?_pos=18&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Whirlygig Mix Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931214696582&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 425,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
            >
              Seed Savers Whirlygig Mix Zinnia
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">425</div><p class="price">
          <span>$2.13</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  <div
    id="x-product-template-6931214696582-template--17986571501702__main-118"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6931214696582">
            <a href="/products/seed-flower-whilrygig-mix-zin?_pos=18&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Whirlygig Mix Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931214696582&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 425,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
            >
              Seed Savers Whirlygig Mix Zinnia
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">425</div><p class="price">
          <span>$2.13</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    
    </div>
    

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/seed-flower-whilrygig-mix-zin?_pos=18&_sid=2129f1794&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6931214696582-118" 
          class="current-variant hidden"
        >
          40305276420230
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <ul data-mce-fragment="1">
<li data-mce-fragment="1">Annual</li>
<li data-mce-fragment="1">Beloved by pollinators</li>
<li data-mce-fragment="1">Easy-to-grow</li>
<li data-mce-fragment="1">Contains 100 seeds</li>
</ul>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40305276420230">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6931214696582-118"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                      </span></span>
                <div
                  class="flex gap-x-2 items-center justify-center"
                  role="alert"
                  x-cloak
                  x-show="errorMessage"
                >
                  Sold out
                </div>
                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                </div>
              </button><input type="hidden" name="product-id" value="6931214696582" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40305276420230">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6931214696582-118"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
aria-label="Buy It Now"
                    
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                        <span class="flex justify-center items-center">
                          

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                        </span></span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </div>
                </button><input type="hidden" name="product-id" value="6931214696582" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-flower-whilrygig-mix-zin', $el, 'template--17986571501702__main-6931214696582-118')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-flower-whilrygig-mix-zin', $el, 'template--17986571501702__main-6931214696582-118')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-flower-whilrygig-mix-zin", $el, "template--17986571501702__main-6931214696582-118") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Seed Savers Whirlygig Mix Zinnia&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931214696582&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 425,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


            </span>
          </button>
        </div>
      </template>
    
  </div>
</div>
                        <script src="//chalet-nursery.shop/cdn/shop/t/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-119', '/products/seed-zinnia-california-giants', '6929796563078')"  
  
  class="card-product    overflow-hidden card md:list-layout:flex  relative pb-4 md:pb-5 h-full md:rounded-[10px] rounded-[10px]" x-slide-index="-1">
  <div 
    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 md:list-layout:pr-7 relative    disable-effect"
  >
    
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
      
      href="/products/seed-zinnia-california-giants?_pos=19&_sid=2129f1794&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6929796563078,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Botanical Interests California Giants Blend Zinnia Organic Seeds&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 269,
      &quot;price_with_currency&quot;: &quot;$2.69&quot;,
      &quot;sale_amount&quot;: &quot;$-2.69&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||260698275974||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 10,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Botanical Interests California Giants Blend Zinnia Organic Seeds"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

       
        md:rounded-[10px]
         
          rounded-[10px]
        
       before:h-0 before:block z-0 

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-119--1"
          class="block h-full" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests California Giants Blend Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929796563078&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
          >
          
<div class="w-full 
               
                 
                  h-full min-h-full
                
               
               
                top-0 left-0 absolute
               z-0">
              
              <picture>
                <img
                  srcset="//chalet-nursery.shop/cdn/shop/files/botanical-interests-california-giants-blend-zinnia-organic-seeds.jpg?v=1768923426&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-california-giants-blend-zinnia-organic-seeds.jpg?v=1768923426&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-california-giants-blend-zinnia-organic-seeds.jpg?v=1768923426&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-california-giants-blend-zinnia-organic-seeds.jpg?v=1768923426&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-california-giants-blend-zinnia-organic-seeds.jpg?v=1768923426&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/botanical-interests-california-giants-blend-zinnia-organic-seeds.jpg?v=1768923426 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/botanical-interests-california-giants-blend-zinnia-organic-seeds.jpg?v=1768923426&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
                  alt="Botanical Interests California Giants Blend Zinnia Organic Seeds"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301736329350">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6929796563078-119"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17986571501702__main-6929796563078-119"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests California Giants Blend Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929796563078&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
      <g>
      <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </g>
    </svg></span>
                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </span>
                </button><input type="hidden" name="product-id" value="6929796563078" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-california-giants', $el, 'template--17986571501702__main-6929796563078-119')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-california-giants', $el, 'template--17986571501702__main-6929796563078-119')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests California Giants Blend Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929796563078&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-california-giants", $el, "template--17986571501702__main-6929796563078-119") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests California Giants Blend Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929796563078&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    
    
    <div class="md:list-layout:hidden">
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929796563078">
            <a href="/products/seed-zinnia-california-giants?_pos=19&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests California Giants Blend Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929796563078&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests California Giants Blend Zinnia Organic Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">269</div><p class="price">
          <span>$1.35</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  <div
    id="x-product-template-6929796563078-template--17986571501702__main-119"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6929796563078">
            <a href="/products/seed-zinnia-california-giants?_pos=19&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests California Giants Blend Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929796563078&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests California Giants Blend Zinnia Organic Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">269</div><p class="price">
          <span>$1.35</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    
    </div>
    

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/seed-zinnia-california-giants?_pos=19&_sid=2129f1794&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6929796563078-119" 
          class="current-variant hidden"
        >
          40301736329350
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p><span>Zinnias are a must for anyone wanting glorious, long-lasting colors throughout the garden, as well as for cut flower arrangements. The more you cut, the more they bloom! Since 1926, California Giants has delivered large blossoms on heat-loving, tall plants; stunning planted in a mass. Each individual flower lasts a very long time on the plant and in the vase. </span><span>Attracts pollinators. </span><strong>Deer resistant.</strong></p>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301736329350">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6929796563078-119"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                      </span></span>
                <div
                  class="flex gap-x-2 items-center justify-center"
                  role="alert"
                  x-cloak
                  x-show="errorMessage"
                >
                  Sold out
                </div>
                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                </div>
              </button><input type="hidden" name="product-id" value="6929796563078" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40301736329350">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6929796563078-119"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
aria-label="Buy It Now"
                    
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                        <span class="flex justify-center items-center">
                          

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                        </span></span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </div>
                </button><input type="hidden" name="product-id" value="6929796563078" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-california-giants', $el, 'template--17986571501702__main-6929796563078-119')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-zinnia-california-giants', $el, 'template--17986571501702__main-6929796563078-119')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-zinnia-california-giants", $el, "template--17986571501702__main-6929796563078-119") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Botanical Interests California Giants Blend Zinnia Organic Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929796563078&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


            </span>
          </button>
        </div>
      </template>
    
  </div>
</div>
                        <script src="//chalet-nursery.shop/cdn/shop/t/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div><div class="grid-item">
                        
<style data-shopify>
  
    .full-unstyled-link.link-product-variant {
      font-size: 0.945rem;
    }
    @media (min-width: 768px) {
      .full-unstyled-link.link-product-variant {
        font-size: 1.05rem;
      }
    }
  
</style>

<div 
  
    x-data="xProductCard('template--17986571501702__main-120', '/products/seed-renees-zinnia-state-fai', '6930878234758')"  
  
  class="card-product    overflow-hidden card md:list-layout:flex  relative pb-4 md:pb-5 h-full md:rounded-[10px] rounded-[10px]" x-slide-index="-1">
  <div 
    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 md:list-layout:pr-7 relative    disable-effect"
  >
    
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
      
      href="/products/seed-renees-zinnia-state-fai?_pos=20&_sid=2129f1794&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6930878234758,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Renee&amp;#39;s Garden Heirloom Butterfly Zinnia Mix State Fair Gold Medal Seeds&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 299,
      &quot;price_with_currency&quot;: &quot;$2.99&quot;,
      &quot;sale_amount&quot;: &quot;$-2.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||279132733574||152855871622||94007820339||285992648838||274242928774||289977729158||260698275974||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 24,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Renee's Garden Heirloom Butterfly Zinnia Mix State Fair Gold Medal Seeds"
      class="ltr group link-product-variant overflow-hidden block relative z-20 cursor-pointer
       
        no-collage
       overflow-hidden

       
        md:rounded-[10px]
         
          rounded-[10px]
        
       before:h-0 before:block z-0 

      
        
          
            pb-[150%]
          
        
      

      "
      >
      <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
        <div
          id="x-slideshow-card-product-template--17986571501702__main-120--1"
          class="block h-full visible card-product-img w-full top-0 left-0 absolute x-splide disable-effect-hover splide cursor-grab group" 
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Renee&amp;#39;s Garden Heirloom Butterfly Zinnia Mix State Fair Gold Medal Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6930878234758&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Foster&amp;#39;s Inc.&quot;
    }
  }"
          
            x-cloak
            x-intersect.once.margin.200px='$store.xSplide.load($el, {
              "drag": false,
              "pauseOnFocus": false,
              "pauseOnHover": false,
              "perMove": 1,
              "focus": "center",
              "type": "fade",
              
                
                  "rewind": true,
                  "autoplay": true,
                  "speed": 2000,
                  "interval": 2000,
                  "updateOnMove": "true",
                  "playOnHover": true,
                
                "pagination": false
            })'>
          
            <div 
              id="image-product-template--17986571501702__main-120--1"
              class="splide__track overflow-hidden max-h-full h-full w-full"
            >
            <div class="w-full h-full splide__list">
<div class="w-full 
               
                 
                  h-full min-h-full
                
               
               
                overflow-hidden splide__slide x-splide-slide max-h-full
               z-0">
              
              <picture>
                <img
                  srcset="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-renees-seeds-state-fair-gold-metal-zinnias_1.jpg?v=1740174501&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-renees-seeds-state-fair-gold-metal-zinnias_1.jpg?v=1740174501&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-renees-seeds-state-fair-gold-metal-zinnias_1.jpg?v=1740174501&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-renees-seeds-state-fair-gold-metal-zinnias_1.jpg?v=1740174501&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-renees-seeds-state-fair-gold-metal-zinnias_1.jpg?v=1740174501&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-renees-seeds-state-fair-gold-metal-zinnias_1.jpg?v=1740174501 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-renees-seeds-state-fair-gold-metal-zinnias_1.jpg?v=1740174501&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
                  alt="Renee&#39;s Garden Heirloom Butterfly Zinnia Mix State Fair Gold Medal Seeds"
                  class="w-full  preview-img  motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover
                     
                       
                        h-full min-h-full
                      
                    
 animate_transition_image"
                  loading="lazy"
                  width="800"
                  height="1200"
                  onload="this?.classList.add('active'); 
                    this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                  "
                />
              </picture>
              
            </div>

                    
                  
<div 
                        index="1" 
                        media="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-renees-seeds-state-fair-gold-metal-zinnias_2.jpg?v=1740174501"
                        class="media-slide w-full splide__slide x-splide-slide duration-300 z-0 transition ease-out h-full min-h-full opacity-0">
                        <picture>
                          <img
                            srcset="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-renees-seeds-state-fair-gold-metal-zinnias_2.jpg?v=1740174501&width=450 450w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-renees-seeds-state-fair-gold-metal-zinnias_2.jpg?v=1740174501&width=750 750w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-renees-seeds-state-fair-gold-metal-zinnias_2.jpg?v=1740174501&width=900 900w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-renees-seeds-state-fair-gold-metal-zinnias_2.jpg?v=1740174501&width=1100 1100w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-renees-seeds-state-fair-gold-metal-zinnias_2.jpg?v=1740174501&width=1500 1500w
                              ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-renees-seeds-state-fair-gold-metal-zinnias_2.jpg?v=1740174501 800w"
                            src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-renees-seeds-state-fair-gold-metal-zinnias_2.jpg?v=1740174501&width=1500"
                            sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
                            alt="Renee&#39;s Garden Heirloom Butterfly Zinnia Mix State Fair Gold Medal Seeds"
                            class="w-full motion-reduce h-full min-h-full object-cover animate-Xpulse skeleton-image"
                            loading="lazy"
                            onload="this?.classList.add('active'); 
                              this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                              setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active'); }, 250);
                            "
                            width="800"
                            height="1200"
                          />
                        </picture>
                      </div>
                    
                     
              </div>
            </div><div class="splide__arrows lg:inline-flex hidden">
                <button @click.prevent="prev = true" class="text-[rgba(var(--colors-transition-arrows))] splide__arrow splide__arrow--prev disable-effect-hover hidden group-hover:lg:block absolute none_border z-30 w-11 h-1/2 rounded-full after:text-[20px] pl-4.5 pr-4 top-1/2 -translate-y-1/2 duration-100 opacity-60 hover:opacity-100 disabled:opacity-40 disabled:cursor-not-allowed rtl:right-0 rtl:rotate-0 rtl:left-auto left-0 rotate-180" aria-label="previous slide">
                  <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 9 18" fill="none" style="fill:none;">
        <path d="M1.00122 1L8.00122 9L1.00122 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
                </button>
                <button @click.prevent="next = true" class="text-[rgba(var(--colors-transition-arrows))] splide__arrow splide__arrow--next disable-effect-hover hidden group-hover:lg:block absolute none_border z-30 w-11 h-1/2 rounded-full after:text-[20px] pl-4.5 pr-4 top-1/2 -translate-y-1/2 duration-100 opacity-60 hover:opacity-100 disabled:opacity-40 disabled:cursor-not-allowed rtl:left-0 rtl:right-auto right-0 rtl:rotate-180" aria-label="next slide">
                  <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 9 18" fill="none" style="fill:none;">
        <path d="M1.00122 1L8.00122 9L1.00122 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
                </button>
              </div></div>
      </div>
      
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full lg:px-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40303950069894">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--17986571501702__main-6930878234758-120"
                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                          <span class="flex items-center justify-center">
                            

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                          </span></span>
                    <div
                      class="flex gap-x-2 items-center justify-center"
                      role="alert"
                      x-cloak
                      x-show="errorMessage"
                    >
                      Sold out
                    </div>
                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--17986571501702__main-6930878234758-120"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
aria-label="Buy It Now"
                      
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Renee&amp;#39;s Garden Heirloom Butterfly Zinnia Mix State Fair Gold Medal Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6930878234758&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Foster&amp;#39;s Inc.&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
      <g>
      <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </g>
    </svg></span>
                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </span>
                </button><input type="hidden" name="product-id" value="6930878234758" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div>
            </div><div
            class="button-quickview-icon absolute z-20 lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-renees-zinnia-state-fai', $el, 'template--17986571501702__main-6930878234758-120')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-renees-zinnia-state-fai', $el, 'template--17986571501702__main-6930878234758-120')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Renee&amp;#39;s Garden Heirloom Butterfly Zinnia Mix State Fair Gold Medal Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6930878234758&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Foster&amp;#39;s Inc.&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-renees-zinnia-state-fai", $el, "template--17986571501702__main-6930878234758-120") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Renee&amp;#39;s Garden Heirloom Butterfly Zinnia Mix State Fair Gold Medal Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6930878234758&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Foster&amp;#39;s Inc.&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
        <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    
    
    <div class="md:list-layout:hidden">
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6930878234758">
            <a href="/products/seed-renees-zinnia-state-fai?_pos=20&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Renee&amp;#39;s Garden Heirloom Butterfly Zinnia Mix State Fair Gold Medal Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6930878234758&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Foster&amp;#39;s Inc.&quot;
    }
  }"
            >
              Renee&#39;s Garden Heirloom Butterfly Zinnia Mix State Fair Gold Medal Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">299</div><p class="price">
          <span>$1.5</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  <div
    id="x-product-template-6930878234758-template--17986571501702__main-120"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
  >
    <div class="hidden md:list-layout:block">
      
      <div class="card-info pb-3.5 pt-4 lg:pt-6 md:list-layout:pt-0 md:list-layout:lg:pt-0">
        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div>
            
  
<div 
  class="other flex w-full items-center justify-center ltr mb-2 md:list-layout:justify-start"
><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
      <g>
        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
      </g>
    </svg>
    </div> 
    <p class="rating-count leading-none caption ml-1 text-[0.84rem]"> (0)
    </p></div>

<h3 class="card__heading h5 no-collage:mb-2 mb-1.5 leading-tight" id="title-template--17986571501702__main-6930878234758">
            <a href="/products/seed-renees-zinnia-state-fai?_pos=20&_sid=2129f1794&_ss=r"
              class="full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
              @click='$store.xCustomerEvent.fire("product_selected", $el)'
              x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Renee&amp;#39;s Garden Heirloom Butterfly Zinnia Mix State Fair Gold Medal Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6930878234758&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Foster&amp;#39;s Inc.&quot;
    }
  }"
            >
              Renee&#39;s Garden Heirloom Butterfly Zinnia Mix State Fair Gold Medal Seeds
            </a>
          </h3>
          <div class=" mt-2.5 flex items-center mb-1 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
            
            <div class=" price leading-none">
  <div class="">
    
      <div class="hidden">299</div><p class="price">
          <span>$1.5</span>
        </p><small class="text-[70%] hidden">
        <span class="hidden">Unit price</span>
        <span class="up price-item price-item--last">
          <span>

          </span>
          <span aria-hidden="true">/</span>
          <span class="hidden">&nbsp;per&nbsp;</span>
          <span>
          </span>
        </span>
      </small>
    
  </div>
  
</div>
            <div class="next-price empty:hidden"></div>
          </div>
        </div>
      </div>
    
    </div>
    

        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--17986571501702__main', '/products/seed-renees-zinnia-state-fai?_pos=20&_sid=2129f1794&_ss=r');
        });"></div>
        <div
          id="current-variant-template--17986571501702__main-6930878234758-120" 
          class="current-variant hidden"
        >
          40303950069894
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <span data-mce-fragment="1">State Fair Gold Medal zinnias are both free flowering and long-blooming in coordinating shades that add glowing color and beauty to summer beds and borders. You can cut armfuls of these pretty flowers for bouquets all season long; the more you pick, the more flowers will develop. Butterflies and many other pollinators flock to zinnias all summer long.</span>
          </div>
        </div>
      
    
    
      <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr card-info justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.card-info').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
>
    
    
    
    </div>
    
    <div class="bottom-card card-info mt-2 ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          ><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full md:list-layout:hidden mt-3.5 block" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40303950069894">
              
              
              <button
                type="submit"
                name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button w-full label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60  mx-auto"
                data-id="template--17986571501702__main-6930878234758-120"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
aria-label="Buy It Now"
                  
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      <span class="flex items-center justify-center">
                        

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                      </span></span>
                <div
                  class="flex gap-x-2 items-center justify-center"
                  role="alert"
                  x-cloak
                  x-show="errorMessage"
                >
                  Sold out
                </div>
                <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                </div>
              </button><input type="hidden" name="product-id" value="6930878234758" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div></template>
    
    
      <template x-if="$store.xQuickView">
        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"><form method="post" action="/cart/add" class="WfProductForm"  id="product-form-template--17986571501702__main" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40303950069894">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"class="relative button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pb-2 pl-5 pr-5 lg:pt-3 lg:pb-3 disabled:cursor-not-allowed disabled:opacity-60"
                  data-id="template--17986571501702__main-6930878234758-120"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
aria-label="Buy It Now"
                    
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                        <span class="flex justify-center items-center">
                          

  
    <span class="button-text is-focus-button:opacity-0">Buy It Now</span>
  


                        </span></span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
          fill="currentcolor" stroke="none">
          <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
        </g>
      </svg>
                  </div>
                </button><input type="hidden" name="product-id" value="6930878234758" /><input type="hidden" name="section-id" value="template--17986571501702__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-renees-zinnia-state-fai', $el, 'template--17986571501702__main-6930878234758-120')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-renees-zinnia-state-fai', $el, 'template--17986571501702__main-6930878234758-120')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-renees-zinnia-state-fai", $el, "template--17986571501702__main-6930878234758-120") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
            aria-label="Button quickview"
            x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Renee&amp;#39;s Garden Heirloom Butterfly Zinnia Mix State Fair Gold Medal Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6930878234758&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 299,
      &quot;vendor&quot;: &quot;Foster&amp;#39;s Inc.&quot;
    }
  }"
            x-show="$store.xQuickView.enabled"
          >
            <span class="flex justify-center items-center">
              

  <span class="button-text" x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>


            </span>
          </button>
        </div>
      </template>
    
  </div>
</div>
                        <script src="//chalet-nursery.shop/cdn/shop/t/284/assets/preview-color-swatches.js?v=119428623299356045671767904023" defer></script></div></div><div class="flex justify-center mt-3 md:mt-9 mb-7 border-t pt-7">
                  


    <div class="md:max-w-[80%] flex items-center flex-wrap">
      <nav class="pagination" role="navigation" aria-label="Pagination">
        <ul class="flex items-center justify-center lg:justify-start flex-wrap font-medium gap-x-4" role="list">
          
            <li class="my-1 md:w-14 md:h-14 flex items-center justify-center"><p aria-disabled="true" class="button button-action boder-none md:w-14 md:h-14 w-11 h-11 rounded-full flex items-center justify-center" aria-current="page" aria-label="Page 1">1</p></li>
          

          
            <li class="my-1 md:w-14 md:h-14 flex items-center justify-center"><a href="/search?page=2&q=zinnia" class="md:w-14 md:h-14 disable-effect bg-auto bg-none w-11 h-11 bg-[rgba(var(--colors-text),0.2)] rounded-full flex items-center justify-center" aria-label="Page 2" data-instant-allow-query-string>2</a></li>
          

          
            <li class="my-1 md:w-14 md:h-14 flex items-center justify-center"><a href="/search?page=3&q=zinnia" class="md:w-14 md:h-14 disable-effect bg-auto bg-none w-11 h-11 bg-[rgba(var(--colors-text),0.2)] rounded-full flex items-center justify-center" aria-label="Page 3" data-instant-allow-query-string>3</a></li>
          

          
            <li class="my-1 md:w-14 md:h-14 flex items-center justify-center"><a href="/search?page=4&q=zinnia" class="md:w-14 md:h-14 disable-effect bg-auto bg-none w-11 h-11 bg-[rgba(var(--colors-text),0.2)] rounded-full flex items-center justify-center" aria-label="Page 4" data-instant-allow-query-string>4</a></li>
          
<li class="">
            <a href="/search?page=2&q=zinnia" class="md:p-4 p-3.5 block disable-effect" aria-label="Next" data-instant-allow-query-string>
              
                <span class="w-4 h-4 block">
                  <svg class=" w-full h-full" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
        <path d="M597.34016 170.65984q18.00192 0 30.33088 12.32896l298.65984 298.65984q12.32896 12.32896 12.32896 30.33088t-12.32896 30.33088l-298.65984 298.65984q-12.32896 12.32896-30.33088 12.32896-18.3296 0-30.49472-12.16512t-12.16512-30.49472q0-18.00192 12.32896-30.33088l225.9968-225.66912-665.00608 0q-17.67424 0-30.16704-12.4928t-12.4928-30.16704 12.4928-30.16704 30.16704-12.4928l665.00608 0-225.9968-225.66912q-12.32896-12.32896-12.32896-30.33088 0-18.3296 12.16512-30.49472t30.49472-12.16512z"  />
      </svg>
                </span>
              
            </a>
          </li></ul>
      </nav>
    </div>
  

                </div></div>
          
</div>
    </div></div>

</section>
      </main>

      
          <!-- BEGIN sections: footer-group-breath -->
<div id="shopify-section-sections--17986557935750__footer" class="shopify-section shopify-section-group-footer-group-breath">
<div class="section-footer relative background-footer sticky-footer selection:bg-[rgba(var(--colors-text-footer),0.2)] pt-[0px] md:pt-[12px] pb-[28px] md:pb-[40px]"><div class="flex-wrap md:mb-5 md:border-b md:border-b-solid md:pt-12 md:pb-7"><div class="pt-6 md:pt-0 md:flex justify-center md:m-auto md:pr-0 rtl:md:pr-5 rtl:md:pl-0 page-width flex-wrap"><div class="footer-col--1 md:pr-5 md:first:pl-0 md:mb-7 md:pl-0 w-full md:w-1/3 ltr" ><div x-data="{ open: false }" class="py-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 cursor-pointer md:cursor-default duration-200 transition">
                        <p class="h6 text-[115%]">Customer Service</p>
                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 flex right-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                      </div><ul class="mt-6" :class="open ? 'block' : 'hidden md:block'"><li class="mb-1 first:pt-0 pt-2">
                            <a href="/pages/contact-chalet" class="hover-text-link nav-link relative block lg:inline-block">
                              Contact Us
                            </a>
                          </li><li class="mb-1 first:pt-0 pt-2">
                            <a href="/pages/contact-chalet" class="hover-text-link nav-link relative block lg:inline-block">
                              Locations + Store Hours
                            </a>
                          </li><li class="mb-1 first:pt-0 pt-2">
                            <a href="https://chaletlandscape.com/" class="hover-text-link nav-link relative block lg:inline-block">
                              Landscape Services
                            </a>
                          </li><li class="mb-1 first:pt-0 pt-2">
                            <a href="https://chalet-nursery.shop/pages/event-signup/shopping-consultation" class="hover-text-link nav-link relative block lg:inline-block">
                              Shopping Appointment
                            </a>
                          </li><li class="mb-1 first:pt-0 pt-2">
                            <a href="/blogs/chalet-blog" class="hover-text-link nav-link relative block lg:inline-block">
                              Chalet-nursery Blogs
                            </a>
                          </li><li class="mb-1 first:pt-0 pt-2">
                            <a href="/pages/chalet-rewards-program" class="hover-text-link nav-link relative block lg:inline-block">
                              Rewards Program
                            </a>
                          </li><li class="mb-1 first:pt-0 pt-2">
                            <a href="/pages/chalet-corporate-gifts-new" class="hover-text-link nav-link relative block lg:inline-block">
                              Corporate Gift Program
                            </a>
                          </li><li class="mb-1 first:pt-0 pt-2">
                            <a href="/pages/plant-clinic-2023" class="hover-text-link nav-link relative block lg:inline-block">
                              Plant Clinic
                            </a>
                          </li><li class="mb-1 first:pt-0 pt-2">
                            <a href="/pages/pet-birthday-month-celebration" class="hover-text-link nav-link relative block lg:inline-block">
                              Pet Birthday Month
                            </a>
                          </li><li class="mb-1 first:pt-0 pt-2">
                            <a href="/pages/private-events-at-chalet" class="hover-text-link nav-link relative block lg:inline-block">
                              Private Events
                            </a>
                          </li><li class="mb-1 first:pt-0 pt-2">
                            <a href="/pages/chalet-donation-request" class="hover-text-link nav-link relative block lg:inline-block">
                              Donation Request
                            </a>
                          </li><li class="mb-1 first:pt-0 pt-2">
                            <a href="/pages/return-policies" class="hover-text-link nav-link relative block lg:inline-block">
                              Return Policy
                            </a>
                          </li><li class="mb-1 first:pt-0 pt-2">
                            <a href="/pages/chalet-s-plant-warranty-policy" class="hover-text-link nav-link relative block lg:inline-block">
                              Plant Warranty
                            </a>
                          </li><li class="mb-1 first:pt-0 pt-2">
                            <a href="/pages/local-delivery-nationwide-shipping-services" class="hover-text-link nav-link relative block lg:inline-block">
                              Delivery + Shipping Services
                            </a>
                          </li><li class="mb-1 first:pt-0 pt-2">
                            <a href="/pages/chalet-wholesale-program" class="hover-text-link nav-link relative block lg:inline-block">
                              Plant Wholesale Program
                            </a>
                          </li><li class="mb-1 first:pt-0 pt-2">
                            <a href="/pages/vendor-request-form" class="hover-text-link nav-link relative block lg:inline-block">
                              Product Vendor Application
                            </a>
                          </li><li class="mb-1 first:pt-0 pt-2">
                            <a href="https://chalet.propertyserviceportal.com/" class="hover-text-link nav-link relative block lg:inline-block">
                              Pay My Bill
                            </a>
                          </li></ul></div></div><div class="footer-col--2 md:pr-5 md:first:pl-0 md:mb-7 md:pl-10 w-full md:w-1/3 ltr" ><div x-data="{ open: false }" class="py-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 cursor-pointer md:cursor-default duration-200 transition">
                        <p class="h6 text-[115%]">About Chalet-nursery</p>
                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 flex right-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                      </div><ul class="mt-6" :class="open ? 'block' : 'hidden md:block'"><li class="mb-1 first:pt-0 pt-2">
                            <a href="https://chalet-nursery.shop/pages/breath-about-us" class="hover-text-link nav-link relative block lg:inline-block">
                              Chalet-nursery History
                            </a>
                          </li><li class="mb-1 first:pt-0 pt-2">
                            <a href="https://chalet-nursery.shop/pages/farm-page-tempalte/welcome-to-chalet-farm" class="hover-text-link nav-link relative block lg:inline-block">
                              Chalet-nursery Farm
                            </a>
                          </li><li class="mb-1 first:pt-0 pt-2">
                            <a href="https://chalet-nursery.shop/pages/careers-at-chalet-grow-with-us-new" class="hover-text-link nav-link relative block lg:inline-block">
                              Careers
                            </a>
                          </li><li class="mb-1 first:pt-0 pt-2">
                            <a href="/pages/privacy-policy" class="hover-text-link nav-link relative block lg:inline-block">
                              Privacy Policy
                            </a>
                          </li><li class="mb-1 first:pt-0 pt-2">
                            <a href="/pages/ada" class="hover-text-link nav-link relative block lg:inline-block">
                              ADA Statement
                            </a>
                          </li><li class="mb-1 first:pt-0 pt-2">
                            <a href="/pages/terms-of-service" class="hover-text-link nav-link relative block lg:inline-block">
                              Terms of Service
                            </a>
                          </li></ul></div></div><div class="footer-col--3 md:pr-5 md:first:pl-0 md:mb-7 md:pl-10 w-full md:w-1/3 ltr" ><div x-data="{ open: false }" class="py-4 border-b border-b-solid md:border-none"><div @click="open = ! open" class="relative pr-5 cursor-pointer md:cursor-default duration-200 transition">
                        <p class="h6 text-[115%]">Let&#39;s connect</p>
                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 flex right-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
        <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg></span>
                      </div><div class="klaviyo-form-XHksfE"></div>
                    <div  :class="open ? 'block' : 'hidden md:block'"><div class="rte mt-6"></div><div class="mt-2">
                          
<div id="selector-social" class=" flex flex-col items-center md:items-start mx-auto">
    
      <ul class="social-list flex flex-wrap py-2.5 gap-2 justify-center md:justify-start" role="list"><li>
    <a href="https://www.facebook.com/ChaletNursery/" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="w-full h-full" viewBox="0 0 24 24">
      <path fill="currentColor" d="M15.12,5.32H17V2.14A26.11,26.11,0,0,0,14.26,2C11.54,2,9.68,3.66,9.68,6.7V9.32H6.61v3.56H9.68V22h3.68V12.88h3.06l.46-3.56H13.36V7.05C13.36,6,13.64,5.32,15.12,5.32Z"/>
    </svg></a>
  </li><li>
    <a href="https://www.instagram.com/chaletnursery" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="presentation" class="w-full h-full" viewBox="0 0 24 24" xml:space="preserve">
      <path fill="currentColor" d="M12,9.8c-1.2,0-2.2,1-2.2,2.2s1,2.2,2.2,2.2s2.2-1,2.2-2.2c0,0,0,0,0,0C14.2,10.8,13.2,9.8,12,9.8z M20.8,7.6 c0-0.7-0.1-1.4-0.4-2c-0.4-1-1.1-1.7-2.1-2.1c-0.6-0.2-1.3-0.4-2-0.4c-1.1-0.1-1.5-0.1-4.4-0.1s-3.2,0-4.4,0.1c-0.7,0-1.4,0.1-2,0.4 c-1,0.4-1.7,1.1-2.1,2.1c-0.2,0.6-0.4,1.3-0.4,2C3.1,8.8,3.1,9.1,3.1,12s0,3.2,0.1,4.4c0,0.7,0.1,1.4,0.4,2c0.2,0.5,0.5,0.9,0.8,1.2 c0.4,0.4,0.8,0.6,1.3,0.8c0.6,0.2,1.3,0.4,2,0.4c1.1,0.1,1.5,0.1,4.4,0.1s3.2,0,4.4-0.1c0.7,0,1.4-0.1,2-0.4 c0.5-0.2,0.9-0.5,1.3-0.8c0.4-0.4,0.6-0.8,0.8-1.2c0.2-0.6,0.4-1.3,0.4-2c0.1-1.1,0.1-1.5,0.1-4.4S20.9,8.8,20.8,7.6z M18.6,14.7 c0,0.5-0.1,1.1-0.3,1.6c-0.3,0.9-1,1.5-1.9,1.9c-0.5,0.2-1.1,0.3-1.6,0.3c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.5,0-1.1-0.1-1.6-0.3 c-0.4-0.2-0.8-0.4-1.2-0.8c-0.3-0.3-0.6-0.7-0.7-1.1c-0.2-0.5-0.3-1.1-0.3-1.6c0-0.7,0-0.9,0-2.7s0-2,0-2.7c0-0.5,0.1-1.1,0.3-1.6 c0.2-0.4,0.4-0.8,0.8-1.2c0.3-0.3,0.7-0.6,1.1-0.7c0.5-0.2,1.1-0.3,1.6-0.3l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.5,0,1.1,0.1,1.6,0.3 c0.4,0.2,0.8,0.4,1.2,0.8c0.3,0.3,0.6,0.7,0.7,1.1c0.2,0.5,0.3,1.1,0.3,1.6c0,0.7,0,0.9,0,2.7S18.6,14,18.6,14.7L18.6,14.7z M17.1,8.1c-0.2-0.6-0.7-1-1.3-1.3c-0.4-0.1-0.8-0.2-1.2-0.2c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.4,0-0.8,0.1-1.2,0.2 c-0.6,0.2-1,0.6-1.3,1.2C6.7,8.5,6.7,8.9,6.7,9.3c0,0.7,0,0.9,0,2.7s0,2,0,2.7c0,0.4,0.1,0.8,0.2,1.2c0.2,0.6,0.7,1,1.3,1.3 c0.4,0.1,0.8,0.2,1.2,0.2l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.4,0,0.8-0.1,1.2-0.2c0.6-0.2,1-0.7,1.3-1.3c0.1-0.4,0.2-0.8,0.2-1.2 c0-0.7,0-0.9,0-2.7s0-2,0-2.7C17.4,8.9,17.3,8.5,17.1,8.1L17.1,8.1z M12,15.4c-1.9,0-3.4-1.5-3.4-3.4c0,0,0,0,0,0l0,0 c0-1.9,1.5-3.4,3.4-3.4s3.4,1.5,3.4,3.4C15.4,13.9,13.9,15.4,12,15.4C12,15.4,12,15.4,12,15.4z M15.6,9.3c-0.4,0-0.8-0.4-0.7-0.9 c0-0.4,0.3-0.7,0.7-0.7l0,0c0.4,0,0.8,0.4,0.7,0.9C16.2,8.9,15.9,9.2,15.6,9.3z"/>
    </svg></a>
  </li><li>
    <a href="https://www.tiktok.com/@chaletchicago" target="blank" aria-label="TikTok" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation" class="w-full h-full" viewBox="0 0 24 24" xml:space="preserve">
      <path d="M15.7,2.6C16,5.3,17.5,6.9,20,7v3c-1.5,0.1-2.8-0.3-4.3-1.3v5.6c0,7.1-7.7,9.3-10.9,4.2c-2-3.3-0.8-9,5.6-9.3 v3.2c-0.5,0.1-1,0.2-1.5,0.4c-1.4,0.5-2.2,1.4-2,3c0.4,3.1,6,4,5.6-2V2.6L15.7,2.6L15.7,2.6z"/>
    </svg></a>
  </li><li>
    <a href="https://www.youtube.com/channel/UCriJ58k-2_sYA69Drcya7pg" target="blank" aria-label="YouTube" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="presentation" class="w-full h-full" viewBox="0 0 24 24" xml:space="preserve">
      <path fill="currentColor" d="M21.5,10c0-1.2-0.2-2.5-0.8-3.6c-0.4-0.5-0.9-0.8-1.5-0.9c-2.4-0.2-4.8-0.3-7.3-0.3c-2.4,0-4.8,0-7.2,0.3 C4.3,5.7,3.9,5.9,3.5,6.2c-0.8,0.7-0.9,1.9-1,3c-0.1,1.9-0.1,3.7,0,5.6c0,0.6,0.1,1.2,0.3,1.7c0.1,0.4,0.3,0.8,0.6,1.2 c0.4,0.3,0.8,0.6,1.3,0.7c1.9,0.2,3.8,0.3,5.6,0.3c3,0,5.7,0,8.8-0.2c0.5-0.1,1-0.3,1.3-0.7c0.2-0.2,0.4-0.5,0.5-0.9 c0.3-1,0.5-1.9,0.5-2.9C21.5,13.5,21.5,10.6,21.5,10z M10.1,14.5V9.1l5.1,2.7C13.7,12.6,11.8,13.5,10.1,14.5z"/>
    </svg></a>
  </li><li>
    <a href="mailto:hello@chalet-nursery.shop" class="flex disable-effect hover-text-link  w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
        viewBox="0 0 197.8 197.8" style="enable-background:new 0 0 197.8 197.8;" xml:space="preserve">
       <g>
         <g>
           <path d="M171,32.1c5.8,0,10.7,2,14.7,5.9s5.9,8.9,5.9,14.7v92.8c0,5.7-2,10.6-5.9,14.7c-4,4.1-8.9,6.1-14.7,5.9H26.3
             c-5.8,0-10.7-2-14.7-5.9c-4-4-5.9-8.9-5.9-14.7V52.8c0-5.8,2-10.7,5.9-14.7s8.9-5.9,14.7-5.9H171z M171,52.8H26.3v2.2L94,114.4
             c1.2,0.9,2.7,1.4,4.6,1.4c1.8,0,3.3-0.5,4.4-1.4l68-59.5V52.8z M26.3,138.4l37.1-37.5L26.3,68.6V138.4z M87.5,122.1l-16.3-14.3
             l-37.7,37.7h129.8l-37.7-37.7l-16.1,14.3c-3.2,2.6-6.9,4-11.1,4C94.4,126.1,90.7,124.8,87.5,122.1z M133.7,100.9l37.3,37.3V68.6
             L133.7,100.9z"/>
         </g>
       </g>
     </svg></a>
  </li><li>
    <a href="tel:(337) 999-7888" class="flex disable-effect hover-text-link  w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
        viewBox="0 0 197.8 197.8" style="enable-background:new 0 0 197.8 197.8;" xml:space="preserve">
        <g>
          <g>
            <path d="M178.8,29.3c3.7,3.7,6.9,8.2,9.4,13.4c2.5,5.2,4.2,11.8,4.9,19.8c0.7,8,0,16.3-2.2,24.8
              c-2.2,8.6-6.7,18.4-13.4,29.6c-6.8,11.1-15.8,22.3-27,33.6c-28.7,28.7-56.1,43-82.3,43c-16.2,0-29.2-4.9-39-14.7l-16.9-16.9
              C6.7,156.3,4,149.6,4,141.8c0-7.9,2.8-14.5,8.3-19.9l15.1-15.1c5.6-5.6,12.2-8.3,19.9-8.3c7.7,0,14.4,2.8,19.9,8.3l13.1,12.9
              l39.5-39.2l-13.2-13.1c-5.6-5.7-8.3-12.4-8.3-20.1c0-7.7,2.8-14.4,8.3-20.1l15.1-14.9c5.4-5.4,12.1-8.2,20-8.2
              c7.9,0,14.6,2.7,20,8.2L178.8,29.3z M25.5,148.5l10.3,10.2l28.5-28.3l-10.5-10.2c-1.8-1.8-4-2.7-6.5-2.7s-4.7,0.9-6.5,2.7
              l-15.2,14.9c-1.8,1.8-2.7,4.1-2.7,6.7C22.8,144.4,23.7,146.7,25.5,148.5z M137.1,137.2c9.8-9.9,17.7-19.5,23.6-28.8
              c5.9-9.3,9.8-17.3,11.6-24.1c1.8-6.8,2.5-13.1,2-19c-0.5-5.9-1.5-10.6-3.1-14.1c-1.6-3.5-3.5-6.3-5.8-8.5L137.1,71l2.7,2.7
              c1.8,1.8,2.7,4.1,2.7,6.7c0,2.7-0.9,4.8-2.7,6.5L87,140c-1.8,1.8-4.1,2.7-6.7,2.7c-2.7,0-4.9-0.9-6.7-2.7l-2.7-3.1l-28.3,28.7
              c6,6,14.6,9.1,25.6,9.1C89.2,174.6,112.2,162.1,137.1,137.2z M120,40.6c-1.8,1.8-2.7,4.1-2.7,6.7c0,2.7,0.9,4.9,2.7,6.7l10.2,10.2
              l28.5-28.3l-10.3-10.2c-1.8-1.8-4-2.7-6.6-2.7c-2.6,0-4.8,0.9-6.6,2.7L120,40.6z"/>
          </g>
        </g>
      </svg>
    </a>
  </li></ul>
     </div>
                        </div></div>
                  </div></div></div></div><div class="additional-footer ltr mx-5"
  >
    <div class="">
          <ul class="flex justify-center gap-y-2 flex-wrap mt-5 md:mt-0" role="list"><li class="pl-1 pr-1">
                <svg xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><style>.appstle_subscription_widget0{display:none !important;}</style><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg>

              </li><li class="pl-1 pr-1">
                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><style>.appstle_subscription_widget0{display:none !important;}</style><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>

              </li><li class="pl-1 pr-1">
                <svg viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><style>.appstle_subscription_widget0{display:none !important;}</style><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg>
              </li><li class="pl-1 pr-1">
                <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><style>.appstle_subscription_widget0{display:none !important;}</style><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg>
              </li><li class="pl-1 pr-1">
                <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><style>.appstle_subscription_widget0{display:none !important;}</style><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>

              </li><li class="pl-1 pr-1">
                <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><style>.appstle_subscription_widget0{display:none !important;}</style><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg>
              </li></ul>
         </div>
    <div class="flex flex-col items-center">
      <div class="mt-4 md:mt-4 base-link text-center lg:mt-4 p-break-words"><p class="inline-block">&copy; 2026, </p>
          <a href="/" title="">Chalet-nursery</a>.
          <p class="mt-3 md:mt-0 md:ml-1 block md:inline-block"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a></p>
        
      </div>
    </div>
  </div>
</div>
</div>
<!-- END sections: footer-group-breath -->
        

      <div id="eurus-popup" class="fixed inset-0 z-[100] md:z-60 pointer-events-none md:block flex flex-col-reverse" x-cloak></div><div id="popup-minimal-left" class="fixed z-50 bottom-4 md:bottom-8 left-4 md:left-8 pr-4 md:pr-8 pointer-events-auto"></div>

      
        <div class="scroll-to-top">
  <style data-shopify>
    .scroll_top {
      bottom: 40px;
    }
    @media(min-width: 768px) {
      .scroll_top {
        bottom: 40px;
      }
    }
  </style>
  <div
    x-data="xScrollTop"
    @init-run.window="scrollFunction()"
    @scroll.window="scrollFunction()"
    class=" md:block"
  >
    <button 
      x-show="show" x-cloak 
      @click="scrollTop()" 
      class="scroll_top fixed z-50 pl-3 pr-3 pb-3 pt-3 w-11 h-11 md:w-14 md:h-14 md:pl-4 md:pt-4 md:pr-4 md:pb-4 border-0 rounded-full right-5 -rotate-90 button-outline"
      x-transition:enter="transition-all ease-in-out duration-500"
      x-transition:enter-start="opacity-0 transform translate-y-1/3"
      x-transition:enter-end="opacity-100 translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-500"
      x-transition:leave-end="opacity-0 transform translate-y-1/3"
      aria-label="scroll top"
    >
      
        <svg class=" w-full h-full" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
        <path d="M597.34016 170.65984q18.00192 0 30.33088 12.32896l298.65984 298.65984q12.32896 12.32896 12.32896 30.33088t-12.32896 30.33088l-298.65984 298.65984q-12.32896 12.32896-30.33088 12.32896-18.3296 0-30.49472-12.16512t-12.16512-30.49472q0-18.00192 12.32896-30.33088l225.9968-225.66912-665.00608 0q-17.67424 0-30.16704-12.4928t-12.4928-30.16704 12.4928-30.16704 30.16704-12.4928l665.00608 0-225.9968-225.66912q-12.32896-12.32896-12.32896-30.33088 0-18.3296 12.16512-30.49472t30.49472-12.16512z"  />
      </svg>
      
    </button>
  </div>

  <script>
    requestAnimationFrame(() => {
      document.addEventListener('alpine:init', () => {
        Alpine.data('xScrollTop', () => ({
          show: false,
          scrollTop() {
            window.scrollTo({top: 0, behavior: 'smooth'});
          },
          scrollFunction() {
            const position = window.innerWidth < 1025 ? 300 : 900;
            this.show = (document.body.scrollTop > position || document.documentElement.scrollTop > position)
              ? true : false;
          }
        }));
      });
    });
  </script>
</div>
      

      
    </div>
    <ul hidden>
      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.
      </li>
      <li id="a11y-new-window-message">Opens in a new window.
      </li>
    </ul>
    <script>
      window.Eurus = {
        sliderScript: '//chalet-nursery.shop/cdn/shop/t/284/assets/splide4.1.3.js?v=75458750262329959491767904023',
        cart_error: `There was an error while updating your cart. Please try again.`,
        cart_quantity_error_html: `You can only add [quantity] of this item to your cart.`,
        loadedScript: [],
        cart_add_url: '/cart/add'
      };
    </script><script src="//chalet-nursery.shop/cdn/shop/t/284/assets/coupon-code.js?v=122244658426509822871767904023" defer></script>
      <script src="//chalet-nursery.shop/cdn/shop/t/284/assets/product-recommendations.js?v=103082699061673760681767904023" defer></script>
    
<script src="//chalet-nursery.shop/cdn/shop/t/284/assets/theme.js?v=37477918532731633621767904023" defer></script>
    <script src="//chalet-nursery.shop/cdn/shop/t/284/assets/vendors.js?v=21726020999429958561767904023" defer></script>
    <script>
      window.addEventListener("load", (event) => {
        deferScriptLoad('instant.page', '//chalet-nursery.shop/cdn/shop/t/284/assets/instant.page.v5.1.1.js?v=43232110432331176871767904023', () => {}, true);
      });
    </script>
  <style> button#checkout-submit span {pointer-events: none;} body {letter-spacing: 0.9px;} #checkout-submit.button-solid .button-text::after {display: none;} button#checkout-submit:hover {box-shadow: inset 0 0 0 1px rgba(var(--colors-line-secondary-button), 1); background: rgba(var(--background-secondary-button), 1); transition: 0.3s;} button#checkout-submit {color: rgb(var(--colors-secondary-button)); box-shadow: inset 0 0 0 1px rgba(var(--colors-line-secondary-button), 0.5); background: rgba(var(--background-secondary-button), 0.7);} </style>
<div id="shopify-block-AK0h3cTVsZkRtSWZvY__back-in-stock-restock-alerts-4bb73be2-b7c2-4870-949f-c528145452a3" class="shopify-block shopify-app-block"><!-- Config and setup JS -->
<script id="RestockRocketConfig">
  window._RestockRocketConfig = window._RestockRocketConfig || {}

  // Helper function to normalize locale format from hyphen to underscore (e.g., 'en-US' -> 'en_us')
  // This matches the backend's Mobility.normalize_locale behavior
  // Returns empty string if locale is empty or invalid (matches original behavior)
  function normalizeLocale(locale) {
    if (!locale || locale.trim() === '') {
      return '';
    }
    return locale.toString().toLowerCase().replace(/-/g, '_');
  }

  window._RestockRocketConfig.locale = 'en';
  window._RestockRocketConfig.normalizedLocale = normalizeLocale('en');
  window._RestockRocketConfig.shop = 'chalet-nursery.shop';
  window._RestockRocketConfig.pageType = 'search';window._RestockRocketConfig.marketId = 651853958;window._RestockRocketConfig.countryName = 'United States';
    window._RestockRocketConfig.countryIsoCode = 'US';window._RestockRocketConfig.cartInventoryQuantity = {};window._RestockRocketConfig.cachedSettings = {"id":20735,"shop_id":20579,"currency":"USD","created_at":"2024-12-12T03:48:32.301Z","updated_at":"2025-12-28T13:35:02.550Z","enable_app":true,"enable_signup_widget":true,"storefront_button_text":"Notify me when available","storefront_button_text_color":"#FFFFFF","storefront_button_background_color":"#202223","storefront_form_header":"Notify me","storefront_form_description":"Get a notification as soon as this product is back in stock by signing up below!","storefront_form_button_text":"Notify me when available","storefront_form_button_text_color":"#FFFFFF","storefront_form_button_background_color":"#202223","storefront_form_terms":"Promise we won't spam. You'll only receive notifications for this product.","storefront_form_error":"Please enter a valid email address","storefront_form_success":"Thank you! We will notify you when the product is available.","enable_powered_by":true,"show_button_on_preorder":false,"sms_enabled":false,"email_enabled":true,"storefront_button_disable_tag":"rocket-hide","theme_config":{"disableDebugLoggingForNonPreorderItem":false},"storefront_form_email_placeholder":"Email address","storefront_form_phone_placeholder":"SMS","storefront_form_phone_label":"Phone number","storefront_form_email_label":"Email","storefront_form_phone_error":"Please enter a valid phone number","storefront_form_customer_name_placeholder":"Name","storefront_form_customer_name_error":"Please enter your name","storefront_form_did_you_mean_error":"Did you mean %{suggested_email}? Or use %{current_email}","form_customer_name_enabled":true,"form_customer_name_required":true,"css_config":"","js_config":"","collect_promotion_consent":false,"storefront_form_promotion_consent_label":"Notify me about other news, sales, discounts & offers too","show_button_on_collection":false,"sms_default_country":"us","sms_allowed_countries":[],"sms_restrict_country":false,"sms_default_channel":true,"optin_required":false,"optin_success_text":"Registration confirmed! You'll receive an alert when the product is restocked.","storefront_button_border_radius":0,"storefront_button_disable_tag_hides_button":true,"storefront_button_disable_tag_enabled":false,"quantity_required":false,"storefront_form_quantity_label":"Quantity","enable_alerts":true,"sms_allowed":false,"email_allowed":true,"collect_promotion_consent_default":true,"insert_button_after_selector":"","insert_button_after_selector_type":"afterend","storefront_button_position_type":"float-right","storefront_form_duplicate_error":"You've already subscribed for alerts to this product.","storefront_mixed_cart_error":"This item needs to be purchased separately. Please check out or clear your cart before adding this item.","storefront_error_heading":"Error","default_locale":"en","collection_page_button_text_color":"#FFFFFF","collection_page_button_background_color":"#202223","show_button_if_any_out_of_stock":false,"show_button_if_any_variant_out_of_stock_collection":false,"show_button_on_index":false,"insert_button_after_selector_collection":"","insert_button_after_selector_index":"","push_enabled":false,"push_allowed":true,"storefront_form_push_label":"Push","storefront_form_push_description":"Click 'Allow' to be notified via push notification","storefront_form_push_error":"Permission rejected! Please review notification settings and try again","storefront_font_family":"OpenSans","insert_button_after_selector_collection_type":"afterend","show_channel_selector":false,"storefront_form_empty_error":"Please fill in one or more of the options above","storefront_form_push_input":"Send notification to your browser","insert_button_after_selector_page":"","show_button_on_page":false,"insert_button_after_selector_search":"","show_button_on_search":false,"app_proxy_path_prefix":"/apps/restockrocket-production","collection_link_selector":"","index_link_selector":"","page_link_selector":"","search_link_selector":"","collection_check_link_visibility":true,"collection_buttons_container":"","index_buttons_container":"","page_buttons_container":"","search_buttons_container":"","extension_enable_url_variant_detection":true,"extension_enable_value_variant_detection":true,"extension_value_variant_selector":"[name='id']","resubscribe_text":"This product is out of stock. Get notified when it’s restocked again by entering your details below!","preorder_enabled":true,"preorder_buy_button_selector":"","preorder_add_to_cart_button_selector":"[name=\"add\"]","preorder_badge_selector":"","preorder_button_out_of_stock_text":"Out of stock","preorder_button_add_to_cart_text":"Buy It Now","preorder_form_selector":"form[action*=\"/cart/add\"]","preorder_collection_enabled":false,"preorder_collection_form_selector":"form[action*=\"/cart/add\"]","preorder_collection_add_to_cart_button_selector":"form[action*=\"/cart/add\"] button","preorder_index_enabled":false,"preorder_index_form_selector":"form[action*=\"/cart/add\"]","preorder_index_add_to_cart_button_selector":"form[action*=\"/cart/add\"] button","preorder_page_enabled":false,"preorder_page_form_selector":"form[action*=\"/cart/add\"]","preorder_page_add_to_cart_button_selector":"form[action*=\"/cart/add\"] button","preorder_search_enabled":false,"preorder_search_form_selector":"form[action*=\"/cart/add\"]","preorder_search_add_to_cart_button_selector":"form[action*=\"/cart/add\"] button","preorder_collection_badge_selector":"","preorder_index_badge_selector":"","preorder_page_badge_selector":"","preorder_search_badge_selector":"","preorder_badge_selector_type":"afterend","preorder_collection_badge_selector_type":"afterend","preorder_button_child_selector":"span","preorder_button_disclaimer_insert_selector":"","preorder_button_disclaimer_insert_selector_type":"afterend","preorder_payment_insert_selector":"","preorder_payment_insert_selector_type":"afterend","preorder_price_container_selector":"","preorder_price_container_selector_insert_type":"afterend","preorder_terms_insert_selector":"","preorder_terms_insert_selector_type":"afterend","preorder_original_price_selector":"","preorder_price_format":"{{amount}} {{currency}}","show_badge_if_any_variant_is_preorder":false,"enable_console_debug":false,"inline_form_enabled":true,"inline_form_selector":"[data-type=\"add-to-cart-form\"]","inline_form_selector_type":"afterend","storefront_form_prefill_customer":true,"storefront_form_show_image":false,"storefront_form_text_color":"#202223","storefront_form_background_color":"#FFFFFF","storefront_form_border_radius":0,"market_setup_type":"single_market","shopify_app_id":5940125,"preorder_progress_bar_insert_selector":null,"preorder_progress_bar_insert_selector_type":"beforebegin","countdown_timer_insert_selector":null,"countdown_timer_insert_selector_type":"afterend","cache":true,"cached_at":"2026-01-08T15:00:02.404Z","multi_language_enabled":false,"translation_locale":"en"};window._RestockRocketConfig.cachedPreorderVariantIds = {"preorder_variant_ids":[40298471555206,40298471653510,40298471686278,40357977161862,40392835694726,40392835727494,40392835760262,40392835793030,40392835825798,40392835858566,40392835891334,40392835924102,40392835956870,40392835989638,40392836022406,40392836055174,40392836087942,40622729658502,40622732378246,40622732411014,42518745055366,42967859921030],"updated_at":"2026-01-21T01:54:43Z","market_locations_enabled":false,"market_id":651853958,"preorder_location_filter_enabled":false,"preorder_location_filter_ids":[],"collection_id":null};window._RestockRocketConfig.cachedInStockVariantIds = { in_stock_variant_ids: [] };window._RestockRocketConfig.cachedOutOfStockVariantIds = { out_of_stock_variant_ids: [] };window._RestockRocketConfig.cachedVariantPreorderLimits = {"variant_preorder_limits":{},"updated_at":"2026-01-21T01:41:47Z","shopify_market_id":651853958,"market_locations_enabled":false};
    window._RestockRocketConfig.cachedVariantPreorderLimitsMarketKey = "variant_preorder_limits_for_market_651853958";window._RestockRocketConfig.cachedVariantShippingTexts = {"variant_shipping_texts":{},"updated_at":"2026-01-21T01:48:14Z","shopify_market_id":651853958,"market_locations_enabled":false};
    window._RestockRocketConfig.cachedVariantShippingTextsMarketKey = "variant_shipping_texts_for_market_651853958";window._RestockRocketConfig.sellingPlans = [{"shopify_selling_plan_group_id":3675062406,"shopify_selling_plan_id":4981686406,"enabled":true,"variant_ids":[],"product_variants_source":"custom","name":"Preorder","preorder_button_text":"Preorder","preorder_button_description":"Note: This is a preorder. Items will ship based on the estimated delivery date.","preorder_button_description_background_color":"#ebebeb","preorder_button_description_text_color":"#000000","preorder_button_description_border_radius":10,"preorder_button_description_show_quantity_limit":false,"preorder_button_description_quantity_limit_suffix":" units available for preorder","preorder_button_description_shipping_text_prefix":"Shipping: ","delivery_exact_time":null,"delivery_after_n_intervals":null,"delivery_at":null,"delivery_type":"asap","quantity_limit_text":"{{ quantity }} units available for preorder","preorder_button_description_show_shipping":false,"preorder_button_description_icons_enabled":true,"preorder_shipping_text":"Shipping: {{ date }}","shipping_applies_to_all_products":true,"shipping_text":"ASAP","payment_type":"full","billing_checkout_charge_type":"percentage","billing_checkout_charge_amount":null,"billing_checkout_charge_percentage":null,"pricing_type":"no_discount","pricing_amount":null,"pricing_percentage":null,"discount_text":"Save {{ discount }}","billing_title":"Full payment","billing_description":null,"enable_billing_widget":false,"inventory_provider":"stoq","preorder_badge_enabled":false,"preorder_badge_text":"Preorder","preorder_badge_text_color":"#FFFFFF","preorder_badge_background_color":"#000000","preorder_discounted_price_enabled":null,"payment_line_item_property_enabled":false,"shipping_line_item_property_enabled":false,"custom_line_item_property_text":null,"preorder_button_text_color":"#ffffff","preorder_button_background_color":"#8700d3","preorder_button_colors_enabled":false,"markets_enabled":null,"market_id":null,"shopify_market_ids":[],"use_shopify_selling_plan":true,"use_simplified_shipping_text":false,"translations":{},"payment_options":[{"billing_type":"no_remaining_balance","billing_checkout_charge_type":"percentage","billing_checkout_charge_amount":null,"billing_checkout_charge_percentage":null,"billing_at":null,"billing_after_n_intervals":null,"billing_after_interval_type":"day","pricing_type":"no_discount","pricing_amount":null,"pricing_percentage":null,"billing_title":"Full payment","billing_description":null,"discount_text":"Save {{ discount }}","shopify_selling_plan_id":4981686406,"is_default":true,"type":"full","translations":{}}],"require_preorder_acknowledgement":false,"preorder_acknowledgement_text":"I acknowledge and agree to the preorder terms and conditions for this product.","preorder_min_quantity":null,"preorder_max_quantity":null,"countdown_timer_enabled":false,"countdown_timer_insert_selector":null,"countdown_timer_insert_selector_type":"afterend","countdown_timer_style":"text","countdown_timer_text_color":"#000000","countdown_timer_background_color":"#f5f5f5","countdown_timer_border_radius":8,"countdown_timer_format":"DHMS","countdown_timer_use_schedule_dates":true,"countdown_timer_custom_start_date":null,"countdown_timer_custom_end_date":null,"countdown_timer_starts_text":null,"countdown_timer_ends_text":null,"updated_at":"2025-04-25T14:43:59.704Z","allow_mixed_cart":true}];window._RestockRocketConfig.integrations = [{"id":"25cf29de-19f7-4848-b816-6aaedbf88d72","shop_id":20579,"enabled":true,"page_types":["product","collection","index","search","page"],"configuration":{"enableXHRHijack":true,"enableFetchHijack":true},"type":"hijack","css_config":null,"js_config":null,"created_at":"2024-12-12T03:48:33.404Z","updated_at":"2025-01-23T05:23:43.340Z"}];window._RestockRocketConfig.obfuscateInventoryQuantity = false;window._RestockRocketConfig.scriptUrlProduct = 'https://cdn.shopify.com/extensions/019bd7a3-9def-7b40-85f2-f9a80e68e8e2/restock-rocket-shopify-430/assets/restockrocket-product.js'
  window._RestockRocketConfig.scriptUrlCollection = 'https://cdn.shopify.com/extensions/019bd7a3-9def-7b40-85f2-f9a80e68e8e2/restock-rocket-shopify-430/assets/restockrocket-collection.js'
  window._RestockRocketConfig.scriptHost = window._RestockRocketConfig.scriptUrlProduct.substring(0, window._RestockRocketConfig.scriptUrlProduct.lastIndexOf('/') + 1)
  window._RestockRocketConfig.host = 'https://app.restockrocket.io'

  const SETTINGS_CACHE_DURATION = 15 * 60 * 1000; // 15 minutes in milliseconds

  function checkSettingsExpiry(settings) {
    try {
      if (!settings || !settings.updated_at) {
        console.debug('STOQ - Invalid settings data structure');
        return null;
      }

      if (!settings.cache) {
        console.debug('STOQ - settings caching disabled');
        return null;
      }

      // Check if translations are enabled but missing from cache
      // This handles the backfill period where DB has translations but metafield doesn't
      if (settings.multi_language_enabled) {
        if (!settings.translations) {
          // Translations enabled but no translation data in metafield
          // Metafield hasn't been backfilled yet - force refresh
          console.debug('STOQ - multi-language enabled but no translation data in cache, fetching fresh');
          return null;
        }

        // Translations object exists in metafield - cache is valid
        // If current locale isn't translated, applyTranslations will gracefully use default locale from base fields
        if (window._RestockRocketConfig.normalizedLocale &&
            !Object.prototype.hasOwnProperty.call(settings.translations, window._RestockRocketConfig.normalizedLocale)) {
          console.debug('STOQ - locale not explicitly translated, will use default language from cache');
        }
        // Don't return null - continue using cache even for untranslated locales
      }

      const updatedAt = new Date(settings.updated_at);
      if (isNaN(updatedAt.getTime())) {
        console.debug('STOQ - Invalid updated_at date format in settings');
        return null;
      }

      const age = Date.now() - updatedAt.getTime();
      if (age < SETTINGS_CACHE_DURATION) {
        console.debug('STOQ - settings changed recently, skipping cache');
        return null;
      }

      return settings;
    } catch (error) {
      console.debug('STOQ - Error checking settings cache:', error);
      return null;
    }
  }

  function createRestockRocketContainer() {
    const restockRocketContainer = document.createElement('div');
    restockRocketContainer.id = 'restock-rocket';
    document.body.appendChild(restockRocketContainer);
  }

  function createRestockRocketScript(scriptUrl) {
    const restockRocketScriptElement = document.createElement('script');
    restockRocketScriptElement.setAttribute('defer', 'defer');
    restockRocketScriptElement.src = scriptUrl;
    document.body.appendChild(restockRocketScriptElement);
  }

  createRestockRocketContainer()

  console.debug('STOQ - extension activated')

  function applyTranslations(settings) {
    try {
      // Skip translation logic entirely if multi-language is not enabled
      if (!settings || !settings.multi_language_enabled) {
        return settings;
      }

      if (!settings.translations) {
        console.debug('STOQ - No translations found, skipping translation');
        return settings;
      }

      const normalizedLocale = window._RestockRocketConfig.normalizedLocale;
      const translations = settings.translations;

      if (!normalizedLocale) {
        // No matching locale has translations; drop payload to save memory
        console.debug('STOQ - No matching locale for translations. Available:', Object.keys(translations || {}));
        delete settings.translations;
        return settings;
      }

      console.debug(`STOQ - Applying translations for normalized locale: ${normalizedLocale} (original: ${window._RestockRocketConfig.locale})`);

      const translatedFields = translations[normalizedLocale];
      if (translatedFields && typeof translatedFields === 'object') {
        Object.keys(translatedFields).forEach(function(key) {
          const value = translatedFields[key];
          if (value !== null && value !== undefined && value !== '') {
            settings[key] = value;
          }
        });
      } else {
        console.debug('STOQ - No translated fields found for locale:', normalizedLocale);
      }

      delete settings.translations;
      return settings;
    } catch (e) {
      console.debug('STOQ - error applying translations:', e);
      return settings;
    }
  }

  // Setup event listener for cart selling plan updates
  // This must be called before any scripts are loaded to avoid race conditions
  function setupCartSellingPlanUpdater(settings) {
    if (!settings || !settings.preorder_enabled) {
      return;
    }

    // Listen for stoq:preorder-api-ready event dispatched by preorder.js
    window.addEventListener('stoq:preorder-api-ready', function(event) {
      console.debug('STOQ - Preorder API ready, updating cart selling plans');
      if (window._RestockRocket && window._RestockRocket.updateCartSellingPlans) {
        window._RestockRocket.updateCartSellingPlans()
          .then(hasUpdates => {
            if (hasUpdates) {
              console.debug('STOQ - cart selling plans updated successfully');
            } else {
              console.debug('STOQ - no cart selling plan updates needed');
            }
          })
          .catch(error => {
            console.error('STOQ - error updating cart selling plans:', error);
          });
      }
    });
  }

  // First try to get settings from metafields with expiry check
  const cachedSettings = window._RestockRocketConfig.cachedSettings;
  const validCachedSettings = cachedSettings ? checkSettingsExpiry(cachedSettings) : null;

  if (validCachedSettings) {
    console.debug('STOQ - using cached settings');
    initializeScripts(validCachedSettings);
  } else {
    console.debug('STOQ - fetching fresh settings');
    const headers = {
      'X-Shopify-Shop-Domain': window._RestockRocketConfig.shop || window.Shopify.shop,
      'ngrok-skip-browser-warning': 'skip'
    };

    if (window.Shopify?.theme?.role === 'main') {
      headers['X-Shopify-Theme-Schema-Name'] = window.Shopify.theme.schema_name;
      headers['X-Shopify-Theme-Schema-Version'] = window.Shopify.theme.schema_version;
      headers['X-Shopify-Theme-Store-Id'] = window.Shopify.theme.theme_store_id;
    }

    fetch(
      `${window._RestockRocketConfig.host}/api/v1/setting.json?translation_locale=${window._RestockRocketConfig.normalizedLocale}`,
      { headers }
    )
    .then(function(response) {
      if (!response.ok) {
        throw new Error('Network response was not ok');
      }
      return response.json();
    })
    .then(function(settings) {
      initializeScripts(settings);
    })
    .catch(function(error) {
      // If request failed and we have cached settings (even if expired), use them as fallback
      if (cachedSettings) {
        console.debug('STOQ - using expired cached settings as fallback');
        initializeScripts(cachedSettings);
      } else {
        console.error('STOQ - failed to load settings:', error);
      }
    })
    .catch(function(e) {
      console.error(e)
    })
  }

  function initializeScripts(settings) {
    settings = applyTranslations(settings);
    window._RestockRocketConfig.settings = settings;
    console.debug(`STOQ - settings configured for ${window._RestockRocketConfig.pageType}`);

    // Setup cart selling plan updater BEFORE loading any scripts to avoid race conditions
    setupCartSellingPlanUpdater(settings);

    if(settings.enable_app) {
      const hijackIntegration = window._RestockRocketConfig.integrations.find(function(integration) {
        return integration.type === 'hijack' && integration.enabled && integration.page_types.includes(window._RestockRocketConfig.pageType);
      })

      if(window._RestockRocketConfig.pageType === 'collection' && (settings.show_button_on_collection || settings.preorder_collection_enabled)) {
        createRestockRocketScript(window._RestockRocketConfig.scriptUrlCollection);
      } else if(window._RestockRocketConfig.pageType === 'index' && (settings.show_button_on_index || settings.preorder_index_enabled)) {
        createRestockRocketScript(window._RestockRocketConfig.scriptUrlCollection);
      } else if(window._RestockRocketConfig.pageType === 'search' && (settings.show_button_on_search || settings.preorder_search_enabled)) {
        createRestockRocketScript(window._RestockRocketConfig.scriptUrlCollection);
      } else if(window._RestockRocketConfig.pageType === 'page' && (settings.show_button_on_page || settings.preorder_page_enabled)) {
        createRestockRocketScript(window._RestockRocketConfig.scriptUrlCollection);
      } else if(window._RestockRocketConfig.pageType === 'product') {
        createRestockRocketScript(window._RestockRocketConfig.scriptUrlProduct);
      } else if(hijackIntegration) {
        createRestockRocketScript(window._RestockRocketConfig.scriptUrlCollection);
      } else {
        console.debug(`STOQ - no scripts enabled for ${window._RestockRocketConfig.pageType}`);
      }

      // Dispatch custom event when app is loaded
      // Cart selling plan updates will be triggered by stoq:preorder-api-ready event
      const appLoadedEvent = new CustomEvent('stoq:loaded', {
        detail: {
          pageType: window._RestockRocketConfig.pageType,
          enabled: settings.enable_app,
          settings: settings,
          preorderEnabled: settings.preorder_enabled
        }
      });
      console.debug('STOQ - dispatching app loaded event');
      window.dispatchEvent(appLoadedEvent);
    }
  }
</script>

<!-- Critical CSS -->
<style id="RestockRocketStyle" type="text/css">
  .restock-rocket-button,.restock-rocket-button-float{opacity:1!important;border:none!important;cursor:pointer!important;background-image:none!important;box-shadow:none!important;padding:15px 20px;font-size:16px;width:100%;font-family:inherit}@font-face{font-family:OpenSans;font-weight:200;src:url(https://d382hokyqag45a.cloudfront.net/assets/OpenSans-Light.woff)}@font-face{font-family:OpenSans;font-weight:300;src:url(https://d382hokyqag45a.cloudfront.net/assets/OpenSans-Regular.woff)}@font-face{font-family:OpenSans;font-weight:600;src:url(https://d382hokyqag45a.cloudfront.net/assets/OpenSans-SemiBold.woff)}.restock-rocket-button-container{position:relative;z-index:1;width:100%}.restock-rocket-button-container-float-right{position:fixed;z-index:123123;top:calc(50% - 200px);right:0;transform:rotate(270deg);transform-origin:bottom right}.restock-rocket-button-container-float-left{position:fixed;z-index:123123;top:calc(50% - 200px);left:40px;transform:rotate(90deg);transform-origin:top left}.restock-rocket-button-container-float-left:hover,.restock-rocket-button-container-float-right:hover,.restock-rocket-button-container:hover,.restock-rocket-button-float:hover,.restock-rocket-button:hover{opacity:.8}.restock-rocket-button{min-height:50px;margin-top:10px;margin-bottom:10px}.restock-rocket-button-collection{position:relative;font-size:13px;line-height:1;padding:7px;height:auto;z-index:3}.restock-rocket-wrapper{background-color:rgba(0,0,0,.5);z-index:123123123;width:100%;height:100%;overflow:auto;position:fixed;right:0;top:0;transition-property:all;transition-duration:.3s;display:flex;flex-direction:column;justify-content:center;}.restock-rocket-wrapper-inline{width:100%;height:100%;margin-top:20px}.restock-rocket-preorder-description{padding:10px 15px;margin-top:20px;display:flex;flex-direction:column;gap:10px;}.preorder-description-details{margin-bottom:0;display:flex;flex-direction:column;gap:10px;}.preorder-detail-item{display:flex;flex-direction:row;justify-content:start;gap:8px;align-items:center;}.restock-rocket-payment-widget{border:1px solid #ebebeb;margin-bottom:20px;}.restock-rocket-payment-option{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:15px 20px;}.restock-rocket-payment-option:not(:last-child){border-bottom:1px solid #ebebeb;}.restock-rocket-payment-input-container{flex:1 1 auto;min-width:0}.restock-rocket-preorder-discount-badge{background:#ebebeb;height:25px;line-height:25px;padding:0 15px;border-radius:25px;font-size:0.8rem;flex:0 0 auto}.restock-rocket-payment-input{margin-right:10px;margin-top:-3px;vertical-align:middle;margin-left:0;accent-color:#202223}.restock-rocket-payment-description{margin-top:4px;flex:1 1 100%}.restock-rocket-preorder-badge{font-size:13px;line-height:1;padding:5px 13px 6px;border-radius:40px;height:auto;border:none;width:auto;z-index:2;margin:0;background:0 0}.preorder-badge-collection{position:absolute;top:10px;right:10px}.preorder-badge-product{margin-left:10px}.restock-rocket-price-strike{text-decoration:line-through;color: #666666;}.restock-rocket-discounted-price{margin-left:10px;}.restock-rocket-acknowledgement-checkbox{margin-bottom:12px;display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height: 1.5;}.restock-rocket-acknowledge-checkbox-input{width:18px;height:18px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color: #0d0d0d;}.restock-rocket-acknowledge-checkbox-label{flex:1;cursor:pointer;}.restock-rocket-preorder-countdown-timer{display:flex;flex-direction:column;align-items:center;padding:16px;margin:8px 0;font-family:inherit;}.restock-rocket-preorder-countdown-timer .countdown-header{font-size:16px;margin-bottom:6px;text-align:center}.restock-rocket-preorder-countdown-timer .countdown-units{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.restock-rocket-preorder-countdown-timer .countdown-unit{display:flex;flex-direction:column;align-items:center;gap:6px}.restock-rocket-preorder-countdown-timer .countdown-box{min-width:40px;padding:10px 6px;text-align:center;font-size:20px;line-height:1}.restock-rocket-preorder-countdown-timer .countdown-label{font-size:14px;font-weight:500;text-align:center;text-transform:capitalize;opacity:.7}@media (max-width:768px){.restock-rocket-preorder-countdown-timer{padding:14px}.restock-rocket-preorder-countdown-timer .countdown-box{min-width:55px;padding:14px 10px;font-size:26px}.restock-rocket-preorder-countdown-timer .countdown-label{font-size:11px}}@media (max-width:480px){.restock-rocket-preorder-countdown-timer{padding:12px}.restock-rocket-preorder-countdown-timer .countdown-units{width:100%;gap:10px}.restock-rocket-preorder-countdown-timer .countdown-box{width:100%;min-width:50px;padding:12px 8px;font-size:24px}.restock-rocket-preorder-countdown-timer .countdown-label{font-size:10px}}.restock-rocket-toast{position:fixed;cursor:pointer;background:#fff;border:0;min-width:40px;min-height:40px;box-shadow:0 0 15px rgba(0,0,0,.1)!important;z-index:622004;padding:20px 30px;font-family:inherit;font-size:inherit;color:#000;display:flex;justify-content:center;align-items:center}.restock-rocket-toast a{text-decoration:none;font-weight:700;color:#000}.restock-rocket-toast .dismiss{margin-left:15px;z-index:1;font-size:20px;}.restock-rocket-toast-top{top:60px}.restock-rocket-toast-bottom{bottom:75px}.restock-rocket-toast-left,.restock-rocket-toast-right{-webkit-animation:.5s forwards slide;animation:.5s forwards slide}.restock-rocket-toast-left{left:0;transform:translateX(-100%);-webkit-transform:translateX(-100%);border-radius:0 10px 10px 0}.restock-rocket-toast-left.slide-out{-webkit-animation:.5s forwards slide-out-left;animation:.5s forwards slide-out-left}.restock-rocket-toast-right{right:0;transform:translateX(100%);-webkit-transform:translateX(100%);border-radius:10px 0 0 10px}.restock-rocket-toast-right.slide-out{-webkit-animation:.5s forwards slide-out-right;animation:.5s forwards slide-out-right}@keyframes slide{100%{transform:translateX(0)}}@-webkit-keyframes slide{100%{-webkit-transform:translateX(0)}}@keyframes slide-out-left{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@-webkit-keyframes slide-out-left{0%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(-100%)}}@keyframes slide-out-right{0%{transform:translateX(0)}100%{transform:translateX(100%)}}@-webkit-keyframes slide-out-right{0%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(100%)}}.restock-rocket-preorder-progress-bar{padding:12px 15px;margin-bottom:20px;font-family:inherit;}.restock-rocket-preorder-progress-bar .preorder-progress-text{margin-bottom:8px;}.restock-rocket-preorder-progress-bar .preorder-progress-bar-row{display:flex;align-items:center;gap:10px;}.restock-rocket-preorder-progress-bar .preorder-progress-track{flex:1;height:12px;overflow:hidden;}.restock-rocket-preorder-progress-bar .preorder-progress-fill{display:block;height:100%;min-width:2px;transition:width 0.3s ease;}.restock-rocket-preorder-progress-bar .preorder-progress-percentage{font-weight:500;min-width:35px;text-align:right;}
</style>


</div><style>.shopify-payment-button__button,button.shopify-payment-button__more-options,.shopify-payment-button,a.whatsapp-order-btn{display:none;} </style></body>
</html>