<!doctype html>
<!-- WF 02507b356fa2096a158af05e4edb1159 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=gaillardia">
    
<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: 9 results found for &quot;Gaillardia&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/285/assets/theme.css?v=57891152824694369891769426276" 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=gaillardia">
<meta property="og:title" content="Search: 9 results found for &quot;Gaillardia&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: 9 results found for &quot;Gaillardia&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/285/assets/theme.css?v=57891152824694369891769426276" 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":"Post Grow Inside SALE 1-26-26","id":138058006662,"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_2-Mwgpw9.en.esm.js"></script>
<script defer="defer" async type="module" src="//chalet-nursery.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.common_C4Q8P6sY.esm.js"></script>
<script defer="defer" async type="module" src="//chalet-nursery.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_D5uMbf6W.esm.js"></script>
<script type="module">
  await import("//chalet-nursery.shop/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_2-Mwgpw9.en.esm.js");
await import("//chalet-nursery.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.common_C4Q8P6sY.esm.js");
await import("//chalet-nursery.shop/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_D5uMbf6W.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_DrPqihy0.en.esm.js","modules/v2/chunk.common_C4Q8P6sY.esm.js","modules/v2/chunk.modal_D5uMbf6W.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_nqp300OX.en.esm.js","modules/v2/chunk.common_C4Q8P6sY.esm.js","modules/v2/chunk.modal_D5uMbf6W.esm.js"],"init-shop-cart-sync":["modules/v2/client.init-shop-cart-sync_2-Mwgpw9.en.esm.js","modules/v2/chunk.common_C4Q8P6sY.esm.js","modules/v2/chunk.modal_D5uMbf6W.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_BC7MRb9f.en.esm.js","modules/v2/chunk.common_C4Q8P6sY.esm.js","modules/v2/chunk.modal_D5uMbf6W.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_hzpH7Or9.en.esm.js","modules/v2/chunk.common_C4Q8P6sY.esm.js","modules/v2/chunk.modal_D5uMbf6W.esm.js"],"shop-button":["modules/v2/client.shop-button_DuakD13A.en.esm.js","modules/v2/chunk.common_C4Q8P6sY.esm.js","modules/v2/chunk.modal_D5uMbf6W.esm.js"],"init-windoid":["modules/v2/client.init-windoid_GmcivTnG.en.esm.js","modules/v2/chunk.common_C4Q8P6sY.esm.js","modules/v2/chunk.modal_D5uMbf6W.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_DDi1ui1j.en.esm.js","modules/v2/chunk.common_C4Q8P6sY.esm.js","modules/v2/chunk.modal_D5uMbf6W.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_mry9VHar.en.esm.js","modules/v2/client.shop-login-button_CRIuI8Wf.en.esm.js","modules/v2/chunk.common_C4Q8P6sY.esm.js","modules/v2/chunk.modal_D5uMbf6W.esm.js"],"pay-button":["modules/v2/client.pay-button_CQp7f1cl.en.esm.js","modules/v2/chunk.common_C4Q8P6sY.esm.js","modules/v2/chunk.modal_D5uMbf6W.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_Dh89Vsvk.en.esm.js","modules/v2/chunk.common_C4Q8P6sY.esm.js","modules/v2/chunk.modal_D5uMbf6W.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_CRIuI8Wf.en.esm.js","modules/v2/chunk.common_C4Q8P6sY.esm.js","modules/v2/chunk.modal_D5uMbf6W.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_DLOIrXcq.en.esm.js","modules/v2/client.shop-login-button_CRIuI8Wf.en.esm.js","modules/v2/chunk.common_C4Q8P6sY.esm.js","modules/v2/chunk.modal_D5uMbf6W.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_h1GuHR6p.en.esm.js","modules/v2/client.shop-login-button_CRIuI8Wf.en.esm.js","modules/v2/chunk.common_C4Q8P6sY.esm.js","modules/v2/chunk.modal_D5uMbf6W.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_BBzgJI1-.en.esm.js","modules/v2/chunk.common_C4Q8P6sY.esm.js","modules/v2/chunk.modal_D5uMbf6W.esm.js"],"shop-login":["modules/v2/client.shop-login_CaPiHAP0.en.esm.js","modules/v2/chunk.common_C4Q8P6sY.esm.js","modules/v2/chunk.modal_D5uMbf6W.esm.js"],"lead-capture":["modules/v2/client.lead-capture_DJeAp1Ah.en.esm.js","modules/v2/chunk.common_C4Q8P6sY.esm.js","modules/v2/chunk.modal_D5uMbf6W.esm.js"],"payment-terms":["modules/v2/client.payment-terms_-mhLhSUc.en.esm.js","modules/v2/chunk.common_C4Q8P6sY.esm.js","modules/v2/chunk.modal_D5uMbf6W.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":"492f13c8-555d-436f-943d-c5c9c2724c7e-1770244871","pageurl":"chalet-nursery.shop\/search?q=Gaillardia","u":"d463a83aaf31","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/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/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/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":"Find 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","out_of_stock":"Out of stock","only_x_in_stock":"Only {{ quantity }} in stock","x_in_stock":"{{ quantity }} in stock","in_stock":"In stock"},"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,"block_checkout_till_load":false,"block_checkout_styles":"[name=\"checkout\"]{opacity:0.5;pointer-events:none}","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,"asset_url":"https://d1nsc3vx6l3v3t.cloudfront.net/9c47a7f3-d9bf-4ec6-8c1e-13e36fe85292/"};
        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":"Find 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","out_of_stock":"Out of stock","only_x_in_stock":"Only {{ quantity }} in stock","x_in_stock":"{{ quantity }} in stock","in_stock":"In stock"},"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,"block_checkout_till_load":false,"block_checkout_styles":"[name=\"checkout\"]{opacity:0.5;pointer-events:none}","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,"asset_url":"https://d1nsc3vx6l3v3t.cloudfront.net/9c47a7f3-d9bf-4ec6-8c1e-13e36fe85292/"},
            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/019c2961-1ed2-7306-a12b-29525d1fd96d/zapiet-pickup-delivery-1091/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/019c2961-1ed2-7306-a12b-29525d1fd96d/zapiet-pickup-delivery-1091/assets/vendor.js" onload="zapietScriptLoaded('vendor')" defer></script>
    <script type="module" src="https://cdn.shopify.com/extensions/019c2961-1ed2-7306-a12b-29525d1fd96d/zapiet-pickup-delivery-1091/assets/storepickup.js" onload="zapietScriptLoaded('storepickup')" defer></script>

    

    
        <script type="module" src="https://cdn.shopify.com/extensions/019c2961-1ed2-7306-a12b-29525d1fd96d/zapiet-pickup-delivery-1091/assets/pickup.js" onload="zapietScriptLoaded('pickup')" defer></script>
    

    
        <script type="module" src="https://cdn.shopify.com/extensions/019c2961-1ed2-7306-a12b-29525d1fd96d/zapiet-pickup-delivery-1091/assets/delivery.js" onload="zapietScriptLoaded('delivery')" defer></script>
    

    
        <script type="module" src="https://cdn.shopify.com/extensions/019c2961-1ed2-7306-a12b-29525d1fd96d/zapiet-pickup-delivery-1091/assets/shipping.js" onload="zapietScriptLoaded('shipping')" defer></script>
    

    


<!-- END app block --><script src="https://cdn.shopify.com/extensions/019c28f3-699d-7e7c-a5a8-230235bc5c1c/consentmo-gdpr-620/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","3918e4e0wbf3ac3cepc5707306mb02b36c6",{"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":"3918e4e0wbf3ac3cepc5707306mb02b36c6","publish":"custom","events":"[[\"page_viewed\",{}],[\"search_submitted\",{\"searchResult\":{\"query\":\"Gaillardia\",\"productVariants\":[{\"price\":{\"amount\":2.69,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Botanical Interests Goblin Gaillardia Seeds\",\"vendor\":\"Botanical Interests-Epic Gardening\",\"id\":\"6929798398086\",\"untranslatedTitle\":\"Botanical Interests Goblin Gaillardia Seeds\",\"url\":\"\/products\/seed-gaillardia-goblin?_pos=1\u0026_sid=5f6c69ac4\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40301738164358\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/botanical-interests-goblin-gaillardia-seeds.jpg?v=1769707833\"},\"sku\":\"BI-1127\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":4.5,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Seed Savers Honey Bee Mix\",\"vendor\":\"Seed Savers Exchange\",\"id\":\"6931223281798\",\"untranslatedTitle\":\"Seed Savers Honey Bee Mix\",\"url\":\"\/products\/seed-flower-honey-bee-mix?_pos=2\u0026_sid=5f6c69ac4\u0026_ss=r\",\"type\":\"Garden Essentials - Seed - Packets\"},\"id\":\"40396511051910\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/seed-savers-honey-bee-mix-flower.jpg?v=1768855317\"},\"sku\":\"SS0453\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":16.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Gaillardia, Spintop Halo Orange Improved\",\"vendor\":\"Chalet\",\"id\":\"7375328739462\",\"untranslatedTitle\":\"Gaillardia, Spintop Halo Orange Improved\",\"url\":\"\/products\/gaillardia-spintop-halo-orange-improved?_pos=3\u0026_sid=5f6c69ac4\u0026_ss=r\",\"type\":\"Outdoor Plants - Perennial\"},\"id\":\"41724373401734\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Chalet-home-garden-Chicago-perennials-outdoor-plants-05-2.jpg?v=1755628201\"},\"sku\":\"GAAROH1G\",\"title\":\"1-gallon pot\",\"untranslatedTitle\":\"1-gallon pot\"},{\"price\":{\"amount\":16.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Gailardia, Spintop Starburst Red Improved\",\"vendor\":\"Chalet\",\"id\":\"7375790211206\",\"untranslatedTitle\":\"Gailardia, Spintop Starburst Red Improved\",\"url\":\"\/products\/gailardia-spintop-starburst-red-improved?_pos=4\u0026_sid=5f6c69ac4\u0026_ss=r\",\"type\":\"Outdoor Plants - Perennial\"},\"id\":\"41725918806150\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Chalet-home-garden-chicago-perennial-landscape-flowering-1-22.jpg?v=1755628190\"},\"sku\":\"GAARSSRI1G\",\"title\":\"1-gallon pot\",\"untranslatedTitle\":\"1-gallon pot\"},{\"price\":{\"amount\":18.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Blanket Flower, Arizona Sun\",\"vendor\":\"Chalet\",\"id\":\"6927734407302\",\"untranslatedTitle\":\"Blanket Flower, Arizona Sun\",\"url\":\"\/products\/blanket-flower-arizona-sun?_pos=5\u0026_sid=5f6c69ac4\u0026_ss=r\",\"type\":\"Outdoor Plants - Perennial\"},\"id\":\"42355986006150\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Blanket_Flower_Arizona_Sun1.png?v=1755630679\"},\"sku\":\"GAAS1G\",\"title\":\"1-gallon pot\",\"untranslatedTitle\":\"1-gallon pot\"},{\"price\":{\"amount\":16.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Gaillard, Arista Barbican Red\",\"vendor\":\"Chalet\",\"id\":\"7378173722758\",\"untranslatedTitle\":\"Gaillard, Arista Barbican Red\",\"url\":\"\/products\/gaillard-arista-barbican-red?_pos=6\u0026_sid=5f6c69ac4\u0026_ss=r\",\"type\":\"Outdoor Plants - Perennial\"},\"id\":\"41738090741894\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Chalet-home-garden-Chicago-outdoor-landscape-perennial-plants-21.jpg?v=1755628172\"},\"sku\":\"GAARBR1G\",\"title\":\"1-gallon pot\",\"untranslatedTitle\":\"1-gallon pot\"},{\"price\":{\"amount\":74.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Gardenia, Aimee\",\"vendor\":\"Chalet\",\"id\":\"6929243930758\",\"untranslatedTitle\":\"Gardenia, Aimee\",\"url\":\"\/products\/gardenia-aimee-braid?_pos=7\u0026_sid=5f6c69ac4\u0026_ss=r\",\"type\":\"Outdoor Plants - Annuals\"},\"id\":\"41790535925894\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/gajaa10br.jpg?v=1704236269\"},\"sku\":\"GAJAA12BR\",\"title\":\"12BR\",\"untranslatedTitle\":\"12BR\"},{\"price\":{\"amount\":16.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Gaillard Arista Barbican Yellow Red Ring\",\"vendor\":\"Chalet\",\"id\":\"7378585485446\",\"untranslatedTitle\":\"Gaillard Arista Barbican Yellow Red Ring\",\"url\":\"\/products\/gaillard-arista-barbican-yellow-red-ring?_pos=8\u0026_sid=5f6c69ac4\u0026_ss=r\",\"type\":\"Outdoor Plants - Perennial\"},\"id\":\"41740121014406\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Chalet-Chicago-perennial-garden-flowering-landscape-2-2.jpg?v=1755628170\"},\"sku\":\"GAARBYR1G\",\"title\":\"1-gallon pot\",\"untranslatedTitle\":\"1-gallon pot\"},{\"price\":{\"amount\":24.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Dahlias: Inspiration, Cultivation and Care for 222 Varieties\",\"vendor\":\"Chronicle Books \/ Hachette Book Group\",\"id\":\"7012396990598\",\"untranslatedTitle\":\"Dahlias: Inspiration, Cultivation and Care for 222 Varieties\",\"url\":\"\/products\/dahlias-inspiration-cultivation-and-care-for-222-varieties-hardcover?_pos=9\u0026_sid=5f6c69ac4\u0026_ss=r\",\"type\":\"Lifestyle - Books - Gardening\"},\"id\":\"40614864945286\",\"image\":{\"src\":\"\/\/chalet-nursery.shop\/cdn\/shop\/files\/Chalet-home-garden-Chicago-book-gardening-gift-23.jpg?v=1729547950\"},\"sku\":\"9781837830954\",\"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":6929798398086,"gid":"gid:\/\/shopify\/Product\/6929798398086","vendor":"Botanical Interests-Epic Gardening","type":"Garden Essentials - Seed - Packets","handle":"seed-gaillardia-goblin","variants":[{"id":40301738164358,"price":134.5,"name":"Botanical Interests Goblin Gaillardia Seeds","public_title":null,"sku":"BI-1127"}],"remote":false},{"id":6931223281798,"gid":"gid:\/\/shopify\/Product\/6931223281798","vendor":"Seed Savers Exchange","type":"Garden Essentials - Seed - Packets","handle":"seed-flower-honey-bee-mix","variants":[{"id":40396511051910,"price":225,"name":"Seed Savers Honey Bee Mix","public_title":null,"sku":"SS0453"}],"remote":false},{"id":7375328739462,"gid":"gid:\/\/shopify\/Product\/7375328739462","vendor":"Chalet-nursery","type":"Outdoor Plants - Perennial","handle":"gaillardia-spintop-halo-orange-improved","variants":[{"id":41724373401734,"price":849.5,"name":"Gaillardia, Spintop Halo Orange Improved - 1-gallon pot","public_title":"1-gallon pot","sku":"GAAROH1G"}],"remote":false},{"id":7375790211206,"gid":"gid:\/\/shopify\/Product\/7375790211206","vendor":"Chalet-nursery","type":"Outdoor Plants - Perennial","handle":"gailardia-spintop-starburst-red-improved","variants":[{"id":41725918806150,"price":849.5,"name":"Gailardia, Spintop Starburst Red Improved - 1-gallon pot","public_title":"1-gallon pot","sku":"GAARSSRI1G"}],"remote":false},{"id":6927734407302,"gid":"gid:\/\/shopify\/Product\/6927734407302","vendor":"Chalet-nursery","type":"Outdoor Plants - Perennial","handle":"blanket-flower-arizona-sun","variants":[{"id":42355986006150,"price":949.5,"name":"Blanket Flower, Arizona Sun - 1-gallon pot","public_title":"1-gallon pot","sku":"GAAS1G"},{"id":41511110410374,"price":349.5,"name":"Blanket Flower, Arizona Sun - 4\"","public_title":"4\"","sku":"GAAS4"}],"remote":false},{"id":7378173722758,"gid":"gid:\/\/shopify\/Product\/7378173722758","vendor":"Chalet-nursery","type":"Outdoor Plants - Perennial","handle":"gaillard-arista-barbican-red","variants":[{"id":41738090741894,"price":849.5,"name":"Gaillard, Arista Barbican Red - 1-gallon pot","public_title":"1-gallon pot","sku":"GAARBR1G"}],"remote":false},{"id":6929243930758,"gid":"gid:\/\/shopify\/Product\/6929243930758","vendor":"Chalet-nursery","type":"Outdoor Plants - Annuals","handle":"gardenia-aimee-braid","variants":[{"id":41790535925894,"price":3749.5,"name":"Gardenia, Aimee - 12BR","public_title":"12BR","sku":"GAJAA12BR"},{"id":41768818180230,"price":2649.5,"name":"Gardenia, Aimee - 6\" pot","public_title":"6\" pot","sku":"GAJAA6"},{"id":41768818212998,"price":2499.5,"name":"Gardenia, Aimee - 10\" Pot","public_title":"10\" Pot","sku":"GAJAA10"},{"id":40299911905414,"price":2749.5,"name":"Gardenia, Aimee - 10\" Standard (Grafted)","public_title":"10\" Standard (Grafted)","sku":"GAJAA10STD"}],"remote":false},{"id":7378585485446,"gid":"gid:\/\/shopify\/Product\/7378585485446","vendor":"Chalet-nursery","type":"Outdoor Plants - Perennial","handle":"gaillard-arista-barbican-yellow-red-ring","variants":[{"id":41740121014406,"price":849.5,"name":"Gaillard Arista Barbican Yellow Red Ring - 1-gallon pot","public_title":"1-gallon pot","sku":"GAARBYR1G"}],"remote":false},{"id":7012396990598,"gid":"gid:\/\/shopify\/Product\/7012396990598","vendor":"Chronicle Books \/ Hachette Book Group","type":"Lifestyle - Books - Gardening","handle":"dahlias-inspiration-cultivation-and-care-for-222-varieties-hardcover","variants":[{"id":40614864945286,"price":1249.5,"name":"Dahlias: Inspiration, Cultivation and Care for 222 Varieties","public_title":null,"sku":"9781837830954"}],"remote":false}],"page":{"pageType":"searchresults","requestId":"492f13c8-555d-436f-943d-c5c9c2724c7e-1770244871"}};
  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: 138058006662,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//chalet-nursery.shop/cdn/s/trekkie.storefront.9d5a361b7ea67682ecb14dc17edee5e98fdb7a29.min.js"});

        };
        scriptFallback.async = true;
        scriptFallback.src = '//chalet-nursery.shop/cdn/s/trekkie.storefront.9d5a361b7ea67682ecb14dc17edee5e98fdb7a29.min.js';
        first.parentNode.insertBefore(scriptFallback, first);
      };
      script.async = true;
      script.src = '//chalet-nursery.shop/cdn/s/trekkie.storefront.9d5a361b7ea67682ecb14dc17edee5e98fdb7a29.min.js';
      first.parentNode.insertBefore(script, first);
    };
    trekkiexxx.noload(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":18112867,"isMerchantRequest":null,"themeId":138058006662,"themeCityHash":"2284330656408382886","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["65f19447","b5387b81"]},"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":"492f13c8-555d-436f-943d-c5c9c2724c7e-1770244871","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":"Gaillardia"},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.1.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="18112867"
  data-render-region="gcp-us-west1"
  data-page-type="search"
  data-theme-instance-id="138058006662"
  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--18092471353478__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--18092471353478__announcement-bar {
    
      background: #e37098;
    
    
      --colors-text-link: 255,255,255;
    
  }
  .dark .announcement-bar_container-sections--18092471353478__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--18092471353478__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: #e37098;
                    
                    
                      background: #ffffff;
                    
                  }
                  .dark .button.text_button_announ--announcement_Y6PNfj {
                    
                      color: #f76c6c;
                    
                    
                      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="M86.7631 20.4015C82.0941 15.6376 75.8758 13.0142 69.2544 13.0142C62.6329 13.0142 56.4146 15.6376 51.7483 20.3996L49.5041 22.685L47.2617 20.4015C42.5927 15.6376 36.3744 13.0142 29.753 13.0142C23.138 13.0142 16.9224 15.6376 12.2552 20.3996C7.57616 25.1598 5 31.4894 5 38.2239C5 44.9574 7.57616 51.287 12.2552 56.0463L41.1437 85.472C43.377 87.7462 46.3462 88.9999 49.5041 88.9999C52.6621 88.9999 55.6322 87.7471 57.8646 85.4729L86.7613 56.0463C91.4367 51.2861 94.011 44.9565 94.011 38.2239C94.011 31.4903 91.4367 25.1607 86.7631 20.4015ZM83.2486 52.4691L54.3519 81.8958C53.0569 83.2135 51.3362 83.9397 49.505 83.9397C47.6748 83.9397 45.9522 83.2135 44.6582 81.8949L15.767 52.4682C12.0281 48.6636 9.96811 43.6044 9.96811 38.2239C9.96811 32.8424 12.0281 27.7832 15.7697 23.9767C19.5003 20.1702 24.4666 18.0734 29.753 18.0734C35.0448 18.0734 40.0148 20.1702 43.7472 23.9786L47.7478 28.0516C48.7181 29.0378 50.2902 29.0378 51.2605 28.0516L55.2629 23.9758C58.9935 20.1702 63.9616 18.0734 69.2544 18.0734C74.5462 18.0734 79.5161 20.1702 83.2486 23.9776C90.9615 31.833 90.9615 44.6138 83.2486 52.4691Z" fill="currentColor"/>
        <path d="M79.4931 27.7904C76.7637 25.0073 73.1279 23.4741 69.2541 23.4741C66.9734 23.4741 64.7949 23.9942 62.7786 25.0222C61.5512 25.6471 61.0542 27.1664 61.6688 28.4163C62.2826 29.6663 63.7772 30.1724 65.0019 29.5465C66.3214 28.8741 67.7522 28.5333 69.2541 28.5333C71.7993 28.5333 74.1867 29.539 75.9777 31.3666C78.4061 33.8405 79.3381 37.4761 78.4097 40.8545C78.0404 42.2001 78.8119 43.5958 80.1333 43.9728C80.3567 44.036 80.5819 44.0666 80.8035 44.0666C81.8905 44.0666 82.8882 43.3358 83.1955 42.2177C84.6062 37.0824 83.1873 31.5533 79.4931 27.7904Z" fill="currentColor"/>
        <path d="M87.7514 20.4015C83.0824 15.6376 76.864 13.0142 70.2426 13.0142C63.6212 13.0142 57.4029 15.6376 52.7366 20.3996L50.4924 22.685L48.25 20.4015C43.581 15.6376 37.3627 13.0142 30.7413 13.0142C24.1262 13.0142 17.9106 15.6376 13.2435 20.3996C8.56444 25.1598 5.98828 31.4894 5.98828 38.2239C5.98828 44.9574 8.56444 51.287 13.2435 56.0463L42.132 85.472C44.3653 87.7462 47.3344 88.9999 50.4924 88.9999C53.6504 88.9999 56.6205 87.7471 58.8528 85.4729L87.7496 56.0463C92.4249 51.2861 94.9993 44.9565 94.9993 38.2239C94.9993 31.4903 92.4249 25.1607 87.7514 20.4015ZM84.2369 52.4691L55.3401 81.8958C54.0452 83.2135 52.3244 83.9397 50.4933 83.9397C48.6631 83.9397 46.9405 83.2135 45.6465 81.8949L16.7552 52.4682C13.0164 48.6636 10.9564 43.6044 10.9564 38.2239C10.9564 32.8424 13.0164 27.7832 16.758 23.9767C20.4886 20.1702 25.4549 18.0734 30.7413 18.0734C36.0331 18.0734 41.003 20.1702 44.7355 23.9786L48.7361 28.0516C49.7063 29.0378 51.2785 29.0378 52.2488 28.0516L56.2511 23.9758C59.9818 20.1702 64.9499 18.0734 70.2426 18.0734C75.5345 18.0734 80.5044 20.1702 84.2369 23.9776C91.9498 31.833 91.9498 44.6138 84.2369 52.4691Z" fill="currentColor"/>
        <path d="M80.4814 27.7904C77.752 25.0073 74.1162 23.4741 70.2424 23.4741C67.9617 23.4741 65.7832 23.9942 63.7669 25.0222C62.5395 25.6471 62.0425 27.1664 62.6571 28.4163C63.2708 29.6663 64.7655 30.1724 65.9902 29.5465C67.3097 28.8741 68.7405 28.5333 70.2424 28.5333C72.7876 28.5333 75.175 29.539 76.966 31.3666C79.3944 33.8405 80.3264 37.4761 79.398 40.8545C79.0287 42.2001 79.8002 43.5958 81.1216 43.9728C81.345 44.036 81.5702 44.0666 81.7918 44.0666C82.8788 44.0666 83.8764 43.3358 84.1838 42.2177C85.5945 37.0824 84.1755 31.5533 80.4814 27.7904Z" fill="currentColor"/>
        <path d="M86.7631 18.3873C82.0941 13.6234 75.8758 11 69.2544 11C62.6329 11 56.4146 13.6234 51.7483 18.3854L49.5041 20.6708L47.2617 18.3873C42.5927 13.6234 36.3744 11 29.753 11C23.138 11 16.9224 13.6234 12.2552 18.3854C7.57616 23.1456 5 29.4752 5 36.2097C5 42.9432 7.57616 49.2728 12.2552 54.0321L41.1437 83.4578C43.377 85.732 46.3462 86.9857 49.5041 86.9857C52.6621 86.9857 55.6322 85.733 57.8646 83.4587L86.7613 54.0321C91.4367 49.2719 94.011 42.9423 94.011 36.2097C94.011 29.4762 91.4367 23.1466 86.7631 18.3873ZM83.2486 50.455L54.3519 79.8816C53.0569 81.1994 51.3362 81.9256 49.505 81.9256C47.6748 81.9256 45.9522 81.1994 44.6582 79.8807L15.767 50.4541C12.0281 46.6494 9.96811 41.5902 9.96811 36.2097C9.96811 30.8283 12.0281 25.769 15.7697 21.9626C19.5003 18.1561 24.4666 16.0592 29.753 16.0592C35.0448 16.0592 40.0148 18.1561 43.7472 21.9644L47.7478 26.0374C48.7181 27.0236 50.2902 27.0236 51.2605 26.0374L55.2629 21.9616C58.9935 18.1561 63.9616 16.0592 69.2544 16.0592C74.5462 16.0592 79.5161 18.1561 83.2486 21.9635C90.9615 29.8188 90.9615 42.5996 83.2486 50.455Z" fill="currentColor"/>
        <path d="M79.4931 25.7763C76.7637 22.9931 73.1279 21.46 69.2541 21.46C66.9734 21.46 64.7949 21.98 62.7786 23.008C61.5512 23.633 61.0542 25.1522 61.6688 26.4022C62.2826 27.6521 63.7772 28.1582 65.0019 27.5323C66.3214 26.86 67.7522 26.5192 69.2541 26.5192C71.7993 26.5192 74.1867 27.5249 75.9777 29.3524C78.4061 31.8263 79.3381 35.4619 78.4097 38.8403C78.0404 40.1859 78.8119 41.5817 80.1333 41.9587C80.3567 42.0218 80.5819 42.0525 80.8035 42.0525C81.8905 42.0525 82.8882 41.3216 83.1955 40.2036C84.6062 35.0682 83.1873 29.5391 79.4931 25.7763Z" fill="currentColor"/>
      
  </svg>
                                  
                                
                              </span>
                            </div>
                          

<p>
                            <a href="/pages/new/valentines-day-gift" class="button-link relative hover-text-link x-announcement-bar-block-data leading-[initial]"
                            >Valentine's Gift Guide</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/new/valentines-day-gift">
                                  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: #f76c6c;
                    
                    
                      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--18092471353478__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--18092471353478__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/february-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="/collections/new" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                New Arrivals
                              </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 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/birding-sale" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Birding 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/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="/pages/plants/indoor-plants" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
                                Houseplants
                              </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">
                                Seeds
                              </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 Gift Guide
        
      </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/285/assets/search-prompts.js?v=123663537316562764691769426220" 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--18092471353478__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="/collections/new" 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">
                    New Arrivals
                    
                  </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/birding-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">
                    Birding 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/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="/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 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="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">
                    Houseplants
                    
                  </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">
                    Seeds
                    
                  </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/February-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--18092471025798__cookie-banner" class="shopify-section shopify-section-group-aside-group-breath"><style data-shopify>
      .color-heading--sections--18092471025798__cookie-banner {
        --colors-heading: 153, 153, 153;
      }
    
    .dark .color-heading--sections--18092471025798__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--18092471025798__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/285/assets/cookie-banner.js?v=135863105119365794521769426208" 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--18092470993030__main" class="shopify-section section x-section"><style data-shopify>
  .gap-template--18092470993030__main {
    column-gap: 16px;
    row-gap: 32px;
  }
  @media (min-width: 768px) {
    .gap-template--18092470993030__main {
      column-gap: 28px;
      row-gap: 64px;
    }
  }</style><div x-data="xFiltersAndSortby('template--18092470993030__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="Gaillardia"
                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">9 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">9 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="Gaillardia">
              <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=Gaillardia`)" 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 (1)</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="Books"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Books (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="Perennials"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Perennials (5)</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="Seed Packets"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Seed Packets (2)</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="Seeds"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Seeds (2)</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="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=Gaillardia`)" 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="Gaillardia"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Gaillardia (5)</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="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=Gaillardia`)" 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 (5)</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="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=Gaillardia`)" 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="Low"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Low (3)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Water Needs-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Water Needs-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.m.OutdoorPlants.WaterNeeds"
                      value="Moderate"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Moderate (2)</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="Mature Height (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Mature Height<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=Gaillardia`)" 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-Mature Height-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Mature Height-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.MatureHeight"
                      value="12 - 18&quot;"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">12 - 18&quot; (3)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Mature Height-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Mature Height-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.m.OutdoorPlants.MatureHeight"
                      value="24 - 36&quot;"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">24 - 36&quot; (2)</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="Mature Spread (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Mature Spread<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=Gaillardia`)" 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-Mature Spread-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Mature Spread-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.MatureSpread"
                      value="12 - 18&quot;"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">12 - 18&quot; (2)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Mature Spread-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Mature Spread-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.m.OutdoorPlants.MatureSpread"
                      value="3&#39; - 5&#39;"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">3&#39; - 5&#39; (2)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Mature Spread-3" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Mature Spread-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.m.OutdoorPlants.MatureSpread"
                      value="18 - 24&quot;"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">18 - 24&quot; (1)</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="Growth Rate (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Growth Rate<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=Gaillardia`)" 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-Growth Rate-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Growth Rate-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.GrowthRate"
                      value="Moderate"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Moderate (5)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="above-8" 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="Growth Shape (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Growth Shape<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=Gaillardia`)" 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-Growth Shape-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Growth Shape-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.GrowthHabit"
                      value="Clumping"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Clumping (3)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Growth Shape-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Growth Shape-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.m.OutdoorPlants.GrowthHabit"
                      value="Mounding"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Mounding (2)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="above-9" 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=Gaillardia`)" 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/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-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/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-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/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></ul>
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="above-10" 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="Flowering Season (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Flowering Season<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=Gaillardia`)" 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-Flowering Season-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Flowering Season-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.FloweringSeason"
                      value="Summer"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Summer (5)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Flowering Season-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Flowering Season-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.m.OutdoorPlants.FloweringSeason"
                      value="Fall"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Fall (3)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="above-11" 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="Winter Foliage (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Winter Foliage<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=Gaillardia`)" 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-Winter Foliage-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Winter Foliage-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.FoliageHabit"
                      value="Deciduous"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Deciduous (4)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Winter Foliage-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Winter Foliage-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.m.OutdoorPlants.FoliageHabit"
                      value="Evergreen"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Evergreen (1)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="above-12" 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="Foliage Color (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Foliage 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=Gaillardia`)" 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-Foliage Color-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Foliage Color-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.FoliageColor"
                      value="Green"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Green (5)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="above-13" 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="Fall Color (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Fall 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=Gaillardia`)" 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-Fall Color-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Fall Color-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.FallColor"
                      value="Red-Burgundy"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Red-Burgundy (2)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Fall Color-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Fall Color-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.m.OutdoorPlants.FallColor"
                      value="Yellow-Gold"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Yellow-Gold (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Fall Color-3" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Fall Color-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.m.OutdoorPlants.FallColor"
                      value="Green"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Green (3)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="above-14" 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="Season of Interest (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Season of Interest<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=Gaillardia`)" 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-Season of Interest-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Season of Interest-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.SeasonofInterest"
                      value="Summer"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Summer (5)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="above-15" 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="Food Growing (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Food Growing<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=Gaillardia`)" 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-Food Growing-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Food Growing-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.FoodGrowing"
                      value="None"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">None (5)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="above-16" 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="Landscape Use (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Landscape Use<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=Gaillardia`)" 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-Landscape Use-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Landscape Use-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.LandscapeUse"
                      value="Accent"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Accent (2)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Landscape Use-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Landscape Use-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.m.OutdoorPlants.LandscapeUse"
                      value="Border"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Border (3)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="above-17" 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="Pest & Disease Resistance (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Pest &amp; Disease Resistance<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=Gaillardia`)" 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-Pest &amp; Disease Resistance-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Pest &amp; Disease Resistance-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.Resistance"
                      value="Deer Resistant"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Deer Resistant (5)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Pest &amp; Disease Resistance-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Pest &amp; Disease Resistance-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.m.OutdoorPlants.Resistance"
                      value="Rabbit Resistant"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Rabbit Resistant (5)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Pest &amp; Disease Resistance-3" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Pest &amp; Disease Resistance-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.m.OutdoorPlants.Resistance"
                      value="Insect Resistant"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Insect Resistant (4)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Pest &amp; Disease Resistance-4" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Pest &amp; Disease Resistance-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.m.OutdoorPlants.Resistance"
                      value="Disease Resistant"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Disease Resistant (5)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="above-18" 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="Pollinator & Wildlife Support (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Pollinator &amp; Wildlife Support<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=Gaillardia`)" 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-Pollinator &amp; Wildlife Support-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Pollinator &amp; Wildlife Support-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.Wildlife"
                      value="Pollinator – Butterflies"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Pollinator – Butterflies (3)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Pollinator &amp; Wildlife Support-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Pollinator &amp; Wildlife Support-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.m.OutdoorPlants.Wildlife"
                      value="Pollinator – Hummingbirds"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Pollinator – Hummingbirds (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Pollinator &amp; Wildlife Support-3" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Pollinator &amp; Wildlife Support-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.m.OutdoorPlants.Wildlife"
                      value="Benefits Birds"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Benefits Birds (3)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Pollinator &amp; Wildlife Support-4" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Pollinator &amp; Wildlife Support-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.m.OutdoorPlants.Wildlife"
                      value="None"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">None (1)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="above-19" 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="Garden Performance & Beauty (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Garden Performance &amp; Beauty<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=Gaillardia`)" 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-Garden Performance &amp; Beauty-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Garden Performance &amp; Beauty-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.Performance"
                      value="Flowers for Cutting"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Flowers for Cutting (4)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Garden Performance &amp; Beauty-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Garden Performance &amp; Beauty-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.m.OutdoorPlants.Performance"
                      value="Repeat Flowering"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Repeat Flowering (5)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Garden Performance &amp; Beauty-3" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Garden Performance &amp; Beauty-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.m.OutdoorPlants.Performance"
                      value="New Introduction"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">New Introduction (1)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="above-20" 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="Environmental Tolerances (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Environmental Tolerances<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=Gaillardia`)" 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-Environmental Tolerances-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Environmental Tolerances-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.Tolerance"
                      value="Cold Tolerant"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Cold Tolerant (5)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Environmental Tolerances-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Environmental Tolerances-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.m.OutdoorPlants.Tolerance"
                      value="Erosion Control"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Erosion Control (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-above-Environmental Tolerances-3" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-above-Environmental Tolerances-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.m.OutdoorPlants.Tolerance"
                      value="Juglone (Black Walnut) Tolerant"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Juglone (Black Walnut) Tolerant (3)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    
    <div x-data="{open: false}" class="js-filter relative" data-index="above-21"  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">
        <span class="text-medium text-[rgba(var(--colors-heading))] md:mr-7">Price</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 min-w-[266px] md:shadow-[rgba(0,0,0,0.15)_0px_5px_15px_0px]" @click.away="open=false" x-show="open" x-cloak>
        <div class="pt-1 pb-2 mb-6 border-b mx-1 justify-end flex text-[0.8505rem] md:text-[0.945rem]">
          <button @click.prevent="removeFilter(`/search?q=Gaillardia`)" class="facet-reset cursor-pointer ml-5">
            Reset
          </button>
        </div>
        <div class="flex pb-4 md:mb-4 items-center justify-between">
          <div x-intersect.once="rangePrice($el)" class="w-full range-price-filter px-1">
            <div x-intersect.once="initRange($el)" class="w-full text-[rgb(var(--colors-text),0.7)]">
              <div class="slider h-1.5 relative border border-solid">
                <div style="left: var(--left_range); right: var(--right_range);" class="progress h-full absolute bg-[rgb(var(--colors-text-link))] left-0 right-0"></div>
              </div>
              <div class="range-input relative">
                <input @change="onSubmit()" class="absolute -translate-x-1 rtl:translate-x-1 range-min w-full bg-none h-1.5 -top-1.5 pointer-events-none appearance-none"
                  name="filter.v.price.gte"value="0"type="range"
                  placeholder="0"
                  min="0"
                  defaultValue="0"max="74.99"
                  step=".01"
                  form="ranger-price"
                  id="Filter-above-Price--range-min"
                >
                <input @change="onSubmit()" class="absolute translate-x-1 rtl:-translate-x-1 range-max w-full bg-none h-1.5 -top-1.5 pointer-events-none appearance-none"  type="range" min="1"value="74.99"placeholder="74.99"
                    max="74.99"
                    defaultValue="74.99"
                  
                  form="ranger-price"
                  step=".01"
                  id="Filter-above-Price--range-max"
                >
              </div>
              <input @change="onSubmit()" class="price-input absolute opacity-0 -z-10"
                name="filter.v.price.gte"
                x-ref="filter_price_gte"type="number"
                placeholder="0"
                min="0"
                defaultValue="0"max="74.99"
                step=".01"
                id="Filter-above-Price--min"
              >
              <input @change="onSubmit()" class="price-input absolute opacity-0 -z-10" name="filter.v.price.lte" 
                x-ref="filter_price_lte" type="number" min="0"placeholder="74.99"
                  max="74.99"
                  defaultValue="74.99"
                
                step=".01"
                id="Filter-above-Price--max"
              >
              <div class="w-full flex justify-between mt-3">
                <div class="flex items-center">
                  <span>$</span>
                  <p class="price-preview">0</p>
                </div>
                <div class="flex items-center">
                  <span>$</span>
                  <p class="price-preview">74.99
</p>
                </div>
              </div>
            </div>
          </div>
        </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="Gaillardia">
    <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">9 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=Gaillardia`)" 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 (1)</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="Books"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Books (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="Perennials"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Perennials (5)</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="Seed Packets"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Seed Packets (2)</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="Seeds"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Seeds (2)</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="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=Gaillardia`)" 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="Gaillardia"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Gaillardia (5)</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="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=Gaillardia`)" 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 (5)</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="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=Gaillardia`)" 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="Low"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Low (3)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Water Needs-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Water Needs-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.m.OutdoorPlants.WaterNeeds"
                      value="Moderate"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Moderate (2)</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="Mature Height (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Mature Height<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=Gaillardia`)" 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-Mature Height-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Mature Height-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.MatureHeight"
                      value="12 - 18&quot;"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">12 - 18&quot; (3)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Mature Height-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Mature Height-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.m.OutdoorPlants.MatureHeight"
                      value="24 - 36&quot;"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">24 - 36&quot; (2)</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="Mature Spread (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Mature Spread<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=Gaillardia`)" 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-Mature Spread-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Mature Spread-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.MatureSpread"
                      value="12 - 18&quot;"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">12 - 18&quot; (2)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Mature Spread-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Mature Spread-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.m.OutdoorPlants.MatureSpread"
                      value="3&#39; - 5&#39;"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">3&#39; - 5&#39; (2)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Mature Spread-3" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Mature Spread-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.m.OutdoorPlants.MatureSpread"
                      value="18 - 24&quot;"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">18 - 24&quot; (1)</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="Growth Rate (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Growth Rate<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=Gaillardia`)" 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-Growth Rate-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Growth Rate-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.GrowthRate"
                      value="Moderate"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Moderate (5)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-8">
      <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="Growth Shape (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Growth Shape<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=Gaillardia`)" 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-Growth Shape-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Growth Shape-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.GrowthHabit"
                      value="Clumping"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Clumping (3)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Growth Shape-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Growth Shape-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.m.OutdoorPlants.GrowthHabit"
                      value="Mounding"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Mounding (2)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-9">
      <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=Gaillardia`)" 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/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-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/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-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/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></ul>
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-10">
      <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="Flowering Season (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Flowering Season<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=Gaillardia`)" 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-Flowering Season-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Flowering Season-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.FloweringSeason"
                      value="Summer"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Summer (5)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Flowering Season-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Flowering Season-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.m.OutdoorPlants.FloweringSeason"
                      value="Fall"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Fall (3)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-11">
      <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="Winter Foliage (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Winter Foliage<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=Gaillardia`)" 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-Winter Foliage-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Winter Foliage-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.FoliageHabit"
                      value="Deciduous"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Deciduous (4)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Winter Foliage-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Winter Foliage-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.m.OutdoorPlants.FoliageHabit"
                      value="Evergreen"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Evergreen (1)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-12">
      <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="Foliage Color (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Foliage 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=Gaillardia`)" 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-Foliage Color-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Foliage Color-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.FoliageColor"
                      value="Green"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Green (5)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-13">
      <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="Fall Color (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Fall 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=Gaillardia`)" 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-Fall Color-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Fall Color-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.FallColor"
                      value="Red-Burgundy"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Red-Burgundy (2)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Fall Color-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Fall Color-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.m.OutdoorPlants.FallColor"
                      value="Yellow-Gold"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Yellow-Gold (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Fall Color-3" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Fall Color-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.m.OutdoorPlants.FallColor"
                      value="Green"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Green (3)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-14">
      <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="Season of Interest (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Season of Interest<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=Gaillardia`)" 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-Season of Interest-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Season of Interest-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.SeasonofInterest"
                      value="Summer"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Summer (5)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-15">
      <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="Food Growing (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Food Growing<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=Gaillardia`)" 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-Food Growing-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Food Growing-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.FoodGrowing"
                      value="None"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">None (5)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-16">
      <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="Landscape Use (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Landscape Use<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=Gaillardia`)" 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-Landscape Use-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Landscape Use-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.LandscapeUse"
                      value="Accent"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Accent (2)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Landscape Use-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Landscape Use-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.m.OutdoorPlants.LandscapeUse"
                      value="Border"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Border (3)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-17">
      <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="Pest & Disease Resistance (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Pest &amp; Disease Resistance<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=Gaillardia`)" 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-Pest &amp; Disease Resistance-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Pest &amp; Disease Resistance-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.Resistance"
                      value="Deer Resistant"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Deer Resistant (5)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Pest &amp; Disease Resistance-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Pest &amp; Disease Resistance-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.m.OutdoorPlants.Resistance"
                      value="Rabbit Resistant"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Rabbit Resistant (5)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Pest &amp; Disease Resistance-3" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Pest &amp; Disease Resistance-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.m.OutdoorPlants.Resistance"
                      value="Insect Resistant"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Insect Resistant (4)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Pest &amp; Disease Resistance-4" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Pest &amp; Disease Resistance-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.m.OutdoorPlants.Resistance"
                      value="Disease Resistant"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Disease Resistant (5)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-18">
      <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="Pollinator & Wildlife Support (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Pollinator &amp; Wildlife Support<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=Gaillardia`)" 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-Pollinator &amp; Wildlife Support-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Pollinator &amp; Wildlife Support-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.Wildlife"
                      value="Pollinator – Butterflies"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Pollinator – Butterflies (3)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Pollinator &amp; Wildlife Support-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Pollinator &amp; Wildlife Support-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.m.OutdoorPlants.Wildlife"
                      value="Pollinator – Hummingbirds"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Pollinator – Hummingbirds (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Pollinator &amp; Wildlife Support-3" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Pollinator &amp; Wildlife Support-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.m.OutdoorPlants.Wildlife"
                      value="Benefits Birds"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Benefits Birds (3)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Pollinator &amp; Wildlife Support-4" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Pollinator &amp; Wildlife Support-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.m.OutdoorPlants.Wildlife"
                      value="None"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">None (1)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-19">
      <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="Garden Performance & Beauty (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Garden Performance &amp; Beauty<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=Gaillardia`)" 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-Garden Performance &amp; Beauty-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Garden Performance &amp; Beauty-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.Performance"
                      value="Flowers for Cutting"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Flowers for Cutting (4)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Garden Performance &amp; Beauty-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Garden Performance &amp; Beauty-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.m.OutdoorPlants.Performance"
                      value="Repeat Flowering"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Repeat Flowering (5)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Garden Performance &amp; Beauty-3" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Garden Performance &amp; Beauty-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.m.OutdoorPlants.Performance"
                      value="New Introduction"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">New Introduction (1)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-20">
      <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="Environmental Tolerances (0 selected)">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Environmental Tolerances<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=Gaillardia`)" 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-Environmental Tolerances-1" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Environmental Tolerances-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.Tolerance"
                      value="Cold Tolerant"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Cold Tolerant (5)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Environmental Tolerances-2" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Environmental Tolerances-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.m.OutdoorPlants.Tolerance"
                      value="Erosion Control"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Erosion Control (1)</span>
                  </label>
                </li><li class="list-none mb-3 eurus">
                  <label for="Filter-drawer-Environmental Tolerances-3" class="flex items-center cursor-pointer">
                    <input type="checkbox"
                      id="Filter-drawer-Environmental Tolerances-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.m.OutdoorPlants.Tolerance"
                      value="Juglone (Black Walnut) Tolerant"
                      
                      
                      @change="onSubmit()"
                    >
                    <span class="p-break-words">Juglone (Black Walnut) Tolerant (3)</span>
                  </label>
                </li></ul> 
          
        </div>
      </div>
    </div>
  



    
    <div x-data="{open: false}" class="js-filter relative" data-index="drawer-21">
      <button @click.prevent="open=!open"  
        class="facets__summary w-full relative cursor-pointer flex py-2 border-solid items-center border-b justify-between">
        <span class="text-medium text-[rgba(var(--colors-heading))]">Price</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="pt-4 pb-4 justify-end flex text-[0.8505rem] md:text-[0.945rem]">
          <button @click.prevent="removeFilter(`/search?q=Gaillardia`)" class="facet-reset cursor-pointer ml-5">
            Reset
          </button>
        </div>
        <div class="flex pb-4 md:mb-4 items-center justify-between">
          <div x-intersect.once="rangePrice($el)" class="w-full range-price-filter px-1">
            <div x-intersect.once="initRange($el)" class="w-full text-[rgb(var(--colors-text),0.7)]">
              <div class="slider h-1.5 relative border border-solid">
                <div style="left: var(--left_range); right: var(--right_range);" class="progress h-full absolute bg-[rgb(var(--colors-text-link))] left-0 right-0"></div>
              </div>
              <div class="range-input relative">
                <input @change="onSubmit()" class="absolute -translate-x-1 rtl:translate-x-1 range-min w-full bg-none h-1.5 -top-1.5 pointer-events-none appearance-none"
                  name="filter.v.price.gte"value="0"type="range"
                  placeholder="0"
                  min="0"
                  defaultValue="0"max="74.99"
                  step=".01"
                  form="ranger-price"
                  id="Filter-drawer-Price--range-min"
                >
                <input @change="onSubmit()" class="absolute translate-x-1 rtl:-translate-x-1 range-max w-full bg-none h-1.5 -top-1.5 pointer-events-none appearance-none"  type="range" min="1"value="74.99"placeholder="74.99"
                    max="74.99"
                    defaultValue="74.99"
                  
                  form="ranger-price"
                  step=".01"
                  id="Filter-drawer-Price--range-max"
                >
              </div>
              <input @change="onSubmit()" class="price-input absolute opacity-0 -z-10"
                name="filter.v.price.gte"
                x-ref="filter_price_gte"type="number"
                placeholder="0"
                min="0"
                defaultValue="0"max="74.99"
                step=".01"
                id="Filter-drawer-Price--min"
              >
              <input @change="onSubmit()" class="price-input absolute opacity-0 -z-10" name="filter.v.price.lte" 
                x-ref="filter_price_lte" type="number" min="0"placeholder="74.99"
                  max="74.99"
                  defaultValue="74.99"
                
                step=".01"
                id="Filter-drawer-Price--max"
              >
              <div class="w-full flex justify-between mt-3">
                <div class="flex items-center">
                  <span>$</span>
                  <p class="price-preview">0</p>
                </div>
                <div class="flex items-center">
                  <span>$</span>
                  <p class="price-preview">74.99
</p>
                </div>
              </div>
            </div>
          </div>
        </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/285/assets/facets.js?v=10088640818262105401769426210" 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--18092470993030__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--18092470993030__main-11', '/products/seed-gaillardia-goblin', '6929798398086')"  
  
  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-gaillardia-goblin?_pos=1&_sid=5f6c69ac4&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6929798398086,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Botanical Interests Goblin Gaillardia 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;: 6,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Botanical Interests Goblin Gaillardia 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--18092470993030__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 Goblin Gaillardia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929798398086&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-goblin-gaillardia-seeds.jpg?v=1769707833&amp;width=1500" alt="Botanical Interests Goblin Gaillardia Seeds" srcset="//chalet-nursery.shop/cdn/shop/files/botanical-interests-goblin-gaillardia-seeds.jpg?v=1769707833&amp;width=375 375w, //chalet-nursery.shop/cdn/shop/files/botanical-interests-goblin-gaillardia-seeds.jpg?v=1769707833&amp;width=450 450w, //chalet-nursery.shop/cdn/shop/files/botanical-interests-goblin-gaillardia-seeds.jpg?v=1769707833&amp;width=750 750w, //chalet-nursery.shop/cdn/shop/files/botanical-interests-goblin-gaillardia-seeds.jpg?v=1769707833&amp;width=900 900w, //chalet-nursery.shop/cdn/shop/files/botanical-interests-goblin-gaillardia-seeds.jpg?v=1769707833&amp;width=1100 1100w, //chalet-nursery.shop/cdn/shop/files/botanical-interests-goblin-gaillardia-seeds.jpg?v=1769707833&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-goblin-gaillardia-seeds.jpg?v=1769707833&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-goblin-gaillardia-seeds.jpg?v=1769707833&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-goblin-gaillardia-seeds.jpg?v=1769707833&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-goblin-gaillardia-seeds.jpg?v=1769707833&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/botanical-interests-goblin-gaillardia-seeds.jpg?v=1769707833&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/botanical-interests-goblin-gaillardia-seeds.jpg?v=1769707833 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/botanical-interests-goblin-gaillardia-seeds.jpg?v=1769707833&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 Goblin Gaillardia 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--18092470993030__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="40301738164358">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--18092470993030__main-6929798398086-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--18092470993030__main-6929798398086-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 Goblin Gaillardia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929798398086&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="6929798398086" /><input type="hidden" name="section-id" value="template--18092470993030__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-gaillardia-goblin', $el, 'template--18092470993030__main-6929798398086-11')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-gaillardia-goblin', $el, 'template--18092470993030__main-6929798398086-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 Goblin Gaillardia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929798398086&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-gaillardia-goblin", $el, "template--18092470993030__main-6929798398086-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 Goblin Gaillardia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929798398086&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--18092470993030__main-6929798398086">
            <a href="/products/seed-gaillardia-goblin?_pos=1&_sid=5f6c69ac4&_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 Goblin Gaillardia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929798398086&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Goblin Gaillardia 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-6929798398086-template--18092470993030__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--18092470993030__main-6929798398086">
            <a href="/products/seed-gaillardia-goblin?_pos=1&_sid=5f6c69ac4&_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 Goblin Gaillardia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929798398086&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 269,
      &quot;vendor&quot;: &quot;Botanical Interests-Epic Gardening&quot;
    }
  }"
            >
              Botanical Interests Goblin Gaillardia 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--18092470993030__main', '/products/seed-gaillardia-goblin?_pos=1&_sid=5f6c69ac4&_ss=r');
        });"></div>
        <div
          id="current-variant-template--18092470993030__main-6929798398086-11" 
          class="current-variant hidden"
        >
          40301738164358
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p><span>Goblin' is a first-year flowering perennial and compact-growing selection created by crossing native gaillardias. Butterflies love the bright red and yellow bicolored flowers that are continually produced from summer through frost. After the petals fall, the round, reddish-brown seed heads mix among the flowers for added interest and for bird forage. Plants look great even in the heat of summer when many other plants seem to fade. Long-lasting flowers are ideal for fresh bouquets. Also called blanket flower.</span></p>
<p><b>When to Sow Outside:</b><span> </span>4 to 6 weeks before your average last frost date.</p>
<p><b>When to Start Inside:</b><span> </span>6 to 8 weeks before your average last frost date.</p>
<p><b>Days to Emerge:</b><span> </span>15 – 25 days</p>
<p><b>Seed Depth:</b><span> </span>¼"</p>
<p><b>Seed Spacing:</b><span> </span>A group of 3 seeds every 12"–18"</p>
<p><b>Thinning:</b><span> </span>When 1" tall, thin to 1 every 12"–18"</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--18092470993030__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="40301738164358">
              
              
              <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--18092470993030__main-6929798398086-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="6929798398086" /><input type="hidden" name="section-id" value="template--18092470993030__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--18092470993030__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="40301738164358">
                
                
                <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--18092470993030__main-6929798398086-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="6929798398086" /><input type="hidden" name="section-id" value="template--18092470993030__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-gaillardia-goblin', $el, 'template--18092470993030__main-6929798398086-11')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-gaillardia-goblin', $el, 'template--18092470993030__main-6929798398086-11')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-gaillardia-goblin", $el, "template--18092470993030__main-6929798398086-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 Goblin Gaillardia Seeds&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929798398086&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/285/assets/preview-color-swatches.js?v=119428623299356045671769426216" 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--18092470993030__main-12', '/products/seed-flower-honey-bee-mix', '6931223281798')"  
  
  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-flower-honey-bee-mix?_pos=2&_sid=5f6c69ac4&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6931223281798,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Seed Savers Honey Bee Mix&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 450,
      &quot;price_with_currency&quot;: &quot;$4.50&quot;,
      &quot;sale_amount&quot;: &quot;$-4.50&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;: 6,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Seed Savers Honey Bee Mix"
      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--18092470993030__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;Seed Savers Honey Bee Mix&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931223281798&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 450,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
          >
          
<div class="hidden">
                
                <img src="//chalet-nursery.shop/cdn/shop/files/seed-savers-honey-bee-mix-flower.jpg?v=1768855317&amp;width=1500" alt="Seed Savers Honey Bee Mix" srcset="//chalet-nursery.shop/cdn/shop/files/seed-savers-honey-bee-mix-flower.jpg?v=1768855317&amp;width=375 375w, //chalet-nursery.shop/cdn/shop/files/seed-savers-honey-bee-mix-flower.jpg?v=1768855317&amp;width=450 450w, //chalet-nursery.shop/cdn/shop/files/seed-savers-honey-bee-mix-flower.jpg?v=1768855317&amp;width=750 750w, //chalet-nursery.shop/cdn/shop/files/seed-savers-honey-bee-mix-flower.jpg?v=1768855317&amp;width=900 900w, //chalet-nursery.shop/cdn/shop/files/seed-savers-honey-bee-mix-flower.jpg?v=1768855317&amp;width=1100 1100w, //chalet-nursery.shop/cdn/shop/files/seed-savers-honey-bee-mix-flower.jpg?v=1768855317&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/seed-savers-honey-bee-mix-flower.jpg?v=1768855317&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/seed-savers-honey-bee-mix-flower.jpg?v=1768855317&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/seed-savers-honey-bee-mix-flower.jpg?v=1768855317&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/seed-savers-honey-bee-mix-flower.jpg?v=1768855317&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/seed-savers-honey-bee-mix-flower.jpg?v=1768855317&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/seed-savers-honey-bee-mix-flower.jpg?v=1768855317 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/seed-savers-honey-bee-mix-flower.jpg?v=1768855317&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 Honey Bee Mix"
                  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--18092470993030__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="40396511051910">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--18092470993030__main-6931223281798-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--18092470993030__main-6931223281798-12"
                    :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 Honey Bee Mix&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931223281798&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 450,
      &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="6931223281798" /><input type="hidden" name="section-id" value="template--18092470993030__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-honey-bee-mix', $el, 'template--18092470993030__main-6931223281798-12')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-flower-honey-bee-mix', $el, 'template--18092470993030__main-6931223281798-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;Seed Savers Honey Bee Mix&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931223281798&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 450,
      &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-honey-bee-mix", $el, "template--18092470993030__main-6931223281798-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;Seed Savers Honey Bee Mix&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931223281798&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 450,
      &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--18092470993030__main-6931223281798">
            <a href="/products/seed-flower-honey-bee-mix?_pos=2&_sid=5f6c69ac4&_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 Honey Bee Mix&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931223281798&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 450,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
            >
              Seed Savers Honey Bee Mix
            </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">450</div><p class="price">
          <span>$2.25</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-6931223281798-template--18092470993030__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--18092470993030__main-6931223281798">
            <a href="/products/seed-flower-honey-bee-mix?_pos=2&_sid=5f6c69ac4&_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 Honey Bee Mix&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931223281798&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 450,
      &quot;vendor&quot;: &quot;Seed Savers Exchange&quot;
    }
  }"
            >
              Seed Savers Honey Bee Mix
            </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">450</div><p class="price">
          <span>$2.25</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--18092470993030__main', '/products/seed-flower-honey-bee-mix?_pos=2&_sid=5f6c69ac4&_ss=r');
        });"></div>
        <div
          id="current-variant-template--18092470993030__main-6931223281798-12" 
          class="current-variant hidden"
        >
          40396511051910
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p>The result of years of research in Applewood Seed Company’s test gardens, this mix offers a blend of adaptable annual and perennial flowers that provide nectar and pollen to honey bees all season long. It excels in garden beds, borders, and other maintained areas. Varieties include: </p>
<ul>
<li>Blanketflower (Gaillardia aristata)</li>
<li>California Poppy (Eschscholzia californica)</li>
<li>Cape Forget-Me-Not (Anchusa capensis)</li>
<li>China Aster (Callistephus chinensis)</li>
<li>Chinese Forget-Me-Not (Cynoglossum amabile)</li>
<li>Poppy,Corn, Mixed - Papaver rhoeas</li>
<li>Lacy Phacelia (Phacelia tanacetifolia)</li>
<li>Mexican Hat (Ratibida columnifera)</li>
<li>New England Aster (Symphyotrichum novae-angliae)</li>
<li>Purple Coneflower (Echinacea purpurea)</li>
<li>Purple Giant Hyssop (Agastache rugosa)</li>
<li>Purple Prairie Clover (Dalea purpurea)</li>
<li>Scarlet Cinquefoil (Potentilla thurberi)</li>
<li>Siberian Wallflower (Cheiranthus allionii)</li>
<li>Slender Mountain Mint (Pycnanthemum tenuifolium)</li>
<li>Sulphur Cosmos (Cosmos sulphureus)</li>
<li>Sweet Basil (Ocimum basilicum)</li>
<li>Sweet Mignonette (Reseda odorata)</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--18092470993030__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="40396511051910">
              
              
              <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--18092470993030__main-6931223281798-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="6931223281798" /><input type="hidden" name="section-id" value="template--18092470993030__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--18092470993030__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="40396511051910">
                
                
                <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--18092470993030__main-6931223281798-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="6931223281798" /><input type="hidden" name="section-id" value="template--18092470993030__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/seed-flower-honey-bee-mix', $el, 'template--18092470993030__main-6931223281798-12')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/seed-flower-honey-bee-mix', $el, 'template--18092470993030__main-6931223281798-12')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/seed-flower-honey-bee-mix", $el, "template--18092470993030__main-6931223281798-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;Seed Savers Honey Bee Mix&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6931223281798&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 450,
      &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/285/assets/preview-color-swatches.js?v=119428623299356045671769426216" 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--18092470993030__main-13', '/products/gaillardia-spintop-halo-orange-improved', '7375328739462')"  
  
  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/gaillardia-spintop-halo-orange-improved?_pos=3&_sid=5f6c69ac4&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 7375328739462,
      &quot;available&quot;: false,
      &quot;title&quot;: &quot;Gaillardia, Spintop Halo Orange Improved&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 1699,
      &quot;price_with_currency&quot;: &quot;$16.99&quot;,
      &quot;sale_amount&quot;: &quot;$-16.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||152855871622||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 0,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Gaillardia, Spintop Halo Orange Improved"
      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--18092470993030__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;Gaillardia, Spintop Halo Orange Improved&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7375328739462&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&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-perennials-outdoor-plants-05-2.jpg?v=1755628201&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-perennials-outdoor-plants-05-2.jpg?v=1755628201&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-perennials-outdoor-plants-05-2.jpg?v=1755628201&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-perennials-outdoor-plants-05-2.jpg?v=1755628201&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-perennials-outdoor-plants-05-2.jpg?v=1755628201&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-perennials-outdoor-plants-05-2.jpg?v=1755628201 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-perennials-outdoor-plants-05-2.jpg?v=1755628201&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="Gaillardia, Spintop Halo Orange Improved"
                  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--18092470993030__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="41724373401734">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--18092470993030__main-7375328739462-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'"
                    
                      disabled
                      aria-label="Sold out"
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</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--18092470993030__main-7375328739462-13"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      disabled
                      aria-label="Sold out"
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gaillardia, Spintop Halo Orange Improved&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7375328739462&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&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="7375328739462" /><input type="hidden" name="section-id" value="template--18092470993030__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/gaillardia-spintop-halo-orange-improved', $el, 'template--18092470993030__main-7375328739462-13')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/gaillardia-spintop-halo-orange-improved', $el, 'template--18092470993030__main-7375328739462-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;Gaillardia, Spintop Halo Orange Improved&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7375328739462&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&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/gaillardia-spintop-halo-orange-improved", $el, "template--18092470993030__main-7375328739462-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;Gaillardia, Spintop Halo Orange Improved&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7375328739462&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&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--18092470993030__main-7375328739462">
            <a href="/products/gaillardia-spintop-halo-orange-improved?_pos=3&_sid=5f6c69ac4&_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;Gaillardia, Spintop Halo Orange Improved&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7375328739462&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Gaillardia, Spintop Halo Orange Improved
            </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">1699</div><p class="price">
          <span>$8.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-7375328739462-template--18092470993030__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--18092470993030__main-7375328739462">
            <a href="/products/gaillardia-spintop-halo-orange-improved?_pos=3&_sid=5f6c69ac4&_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;Gaillardia, Spintop Halo Orange Improved&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7375328739462&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Gaillardia, Spintop Halo Orange Improved
            </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">1699</div><p class="price">
          <span>$8.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--18092470993030__main', '/products/gaillardia-spintop-halo-orange-improved?_pos=3&_sid=5f6c69ac4&_ss=r');
        });"></div>
        <div
          id="current-variant-template--18092470993030__main-7375328739462-13" 
          class="current-variant hidden"
        >
          41724373401734
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p><meta charset="utf-8"><span>SpinTop™ Orange Halo Blanket Flower has masses of beautiful semi-double orange daisy flowers with dark red eyes and gold tips at the ends of the stems from early summer to early fall, which are most effective when planted in groupings. The flowers are excellent for cutting. Its tomentose narrow leaves remain grayish green in color throughout the season.</span></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--18092470993030__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="41724373401734">
              
              
              <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--18092470993030__main-7375328739462-13"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
                  disabled
                  aria-label="Sold out"
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</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="7375328739462" /><input type="hidden" name="section-id" value="template--18092470993030__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--18092470993030__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="41724373401734">
                
                
                <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--18092470993030__main-7375328739462-13"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
                    disabled
                    aria-label="Sold out"
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</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="7375328739462" /><input type="hidden" name="section-id" value="template--18092470993030__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/gaillardia-spintop-halo-orange-improved', $el, 'template--18092470993030__main-7375328739462-13')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/gaillardia-spintop-halo-orange-improved', $el, 'template--18092470993030__main-7375328739462-13')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/gaillardia-spintop-halo-orange-improved", $el, "template--18092470993030__main-7375328739462-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;Gaillardia, Spintop Halo Orange Improved&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7375328739462&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&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/285/assets/preview-color-swatches.js?v=119428623299356045671769426216" 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--18092470993030__main-14', '/products/gailardia-spintop-starburst-red-improved', '7375790211206')"  
  
  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/gailardia-spintop-starburst-red-improved?_pos=4&_sid=5f6c69ac4&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 7375790211206,
      &quot;available&quot;: false,
      &quot;title&quot;: &quot;Gailardia, Spintop Starburst Red Improved&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 1699,
      &quot;price_with_currency&quot;: &quot;$16.99&quot;,
      &quot;sale_amount&quot;: &quot;$-16.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||152855871622||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 0,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Gailardia, Spintop Starburst Red Improved"
      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--18092470993030__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;Gailardia, Spintop Starburst Red Improved&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7375790211206&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&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-perennial-landscape-flowering-1-22.jpg?v=1755628190&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-perennial-landscape-flowering-1-22.jpg?v=1755628190&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-perennial-landscape-flowering-1-22.jpg?v=1755628190&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-perennial-landscape-flowering-1-22.jpg?v=1755628190&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-perennial-landscape-flowering-1-22.jpg?v=1755628190&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-perennial-landscape-flowering-1-22.jpg?v=1755628190 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-chicago-perennial-landscape-flowering-1-22.jpg?v=1755628190&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="Gailardia, Spintop Starburst Red Improved"
                  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--18092470993030__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="41725918806150">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--18092470993030__main-7375790211206-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'"
                    
                      disabled
                      aria-label="Sold out"
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</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--18092470993030__main-7375790211206-14"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      disabled
                      aria-label="Sold out"
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gailardia, Spintop Starburst Red Improved&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7375790211206&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&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="7375790211206" /><input type="hidden" name="section-id" value="template--18092470993030__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/gailardia-spintop-starburst-red-improved', $el, 'template--18092470993030__main-7375790211206-14')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/gailardia-spintop-starburst-red-improved', $el, 'template--18092470993030__main-7375790211206-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;Gailardia, Spintop Starburst Red Improved&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7375790211206&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&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/gailardia-spintop-starburst-red-improved", $el, "template--18092470993030__main-7375790211206-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;Gailardia, Spintop Starburst Red Improved&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7375790211206&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&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--18092470993030__main-7375790211206">
            <a href="/products/gailardia-spintop-starburst-red-improved?_pos=4&_sid=5f6c69ac4&_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;Gailardia, Spintop Starburst Red Improved&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7375790211206&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Gailardia, Spintop Starburst Red Improved
            </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">1699</div><p class="price">
          <span>$8.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-7375790211206-template--18092470993030__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--18092470993030__main-7375790211206">
            <a href="/products/gailardia-spintop-starburst-red-improved?_pos=4&_sid=5f6c69ac4&_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;Gailardia, Spintop Starburst Red Improved&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7375790211206&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Gailardia, Spintop Starburst Red Improved
            </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">1699</div><p class="price">
          <span>$8.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--18092470993030__main', '/products/gailardia-spintop-starburst-red-improved?_pos=4&_sid=5f6c69ac4&_ss=r');
        });"></div>
        <div
          id="current-variant-template--18092470993030__main-7375790211206-14" 
          class="current-variant hidden"
        >
          41725918806150
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p><meta charset="utf-8"><span>SpinTop™ Red Starburst Blanket Flower has masses of beautiful semi-double red daisy flowers with dark red eyes and yellow tips at the ends of the stems from early summer to early fall, which are most effective when planted in groupings. The flowers are excellent for cutting. Its tomentose narrow leaves remain grayish green in color throughout the season.</span></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--18092470993030__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="41725918806150">
              
              
              <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--18092470993030__main-7375790211206-14"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
                  disabled
                  aria-label="Sold out"
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</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="7375790211206" /><input type="hidden" name="section-id" value="template--18092470993030__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--18092470993030__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="41725918806150">
                
                
                <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--18092470993030__main-7375790211206-14"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
                    disabled
                    aria-label="Sold out"
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</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="7375790211206" /><input type="hidden" name="section-id" value="template--18092470993030__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/gailardia-spintop-starburst-red-improved', $el, 'template--18092470993030__main-7375790211206-14')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/gailardia-spintop-starburst-red-improved', $el, 'template--18092470993030__main-7375790211206-14')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/gailardia-spintop-starburst-red-improved", $el, "template--18092470993030__main-7375790211206-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;Gailardia, Spintop Starburst Red Improved&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7375790211206&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&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/285/assets/preview-color-swatches.js?v=119428623299356045671769426216" 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--18092470993030__main-15', '/products/blanket-flower-arizona-sun', '6927734407302')"  
  
  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/blanket-flower-arizona-sun?_pos=5&_sid=5f6c69ac4&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6927734407302,
      &quot;available&quot;: false,
      &quot;title&quot;: &quot;Blanket Flower, Arizona Sun&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 1899,
      &quot;price_with_currency&quot;: &quot;$18.99&quot;,
      &quot;sale_amount&quot;: &quot;$-18.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||152855871622||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 0,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Blanket Flower, Arizona Sun"
      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--18092470993030__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;Blanket Flower, Arizona Sun&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927734407302&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 699,
      &quot;vendor&quot;: &quot;Chalet&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/Blanket_Flower_Arizona_Sun1.png?v=1755630679&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Blanket_Flower_Arizona_Sun1.png?v=1755630679&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Blanket_Flower_Arizona_Sun1.png?v=1755630679&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Blanket_Flower_Arizona_Sun1.png?v=1755630679&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Blanket_Flower_Arizona_Sun1.png?v=1755630679&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Blanket_Flower_Arizona_Sun1.png?v=1755630679 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Blanket_Flower_Arizona_Sun1.png?v=1755630679&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="Blanket Flower, Arizona Sun"
                  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--18092470993030__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="42355986006150">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--18092470993030__main-6927734407302-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'"
                    
                      disabled
                      aria-label="Sold out"
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</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--18092470993030__main-6927734407302-15"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      disabled
                      aria-label="Sold out"
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Blanket Flower, Arizona Sun&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927734407302&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 699,
      &quot;vendor&quot;: &quot;Chalet&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="6927734407302" /><input type="hidden" name="section-id" value="template--18092470993030__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/blanket-flower-arizona-sun', $el, 'template--18092470993030__main-6927734407302-15')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/blanket-flower-arizona-sun', $el, 'template--18092470993030__main-6927734407302-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;Blanket Flower, Arizona Sun&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927734407302&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 699,
      &quot;vendor&quot;: &quot;Chalet&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/blanket-flower-arizona-sun", $el, "template--18092470993030__main-6927734407302-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;Blanket Flower, Arizona Sun&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927734407302&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 699,
      &quot;vendor&quot;: &quot;Chalet&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--18092470993030__main-6927734407302">
            <a href="/products/blanket-flower-arizona-sun?_pos=5&_sid=5f6c69ac4&_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;Blanket Flower, Arizona Sun&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927734407302&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 699,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Blanket Flower, Arizona Sun
            </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">699</div><p class="price">
          <span>From $3.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-6927734407302-template--18092470993030__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--18092470993030__main-6927734407302">
            <a href="/products/blanket-flower-arizona-sun?_pos=5&_sid=5f6c69ac4&_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;Blanket Flower, Arizona Sun&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927734407302&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 699,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Blanket Flower, Arizona Sun
            </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">699</div><p class="price">
          <span>From $3.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--18092470993030__main', '/products/blanket-flower-arizona-sun?_pos=5&_sid=5f6c69ac4&_ss=r');
        });"></div>
        <div
          id="current-variant-template--18092470993030__main-6927734407302-15" 
          class="current-variant hidden"
        >
          42355986006150
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <div id="botanic_name_detail" style="display: none;">Gaillardia x grandiflora 'Arizona Sun'</div>
<div id="product_description">
<p>Thriving on heat and neglect, Blanket Flower needs no fussing over! Dazzling, daisy-like flowers with orange-red petals tipped in bright yellow bloom from June through August. Good companions include Coreopsis, Phlox and Salvia. Must have good drainage and will fail in soils that are wet.</p>
<p>  </p>
</div>
          </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--18092470993030__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="42355986006150">
              
              
              <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--18092470993030__main-6927734407302-15"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
                  disabled
                  aria-label="Sold out"
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</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="6927734407302" /><input type="hidden" name="section-id" value="template--18092470993030__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--18092470993030__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="42355986006150">
                
                
                <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--18092470993030__main-6927734407302-15"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
                    disabled
                    aria-label="Sold out"
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</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="6927734407302" /><input type="hidden" name="section-id" value="template--18092470993030__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/blanket-flower-arizona-sun', $el, 'template--18092470993030__main-6927734407302-15')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/blanket-flower-arizona-sun', $el, 'template--18092470993030__main-6927734407302-15')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/blanket-flower-arizona-sun", $el, "template--18092470993030__main-6927734407302-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;Blanket Flower, Arizona Sun&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6927734407302&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 699,
      &quot;vendor&quot;: &quot;Chalet&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/285/assets/preview-color-swatches.js?v=119428623299356045671769426216" 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--18092470993030__main-16', '/products/gaillard-arista-barbican-red', '7378173722758')"  
  
  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/gaillard-arista-barbican-red?_pos=6&_sid=5f6c69ac4&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 7378173722758,
      &quot;available&quot;: false,
      &quot;title&quot;: &quot;Gaillard, Arista Barbican Red&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 1699,
      &quot;price_with_currency&quot;: &quot;$16.99&quot;,
      &quot;sale_amount&quot;: &quot;$-16.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||152855871622||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 0,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Gaillard, Arista Barbican Red"
      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--18092470993030__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;Gaillard, Arista Barbican Red&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7378173722758&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&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-outdoor-landscape-perennial-plants-21.jpg?v=1755628172&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-outdoor-landscape-perennial-plants-21.jpg?v=1755628172&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-outdoor-landscape-perennial-plants-21.jpg?v=1755628172&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-outdoor-landscape-perennial-plants-21.jpg?v=1755628172&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-outdoor-landscape-perennial-plants-21.jpg?v=1755628172&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-outdoor-landscape-perennial-plants-21.jpg?v=1755628172 801w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-outdoor-landscape-perennial-plants-21.jpg?v=1755628172&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="Gaillard, Arista Barbican Red"
                  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="801"
                  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--18092470993030__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="41738090741894">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--18092470993030__main-7378173722758-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'"
                    
                      disabled
                      aria-label="Sold out"
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</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--18092470993030__main-7378173722758-16"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      disabled
                      aria-label="Sold out"
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gaillard, Arista Barbican Red&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7378173722758&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&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="7378173722758" /><input type="hidden" name="section-id" value="template--18092470993030__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/gaillard-arista-barbican-red', $el, 'template--18092470993030__main-7378173722758-16')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/gaillard-arista-barbican-red', $el, 'template--18092470993030__main-7378173722758-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;Gaillard, Arista Barbican Red&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7378173722758&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&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/gaillard-arista-barbican-red", $el, "template--18092470993030__main-7378173722758-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;Gaillard, Arista Barbican Red&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7378173722758&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&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--18092470993030__main-7378173722758">
            <a href="/products/gaillard-arista-barbican-red?_pos=6&_sid=5f6c69ac4&_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;Gaillard, Arista Barbican Red&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7378173722758&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Gaillard, Arista Barbican Red
            </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">1699</div><p class="price">
          <span>$8.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-7378173722758-template--18092470993030__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--18092470993030__main-7378173722758">
            <a href="/products/gaillard-arista-barbican-red?_pos=6&_sid=5f6c69ac4&_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;Gaillard, Arista Barbican Red&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7378173722758&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Gaillard, Arista Barbican Red
            </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">1699</div><p class="price">
          <span>$8.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--18092470993030__main', '/products/gaillard-arista-barbican-red?_pos=6&_sid=5f6c69ac4&_ss=r');
        });"></div>
        <div
          id="current-variant-template--18092470993030__main-7378173722758-16" 
          class="current-variant hidden"
        >
          41738090741894
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p><meta charset="utf-8"><span>Barbican™ Red Blanket Flower has masses of beautiful semi-double scarlet daisy flowers with dark red eyes at the ends of the stems from late spring to late summer, which are most effective when planted in groupings. The flowers are excellent for cutting. Its tomentose narrow leaves remain grayish green in color throughout the season.<meta charset="utf-8"></span></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--18092470993030__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="41738090741894">
              
              
              <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--18092470993030__main-7378173722758-16"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
                  disabled
                  aria-label="Sold out"
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</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="7378173722758" /><input type="hidden" name="section-id" value="template--18092470993030__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--18092470993030__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="41738090741894">
                
                
                <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--18092470993030__main-7378173722758-16"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
                    disabled
                    aria-label="Sold out"
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</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="7378173722758" /><input type="hidden" name="section-id" value="template--18092470993030__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/gaillard-arista-barbican-red', $el, 'template--18092470993030__main-7378173722758-16')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/gaillard-arista-barbican-red', $el, 'template--18092470993030__main-7378173722758-16')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/gaillard-arista-barbican-red", $el, "template--18092470993030__main-7378173722758-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;Gaillard, Arista Barbican Red&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7378173722758&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&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/285/assets/preview-color-swatches.js?v=119428623299356045671769426216" 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--18092470993030__main-17', '/products/gardenia-aimee-braid', '6929243930758')"  
  
  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/gardenia-aimee-braid?_pos=7&_sid=5f6c69ac4&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 6929243930758,
      &quot;available&quot;: false,
      &quot;title&quot;: &quot;Gardenia, Aimee&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 7499,
      &quot;price_with_currency&quot;: &quot;$74.99&quot;,
      &quot;sale_amount&quot;: &quot;$-74.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||292208115846||152855871622||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 0,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Gardenia, Aimee"
      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--18092470993030__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;Gardenia, Aimee&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929243930758&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4999,
      &quot;vendor&quot;: &quot;Chalet&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/gajaa10br.jpg?v=1704236269&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/gajaa10br.jpg?v=1704236269&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/gajaa10br.jpg?v=1704236269&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/gajaa10br.jpg?v=1704236269&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/gajaa10br.jpg?v=1704236269&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/gajaa10br.jpg?v=1704236269 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/gajaa10br.jpg?v=1704236269&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="Gardenia, Aimee"
                  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--18092470993030__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="41790535925894">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--18092470993030__main-6929243930758-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'"
                    
                      disabled
                      aria-label="Sold out"
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</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--18092470993030__main-6929243930758-17"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      disabled
                      aria-label="Sold out"
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gardenia, Aimee&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929243930758&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4999,
      &quot;vendor&quot;: &quot;Chalet&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="6929243930758" /><input type="hidden" name="section-id" value="template--18092470993030__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/gardenia-aimee-braid', $el, 'template--18092470993030__main-6929243930758-17')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/gardenia-aimee-braid', $el, 'template--18092470993030__main-6929243930758-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;Gardenia, Aimee&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929243930758&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4999,
      &quot;vendor&quot;: &quot;Chalet&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/gardenia-aimee-braid", $el, "template--18092470993030__main-6929243930758-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;Gardenia, Aimee&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929243930758&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4999,
      &quot;vendor&quot;: &quot;Chalet&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--18092470993030__main-6929243930758">
            <a href="/products/gardenia-aimee-braid?_pos=7&_sid=5f6c69ac4&_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;Gardenia, Aimee&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929243930758&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Gardenia, Aimee
            </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">4999</div><p class="price">
          <span>From $25</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-6929243930758-template--18092470993030__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--18092470993030__main-6929243930758">
            <a href="/products/gardenia-aimee-braid?_pos=7&_sid=5f6c69ac4&_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;Gardenia, Aimee&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929243930758&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4999,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Gardenia, Aimee
            </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">4999</div><p class="price">
          <span>From $25</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--18092470993030__main', '/products/gardenia-aimee-braid?_pos=7&_sid=5f6c69ac4&_ss=r');
        });"></div>
        <div
          id="current-variant-template--18092470993030__main-6929243930758-17" 
          class="current-variant hidden"
        >
          41790535925894
        </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--18092470993030__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="41790535925894">
              
              
              <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--18092470993030__main-6929243930758-17"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
                  disabled
                  aria-label="Sold out"
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</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="6929243930758" /><input type="hidden" name="section-id" value="template--18092470993030__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--18092470993030__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="41790535925894">
                
                
                <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--18092470993030__main-6929243930758-17"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
                    disabled
                    aria-label="Sold out"
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</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="6929243930758" /><input type="hidden" name="section-id" value="template--18092470993030__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/gardenia-aimee-braid', $el, 'template--18092470993030__main-6929243930758-17')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/gardenia-aimee-braid', $el, 'template--18092470993030__main-6929243930758-17')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/gardenia-aimee-braid", $el, "template--18092470993030__main-6929243930758-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;Gardenia, Aimee&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6929243930758&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4999,
      &quot;vendor&quot;: &quot;Chalet&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/285/assets/preview-color-swatches.js?v=119428623299356045671769426216" 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--18092470993030__main-18', '/products/gaillard-arista-barbican-yellow-red-ring', '7378585485446')"  
  
  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/gaillard-arista-barbican-yellow-red-ring?_pos=8&_sid=5f6c69ac4&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 7378585485446,
      &quot;available&quot;: false,
      &quot;title&quot;: &quot;Gaillard Arista Barbican Yellow Red Ring&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 1699,
      &quot;price_with_currency&quot;: &quot;$16.99&quot;,
      &quot;sale_amount&quot;: &quot;$-16.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||152855871622||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 0,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Gaillard Arista Barbican Yellow Red Ring"
      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--18092470993030__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;Gaillard Arista Barbican Yellow Red Ring&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7378585485446&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&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-perennial-garden-flowering-landscape-2-2.jpg?v=1755628170&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-Chicago-perennial-garden-flowering-landscape-2-2.jpg?v=1755628170&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-Chicago-perennial-garden-flowering-landscape-2-2.jpg?v=1755628170&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-Chicago-perennial-garden-flowering-landscape-2-2.jpg?v=1755628170&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-Chicago-perennial-garden-flowering-landscape-2-2.jpg?v=1755628170&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Chalet-Chicago-perennial-garden-flowering-landscape-2-2.jpg?v=1755628170 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Chalet-Chicago-perennial-garden-flowering-landscape-2-2.jpg?v=1755628170&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="Gaillard Arista Barbican Yellow Red Ring"
                  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--18092470993030__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="41740121014406">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--18092470993030__main-7378585485446-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'"
                    
                      disabled
                      aria-label="Sold out"
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</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--18092470993030__main-7378585485446-18"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      disabled
                      aria-label="Sold out"
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gaillard Arista Barbican Yellow Red Ring&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7378585485446&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&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="7378585485446" /><input type="hidden" name="section-id" value="template--18092470993030__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/gaillard-arista-barbican-yellow-red-ring', $el, 'template--18092470993030__main-7378585485446-18')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/gaillard-arista-barbican-yellow-red-ring', $el, 'template--18092470993030__main-7378585485446-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;Gaillard Arista Barbican Yellow Red Ring&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7378585485446&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&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/gaillard-arista-barbican-yellow-red-ring", $el, "template--18092470993030__main-7378585485446-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;Gaillard Arista Barbican Yellow Red Ring&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7378585485446&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&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--18092470993030__main-7378585485446">
            <a href="/products/gaillard-arista-barbican-yellow-red-ring?_pos=8&_sid=5f6c69ac4&_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;Gaillard Arista Barbican Yellow Red Ring&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7378585485446&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Gaillard Arista Barbican Yellow Red Ring
            </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">1699</div><p class="price">
          <span>$8.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-7378585485446-template--18092470993030__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--18092470993030__main-7378585485446">
            <a href="/products/gaillard-arista-barbican-yellow-red-ring?_pos=8&_sid=5f6c69ac4&_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;Gaillard Arista Barbican Yellow Red Ring&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7378585485446&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&quot;
    }
  }"
            >
              Gaillard Arista Barbican Yellow Red Ring
            </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">1699</div><p class="price">
          <span>$8.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--18092470993030__main', '/products/gaillard-arista-barbican-yellow-red-ring?_pos=8&_sid=5f6c69ac4&_ss=r');
        });"></div>
        <div
          id="current-variant-template--18092470993030__main-7378585485446-18" 
          class="current-variant hidden"
        >
          41740121014406
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p><meta charset="utf-8"><meta charset="utf-8"><span>Barbican™ Yellow Red Ring Blanket Flower has masses of beautiful semi-double yellow daisy flowers with dark red eyes and a scarlet ring at the ends of the stems from late spring to late summer, which are most effective when planted in groupings. The flowers are excellent for cutting. Its tomentose narrow leaves remain grayish green in color throughout the season.</span><br></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--18092470993030__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="41740121014406">
              
              
              <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--18092470993030__main-7378585485446-18"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
                  disabled
                  aria-label="Sold out"
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</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="7378585485446" /><input type="hidden" name="section-id" value="template--18092470993030__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--18092470993030__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="41740121014406">
                
                
                <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--18092470993030__main-7378585485446-18"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
                    disabled
                    aria-label="Sold out"
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</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="7378585485446" /><input type="hidden" name="section-id" value="template--18092470993030__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/gaillard-arista-barbican-yellow-red-ring', $el, 'template--18092470993030__main-7378585485446-18')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/gaillard-arista-barbican-yellow-red-ring', $el, 'template--18092470993030__main-7378585485446-18')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/gaillard-arista-barbican-yellow-red-ring", $el, "template--18092470993030__main-7378585485446-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;Gaillard Arista Barbican Yellow Red Ring&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7378585485446&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1699,
      &quot;vendor&quot;: &quot;Chalet&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/285/assets/preview-color-swatches.js?v=119428623299356045671769426216" 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--18092470993030__main-19', '/products/dahlias-inspiration-cultivation-and-care-for-222-varieties-hardcover', '7012396990598')"  
  
  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/dahlias-inspiration-cultivation-and-care-for-222-varieties-hardcover?_pos=9&_sid=5f6c69ac4&_ss=r"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => {
          $store.xBadges.load($el);
        })'
        x-labels-data="{
      &quot;id&quot;: 7012396990598,
      &quot;available&quot;: false,
      &quot;title&quot;: &quot;Dahlias: Inspiration, Cultivation and Care for 222 Varieties&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 2499,
      &quot;price_with_currency&quot;: &quot;$24.99&quot;,
      &quot;sale_amount&quot;: &quot;$-24.99&quot;,
      &quot;collections&quot;: &quot;||288672448646||289169539206||290459025542||290515026054||277105279110||152855871622||274242928774||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 0,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false
      
    }"
       
      aria-label="Dahlias: Inspiration, Cultivation and Care for 222 Varieties"
      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--18092470993030__main-19--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;Dahlias: Inspiration, Cultivation and Care for 222 Varieties&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7012396990598&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2499,
      &quot;vendor&quot;: &quot;Chronicle Books / Hachette Book Group&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--18092470993030__main-19--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-book-gardening-gift-23.jpg?v=1729547950&width=450 450w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-book-gardening-gift-23.jpg?v=1729547950&width=750 750w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-book-gardening-gift-23.jpg?v=1729547950&width=900 900w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-book-gardening-gift-23.jpg?v=1729547950&width=1100 1100w,
                  //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-book-gardening-gift-23.jpg?v=1729547950&width=1500 1500w
                  ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-book-gardening-gift-23.jpg?v=1729547950 800w" 
                  src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-book-gardening-gift-23.jpg?v=1729547950&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="Dahlias: Inspiration, Cultivation and Care for 222 Varieties"
                  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-book-gardening-gift-24.jpg?v=1729547950"
                        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-book-gardening-gift-24.jpg?v=1729547950&width=450 450w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-book-gardening-gift-24.jpg?v=1729547950&width=750 750w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-book-gardening-gift-24.jpg?v=1729547950&width=900 900w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-book-gardening-gift-24.jpg?v=1729547950&width=1100 1100w,
                              //chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-book-gardening-gift-24.jpg?v=1729547950&width=1500 1500w
                              ,//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-book-gardening-gift-24.jpg?v=1729547950 800w"
                            src="//chalet-nursery.shop/cdn/shop/files/Chalet-home-garden-Chicago-book-gardening-gift-24.jpg?v=1729547950&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="Dahlias: Inspiration, Cultivation and Care for 222 Varieties"
                            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--18092470993030__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="40614864945286">
                  
                  
                  <button
                    type="submit"
                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--18092470993030__main-7012396990598-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'"
                    
                      disabled
                      aria-label="Sold out"
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</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--18092470993030__main-7012396990598-19"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      disabled
                      aria-label="Sold out"
                    
                    x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Dahlias: Inspiration, Cultivation and Care for 222 Varieties&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7012396990598&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2499,
      &quot;vendor&quot;: &quot;Chronicle Books / Hachette Book Group&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="7012396990598" /><input type="hidden" name="section-id" value="template--18092470993030__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/dahlias-inspiration-cultivation-and-care-for-222-varieties-hardcover', $el, 'template--18092470993030__main-7012396990598-19')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/dahlias-inspiration-cultivation-and-care-for-222-varieties-hardcover', $el, 'template--18092470993030__main-7012396990598-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;Dahlias: Inspiration, Cultivation and Care for 222 Varieties&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7012396990598&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2499,
      &quot;vendor&quot;: &quot;Chronicle Books / Hachette Book Group&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/dahlias-inspiration-cultivation-and-care-for-222-varieties-hardcover", $el, "template--18092470993030__main-7012396990598-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;Dahlias: Inspiration, Cultivation and Care for 222 Varieties&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7012396990598&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2499,
      &quot;vendor&quot;: &quot;Chronicle Books / Hachette Book Group&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--18092470993030__main-7012396990598">
            <a href="/products/dahlias-inspiration-cultivation-and-care-for-222-varieties-hardcover?_pos=9&_sid=5f6c69ac4&_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;Dahlias: Inspiration, Cultivation and Care for 222 Varieties&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7012396990598&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2499,
      &quot;vendor&quot;: &quot;Chronicle Books / Hachette Book Group&quot;
    }
  }"
            >
              Dahlias: Inspiration, Cultivation and Care for 222 Varieties
            </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">2499</div><p class="price">
          <span>$12.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-7012396990598-template--18092470993030__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--18092470993030__main-7012396990598">
            <a href="/products/dahlias-inspiration-cultivation-and-care-for-222-varieties-hardcover?_pos=9&_sid=5f6c69ac4&_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;Dahlias: Inspiration, Cultivation and Care for 222 Varieties&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7012396990598&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2499,
      &quot;vendor&quot;: &quot;Chronicle Books / Hachette Book Group&quot;
    }
  }"
            >
              Dahlias: Inspiration, Cultivation and Care for 222 Varieties
            </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">2499</div><p class="price">
          <span>$12.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--18092470993030__main', '/products/dahlias-inspiration-cultivation-and-care-for-222-varieties-hardcover?_pos=9&_sid=5f6c69ac4&_ss=r');
        });"></div>
        <div
          id="current-variant-template--18092470993030__main-7012396990598-19" 
          class="current-variant hidden"
        >
          40614864945286
        </div>
    
      
        <div class="hidden md:list-layout:block mt-5 md:list-layout:text-left">
          <div class="rte line-clamp-3">
            <p><meta charset="utf-8"><span class="a-text-bold">Learn everything you need to know to grow dahlias successfully.</span><span><br><br>Featuring a directory of 222 popular varieties each accompanied by full-color photographs, </span><span class="a-text-italic">Dahlias</span><span> celebrates the many different forms of this beautiful bloom and showcases how to fill your garden with color, texture and wildlife. This book covers all you need to know on successfully planting, growing, flowering and eventually storing your tubers for the next year. Discover the history and botany of dahlias and get inspiration for beautiful color combinations and companion plants. An ultimate source of knowledge and inspiration for both new and experienced growers, </span><span class="a-text-italic">Dahlias</span><span> is a celebration of this incredible flower!</span></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--18092470993030__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="40614864945286">
              
              
              <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--18092470993030__main-7012396990598-19"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                
                  disabled
                  aria-label="Sold out"
                >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</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="7012396990598" /><input type="hidden" name="section-id" value="template--18092470993030__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--18092470993030__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="40614864945286">
                
                
                <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--18092470993030__main-7012396990598-19"
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  
                    disabled
                    aria-label="Sold out"
                  >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">Sold out
</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="7012396990598" /><input type="hidden" name="section-id" value="template--18092470993030__main" /></form></div><button 
            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/dahlias-inspiration-cultivation-and-care-for-222-varieties-hardcover', $el, 'template--18092470993030__main-7012396990598-19')" 
            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/dahlias-inspiration-cultivation-and-care-for-222-varieties-hardcover', $el, 'template--18092470993030__main-7012396990598-19')" 
            @click.prevent='$store.xQuickView && $store.xQuickView.load("/products/dahlias-inspiration-cultivation-and-care-for-222-varieties-hardcover", $el, "template--18092470993030__main-7012396990598-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;Dahlias: Inspiration, Cultivation and Care for 222 Varieties&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7012396990598&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2499,
      &quot;vendor&quot;: &quot;Chronicle Books / Hachette Book Group&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/285/assets/preview-color-swatches.js?v=119428623299356045671769426216" defer></script></div></div></div>
          
</div>
    </div></div>

</section>
      </main>

      
          <!-- BEGIN sections: footer-group-breath -->
<div id="shopify-section-sections--18092471189638__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/285/assets/splide4.1.3.js?v=75458750262329959491769426221',
        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/285/assets/coupon-code.js?v=122244658426509822871769426208" defer></script>
      <script src="//chalet-nursery.shop/cdn/shop/t/285/assets/product-recommendations.js?v=103082699061673760681769426217" defer></script>
    
<script src="//chalet-nursery.shop/cdn/shop/t/285/assets/theme.js?v=37477918532731633621769426223" defer></script>
    <script src="//chalet-nursery.shop/cdn/shop/t/285/assets/vendors.js?v=21726020999429958561769426224" defer></script>
    <script>
      window.addEventListener("load", (event) => {
        deferScriptLoad('instant.page', '//chalet-nursery.shop/cdn/shop/t/285/assets/instant.page.v5.1.1.js?v=43232110432331176871769426212', () => {}, 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.liquidRenderedAt = 1770244872;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,40311646716038,40316427501702,40357977161862,40392835694726,40392835727494,40392835760262,40392835793030,40392835825798,40392835858566,40392835891334,40392835924102,40392835956870,40392835989638,40392836022406,40392836055174,40392836087942,40622732378246,40622732411014,41636865572998,42518745055366,42967859921030],"updated_at":"2026-02-04T22:17:54Z","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-02-04T22:27:50Z","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-02-04T22:39:06Z","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.","disable_button_until_acknowledged":false,"preorder_min_quantity":null,"preorder_max_quantity":null,"countdown_timer_enabled":false,"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,"schedule_offer":false,"schedule_start_date":null,"schedule_end_date":null,"updated_at":"2025-04-25T14:43:59.704Z","allow_mixed_cart":true,"mixed_cart_error_message":"Preorders must be purchased separately from regular items. Please complete your current order first, or clear your cart to continue.","b2b_enabled":true,"preorder_progress_bar_enabled":false,"preorder_progress_bar_text":"{{ sold }} of {{ total }} claimed","preorder_progress_bar_fill_color":"#000000","preorder_progress_bar_background_color":"#e5e5e5","preorder_progress_bar_text_color":"#FFFFFF","preorder_progress_bar_border_radius":4,"preorder_progress_bar_show_percentage":false}];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/019c2876-bd34-729f-ac67-59af61160153/restock-rocket-shopify-448/assets/restockrocket-product.js'
  window._RestockRocketConfig.scriptUrlCollection = 'https://cdn.shopify.com/extensions/019c2876-bd34-729f-ac67-59af61160153/restock-rocket-shopify-448/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
  const LIQUID_CACHE_MAX_AGE = 2 * 60 * 60; // 2 hours in seconds

  // Calculate Liquid cache freshness once at initialization
  const liquidRenderedAt = window._RestockRocketConfig.liquidRenderedAt;

  // Validate timestamp and calculate cache age
  if (!liquidRenderedAt || typeof liquidRenderedAt !== 'number' || isNaN(liquidRenderedAt)) {
    console.debug('STOQ - Invalid or missing liquidRenderedAt timestamp, assuming fresh');
    window._RestockRocketConfig.isLiquidCacheFresh = true;
  } else {
    const now = Math.floor(Date.now() / 1000); // Current time in seconds
    const liquidCacheAge = now - liquidRenderedAt; // Age in seconds

    // Handle client clock ahead of server
    if (liquidCacheAge < 0) {
      console.debug(`STOQ - Client clock appears ahead of server by ${Math.abs(Math.round(liquidCacheAge / 60))} minutes, assuming cache fresh`);
      window._RestockRocketConfig.isLiquidCacheFresh = true;
    } else if (liquidCacheAge <= LIQUID_CACHE_MAX_AGE) {
      console.debug(`STOQ - Liquid cache is fresh (${Math.round(liquidCacheAge / 60)} minutes old)`);
      window._RestockRocketConfig.isLiquidCacheFresh = true;
    } else {
      console.debug(`STOQ - Liquid cache is stale (${Math.round(liquidCacheAge / 60)} minutes old, max ${Math.round(LIQUID_CACHE_MAX_AGE / 60)} minutes)`);
      window._RestockRocketConfig.isLiquidCacheFresh = false;
    }
  }

  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>